smoothly 0.3.38 → 1.0.0-alpha.10

package/dist/collection/components/table/demo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/table/demo/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableDemo {\n\trender() {\n\t\treturn [\n\t\t\t<h4>Filtered & Checked Table</h4>,\n\t\t\t<smoothly-table-demo-filtered></smoothly-table-demo-filtered>,\n\n\t\t\t<smoothly-table>\n\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t<smoothly-table-header>Header A</smoothly-table-header>\n\t\t\t\t\t<smoothly-table-header>Header B</smoothly-table-header>\n\t\t\t\t\t<smoothly-table-header>Header C</smoothly-table-header>\n\t\t\t\t\t<smoothly-table-header>Header D</smoothly-table-header>\n\t\t\t\t</smoothly-table-row>\n\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\tnormal row (exp.cell)\n\t\t\t\t\t\t<div slot=\"detail\">expandable cell 1 content</div>\n\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t<div slot=\"detail\">expandable cell 2 content</div>\n\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t<div slot=\"detail\">expandable cell 3 content</div>\n\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t<div slot=\"detail\">expandable cell 4 content</div>\n\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t</smoothly-table-row>\n\n\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t<smoothly-table-cell>normal row (nor.cell)\"</smoothly-table-cell>\n\t\t\t\t\t<smoothly-table-cell>normal cell</smoothly-table-cell>\n\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t<div slot=\"detail\">expandable cell details.</div>\n\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t<div slot=\"detail\">expandable cell details.</div>\n\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t</smoothly-table-row>\n\n\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t<smoothly-table-cell>expandable row (nor.cell)</smoothly-table-cell>\n\t\t\t\t\t<smoothly-table-cell>Normal cell</smoothly-table-cell>\n\t\t\t\t\t<smoothly-table-cell>normal cell</smoothly-table-cell>\n\t\t\t\t\t<smoothly-table-cell>Normal cell</smoothly-table-cell>\n\t\t\t\t\t<div slot=\"detail\">expandable row content</div>\n\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t</smoothly-table>,\n\t\t\t<smoothly-table>\n\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t<smoothly-table-header>Header A</smoothly-table-header>\n\t\t\t\t</smoothly-table-row>\n\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t<smoothly-table-cell>A Content</smoothly-table-cell>\n\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t<smoothly-tab-switch>\n\t\t\t\t\t\t\t<smoothly-tab label=\"innertable 1\" open={true}>\n\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>Header B</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>B Content</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t\t<smoothly-tab label=\"innertable 2\">\n\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>Header C</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>C Content</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t</smoothly-tab-switch>\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t</smoothly-table>,\n\t\t\t<smoothly-table>\n\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t<smoothly-table-header>A</smoothly-table-header>\n\t\t\t\t\t<smoothly-table-header>B</smoothly-table-header>\n\t\t\t\t</smoothly-table-row>\n\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t<smoothly-table-cell>a row</smoothly-table-cell>\n\t\t\t\t\t<smoothly-table-cell>b row</smoothly-table-cell>\n\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-header>C</smoothly-table-header>\n\t\t\t\t\t\t\t\t<smoothly-table-header>D</smoothly-table-header>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>c</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>d</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>E</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>F</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>e row</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>f row</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable row expansion e f</div>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t<span>one</span>\n\t\t\t\t\t\t<span>two</span>\n\t\t\t\t\t\t<span>three</span>\n\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\tfive<smoothly-icon name=\"paper-plane-sharp\" size=\"small\"></smoothly-icon>\n\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t<div slot=\"detail\">four</div>\n\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\ta cell\n\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-header>E</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t<smoothly-table-header>F</smoothly-table-header>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\te cell\n\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion e</div>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\tf cell\n\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion f</div>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\tb cell\n\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-header>C</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t<smoothly-table-header>D</smoothly-table-header>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\tc cell\n\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion c</div>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\td cell\n\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion d</div>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t</smoothly-table-row>\n\t\t\t</smoothly-table>,\n\t\t\t<smoothly-table>\n\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t<smoothly-table-header>display</smoothly-table-header>\n\t\t\t\t\t<smoothly-table-header>contents</smoothly-table-header>\n\t\t\t\t</smoothly-table-row>\n\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t<div class={\"content\"}>\n\t\t\t\t\t\t<smoothly-table-cell>A</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>B</smoothly-table-cell>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div slot=\"detail\">expansion</div>\n\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t</smoothly-table>,\n\t\t]\n\t}\n}\n"]}

package/dist/collection/components/table/expandable/cell/index.js

@@ -29,11 +29,6 @@ export class TableExpandableCell {
       this.expansionOpen.emit(this.expansionElement);
     }
   }
