forked from tsai/budibase
Conor Mack
7 years ago
96 changed files with 22851 additions and 94763 deletions
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,121 @@ |
|||||
|
import { load } from "./testAppDef"; |
||||
|
|
||||
|
describe("initialiseApp", () => { |
||||
|
|
||||
|
it("should populate root element prop from store value", async () => { |
||||
|
|
||||
|
const {dom} = await load({ |
||||
|
_component: "testlib/div", |
||||
|
className: { |
||||
|
"##bbstate": "divClassName", |
||||
|
"##bbsource": "store", |
||||
|
"##bbstatefallback":"default" |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
const rootDiv = dom.window.document.body.children[0]; |
||||
|
expect(rootDiv.className).toBe("default"); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
it("should update root element from store", async () => { |
||||
|
|
||||
|
const {dom, app} = await load({ |
||||
|
_component: "testlib/div", |
||||
|
className: { |
||||
|
"##bbstate": "divClassName", |
||||
|
"##bbsource": "store", |
||||
|
"##bbstatefallback":"default" |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
app.store.update(s => { |
||||
|
s.divClassName = "newvalue"; |
||||
|
return s; |
||||
|
}); |
||||
|
|
||||
|
const rootDiv = dom.window.document.body.children[0]; |
||||
|
expect(rootDiv.className).toBe("newvalue"); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
|
||||
|
it("should populate child component with store value", async () => { |
||||
|
const {dom} = await load({ |
||||
|
_component: "testlib/div", |
||||
|
_children: [ |
||||
|
{ |
||||
|
_component: "testlib/h1", |
||||
|
text: { |
||||
|
"##bbstate": "headerOneText", |
||||
|
"##bbsource": "store", |
||||
|
"##bbstatefallback":"header one" |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
_component: "testlib/h1", |
||||
|
text: { |
||||
|
"##bbstate": "headerTwoText", |
||||
|
"##bbsource": "store", |
||||
|
"##bbstatefallback":"header two" |
||||
|
} |
||||
|
} |
||||
|
] |
||||
|
}); |
||||
|
|
||||
|
const rootDiv = dom.window.document.body.children[0]; |
||||
|
|
||||
|
expect(rootDiv.children.length).toBe(2); |
||||
|
expect(rootDiv.children[0].tagName).toBe("H1"); |
||||
|
expect(rootDiv.children[0].innerText).toBe("header one"); |
||||
|
expect(rootDiv.children[1].tagName).toBe("H1"); |
||||
|
expect(rootDiv.children[1].innerText).toBe("header two"); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
|
||||
|
it("should populate child component with store value", async () => { |
||||
|
const {dom, app} = await load({ |
||||
|
_component: "testlib/div", |
||||
|
_children: [ |
||||
|
{ |
||||
|
_component: "testlib/h1", |
||||
|
text: { |
||||
|
"##bbstate": "headerOneText", |
||||
|
"##bbsource": "store", |
||||
|
"##bbstatefallback":"header one" |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
_component: "testlib/h1", |
||||
|
text: { |
||||
|
"##bbstate": "headerTwoText", |
||||
|
"##bbsource": "store", |
||||
|
"##bbstatefallback":"header two" |
||||
|
} |
||||
|
} |
||||
|
] |
||||
|
}); |
||||
|
|
||||
|
app.store.update(s => { |
||||
|
s.headerOneText = "header 1 - new val"; |
||||
|
s.headerTwoText = "header 2 - new val"; |
||||
|
return s; |
||||
|
}); |
||||
|
|
||||
|
const rootDiv = dom.window.document.body.children[0]; |
||||
|
|
||||
|
expect(rootDiv.children.length).toBe(2); |
||||
|
expect(rootDiv.children[0].tagName).toBe("H1"); |
||||
|
expect(rootDiv.children[0].innerText).toBe("header 1 - new val"); |
||||
|
expect(rootDiv.children[1].tagName).toBe("H1"); |
||||
|
expect(rootDiv.children[1].innerText).toBe("header 2 - new val"); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
|
||||
|
}); |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,73 @@ |
|||||
|
import { load } from "./testAppDef"; |
||||
|
|
||||
|
describe("initialiseApp", () => { |
||||
|
|
||||
|
it("should populate simple div with initial props", async () => { |
||||
|
|
||||
|
const {dom} = await load({ |
||||
|
_component: "testlib/div", |
||||
|
className: "my-test-class" |
||||
|
}); |
||||
|
|
||||
|
expect(dom.window.document.body.children.length).toBe(1); |
||||
|
const child = dom.window.document.body.children[0]; |
||||
|
expect(child.className).toBe("my-test-class"); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
it("should populate child component with props", async () => { |
||||
|
const {dom} = await load({ |
||||
|
_component: "testlib/div", |
||||
|
_children: [ |
||||
|
{ |
||||
|
_component: "testlib/h1", |
||||
|
text: "header one" |
||||
|
}, |
||||
|
{ |
||||
|
_component: "testlib/h1", |
||||
|
text: "header two" |
||||
|
} |
||||
|
] |
||||
|
}); |
||||
|
|
||||
|
const rootDiv = dom.window.document.body.children[0]; |
||||
|
|
||||
|
expect(rootDiv.children.length).toBe(2); |
||||
|
expect(rootDiv.children[0].tagName).toBe("H1"); |
||||
|
expect(rootDiv.children[0].innerText).toBe("header one"); |
||||
|
expect(rootDiv.children[1].tagName).toBe("H1"); |
||||
|
expect(rootDiv.children[1].innerText).toBe("header two"); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
it("should append children when told to do so", async () => { |
||||
|
const {dom} = await load({ |
||||
|
_component: "testlib/div", |
||||
|
_children: [ |
||||
|
{ |
||||
|
_component: "testlib/h1", |
||||
|
text: "header one" |
||||
|
}, |
||||
|
{ |
||||
|
_component: "testlib/h1", |
||||
|
text: "header two" |
||||
|
} |
||||
|
], |
||||
|
append: true |
||||
|
}); |
||||
|
|
||||
|
const rootDiv = dom.window.document.body.children[0]; |
||||
|
|
||||
|
expect(rootDiv.children.length).toBe(3); |
||||
|
expect(rootDiv.children[0].tagName).toBe("DIV"); |
||||
|
expect(rootDiv.children[0].className).toBe("default-child"); |
||||
|
expect(rootDiv.children[1].tagName).toBe("H1"); |
||||
|
expect(rootDiv.children[1].innerText).toBe("header one"); |
||||
|
expect(rootDiv.children[2].tagName).toBe("H1"); |
||||
|
expect(rootDiv.children[2].innerText).toBe("header two"); |
||||
|
}); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,91 @@ |
|||||
|
import { JSDOM } from "jsdom"; |
||||
|
import { loadBudibase } from "../src/index"; |
||||
|
|
||||
|
export const load = async (props) => { |
||||
|
const dom = new JSDOM(`<!DOCTYPE html><html><body></body><html>`); |
||||
|
setAppDef(dom.window, props); |
||||
|
const app = await loadBudibase({ |
||||
|
componentLibraries: allLibs(dom.window), |
||||
|
window: dom.window, |
||||
|
localStorage: createLocalStorage(), |
||||
|
props |
||||
|
}); |
||||
|
return {dom, app}; |
||||
|
} |
||||
|
|
||||
|
const setAppDef = (window, props) => { |
||||
|
window["##BUDIBASE_APPDEFINITION##"] = ({ |
||||
|
componentLibraries: [], |
||||
|
props, |
||||
|
hierarchy: {}, |
||||
|
appRootPath: "" |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const allLibs = (window) => ({ |
||||
|
testlib: maketestlib(window) |
||||
|
}); |
||||
|
|
||||
|
const createLocalStorage = () => { |
||||
|
const data = {}; |
||||
|
return ({ |
||||
|
getItem: key => data[key], |
||||
|
setItem: (key, value) => data[key] = value |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const maketestlib = (window) => ({ |
||||
|
div: function(opts) { |
||||
|
|
||||
|
const node = window.document.createElement("DIV"); |
||||
|
const defaultChild = window.document.createElement("DIV"); |
||||
|
defaultChild.className = "default-child"; |
||||
|
node.appendChild(defaultChild); |
||||
|
|
||||
|
let currentProps = {...opts.props}; |
||||
|
let childNodes = []; |
||||
|
|
||||
|
const set = (props) => { |
||||
|
currentProps = Object.assign(currentProps, props); |
||||
|
node.className = currentProps.className || ""; |
||||
|
if(currentProps._children && currentProps._children.length > 0) { |
||||
|
if(currentProps.append) { |
||||
|
for(let c of childNodes) { |
||||
|
node.removeChild(c); |
||||
|
} |
||||
|
const components = currentProps._bb.appendChildren(currentProps._children, node); |
||||
|
childNodes = components.map(c => c._element); |
||||
|
} else { |
||||
|
currentProps._bb.hydrateChildren(currentProps._children, node); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
this.$set = set; |
||||
|
this._element = node; |
||||
|
set(opts.props); |
||||
|
opts.target.appendChild(node); |
||||
|
}, |
||||
|
|
||||
|
h1: function(opts) { |
||||
|
|
||||
|
const node = window.document.createElement("H1"); |
||||
|
|
||||
|
let currentProps = {...opts.props}; |
||||
|
|
||||
|
const set = (props) => { |
||||
|
currentProps = Object.assign(currentProps, props); |
||||
|
if(currentProps.text) { |
||||
|
node.innerText = currentProps.text; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
this.$set = set; |
||||
|
this._element = node; |
||||
|
set(opts.props); |
||||
|
opts.target.appendChild(node); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,13 @@ |
|||||
|
import bcrypt from "bcryptjs"; |
||||
|
|
||||
|
function hash(password) { |
||||
|
return bcrypt.hashSync(password, 10); |
||||
|
} |
||||
|
|
||||
|
function verify(hash, password) { |
||||
|
return bcrypt.compareSync(password, hash); |
||||
|
} |
||||
|
|
||||
|
export default { |
||||
|
hash, verify |
||||
|
}; |
||||
@ -1,5 +0,0 @@ |
|||||
import {hash, verify} from "argon2"; |
|
||||
|
|
||||
export default { |
|
||||
hash, verify |
|
||||
}; |
|
||||
@ -0,0 +1,5 @@ |
|||||
|
.DS_Store |
||||
|
node_modules |
||||
|
yarn.lock |
||||
|
package-lock.json |
||||
|
dist/index.js |
||||
@ -0,0 +1,33 @@ |
|||||
|
*Psst — looking for an app template? Go here --> [sveltejs/template](https://github.com/sveltejs/template)* |
||||
|
|
||||
|
--- |
||||
|
|
||||
|
# component-template |
||||
|
|
||||
|
A base for building shareable Svelte components. Clone it with [degit](https://github.com/Rich-Harris/degit): |
||||
|
|
||||
|
```bash |
||||
|
npx degit sveltejs/component-template my-new-component |
||||
|
cd my-new-component |
||||
|
npm install # or yarn |
||||
|
``` |
||||
|
|
||||
|
Your component's source code lives in `src/index.html`. |
||||
|
|
||||
|
TODO |
||||
|
|
||||
|
* [ ] some firm opinions about the best way to test components |
||||
|
* [ ] update `degit` so that it automates some of the setup work |
||||
|
|
||||
|
|
||||
|
## Setting up |
||||
|
|
||||
|
* Run `npm init` (or `yarn init`) |
||||
|
* Replace this README with your own |
||||
|
|
||||
|
|
||||
|
## Consuming components |
||||
|
|
||||
|
Your package.json has a `"svelte"` field pointing to `src/index.html`, which allows Svelte apps to import the source code directly, if they are using a bundler plugin like [rollup-plugin-svelte](https://github.com/rollup/rollup-plugin-svelte) or [svelte-loader](https://github.com/sveltejs/svelte-loader) (where [`resolve.mainFields`](https://webpack.js.org/configuration/resolve/#resolve-mainfields) in your webpack config includes `"svelte"`). **This is recommended.** |
||||
|
|
||||
|
For everyone else, `npm run build` will bundle your component's source code into a plain JavaScript module (`index.mjs`) and a UMD script (`index.js`). This will happen automatically when you publish your component to npm, courtesy of the `prepublishOnly` hook in package.json. |
||||
@ -0,0 +1,12 @@ |
|||||
|
{ |
||||
|
"_lib": "./dist/index.js", |
||||
|
"h1": { |
||||
|
"name": "H1", |
||||
|
"description": "An HTML H1 tag", |
||||
|
"props" : { |
||||
|
"text": "string", |
||||
|
"className":"string" |
||||
|
}, |
||||
|
"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,37 @@ |
|||||
|
{ |
||||
|
"name": "@budibase/materialdesign-components", |
||||
|
"svelte": "src/index.svelte", |
||||
|
"main": "dist/index.js", |
||||
|
"module": "dist/index.js", |
||||
|
"scripts": { |
||||
|
"build": "rollup -c && rollup -c rollup.generatorsconfig.js", |
||||
|
"prepublishOnly": "npm run build", |
||||
|
"testbuild": "rollup -w -c rollup.testconfig.js", |
||||
|
"dev": "run-p start:dev testbuild", |
||||
|
"start:dev": "sirv public --single --dev", |
||||
|
"publishdev": "yarn build && node ./scripts/publishDev.js" |
||||
|
}, |
||||
|
"devDependencies": { |
||||
|
"@budibase/client": "^0.0.15", |
||||
|
"@nx-js/compiler-util": "^2.0.0", |
||||
|
"fs-extra": "^8.1.0", |
||||
|
"lodash": "^4.17.15", |
||||
|
"npm-run-all": "^4.1.5", |
||||
|
"rollup": "^1.11.0", |
||||
|
"rollup-plugin-commonjs": "^10.0.2", |
||||
|
"rollup-plugin-json": "^4.0.0", |
||||
|
"rollup-plugin-livereload": "^1.0.1", |
||||
|
"rollup-plugin-node-resolve": "^5.0.0", |
||||
|
"rollup-plugin-svelte": "^5.0.0", |
||||
|
"rollup-plugin-terser": "^5.1.1", |
||||
|
"shortid": "^2.2.15", |
||||
|
"sirv-cli": "^0.4.4", |
||||
|
"svelte": "^3.12.1" |
||||
|
}, |
||||
|
"keywords": [ |
||||
|
"svelte" |
||||
|
], |
||||
|
"version": "0.0.15", |
||||
|
"license": "MIT", |
||||
|
"gitHead": "115189f72a850bfb52b65ec61d932531bf327072" |
||||
|
} |
||||
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,3 @@ |
|||||
|
#current_component.svelte-uuhis1{height:100%;width:100%} |
||||
|
|
||||
|
/*# sourceMappingURL=bundle.css.map */ |
||||
@ -0,0 +1,12 @@ |
|||||
|
{ |
||||
|
"version": 3, |
||||
|
"file": "bundle.css", |
||||
|
"sources": [ |
||||
|
"..\\src\\Test\\TestApp.svelte" |
||||
|
], |
||||
|
"sourcesContent": [ |
||||
|
"<script>\r\nimport createApp from \"./createApp\";\r\nimport { props } from \"./props\";\r\n\r\nlet _bb;\r\n\r\nconst _appPromise = createApp();\r\n_appPromise.then(a => _bb = a);\r\n\r\nconst testProps = props.justAnH1;\r\n\r\nlet currentComponent;\r\n\r\n$: {\r\n if(_bb && currentComponent) {\r\n _bb.hydrateChildren(testProps._children, currentComponent);\r\n }\r\n}\r\n\r\n\r\n\r\n</script>\r\n\r\n{#await _appPromise}\r\nloading\r\n{:then _bb}\r\n\r\n<div id=\"current_component\" bind:this={currentComponent}>\r\n</div>\r\n\r\n{/await}\r\n\r\n\r\n<style>\r\n#current_component {\r\n height: 100%;\r\n width: 100%;\r\n}\r\n</style>\r\n\r\n" |
||||
|
], |
||||
|
"names": [], |
||||
|
"mappings": "AAkCA,kBAAkB,cAAC,CAAC,AAChB,MAAM,CAAE,IAAI,CACZ,KAAK,CAAE,IAAI,AACf,CAAC" |
||||
|
} |
||||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +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":{}} |
||||
|
After Width: | Height: | Size: 3.1 KiB |
@ -0,0 +1,62 @@ |
|||||
|
html, body { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
body { |
||||
|
color: #333; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
box-sizing: border-box; |
||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
||||
|
} |
||||
|
|
||||
|
a { |
||||
|
color: rgb(0,100,200); |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
|
||||
|
a:hover { |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
|
||||
|
a:visited { |
||||
|
color: rgb(0,80,160); |
||||
|
} |
||||
|
|
||||
|
label { |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
input, button, select, textarea { |
||||
|
font-family: inherit; |
||||
|
font-size: inherit; |
||||
|
padding: 0.4em; |
||||
|
margin: 0 0 0.5em 0; |
||||
|
box-sizing: border-box; |
||||
|
border: 1px solid #ccc; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
|
||||
|
input:disabled { |
||||
|
color: #ccc; |
||||
|
} |
||||
|
|
||||
|
input[type="range"] { |
||||
|
height: 0; |
||||
|
} |
||||
|
|
||||
|
button { |
||||
|
color: #333; |
||||
|
background-color: #f4f4f4; |
||||
|
outline: none; |
||||
|
} |
||||
|
|
||||
|
button:active { |
||||
|
background-color: #ddd; |
||||
|
} |
||||
|
|
||||
|
button:focus { |
||||
|
border-color: #666; |
||||
|
} |
||||
@ -0,0 +1,18 @@ |
|||||
|
<!doctype html> |
||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset='utf8'> |
||||
|
<meta name='viewport' content='width=device-width'> |
||||
|
|
||||
|
<title>Svelte app</title> |
||||
|
|
||||
|
<link rel='icon' type='image/png' href='/favicon.png'> |
||||
|
<link rel='stylesheet' href='/global.css'> |
||||
|
<link rel='stylesheet' href='/bundle.css'> |
||||
|
|
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<script src='/bundle.js'></script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,20 @@ |
|||||
|
import svelte from 'rollup-plugin-svelte'; |
||||
|
import resolve from 'rollup-plugin-node-resolve'; |
||||
|
|
||||
|
export default { |
||||
|
input: 'src/index.js', |
||||
|
output: [ |
||||
|
{ |
||||
|
file: "dist/index.js", |
||||
|
format: 'esm', |
||||
|
name:"budibaseStandardComponents", |
||||
|
sourcemap: "inline" |
||||
|
} |
||||
|
], |
||||
|
plugins: [ |
||||
|
svelte({ |
||||
|
hydratable:true |
||||
|
}), |
||||
|
resolve() |
||||
|
] |
||||
|
}; |
||||
@ -0,0 +1,89 @@ |
|||||
|
import svelte from 'rollup-plugin-svelte'; |
||||
|
import resolve from 'rollup-plugin-node-resolve'; |
||||
|
import commonjs from 'rollup-plugin-commonjs'; |
||||
|
import livereload from 'rollup-plugin-livereload'; |
||||
|
import { terser } from 'rollup-plugin-terser'; |
||||
|
import json from 'rollup-plugin-json'; |
||||
|
|
||||
|
const production = !process.env.ROLLUP_WATCH; |
||||
|
|
||||
|
const lodash_fp_exports = [ |
||||
|
"find", "isUndefined", "split", "max", |
||||
|
"last", "union", "reduce", "isObject", |
||||
|
"cloneDeep", "some", "isArray", "map", |
||||
|
"filter", "keys", "isFunction", "isEmpty", |
||||
|
"countBy", "join", "includes", "flatten", |
||||
|
"constant", "first", "intersection", "take", |
||||
|
"has", "mapValues", "isString", "isBoolean", |
||||
|
"isNull", "isNumber", "isObjectLike", "isDate", |
||||
|
"clone", "values", "keyBy", "isNaN", |
||||
|
"isInteger", "toNumber"]; |
||||
|
|
||||
|
const lodash_exports = [ |
||||
|
"flow", "head", "find","each", |
||||
|
"tail", "findIndex", "startsWith", |
||||
|
"dropRight", "takeRight", |
||||
|
"trim", "split", "replace", |
||||
|
"merge", "assign"]; |
||||
|
|
||||
|
const coreExternal = [ |
||||
|
"lodash", "lodash/fp", "date-fns", |
||||
|
"lunr", "safe-buffer", "shortid", |
||||
|
"@nx-js/compiler-util", "bcryptjs" |
||||
|
]; |
||||
|
|
||||
|
export default { |
||||
|
input: 'src/Test/testMain.js', |
||||
|
output: { |
||||
|
sourcemap: true, |
||||
|
format: 'iife', |
||||
|
name: 'app', |
||||
|
file: 'public/bundle.js' |
||||
|
}, |
||||
|
plugins: [ |
||||
|
svelte({ |
||||
|
// enable run-time checks when not in production
|
||||
|
dev: !production, |
||||
|
// we'll extract any component CSS out into
|
||||
|
// a separate file — better for performance
|
||||
|
css: css => { |
||||
|
css.write('public/bundle.css'); |
||||
|
}, |
||||
|
|
||||
|
hydratable:true |
||||
|
}), |
||||
|
|
||||
|
// If you have external dependencies installed from
|
||||
|
// npm, you'll most likely need these plugins. In
|
||||
|
// some cases you'll need additional configuration —
|
||||
|
// consult the documentation for details:
|
||||
|
// https://github.com/rollup/rollup-plugin-commonjs
|
||||
|
resolve({ |
||||
|
browser: true, |
||||
|
dedupe: importee => { |
||||
|
return importee === 'svelte' |
||||
|
|| importee.startsWith('svelte/') |
||||
|
|| coreExternal.includes(importee); |
||||
|
} |
||||
|
}), |
||||
|
commonjs({ |
||||
|
namedExports: { |
||||
|
"lodash/fp": lodash_fp_exports, |
||||
|
"lodash":lodash_exports, |
||||
|
"shortid": ["generate"] |
||||
|
} |
||||
|
}), |
||||
|
json(), |
||||
|
|
||||
|
// Watch the `public` directory and refresh the
|
||||
|
// browser on changes when not in production
|
||||
|
!production && livereload('public'), |
||||
|
|
||||
|
// If we're building for production (npm run build
|
||||
|
// instead of npm run dev), minify
|
||||
|
production && terser() |
||||
|
], |
||||
|
watch: { |
||||
|
clearScreen: false |
||||
|
} |
||||
|
}; |
||||
@ -0,0 +1,63 @@ |
|||||
|
const { readdir, stat, copyFile } = require("fs-extra"); |
||||
|
const { constants } = require("fs"); |
||||
|
const { join, basename } = require("path"); |
||||
|
const serverConfig = require("../../server/config")(); |
||||
|
|
||||
|
const packagesFolder = ".."; |
||||
|
|
||||
|
const jsFile = dir => join(dir, "index.js"); |
||||
|
const generatorsFile = dir => join(dir, "generators.js"); |
||||
|
const jsMapFile = dir => join(dir, "index.js.map"); |
||||
|
const sourceJs = jsFile("dist"); |
||||
|
const sourceJsMap = jsMapFile("dist"); |
||||
|
const componentsFile = "components.json"; |
||||
|
const sourceGenerators = generatorsFile("dist"); |
||||
|
|
||||
|
const appPackages = join(packagesFolder, "server", serverConfig.latestPackagesFolder); |
||||
|
|
||||
|
const publicMain = appName => join(appPackages, appName, "public", "main", "lib", "node_modules", "@budibase", "standard-components"); |
||||
|
const publicUnauth = appName => join(appPackages, appName, "public", "unauthenticated", "lib", "node_modules", "@budibase", "standard-components"); |
||||
|
const nodeModulesDist = appName => join(appPackages, appName, "node_modules", "@budibase", "standard-components", "dist"); |
||||
|
const nodeModules = appName => join(appPackages, appName, "node_modules", "@budibase", "standard-components"); |
||||
|
|
||||
|
(async () => { |
||||
|
|
||||
|
const apps = await readdir(appPackages); |
||||
|
|
||||
|
const copySource = file => async toDir => { |
||||
|
const dest = join(toDir, basename(file)); |
||||
|
try { |
||||
|
await copyFile(file, dest, constants.COPYFILE_FICLONE); |
||||
|
console.log(`COPIED ${file} to ${dest}`); |
||||
|
} catch(e) { |
||||
|
console.log(`COPY FAILED ${file} to ${dest}: ${e}`); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
const copySourceJs = copySource(sourceJs); |
||||
|
const copySourceJsMap = copySource(sourceJsMap); |
||||
|
const copyGenerators = copySource(sourceGenerators); |
||||
|
const copyComponentsJson = copySource(componentsFile); |
||||
|
|
||||
|
|
||||
|
for(let app of apps) { |
||||
|
if(app === ".data") continue; |
||||
|
if(!(await stat(join(appPackages, app))).isDirectory()) continue; |
||||
|
|
||||
|
await copySourceJs(nodeModulesDist(app)); |
||||
|
await copySourceJsMap(nodeModulesDist(app)); |
||||
|
await copyGenerators(nodeModulesDist(app)); |
||||
|
|
||||
|
await copyComponentsJson(nodeModules(app)); |
||||
|
|
||||
|
await copySourceJs(join(publicMain(app), "dist")); |
||||
|
await copySourceJsMap(join(publicMain(app), "dist")); |
||||
|
await copyGenerators(join(publicMain(app), "dist")); |
||||
|
|
||||
|
|
||||
|
await copySourceJs(join(publicUnauth(app), "dist")); |
||||
|
await copySourceJsMap(join(publicUnauth(app), "dist")); |
||||
|
await copyGenerators(join(publicUnauth(app), "dist")); |
||||
|
} |
||||
|
|
||||
|
})(); |
||||
@ -0,0 +1,12 @@ |
|||||
|
<script> |
||||
|
export let text=""; |
||||
|
export let className="" |
||||
|
|
||||
|
export let _bb; |
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<h1 class={className}> |
||||
|
{text} |
||||
|
</h1> |
||||
@ -0,0 +1,40 @@ |
|||||
|
<script> |
||||
|
import createApp from "./createApp"; |
||||
|
import { props } from "./props"; |
||||
|
|
||||
|
let _bb; |
||||
|
|
||||
|
const _appPromise = createApp(); |
||||
|
_appPromise.then(a => _bb = a); |
||||
|
|
||||
|
const testProps = props.justAnH1; |
||||
|
|
||||
|
let currentComponent; |
||||
|
|
||||
|
$: { |
||||
|
if(_bb && currentComponent) { |
||||
|
_bb.hydrateChildren(testProps._children, currentComponent); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
{#await _appPromise} |
||||
|
loading |
||||
|
{:then _bb} |
||||
|
|
||||
|
<div id="current_component" bind:this={currentComponent}> |
||||
|
</div> |
||||
|
|
||||
|
{/await} |
||||
|
|
||||
|
|
||||
|
<style> |
||||
|
#current_component { |
||||
|
height: 100%; |
||||
|
width: 100%; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,18 @@ |
|||||
|
import { createApp } from "@budibase/client/src/createApp"; |
||||
|
import componentsJson from "../../components.json"; |
||||
|
import packageJson from "../../package.json"; |
||||
|
|
||||
|
export default async () => { |
||||
|
|
||||
|
const components = {...componentsJson}; |
||||
|
delete components._lib; |
||||
|
|
||||
|
componentLibraries[packageJson.name] = components; |
||||
|
|
||||
|
const appDef = {hierarchy:{}, actions:{}}; |
||||
|
const user = {name:"yeo", permissions:[]}; |
||||
|
|
||||
|
var app = createApp(componentLibraries, appDef, user); |
||||
|
return app; |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,9 @@ |
|||||
|
|
||||
|
export const props = { |
||||
|
|
||||
|
justAnH1 : { |
||||
|
_component:"@budibase/materialdesign-components/h1", |
||||
|
text: "This is a Header" |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,7 @@ |
|||||
|
import App from './TestApp.svelte'; |
||||
|
|
||||
|
const app = new App({ |
||||
|
target: document.body, |
||||
|
}); |
||||
|
|
||||
|
export default app; |
||||
@ -0,0 +1,9 @@ |
|||||
|
export const buildStyle = (styles) => { |
||||
|
let str = ""; |
||||
|
for(let s in styles) { |
||||
|
if(styles[s]) { |
||||
|
str += `${s}: ${styles[s]}; ` |
||||
|
} |
||||
|
} |
||||
|
return str; |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
export {default as h1} from "./H1.svelte"; |
||||
@ -1,2 +1,3 @@ |
|||||
myapps/ |
myapps/ |
||||
config.js |
config.js |
||||
|
builder/ |
||||
|
|||||
|
Before Width: | Height: | Size: 4.9 KiB |
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.
File diff suppressed because one or more lines are too long
@ -1,46 +0,0 @@ |
|||||
main.svelte-15fmzor{height:100%;width:100%;font-family:"Roboto", Helvetica, Arial, sans-serif} |
|
||||
.root.svelte-e4n7zy{position:fixed;margin:0 auto;text-align:center;top:20%;width:100%}.inner.svelte-e4n7zy{display:inline-block;margin:auto}.logo.svelte-e4n7zy{width:300px;margin-bottom:40px}.root.svelte-e4n7zy .option{width:250px}.app-link.svelte-e4n7zy{margin-top:10px;display:block} |
|
||||
.root.svelte-y7jhgd{height:100%;width:100%;display:flex;flex-direction:column}.top-nav.svelte-y7jhgd{flex:0 0 auto;height:25px;background:white;padding:5px;width:100%}.content.svelte-y7jhgd{flex:1 1 auto;width:100%;height:100px}.content.svelte-y7jhgd>div.svelte-y7jhgd{height:100%;width:100%}.topnavitem.svelte-y7jhgd{cursor:pointer;color:var(--secondary50);padding:0px 15px;font-weight:600;font-size:.9rem}.topnavitem.svelte-y7jhgd:hover{color:var(--secondary75);font-weight:600}.active.svelte-y7jhgd{color:var(--primary100);font-weight:900} |
|
||||
button.svelte-bxuckr{border-style:none;background-color:rgba(0,0,0,0);cursor:pointer;outline:none}button.svelte-bxuckr:hover{color:var(--hovercolor)}button.svelte-bxuckr:active{outline:none} |
|
||||
.border-normal.svelte-vnon4v{border-radius:var(--borderradiusall)}.border-left.svelte-vnon4v{border-radius:var(--borderradius) 0 0 var(--borderradius)}.border-right.svelte-vnon4v{border-radius:0 var(--borderradius) var(--borderradius) 0}.border-middle.svelte-vnon4v{border-radius:0}button.svelte-vnon4v{border-style:solid;padding:7.5px 15px;cursor:pointer;margin:5px;border-radius:5px}.primary.svelte-vnon4v{background-color:var(--primary100);border-color:var(--primary100);color:var(--white)}.primary.svelte-vnon4v:hover{background-color:var(--primary75);border-color:var(--primary75)}.primary.svelte-vnon4v:active{background-color:var(--primarydark);border-color:var(--primarydark)}.primary-outline.svelte-vnon4v{background-color:var(--white);border-color:var(--primary100);color:var(--primary100)}.primary-outline.svelte-vnon4v:hover{background-color:var(--primary10)}.primary-outline.svelte-vnon4v:pressed{background-color:var(--primary25)}.secondary.svelte-vnon4v{background-color:var(--secondary100);border-color:var(--secondary100);color:var(--white)}.secondary.svelte-vnon4v:hover{background-color:var(--secondary75);border-color:var(--secondary75)}.secondary.svelte-vnon4v:pressed{background-color:var(--secondarydark);border-color:var(--secondarydark)}.secondary-outline.svelte-vnon4v{background-color:var(--white);border-color:var(--secondary100);color:var(--secondary100)}.secondary-outline.svelte-vnon4v:hover{background-color:var(--secondary10)}.secondary-outline.svelte-vnon4v:pressed{background-color:var(--secondary25)}.success.svelte-vnon4v{background-color:var(--success100);border-color:var(--success100);color:var(--white)}.success.svelte-vnon4v:hover{background-color:var(--success75);border-color:var(--success75)}.success.svelte-vnon4v:pressed{background-color:var(--successdark);border-color:var(--successdark)}.success-outline.svelte-vnon4v{background-color:var(--white);border-color:var(--success100);color:var(--success100)}.success-outline.svelte-vnon4v:hover{background-color:var(--success10)}.success-outline.svelte-vnon4v:pressed{background-color:var(--success25)}.deletion.svelte-vnon4v{background-color:var(--deletion100);border-color:var(--deletion100);color:var(--white)}.deletion.svelte-vnon4v:hover{background-color:var(--deletion75);border-color:var(--deletion75)}.deletion.svelte-vnon4v:pressed{background-color:var(--deletiondark);border-color:var(--deletiondark)}.deletion-outline.svelte-vnon4v{background-color:var(--white);border-color:var(--deletion100);color:var(--deletion100)}.deletion-outline.svelte-vnon4v:hover{background-color:var(--deletion10)}.deletion-outline.svelte-vnon4v:pressed{background-color:var(--deletion25)} |
|
||||
.root.svelte-17zel0b{display:grid;grid-template-columns:250px 1fr 300px;height:100%;width:100%}.ui-nav.svelte-17zel0b{grid-column:1;background-color:var(--secondary5);height:100%}.preview-pane.svelte-17zel0b{grid-column:2}.components-pane.svelte-17zel0b{grid-column:3;background-color:var(--secondary5);min-height:0px;overflow-y:hidden}.pages-list-container.svelte-17zel0b{padding-top:2rem}.components-nav-header.svelte-17zel0b{font-size:.9rem}.nav-group-header.svelte-17zel0b{font-size:.9rem;padding-left:1rem}.nav-items-container.svelte-17zel0b{padding:1rem 1rem 0rem 1rem}.nav-group-header.svelte-17zel0b{display:grid;grid-template-columns:[icon] auto [title] 1fr [button] auto;padding:2rem 1rem 0rem 1rem;font-size:.9rem;font-weight:bold}.nav-group-header.svelte-17zel0b>div.svelte-17zel0b:nth-child(1){padding:0rem .5rem 0rem 0rem;vertical-align:bottom;grid-column-start:icon;margin-right:5px}.nav-group-header.svelte-17zel0b>span.svelte-17zel0b:nth-child(2){margin-left:5px;vertical-align:bottom;grid-column-start:title;margin-top:auto}.nav-group-header.svelte-17zel0b>div.svelte-17zel0b:nth-child(3){vertical-align:bottom;grid-column-start:button;cursor:pointer;color:var(--primary75)}.nav-group-header.svelte-17zel0b>div.svelte-17zel0b:nth-child(3):hover{color:var(--primary75)} |
|
||||
.root.svelte-q8uz1n{height:100%;display:flex}.content.svelte-q8uz1n{flex:1 1 auto;height:100%;background-color:var(--white);margin:0}.nav.svelte-q8uz1n{flex:0 1 auto;width:300px;height:100%} |
|
||||
.root.svelte-117bbrk{padding-bottom:10px;padding-left:10px;font-size:.9rem;color:var(--secondary50);font-weight:bold}.hierarchy-item.svelte-117bbrk{cursor:pointer;padding:5px 0px}.hierarchy-item.svelte-117bbrk:hover{color:var(--secondary100)}.component.svelte-117bbrk{margin-left:5px}.selected.svelte-117bbrk{color:var(--primary100);font-weight:bold}.title.svelte-117bbrk{margin-left:10px} |
|
||||
.uk-modal-dialog.svelte-91ta29{border-radius:.3rem} |
|
||||
.root.svelte-1r2dipt{color:var(--secondary50);font-size:.9rem;font-weight:bold}.hierarchy-item.svelte-1r2dipt{cursor:pointer;padding:5px 0px}.hierarchy-item.svelte-1r2dipt:hover{color:var(--secondary)}.component.svelte-1r2dipt{margin-left:5px}.currentfolder.svelte-1r2dipt{color:var(--secondary100)}.selected.svelte-1r2dipt{color:var(--primary100);font-weight:bold}.title.svelte-1r2dipt{margin-left:10px} |
|
||||
.root.svelte-r1aen3{height:100%;display:flex;flex-direction:column;border-style:solid;border-width:1px 0 0 0;border-color:var(--slate)}.title.svelte-r1aen3{padding:1rem;display:grid;grid-template-columns:[name] 1fr [actions] auto;color:var(--secondary100);font-size:.9rem;font-weight:bold}.title.svelte-r1aen3>div.svelte-r1aen3:nth-child(1){grid-column-start:name;color:var(--secondary100)}.title.svelte-r1aen3>div.svelte-r1aen3:nth-child(2){grid-column-start:actions}.component-props-container.svelte-r1aen3{flex:1 1 auto;overflow-y:auto} |
|
||||
.section-container.svelte-yk1mmr{padding:15px;border-style:dotted;border-width:1px;border-color:var(--lightslate);border-radius:2px}.section-container.svelte-yk1mmr:nth-child(1){margin-bottom:15px}.row-text.svelte-yk1mmr{margin-right:15px;color:var(--primary100)}input.svelte-yk1mmr{margin-right:15px}p.svelte-yk1mmr>span.svelte-yk1mmr{margin-left:30px}.header.svelte-yk1mmr{display:grid;grid-template-columns:[title] 1fr [icon] auto}.header.svelte-yk1mmr>div.svelte-yk1mmr:nth-child(1){grid-column-start:title}.header.svelte-yk1mmr>div.svelte-yk1mmr:nth-child(2){grid-column-start:icon} |
|
||||
.root.svelte-18ccx5u{display:flex;flex-direction:column}.library-header.svelte-18ccx5u{font-size:1.1em;border-color:var(--primary25);border-width:1px 0px;border-style:solid;background-color:var(--primary10);padding:5px 0;flex:0 0 auto}.library-container.svelte-18ccx5u{padding:0 0 10px 10px;flex:1 1 auto;min-height:0px}.inner-header.svelte-18ccx5u{font-size:0.9em;font-weight:bold;margin-top:7px;margin-bottom:3px}.component.svelte-18ccx5u{padding:2px 0px;cursor:pointer}.component.svelte-18ccx5u:hover{background-color:var(--lightslate)}.component.svelte-18ccx5u>.name.svelte-18ccx5u{color:var(--secondary100);display:inline-block}.component.svelte-18ccx5u>.description.svelte-18ccx5u{font-size:0.8em;color:var(--secondary75);display:inline-block;margin-left:10px} |
|
||||
h1.svelte-11kb98w{font-size:1.2em} |
|
||||
.component-container.svelte-12kdu9y{grid-row-start:middle;grid-column-start:middle;position:relative;overflow:hidden;padding-top:56.25%;margin:auto}.component-container.svelte-12kdu9y iframe.svelte-12kdu9y{border:0;height:100%;left:0;position:absolute;top:0;width:100%} |
|
||||
h4.svelte-sqtlby{margin-top:20px} |
|
||||
.root.svelte-1ersoxu{padding:15px}.help-text.svelte-1ersoxu{color:var(--slate);font-size:10pt} |
|
||||
.items-root.svelte-19lmivt{display:flex;flex-direction:column;max-height:100%;height:100%;background-color:var(--secondary5)}.nav-group-header.svelte-19lmivt{display:grid;grid-template-columns:[icon] auto [title] 1fr [button] auto;padding:2rem 1rem 0rem 1rem;font-size:.9rem;font-weight:bold}.nav-group-header.svelte-19lmivt>div.svelte-19lmivt:nth-child(1){padding:0rem .7rem 0rem 0rem;vertical-align:bottom;grid-column-start:icon;margin-right:5px}.nav-group-header.svelte-19lmivt>div.svelte-19lmivt:nth-child(2){margin-left:5px;vertical-align:bottom;grid-column-start:title;margin-top:auto}.nav-group-header.svelte-19lmivt>div.svelte-19lmivt:nth-child(3){vertical-align:bottom;grid-column-start:button;cursor:pointer;color:var(--primary75)}.nav-group-header.svelte-19lmivt>div.svelte-19lmivt:nth-child(3):hover{color:var(--primary75)}.hierarchy-title.svelte-19lmivt{flex:auto 1 1}.hierarchy.svelte-19lmivt{display:flex;flex-direction:column;flex:1 0 auto;height:100px}.hierarchy-items-container.svelte-19lmivt{flex:1 1 auto;overflow-y:auto} |
|
||||
.root.svelte-wfv60d{height:100%;position:relative;padding:1.5rem}.actions-header.svelte-wfv60d{flex:0 1 auto}.node-view.svelte-wfv60d{overflow-y:auto;flex:1 1 auto} |
|
||||
.root.svelte-nd1yft{height:100%;position:relative;padding:1.5rem} |
|
||||
.root.svelte-apja7r{height:100%;position:relative}.actions-header.svelte-apja7r{flex:0 1 auto}.node-view.svelte-apja7r{overflow-y:auto;flex:1 1 auto} |
|
||||
.root.svelte-x3bf9z{display:flex}.root.svelte-x3bf9z:last-child{border-radius:0 var(--borderradius) var(--borderradius) 0}.root.svelte-x3bf9z:first-child{border-radius:var(--borderradius) 0 0 var(--borderradius)}.root.svelte-x3bf9z:not(:first-child):not(:last-child){border-radius:0} |
|
||||
.library-header.svelte-chhyel{font-size:1.1em;border-color:var(--primary25);border-width:1px 0px;border-style:solid;background-color:var(--primary10);padding:5px 0}.library-container.svelte-chhyel{padding:0 0 10px 10px}.inner-header.svelte-chhyel{font-size:0.9em;font-weight:bold;margin-top:7px;margin-bottom:3px}.component.svelte-chhyel{padding:2px 0px;cursor:pointer}.component.svelte-chhyel:hover{background-color:var(--lightslate)}.component.svelte-chhyel>.name.svelte-chhyel{color:var(--secondary100);display:inline-block}.component.svelte-chhyel>.description.svelte-chhyel{font-size:0.8em;color:var(--secondary75);display:inline-block;margin-left:10px} |
|
||||
.info-text.svelte-1gx0gkl{font-size:0.7rem;color:var(--secondary50)} |
|
||||
.root.svelte-t6vms4{font-size:10pt;width:100%}.form-root.svelte-t6vms4{display:flex;flex-wrap:wrap}.prop-container.svelte-t6vms4{flex:1 1 auto;min-width:250px} |
|
||||
.nav-item.svelte-1i5jqm7{padding:1.5rem 1rem 0rem 1rem;font-size:.9rem;font-weight:bold;cursor:pointer;flex:0 0 auto}.nav-item.svelte-1i5jqm7:hover{background-color:var(--primary10)}.active.svelte-1i5jqm7{background-color:var(--primary10)} |
|
||||
.dropdown-background.svelte-11ifkop{position:fixed;top:0;left:0;width:100vw;height:100vh}.root.svelte-11ifkop{cursor:pointer;z-index:1}.dropdown-content.svelte-11ifkop{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-11ifkop:not(:focus){display:none}.action-row.svelte-11ifkop{padding:7px 10px;cursor:pointer}.action-row.svelte-11ifkop:hover{background-color:var(--primary100);color:var(--white)} |
|
||||
.root.svelte-17ju2r{display:block;font-size:.9rem;width:100%;cursor:pointer;color:var(--secondary50);font-weight:500}.title.svelte-17ju2r{padding-top:.5rem;padding-right:.5rem}.title.svelte-17ju2r:hover{background-color:var(--secondary10)}.active.svelte-17ju2r{background-color:var(--primary10)} |
|
||||
.root.svelte-ehsf0i{display:block;font-size:.9rem;width:100%;cursor:pointer;font-weight:bold}.title.svelte-ehsf0i{font:var(--fontblack);padding-top:10px;padding-right:5px;padding-bottom:10px;color:var(--secondary100)}.title.svelte-ehsf0i:hover{background-color:var(--secondary10)} |
|
||||
.edit-button.svelte-zm41av{cursor:pointer;color:var(--secondary25)}.title.svelte-zm41av{margin:3rem 0rem 0rem 0rem;font-weight:700}.table-content.svelte-zm41av{font-weight:500;font-size:.9rem}tr.svelte-zm41av:hover .edit-button.svelte-zm41av{color:var(--secondary75)} |
|
||||
.edit-button.svelte-lhfdtn{cursor:pointer;color:var(--secondary25)}tr.svelte-lhfdtn:hover .edit-button.svelte-lhfdtn{color:var(--secondary75)}.title.svelte-lhfdtn{margin:3rem 0rem 0rem 0rem;font-weight:700}.table-content.svelte-lhfdtn{font-weight:500;font-size:.9rem} |
|
||||
.root.svelte-wgyofl{padding:1.5rem;width:100%;align-items:right} |
|
||||
.root.svelte-pq2tmv{height:100%;padding:15px}.allowed-records.svelte-pq2tmv{margin:20px 0px}.allowed-records.svelte-pq2tmv>span.svelte-pq2tmv{margin-right:30px} |
|
||||
.root.svelte-1hs1zh2{height:100%;padding:2rem}.settings-title.svelte-1hs1zh2{font-weight:700}.title.svelte-1hs1zh2{margin:3rem 0rem 0rem 0rem;font-weight:700}.recordkey.svelte-1hs1zh2{font-size:14px;font-weight:600;color:var(--primary100)}.fields-table.svelte-1hs1zh2{margin:1rem 1rem 0rem 0rem;border-collapse:collapse}.add-field-button.svelte-1hs1zh2{cursor:pointer}.edit-button.svelte-1hs1zh2{cursor:pointer;color:var(--secondary25)}.edit-button.svelte-1hs1zh2:hover{cursor:pointer;color:var(--secondary75)}th.svelte-1hs1zh2{text-align:left}td.svelte-1hs1zh2{padding:1rem 5rem 1rem 0rem;margin:0;font-size:14px;font-weight:500}.field-label.svelte-1hs1zh2{font-size:14px;font-weight:500}thead.svelte-1hs1zh2>tr.svelte-1hs1zh2{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--secondary75);margin-bottom:20px}tbody.svelte-1hs1zh2>tr.svelte-1hs1zh2{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--primary10)}tbody.svelte-1hs1zh2>tr.svelte-1hs1zh2:hover{background-color:var(--primary10)}tbody.svelte-1hs1zh2>tr:hover .edit-button.svelte-1hs1zh2{color:var(--secondary75)}.index-container.svelte-1hs1zh2{border-style:solid;border-width:0 0 1px 0;border-color:var(--secondary25);padding:10px;margin-bottom:5px}.index-label.svelte-1hs1zh2{color:var(--slate)}.index-name.svelte-1hs1zh2{font-weight:bold;color:var(--primary100)}.index-container.svelte-1hs1zh2 code.svelte-1hs1zh2{margin:0;display:inline;background-color:var(--primary10);color:var(--secondary100);padding:3px}.index-field-row.svelte-1hs1zh2{margin:1rem 0rem 0rem 0rem}.no-indexes.svelte-1hs1zh2{margin:1rem 0rem 0rem 0rem;font-family:var(--fontnormal);font-size:14px} |
|
||||
input.svelte-9fre0g{margin-right:7px} |
|
||||
.root.svelte-1v0yya9{padding:1rem 1rem 0rem 1rem}.prop-label.svelte-1v0yya9{font-size:0.8rem;color:var(--secondary100);font-weight:bold} |
|
||||
.error-container.svelte-ole1mk{padding:10px;border-style:solid;border-color:var(--deletion100);border-radius:var(--borderradiusall);background:var(--deletion75)}.error-row.svelte-ole1mk{padding:5px 0px} |
|
||||
.root.svelte-16sjty9{padding:2rem;border-radius:2rem}.uk-grid-small.svelte-16sjty9{padding:1rem}.option-container.svelte-16sjty9{border-style:dotted;border-width:1px;border-color:var(--primary75);padding:3px;margin-right:5px} |
|
||||
textarea.svelte-di7k4b{padding:3px;margin-top:5px;margin-bottom:10px;background:var(--lightslate);color:var(--white);font-family:'Courier New', Courier, monospace;width:95%;height:100px;border-radius:5px} |
|
||||
.addelement-container.svelte-r1ft9p{cursor:pointer;padding:3px 0px;text-align:center}.addelement-container.svelte-r1ft9p:hover{background-color:var(--primary25);margin-top:5px}.control-container.svelte-r1ft9p{padding-left:3px;background:var(--secondary10)}.separator.svelte-r1ft9p{width:60%;margin:10px auto;border-style:solid;border-width:1px 0 0 0;border-color:var(--primary25)} |
|
||||
.unbound-container.svelte-jubmd5{display:flex;margin:.5rem 0rem .5rem 0rem}.unbound-container.svelte-jubmd5>.svelte-jubmd5:nth-child(1){width:auto;flex:1 0 auto;font-size:0.8rem;color:var(--secondary100);border-radius:.2rem}.bound-header.svelte-jubmd5{display:flex}.bound-header.svelte-jubmd5>div.svelte-jubmd5:nth-child(1){flex:1 0 auto;width:30px;color:var(--secondary50);padding-left:5px}.binding-prop-label.svelte-jubmd5{color:var(--secondary50)} |
|
||||
textarea.svelte-1kv2xk7{width:300px;height:200px} |
|
||||
.type-selector-container.svelte-1b6pj9u{display:flex}.type-selector.svelte-1b6pj9u{border-color:var(--primary50);border-radius:2px;width:50px;flex:1 0 auto} |
|
||||
.root.svelte-rj4q22{height:100%;display:flex;flex-direction:column}.switcher.svelte-rj4q22{flex:0 0 auto}.switcher.svelte-rj4q22>button.svelte-rj4q22{display:inline-block;background-color:rgba(0,0,0,0);border-style:solid;border-color:var(--slate);margin:5px;padding:5px;cursor:pointer}.switcher.svelte-rj4q22>.selected.svelte-rj4q22{background-color:red}.panel.svelte-rj4q22{flex:1 1 auto;height:0px;overflow-y:auto} |
|
||||
|
|
||||
/*# sourceMappingURL=bundle.css.map */ |
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.5 KiB |
@ -1,784 +0,0 @@ |
|||||
.flatpickr-calendar { |
|
||||
background: transparent; |
|
||||
opacity: 0; |
|
||||
display: none; |
|
||||
text-align: center; |
|
||||
visibility: hidden; |
|
||||
padding: 0; |
|
||||
-webkit-animation: none; |
|
||||
animation: none; |
|
||||
direction: ltr; |
|
||||
border: 0; |
|
||||
font-size: 14px; |
|
||||
line-height: 24px; |
|
||||
border-radius: 5px; |
|
||||
position: absolute; |
|
||||
width: 307.875px; |
|
||||
-webkit-box-sizing: border-box; |
|
||||
box-sizing: border-box; |
|
||||
-ms-touch-action: manipulation; |
|
||||
touch-action: manipulation; |
|
||||
background: #fff; |
|
||||
-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08); |
|
||||
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08); |
|
||||
} |
|
||||
.flatpickr-calendar.open, |
|
||||
.flatpickr-calendar.inline { |
|
||||
opacity: 1; |
|
||||
max-height: 640px; |
|
||||
visibility: visible; |
|
||||
} |
|
||||
.flatpickr-calendar.open { |
|
||||
display: inline-block; |
|
||||
z-index: 99999; |
|
||||
} |
|
||||
.flatpickr-calendar.animate.open { |
|
||||
-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); |
|
||||
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); |
|
||||
} |
|
||||
.flatpickr-calendar.inline { |
|
||||
display: block; |
|
||||
position: relative; |
|
||||
top: 2px; |
|
||||
} |
|
||||
.flatpickr-calendar.static { |
|
||||
position: absolute; |
|
||||
top: calc(100% + 2px); |
|
||||
} |
|
||||
.flatpickr-calendar.static.open { |
|
||||
z-index: 999; |
|
||||
display: block; |
|
||||
} |
|
||||
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { |
|
||||
-webkit-box-shadow: none !important; |
|
||||
box-shadow: none !important; |
|
||||
} |
|
||||
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { |
|
||||
-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; |
|
||||
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; |
|
||||
} |
|
||||
.flatpickr-calendar .hasWeeks .dayContainer, |
|
||||
.flatpickr-calendar .hasTime .dayContainer { |
|
||||
border-bottom: 0; |
|
||||
border-bottom-right-radius: 0; |
|
||||
border-bottom-left-radius: 0; |
|
||||
} |
|
||||
.flatpickr-calendar .hasWeeks .dayContainer { |
|
||||
border-left: 0; |
|
||||
} |
|
||||
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { |
|
||||
height: 40px; |
|
||||
border-top: 1px solid #e6e6e6; |
|
||||
} |
|
||||
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { |
|
||||
height: auto; |
|
||||
} |
|
||||
.flatpickr-calendar:before, |
|
||||
.flatpickr-calendar:after { |
|
||||
position: absolute; |
|
||||
display: block; |
|
||||
pointer-events: none; |
|
||||
border: solid transparent; |
|
||||
content: ''; |
|
||||
height: 0; |
|
||||
width: 0; |
|
||||
left: 22px; |
|
||||
} |
|
||||
.flatpickr-calendar.rightMost:before, |
|
||||
.flatpickr-calendar.rightMost:after { |
|
||||
left: auto; |
|
||||
right: 22px; |
|
||||
} |
|
||||
.flatpickr-calendar:before { |
|
||||
border-width: 5px; |
|
||||
margin: 0 -5px; |
|
||||
} |
|
||||
.flatpickr-calendar:after { |
|
||||
border-width: 4px; |
|
||||
margin: 0 -4px; |
|
||||
} |
|
||||
.flatpickr-calendar.arrowTop:before, |
|
||||
.flatpickr-calendar.arrowTop:after { |
|
||||
bottom: 100%; |
|
||||
} |
|
||||
.flatpickr-calendar.arrowTop:before { |
|
||||
border-bottom-color: #e6e6e6; |
|
||||
} |
|
||||
.flatpickr-calendar.arrowTop:after { |
|
||||
border-bottom-color: #fff; |
|
||||
} |
|
||||
.flatpickr-calendar.arrowBottom:before, |
|
||||
.flatpickr-calendar.arrowBottom:after { |
|
||||
top: 100%; |
|
||||
} |
|
||||
.flatpickr-calendar.arrowBottom:before { |
|
||||
border-top-color: #e6e6e6; |
|
||||
} |
|
||||
.flatpickr-calendar.arrowBottom:after { |
|
||||
border-top-color: #fff; |
|
||||
} |
|
||||
.flatpickr-calendar:focus { |
|
||||
outline: 0; |
|
||||
} |
|
||||
.flatpickr-wrapper { |
|
||||
position: relative; |
|
||||
display: inline-block; |
|
||||
} |
|
||||
.flatpickr-months { |
|
||||
display: -webkit-box; |
|
||||
display: -webkit-flex; |
|
||||
display: -ms-flexbox; |
|
||||
display: flex; |
|
||||
} |
|
||||
.flatpickr-months .flatpickr-month { |
|
||||
background: transparent; |
|
||||
color: rgba(0,0,0,0.9); |
|
||||
fill: rgba(0,0,0,0.9); |
|
||||
height: 34px; |
|
||||
line-height: 1; |
|
||||
text-align: center; |
|
||||
position: relative; |
|
||||
-webkit-user-select: none; |
|
||||
-moz-user-select: none; |
|
||||
-ms-user-select: none; |
|
||||
user-select: none; |
|
||||
overflow: hidden; |
|
||||
-webkit-box-flex: 1; |
|
||||
-webkit-flex: 1; |
|
||||
-ms-flex: 1; |
|
||||
flex: 1; |
|
||||
} |
|
||||
.flatpickr-months .flatpickr-prev-month, |
|
||||
.flatpickr-months .flatpickr-next-month { |
|
||||
text-decoration: none; |
|
||||
cursor: pointer; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
height: 34px; |
|
||||
padding: 10px; |
|
||||
z-index: 3; |
|
||||
color: rgba(0,0,0,0.9); |
|
||||
fill: rgba(0,0,0,0.9); |
|
||||
} |
|
||||
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, |
|
||||
.flatpickr-months .flatpickr-next-month.flatpickr-disabled { |
|
||||
display: none; |
|
||||
} |
|
||||
.flatpickr-months .flatpickr-prev-month i, |
|
||||
.flatpickr-months .flatpickr-next-month i { |
|
||||
position: relative; |
|
||||
} |
|
||||
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, |
|
||||
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month { |
|
||||
/* |
|
||||
/*rtl:begin:ignore*/ |
|
||||
/* |
|
||||
*/ |
|
||||
left: 0; |
|
||||
/* |
|
||||
/*rtl:end:ignore*/ |
|
||||
/* |
|
||||
*/ |
|
||||
} |
|
||||
/* |
|
||||
/*rtl:begin:ignore*/ |
|
||||
/* |
|
||||
/*rtl:end:ignore*/ |
|
||||
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, |
|
||||
.flatpickr-months .flatpickr-next-month.flatpickr-next-month { |
|
||||
/* |
|
||||
/*rtl:begin:ignore*/ |
|
||||
/* |
|
||||
*/ |
|
||||
right: 0; |
|
||||
/* |
|
||||
/*rtl:end:ignore*/ |
|
||||
/* |
|
||||
*/ |
|
||||
} |
|
||||
/* |
|
||||
/*rtl:begin:ignore*/ |
|
||||
/* |
|
||||
/*rtl:end:ignore*/ |
|
||||
.flatpickr-months .flatpickr-prev-month:hover, |
|
||||
.flatpickr-months .flatpickr-next-month:hover { |
|
||||
color: #959ea9; |
|
||||
} |
|
||||
.flatpickr-months .flatpickr-prev-month:hover svg, |
|
||||
.flatpickr-months .flatpickr-next-month:hover svg { |
|
||||
fill: #f64747; |
|
||||
} |
|
||||
.flatpickr-months .flatpickr-prev-month svg, |
|
||||
.flatpickr-months .flatpickr-next-month svg { |
|
||||
width: 14px; |
|
||||
height: 14px; |
|
||||
} |
|
||||
.flatpickr-months .flatpickr-prev-month svg path, |
|
||||
.flatpickr-months .flatpickr-next-month svg path { |
|
||||
-webkit-transition: fill 0.1s; |
|
||||
transition: fill 0.1s; |
|
||||
fill: inherit; |
|
||||
} |
|
||||
.numInputWrapper { |
|
||||
position: relative; |
|
||||
height: auto; |
|
||||
} |
|
||||
.numInputWrapper input, |
|
||||
.numInputWrapper span { |
|
||||
display: inline-block; |
|
||||
} |
|
||||
.numInputWrapper input { |
|
||||
width: 100%; |
|
||||
} |
|
||||
.numInputWrapper input::-ms-clear { |
|
||||
display: none; |
|
||||
} |
|
||||
.numInputWrapper input::-webkit-outer-spin-button, |
|
||||
.numInputWrapper input::-webkit-inner-spin-button { |
|
||||
margin: 0; |
|
||||
-webkit-appearance: none; |
|
||||
} |
|
||||
.numInputWrapper span { |
|
||||
position: absolute; |
|
||||
right: 0; |
|
||||
width: 14px; |
|
||||
padding: 0 4px 0 2px; |
|
||||
height: 50%; |
|
||||
line-height: 50%; |
|
||||
opacity: 0; |
|
||||
cursor: pointer; |
|
||||
border: 1px solid rgba(57,57,57,0.15); |
|
||||
-webkit-box-sizing: border-box; |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
.numInputWrapper span:hover { |
|
||||
background: rgba(0,0,0,0.1); |
|
||||
} |
|
||||
.numInputWrapper span:active { |
|
||||
background: rgba(0,0,0,0.2); |
|
||||
} |
|
||||
.numInputWrapper span:after { |
|
||||
display: block; |
|
||||
content: ""; |
|
||||
position: absolute; |
|
||||
} |
|
||||
.numInputWrapper span.arrowUp { |
|
||||
top: 0; |
|
||||
border-bottom: 0; |
|
||||
} |
|
||||
.numInputWrapper span.arrowUp:after { |
|
||||
border-left: 4px solid transparent; |
|
||||
border-right: 4px solid transparent; |
|
||||
border-bottom: 4px solid rgba(57,57,57,0.6); |
|
||||
top: 26%; |
|
||||
} |
|
||||
.numInputWrapper span.arrowDown { |
|
||||
top: 50%; |
|
||||
} |
|
||||
.numInputWrapper span.arrowDown:after { |
|
||||
border-left: 4px solid transparent; |
|
||||
border-right: 4px solid transparent; |
|
||||
border-top: 4px solid rgba(57,57,57,0.6); |
|
||||
top: 40%; |
|
||||
} |
|
||||
.numInputWrapper span svg { |
|
||||
width: inherit; |
|
||||
height: auto; |
|
||||
} |
|
||||
.numInputWrapper span svg path { |
|
||||
fill: rgba(0,0,0,0.5); |
|
||||
} |
|
||||
.numInputWrapper:hover { |
|
||||
background: rgba(0,0,0,0.05); |
|
||||
} |
|
||||
.numInputWrapper:hover span { |
|
||||
opacity: 1; |
|
||||
} |
|
||||
.flatpickr-current-month { |
|
||||
font-size: 135%; |
|
||||
line-height: inherit; |
|
||||
font-weight: 300; |
|
||||
color: inherit; |
|
||||
position: absolute; |
|
||||
width: 75%; |
|
||||
left: 12.5%; |
|
||||
padding: 7.48px 0 0 0; |
|
||||
line-height: 1; |
|
||||
height: 34px; |
|
||||
display: inline-block; |
|
||||
text-align: center; |
|
||||
-webkit-transform: translate3d(0px, 0px, 0px); |
|
||||
transform: translate3d(0px, 0px, 0px); |
|
||||
} |
|
||||
.flatpickr-current-month span.cur-month { |
|
||||
font-family: inherit; |
|
||||
font-weight: 700; |
|
||||
color: inherit; |
|
||||
display: inline-block; |
|
||||
margin-left: 0.5ch; |
|
||||
padding: 0; |
|
||||
} |
|
||||
.flatpickr-current-month span.cur-month:hover { |
|
||||
background: rgba(0,0,0,0.05); |
|
||||
} |
|
||||
.flatpickr-current-month .numInputWrapper { |
|
||||
width: 6ch; |
|
||||
width: 7ch\0; |
|
||||
display: inline-block; |
|
||||
} |
|
||||
.flatpickr-current-month .numInputWrapper span.arrowUp:after { |
|
||||
border-bottom-color: rgba(0,0,0,0.9); |
|
||||
} |
|
||||
.flatpickr-current-month .numInputWrapper span.arrowDown:after { |
|
||||
border-top-color: rgba(0,0,0,0.9); |
|
||||
} |
|
||||
.flatpickr-current-month input.cur-year { |
|
||||
background: transparent; |
|
||||
-webkit-box-sizing: border-box; |
|
||||
box-sizing: border-box; |
|
||||
color: inherit; |
|
||||
cursor: text; |
|
||||
padding: 0 0 0 0.5ch; |
|
||||
margin: 0; |
|
||||
display: inline-block; |
|
||||
font-size: inherit; |
|
||||
font-family: inherit; |
|
||||
font-weight: 300; |
|
||||
line-height: inherit; |
|
||||
height: auto; |
|
||||
border: 0; |
|
||||
border-radius: 0; |
|
||||
vertical-align: initial; |
|
||||
-webkit-appearance: textfield; |
|
||||
-moz-appearance: textfield; |
|
||||
appearance: textfield; |
|
||||
} |
|
||||
.flatpickr-current-month input.cur-year:focus { |
|
||||
outline: 0; |
|
||||
} |
|
||||
.flatpickr-current-month input.cur-year[disabled], |
|
||||
.flatpickr-current-month input.cur-year[disabled]:hover { |
|
||||
font-size: 100%; |
|
||||
color: rgba(0,0,0,0.5); |
|
||||
background: transparent; |
|
||||
pointer-events: none; |
|
||||
} |
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months { |
|
||||
appearance: menulist; |
|
||||
background: transparent; |
|
||||
border: none; |
|
||||
border-radius: 0; |
|
||||
box-sizing: border-box; |
|
||||
color: inherit; |
|
||||
cursor: pointer; |
|
||||
font-size: inherit; |
|
||||
font-family: inherit; |
|
||||
font-weight: 300; |
|
||||
height: auto; |
|
||||
line-height: inherit; |
|
||||
margin: -1px 0 0 0; |
|
||||
outline: none; |
|
||||
padding: 0 0 0 0.5ch; |
|
||||
position: relative; |
|
||||
vertical-align: initial; |
|
||||
-webkit-box-sizing: border-box; |
|
||||
-webkit-appearance: menulist; |
|
||||
-moz-appearance: menulist; |
|
||||
width: auto; |
|
||||
} |
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months:focus, |
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months:active { |
|
||||
outline: none; |
|
||||
} |
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months:hover { |
|
||||
background: rgba(0,0,0,0.05); |
|
||||
} |
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { |
|
||||
background-color: transparent; |
|
||||
outline: none; |
|
||||
padding: 0; |
|
||||
} |
|
||||
.flatpickr-weekdays { |
|
||||
background: transparent; |
|
||||
text-align: center; |
|
||||
overflow: hidden; |
|
||||
width: 100%; |
|
||||
display: -webkit-box; |
|
||||
display: -webkit-flex; |
|
||||
display: -ms-flexbox; |
|
||||
display: flex; |
|
||||
-webkit-box-align: center; |
|
||||
-webkit-align-items: center; |
|
||||
-ms-flex-align: center; |
|
||||
align-items: center; |
|
||||
height: 28px; |
|
||||
} |
|
||||
.flatpickr-weekdays .flatpickr-weekdaycontainer { |
|
||||
display: -webkit-box; |
|
||||
display: -webkit-flex; |
|
||||
display: -ms-flexbox; |
|
||||
display: flex; |
|
||||
-webkit-box-flex: 1; |
|
||||
-webkit-flex: 1; |
|
||||
-ms-flex: 1; |
|
||||
flex: 1; |
|
||||
} |
|
||||
span.flatpickr-weekday { |
|
||||
cursor: default; |
|
||||
font-size: 90%; |
|
||||
background: transparent; |
|
||||
color: rgba(0,0,0,0.54); |
|
||||
line-height: 1; |
|
||||
margin: 0; |
|
||||
text-align: center; |
|
||||
display: block; |
|
||||
-webkit-box-flex: 1; |
|
||||
-webkit-flex: 1; |
|
||||
-ms-flex: 1; |
|
||||
flex: 1; |
|
||||
font-weight: bolder; |
|
||||
} |
|
||||
.dayContainer, |
|
||||
.flatpickr-weeks { |
|
||||
padding: 1px 0 0 0; |
|
||||
} |
|
||||
.flatpickr-days { |
|
||||
position: relative; |
|
||||
overflow: hidden; |
|
||||
display: -webkit-box; |
|
||||
display: -webkit-flex; |
|
||||
display: -ms-flexbox; |
|
||||
display: flex; |
|
||||
-webkit-box-align: start; |
|
||||
-webkit-align-items: flex-start; |
|
||||
-ms-flex-align: start; |
|
||||
align-items: flex-start; |
|
||||
width: 307.875px; |
|
||||
} |
|
||||
.flatpickr-days:focus { |
|
||||
outline: 0; |
|
||||
} |
|
||||
.dayContainer { |
|
||||
padding: 0; |
|
||||
outline: 0; |
|
||||
text-align: left; |
|
||||
width: 307.875px; |
|
||||
min-width: 307.875px; |
|
||||
max-width: 307.875px; |
|
||||
-webkit-box-sizing: border-box; |
|
||||
box-sizing: border-box; |
|
||||
display: inline-block; |
|
||||
display: -ms-flexbox; |
|
||||
display: -webkit-box; |
|
||||
display: -webkit-flex; |
|
||||
display: flex; |
|
||||
-webkit-flex-wrap: wrap; |
|
||||
flex-wrap: wrap; |
|
||||
-ms-flex-wrap: wrap; |
|
||||
-ms-flex-pack: justify; |
|
||||
-webkit-justify-content: space-around; |
|
||||
justify-content: space-around; |
|
||||
-webkit-transform: translate3d(0px, 0px, 0px); |
|
||||
transform: translate3d(0px, 0px, 0px); |
|
||||
opacity: 1; |
|
||||
} |
|
||||
.dayContainer + .dayContainer { |
|
||||
-webkit-box-shadow: -1px 0 0 #e6e6e6; |
|
||||
box-shadow: -1px 0 0 #e6e6e6; |
|
||||
} |
|
||||
.flatpickr-day { |
|
||||
background: none; |
|
||||
border: 1px solid transparent; |
|
||||
border-radius: 150px; |
|
||||
-webkit-box-sizing: border-box; |
|
||||
box-sizing: border-box; |
|
||||
color: #393939; |
|
||||
cursor: pointer; |
|
||||
font-weight: 400; |
|
||||
width: 14.2857143%; |
|
||||
-webkit-flex-basis: 14.2857143%; |
|
||||
-ms-flex-preferred-size: 14.2857143%; |
|
||||
flex-basis: 14.2857143%; |
|
||||
max-width: 39px; |
|
||||
height: 39px; |
|
||||
line-height: 39px; |
|
||||
margin: 0; |
|
||||
display: inline-block; |
|
||||
position: relative; |
|
||||
-webkit-box-pack: center; |
|
||||
-webkit-justify-content: center; |
|
||||
-ms-flex-pack: center; |
|
||||
justify-content: center; |
|
||||
text-align: center; |
|
||||
} |
|
||||
.flatpickr-day.inRange, |
|
||||
.flatpickr-day.prevMonthDay.inRange, |
|
||||
.flatpickr-day.nextMonthDay.inRange, |
|
||||
.flatpickr-day.today.inRange, |
|
||||
.flatpickr-day.prevMonthDay.today.inRange, |
|
||||
.flatpickr-day.nextMonthDay.today.inRange, |
|
||||
.flatpickr-day:hover, |
|
||||
.flatpickr-day.prevMonthDay:hover, |
|
||||
.flatpickr-day.nextMonthDay:hover, |
|
||||
.flatpickr-day:focus, |
|
||||
.flatpickr-day.prevMonthDay:focus, |
|
||||
.flatpickr-day.nextMonthDay:focus { |
|
||||
cursor: pointer; |
|
||||
outline: 0; |
|
||||
background: #e6e6e6; |
|
||||
border-color: #e6e6e6; |
|
||||
} |
|
||||
.flatpickr-day.today { |
|
||||
border-color: #959ea9; |
|
||||
} |
|
||||
.flatpickr-day.today:hover, |
|
||||
.flatpickr-day.today:focus { |
|
||||
border-color: #959ea9; |
|
||||
background: #959ea9; |
|
||||
color: #fff; |
|
||||
} |
|
||||
.flatpickr-day.selected, |
|
||||
.flatpickr-day.startRange, |
|
||||
.flatpickr-day.endRange, |
|
||||
.flatpickr-day.selected.inRange, |
|
||||
.flatpickr-day.startRange.inRange, |
|
||||
.flatpickr-day.endRange.inRange, |
|
||||
.flatpickr-day.selected:focus, |
|
||||
.flatpickr-day.startRange:focus, |
|
||||
.flatpickr-day.endRange:focus, |
|
||||
.flatpickr-day.selected:hover, |
|
||||
.flatpickr-day.startRange:hover, |
|
||||
.flatpickr-day.endRange:hover, |
|
||||
.flatpickr-day.selected.prevMonthDay, |
|
||||
.flatpickr-day.startRange.prevMonthDay, |
|
||||
.flatpickr-day.endRange.prevMonthDay, |
|
||||
.flatpickr-day.selected.nextMonthDay, |
|
||||
.flatpickr-day.startRange.nextMonthDay, |
|
||||
.flatpickr-day.endRange.nextMonthDay { |
|
||||
background: #569ff7; |
|
||||
-webkit-box-shadow: none; |
|
||||
box-shadow: none; |
|
||||
color: #fff; |
|
||||
border-color: #569ff7; |
|
||||
} |
|
||||
.flatpickr-day.selected.startRange, |
|
||||
.flatpickr-day.startRange.startRange, |
|
||||
.flatpickr-day.endRange.startRange { |
|
||||
border-radius: 50px 0 0 50px; |
|
||||
} |
|
||||
.flatpickr-day.selected.endRange, |
|
||||
.flatpickr-day.startRange.endRange, |
|
||||
.flatpickr-day.endRange.endRange { |
|
||||
border-radius: 0 50px 50px 0; |
|
||||
} |
|
||||
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), |
|
||||
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), |
|
||||
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { |
|
||||
-webkit-box-shadow: -10px 0 0 #569ff7; |
|
||||
box-shadow: -10px 0 0 #569ff7; |
|
||||
} |
|
||||
.flatpickr-day.selected.startRange.endRange, |
|
||||
.flatpickr-day.startRange.startRange.endRange, |
|
||||
.flatpickr-day.endRange.startRange.endRange { |
|
||||
border-radius: 50px; |
|
||||
} |
|
||||
.flatpickr-day.inRange { |
|
||||
border-radius: 0; |
|
||||
-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; |
|
||||
box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; |
|
||||
} |
|
||||
.flatpickr-day.flatpickr-disabled, |
|
||||
.flatpickr-day.flatpickr-disabled:hover, |
|
||||
.flatpickr-day.prevMonthDay, |
|
||||
.flatpickr-day.nextMonthDay, |
|
||||
.flatpickr-day.notAllowed, |
|
||||
.flatpickr-day.notAllowed.prevMonthDay, |
|
||||
.flatpickr-day.notAllowed.nextMonthDay { |
|
||||
color: rgba(57,57,57,0.3); |
|
||||
background: transparent; |
|
||||
border-color: transparent; |
|
||||
cursor: default; |
|
||||
} |
|
||||
.flatpickr-day.flatpickr-disabled, |
|
||||
.flatpickr-day.flatpickr-disabled:hover { |
|
||||
cursor: not-allowed; |
|
||||
color: rgba(57,57,57,0.1); |
|
||||
} |
|
||||
.flatpickr-day.week.selected { |
|
||||
border-radius: 0; |
|
||||
-webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; |
|
||||
box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; |
|
||||
} |
|
||||
.flatpickr-day.hidden { |
|
||||
visibility: hidden; |
|
||||
} |
|
||||
.rangeMode .flatpickr-day { |
|
||||
margin-top: 1px; |
|
||||
} |
|
||||
.flatpickr-weekwrapper { |
|
||||
float: left; |
|
||||
} |
|
||||
.flatpickr-weekwrapper .flatpickr-weeks { |
|
||||
padding: 0 12px; |
|
||||
-webkit-box-shadow: 1px 0 0 #e6e6e6; |
|
||||
box-shadow: 1px 0 0 #e6e6e6; |
|
||||
} |
|
||||
.flatpickr-weekwrapper .flatpickr-weekday { |
|
||||
float: none; |
|
||||
width: 100%; |
|
||||
line-height: 28px; |
|
||||
} |
|
||||
.flatpickr-weekwrapper span.flatpickr-day, |
|
||||
.flatpickr-weekwrapper span.flatpickr-day:hover { |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
max-width: none; |
|
||||
color: rgba(57,57,57,0.3); |
|
||||
background: transparent; |
|
||||
cursor: default; |
|
||||
border: none; |
|
||||
} |
|
||||
.flatpickr-innerContainer { |
|
||||
display: block; |
|
||||
display: -webkit-box; |
|
||||
display: -webkit-flex; |
|
||||
display: -ms-flexbox; |
|
||||
display: flex; |
|
||||
-webkit-box-sizing: border-box; |
|
||||
box-sizing: border-box; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
.flatpickr-rContainer { |
|
||||
display: inline-block; |
|
||||
padding: 0; |
|
||||
-webkit-box-sizing: border-box; |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
.flatpickr-time { |
|
||||
text-align: center; |
|
||||
outline: 0; |
|
||||
display: block; |
|
||||
height: 0; |
|
||||
line-height: 40px; |
|
||||
max-height: 40px; |
|
||||
-webkit-box-sizing: border-box; |
|
||||
box-sizing: border-box; |
|
||||
overflow: hidden; |
|
||||
display: -webkit-box; |
|
||||
display: -webkit-flex; |
|
||||
display: -ms-flexbox; |
|
||||
display: flex; |
|
||||
} |
|
||||
.flatpickr-time:after { |
|
||||
content: ""; |
|
||||
display: table; |
|
||||
clear: both; |
|
||||
} |
|
||||
.flatpickr-time .numInputWrapper { |
|
||||
-webkit-box-flex: 1; |
|
||||
-webkit-flex: 1; |
|
||||
-ms-flex: 1; |
|
||||
flex: 1; |
|
||||
width: 40%; |
|
||||
height: 40px; |
|
||||
float: left; |
|
||||
} |
|
||||
.flatpickr-time .numInputWrapper span.arrowUp:after { |
|
||||
border-bottom-color: #393939; |
|
||||
} |
|
||||
.flatpickr-time .numInputWrapper span.arrowDown:after { |
|
||||
border-top-color: #393939; |
|
||||
} |
|
||||
.flatpickr-time.hasSeconds .numInputWrapper { |
|
||||
width: 26%; |
|
||||
} |
|
||||
.flatpickr-time.time24hr .numInputWrapper { |
|
||||
width: 49%; |
|
||||
} |
|
||||
.flatpickr-time input { |
|
||||
background: transparent; |
|
||||
-webkit-box-shadow: none; |
|
||||
box-shadow: none; |
|
||||
border: 0; |
|
||||
border-radius: 0; |
|
||||
text-align: center; |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
height: inherit; |
|
||||
line-height: inherit; |
|
||||
color: #393939; |
|
||||
font-size: 14px; |
|
||||
position: relative; |
|
||||
-webkit-box-sizing: border-box; |
|
||||
box-sizing: border-box; |
|
||||
-webkit-appearance: textfield; |
|
||||
-moz-appearance: textfield; |
|
||||
appearance: textfield; |
|
||||
} |
|
||||
.flatpickr-time input.flatpickr-hour { |
|
||||
font-weight: bold; |
|
||||
} |
|
||||
.flatpickr-time input.flatpickr-minute, |
|
||||
.flatpickr-time input.flatpickr-second { |
|
||||
font-weight: 400; |
|
||||
} |
|
||||
.flatpickr-time input:focus { |
|
||||
outline: 0; |
|
||||
border: 0; |
|
||||
} |
|
||||
.flatpickr-time .flatpickr-time-separator, |
|
||||
.flatpickr-time .flatpickr-am-pm { |
|
||||
height: inherit; |
|
||||
float: left; |
|
||||
line-height: inherit; |
|
||||
color: #393939; |
|
||||
font-weight: bold; |
|
||||
width: 2%; |
|
||||
-webkit-user-select: none; |
|
||||
-moz-user-select: none; |
|
||||
-ms-user-select: none; |
|
||||
user-select: none; |
|
||||
-webkit-align-self: center; |
|
||||
-ms-flex-item-align: center; |
|
||||
align-self: center; |
|
||||
} |
|
||||
.flatpickr-time .flatpickr-am-pm { |
|
||||
outline: 0; |
|
||||
width: 18%; |
|
||||
cursor: pointer; |
|
||||
text-align: center; |
|
||||
font-weight: 400; |
|
||||
} |
|
||||
.flatpickr-time input:hover, |
|
||||
.flatpickr-time .flatpickr-am-pm:hover, |
|
||||
.flatpickr-time input:focus, |
|
||||
.flatpickr-time .flatpickr-am-pm:focus { |
|
||||
background: #eee; |
|
||||
} |
|
||||
.flatpickr-input[readonly] { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
@-webkit-keyframes fpFadeInDown { |
|
||||
from { |
|
||||
opacity: 0; |
|
||||
-webkit-transform: translate3d(0, -20px, 0); |
|
||||
transform: translate3d(0, -20px, 0); |
|
||||
} |
|
||||
to { |
|
||||
opacity: 1; |
|
||||
-webkit-transform: translate3d(0, 0, 0); |
|
||||
transform: translate3d(0, 0, 0); |
|
||||
} |
|
||||
} |
|
||||
@keyframes fpFadeInDown { |
|
||||
from { |
|
||||
opacity: 0; |
|
||||
-webkit-transform: translate3d(0, -20px, 0); |
|
||||
transform: translate3d(0, -20px, 0); |
|
||||
} |
|
||||
to { |
|
||||
opacity: 1; |
|
||||
-webkit-transform: translate3d(0, 0, 0); |
|
||||
transform: translate3d(0, 0, 0); |
|
||||
} |
|
||||
} |
|
||||
@ -1,47 +0,0 @@ |
|||||
/* latin-ext */ |
|
||||
/* 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+ */ |
|
||||
} |
|
||||
|
|
||||
@ -1,100 +0,0 @@ |
|||||
:root { |
|
||||
--primary100: #454CA0FF; |
|
||||
--primary75: #454CA0BF; |
|
||||
--primary50: #454CA080; |
|
||||
--primary25: #454CA040; |
|
||||
--primary10: #454CA01A; |
|
||||
--primary5: #454ca00c; |
|
||||
--primarydark: #3F448A; |
|
||||
|
|
||||
--secondary100: #162B4DFF; |
|
||||
--secondary75: #162B4DBF; |
|
||||
--secondary50: #162B4D80; |
|
||||
--secondary25: #162B4D40; |
|
||||
--secondary10: #162B4D1A; |
|
||||
--secondary5: rgba(22, 43, 77, 0.068); |
|
||||
--secondarydark: #3F448A; |
|
||||
|
|
||||
--tertiary: #F2F5F7; |
|
||||
|
|
||||
--success100: #49C39EFF; |
|
||||
--success75: #49C39EBF; |
|
||||
--success50: #49C39E80; |
|
||||
--success25: #49C39E40; |
|
||||
--success10: #49C39E1A; |
|
||||
--successdark: #44B492; |
|
||||
|
|
||||
--deletion100: #F2545BFF; |
|
||||
--deletion75: #F2545BBF; |
|
||||
--deletion50: #F2545B80; |
|
||||
--deletion25: #F2545B40; |
|
||||
--deletion10: #F2545B1A; |
|
||||
--deletiondark: #CF4046; |
|
||||
|
|
||||
--white: #FFFFFF; |
|
||||
--darkslate: #1a202c; |
|
||||
--slate: #a0aec0; |
|
||||
--lightslate: #f7fafc; |
|
||||
|
|
||||
--borderradius: 2px; |
|
||||
--borderradiusall: 2px 2px 2px 2px; |
|
||||
|
|
||||
--fontblack: "Roboto Black"; |
|
||||
--fontbold: "Roboto Bold"; |
|
||||
--fontsemibold: "Roboto Medium"; |
|
||||
--fontnormal: "Roboto"; |
|
||||
--fontlight: "Roboto Light"; |
|
||||
|
|
||||
--bodytext: var(--fontnormal) "regular" var(--secondary100) 16pt; |
|
||||
--bigbodytext: var(--fontnormal) "regular" var(--secondary100) 20pt; |
|
||||
--smallbodytext: var(--fontnormal) "regular" var(--secondary100) 12pt; |
|
||||
--lightbodytext: "regular" "normal" 16pt var(--fontnormal); |
|
||||
--heavybodytext: var(--fontbold) "regular" var(--secondary100) 16pt; |
|
||||
--quotation: var(--fontnormal) "italics" var(--darkslate) 16pt; |
|
||||
--smallheavybodytext: var(--fontbold) "regular" var(--secondary100) 14pt; |
|
||||
} |
|
||||
|
|
||||
html, body { |
|
||||
font-family: var(--fontnormal); |
|
||||
color: var(--secondary100); |
|
||||
padding: 0; |
|
||||
margin: 0; |
|
||||
height:100%; |
|
||||
width:100%; |
|
||||
} |
|
||||
|
|
||||
h1 { |
|
||||
font-family: var(--fontblack); |
|
||||
font-size: 36pt; |
|
||||
color: var(--secondary100); |
|
||||
} |
|
||||
|
|
||||
h2 { |
|
||||
font-family: var(--fontbold); |
|
||||
font-size: 30pt; |
|
||||
color: var(--secondary100); |
|
||||
} |
|
||||
|
|
||||
h3 { |
|
||||
font-family: var(--fontbold); |
|
||||
font-size: 24pt; |
|
||||
color: var(--darkslate); |
|
||||
} |
|
||||
|
|
||||
h4 { |
|
||||
font-family: var(--fontbold); |
|
||||
font-size: 18pt; |
|
||||
color: var(--secondary100); |
|
||||
} |
|
||||
|
|
||||
h5 { |
|
||||
font-family: var(--fontblack); |
|
||||
font-size: 14pt; |
|
||||
color: var(--secondary100); |
|
||||
} |
|
||||
|
|
||||
h5 { |
|
||||
font-family: var(--fontblack); |
|
||||
font-size: 12pt; |
|
||||
color: var(--darkslate); |
|
||||
} |
|
||||
@ -1,19 +0,0 @@ |
|||||
<!doctype html> |
|
||||
<html> |
|
||||
<head> |
|
||||
<meta charset='utf8'> |
|
||||
<meta name='viewport' content='width=device-width'> |
|
||||
|
|
||||
<title>Budibase Builder</title> |
|
||||
|
|
||||
<link rel='icon' type='image/png' href='/_builder/favicon.png'> |
|
||||
<link rel='stylesheet' href='/_builder/global.css'> |
|
||||
<link rel='stylesheet' href='/_builder/bundle.css'> |
|
||||
<link rel='stylesheet' href='/_builder/fonts.css'> |
|
||||
<link rel='stylesheet' href="/_builder/uikit.min.css"> |
|
||||
</head> |
|
||||
|
|
||||
<body id="app"> |
|
||||
<script src='/_builder/bundle.js'></script> |
|
||||
</body> |
|
||||
</html> |
|
||||
File diff suppressed because one or more lines are too long
@ -1,5 +0,0 @@ |
|||||
const {hash, verify} = require("argon2"); |
|
||||
|
|
||||
module.exports = { |
|
||||
hash, verify |
|
||||
}; |
|
||||
@ -1,7 +1,7 @@ |
|||||
#current_component.svelte-uuhis1{height:100%;width:100%} |
#current_component.svelte-uuhis1{height:100%;width:100%} |
||||
|
.root.svelte-aihwli{height:100%;width:100%;grid-template-columns:[navbar] auto [content] 1fr;display:grid}.navbar.svelte-aihwli{grid-column:navbar;background:var(--navBarBackground);border:var(--navBarBorder);color:var(--navBarColor)}.navitem.svelte-aihwli{padding:10px 17px;cursor:pointer}.navitem.svelte-aihwli:hover{background:var(--itemHoverBackground);color:var(--itemHoverColor)}.navitem.selected.svelte-aihwli{background:var(--selectedItemBackground);border:var(--selectedItemBorder);color:var(--selectedItemColor)}.content.svelte-aihwli{grid-column:content} |
||||
.root.svelte-crnq0a{height:100%;display:grid;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-template-rows:[top] 1fr [center] auto [bottom] 1fr}.content.svelte-crnq0a{grid-column-start:middle;grid-row-start:center;width:400px}.logo-container.svelte-crnq0a{margin-bottom:20px |
.root.svelte-crnq0a{height:100%;display:grid;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-template-rows:[top] 1fr [center] auto [bottom] 1fr}.content.svelte-crnq0a{grid-column-start:middle;grid-row-start:center;width:400px}.logo-container.svelte-crnq0a{margin-bottom:20px |
||||
}.logo-container.svelte-crnq0a>img.svelte-crnq0a{max-width:100%}.login-button-container.svelte-crnq0a{text-align:right;margin-top:20px}.incorrect-details-panel.svelte-crnq0a{margin-top:30px;padding:10px;border-style:solid;border-width:1px;border-color:maroon;border-radius:1px;text-align:center;color:maroon;background-color:mistyrose}.form-root.svelte-crnq0a{display:grid;grid-template-columns:[label] auto [control] 1fr}.label.svelte-crnq0a{grid-column-start:label;padding:5px 10px;vertical-align:middle}.control.svelte-crnq0a{grid-column-start:control;padding:5px 10px}.default-input.svelte-crnq0a{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;width:100%}.default-button.svelte-crnq0a{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;color:#333;background-color:#f4f4f4;outline:none}.default-button.svelte-crnq0a:active{background-color:#ddd}.default-button.svelte-crnq0a:focus{border-color:#666} |
}.logo-container.svelte-crnq0a>img.svelte-crnq0a{max-width:100%}.login-button-container.svelte-crnq0a{text-align:right;margin-top:20px}.incorrect-details-panel.svelte-crnq0a{margin-top:30px;padding:10px;border-style:solid;border-width:1px;border-color:maroon;border-radius:1px;text-align:center;color:maroon;background-color:mistyrose}.form-root.svelte-crnq0a{display:grid;grid-template-columns:[label] auto [control] 1fr}.label.svelte-crnq0a{grid-column-start:label;padding:5px 10px;vertical-align:middle}.control.svelte-crnq0a{grid-column-start:control;padding:5px 10px}.default-input.svelte-crnq0a{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;width:100%}.default-button.svelte-crnq0a{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;color:#333;background-color:#f4f4f4;outline:none}.default-button.svelte-crnq0a:active{background-color:#ddd}.default-button.svelte-crnq0a:focus{border-color:#666} |
||||
.root.svelte-aihwli{height:100%;width:100%;grid-template-columns:[navbar] auto [content] 1fr;display:grid}.navbar.svelte-aihwli{grid-column:navbar;background:var(--navBarBackground);border:var(--navBarBorder);color:var(--navBarColor)}.navitem.svelte-aihwli{padding:10px 17px;cursor:pointer}.navitem.svelte-aihwli:hover{background:var(--itemHoverBackground);color:var(--itemHoverColor)}.navitem.selected.svelte-aihwli{background:var(--selectedItemBackground);border:var(--selectedItemBorder);color:var(--selectedItemColor)}.content.svelte-aihwli{grid-column:content} |
|
||||
.default.svelte-1smqkrd{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;color:#333;background-color:#f4f4f4;outline:none}.default.svelte-1smqkrd:active{background-color:#ddd}.default.svelte-1smqkrd:focus{border-color:#666}.border.svelte-1smqkrd{border:var(--border)}.color.svelte-1smqkrd{color:var(--color)}.background.svelte-1smqkrd{background:var(--background)}.hoverBorder.svelte-1smqkrd:hover{border:var(--hoverBorder)}.hoverColor.svelte-1smqkrd:hover{color:var(--hoverColor)}.hoverBack.svelte-1smqkrd:hover{background:var(--hoverBackground)} |
.default.svelte-1smqkrd{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;color:#333;background-color:#f4f4f4;outline:none}.default.svelte-1smqkrd:active{background-color:#ddd}.default.svelte-1smqkrd:focus{border-color:#666}.border.svelte-1smqkrd{border:var(--border)}.color.svelte-1smqkrd{color:var(--color)}.background.svelte-1smqkrd{background:var(--background)}.hoverBorder.svelte-1smqkrd:hover{border:var(--hoverBorder)}.hoverColor.svelte-1smqkrd:hover{color:var(--hoverColor)}.hoverBack.svelte-1smqkrd:hover{background:var(--hoverBackground)} |
||||
.table-default.svelte-h8rqk6{width:100%;margin-bottom:1rem;color:#212529;border-collapse:collapse}.table-default.svelte-h8rqk6 .thead-default .th-default.svelte-h8rqk6{vertical-align:bottom;border-bottom:2px solid #dee2e6;font-weight:bold}.table-default.svelte-h8rqk6 .th-default.svelte-h8rqk6{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;font-weight:normal}.th-default.svelte-h8rqk6{text-align:inherit}.table-default.svelte-h8rqk6 .tbody-default .tr-default.svelte-h8rqk6:hover{color:#212529;background-color:rgba(0,0,0,.075);cursor:pointer} |
.table-default.svelte-h8rqk6{width:100%;margin-bottom:1rem;color:#212529;border-collapse:collapse}.table-default.svelte-h8rqk6 .thead-default .th-default.svelte-h8rqk6{vertical-align:bottom;border-bottom:2px solid #dee2e6;font-weight:bold}.table-default.svelte-h8rqk6 .th-default.svelte-h8rqk6{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;font-weight:normal}.th-default.svelte-h8rqk6{text-align:inherit}.table-default.svelte-h8rqk6 .tbody-default .tr-default.svelte-h8rqk6:hover{color:#212529;background-color:rgba(0,0,0,.075);cursor:pointer} |
||||
|
|
||||
|
|||||
Loading…
Reference in new issue