diff --git a/packages/standard-components/components.json b/packages/standard-components/components.json
index ccba75c0c..b17e14926 100644
--- a/packages/standard-components/components.json
+++ b/packages/standard-components/components.json
@@ -28,12 +28,11 @@
}
},
"button" : {
- "importPath": "button",
"name": "Button",
"description": "an html ",
"props": {
"contentText": { "type": "string", "default": "Button" },
- "className": {"type": "string", "default": "default"},
+ "className": "string",
"disabled": "bool",
"onClick": "event",
"background": "string",
@@ -47,7 +46,6 @@
"tags": ["button"]
},
"login" : {
- "importPath": "Login",
"name": "Login Control",
"description": "A control that accepts username, password an also handles password resets",
"props" : {
@@ -61,34 +59,7 @@
},
"tags": ["login", "credentials", "password", "logon"]
},
- "form" : {
- "importPath": "Form",
- "name": "Form",
- "description": "A form - allgned fields with labels",
- "props" : {
- "containerClass": "string",
- "formControls": {
- "type":"array",
- "elementDefinition": {
- "label": "string"
- }
- }
- },
- "tags": ["form"]
- },
- "textbox" : {
- "importPath": "Textbox",
- "name": "Textbox",
- "description": "An input type=text or password",
- "props" : {
- "value": "string",
- "hideValue": "bool",
- "className": {"type": "string", "default": "default"}
- },
- "tags": ["form"]
- },
"input" : {
- "importPath": "Input",
"name": "Input",
"description": "An HTML input",
"props" : {
@@ -103,14 +74,14 @@
"tel", "time", "week"],
"default":"text"
},
- "className": {"type": "string", "default": "default"}
+ "className": "string"
},
"tags": ["form"]
},
"select" : {
- "importPath": "Input",
"name": "Input",
"description": "An HTML input",
+ "children": false,
"props" : {
"value": "string",
"options": {
@@ -120,64 +91,16 @@
"value":"string"
}
},
- "className": {"type": "string", "default": "default"}
+ "className": "string"
},
"tags": ["form"]
},
- "stackpanel": {
- "importPath": "StackPanel",
- "name": "StackPanel",
- "description": "Layout elements in a stack, either horizontally or vertically",
- "props" : {
- "direction": {
- "type": "options",
- "options": ["horizontal", "vertical"],
- "default":"horizontal"
- },
- "width": {"type":"string","default":"auto"},
- "height": {"type":"string","default":"auto"},
- "containerClass":"string",
- "itemContainerClass":"string",
- "data": "state",
- "onLoad": "event"
- },
- "tags": ["div", "container", "layout", "panel"]
- },
- "grid": {
- "importPath": "Grid",
- "name": "Grid",
- "description": "CSS Grid layout ",
- "props" : {
- "gridTemplateRows": "string",
- "gridTemplateColumns": "string",
- "children": {
- "type":"array",
- "elementDefinition": {
- "gridColumnStart":"string",
- "gridColumnEnd":"string",
- "gridRowStart":"string",
- "gridRowEnd":"string",
- "justifySelf": {
- "type":"options",
- "options":["start", "center", "end", "stretch"],
- "default":"stretch"
- }
- }
- },
- "width": {"type":"string","default":"auto"},
- "height": {"type":"string","default":"auto"},
- "containerClass":"string",
- "itemContainerClass":"string"
- },
- "tags": ["div", "container", "layout", "panel", "grid"]
- },
"text": {
- "importPath": "Text",
"name": "Text",
"description": "stylable block of text",
+ "children": false,
"props" : {
"value": "string",
- "containerClass": "string",
"font": "string",
"color": "string",
"textAlign": {
@@ -193,48 +116,11 @@
"options": [
"top", "middle", "bottom"
]
- },
- "display": {
- "type": "options",
- "default":"inline",
- "options": [
- "inline", "block", "inline-block"
- ]
- }
- },
- "tags": ["div", "container"]
- },
- "panel": {
- "importPath": "Panel",
- "name": "Panel",
- "description": "A stylable div with a component inside",
- "props" : {
- "text": "string",
- "containerClass": "string",
- "background": "string",
- "border": "string",
- "borderRadius":"string",
- "font": "string",
- "color": "string",
- "padding": "string",
- "margin": "string",
- "hoverColor": "string",
- "hoverBackground": "string",
- "height":"string",
- "width":"string",
- "onClick": "event",
- "display": {
- "type": "options",
- "default":"inline",
- "options": [
- "inline", "block", "inline-block"
- ]
}
},
"tags": ["div", "container"]
},
"nav": {
- "importPath": "Nav",
"name": "Nav",
"description": "A nav - a side bar of buttons that control the currently active component",
"props" : {
@@ -246,12 +132,6 @@
"selectedItemBorder": "string",
"itemHoverBackground": {"type" :"string", "default":"gainsboro"},
"itemHoverColor": {"type" :"string", "default":"black"},
- "items": {
- "type": "array",
- "elementDefinition" : {
- "title": "string"
- }
- },
"selectedItem":"string",
"hideNavBar":"bool"
@@ -259,7 +139,6 @@
"tags": ["nav", "navigation", "sidebar"]
},
"table": {
- "importPath": "Table",
"name": "Table",
"description": "An HTML table",
"props" : {
@@ -281,18 +160,10 @@
"tags": ["table"]
},
"div": {
- "importPath": "Div",
"name": "Div",
"description": "An HTML div tag",
"props" : {
- "children": {
- "type":"array",
- "elementDefinition": {
- "className": "string"
- }
- },
"className":"string",
- "data": "state",
"onLoad": "event"
},
"tags": ["div", "container", "layout"]
diff --git a/packages/standard-components/package.json b/packages/standard-components/package.json
index de268cc69..5b7cb279f 100644
--- a/packages/standard-components/package.json
+++ b/packages/standard-components/package.json
@@ -13,6 +13,7 @@
},
"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",
diff --git a/packages/standard-components/public/bundle.css b/packages/standard-components/public/bundle.css
index 91d965dc0..898d5d102 100644
--- a/packages/standard-components/public/bundle.css
+++ b/packages/standard-components/public/bundle.css
@@ -1,13 +1,8 @@
-#current_component.svelte-1xqz9vm{height:100%;width:100%}
-.root.svelte-10kw8to{display:grid}
+#current_component.svelte-uuhis1{height:100%;width:100%}
.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}
-.form-root.svelte-m9d6ue{display:grid;grid-template-columns:[label] auto [control] 1fr}.label.svelte-m9d6ue{grid-column-start:label;padding:5px 10px;vertical-align:middle}.control.svelte-m9d6ue{grid-column-start:control;padding:5px 10px}.overflow.svelte-m9d6ue{grid-column-start:overflow}.full-width.svelte-m9d6ue{width:100%}
-.panel.svelte-1nuhpxd:hover{background:var(--hoverBackground);color:var(--hoverColor)}
.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-1ec4wqj{width:100%;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.svelte-1ec4wqj:disabled{color:#ccc}
-.horizontal.svelte-osi0db{display:inline-block}.vertical.svelte-osi0db{display:block}
-.default.svelte-181okpd{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-181okpd:active{background-color:#ddd}.default.svelte-181okpd:focus{border-color:#666}.border.svelte-181okpd{border:var(--border)}.color.svelte-181okpd{color:var(--color)}.background.svelte-181okpd{background:var(--background)}.hoverBorder.svelte-181okpd:hover{border:var(--hoverBorder)}.hoverColor.svelte-181okpd:hover{color:var(--hoverColor)}.hoverBack.svelte-181okpd: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}
/*# sourceMappingURL=bundle.css.map */
\ No newline at end of file
diff --git a/packages/standard-components/public/bundle.css.map b/packages/standard-components/public/bundle.css.map
index 99a89eea7..88b61cfa1 100644
--- a/packages/standard-components/public/bundle.css.map
+++ b/packages/standard-components/public/bundle.css.map
@@ -3,28 +3,18 @@
"file": "bundle.css",
"sources": [
"..\\src\\Test\\TestApp.svelte",
- "..\\src\\Grid.svelte",
"..\\src\\Login.svelte",
- "..\\src\\Form.svelte",
- "..\\src\\Panel.svelte",
"..\\src\\Nav.svelte",
- "..\\src\\Textbox.svelte",
- "..\\src\\StackPanel.svelte",
"..\\src\\Button.svelte",
"..\\src\\Table.svelte"
],
"sourcesContent": [
- "\n\n{#await _appPromise}\nloading\n{:then _bb}\n\n
\n
\n\n{/await}\n\n\n\n\n",
- "\r\n\r\n\r\n {#each children as child, index}\r\n
\r\n
\r\n {/each}\r\n
\r\n\r\n",
- "\n\n\n\n
\n\n {#if _logo}\n
\n

\n
\n {/if}\n\n
\n\n
\n \n
\n\n {#if incorrect}\n
\n Incorrect username or password\n
\n {/if}\n\n
\n\n
\n\n",
- "\n\n\n\n",
- "\n\n\n {component && component._component ? \"\" : text}\n
\n\n\n",
- "\r\n\r\n\r\n {#if !hideNavBar}\r\n
\r\n {#each items as navItem, index}\r\n
\r\n {navItem.title}\r\n
\r\n {/each}\r\n
\r\n {/if}\r\n {#each items as navItem, index}\r\n\r\n
\r\n
\r\n {/each}\r\n
\r\n\r\n\r\n\r\n",
- "\n\n{#if hideValue}\n\n{:else}\n\n{/if}\n\n",
- "\n\n\n\n {#if children}\n {#each children as child, index}\n
\n {/each}\n {/if}\n\n {#if data && data.length > 0}\n {#each data as child, index}\n
\n {/each}\n {/if}\n
\n\n",
- "\n\n\n\n\n\n",
- "\r\n\r\n \r\n \r\n \r\n {#each columns as col}\r\n | {col.title} | \r\n {/each}\r\n
\r\n \r\n \r\n {#if data}\r\n {#each data as row}\r\n \r\n {#each columns as col, index}\r\n | {cellValue(index, row)} | \r\n {/each}\r\n
\r\n {/each}\r\n {/if}\r\n \r\n
\r\n\r\n"
+ "\r\n\r\n{#await _appPromise}\r\nloading\r\n{:then _bb}\r\n\r\n\r\n
\r\n\r\n{/await}\r\n\r\n\r\n\r\n\r\n",
+ "\n\n\n\n
\n\n {#if _logo}\n
\n

\n
\n {/if}\n\n
\n\n
\n \n
\n\n {#if incorrect}\n
\n Incorrect username or password\n
\n {/if}\n\n
\n\n
\n\n",
+ "\r\n\r\n\r\n {#if !hideNavBar}\r\n
\r\n {#each _children as navItem, index}\r\n
\r\n {navItem.title}\r\n
\r\n {/each}\r\n
\r\n {/if}\r\n {#each _children as navItem, index}\r\n
\r\n
\r\n {/each}\r\n
\r\n\r\n\r\n\r\n",
+ "\r\n\r\n\r\n\r\n\r\n\r\n",
+ "\r\n\r\n \r\n \r\n \r\n {#each columns as col}\r\n | {col.title} | \r\n {/each}\r\n
\r\n \r\n \r\n {#if data}\r\n {#each data as row}\r\n \r\n {#each columns as col, index}\r\n | {cellValue(index, row)} | \r\n {/each}\r\n
\r\n {/each}\r\n {/if}\r\n \r\n
\r\n\r\n"
],
"names": [],
- "mappings": "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"
+ "mappings": "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"
}
\ No newline at end of file
diff --git a/packages/standard-components/public/bundle.js b/packages/standard-components/public/bundle.js
index 06a345308..54d5b95e4 100644
--- a/packages/standard-components/public/bundle.js
+++ b/packages/standard-components/public/bundle.js
@@ -33,22 +33,6 @@ var app = (function () {
function safe_not_equal(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
}
- function create_slot(definition, ctx, fn) {
- if (definition) {
- const slot_ctx = get_slot_context(definition, ctx, fn);
- return definition[0](slot_ctx);
- }
- }
- function get_slot_context(definition, ctx, fn) {
- return definition[1]
- ? assign({}, assign(ctx.$$scope.ctx, definition[1](fn ? fn(ctx) : {})))
- : ctx.$$scope.ctx;
- }
- function get_slot_changes(definition, ctx, changed, fn) {
- return definition[1]
- ? assign({}, assign(ctx.$$scope.changed || {}, definition[1](fn ? fn(changed) : {})))
- : ctx.$$scope.changed || {};
- }
function null_to_empty(value) {
return value == null ? '' : value;
}
@@ -128,9 +112,6 @@ var app = (function () {
input.value = value;
}
}
- function set_style(node, key, value, important) {
- node.style.setProperty(key, value, important ? 'important' : '');
- }
function toggle_class(element, name, toggle) {
element.classList[toggle ? 'add' : 'remove'](name);
}
@@ -559,151 +540,139 @@ var app = (function () {
return { set, update, subscribe };
}
- /* src\Textbox.svelte generated by Svelte v3.12.1 */
+ // https://github.com/kaisermann/svelte-css-vars
+
+ var cssVars = (node, props) => {
+ Object.entries(props).forEach(([key, value]) => {
+ node.style.setProperty(`--${key}`, value);
+ });
+
+ return {
+ update(new_props) {
+ Object.entries(new_props).forEach(([key, value]) => {
+ node.style.setProperty(`--${key}`, value);
+ delete props[key];
+ });
+
+ Object.keys(props).forEach(name =>
+ node.style.removeProperty(`--${name}`),
+ );
+ props = new_props;
+ },
+ };
+ };
+
+ const buildStyle = (styles) => {
+ let str = "";
+ for(let s in styles) {
+ if(styles[s]) {
+ str += `${s}: ${styles[s]}; `;
+ }
+ }
+ return str;
+ };
+
+ /* src\Button.svelte generated by Svelte v3.12.1 */
- const file = "src\\Textbox.svelte";
+ const file = "src\\Button.svelte";
- // (24:0) {:else}
- function create_else_block(ctx) {
- var input, input_class_value, dispose;
+ // (76:4) {#if !_children || _children.length === 0}
+ function create_if_block(ctx) {
+ var t;
const block = {
c: function create() {
- input = element("input");
- this.h();
+ t = text(ctx.contentText);
},
l: function claim(nodes) {
- input = claim_element(nodes, "INPUT", { class: true, type: true, value: true }, false);
- var input_nodes = children(input);
-
- input_nodes.forEach(detach_dev);
- this.h();
- },
-
- h: function hydrate() {
- attr_dev(input, "class", input_class_value = "" + null_to_empty(ctx.className) + " svelte-1ec4wqj");
- attr_dev(input, "type", "text");
- input.value = ctx.value;
- add_location(input, file, 24, 0, 372);
- dispose = listen_dev(input, "change", ctx.onchange);
+ t = claim_text(nodes, ctx.contentText);
},
m: function mount(target, anchor) {
- insert_dev(target, input, anchor);
+ insert_dev(target, t, anchor);
},
p: function update(changed, ctx) {
- if ((changed.className) && input_class_value !== (input_class_value = "" + null_to_empty(ctx.className) + " svelte-1ec4wqj")) {
- attr_dev(input, "class", input_class_value);
- }
-
- if (changed.value) {
- prop_dev(input, "value", ctx.value);
+ if (changed.contentText) {
+ set_data_dev(t, ctx.contentText);
}
},
d: function destroy(detaching) {
if (detaching) {
- detach_dev(input);
+ detach_dev(t);
}
-
- dispose();
}
};
- dispatch_dev("SvelteRegisterBlock", { block, id: create_else_block.name, type: "else", source: "(24:0) {:else}", ctx });
+ dispatch_dev("SvelteRegisterBlock", { block, id: create_if_block.name, type: "if", source: "(76:4) {#if !_children || _children.length === 0}", ctx });
return block;
}
- // (19:0) {#if hideValue}
- function create_if_block(ctx) {
- var input, input_class_value, dispose;
+ function create_fragment(ctx) {
+ var button, button_class_value, button_disabled_value, cssVars_action, dispose;
+
+ var if_block = (!ctx._children || ctx._children.length === 0) && create_if_block(ctx);
const block = {
c: function create() {
- input = element("input");
+ button = element("button");
+ if (if_block) if_block.c();
this.h();
},
l: function claim(nodes) {
- input = claim_element(nodes, "INPUT", { class: true, type: true, value: true }, false);
- var input_nodes = children(input);
+ button = claim_element(nodes, "BUTTON", { class: true, disabled: true, style: true }, false);
+ var button_nodes = children(button);
- input_nodes.forEach(detach_dev);
+ if (if_block) if_block.l(button_nodes);
+ button_nodes.forEach(detach_dev);
this.h();
},
h: function hydrate() {
- attr_dev(input, "class", input_class_value = "" + null_to_empty(ctx.className) + " svelte-1ec4wqj");
- attr_dev(input, "type", "password");
- input.value = ctx.value;
- add_location(input, file, 19, 0, 271);
- dispose = listen_dev(input, "change", ctx.onchange);
+ attr_dev(button, "class", button_class_value = "" + ctx.className + " " + ctx.customClasses + " svelte-1smqkrd");
+ button.disabled = button_disabled_value = ctx.disabled || false;
+ attr_dev(button, "style", ctx.buttonStyles);
+ add_location(button, file, 69, 0, 1197);
+ dispose = listen_dev(button, "click", ctx.clickHandler);
},
m: function mount(target, anchor) {
- insert_dev(target, input, anchor);
+ insert_dev(target, button, anchor);
+ if (if_block) if_block.m(button, null);
+ ctx.button_binding(button);
+ cssVars_action = cssVars.call(null, button, ctx.cssVariables) || {};
},
p: function update(changed, ctx) {
- if ((changed.className) && input_class_value !== (input_class_value = "" + null_to_empty(ctx.className) + " svelte-1ec4wqj")) {
- attr_dev(input, "class", input_class_value);
+ if (!ctx._children || ctx._children.length === 0) {
+ if (if_block) {
+ if_block.p(changed, ctx);
+ } else {
+ if_block = create_if_block(ctx);
+ if_block.c();
+ if_block.m(button, null);
+ }
+ } else if (if_block) {
+ if_block.d(1);
+ if_block = null;
}
- if (changed.value) {
- prop_dev(input, "value", ctx.value);
+ if ((changed.className || changed.customClasses) && button_class_value !== (button_class_value = "" + ctx.className + " " + ctx.customClasses + " svelte-1smqkrd")) {
+ attr_dev(button, "class", button_class_value);
}
- },
- d: function destroy(detaching) {
- if (detaching) {
- detach_dev(input);
+ if ((changed.disabled) && button_disabled_value !== (button_disabled_value = ctx.disabled || false)) {
+ prop_dev(button, "disabled", button_disabled_value);
}
- dispose();
- }
- };
- dispatch_dev("SvelteRegisterBlock", { block, id: create_if_block.name, type: "if", source: "(19:0) {#if hideValue}", ctx });
- return block;
- }
-
- function create_fragment(ctx) {
- var if_block_anchor;
-
- function select_block_type(changed, ctx) {
- if (ctx.hideValue) return create_if_block;
- return create_else_block;
- }
-
- var current_block_type = select_block_type(null, ctx);
- var if_block = current_block_type(ctx);
-
- const block = {
- c: function create() {
- if_block.c();
- if_block_anchor = empty();
- },
-
- l: function claim(nodes) {
- if_block.l(nodes);
- if_block_anchor = empty();
- },
-
- m: function mount(target, anchor) {
- if_block.m(target, anchor);
- insert_dev(target, if_block_anchor, anchor);
- },
+ if (changed.buttonStyles) {
+ attr_dev(button, "style", ctx.buttonStyles);
+ }
- p: function update(changed, ctx) {
- if (current_block_type === (current_block_type = select_block_type(changed, ctx)) && if_block) {
- if_block.p(changed, ctx);
- } else {
- if_block.d(1);
- if_block = current_block_type(ctx);
- if (if_block) {
- if_block.c();
- if_block.m(if_block_anchor.parentNode, if_block_anchor);
- }
+ if (typeof cssVars_action.update === 'function' && changed.cssVariables) {
+ cssVars_action.update.call(null, ctx.cssVariables);
}
},
@@ -711,209 +680,363 @@ var app = (function () {
o: noop,
d: function destroy(detaching) {
- if_block.d(detaching);
-
if (detaching) {
- detach_dev(if_block_anchor);
+ detach_dev(button);
}
+
+ if (if_block) if_block.d();
+ ctx.button_binding(null);
+ if (cssVars_action && typeof cssVars_action.destroy === 'function') cssVars_action.destroy();
+ dispose();
}
};
dispatch_dev("SvelteRegisterBlock", { block, id: create_fragment.name, type: "component", source: "", ctx });
return block;
}
- let actualValue = "";
-
function instance($$self, $$props, $$invalidate) {
- let { value="", hideValue = false, className = "default", _bb } = $$props;
+
+ let { className = "default", disabled = false, contentText, onClick, background, color, border, padding, hoverColor, hoverBackground, hoverBorder, _children, _bb } = $$props;
+ let theButton;
+ let cssVariables;
+ let buttonStyles;
- const onchange = (ev) => {
- if(_bb) {
- _bb.setStateFromBinding(_bb.bindings.value, ev.target.value);
+ let customHoverColorClass;
+ let customHoverBorderClass;
+ let customHoverBackClass;
+
+ let customClasses = "";
+
+ const createClasses = (classes) => {
+ let all = "";
+ for(let cls in classes) {
+ if(classes[cls]) {
+ all = all + " " + cls;
+ }
}
+ return all;
+ };
+
+
+
+
+ const clickHandler = () => {
+ _bb.call(onClick);
};
- const writable_props = ['value', 'hideValue', 'className', '_bb'];
+ const writable_props = ['className', 'disabled', 'contentText', 'onClick', 'background', 'color', 'border', 'padding', 'hoverColor', 'hoverBackground', 'hoverBorder', '_children', '_bb'];
Object.keys($$props).forEach(key => {
- if (!writable_props.includes(key) && !key.startsWith('$$')) console.warn(` was created with unknown prop '${key}'`);
+ if (!writable_props.includes(key) && !key.startsWith('$$')) console.warn(`