-  componentDidLoad() {
-    var _a;
-    if (this.open && this.expansionElement)
-      (_a = this.element.parentElement) === null || _a === void 0 ? void 0 : _a.after(this.expansionElement);
-  }
   onClick() {
     this.open = !this.open;
   }
@@ -197,3 +192,4 @@ export class TableExpandableCell {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/table/expandable/cell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/table/expandable/cell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EAET,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,GACL,MAAM,eAAe,CAAA;AAOtB,MAAM,OAAO,mBAAmB;;0BAIL,IAAI;qBACT,IAAI;iBACoB,MAAM;;;EAOnD,WAAW,CAAC,KAAc;IACzB,IAAI,IAAI,CAAC,gBAAgB;MACxB,IAAI,KAAK;QACR,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;;QAErB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IAC5C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EACtC,CAAC;EAGD,eAAe;IACd,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,CAAA;EAClD,CAAC;EACD,iBAAiB;IAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAA;IACzB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;MACxB,cAAc,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;KACrE,CAAC,CAAA;EACH,CAAC;EACD,kBAAkB;IACjB,IAAI,IAAI,CAAC,SAAS,EAAE;MACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;MACtB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;KAC9C;EACF,CAAC;EAED,OAAO;IACN,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;EACvB,CAAC;EAED,iBAAiB,CAAC,KAAgD;IACjE,KAAK,CAAC,eAAe,EAAE,CAAA;IACvB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;EAC3B,CAAC;EACD,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE;MACrC;QACC,qBAAe,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAiB;QAClE,eAAa,CACN;MACR,UAAI,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;QAClF,UAAI,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;UAChD,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACD,CACC,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-expandable-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableExpandableCell implements ComponentWillLoad {\n\tprivate expansionElement?: HTMLTableRowElement\n\tprivate beginOpen: boolean\n\t@Element() element: HTMLSmoothlyTableExpandableCellElement\n\t@State() allowSpotlight = true\n\t@State() spotlight = true\n\t@Prop() align: \"left\" | \"center\" | \"right\" = \"left\"\n\t@Prop({ mutable: true, reflect: true }) open: boolean\n\t@Event() expansionOpen: EventEmitter<HTMLElement>\n\t@Event() expansionLoad: EventEmitter<void>\n\t@Event() expandableChange: EventEmitter<boolean>\n\t@Event() expandableLoad: EventEmitter<{ allowSpotlight: (allowed: boolean) => void }>\n\t@Watch(\"open\")\n\topenChanged(value: boolean) {\n\t\tif (this.expansionElement)\n\t\t\tif (value)\n\t\t\t\tthis.beginOpen = true\n\t\t\telse\n\t\t\t\tthis.element.append(this.expansionElement)\n\t\tthis.expandableChange.emit(this.open)\n\t}\n\t@Watch(\"open\")\n\t@Watch(\"allowSpotlight\")\n\thandleSpotlight() {\n\t\tthis.spotlight = this.open && this.allowSpotlight\n\t}\n\tcomponentWillLoad(): void {\n\t\tthis.expansionLoad.emit()\n\t\tthis.expandableLoad.emit({\n\t\t\tallowSpotlight: (allowed: boolean) => (this.allowSpotlight = allowed),\n\t\t})\n\t}\n\tcomponentDidRender(): void {\n\t\tif (this.beginOpen) {\n\t\t\tthis.beginOpen = false\n\t\t\tthis.expansionOpen.emit(this.expansionElement)\n\t\t}\n\t}\n\t@Listen(\"click\")\n\tonClick() {\n\t\tthis.open = !this.open\n\t}\n\t@Listen(\"tableLoad\")\n\thandleTableLoaded(event: CustomEvent<(owner: EventTarget) => void>) {\n\t\tevent.stopPropagation()\n\t\tevent.detail(this.element)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host style={{ textAlign: this.align }}>\n\t\t\t\t<aside>\n\t\t\t\t\t<smoothly-icon name=\"chevron-forward\" size=\"tiny\"></smoothly-icon>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</aside>\n\t\t\t\t<tr class={this.spotlight ? \"spotlight\" : \"\"} ref={e => (this.expansionElement = e)}>\n\t\t\t\t\t<td colSpan={999} class={!this.open ? \"hide\" : \"\"}>\n\t\t\t\t\t\t<slot name=\"detail\"></slot>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/table/expandable/cell/style.css

@@ -69,3 +69,13 @@ td::slotted(*)::after {
 	border-top: 1px solid rgb(var(--smoothly-dark-color));
 }
 
+smoothly-table[align=bottom] :host {
+	vertical-align: bottom;
+}
+smoothly-table[align=middle] :host {
+	vertical-align: middle;
+	text-align: left;
+}
+smoothly-table[align=top] :host {
+	vertical-align: top;
+}

package/dist/collection/components/table/expandable/row/index.js

@@ -173,3 +173,4 @@ export class TableExpandableRow {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/table/expandable/row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/table/expandable/row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EAET,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,GACL,MAAM,eAAe,CAAA;AAOtB,MAAM,OAAO,kBAAkB;;0BAGJ,IAAI;qBACT,IAAI;iBACoB,MAAM;;;EAMnD,WAAW;IACV,IAAI,IAAI,CAAC,gBAAgB;MACxB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IAC1C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EACtC,CAAC;EAGD,eAAe;IACd,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,CAAA;EAClD,CAAC;EACD,iBAAiB;IAChB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;MACxB,cAAc,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;KACrE,CAAC,CAAA;EACH,CAAC;EACD,kBAAkB;IACjB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IAC9C,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI;MACrC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;EAC3C,CAAC;EAED,OAAO,CAAC,KAAc;IACrB,KAAK,CAAC,eAAe,EAAE,CAAA;IACvB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;EACvB,CAAC;EAED,iBAAiB,CAAC,KAAgD;IACjE,KAAK,CAAC,eAAe,EAAE,CAAA;IACvB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;EAC3B,CAAC;EACD,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE;MACrC,eAAa;MACb,UAAI,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;QAClF,UAAI,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;UAChD,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACD,CACC,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-expandable-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableExpandableRow implements ComponentWillLoad {\n\tprivate expansionElement?: HTMLTableRowElement\n\t@Element() element: HTMLSmoothlyTableRowElement\n\t@State() allowSpotlight = true\n\t@State() spotlight = true\n\t@Prop() align: \"left\" | \"center\" | \"right\" = \"left\"\n\t@Prop({ mutable: true, reflect: true }) open: boolean\n\t@Event() expansionOpen: EventEmitter<HTMLElement>\n\t@Event() expandableChange: EventEmitter<boolean>\n\t@Event() expandableLoad: EventEmitter<{ allowSpotlight: (allowed: boolean) => void }>\n\t@Watch(\"open\")\n\topenChanged() {\n\t\tif (this.expansionElement)\n\t\t\tthis.element.after(this.expansionElement)\n\t\tthis.expandableChange.emit(this.open)\n\t}\n\t@Watch(\"open\")\n\t@Watch(\"allowSpotlight\")\n\thandleSpotlight() {\n\t\tthis.spotlight = this.open && this.allowSpotlight\n\t}\n\tcomponentWillLoad() {\n\t\tthis.expandableLoad.emit({\n\t\t\tallowSpotlight: (allowed: boolean) => (this.allowSpotlight = allowed),\n\t\t})\n\t}\n\tcomponentDidRender(): void {\n\t\tthis.expansionOpen.emit(this.expansionElement)\n\t\tif (this.expansionElement && this.open)\n\t\t\tthis.element.after(this.expansionElement)\n\t}\n\t@Listen(\"click\")\n\tonClick(event: UIEvent) {\n\t\tevent.stopPropagation()\n\t\tthis.open = !this.open\n\t}\n\t@Listen(\"tableLoad\")\n\thandleTableLoaded(event: CustomEvent<(owner: EventTarget) => void>) {\n\t\tevent.stopPropagation()\n\t\tevent.detail(this.element)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host style={{ textAlign: this.align }}>\n\t\t\t\t<slot></slot>\n\t\t\t\t<tr class={this.spotlight ? \"spotlight\" : \"\"} ref={e => (this.expansionElement = e)}>\n\t\t\t\t\t<td colSpan={999} class={!this.open ? \"hide\" : \"\"}>\n\t\t\t\t\t\t<slot name=\"detail\"></slot>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/table/header/index.js

@@ -40,3 +40,4 @@ export class TableHeader {
     };
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/table/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/table/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,WAAW;;;;EAEvB,MAAM;IACL,OAAO,CACN,EAAC,IAAI;MACJ,eAAa,CACP,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-header\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableHeader {\n\t@Prop() name: string\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/table/header/style.css

@@ -6,3 +6,14 @@
 	padding-left: 1rem;
 	font-weight: bold;
 }
+
+smoothly-table[align=bottom] :host {
+	vertical-align: bottom;
+}
+smoothly-table[align=middle] :host {
+	vertical-align: middle;
+	text-align: left;
+}
+smoothly-table[align=top] :host {
+	vertical-align: top;
+}

package/dist/collection/components/table/index.js

@@ -4,6 +4,7 @@ export class Table {
     this.expandable = new Map();
     this.expanded = new Set();
     this.root = true;
+    this.align = "middle";
   }
   componentWillLoad() {
     this.smoothlyNestedTable.emit(() => (this.root = false));
@@ -64,6 +65,24 @@ export class Table {
         "attribute": "root",
         "reflect": true,
         "defaultValue": "true"
+      },
+      "align": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"middle\" | \"bottom\" | \"top\"",
+          "resolved": "\"bottom\" | \"middle\" | \"top\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "align",
+        "reflect": true,
+        "defaultValue": "\"middle\""
       }
     };
   }
@@ -164,3 +183,4 @@ export class Table {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAO3G,MAAM,OAAO,KAAK;;IAET,eAAU,GAAiF,IAAI,GAAG,EAAE,CAAA;IACpG,aAAQ,GAAqB,IAAI,GAAG,EAAE,CAAA;gBAEC,IAAI;iBACW,QAAQ;;EAItE,iBAAiB;IAChB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAA;IACxD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAkB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAA;EAClE,CAAC;EAED,sBAAsB,CAAC,KAAkE;IACxF,KAAK,CAAC,eAAe,EAAE,CAAA;IACvB,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;EAChE,CAAC;EAED,qBAAqB,CAAC,KAA2B;IAChD,KAAK,CAAC,eAAe,EAAE,CAAA;IACvB,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IACrG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;EACtF,CAAC;EAED,oBAAoB,CAAC,KAAoE;;IACxF,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO;MAC3B,CAAC,KAAK,CAAC,eAAe,EAAE;QACxB,KAAK,CAAC,MAAM,CAAC,KAAK,KAAI,MAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA,CAAC,CAAA;EAC7G,CAAC;EAED,iBAAiB,CAAC,KAA8B;IAC/C,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;EAC1E,CAAC;EAGD,YAAY,CAAC,KAAY;IACxB,KAAK,CAAC,eAAe,EAAE,CAAA;EACxB,CAAC;EACD,MAAM;IACL,OAAO,CAAC,eAAa,CAAC,CAAA;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, ComponentWillLoad, Element, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Table implements ComponentWillLoad {\n\tprivate owner?: EventTarget\n\tprivate expandable: Map<EventTarget, { allowSpotlight: (allowed: boolean) => void } | undefined> = new Map()\n\tprivate expanded: Set<EventTarget> = new Set()\n\t@Element() element: HTMLSmoothlyTableElement\n\t@Prop({ mutable: true, reflect: true }) root = true\n\t@Prop({ reflect: true }) align: \"middle\" | \"bottom\" | \"top\" = \"middle\"\n\t@Event() smoothlyNestedTable: EventEmitter<() => void>\n\t@Event() spotlightChange: EventEmitter<{ allowSpotlight: boolean; owner?: EventTarget }>\n\t@Event() tableLoad: EventEmitter<(owner: EventTarget) => void>\n\tcomponentWillLoad() {\n\t\tthis.smoothlyNestedTable.emit(() => (this.root = false))\n\t\tthis.tableLoad.emit((owner: EventTarget) => (this.owner = owner))\n\t}\n\t@Listen(\"expandableLoad\")\n\thandleExpandableLoaded(event: CustomEvent<{ allowSpotlight: (allowed: boolean) => void }>) {\n\t\tevent.stopPropagation()\n\t\tevent.target && this.expandable.set(event.target, event.detail)\n\t}\n\t@Listen(\"expandableChange\")\n\thandleExpandableState(event: CustomEvent<boolean>) {\n\t\tevent.stopPropagation()\n\t\tevent.target && (event.detail ? this.expanded.add(event.target) : this.expanded.delete(event.target))\n\t\tthis.spotlightChange.emit({ allowSpotlight: !this.expanded.size, owner: this.owner })\n\t}\n\t@Listen(\"spotlightChange\")\n\thandleSpotlightState(event: CustomEvent<{ allowSpotlight: boolean; owner?: EventTarget }>) {\n\t\tevent.target != this.element &&\n\t\t\t(event.stopPropagation(),\n\t\t\tevent.detail.owner && this.expandable.get(event.detail.owner)?.allowSpotlight(event.detail.allowSpotlight))\n\t}\n\t@Listen(\"smoothlyNestedTable\")\n\thandleNestedTable(event: CustomEvent<() => void>) {\n\t\tevent.target != this.element && (event.stopPropagation(), event.detail())\n\t}\n\t@Listen(\"expansionLoad\")\n\t@Listen(\"expansionOpen\")\n\thandleEvents(event: Event) {\n\t\tevent.stopPropagation()\n\t}\n\trender() {\n\t\treturn [<slot></slot>]\n\t}\n}\n"]}

package/dist/collection/components/table/row/index.js

@@ -46,3 +46,4 @@ export class TableRow {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/table/row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/table/row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAO7D,MAAM,OAAO,QAAQ;EALrB;IAOC,eAAU,GAA6C,EAAE,CAAA;GAiBzD;EAfA,eAAe,CAAC,KAAwB;IACvC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAgD,CAAC,CAAA;EAC7E,CAAC;EAED,eAAe,CAAC,KAA2C;IAC1D,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;MAC9B,IAAI,IAAI,IAAI,KAAK,CAAC,MAAM;QACvB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;IACnB,CAAC,CAAC,CAAA;IACF,IAAI,KAAK,CAAC,MAAM;MACf,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;EAClC,CAAC;EACD,MAAM;IACL,OAAO,eAAa,CAAA;EACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Listen } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableRow {\n\t@Element() element: HTMLSmoothlyTableRowElement\n\texpansions: HTMLSmoothlyTableExpandableCellElement[] = []\n\t@Listen(\"expansionLoad\")\n\tonExpansionLoad(event: CustomEvent<void>) {\n\t\tthis.expansions.push(event.target as HTMLSmoothlyTableExpandableCellElement)\n\t}\n\t@Listen(\"expansionOpen\")\n\tonExpansionOpen(event: CustomEvent<HTMLElement | undefined>) {\n\t\tthis.expansions.forEach(cell => {\n\t\t\tif (cell != event.target)\n\t\t\t\tcell.open = false\n\t\t})\n\t\tif (event.detail)\n\t\t\tthis.element.after(event.detail)\n\t}\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"]}

package/dist/collection/components/toggle/style.css

@@ -0,0 +1,36 @@
+:host{
+	display: inline-block;
+	border: none;
+}
+button{
+	border: solid white 0.5px;
+	display: flex;
+	padding: 0.6em;
+	justify-content: center;
+	font-size: 110%;
+	font-weight: 400;
+	color: rgb(var(--smoothly-default-tint));
+	background-color: rgb(var(--smoothly-default-shade));
+}
+:host([shape=rounded]){
+	border-radius: 0.6em;
+}
+:host([shape=rounded]) > button {
+	border-radius: 0.5em;
+}
+:host([selected]) > button{
+	color: rgb(var(--smoothly-light-contrast));
+}
+::slotted(smoothly-icon){
+	stroke: rgb(var(--smoothly-default-contrast));
+	fill: rgb(var(--smoothly-default-contrast));
+	font-size: 110%;
+}
+:host(:not([selected])) > ::slotted(smoothly-icon) {
+	color: rgb(var(--smoothly-default-tint));
+	fill:rgb(var(--smoothly-default-tint));
+}
+:host([disabled]) {
+	opacity: 0.5;
+	pointer-events: none;
+}

package/dist/collection/components/toggle/toggle.js

@@ -0,0 +1,129 @@
+import { h } from "@stencil/core";
+export class SmoothlyToggle {
+  constructor() {
+    this.selected = false;
+    this.shape = undefined;
+    this.disabled = false;
+    this.name = undefined;
+    this.value = undefined;
+  }
+  onClick(e) {
+    this.selected = !this.selected;
+  }
+  render() {
+    return (h("button", null, h("slot", { name: "icon-slot" }), h("slot", null, this.name)));
+  }
+  static get is() { return "smoothly-toggle"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "selected": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "shape": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"rounded\"",
+          "resolved": "\"rounded\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "shape",
+        "reflect": true
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "value": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
+      }
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "onClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}
+//# sourceMappingURL=toggle.js.map

package/dist/collection/components/toggle/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAO1D,MAAM,OAAO,cAAc;;oBACyB,KAAK;;oBAEpB,KAAK;;;;EAKzC,OAAO,CAAC,CAAU;IACjB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA;EAC/B,CAAC;EAED,MAAM;IACL,OAAO,CACN;MACC,YAAM,IAAI,EAAC,WAAW,GAAQ;MAC9B,gBAAO,IAAI,CAAC,IAAI,CAAQ,CAChB,CACT,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Listen, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-toggle\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyToggle {\n\t@Prop({ mutable: true, reflect: true }) selected = false\n\t@Prop({ reflect: true }) shape: \"rounded\"\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop() name: string\n\t@Prop() value?: any\n\n\t@Listen(\"click\")\n\tonClick(e: UIEvent) {\n\t\tthis.selected = !this.selected\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<button>\n\t\t\t\t<slot name=\"icon-slot\"></slot>\n\t\t\t\t<slot>{this.name}</slot>\n\t\t\t</button>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/toggle-switch/index.js

@@ -0,0 +1,118 @@
+import { h, Host } from "@stencil/core";
+export class SmoothlyToggleSwitch {
+  constructor() {
+    this.selected = false;
+    this.disabled = false;
+    this.size = "default";
+    this.name = undefined;
+    this.value = undefined;
+  }
+  render() {
+    return (h(Host, null, h("button", { disabled: this.disabled, id: "toggleBtn", onClick: () => (this.selected = !this.selected) }, h("smoothly-icon", { name: "checkmark-circle", fill: "clear", style: { display: this.selected ? "" : "none" } }), h("smoothly-icon", { name: "close-circle", fill: "clear", style: { display: !this.selected ? "" : "none" } }))));
+  }
+  static get is() { return "smoothly-toggle-switch"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "selected": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"small\" | \"default\" | \"large\"",
+          "resolved": "\"default\" | \"large\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": true,
+        "defaultValue": "\"default\""
+      },
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "value": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
+      }
+    };
+  }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/components/toggle-switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toggle-switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,oBAAoB;;oBACmB,KAAK;oBACpB,KAAK;gBACsB,SAAS;;;;EAGxE,MAAM;IACL,OAAO,CACN,EAAC,IAAI;MACJ,cAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC9F,qBACC,IAAI,EAAC,kBAAkB,EACvB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,GAAkB;QAClE,qBACC,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,GAAkB,CAC3D,CACH,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-toggle-switch\",\n\tstyleUrl: \"style.css\",\n\tshadow: true,\n})\nexport class SmoothlyToggleSwitch {\n\t@Prop({ mutable: true, reflect: true }) selected = false\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) size: \"small\" | \"default\" | \"large\" = \"default\"\n\t@Prop() name: string\n\t@Prop() value?: any\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<button disabled={this.disabled} id=\"toggleBtn\" onClick={() => (this.selected = !this.selected)}>\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname=\"checkmark-circle\"\n\t\t\t\t\t\tfill=\"clear\"\n\t\t\t\t\t\tstyle={{ display: this.selected ? \"\" : \"none\" }}></smoothly-icon>\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname=\"close-circle\"\n\t\t\t\t\t\tfill=\"clear\"\n\t\t\t\t\t\tstyle={{ display: !this.selected ? \"\" : \"none\" }}></smoothly-icon>\n\t\t\t\t</button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/toggle-switch/style.css

@@ -0,0 +1,56 @@
+:host {
+	display: block;
+	margin: 1em 0;
+	width: 3.6em;
+	height: 1.8em;
+}
+
+button {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	position: relative;
+	cursor: pointer;
+	border: none;
+	border-radius: 3em;
+	background-color: rgb(var(--smoothly-light-color));
+}
+
+:host smoothly-icon {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	position: absolute;
+	left: 0;
+	fill: rgb(var(--smoothly-default-color));
+	stroke: rgb(var(--smoothly-default-color));
+	font-size: 1.2em;
+}
+
+:host([size=small]){
+	width: 3.05em;
+	height: 1.5em;
+}
+
+:host([size=large]){
+	width: 5.2em;
+	height: 2.5em;
+}
+
+:host([size=small]) smoothly-icon{
+	font-size: 1em;
+}
+
+:host([size=large]) smoothly-icon{
+	font-size: 1.75em;
+}
+
+:host([selected]) > button{
+	background-color: rgb(var(--smoothly-success-color));
+}
+
+:host([selected]) smoothly-icon{
+	transform: translateX(100%);
+}

package/dist/collection/components/trigger/index.js

@@ -2,7 +2,6 @@ import { h } from "@stencil/core";
 export class SmoothlyTrigger {
   constructor() {
     this.color = undefined;
-    this.expand = undefined;
     this.fill = undefined;
     this.disabled = false;
     this.type = "button";
@@ -62,28 +61,6 @@ export class SmoothlyTrigger {
         "attribute": "color",
         "reflect": true
       },
-      "expand": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Expand",
-          "resolved": "\"block\" | \"full\"",
-          "references": {
-            "Expand": {
-              "location": "import",
-              "path": "../../model"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "expand",
-        "reflect": true
-      },
       "fill": {
         "type": "string",
         "mutable": false,
@@ -211,3 +188,4 @@ export class SmoothlyTrigger {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/trigger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/trigger/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAQ/E,MAAM,OAAO,eAAe;;;;oBAGS,KAAK;gBACU,QAAQ;;;;EAM3D,OAAO,CAAC,CAAU;IACjB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;IACzD,CAAC,CAAC,eAAe,EAAE,CAAA;IACnB,CAAC,CAAC,cAAc,EAAE,CAAA;EACnB,CAAC;EACD,MAAM;IACL,IAAI,MAAmB,CAAA;IACvB,QAAQ,IAAI,CAAC,IAAI,EAAE;MAClB,KAAK,MAAM;QACV,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACxB,eAAa,CACb,CAAC,CAAC,CAAC,CACH,SAAG,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;UAC/B,eAAa,CACV,CACJ,CAAA;QACD,MAAK;MACN,KAAK,QAAQ;QACZ,MAAM,GAAG,CACR,cAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;UAC/C,eAAa,CACL,CACT,CAAA;QACD,MAAK;KACN;IACD,OAAO,MAAM,CAAA;EACd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-trigger\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTrigger {\n\t@Prop({ reflect: true }) color: Color | undefined\n\t@Prop({ reflect: true }) fill: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) type: \"link\" | \"button\" = \"button\"\n\t@Prop() name: string\n\t@Prop() value?: any\n\t@Event() trigger: EventEmitter<Trigger>\n\n\t@Listen(\"click\")\n\tonClick(e: UIEvent) {\n\t\tthis.trigger.emit({ name: this.name, value: this.value })\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t}\n\trender() {\n\t\tlet result: HTMLElement\n\t\tswitch (this.type) {\n\t\t\tcase \"link\":\n\t\t\t\tresult = this.disabled ? (\n\t\t\t\t\t<slot></slot>\n\t\t\t\t) : (\n\t\t\t\t\t<a onClick={e => this.onClick(e)}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</a>\n\t\t\t\t)\n\t\t\t\tbreak\n\t\t\tcase \"button\":\n\t\t\t\tresult = (\n\t\t\t\t\t<button disabled={this.disabled} name={this.name}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</button>\n\t\t\t\t)\n\t\t\t\tbreak\n\t\t}\n\t\treturn result\n\t}\n}\n"]}

package/dist/collection/components/trigger/style.css

@@ -22,11 +22,11 @@ button {
 :host:not([disabled]):active {
 	border-color: var(--smoothly-trigger-border);
 }
-:host[expand=fill] > button,
+:host[expand=full] > button,
 :host[expand=block] > button {
 	width: 100%;
 }
-:host[expand=fill] {
+:host[expand=full] {
 	border-left: none;
 	border-right: none;
 }

package/dist/collection/components/trigger-sink/index.js

@@ -100,3 +100,4 @@ export class SmoothlyTriggerSink {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/trigger-sink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/trigger-sink/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAO9C,MAAM,OAAO,mBAAmB;;;;;;EAK/B,IAAI,OAAO;IACV,IAAI,CAAC,IAAI,CAAC,YAAY;MACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9D,OAAO,IAAI,CAAC,YAAY,CAAA;EACzB,CAAC;EAED,eAAe,CAAC,KAA2B;IAC1C,IAAI,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;MAC/E,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,CAAA;MACpE,KAAK,CAAC,cAAc,EAAE,CAAA;MACtB,KAAK,CAAC,eAAe,EAAE,CAAA;KACvB;EACF,CAAC;EACD,MAAM;IACL,OAAO,eAAa,CAAA;EACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Listen, Prop } from \"@stencil/core\"\nimport { Message, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-trigger-sink\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTriggerSink {\n\t@Prop() context?: Window\n\t@Prop() destination: string\n\t@Prop() filter?: string\n\tfiltersValue?: string[]\n\tget filters(): string[] {\n\t\tif (!this.filtersValue)\n\t\t\tthis.filtersValue = this.filter ? this.filter.split(\" \") : []\n\t\treturn this.filtersValue\n\t}\n\t@Listen(\"trigger\")\n\tTriggerListener(event: CustomEvent<Trigger>) {\n\t\tif (Trigger.is(event.detail) && this.filters.some(f => f == event.detail.name)) {\n\t\t\tMessage.send(this.destination, event.detail, this.context || window)\n\t\t\tevent.preventDefault()\n\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"]}

package/dist/collection/components/trigger-source/index.js

@@ -93,3 +93,4 @@ export class SmoothlyTriggerSource {
   }
   static get elementRef() { return "element"; }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/trigger-source/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/trigger-source/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAO9C,MAAM,OAAO,qBAAqB;;;;EAKjC,gBAAgB;IACf,OAAO,CAAC,MAAM,CACb,IAAI,CAAC,MAAM,EACX,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE;MACxB,IAAI,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC;QACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;;QAE1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAA;IAC7C,CAAC,EACD,MAAM,CACN,CAAA;EACF,CAAC;EACD,MAAM;IACL,OAAO,eAAa,CAAA;EACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\"\nimport { Message, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-trigger-source\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTriggerSource {\n\t@Prop() listen: string\n\t@Event() trigger: EventEmitter<Trigger>\n\t@Event() message: EventEmitter<Message<any>>\n\t@Element() element?: HTMLElement\n\tcomponentDidLoad() {\n\t\tMessage.listen(\n\t\t\tthis.listen,\n\t\t\t(destination, content) => {\n\t\t\t\tif (Trigger.is(content))\n\t\t\t\t\tthis.trigger.emit(content)\n\t\t\t\telse\n\t\t\t\t\tthis.message.emit({ destination, content })\n\t\t\t},\n\t\t\twindow\n\t\t)\n\t}\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"]}

package/dist/collection/components/tuple/index.js

@@ -27,3 +27,4 @@ export class SmoothlyTuple {
     };
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/tuple/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tuple/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAKlD,MAAM,OAAO,aAAa;;;;EAEzB,MAAM;IACL,OAAO,CAAC,aAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAAM,CAAC,CAAA;EAC7D,CAAC;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tuple\",\n})\nexport class SmoothlyTuple {\n\t@Prop() tuple: [string, string]\n\trender() {\n\t\treturn [<b>{this.tuple[0]}</b>, \": \", this.tuple[1], <br />]\n\t}\n}\n"]}

package/dist/collection/components/urlencoded/index.js

@@ -32,3 +32,4 @@ export class Urlencoded {
     };
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/urlencoded/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/urlencoded/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAKlD,MAAM,OAAO,UAAU;;;;EAEtB,MAAM;IACL,OAAO,IAAI,CAAC,IAAI;OACd,KAAK,CAAC,GAAG,CAAC;OACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAqB,CAAC;OAC1C,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,sBAAgB,KAAK,EAAE,KAAK,GAAmB,CAAC,CAAA;EAChE,CAAC;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-urlencoded\",\n})\nexport class Urlencoded {\n\t@Prop() data: string // TODO: Consider using a specific type for this\n\trender() {\n\t\treturn this.data\n\t\t\t.split(\"&\")\n\t\t\t.map(p => p.split(\"=\") as [string, string])\n\t\t\t.map(tuple => <smoothly-tuple tuple={tuple}></smoothly-tuple>)\n\t}\n}\n"]}

package/dist/collection/index.js

@@ -1,3 +1,4 @@
 export { App, redirect } from "./components/App";
 export { ClientIdentifier, GoogleFont, Message, Notice, Trigger, Listenable, } from "./model";
 export { Cosmetic } from "./utilities";
+//# sourceMappingURL=index.js.map