forked from tsai/budibase
marblekirby
7 years ago
124 changed files with 25463 additions and 2776 deletions
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,25 @@ |
|||
import { |
|||
isString |
|||
} from "lodash/fp"; |
|||
|
|||
export const BB_STATE_BINDINGPATH = "##bbstate"; |
|||
export const BB_STATE_FALLBACK = "##bbstatefallback"; |
|||
|
|||
export const isBinding = value => |
|||
!isString(value) |
|||
&& value |
|||
&& isString(value[BB_STATE_BINDINGPATH]) |
|||
&& value[BB_STATE_BINDINGPATH].length > 0; |
|||
|
|||
export const setBinding = ({path, fallback}, binding={} ) => { |
|||
if(isNonEmptyString(path)) binding[BB_STATE_BINDINGPATH] = path; |
|||
if(isNonEmptyString(fallback)) binding[BB_STATE_FALLBACK] = fallback; |
|||
return binding |
|||
} |
|||
|
|||
export const getBinding = binding => ({ |
|||
path: binding[BB_STATE_BINDINGPATH] || "", |
|||
fallback: binding[BB_STATE_FALLBACK] || "" |
|||
}); |
|||
|
|||
const isNonEmptyString = s => isString(s) && s.length > 0; |
|||
@ -0,0 +1 @@ |
|||
export const EVENT_TYPE_MEMBER_NAME = "##eventHandlerType"; |
|||
@ -1,3 +1,3 @@ |
|||
import feather from "feather-icons"; |
|||
const getIcon = (icon, size) => feather.icons[icon].toSvg({height:size||"24", width:size||"24"}); |
|||
const getIcon = (icon, size) => feather.icons[icon].toSvg({height:size||"16", width:size||"16"}); |
|||
export default getIcon; |
|||
|
After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 8.8 KiB After Width: | Height: | Size: 9.5 KiB |
@ -1,61 +1,47 @@ |
|||
/* latin-ext */ |
|||
@font-face { |
|||
font-family: 'Lato'; |
|||
font-weight: 400; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin-ext.woff2) format('woff2'); |
|||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
|||
} |
|||
/* latin */ |
|||
@font-face { |
|||
font-family: 'Lato'; |
|||
font-weight: 400; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin.woff2) format('woff2'); |
|||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
|||
} |
|||
|
|||
|
|||
/* Black latin-ext */ |
|||
@font-face { |
|||
font-family: 'Lato Black'; |
|||
font-weight: 900; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin-ext.woff2) format('woff2'); |
|||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
|||
} |
|||
/* Black latin */ |
|||
@font-face { |
|||
font-family: 'Lato Black'; |
|||
font-weight: 900; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin.woff2) format('woff2'); |
|||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
|||
} |
|||
|
|||
/* Bold latin-ext */ |
|||
@font-face { |
|||
font-family: 'Lato Bold'; |
|||
font-weight: 700; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin-ext.woff2) format('woff2'); |
|||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
|||
} |
|||
/* Bold latin */ |
|||
@font-face { |
|||
font-family: 'Lato Bold'; |
|||
font-weight: 700; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin.woff2) format('woff2'); |
|||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
|||
} |
|||
|
|||
/* Semi Bold latin-ext */ |
|||
@font-face { |
|||
font-family: 'Lato Semi Bold'; |
|||
font-weight: 600; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin-ext.woff2) format('woff2'); |
|||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
|||
} |
|||
/* Semi Bold latin */ |
|||
@font-face { |
|||
font-family: 'Lato Semi Bold'; |
|||
font-weight: 600; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin.woff2) format('woff2'); |
|||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
|||
/* roboto-regular - latin-ext_latin */ |
|||
@font-face { |
|||
font-family: 'Roboto'; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
src: local('Roboto'), local('Roboto-Regular'), |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
/* roboto-300 - latin-ext_latin */ |
|||
@font-face { |
|||
font-family: 'Roboto'; |
|||
font-style: normal; |
|||
font-weight: 300; |
|||
src: local('Roboto Light'), local('Roboto-Light'), |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
/* roboto-500 - latin-ext_latin */ |
|||
@font-face { |
|||
font-family: 'Roboto'; |
|||
font-style: normal; |
|||
font-weight: 500; |
|||
src: local('Roboto Medium'), local('Roboto-Medium'), |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
/* roboto-700 - latin-ext_latin */ |
|||
@font-face { |
|||
font-family: 'Roboto'; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
src: local('Roboto Bold'), local('Roboto-Bold'), |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
/* roboto-900 - latin-ext_latin */ |
|||
@font-face { |
|||
font-family: 'Roboto'; |
|||
font-style: normal; |
|||
font-weight: 900; |
|||
src: local('Roboto Black'), local('Roboto-Black'), |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
|
|||
@ -0,0 +1,97 @@ |
|||
<script> |
|||
import IconButton from "../common/IconButton.svelte"; |
|||
import EventSelector from "./EventSelector.svelte"; |
|||
import { |
|||
filter |
|||
} from "lodash/fp"; |
|||
import {EVENT_TYPE_MEMBER_NAME} from "../common/eventHandlers"; |
|||
export let parentProps; |
|||
export let propDef; |
|||
export let onValueChanged; |
|||
export let onValidate = () => {}; |
|||
|
|||
let events = []; |
|||
let elementErrors = {}; |
|||
|
|||
$: { |
|||
events = parentProps[propDef.____name]; |
|||
} |
|||
|
|||
const addHandler = () => { |
|||
const newHandler = {parameters:{}}; |
|||
newHandler[EVENT_TYPE_MEMBER_NAME] = ""; |
|||
events = [...events, newHandler]; |
|||
onValueChanged(events); |
|||
} |
|||
|
|||
const onEventHandlerChanged = (oldEvent) => (newEvent) => { |
|||
const indexOfOldEvent = events.indexOf(oldEvent); |
|||
const newEvents = [...events]; |
|||
newEvents.splice( |
|||
events.indexOf(oldEvent), |
|||
1, |
|||
newEvent); |
|||
events = newEvents; |
|||
onValueChanged(events); |
|||
} |
|||
|
|||
const removeHandler = (index) => () => { |
|||
events = filter(e => e !== events[index])(events); |
|||
onValueChanged(events); |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<div class="root"> |
|||
<div class="control-container"> |
|||
{#each events as ev, index} |
|||
|
|||
<div class="handler-container"> |
|||
<EventSelector onChanged={onEventHandlerChanged(ev)} |
|||
onRemoved={removeHandler(index)} |
|||
event={ev} /> |
|||
|
|||
</div> |
|||
|
|||
<div class="separator"></div> |
|||
{/each} |
|||
|
|||
<div class="addelement-container" |
|||
on:click={addHandler}> |
|||
<IconButton icon="plus" |
|||
size="12"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<style> |
|||
|
|||
.addelement-container { |
|||
cursor: pointer; |
|||
padding: 3px 0px; |
|||
text-align: center; |
|||
} |
|||
|
|||
|
|||
|
|||
.addelement-container:hover { |
|||
background-color: var(--primary25); |
|||
margin-top: 5px; |
|||
} |
|||
|
|||
|
|||
.control-container { |
|||
padding-left: 3px; |
|||
background: var(--secondary10); |
|||
} |
|||
|
|||
.separator { |
|||
width: 60%; |
|||
margin: 10px auto; |
|||
border-style:solid; |
|||
border-width: 1px 0 0 0; |
|||
border-color: var(--primary25); |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,104 @@ |
|||
<script> |
|||
import IconButton from "../common/IconButton.svelte"; |
|||
import StateBindingControl from "./StateBindingControl.svelte"; |
|||
import { |
|||
find, map, keys, reduce |
|||
} from "lodash/fp"; |
|||
import { pipe } from "../common/core"; |
|||
import { EVENT_TYPE_MEMBER_NAME } from "../common/eventHandlers"; |
|||
|
|||
export let event; |
|||
export let onChanged; |
|||
export let onRemoved; |
|||
|
|||
const events = [ |
|||
{name:"", parameters: []}, |
|||
{name:"Set State", parameters: ["path", "value"]}, |
|||
{name:"Load Record", parameters: ["recordKey", "statePath"]}, |
|||
]; |
|||
|
|||
let eventType; |
|||
let parameters = []; |
|||
|
|||
$: { |
|||
if(event) { |
|||
eventType = event[EVENT_TYPE_MEMBER_NAME]; |
|||
parameters = pipe(event.parameters, [ |
|||
keys, |
|||
map(k => ({name:k, value:event.parameters[k]})) |
|||
]); |
|||
} else { |
|||
eventType = ""; |
|||
parameters = []; |
|||
} |
|||
} |
|||
|
|||
const eventChanged = (type, parameters) => { |
|||
const paramsAsObject = reduce( |
|||
(obj, p) => { |
|||
obj[p.name] = p.value; |
|||
return obj; |
|||
} |
|||
, {} |
|||
)(parameters) |
|||
|
|||
const ev = {}; |
|||
ev[EVENT_TYPE_MEMBER_NAME]=type; |
|||
ev.parameters = paramsAsObject; |
|||
|
|||
onChanged(ev); |
|||
} |
|||
|
|||
const eventTypeChanged = (ev) => { |
|||
const eType = find(e => e.name === ev.target.value)(events); |
|||
const emptyParameters = map(p => ({name:p, value:""}))(eType.parameters); |
|||
eventChanged(eType.name, emptyParameters); |
|||
} |
|||
|
|||
const onParameterChanged = index => val => { |
|||
const newparameters = [...parameters]; |
|||
newparameters[index].value = val; |
|||
eventChanged(eventType, newparameters); |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<div class="type-selector-container"> |
|||
<select class="type-selector uk-select uk-form-small " value={eventType} on:change={eventTypeChanged}> |
|||
{#each events as ev} |
|||
<option value={ev.name}>{ev.name}</option> |
|||
{/each} |
|||
</select> |
|||
|
|||
<IconButton icon="trash" |
|||
size="12" |
|||
on:click={onRemoved}/> |
|||
|
|||
</div> |
|||
|
|||
{#if parameters} |
|||
{#each parameters as p, index} |
|||
|
|||
<div> |
|||
{p.name} |
|||
</div> |
|||
<StateBindingControl onChanged={onParameterChanged(index)} |
|||
value={p.value} /> |
|||
|
|||
{/each} |
|||
{/if} |
|||
|
|||
<style> |
|||
|
|||
.type-selector-container { |
|||
display: flex; |
|||
} |
|||
|
|||
.type-selector { |
|||
border-color: var(--primary50); |
|||
border-radius: 2px; |
|||
width: 50px; |
|||
flex: 1 0 auto; |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,155 @@ |
|||
<script> |
|||
import { |
|||
isString |
|||
} from "lodash/fp"; |
|||
import IconButton from "../common/IconButton.svelte"; |
|||
import { |
|||
isBinding, getBinding, setBinding |
|||
} from "../common/binding"; |
|||
|
|||
export let value=""; |
|||
export let onChanged= () => {}; |
|||
export let type=""; |
|||
export let options=[]; |
|||
|
|||
let isBound=false; |
|||
let bindingPath=""; |
|||
let bindingFallbackValue=""; |
|||
let isExpanded = false; |
|||
let forceIsBound = false; |
|||
|
|||
$: { |
|||
isBound= forceIsBound || isBinding(value); |
|||
|
|||
if(isBound) { |
|||
const binding = getBinding(value); |
|||
bindingPath= binding.path; |
|||
bindingFallbackValue= binding.fallback; |
|||
} else { |
|||
bindingPath=""; |
|||
bindingFallbackValue=""; |
|||
} |
|||
} |
|||
|
|||
const clearBinding = () => { |
|||
forceIsBound = false; |
|||
onChanged(""); |
|||
} |
|||
|
|||
const bind = (path, fallback) => { |
|||
if(!path) { |
|||
clearBinding(""); |
|||
return; |
|||
} |
|||
const binding = setBinding({path, fallback}); |
|||
onChanged(binding); |
|||
} |
|||
|
|||
const setBindingPath = ev => { |
|||
forceIsBound = false; |
|||
bind(ev.target.value, bindingFallbackValue) |
|||
} |
|||
|
|||
const setBindingFallback = ev => { |
|||
bind(bindingPath, ev.target.value); |
|||
} |
|||
|
|||
|
|||
const makeBinding = () => { |
|||
forceIsBound=true; |
|||
isExpanded=true; |
|||
} |
|||
|
|||
</script> |
|||
|
|||
{#if isBound} |
|||
<div> |
|||
<div class="bound-header"> |
|||
<div>{isExpanded ? "" : bindingPath}</div> |
|||
<IconButton icon={isExpanded ? "chevron-up" : "chevron-down"} |
|||
size="12" |
|||
on:click={() => isExpanded=!isExpanded}/> |
|||
<IconButton icon="trash" |
|||
size="12" |
|||
on:click={clearBinding}/> |
|||
</div> |
|||
{#if isExpanded} |
|||
<div> |
|||
<div class="binding-prop-label">Binding Path</div> |
|||
<input class="uk-input uk-form-small" |
|||
value={bindingPath} |
|||
on:change={setBindingPath} > |
|||
<div class="binding-prop-label">Fallback Value</div> |
|||
<input class="uk-input uk-form-small" |
|||
value={bindingFallbackValue} |
|||
on:change={setBindingFallback} > |
|||
</div> |
|||
{/if} |
|||
|
|||
</div> |
|||
{:else} |
|||
<div class="unbound-container"> |
|||
|
|||
{#if type === "bool"} |
|||
|
|||
<div> |
|||
<IconButton icon={value == true ? "check-square" : "square"} |
|||
size="19" |
|||
on:click={() => value = !value}/> |
|||
</div> |
|||
|
|||
{:else if type === "options"} |
|||
|
|||
<select class="uk-select uk-form-small" |
|||
value={value} |
|||
on:change={ev => onChanged(ev.target.checked)}> |
|||
{#each options as option} |
|||
<option value={option}>{option}</option> |
|||
{/each} |
|||
</select> |
|||
|
|||
{:else} |
|||
|
|||
<input class="uk-input uk-form-small" |
|||
on:change={ev => onChanged(ev.target.value)} |
|||
bind:value={value} |
|||
style="flex: 1 0 auto;" > |
|||
|
|||
|
|||
{/if} |
|||
<IconButton icon="link" |
|||
size="12" |
|||
on:click={makeBinding} /> |
|||
</div> |
|||
{/if} |
|||
|
|||
|
|||
<style> |
|||
|
|||
.unbound-container { |
|||
display:flex; |
|||
} |
|||
|
|||
.unbound-container > *:nth-child(1) { |
|||
width:auto; |
|||
flex: 1 0 auto; |
|||
} |
|||
|
|||
.bound-header { |
|||
display: flex; |
|||
} |
|||
|
|||
.bound-header > div:nth-child(1) { |
|||
flex: 1 0 auto; |
|||
width: 30px; |
|||
color: var(--darkslate); |
|||
padding-left: 5px; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.binding-prop-label { |
|||
color: var(--darkslate); |
|||
} |
|||
|
|||
|
|||
</style> |
|||
@ -0,0 +1,50 @@ |
|||
import { |
|||
split, |
|||
last |
|||
} from "lodash/fp"; |
|||
import {writable} from "svelte/store"; |
|||
import { $ } from "./core/common"; |
|||
import { setupBinding } from "./state/stateBinding"; |
|||
|
|||
export const createApp = componentLibraries => { |
|||
|
|||
const initialiseComponent = (props, htmlElement) => { |
|||
|
|||
const {componentName, libName} = splitName(props._component); |
|||
|
|||
if(!componentName || !libName) return; |
|||
|
|||
const {initialProps, bind} = setupBinding(store, props); |
|||
|
|||
const component = new (componentLibraries[libName][componentName])({ |
|||
target: htmlElement, |
|||
props: {...initialProps, _app} |
|||
}); |
|||
|
|||
bind(component); |
|||
|
|||
} |
|||
|
|||
const store = writable({}); |
|||
|
|||
const _app = { |
|||
initialiseComponent, |
|||
store |
|||
}; |
|||
|
|||
return _app; |
|||
|
|||
} |
|||
|
|||
|
|||
const splitName = fullname => { |
|||
const componentName = $(fullname, [ |
|||
split("/"), |
|||
last |
|||
]); |
|||
|
|||
const libName =fullname.substring( |
|||
0, fullname.length - componentName.length - 1); |
|||
|
|||
return {libName, componentName}; |
|||
} |
|||
@ -1,5 +1,32 @@ |
|||
import { initialise } from "./initialise"; |
|||
import { createApp } from "./createApp"; |
|||
|
|||
const appDefinition = window["##BUDIBASE_APPDEFINITION##"]; |
|||
|
|||
initialise(window.document, appDefinition); |
|||
export const loadBudibase = async (componentLibraries, props) => { |
|||
|
|||
const appDefinition = window["##BUDIBASE_APPDEFINITION##"]; |
|||
|
|||
if(!componentLibraries) { |
|||
|
|||
const componentLibraryUrl = (lib) => "./" + trimSlash(lib) |
|||
const trimSlash = (str) => str.replace(/^\/+|\/+$/g, ''); |
|||
componentLibraries = {}; |
|||
|
|||
for(let lib of appDefinition.componentLibraries) { |
|||
componentLibraries[lib.libName] = await import( |
|||
componentLibraryUrl(lib.importPath)); |
|||
} |
|||
|
|||
} |
|||
|
|||
if(!props) { |
|||
props = appDefinition.props; |
|||
} |
|||
|
|||
const _app = createApp(componentLibraries); |
|||
_app.initialiseComponent( |
|||
props, |
|||
document.body); |
|||
|
|||
}; |
|||
|
|||
window.loadBudibase = loadBudibase; |
|||
@ -1,22 +0,0 @@ |
|||
import { writable } from "svelte/store"; |
|||
import { initialiseComponent } from "./initialiseComponent"; |
|||
|
|||
export const initialise = async (document, appDefinition) => { |
|||
|
|||
const componentLibraries = {}; |
|||
|
|||
for(let lib of appDefinition.componentLibraries) { |
|||
componentLibraries[lib.libName] = await import( |
|||
componentLibraryUrl(lib.importPath)); |
|||
} |
|||
|
|||
const store = writable({}); |
|||
|
|||
initialiseComponent(componentLibraries, store)( |
|||
appDefinition.props, |
|||
document.body); |
|||
} |
|||
const componentLibraryUrl = (lib) => "./" + trimSlash(lib) |
|||
|
|||
const trimSlash = (str) => str.replace(/^\/+|\/+$/g, ''); |
|||
|
|||
@ -1,36 +0,0 @@ |
|||
import { |
|||
find, |
|||
isUndefined, |
|||
split, |
|||
last |
|||
} from "lodash/fp"; |
|||
|
|||
import { $ } from "./core/common"; |
|||
|
|||
export const initialiseComponent = (componentLibraries, store) => (props, htmlElement) => { |
|||
|
|||
const _app = { |
|||
initialiseComponent: initialiseComponent(componentLibraries, store), |
|||
store |
|||
}; |
|||
|
|||
const {componentName, libName} = splitName(props._component); |
|||
|
|||
new (componentLibraries[libName][componentName])({ |
|||
target: htmlElement, |
|||
props: {...props, _app} |
|||
}); |
|||
|
|||
} |
|||
|
|||
const splitName = fullname => { |
|||
const componentName = $(fullname, [ |
|||
split("/"), |
|||
last |
|||
]); |
|||
|
|||
const libName =fullname.substring( |
|||
0, fullname.length - componentName.length - 1); |
|||
|
|||
return {libName, componentName}; |
|||
} |
|||
@ -0,0 +1,26 @@ |
|||
import { |
|||
setState |
|||
} from "./setState"; |
|||
import { |
|||
isArray, isUndefined |
|||
} from "lodash/fp"; |
|||
|
|||
export const EVENT_TYPE_MEMBER_NAME = "##eventHandlerType"; |
|||
|
|||
export const eventHandlers = store => { |
|||
|
|||
const handler = (parameters, execute) => ({ |
|||
execute, parameters |
|||
}); |
|||
|
|||
const setStateHandler = ({path, value}) => setState(store, path, value); |
|||
|
|||
return { |
|||
"Set State": handler(["path", "value"], setStateHandler) |
|||
}; |
|||
}; |
|||
|
|||
export const isEventType = prop => |
|||
isArray(prop) |
|||
&& prop.length > 0 |
|||
&& !isUndefined(prop[0][EVENT_TYPE_MEMBER_NAME]); |
|||
@ -0,0 +1,34 @@ |
|||
import { |
|||
isUndefined, |
|||
isObject |
|||
} from "lodash/fp"; |
|||
|
|||
export const getState = (s, path, fallback) => { |
|||
|
|||
const pathParts = path.split("."); |
|||
const safeGetPath = (obj, currentPartIndex=0) => { |
|||
|
|||
const currentKey = pathParts[currentPartIndex]; |
|||
|
|||
if(pathParts.length - 1 == currentPartIndex) { |
|||
const value = obj[currentKey]; |
|||
if(isUndefined(value)) |
|||
return fallback; |
|||
else |
|||
return value; |
|||
} |
|||
|
|||
if(obj[currentKey] === null |
|||
|| obj[currentKey] === undefined |
|||
|| !isObject(obj[currentKey])) { |
|||
|
|||
return fallback; |
|||
} |
|||
|
|||
return safeGetPath(obj[currentKey], currentPartIndex + 1); |
|||
|
|||
} |
|||
|
|||
|
|||
return safeGetPath(s); |
|||
} |
|||
@ -0,0 +1,33 @@ |
|||
import { |
|||
isObject |
|||
} from "lodash/fp"; |
|||
|
|||
|
|||
export const setState = (store, path, value) => { |
|||
|
|||
const pathParts = path.split("."); |
|||
const safeSetPath = (obj, currentPartIndex=0) => { |
|||
|
|||
const currentKey = pathParts[currentPartIndex]; |
|||
|
|||
if(pathParts.length - 1 == currentPartIndex) { |
|||
obj[currentKey] = value; |
|||
return; |
|||
} |
|||
|
|||
if(obj[currentKey] === null |
|||
|| obj[currentKey] === undefined |
|||
|| !isObject(obj.currentKey)) { |
|||
|
|||
obj[currentKey] = {}; |
|||
} |
|||
|
|||
safeSetPath(obj[currentKey], currentPartIndex + 1); |
|||
|
|||
} |
|||
|
|||
store.update(s => { |
|||
safeSetPath(s); |
|||
return s; |
|||
}); |
|||
} |
|||
@ -0,0 +1,118 @@ |
|||
import { |
|||
isEventType, eventHandlers, EVENT_TYPE_MEMBER_NAME |
|||
} from "./eventHandlers"; |
|||
|
|||
import { |
|||
getState |
|||
} from "./getState"; |
|||
|
|||
export const BB_STATE_BINDINGPATH = "##bbstate"; |
|||
export const BB_STATE_FALLBACK = "##bbstatefallback"; |
|||
const doNothing = () => {}; |
|||
export const setupBinding = (store, props) => { |
|||
|
|||
const initialProps = {...props}; |
|||
const boundProps = []; |
|||
const componentEventHandlers = []; |
|||
|
|||
for(let propName in props) { |
|||
const val = initialProps[propName]; |
|||
|
|||
if(isState(val)) { |
|||
|
|||
const binding = stateBinding(val); |
|||
const fallback = stateFallback(val); |
|||
|
|||
boundProps.push({ |
|||
stateBinding:binding, |
|||
fallback, propName |
|||
}); |
|||
|
|||
initialProps[propName] = fallback; |
|||
} else if(isEventType(val)) { |
|||
|
|||
const handlers = { propName, handlers:[] }; |
|||
componentEventHandlers.push(handlers); |
|||
|
|||
for(let e of val) { |
|||
handlers.handlers.push({ |
|||
handlerType: e[EVENT_TYPE_MEMBER_NAME], |
|||
parameters: e.parameters |
|||
}) |
|||
} |
|||
|
|||
initialProps[propName] = doNothing; |
|||
} |
|||
|
|||
} |
|||
|
|||
const bind = (component) => { |
|||
|
|||
if(boundProps.length === 0 && componentEventHandlers.length === 0) return; |
|||
|
|||
const handlerTypes = eventHandlers(store); |
|||
|
|||
const unsubscribe = store.subscribe(s => { |
|||
const newProps = {}; |
|||
|
|||
for(let boundProp of boundProps) { |
|||
const val = getState( |
|||
s, |
|||
boundProp.stateBinding, |
|||
boundProp.fallback); |
|||
|
|||
if(val === undefined && newProps[boundProp.propName] !== undefined) { |
|||
delete newProps[boundProp.propName]; |
|||
} |
|||
|
|||
if(val !== undefined) { |
|||
newProps[boundProp.propName] = val; |
|||
} |
|||
} |
|||
|
|||
for(let boundHandler of componentEventHandlers) { |
|||
|
|||
const closuredHandlers = []; |
|||
for(let h of boundHandler.handlers) { |
|||
const parameters = {}; |
|||
for(let pname in h.parameters) { |
|||
const p = h.parameters[pname]; |
|||
parameters[pname] = isState(p) |
|||
? getState( |
|||
s, p[BB_STATE_BINDINGPATH], p[BB_STATE_FALLBACK]) |
|||
: p; |
|||
|
|||
} |
|||
const handlerType = handlerTypes[h.handlerType]; |
|||
closuredHandlers.push(() => handlerType.execute(parameters)); |
|||
} |
|||
|
|||
newProps[boundHandler.propName] = () => { |
|||
for(let runHandler of closuredHandlers) { |
|||
runHandler(); |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
|
|||
component.$set(newProps); |
|||
}); |
|||
|
|||
return unsubscribe; |
|||
} |
|||
|
|||
return { |
|||
initialProps, bind |
|||
}; |
|||
|
|||
} |
|||
|
|||
|
|||
const isState = (prop) => prop[BB_STATE_BINDINGPATH] !== undefined; |
|||
const stateBinding = (prop) => prop[BB_STATE_BINDINGPATH]; |
|||
const stateFallback = (prop) => prop[BB_STATE_FALLBACK]; |
|||
|
|||
|
|||
|
|||
|
|||
@ -0,0 +1,146 @@ |
|||
import { |
|||
setupBinding, |
|||
BB_STATE_BINDINGPATH, |
|||
BB_STATE_FALLBACK |
|||
} from "../src/state/stateBinding"; |
|||
import { EVENT_TYPE_MEMBER_NAME } from "../src/state/eventHandlers"; |
|||
import {writable} from "svelte/store"; |
|||
import { isFunction } from "lodash/fp"; |
|||
|
|||
describe("setupBinding", () => { |
|||
|
|||
|
|||
it("should correctly create initials props, including fallback values", () => { |
|||
|
|||
const {store, props, component} = testSetup(); |
|||
|
|||
const {initialProps} = testSetupBinding(store, props, component); |
|||
|
|||
expect(initialProps.boundWithFallback).toBe("Bob"); |
|||
expect(initialProps.boundNoFallback).toBeUndefined(); |
|||
expect(initialProps.unbound).toBe("hello"); |
|||
|
|||
expect(isFunction(initialProps.eventBound)).toBeTruthy(); |
|||
initialProps.eventBound(); |
|||
|
|||
}); |
|||
|
|||
it("should update component bound props when store is updated", () => { |
|||
|
|||
const {component, store, props} = testSetup(); |
|||
|
|||
const {bind} = testSetupBinding(store, props, component); |
|||
bind(component); |
|||
|
|||
store.update(s => { |
|||
s.FirstName = "Bobby"; |
|||
s.LastName = "Thedog"; |
|||
s.Customer = { |
|||
Name: "ACME inc", |
|||
Address: "" |
|||
}; |
|||
s.addressToSet = "123 Main Street" |
|||
return s; |
|||
}); |
|||
|
|||
expect(component.props.boundWithFallback).toBe("Bobby"); |
|||
expect(component.props.boundNoFallback).toBe("Thedog"); |
|||
expect(component.props.multiPartBound).toBe("ACME inc"); |
|||
|
|||
}); |
|||
|
|||
it("should not update unbound props when store is updated", () => { |
|||
|
|||
const {component, store, props} = testSetup(); |
|||
|
|||
const {bind} = testSetupBinding(store, props, component); |
|||
bind(component); |
|||
|
|||
store.update(s => { |
|||
s.FirstName = "Bobby"; |
|||
s.LastName = "Thedog"; |
|||
s.Customer = { |
|||
Name: "ACME inc", |
|||
Address: "" |
|||
}; |
|||
s.addressToSet = "123 Main Street" |
|||
return s; |
|||
}); |
|||
|
|||
expect(component.props.unbound).toBe("hello"); |
|||
|
|||
}); |
|||
|
|||
it("should update event handlers on state change", () => { |
|||
|
|||
const {component, store, props} = testSetup(); |
|||
|
|||
const {bind} = testSetupBinding(store, props, component); |
|||
bind(component); |
|||
|
|||
expect(component.props.boundToEventOutput).toBe("initial address"); |
|||
component.props.eventBound(); |
|||
expect(component.props.boundToEventOutput).toBe("event fallback address"); |
|||
|
|||
store.update(s => { |
|||
s.addressToSet = "123 Main Street" |
|||
return s; |
|||
}); |
|||
|
|||
component.props.eventBound(); |
|||
expect(component.props.boundToEventOutput).toBe("123 Main Street"); |
|||
|
|||
}); |
|||
|
|||
}); |
|||
const testSetupBinding = (store, props, component) => { |
|||
const setup = setupBinding(store, props); |
|||
component.props = setup.initialProps; // svelte does this for us in real life
|
|||
return setup; |
|||
} |
|||
const testSetup = () => { |
|||
|
|||
const c = {}; |
|||
|
|||
c.props = {}; |
|||
c.$set = propsToSet => { |
|||
for(let pname in propsToSet) |
|||
c.props[pname] = propsToSet[pname]; |
|||
} |
|||
|
|||
|
|||
const binding = (path, fallback) => { |
|||
const b = {}; |
|||
b[BB_STATE_BINDINGPATH] = path; |
|||
b[BB_STATE_FALLBACK] = fallback; |
|||
return b; |
|||
}; |
|||
|
|||
const event = (handlerType, parameters) => { |
|||
const e = {}; |
|||
e[EVENT_TYPE_MEMBER_NAME] = handlerType; |
|||
e.parameters = parameters; |
|||
return e; |
|||
} |
|||
|
|||
const props = { |
|||
boundWithFallback : binding("FirstName", "Bob"), |
|||
boundNoFallback : binding("LastName"), |
|||
unbound: "hello", |
|||
multiPartBound: binding("Customer.Name", "ACME"), |
|||
boundToEventOutput: binding("Customer.Address", "initial address"), |
|||
eventBound: [ |
|||
event("Set State", { |
|||
path: "Customer.Address", |
|||
value: binding("addressToSet", "event fallback address") |
|||
}) |
|||
] |
|||
} |
|||
|
|||
return { |
|||
component:c, |
|||
store:writable({}), |
|||
props |
|||
}; |
|||
} |
|||
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,11 @@ |
|||
{ |
|||
"name": "Button", |
|||
"description": "PrimaryButton", |
|||
"inherits": "@budibase/standard-components/button", |
|||
"props": { |
|||
"contentText": "Save" |
|||
}, |
|||
"tags": [ |
|||
"button" |
|||
] |
|||
} |
|||
@ -0,0 +1,15 @@ |
|||
{ |
|||
"name": "LoginForm", |
|||
"description": "", |
|||
"inherits": "@budibase/standard-components/formControl", |
|||
"props": { |
|||
"label": "Joe", |
|||
"labelContainerClass": "Joe", |
|||
"controlContainerClass": "Joe", |
|||
"containerClass": "Joe", |
|||
"fullWidth": true |
|||
}, |
|||
"tags": [ |
|||
"login" |
|||
] |
|||
} |
|||
@ -0,0 +1,9 @@ |
|||
{ |
|||
"name": "joeTextBox", |
|||
"description": "", |
|||
"inherits": "subfolder/otherTextBox", |
|||
"props": {}, |
|||
"tags": [ |
|||
"" |
|||
] |
|||
} |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,29 @@ |
|||
{ |
|||
"name": "Primary Button", |
|||
"description": "", |
|||
"inherits": "@budibase/standard-components/button", |
|||
"props": { |
|||
"onClick": [ |
|||
{ |
|||
"##eventHandlerType": "Load Record", |
|||
"parameters": { |
|||
"recordKey": "waa", |
|||
"statePath": "yea" |
|||
} |
|||
}, |
|||
{ |
|||
"##eventHandlerType": "Load Record", |
|||
"parameters": { |
|||
"recordKey": "ttt", |
|||
"statePath": "eee" |
|||
} |
|||
} |
|||
], |
|||
"contentText": { |
|||
"##bbstate": "yea" |
|||
} |
|||
}, |
|||
"tags": [ |
|||
"button" |
|||
] |
|||
} |
|||
@ -0,0 +1,15 @@ |
|||
{ |
|||
"name": "/containers/two_columns", |
|||
"description": "", |
|||
"inherits": "@budibase/standard-components/grid", |
|||
"props": { |
|||
"gridTemplateColumns": "[left] 1fr [right] 1fr" |
|||
}, |
|||
"tags": [ |
|||
"div", |
|||
"container", |
|||
"layout", |
|||
"panel", |
|||
"grid" |
|||
] |
|||
} |
|||
@ -0,0 +1,65 @@ |
|||
{ |
|||
"name": "mike", |
|||
"description": "", |
|||
"inherits": "containers/two_columns", |
|||
"props": { |
|||
"children": [ |
|||
{ |
|||
"_component": "#children#array_element", |
|||
"control": { |
|||
"_component": "@budibase/standard-components/button", |
|||
"contentText": "Click Me", |
|||
"contentComponent": { |
|||
"_component": "" |
|||
}, |
|||
"className": "default", |
|||
"disabled": false, |
|||
"onClick": [ |
|||
{ |
|||
"##eventHandlerType": "Set State", |
|||
"parameters": { |
|||
"path": "SomeText", |
|||
"value": "hello !" |
|||
} |
|||
} |
|||
] |
|||
}, |
|||
"gridColumn": "left", |
|||
"gridRow": "", |
|||
"gridColumnStart": "", |
|||
"gridColumnEnd": "", |
|||
"gridRowStart": "", |
|||
"gridRowEnd": "" |
|||
}, |
|||
{ |
|||
"_component": "#children#array_element", |
|||
"control": { |
|||
"_component": "@budibase/standard-components/button", |
|||
"contentText": { |
|||
"##bbstate": "SomeText", |
|||
"##bbstatefallback": "(none)" |
|||
}, |
|||
"contentComponent": { |
|||
"_component": "" |
|||
}, |
|||
"className": "default", |
|||
"disabled": false, |
|||
"onClick": [] |
|||
}, |
|||
"gridColumn": "", |
|||
"gridRow": "", |
|||
"gridColumnStart": "", |
|||
"gridColumnEnd": "", |
|||
"gridRowStart": "", |
|||
"gridRowEnd": "" |
|||
} |
|||
] |
|||
}, |
|||
"tags": [ |
|||
"div", |
|||
"container", |
|||
"layout", |
|||
"panel", |
|||
"grid" |
|||
] |
|||
} |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||
window['##BUDIBASE_APPDEFINITION##'] = {"hierarchy":{"name":"root","type":"root","children":[{"name":"customer","type":"record","fields":[{"name":"name","type":"string","typeOptions":{"maxLength":1000,"values":null,"allowDeclaredValuesOnly":false},"label":"name","getInitialValue":"default","getUndefinedValue":"default"}],"children":[{"name":"invoiceyooo","type":"record","fields":[{"name":"amount","type":"number","typeOptions":{"minValue":99999999999,"maxValue":99999999999,"decimalPlaces":2},"label":"amount","getInitialValue":"default","getUndefinedValue":"default"}],"children":[],"validationRules":[],"nodeId":2,"indexes":[],"allidsShardFactor":1,"collectionName":"invoices","isSingle":false}],"validationRules":[],"nodeId":1,"indexes":[{"name":"customer_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":5}],"allidsShardFactor":64,"collectionName":"customers","isSingle":false}],"pathMaps":[],"indexes":[{"name":"Yeo index","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[1],"nodeId":4},{"name":"everyones_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":6}],"nodeId":0},"componentLibraries":["budibase-standard-components"],"appRootPath":"/testApp2","props":{}} |
|||
window['##BUDIBASE_APPDEFINITION##'] = {"hierarchy":{"name":"root","type":"root","children":[{"name":"customer","type":"record","fields":[{"name":"name","type":"string","typeOptions":{"maxLength":1000,"values":null,"allowDeclaredValuesOnly":false},"label":"name","getInitialValue":"default","getUndefinedValue":"default"}],"children":[{"name":"invoiceyooo","type":"record","fields":[{"name":"amount","type":"number","typeOptions":{"minValue":99999999999,"maxValue":99999999999,"decimalPlaces":2},"label":"amount","getInitialValue":"default","getUndefinedValue":"default"}],"children":[],"validationRules":[],"nodeId":2,"indexes":[],"allidsShardFactor":1,"collectionName":"invoices","isSingle":false}],"validationRules":[],"nodeId":1,"indexes":[{"name":"customer_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":5}],"allidsShardFactor":64,"collectionName":"customers","isSingle":false}],"pathMaps":[],"indexes":[{"name":"Yeo index","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[1],"nodeId":4},{"name":"everyones_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":6}],"nodeId":0},"componentLibraries":[{"importPath":"/lib/node_modules/@budibase/standard-components/dist/index.js","libName":"@budibase/standard-components"}],"appRootPath":"/testApp2","props":{"_component":"@budibase/standard-components/grid","gridTemplateRows":"","gridTemplateColumns":"[left] 1fr [right] 1fr","children":[{"_component":"children#array_element#","control":{"_component":"@budibase/standard-components/button","contentText":"Click Me","contentComponent":{"_component":""},"className":"default","disabled":false,"onClick":[{"##eventHandlerType":"Set State","parameters":{"path":"SomeText","value":"hello !"}}]},"gridColumn":"left","gridRow":"","gridColumnStart":"","gridColumnEnd":"","gridRowStart":"","gridRowEnd":""},{"_component":"children#array_element#","control":{"_component":"@budibase/standard-components/button","contentText":{"##bbstate":"SomeText","##bbstatefallback":"(none)"},"contentComponent":{"_component":""},"className":"default","disabled":false,"onClick":[]},"gridColumn":"","gridRow":"","gridColumnStart":"","gridColumnEnd":"","gridRowStart":"","gridRowEnd":""}],"width":"auto","height":"auto","containerClass":"","itemContainerClass":""}} |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||
window['##BUDIBASE_APPDEFINITION##'] = {"hierarchy":{"name":"root","type":"root","children":[{"name":"customer","type":"record","fields":[{"name":"name","type":"string","typeOptions":{"maxLength":1000,"values":null,"allowDeclaredValuesOnly":false},"label":"name","getInitialValue":"default","getUndefinedValue":"default"}],"children":[{"name":"invoiceyooo","type":"record","fields":[{"name":"amount","type":"number","typeOptions":{"minValue":99999999999,"maxValue":99999999999,"decimalPlaces":2},"label":"amount","getInitialValue":"default","getUndefinedValue":"default"}],"children":[],"validationRules":[],"nodeId":2,"indexes":[],"allidsShardFactor":1,"collectionName":"invoices","isSingle":false}],"validationRules":[],"nodeId":1,"indexes":[{"name":"customer_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":5}],"allidsShardFactor":64,"collectionName":"customers","isSingle":false}],"pathMaps":[],"indexes":[{"name":"Yeo index","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[1],"nodeId":4},{"name":"everyones_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":6}],"nodeId":0},"componentLibraries":["budibase-standard-components"],"appRootPath":"/testApp2","props":{"_component":"budibase-standard-components/login","logo":"/_shared/budibase-logo.png","loginRedirect":"","usernameLabel":"Username","passwordLabel":"Password","loginButtonLabel":"Login"}} |
|||
window['##BUDIBASE_APPDEFINITION##'] = {"hierarchy":{"name":"root","type":"root","children":[{"name":"customer","type":"record","fields":[{"name":"name","type":"string","typeOptions":{"maxLength":1000,"values":null,"allowDeclaredValuesOnly":false},"label":"name","getInitialValue":"default","getUndefinedValue":"default"}],"children":[{"name":"invoiceyooo","type":"record","fields":[{"name":"amount","type":"number","typeOptions":{"minValue":99999999999,"maxValue":99999999999,"decimalPlaces":2},"label":"amount","getInitialValue":"default","getUndefinedValue":"default"}],"children":[],"validationRules":[],"nodeId":2,"indexes":[],"allidsShardFactor":1,"collectionName":"invoices","isSingle":false}],"validationRules":[],"nodeId":1,"indexes":[{"name":"customer_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":5}],"allidsShardFactor":64,"collectionName":"customers","isSingle":false}],"pathMaps":[],"indexes":[{"name":"Yeo index","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[1],"nodeId":4},{"name":"everyones_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":6}],"nodeId":0},"componentLibraries":[{"importPath":"/lib/node_modules/@budibase/standard-components/dist/index.js","libName":"@budibase/standard-components"}],"appRootPath":"/testApp2","props":{"_component":"@budibase/standard-components/grid","gridTemplateRows":"","gridTemplateColumns":"[left] 1fr [right] 1fr","children":[],"width":"auto","height":"auto","containerClass":"","itemContainerClass":""}} |
|||
File diff suppressed because one or more lines are too long
@ -1,43 +1 @@ |
|||
main.svelte-pnvh8{height:100%;width:100%;font-family:"Lato", Helvetica, Arial, sans-serif}.settings.svelte-pnvh8{position:absolute;bottom:25px;right:25px} |
|||
.root.svelte-jymnqv{position:fixed;margin:0 auto;text-align:center;top:20%;width:100%}.inner.svelte-jymnqv{display:inline-block;margin:auto}.logo.svelte-jymnqv{width:300px;margin-bottom:40px}.root.svelte-jymnqv .option{width:250px}.app-link.svelte-jymnqv{margin-top:10px;display:block} |
|||
.root.svelte-h9y88z{height:100%;width:100%;display:flex;flex-direction:column}.top-nav.svelte-h9y88z{flex:0 0 auto;height:25px;background:white;border-style:solid;border-width:0px 0px 1px 0px;border-color:var(--lightslate);padding:5px;width:100%}.content.svelte-h9y88z{flex:1 1 auto;width:100%;height:100px}.content.svelte-h9y88z>div.svelte-h9y88z{height:100%;width:100%}.topnavitem.svelte-h9y88z{cursor:pointer;color:var(--slate);padding:0px 15px}.topnavitem.svelte-h9y88z:hover{color:var(--secondary75)}.active.svelte-h9y88z{color:var(--secondary100)} |
|||
.root.svelte-tavaga{height:100%;display:flex}.content.svelte-tavaga{flex:1 1 auto;height:100%;background-color:var(--white);margin:0}.nav.svelte-tavaga{flex:0 1 auto;width:300px;height:100%} |
|||
.border-normal.svelte-7rfkdx{border-radius:var(--borderradiusall)}.border-left.svelte-7rfkdx{border-radius:var(--borderradius) 0 0 var(--borderradius)}.border-right.svelte-7rfkdx{border-radius:0 var(--borderradius) var(--borderradius) 0}.border-middle.svelte-7rfkdx{border-radius:0}button.svelte-7rfkdx{border-style:solid;padding:7px 15px;cursor:pointer}.primary.svelte-7rfkdx{background-color:var(--primary100);border-color:var(--primary100);color:var(--white)}.primary.svelte-7rfkdx:hover{background-color:var(--primary75);border-color:var(--primary75)}.primary.svelte-7rfkdx:active{background-color:var(--primarydark);border-color:var(--primarydark)}.primary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--primary100);color:var(--primary100)}.primary-outline.svelte-7rfkdx:hover{background-color:var(--primary10)}.primary-outline.svelte-7rfkdx:pressed{background-color:var(--primary25)}.secondary.svelte-7rfkdx{background-color:var(--secondary100);border-color:var(--secondary100);color:var(--white)}.secondary.svelte-7rfkdx:hover{background-color:var(--secondary75);border-color:var(--secondary75)}.secondary.svelte-7rfkdx:pressed{background-color:var(--secondarydark);border-color:var(--secondarydark)}.secondary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--secondary100);color:var(--secondary100)}.secondary-outline.svelte-7rfkdx:hover{background-color:var(--secondary10)}.secondary-outline.svelte-7rfkdx:pressed{background-color:var(--secondary25)}.success.svelte-7rfkdx{background-color:var(--success100);border-color:var(--success100);color:var(--white)}.success.svelte-7rfkdx:hover{background-color:var(--success75);border-color:var(--success75)}.success.svelte-7rfkdx:pressed{background-color:var(--successdark);border-color:var(--successdark)}.success-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--success100);color:var(--success100)}.success-outline.svelte-7rfkdx:hover{background-color:var(--success10)}.success-outline.svelte-7rfkdx:pressed{background-color:var(--success25)}.deletion.svelte-7rfkdx{background-color:var(--deletion100);border-color:var(--deletion100);color:var(--white)}.deletion.svelte-7rfkdx:hover{background-color:var(--deletion75);border-color:var(--deletion75)}.deletion.svelte-7rfkdx:pressed{background-color:var(--deletiondark);border-color:var(--deletiondark)}.deletion-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--deletion100);color:var(--deletion100)}.deletion-outline.svelte-7rfkdx:hover{background-color:var(--deletion10)}.deletion-outline.svelte-7rfkdx:pressed{background-color:var(--deletion25)} |
|||
button.svelte-4po3k2{border-style:none;background-color:rgba(0,0,0,0);cursor:pointer;outline:none}button.svelte-4po3k2:hover{color:var(--hovercolor)}button.svelte-4po3k2:active{outline:none} |
|||
.root.svelte-1rbfs7z{display:grid;grid-template-columns:[uiNav] 250px [preview] auto [properties] 300px;height:100%;width:100%}.ui-nav.svelte-1rbfs7z{grid-column-start:uiNav;background-color:var(--primary10);height:100%}.properties-pane.svelte-1rbfs7z{grid-column-start:properties;background-color:var(--primary10);height:100%}.pages-list-container.svelte-1rbfs7z{padding-top:20px}.nav-group-header.svelte-1rbfs7z{font-size:10pt;padding-left:10px}.nav-items-container.svelte-1rbfs7z{padding-top:10px}.nav-group-header.svelte-1rbfs7z{display:grid;grid-template-columns:[icon] auto [title] 1fr [button] auto;padding:10px 2px 0px 7px}.nav-group-header.svelte-1rbfs7z>div.svelte-1rbfs7z:nth-child(1){padding:0px 7px 0px 0px;vertical-align:bottom;grid-column-start:icon;margin-right:5px}.nav-group-header.svelte-1rbfs7z>span.svelte-1rbfs7z:nth-child(2){margin-left:5px;vertical-align:bottom;grid-column-start:title;margin-top:auto}.nav-group-header.svelte-1rbfs7z>div.svelte-1rbfs7z:nth-child(3){vertical-align:bottom;grid-column-start:button;cursor:pointer;color:var(--slate)}.nav-group-header.svelte-1rbfs7z>div.svelte-1rbfs7z:nth-child(3):hover{color:var(--primary75)} |
|||
h4.svelte-o0id5a{margin-top:20px} |
|||
.root.svelte-85bkcq{height:100%;position:relative}.actions-header.svelte-85bkcq{flex:0 1 auto}.node-view.svelte-85bkcq{overflow-y:auto;flex:1 1 auto} |
|||
.root.svelte-1be865r{padding:10px}.edit-button.svelte-1be865r{cursor:pointer;color:var(--white)}tr.svelte-1be865r:hover .edit-button.svelte-1be865r{color:var(--secondary75)} |
|||
.root.svelte-1py90dy{height:100%;background-color:var(--primary10)}.items-root.svelte-1py90dy{display:flex;flex-direction:column;max-height:100%;height:10px}.hierarchy.svelte-1py90dy{flex:1 1 auto}.hierarchy-title-row.svelte-1py90dy{padding:15px 7px;font-size:12pt;display:flex;font-weight:bold}.hierarchy-title.svelte-1py90dy{flex:auto 1 1}.space-filler.svelte-1py90dy{flex:1 1 auto} |
|||
.root.svelte-1y6dy5x{padding:10px} |
|||
.root.svelte-1ba51k0{color:var(--secondary50)}.hierarchy-item.svelte-1ba51k0{cursor:pointer;padding:5px 0px}.hierarchy-item.svelte-1ba51k0:hover{color:var(--secondary75)}.component.svelte-1ba51k0{margin-left:5px}.currentfolder.svelte-1ba51k0{color:var(--secondary100)}.selected.svelte-1ba51k0{color:var(--primary100)}.title.svelte-1ba51k0{margin-left:10px} |
|||
.root.svelte-xai2hc{height:100%;border-style:solid;border-color:var(--lightslate);border-width:0px 0px 0px 1px}.padding.svelte-xai2hc{padding:0px 5px 0px 10px}.title.svelte-xai2hc{background-color:white;padding:3px;display:grid;grid-template-columns:[name] 1fr [actions] auto}.title.svelte-xai2hc>div.svelte-xai2hc:nth-child(1){grid-column-start:name;color:var(--secondary100)}.title.svelte-xai2hc>div.svelte-xai2hc:nth-child(2){grid-column-start:actions}.section-header.svelte-xai2hc{font-style:italic;color:var(--slate);border-style:solid;border-color:var(--lightslate);border-width:0px 0px 1px 0px}.section-header.svelte-xai2hc{vertical-align:middle;margin-top:20px} |
|||
.root.svelte-1iwq1b2{padding-bottom:10px;padding-left:10px;font-size:16px;color:var(--secondary50)}.hierarchy-item.svelte-1iwq1b2{cursor:pointer;padding:5px 0px}.hierarchy-item.svelte-1iwq1b2:hover{color:var(--secondary75)}.component.svelte-1iwq1b2{margin-left:5px}.selected.svelte-1iwq1b2{color:var(--primary100)}.title.svelte-1iwq1b2{margin-left:10px} |
|||
.component-preview.svelte-1rf8xuh{display:grid;grid-template-rows:[top] 1fr [middle] auto [bottom] 1fr;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-column-start:preview;height:100%}.component-container.svelte-1rf8xuh{grid-row-start:middle;grid-column-start:middle} |
|||
h1.svelte-2ukyrk{font-size:1.2em} |
|||
.root.svelte-is81a4{padding:15px}.help-text.svelte-is81a4{color:var(--slate);font-size:10pt} |
|||
.section-container.svelte-1t0x31f{padding:15px;border-style:dotted;border-width:1px;border-color:var(--lightslate);border-radius:2px}.section-container.svelte-1t0x31f:nth-child(1){margin-bottom:15px}.row-text.svelte-1t0x31f{margin-right:15px;color:var(--primary100)}input.svelte-1t0x31f{margin-right:15px}p.svelte-1t0x31f>span.svelte-1t0x31f{margin-left:30px}.header.svelte-1t0x31f{display:grid;grid-template-columns:[title] 1fr [icon] auto}.header.svelte-1t0x31f>div.svelte-1t0x31f:nth-child(1){grid-column-start:title}.header.svelte-1t0x31f>div.svelte-1t0x31f:nth-child(2){grid-column-start:icon} |
|||
.root.svelte-1rctf7f{display:block;font-size:13pt;width:100%;cursor:pointer}.title.svelte-1rctf7f{font:var(--bodytext);padding-top:10px;padding-right:5px;padding-bottom:10px;color:var(--secondary100)}.title.svelte-1rctf7f:hover{background-color:var(--secondary10)} |
|||
.root.svelte-gq7l8x{height:100%;padding:15px}.fields-table.svelte-gq7l8x{margin:10px;border-collapse:collapse}.add-field-button.svelte-gq7l8x{margin-left:15px;cursor:pointer}.edit-button.svelte-gq7l8x{cursor:pointer;color:var(--white)}.edit-button.svelte-gq7l8x:hover{color:var(--secondary75)}th.svelte-gq7l8x{text-align:left}td.svelte-gq7l8x{padding:5px 30px 5px 0px;margin:0}thead.svelte-gq7l8x>tr.svelte-gq7l8x{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--secondary75);margin-bottom:20px}tbody.svelte-gq7l8x>tr.svelte-gq7l8x{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--primary10)}tbody.svelte-gq7l8x>tr.svelte-gq7l8x:hover{background-color:var(--primary10)}tbody.svelte-gq7l8x>tr:hover .edit-button.svelte-gq7l8x{color:var(--secondary75)}.index-container.svelte-gq7l8x{border-style:solid;border-width:0 0 1px 0;border-color:var(--secondary25);padding:10px;margin-bottom:5px}.index-label.svelte-gq7l8x{color:var(--slate)}.index-name.svelte-gq7l8x{font-weight:bold;color:var(--primary100)}.index-container.svelte-gq7l8x code.svelte-gq7l8x{margin:0;display:inline;background-color:var(--primary10);color:var(--secondary100);padding:3px}.index-field-row.svelte-gq7l8x{margin-top:7px} |
|||
.root.svelte-1fkfoam{height:100%;padding:15px}.allowed-records.svelte-1fkfoam{margin:20px 0px}.allowed-records.svelte-1fkfoam>span.svelte-1fkfoam{margin-right:30px} |
|||
.root.svelte-160njkp{padding:5px;top:0;width:100%} |
|||
.dropdown-background.svelte-179p8ge{position:fixed;top:0;left:0;width:100vw;height:100vh}.root.svelte-179p8ge{cursor:pointer;z-index:1}.dropdown-content.svelte-179p8ge{position:absolute;background-color:var(--white);min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;font-weight:normal;border-style:solid;border-width:1px;border-color:var(--secondary10)}.dropdown-content.svelte-179p8ge:not(:focus){display:none}.action-row.svelte-179p8ge{padding:7px 10px;cursor:pointer}.action-row.svelte-179p8ge:hover{background-color:var(--primary100);color:var(--white)} |
|||
.nav-item.svelte-1e0ymco{padding:7px;font-size:12pt;font-weight:bold;cursor:pointer;flex:0 0 auto}.nav-item.svelte-1e0ymco:hover{background-color:var(--primary10)}.active.svelte-1e0ymco{background-color:var(--primary10)} |
|||
.root.svelte-d6wwkb{display:flex}.root.svelte-d6wwkb:last-child{border-radius:0 var(--borderradius) var(--borderradius) 0}.root.svelte-d6wwkb:first-child{border-radius:var(--borderradius) 0 0 var(--borderradius)}.root.svelte-d6wwkb:not(:first-child):not(:last-child){border-radius:0} |
|||
.edit-button.svelte-12jzg4k{cursor:pointer;color:var(--white)}tr.svelte-12jzg4k:hover .edit-button.svelte-12jzg4k{color:var(--secondary75)} |
|||
.edit-button.svelte-1le5bpl{cursor:pointer;color:var(--white)}tr.svelte-1le5bpl:hover .edit-button.svelte-1le5bpl{color:var(--secondary75)} |
|||
.root.svelte-10avxhq{display:block;font-size:12pt;width:100%;cursor:pointer}.title.svelte-10avxhq{padding-top:5px;padding-right:5px;padding-bottom:5px;color:var(--secondary100)}.title.svelte-10avxhq:hover{background-color:var(--secondary10)}.active.svelte-10avxhq{background-color:var(--primary10)} |
|||
.root.svelte-beukw7{font-size:10pt}.padding.svelte-beukw7{padding:0 10px}.inherited-title.svelte-beukw7{margin-top:40px;display:grid;grid-template-columns:[name] 1fr [actions] auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:var(--lightslate);font-style:italic}.inherited-title.svelte-beukw7>div.svelte-beukw7:nth-child(1){grid-column-start:name;color:var(--slate)}.inherited-title.svelte-beukw7>div.svelte-beukw7:nth-child(2){grid-column-start:actions;color:var(--secondary100)} |
|||
.info-text.svelte-um9cf7{font-size:0.8em;color:var(--slate)} |
|||
.title.svelte-1pp53c5{padding:3px;background-color:white;color:var(--secondary100);border-style:solid;border-width:1px 0 0 0;border-color:var(--lightslate)}.title.svelte-1pp53c5>span.svelte-1pp53c5{margin-left:10px} |
|||
.component.svelte-13tuzj8{padding:5px;border-style:solid;border-width:0 0 1px 0;border-color:var(--lightslate);cursor:pointer}.component.svelte-13tuzj8:hover{background-color:var(--primary10)}.component.svelte-13tuzj8>.title.svelte-13tuzj8{font-size:13pt;color:var(--secondary100)}.component.svelte-13tuzj8>.description.svelte-13tuzj8{font-size:10pt;color:var(--primary75);font-style:italic} |
|||
textarea.svelte-1ooq0hh{padding:3px;background:var(--darkslate);color:var(--white);font-family:'Courier New', Courier, monospace;width:95%;height:100px} |
|||
.error-container.svelte-jwy920{padding:10px;border-style:solid;border-color:var(--deletion100);border-radius:var(--borderradiusall);background:var(--deletion75)}.error-row.svelte-jwy920{padding:5px 0px} |
|||
input.svelte-66516k{margin-right:7px} |
|||
.root.svelte-emcy8y{padding:10px}.option-container.svelte-emcy8y{border-style:dotted;border-width:1px;border-color:var(--primary75);padding:3px;margin-right:5px} |
|||
.root.svelte-woqcuf{display:grid;grid-template-columns:[name] 1fr [actions] auto}.root.svelte-woqcuf>div.svelte-woqcuf:nth-child(1){grid-column-start:name;color:var(--secondary50)}.root.svelte-woqcuf>div.svelte-woqcuf:nth-child(2){grid-column-start:actions}.selectedname.svelte-woqcuf{font-weight:bold;color:var(--secondary)} |
|||
.root.svelte-w5on8s{padding:3px 5px 7px 10px;border-style:dotted;border-width:0 0 1px 0;border-color:var(--primary25)} |
|||
textarea.svelte-1wfv4cc{width:300px;height:200px} |
|||
.addelement-container.svelte-jliz3p{cursor:pointer;padding:3px 0px;text-align:center}.addelement-container.svelte-jliz3p:hover{background-color:var(--primary25)}.item-container.svelte-jliz3p{padding-left:3px;background:var(--secondary10)} |
|||
|
|||
/*# sourceMappingURL=bundle.css.map */ |
|||
main.svelte-24wuof{height:100%;width:100%;font-family:"Roboto", Helvetica, Arial, sans-serif}.settings.svelte-24wuof{position:absolute;bottom:25px;right:25px} |
|||
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 8.8 KiB After Width: | Height: | Size: 9.5 KiB |
@ -1,61 +1,47 @@ |
|||
/* latin-ext */ |
|||
@font-face { |
|||
font-family: 'Lato'; |
|||
font-weight: 400; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin-ext.woff2) format('woff2'); |
|||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
|||
} |
|||
/* latin */ |
|||
@font-face { |
|||
font-family: 'Lato'; |
|||
font-weight: 400; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin.woff2) format('woff2'); |
|||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
|||
} |
|||
|
|||
|
|||
/* Black latin-ext */ |
|||
@font-face { |
|||
font-family: 'Lato Black'; |
|||
font-weight: 900; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin-ext.woff2) format('woff2'); |
|||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
|||
} |
|||
/* Black latin */ |
|||
@font-face { |
|||
font-family: 'Lato Black'; |
|||
font-weight: 900; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin.woff2) format('woff2'); |
|||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
|||
} |
|||
|
|||
/* Bold latin-ext */ |
|||
@font-face { |
|||
font-family: 'Lato Bold'; |
|||
font-weight: 700; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin-ext.woff2) format('woff2'); |
|||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
|||
} |
|||
/* Bold latin */ |
|||
@font-face { |
|||
font-family: 'Lato Bold'; |
|||
font-weight: 700; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin.woff2) format('woff2'); |
|||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
|||
} |
|||
|
|||
/* Semi Bold latin-ext */ |
|||
@font-face { |
|||
font-family: 'Lato Semi Bold'; |
|||
font-weight: 600; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin-ext.woff2) format('woff2'); |
|||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
|||
} |
|||
/* Semi Bold latin */ |
|||
@font-face { |
|||
font-family: 'Lato Semi Bold'; |
|||
font-weight: 600; |
|||
src: local('Lato Regular'), local('Lato-Regular'), url(/_builder/assets/lato-latin.woff2) format('woff2'); |
|||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
|||
/* roboto-regular - latin-ext_latin */ |
|||
@font-face { |
|||
font-family: 'Roboto'; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
src: local('Roboto'), local('Roboto-Regular'), |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
/* roboto-300 - latin-ext_latin */ |
|||
@font-face { |
|||
font-family: 'Roboto'; |
|||
font-style: normal; |
|||
font-weight: 300; |
|||
src: local('Roboto Light'), local('Roboto-Light'), |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
/* roboto-500 - latin-ext_latin */ |
|||
@font-face { |
|||
font-family: 'Roboto'; |
|||
font-style: normal; |
|||
font-weight: 500; |
|||
src: local('Roboto Medium'), local('Roboto-Medium'), |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
/* roboto-700 - latin-ext_latin */ |
|||
@font-face { |
|||
font-family: 'Roboto'; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
src: local('Roboto Bold'), local('Roboto-Bold'), |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
/* roboto-900 - latin-ext_latin */ |
|||
@font-face { |
|||
font-family: 'Roboto'; |
|||
font-style: normal; |
|||
font-weight: 900; |
|||
src: local('Roboto Black'), local('Roboto-Black'), |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
url('/_builder/assets/roboto-v20-latin-ext_latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
|
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue