smoothly 1.2.1-alpha.55 → 1.2.1-alpha.56

package/dist/components/{p-2f04e84f.js → p-ed0b2856.js}

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-f765921a.js
 import { A as And, P as Property, W as Within, C as Contains, c as Is, d as contains, w as within, b as property, R as Rule, a as and } from './p-caf09da9.js';
 import { i as is } from './p-5ae9e20e.js';
 import { s as string } from './p-d471066b.js';
-import { d as defineCustomElement$3 } from './p-8e748704.js';
-import { d as defineCustomElement$2 } from './p-036a11dd.js';
-import { d as defineCustomElement$1 } from './p-9040a584.js';
+import { d as defineCustomElement$3 } from './p-7f7c4cf3.js';
+import { d as defineCustomElement$2 } from './p-7d547395.js';
+import { d as defineCustomElement$1 } from './p-4325ac30.js';
 
 const styleCss = ".sc-smoothly-filter-select-h{display:contents}.sc-smoothly-filter-select-h>smoothly-input-select.sc-smoothly-filter-select{flex-grow:1;width:12.5em}.options.sc-smoothly-filter-select{border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}";
 const SmoothlyFilterSelectStyle0 = styleCss;
@@ -155,4 +155,4 @@ defineCustomElement();
 
 export { SmoothlyFilterSelect as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-2f04e84f.js.map
+//# sourceMappingURL=p-ed0b2856.js.map

package/dist/components/{p-2f04e84f.js.map → p-ed0b2856.js.map}

@@ -1 +1 @@
-{"file":"p-2f04e84f.js","mappings":"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","names":["selectively.And","selectively.Property","selectively.Within","selectively.Contains","selectively.Is","selectively.Rule","selectively.and","isly.string","selectively.contains","selectively.within","selectively.is","selectively.property"],"sources":["src/components/filter/select/style.css?tag=smoothly-filter-select&encapsulation=scoped","src/components/filter/select/index.tsx"],"sourcesContent":[":host {\n\tdisplay: contents;\n}\n\n:host>smoothly-input-select {\n\tflex-grow: 1;\n\twidth: 12.5em;\n}\n\n.options {\n\tborder: rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;\n\tborder-top: rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { isly } from \"isly\"\nimport { Editable } from \"../../input/Editable\"\nimport { Looks } from \"../../input/Looks\"\nimport { Filter } from \"../Filter\"\n\n@Component({\n\ttag: \"smoothly-filter-select\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterSelect implements Filter {\n\tprivate selectElement?: HTMLSmoothlyInputSelectElement\n\tupdating = false\n\titems: Map<string, { state: Record<string, any>; item: HTMLSmoothlyItemElement }> = new Map<\n\t\tstring,\n\t\t{ state: Record<string, any>; item: HTMLSmoothlyItemElement }\n\t>()\n\t@Element() element: HTMLSmoothlyFilterSelectElement\n\t@Prop() label: string\n\t@Prop() property: string\n\t@Prop() menuHeight?: `${number}items` | `${number}rem` | `${number}px` | `${number}vh` | undefined\n\t@Prop() multiple = false\n\t@Prop() type: \"array\" | \"string\" = \"string\"\n\t@Prop({ mutable: true }) looks?: Looks\n\t@Event() smoothlyFilterUpdate: EventEmitter<Filter.Update>\n\t@Event() smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks) => void>\n\tcomponentWillLoad() {\n\t\tthis.smoothlyInputLooks.emit(looks => (this.looks = this.looks ?? looks))\n\t}\n\tasync componentDidLoad() {\n\t\tthis.smoothlyFilterUpdate.emit(this.update.bind(this))\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(_: CustomEvent<(parent: Editable) => void>): Promise<void> {\n\t\t;(await this.selectElement?.getItems())?.forEach(item =>\n\t\t\tthis.items.set(item.value, {\n\t\t\t\tstate: this.property.split(\".\").reduceRight((r, e) => ({ [e]: r }), item.value),\n\t\t\t\titem,\n\t\t\t})\n\t\t)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks?: Looks) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this.looks)\n\t\t}\n\t}\n\tupdate(expression: selectively.Criteria): void {\n\t\tthis.updating = true\n\t\tif (expression instanceof selectively.And && expression.rules.length > 0)\n\t\t\tfor (const item of this.items.values()) {\n\t\t\t\tconst selected = expression.rules.some(\n\t\t\t\t\tr =>\n\t\t\t\t\t\tthis.isCriteria(r, this.property, item.state) &&\n\t\t\t\t\t\t(this.type == \"array\" ? this.findInstanceOf(r, this.property) : r.is(item.state))\n\t\t\t\t)\n\t\t\t\titem.item.selected = selected\n\t\t\t}\n\t\telse\n\t\t\tthis.items.forEach(item => (item.item.selected = false))\n\t\tthis.updating = false\n\t}\n\tprivate isCriteria(criteria: selectively.Rule | undefined, key: string, value: Record<string, any> | any): boolean {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\tconst result =\n\t\t\tcriteria instanceof selectively.Property && criteria.name == property\n\t\t\t\t? this.isCriteria(criteria.criteria, rest.join(\".\"), value[property])\n\t\t\t\t: this.multiple\n\t\t\t\t? (criteria instanceof selectively.Within && criteria.value.some(e => e == value)) ||\n\t\t\t\t  (this.type == \"array\" && criteria instanceof selectively.Contains && criteria.criteria.some(e => e == value))\n\t\t\t\t: criteria instanceof selectively.Is && criteria.value == value\n\t\treturn result\n\t}\n\tselectHandler(event: CustomEvent<Record<string, unknown>>) {\n\t\tevent.stopPropagation()\n\t\tif (!this.updating) {\n\t\t\tconst argument = event.detail[this.property]\n\t\t\tconst manipulate = (criteria: selectively.Criteria): selectively.Criteria => {\n\t\t\t\tlet result: selectively.Criteria = criteria\n\t\t\t\tconst newCriteria = this.getCriteria(argument)\n\t\t\t\tif (!(result instanceof selectively.Rule))\n\t\t\t\t\tresult = newCriteria ? selectively.and(result, newCriteria) : result\n\t\t\t\telse if (result instanceof selectively.And) {\n\t\t\t\t\tconst index = result.rules.findIndex(r => this.findInstanceOf(r, this.property))\n\t\t\t\t\t!newCriteria && index >= 0\n\t\t\t\t\t\t? result.rules.splice(index, 1)\n\t\t\t\t\t\t: !newCriteria\n\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t: index == -1\n\t\t\t\t\t\t? result.rules.push(newCriteria)\n\t\t\t\t\t\t: (result.rules[index] = newCriteria)\n\t\t\t\t\tresult = selectively.and(...result.rules)\n\t\t\t\t}\n\t\t\t\treturn result\n\t\t\t}\n\t\t\tthis.smoothlyFilterManipulate.emit(manipulate.bind(this))\n\t\t}\n\t}\n\tfindInstanceOf(criteria: selectively.Criteria, key: string): boolean {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\treturn (\n\t\t\tcriteria instanceof selectively.Property &&\n\t\t\tcriteria.name == property &&\n\t\t\t(criteria.criteria instanceof selectively.Within ||\n\t\t\t\tcriteria.criteria instanceof selectively.Is ||\n\t\t\t\tcriteria.criteria instanceof selectively.Contains ||\n\t\t\t\t(criteria.criteria instanceof selectively.Property && this.findInstanceOf(criteria.criteria, rest.join(\".\"))))\n\t\t)\n\t}\n\tprivate getCriteria(detail: unknown): selectively.Rule | undefined {\n\t\tlet result: selectively.Criteria | undefined\n\t\tif (this.multiple && isly.string().array({ criteria: \"minLength\", value: 1 }).is(detail))\n\t\t\tresult = this.type == \"array\" ? selectively.contains(detail) : selectively.within(detail)\n\t\telse if (typeof detail == \"string\")\n\t\t\tresult = selectively.is(detail)\n\t\telse\n\t\t\tresult = undefined\n\t\treturn result && this.property.split(\".\").reduceRight((r, e) => selectively.property(e, r), result)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-input-select\n\t\t\t\tref={e => (this.selectElement = e)}\n\t\t\t\tname={this.property}\n\t\t\t\tlooks={this.looks}\n\t\t\t\tmultiple={this.multiple}\n\t\t\t\tmenuHeight={this.menuHeight}\n\t\t\t\tonSmoothlyInputLooks={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyItemSelect={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyInput={e => this.selectHandler(e)}>\n\t\t\t\t{this.label && (\n\t\t\t\t\t<span slot=\"label\">\n\t\t\t\t\t\t{[this.label.slice(0, 1).toUpperCase(), this.label.slice(1, this.label.length)].join(\"\")}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<slot name=\"items\"></slot>\n\t\t\t</smoothly-input-select>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-ed0b2856.js","mappings":"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","names":["selectively.And","selectively.Property","selectively.Within","selectively.Contains","selectively.Is","selectively.Rule","selectively.and","isly.string","selectively.contains","selectively.within","selectively.is","selectively.property"],"sources":["src/components/filter/select/style.css?tag=smoothly-filter-select&encapsulation=scoped","src/components/filter/select/index.tsx"],"sourcesContent":[":host {\n\tdisplay: contents;\n}\n\n:host>smoothly-input-select {\n\tflex-grow: 1;\n\twidth: 12.5em;\n}\n\n.options {\n\tborder: rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;\n\tborder-top: rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { isly } from \"isly\"\nimport { Editable } from \"../../input/Editable\"\nimport { Looks } from \"../../input/Looks\"\nimport { Filter } from \"../Filter\"\n\n@Component({\n\ttag: \"smoothly-filter-select\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterSelect implements Filter {\n\tprivate selectElement?: HTMLSmoothlyInputSelectElement\n\tupdating = false\n\titems: Map<string, { state: Record<string, any>; item: HTMLSmoothlyItemElement }> = new Map<\n\t\tstring,\n\t\t{ state: Record<string, any>; item: HTMLSmoothlyItemElement }\n\t>()\n\t@Element() element: HTMLSmoothlyFilterSelectElement\n\t@Prop() label: string\n\t@Prop() property: string\n\t@Prop() menuHeight?: `${number}items` | `${number}rem` | `${number}px` | `${number}vh` | undefined\n\t@Prop() multiple = false\n\t@Prop() type: \"array\" | \"string\" = \"string\"\n\t@Prop({ mutable: true }) looks?: Looks\n\t@Event() smoothlyFilterUpdate: EventEmitter<Filter.Update>\n\t@Event() smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks) => void>\n\tcomponentWillLoad() {\n\t\tthis.smoothlyInputLooks.emit(looks => (this.looks = this.looks ?? looks))\n\t}\n\tasync componentDidLoad() {\n\t\tthis.smoothlyFilterUpdate.emit(this.update.bind(this))\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(_: CustomEvent<(parent: Editable) => void>): Promise<void> {\n\t\t;(await this.selectElement?.getItems())?.forEach(item =>\n\t\t\tthis.items.set(item.value, {\n\t\t\t\tstate: this.property.split(\".\").reduceRight((r, e) => ({ [e]: r }), item.value),\n\t\t\t\titem,\n\t\t\t})\n\t\t)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks?: Looks) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this.looks)\n\t\t}\n\t}\n\tupdate(expression: selectively.Criteria): void {\n\t\tthis.updating = true\n\t\tif (expression instanceof selectively.And && expression.rules.length > 0)\n\t\t\tfor (const item of this.items.values()) {\n\t\t\t\tconst selected = expression.rules.some(\n\t\t\t\t\tr =>\n\t\t\t\t\t\tthis.isCriteria(r, this.property, item.state) &&\n\t\t\t\t\t\t(this.type == \"array\" ? this.findInstanceOf(r, this.property) : r.is(item.state))\n\t\t\t\t)\n\t\t\t\titem.item.selected = selected\n\t\t\t}\n\t\telse\n\t\t\tthis.items.forEach(item => (item.item.selected = false))\n\t\tthis.updating = false\n\t}\n\tprivate isCriteria(criteria: selectively.Rule | undefined, key: string, value: Record<string, any> | any): boolean {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\tconst result =\n\t\t\tcriteria instanceof selectively.Property && criteria.name == property\n\t\t\t\t? this.isCriteria(criteria.criteria, rest.join(\".\"), value[property])\n\t\t\t\t: this.multiple\n\t\t\t\t? (criteria instanceof selectively.Within && criteria.value.some(e => e == value)) ||\n\t\t\t\t  (this.type == \"array\" && criteria instanceof selectively.Contains && criteria.criteria.some(e => e == value))\n\t\t\t\t: criteria instanceof selectively.Is && criteria.value == value\n\t\treturn result\n\t}\n\tselectHandler(event: CustomEvent<Record<string, unknown>>) {\n\t\tevent.stopPropagation()\n\t\tif (!this.updating) {\n\t\t\tconst argument = event.detail[this.property]\n\t\t\tconst manipulate = (criteria: selectively.Criteria): selectively.Criteria => {\n\t\t\t\tlet result: selectively.Criteria = criteria\n\t\t\t\tconst newCriteria = this.getCriteria(argument)\n\t\t\t\tif (!(result instanceof selectively.Rule))\n\t\t\t\t\tresult = newCriteria ? selectively.and(result, newCriteria) : result\n\t\t\t\telse if (result instanceof selectively.And) {\n\t\t\t\t\tconst index = result.rules.findIndex(r => this.findInstanceOf(r, this.property))\n\t\t\t\t\t!newCriteria && index >= 0\n\t\t\t\t\t\t? result.rules.splice(index, 1)\n\t\t\t\t\t\t: !newCriteria\n\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t: index == -1\n\t\t\t\t\t\t? result.rules.push(newCriteria)\n\t\t\t\t\t\t: (result.rules[index] = newCriteria)\n\t\t\t\t\tresult = selectively.and(...result.rules)\n\t\t\t\t}\n\t\t\t\treturn result\n\t\t\t}\n\t\t\tthis.smoothlyFilterManipulate.emit(manipulate.bind(this))\n\t\t}\n\t}\n\tfindInstanceOf(criteria: selectively.Criteria, key: string): boolean {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\treturn (\n\t\t\tcriteria instanceof selectively.Property &&\n\t\t\tcriteria.name == property &&\n\t\t\t(criteria.criteria instanceof selectively.Within ||\n\t\t\t\tcriteria.criteria instanceof selectively.Is ||\n\t\t\t\tcriteria.criteria instanceof selectively.Contains ||\n\t\t\t\t(criteria.criteria instanceof selectively.Property && this.findInstanceOf(criteria.criteria, rest.join(\".\"))))\n\t\t)\n\t}\n\tprivate getCriteria(detail: unknown): selectively.Rule | undefined {\n\t\tlet result: selectively.Criteria | undefined\n\t\tif (this.multiple && isly.string().array({ criteria: \"minLength\", value: 1 }).is(detail))\n\t\t\tresult = this.type == \"array\" ? selectively.contains(detail) : selectively.within(detail)\n\t\telse if (typeof detail == \"string\")\n\t\t\tresult = selectively.is(detail)\n\t\telse\n\t\t\tresult = undefined\n\t\treturn result && this.property.split(\".\").reduceRight((r, e) => selectively.property(e, r), result)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-input-select\n\t\t\t\tref={e => (this.selectElement = e)}\n\t\t\t\tname={this.property}\n\t\t\t\tlooks={this.looks}\n\t\t\t\tmultiple={this.multiple}\n\t\t\t\tmenuHeight={this.menuHeight}\n\t\t\t\tonSmoothlyInputLooks={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyItemSelect={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyInput={e => this.selectHandler(e)}>\n\t\t\t\t{this.label && (\n\t\t\t\t\t<span slot=\"label\">\n\t\t\t\t\t\t{[this.label.slice(0, 1).toUpperCase(), this.label.slice(1, this.label.length)].join(\"\")}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<slot name=\"items\"></slot>\n\t\t\t</smoothly-input-select>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-c090ac4b.js → p-ee61f718.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { S as Scrollable } from './p-47ea6b68.js';
-import { d as defineCustomElement$1 } from './p-8e748704.js';
+import { d as defineCustomElement$1 } from './p-7f7c4cf3.js';
 
 const styleCss = ".sc-smoothly-back-to-top-h{background-color:rgba(var(--smoothly-default-color), 1);opacity:var(--opacity);pointer-events:var(--pointer-events);transition:opacity 400ms;z-index:3;border-radius:50%;box-shadow:var(--smoothly-shadow);height:3rem;width:3rem;position:fixed;bottom:var(--bottom);right:var(--right);outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center}";
 const SmoothlyBackToTopStyle0 = styleCss;
@@ -68,4 +68,4 @@ defineCustomElement();
 
 export { SmoothlyBackToTop as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-c090ac4b.js.map
+//# sourceMappingURL=p-ee61f718.js.map

package/dist/components/{p-c090ac4b.js.map → p-ee61f718.js.map}

@@ -1 +1 @@
-{"file":"p-c090ac4b.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,yYAAyY,CAAC;AAC3Z,gCAAe,QAAQ;;MCOV,iBAAiB;;;;uBAGX,KAAK;sBACN,MAAM;qBACP,MAAM;;;IAEtB,iBAAiB;;QAChB,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3D,MAAA,IAAI,CAAC,gBAAgB,0CAAE,gBAAgB,CAAC,QAAQ,EAAE;;YACjD,IAAI,CAAC,OAAO,GAAG,CAAC,MAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,mCAAI,CAAC,IAAI,EAAE,CAAA;SAC3D,CAAC,CAAA;KACF;IACD,MAAM;QACL,MAAM,YAAY,GAAG;YACpB,WAAW,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG;YAC9C,kBAAkB,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM;YAClD,UAAU,EAAE,IAAI,CAAC,MAAM;YACvB,SAAS,EAAE,IAAI,CAAC,KAAK;SACrB,CAAA;QACD,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE;;gBACR,OAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,QAAQ,CAAC;oBAC/B,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,QAAQ,EAAE,QAAQ;iBAClB,CAAC,CAAA;aAAA,IAEH,sEAAe,IAAI,EAAC,kBAAkB,GAAiB,CACjD,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/back-to-top/style.scss?tag=smoothly-back-to-top&encapsulation=scoped","src/components/back-to-top/index.tsx"],"sourcesContent":[":host {\n\tbackground-color: rgba(var(--smoothly-default-color), 1);\n\topacity: var(--opacity);\n\tpointer-events: var(--pointer-events);\n\ttransition: opacity 400ms;\n\tz-index: 3;\n\tborder-radius: 50%;\n\tbox-shadow: var(--smoothly-shadow);\n\theight: 3rem;\n\twidth: 3rem;\n\tposition: fixed;\n\tbottom: var(--bottom);\n\tright: var(--right);\n\toutline: none;\n\tcursor: pointer;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n","import { Component, Element, h, Host, Prop, State } from \"@stencil/core\"\nimport { Scrollable } from \"../../model/Scrollable\"\n\n@Component({\n\ttag: \"smoothly-back-to-top\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyBackToTop {\n\tprivate scrollableParent?: HTMLElement\n\t@Element() element: HTMLSmoothlyBackToTopElement\n\t@Prop() opacity = \"0.5\"\n\t@Prop() bottom = \"1rem\"\n\t@Prop() right = \"1rem\"\n\t@State() visible: boolean\n\tcomponentWillLoad() {\n\t\tthis.scrollableParent = Scrollable.findParent(this.element)\n\t\tthis.scrollableParent?.addEventListener(\"scroll\", () => {\n\t\t\tthis.visible = (this.scrollableParent?.scrollTop ?? 0) > 20\n\t\t})\n\t}\n\trender() {\n\t\tconst cssVariables = {\n\t\t\t\"--opacity\": this.visible ? this.opacity : \"0\",\n\t\t\t\"--pointer-events\": this.visible ? \"auto\" : \"none\",\n\t\t\t\"--bottom\": this.bottom,\n\t\t\t\"--right\": this.right,\n\t\t}\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={cssVariables}\n\t\t\t\tonClick={() =>\n\t\t\t\t\tthis.scrollableParent?.scrollTo({\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tbehavior: \"smooth\",\n\t\t\t\t\t})\n\t\t\t\t}>\n\t\t\t\t<smoothly-icon name=\"caret-up-outline\"></smoothly-icon>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-ee61f718.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,yYAAyY,CAAC;AAC3Z,gCAAe,QAAQ;;MCOV,iBAAiB;;;;uBAGX,KAAK;sBACN,MAAM;qBACP,MAAM;;;IAEtB,iBAAiB;;QAChB,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3D,MAAA,IAAI,CAAC,gBAAgB,0CAAE,gBAAgB,CAAC,QAAQ,EAAE;;YACjD,IAAI,CAAC,OAAO,GAAG,CAAC,MAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,mCAAI,CAAC,IAAI,EAAE,CAAA;SAC3D,CAAC,CAAA;KACF;IACD,MAAM;QACL,MAAM,YAAY,GAAG;YACpB,WAAW,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG;YAC9C,kBAAkB,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM;YAClD,UAAU,EAAE,IAAI,CAAC,MAAM;YACvB,SAAS,EAAE,IAAI,CAAC,KAAK;SACrB,CAAA;QACD,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE;;gBACR,OAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,QAAQ,CAAC;oBAC/B,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,QAAQ,EAAE,QAAQ;iBAClB,CAAC,CAAA;aAAA,IAEH,sEAAe,IAAI,EAAC,kBAAkB,GAAiB,CACjD,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/back-to-top/style.scss?tag=smoothly-back-to-top&encapsulation=scoped","src/components/back-to-top/index.tsx"],"sourcesContent":[":host {\n\tbackground-color: rgba(var(--smoothly-default-color), 1);\n\topacity: var(--opacity);\n\tpointer-events: var(--pointer-events);\n\ttransition: opacity 400ms;\n\tz-index: 3;\n\tborder-radius: 50%;\n\tbox-shadow: var(--smoothly-shadow);\n\theight: 3rem;\n\twidth: 3rem;\n\tposition: fixed;\n\tbottom: var(--bottom);\n\tright: var(--right);\n\toutline: none;\n\tcursor: pointer;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n","import { Component, Element, h, Host, Prop, State } from \"@stencil/core\"\nimport { Scrollable } from \"../../model/Scrollable\"\n\n@Component({\n\ttag: \"smoothly-back-to-top\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyBackToTop {\n\tprivate scrollableParent?: HTMLElement\n\t@Element() element: HTMLSmoothlyBackToTopElement\n\t@Prop() opacity = \"0.5\"\n\t@Prop() bottom = \"1rem\"\n\t@Prop() right = \"1rem\"\n\t@State() visible: boolean\n\tcomponentWillLoad() {\n\t\tthis.scrollableParent = Scrollable.findParent(this.element)\n\t\tthis.scrollableParent?.addEventListener(\"scroll\", () => {\n\t\t\tthis.visible = (this.scrollableParent?.scrollTop ?? 0) > 20\n\t\t})\n\t}\n\trender() {\n\t\tconst cssVariables = {\n\t\t\t\"--opacity\": this.visible ? this.opacity : \"0\",\n\t\t\t\"--pointer-events\": this.visible ? \"auto\" : \"none\",\n\t\t\t\"--bottom\": this.bottom,\n\t\t\t\"--right\": this.right,\n\t\t}\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={cssVariables}\n\t\t\t\tonClick={() =>\n\t\t\t\t\tthis.scrollableParent?.scrollTo({\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tbehavior: \"smooth\",\n\t\t\t\t\t})\n\t\t\t\t}>\n\t\t\t\t<smoothly-icon name=\"caret-up-outline\"></smoothly-icon>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-a14e7882.js → p-f1cc5346.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-f765921a.js';
-import { d as defineCustomElement$2 } from './p-484c8e9f.js';
-import { d as defineCustomElement$1 } from './p-b09ce609.js';
+import { d as defineCustomElement$2 } from './p-8325e020.js';
+import { d as defineCustomElement$1 } from './p-e54d19d9.js';
 
 const styleCss = ".sc-smoothly-next-table-filler-row-h{grid-column:1 / -1}";
 const SmoothlyNextTableFillerRowStyle0 = styleCss;
@@ -11,7 +11,7 @@ const SmoothlyNextTableFillerRow = proxyCustomElement(class SmoothlyNextTableFil
         this.__registerHost();
     }
     render() {
-        return (h("smoothly-next-table-row", { key: 'f70c6c5d3585ac1671d4627fa3c3416bc290529c' }, h("smoothly-next-table-cell", { key: '0aa925e178ad8d5e538c4adbf440946b33b59212' }, h("slot", { key: 'b7cab380329b4de0a7a9e05beb38e8a23d734e48' }))));
+        return (h("smoothly-next-table-row", { key: '5f4ba87733659bda82336e0ff7687bde6e5e1030' }, h("smoothly-next-table-cell", { key: '48a3a02cebf9872e815357079ac37ea63a34b0a6' }, h("slot", { key: '98a43cc284cf931474ac86c4754451b8f5407d97' }))));
     }
     static get style() { return SmoothlyNextTableFillerRowStyle0; }
 }, [6, "smoothly-next-table-filler-row"]);
@@ -42,4 +42,4 @@ defineCustomElement();
 
 export { SmoothlyNextTableFillerRow as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-a14e7882.js.map
+//# sourceMappingURL=p-f1cc5346.js.map

package/dist/components/{p-a14e7882.js.map → p-f1cc5346.js.map}

@@ -1 +1 @@
-{"file":"p-a14e7882.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,0DAA0D,CAAC;AAC5E,yCAAe,QAAQ;;MCMV,0BAA0B;;;;;IACtC,MAAM;QACL,QACC,kFACC,mFACC,8DAAQ,CACkB,CACF,EAC1B;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/table/fillerRow/style.css?tag=smoothly-next-table-filler-row&encapsulation=scoped","src/components/next/table/fillerRow/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n}\n","import { Component, h, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-table-filler-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextTableFillerRow {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<smoothly-next-table-row>\n\t\t\t\t<smoothly-next-table-cell>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-next-table-cell>\n\t\t\t</smoothly-next-table-row>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-f1cc5346.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,0DAA0D,CAAC;AAC5E,yCAAe,QAAQ;;MCMV,0BAA0B;;;;;IACtC,MAAM;QACL,QACC,kFACC,mFACC,8DAAQ,CACkB,CACF,EAC1B;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/table/fillerRow/style.css?tag=smoothly-next-table-filler-row&encapsulation=scoped","src/components/next/table/fillerRow/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n}\n","import { Component, h, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-table-filler-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextTableFillerRow {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<smoothly-next-table-row>\n\t\t\t\t<smoothly-next-table-cell>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-next-table-cell>\n\t\t\t</smoothly-next-table-row>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-635413e0.js → p-f815774c.js}

@@ -28,7 +28,7 @@ const SmoothlyTabs = proxyCustomElement(class SmoothlyTabs extends H {
             old.open = false;
     }
     render() {
-        return (h(Host, { key: '03c4aac613f91d7e18c8ab96c9ae797a468da427', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: '5984c55b9acfbb1b1980223c62f4ecaff0009cec' })));
+        return (h(Host, { key: 'a5b7b0582045c02167439c2fcec55f86f4fa9b33', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: '50e183b3c4b2d4e30408503415186348db3021e1' })));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -58,4 +58,4 @@ defineCustomElement();
 
 export { SmoothlyTabs as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-635413e0.js.map
+//# sourceMappingURL=p-f815774c.js.map

package/dist/components/{p-635413e0.js.map → p-f815774c.js.map}

@@ -1 +1 @@
-{"file":"p-635413e0.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,gHAAgH,CAAC;AAClI,2BAAe,QAAQ;;MCMV,YAAY;;;;;oBAEO,EAAE;;;IAKjC,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,YAAYA,CAAW,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YAC7E,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;SACxC;KACD;IAGD,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAgC,CAAA;YAC7D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;SACvC;KACD;IAED,gBAAgB,CAAC,KAA6B,EAAE,GAA2B;QAC1E,IAAI,GAAG;YACN,GAAG,CAAC,IAAI,GAAG,KAAK,CAAA;KACjB;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAC/C,8DAAa,CACP,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HTMLElement"],"sources":["src/components/tabs/style.css?tag=smoothly-tabs&encapsulation=scoped","src/components/tabs/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--tabs), auto);\n\tgrid-template-rows: auto auto;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, State, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabs {\n\t@Element() element: HTMLSmoothlyTabsElement\n\t@State() tabs: HTMLElement[] = []\n\t@State() selectedElement: HTMLSmoothlyTabElement\n\t@Event() smoothlyTabOpen: EventEmitter<string>\n\n\t@Listen(\"smoothlyTabLoad\")\n\tonInputLoad(event: CustomEvent) {\n\t\tif (event.target instanceof HTMLElement && !this.tabs.includes(event.target)) {\n\t\t\tthis.tabs = [...this.tabs, event.target]\n\t\t}\n\t}\n\n\t@Listen(\"smoothlyTabOpen\")\n\topenChanged(event: CustomEvent) {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.selectedElement = event.target as HTMLSmoothlyTabElement\n\t\t\tthis.smoothlyTabOpen.emit(event.detail)\n\t\t}\n\t}\n\t@Watch(\"selectedElement\")\n\tonSelectedChange(value: HTMLSmoothlyTabElement, old: HTMLSmoothlyTabElement) {\n\t\tif (old)\n\t\t\told.open = false\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host style={{ \"--tabs\": `${this.tabs.length}` }}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-f815774c.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,gHAAgH,CAAC;AAClI,2BAAe,QAAQ;;MCMV,YAAY;;;;;oBAEO,EAAE;;;IAKjC,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,YAAYA,CAAW,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YAC7E,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;SACxC;KACD;IAGD,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAgC,CAAA;YAC7D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;SACvC;KACD;IAED,gBAAgB,CAAC,KAA6B,EAAE,GAA2B;QAC1E,IAAI,GAAG;YACN,GAAG,CAAC,IAAI,GAAG,KAAK,CAAA;KACjB;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAC/C,8DAAa,CACP,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HTMLElement"],"sources":["src/components/tabs/style.css?tag=smoothly-tabs&encapsulation=scoped","src/components/tabs/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--tabs), auto);\n\tgrid-template-rows: auto auto;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, State, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabs {\n\t@Element() element: HTMLSmoothlyTabsElement\n\t@State() tabs: HTMLElement[] = []\n\t@State() selectedElement: HTMLSmoothlyTabElement\n\t@Event() smoothlyTabOpen: EventEmitter<string>\n\n\t@Listen(\"smoothlyTabLoad\")\n\tonInputLoad(event: CustomEvent) {\n\t\tif (event.target instanceof HTMLElement && !this.tabs.includes(event.target)) {\n\t\t\tthis.tabs = [...this.tabs, event.target]\n\t\t}\n\t}\n\n\t@Listen(\"smoothlyTabOpen\")\n\topenChanged(event: CustomEvent) {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.selectedElement = event.target as HTMLSmoothlyTabElement\n\t\t\tthis.smoothlyTabOpen.emit(event.detail)\n\t\t}\n\t}\n\t@Watch(\"selectedElement\")\n\tonSelectedChange(value: HTMLSmoothlyTabElement, old: HTMLSmoothlyTabElement) {\n\t\tif (old)\n\t\t\told.open = false\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host style={{ \"--tabs\": `${this.tabs.length}` }}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-a3f22345.js → p-f9c491ef.js}

@@ -1,45 +1,46 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$F } from './p-7d0eafb0.js';
-import { d as defineCustomElement$E } from './p-8e13449b.js';
-import { d as defineCustomElement$D } from './p-c8f16f2f.js';
-import { d as defineCustomElement$C } from './p-4f80c811.js';
-import { d as defineCustomElement$B } from './p-f770567b.js';
-import { d as defineCustomElement$A } from './p-96acfe2c.js';
-import { d as defineCustomElement$z } from './p-f46dd8e4.js';
-import { d as defineCustomElement$y } from './p-4c6fe645.js';
-import { d as defineCustomElement$x } from './p-6f3fa567.js';
-import { d as defineCustomElement$w } from './p-43d0c1ec.js';
-import { d as defineCustomElement$v } from './p-8bf3df8f.js';
-import { d as defineCustomElement$u } from './p-258504c6.js';
-import { d as defineCustomElement$t } from './p-e358e53c.js';
-import { d as defineCustomElement$s } from './p-20f60ede.js';
-import { d as defineCustomElement$r } from './p-85265529.js';
-import { d as defineCustomElement$q } from './p-d0d172ed.js';
-import { d as defineCustomElement$p } from './p-0025863f.js';
-import { d as defineCustomElement$o } from './p-697c3178.js';
-import { d as defineCustomElement$n } from './p-1f93537e.js';
-import { d as defineCustomElement$m } from './p-8e748704.js';
-import { d as defineCustomElement$l } from './p-0ac899b2.js';
-import { d as defineCustomElement$k } from './p-9cb820c5.js';
-import { d as defineCustomElement$j } from './p-2072c622.js';
-import { d as defineCustomElement$i } from './p-6acdcb78.js';
-import { d as defineCustomElement$h } from './p-17794f14.js';
-import { d as defineCustomElement$g } from './p-b95db1c4.js';
-import { d as defineCustomElement$f } from './p-aeb593b8.js';
-import { d as defineCustomElement$e } from './p-4290c3dc.js';
-import { d as defineCustomElement$d } from './p-285fe73a.js';
-import { d as defineCustomElement$c } from './p-20881197.js';
-import { d as defineCustomElement$b } from './p-56235c3f.js';
-import { d as defineCustomElement$a } from './p-2dcd7532.js';
-import { d as defineCustomElement$9 } from './p-36365329.js';
-import { d as defineCustomElement$8 } from './p-036a11dd.js';
-import { d as defineCustomElement$7 } from './p-9088d27f.js';
-import { d as defineCustomElement$6 } from './p-9040a584.js';
-import { d as defineCustomElement$5 } from './p-dfde995c.js';
-import { d as defineCustomElement$4 } from './p-8f277683.js';
-import { d as defineCustomElement$3 } from './p-78f4df54.js';
-import { d as defineCustomElement$2 } from './p-635413e0.js';
-import { d as defineCustomElement$1 } from './p-b83c0cdb.js';
+import { d as defineCustomElement$G } from './p-7d0eafb0.js';
+import { d as defineCustomElement$F } from './p-cb083b20.js';
+import { d as defineCustomElement$E } from './p-7962c1af.js';
+import { d as defineCustomElement$D } from './p-4f80c811.js';
+import { d as defineCustomElement$C } from './p-f770567b.js';
+import { d as defineCustomElement$B } from './p-96acfe2c.js';
+import { d as defineCustomElement$A } from './p-f46dd8e4.js';
+import { d as defineCustomElement$z } from './p-4c6fe645.js';
+import { d as defineCustomElement$y } from './p-7c13984b.js';
+import { d as defineCustomElement$x } from './p-7baf0810.js';
+import { d as defineCustomElement$w } from './p-35080dc5.js';
+import { d as defineCustomElement$v } from './p-7ba67f13.js';
+import { d as defineCustomElement$u } from './p-1204db0b.js';
+import { d as defineCustomElement$t } from './p-b747b713.js';
+import { d as defineCustomElement$s } from './p-d104367f.js';
+import { d as defineCustomElement$r } from './p-58d5e72e.js';
+import { d as defineCustomElement$q } from './p-6790f452.js';
+import { d as defineCustomElement$p } from './p-8e140c7a.js';
+import { d as defineCustomElement$o } from './p-e25aaa1d.js';
+import { d as defineCustomElement$n } from './p-ec959ba7.js';
+import { d as defineCustomElement$m } from './p-7f7c4cf3.js';
+import { d as defineCustomElement$l } from './p-d2aa1c38.js';
+import { d as defineCustomElement$k } from './p-aabc0016.js';
+import { d as defineCustomElement$j } from './p-cb45cc1f.js';
+import { d as defineCustomElement$i } from './p-c5ebb66b.js';
+import { d as defineCustomElement$h } from './p-a4c683f7.js';
+import { d as defineCustomElement$g } from './p-2240500f.js';
+import { d as defineCustomElement$f } from './p-3fcaa69d.js';
+import { d as defineCustomElement$e } from './p-07b733ab.js';
+import { d as defineCustomElement$d } from './p-194be519.js';
+import { d as defineCustomElement$c } from './p-a73d4047.js';
+import { d as defineCustomElement$b } from './p-e2de28a2.js';
+import { d as defineCustomElement$a } from './p-07d3ec9e.js';
+import { d as defineCustomElement$9 } from './p-e660be53.js';
+import { d as defineCustomElement$8 } from './p-7d547395.js';
+import { d as defineCustomElement$7 } from './p-5bf952c5.js';
+import { d as defineCustomElement$6 } from './p-4325ac30.js';
+import { d as defineCustomElement$5 } from './p-1070ed11.js';
+import { d as defineCustomElement$4 } from './p-558481f1.js';
+import { d as defineCustomElement$3 } from './p-9a61768f.js';
+import { d as defineCustomElement$2 } from './p-f815774c.js';
+import { d as defineCustomElement$1 } from './p-358396f3.js';
 
 const styleCss = ".sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:100%}";
 const SmoothlyFormDemoStyle0 = styleCss;
@@ -50,7 +51,7 @@ const SmoothlyFormDemo = proxyCustomElement(class SmoothlyFormDemo extends H {
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'f1ca7be120d87c8cdb9bd0c9121b7ccc2346d812' }, h("div", { key: '0a57eceabdcb885bb2b114c107bbdbf0297c4396' }, h("smoothly-form-demo-all", { key: 'ceedbb7ddd84562a8e4ee35e15b7b9ea51c8e979' }), h("smoothly-form-demo-pet", { key: '4cba93208eb3e1ef043a19713d08a286e705c5ff' }), h("smoothly-form-demo-card", { key: 'f5f566679b5dae179121e826534594daea439bc9' }), h("smoothly-form-demo-login", { key: 'befffde4476de1a6b3e5918fea806391482bfdd3' }), h("smoothly-form-demo-prices", { key: 'bd187e2eed55caf537cdb4383f2ef8d08de2de96' }), h("smoothly-form-demo-typed", { key: '3d059700b23d5cdb4bca6b133bec53b44bec85a3' }), h("smoothly-form-demo-transparent", { key: 'ebfb7021b446605a417d1ef7a839ddd7d565cc54' }), h("smoothly-form-demo-date", { key: 'a9af3ae6f5d7e4a71d3ebe4c1c3bf029fb2bb9b7' }), h("smoothly-form-demo-date-range", { key: '84c92fbabfb53309846028de50aa588004da1a03' }), h("smoothly-form-demo-controlled", { key: 'a137a49656c067babc3dfaf3768a4addf1d7fcdd' }))));
+        return (h(Host, { key: 'f1ca7be120d87c8cdb9bd0c9121b7ccc2346d812' }, h("div", { key: '0a57eceabdcb885bb2b114c107bbdbf0297c4396' }, h("smoothly-form-demo-all", { key: 'ceedbb7ddd84562a8e4ee35e15b7b9ea51c8e979' }), h("smoothly-form-demo-pet", { key: '4cba93208eb3e1ef043a19713d08a286e705c5ff' }), h("smoothly-form-demo-card", { key: 'f5f566679b5dae179121e826534594daea439bc9' }), h("smoothly-form-demo-login", { key: 'befffde4476de1a6b3e5918fea806391482bfdd3' }), h("smoothly-form-demo-prices", { key: 'bd187e2eed55caf537cdb4383f2ef8d08de2de96' }), h("smoothly-form-demo-typed", { key: '3d059700b23d5cdb4bca6b133bec53b44bec85a3' }), h("smoothly-form-demo-transparent", { key: 'ebfb7021b446605a417d1ef7a839ddd7d565cc54' }), h("smoothly-form-demo-date", { key: 'a9af3ae6f5d7e4a71d3ebe4c1c3bf029fb2bb9b7' }), h("smoothly-form-demo-schedule", { key: '2011739c48572e39e1eea2d330e1b04caf0ef94b' }), h("smoothly-form-demo-date-range", { key: '11317d1feb82c20fc09284cb996e55f80038ed2f' }), h("smoothly-form-demo-controlled", { key: 'd9ac6a284edbe2fe977abbe1947cf3412066cecb' }))));
     }
     static get style() { return SmoothlyFormDemoStyle0; }
 }, [2, "smoothly-form-demo"]);
@@ -58,7 +59,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["smoothly-form-demo", "smoothly-button", "smoothly-button-confirm", "smoothly-calendar", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-form", "smoothly-form-demo-all", "smoothly-form-demo-card", "smoothly-form-demo-controlled", "smoothly-form-demo-date", "smoothly-form-demo-date-range", "smoothly-form-demo-login", "smoothly-form-demo-pet", "smoothly-form-demo-prices", "smoothly-form-demo-transparent", "smoothly-form-demo-typed", "smoothly-icon", "smoothly-input", "smoothly-input-checkbox", "smoothly-input-clear", "smoothly-input-color", "smoothly-input-date", "smoothly-input-date-range", "smoothly-input-edit", "smoothly-input-file", "smoothly-input-month", "smoothly-input-radio", "smoothly-input-radio-item", "smoothly-input-range", "smoothly-input-reset", "smoothly-input-select", "smoothly-input-submit", "smoothly-item", "smoothly-spinner", "smoothly-summary", "smoothly-tab", "smoothly-tabs", "smoothly-toggle-switch"];
+    const components = ["smoothly-form-demo", "smoothly-button", "smoothly-button-confirm", "smoothly-calendar", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-form", "smoothly-form-demo-all", "smoothly-form-demo-card", "smoothly-form-demo-controlled", "smoothly-form-demo-date", "smoothly-form-demo-date-range", "smoothly-form-demo-login", "smoothly-form-demo-pet", "smoothly-form-demo-prices", "smoothly-form-demo-schedule", "smoothly-form-demo-transparent", "smoothly-form-demo-typed", "smoothly-icon", "smoothly-input", "smoothly-input-checkbox", "smoothly-input-clear", "smoothly-input-color", "smoothly-input-date", "smoothly-input-date-range", "smoothly-input-edit", "smoothly-input-file", "smoothly-input-month", "smoothly-input-radio", "smoothly-input-radio-item", "smoothly-input-range", "smoothly-input-reset", "smoothly-input-select", "smoothly-input-submit", "smoothly-item", "smoothly-spinner", "smoothly-summary", "smoothly-tab", "smoothly-tabs", "smoothly-toggle-switch"];
     components.forEach(tagName => { switch (tagName) {
         case "smoothly-form-demo":
             if (!customElements.get(tagName)) {
@@ -67,85 +68,90 @@ function defineCustomElement() {
             break;
         case "smoothly-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$F();
+                defineCustomElement$G();
             }
             break;
         case "smoothly-button-confirm":
             if (!customElements.get(tagName)) {
-                defineCustomElement$E();
+                defineCustomElement$F();
             }
             break;
         case "smoothly-calendar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$D();
+                defineCustomElement$E();
             }
             break;
         case "smoothly-display":
             if (!customElements.get(tagName)) {
-                defineCustomElement$C();
+                defineCustomElement$D();
             }
             break;
         case "smoothly-display-json":
             if (!customElements.get(tagName)) {
-                defineCustomElement$B();
+                defineCustomElement$C();
             }
             break;
         case "smoothly-display-json-object":
             if (!customElements.get(tagName)) {
-                defineCustomElement$A();
+                defineCustomElement$B();
             }
             break;
         case "smoothly-display-json-primitive":
             if (!customElements.get(tagName)) {
-                defineCustomElement$z();
+                defineCustomElement$A();
             }
             break;
         case "smoothly-display-json-record-key":
             if (!customElements.get(tagName)) {
-                defineCustomElement$y();
+                defineCustomElement$z();
             }
             break;
         case "smoothly-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$x();
+                defineCustomElement$y();
             }
             break;
         case "smoothly-form-demo-all":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$x();
             }
             break;
         case "smoothly-form-demo-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
         case "smoothly-form-demo-controlled":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "smoothly-form-demo-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "smoothly-form-demo-date-range":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "smoothly-form-demo-login":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "smoothly-form-demo-pet":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "smoothly-form-demo-prices":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
+            }
+            break;
+        case "smoothly-form-demo-schedule":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
@@ -276,4 +282,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-a3f22345.js.map
+//# sourceMappingURL=p-f9c491ef.js.map

package/dist/components/p-f9c491ef.js.map

@@ -0,0 +1 @@
+{"file":"p-f9c491ef.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,qKAAqK,CAAC;AACvL,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,gFAA0B,EAC1B,gFAA0B,EAC1B,iFAA2B,EAC3B,kFAA4B,EAC5B,mFAA6B,EAC7B,kFAA4B,EAC5B,wFAAkC,EAClC,iFAA2B,EAC3B,qFAA+B,EAC/B,uFAAiC,EACjC,uFAAiC,CAC5B,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/style.css?tag=smoothly-form-demo&encapsulation=scoped","src/components/form/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tmargin-top: 2em;\n\tmargin-bottom: 10em;\n}\n\n:host>div {\n\tmargin: auto;\n\twidth: 1200px;\n\tmax-width: 100%;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemo {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-form-demo-all />\n\t\t\t\t\t<smoothly-form-demo-pet />\n\t\t\t\t\t<smoothly-form-demo-card />\n\t\t\t\t\t<smoothly-form-demo-login />\n\t\t\t\t\t<smoothly-form-demo-prices />\n\t\t\t\t\t<smoothly-form-demo-typed />\n\t\t\t\t\t<smoothly-form-demo-transparent />\n\t\t\t\t\t<smoothly-form-demo-date />\n\t\t\t\t\t<smoothly-form-demo-schedule />\n\t\t\t\t\t<smoothly-form-demo-date-range />\n\t\t\t\t\t<smoothly-form-demo-controlled />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-78332392.js → p-fb11d1db.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$6 } from './p-59595cb3.js';
-import { d as defineCustomElement$5 } from './p-9344bf25.js';
-import { d as defineCustomElement$4 } from './p-484c8e9f.js';
-import { d as defineCustomElement$3 } from './p-04b7f978.js';
-import { d as defineCustomElement$2 } from './p-22fe3436.js';
-import { d as defineCustomElement$1 } from './p-b09ce609.js';
+import { d as defineCustomElement$6 } from './p-20d5fac8.js';
+import { d as defineCustomElement$5 } from './p-a26360d7.js';
+import { d as defineCustomElement$4 } from './p-8325e020.js';
+import { d as defineCustomElement$3 } from './p-8f43fcdd.js';
+import { d as defineCustomElement$2 } from './p-62ab1899.js';
+import { d as defineCustomElement$1 } from './p-e54d19d9.js';
 
 const styleCss = ".sc-smoothly-next-demo-nested-inner-h{display:block;margin:1em auto;width:60%}";
 const SmoothlyNextDemoNestedInnerStyle0 = styleCss;
@@ -17,7 +17,7 @@ const SmoothlyNextDemoNestedInner = proxyCustomElement(class SmoothlyNextDemoNes
     }
     render() {
         var _a;
-        return (h(Host, { key: '13fd06b7b3715a39b884858226aa4e3481667d4b' }, h("smoothly-next-table", { key: '7b3c5461c71d9444fcbbe7f1b49df9643d682cfb', columns: 4 }, h("smoothly-next-table-head", { key: '82c8eff53e06ff5fd45bbc3a5f6e9da55325c33f' }, h("smoothly-next-table-row", { key: '63fa9aa6b383724bb3bf44b0eeb83922804819d3' }, h("smoothly-next-table-cell", { key: '646803a5cec7d21c2ae52d34947dd293cb48204b' }, "Id"), h("smoothly-next-table-cell", { key: '62852bf4da10cda9e389403caa808e232dabb5b0' }, "Name"), h("smoothly-next-table-cell", { key: '2af3b1e6eb17aac4603be290f3f46b58c45f81b0' }, "Age"), h("smoothly-next-table-cell", { key: '562f80f9b14379ebd1876908443c40d2806e9872' }, "Balance"))), h("smoothly-next-table-body", { key: 'f88a8917e54ee733a574fa14d39af0d7228a6978' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance))))))));
+        return (h(Host, { key: '19e0f084a09ccbdfd1b02ad2a303cb4b8fea8b3a' }, h("smoothly-next-table", { key: 'e3f73d442144d49b9f5c5ec37b53eaa8d32c9fe1', columns: 4 }, h("smoothly-next-table-head", { key: '90b8c436ce8deb7e6fc21749b6bf8446907c120c' }, h("smoothly-next-table-row", { key: '3fcb64b37aacd6bf6f2f42e3f72eb7d8cfe4442c' }, h("smoothly-next-table-cell", { key: '4df45e5d226a04caaea11e10d6e2913566ccafb5' }, "Id"), h("smoothly-next-table-cell", { key: '369eade6f61d7b0b610f27216dfa6cd4a05db40b' }, "Name"), h("smoothly-next-table-cell", { key: 'c400606b0bdc1467818f1493a0617529cd0e1951' }, "Age"), h("smoothly-next-table-cell", { key: 'da06335fe3248ed4f6cf96d9878682de78aad286' }, "Balance"))), h("smoothly-next-table-body", { key: '28a1b173a15e680aa9c6819fdf61575c86488103' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance))))))));
     }
     static get style() { return SmoothlyNextDemoNestedInnerStyle0; }
 }, [2, "smoothly-next-demo-nested-inner", {
@@ -70,4 +70,4 @@ defineCustomElement();
 
 export { SmoothlyNextDemoNestedInner as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-78332392.js.map
+//# sourceMappingURL=p-fb11d1db.js.map

package/dist/components/{p-78332392.js.map → p-fb11d1db.js.map}

@@ -1 +1 @@
-{"file":"p-78332392.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,gFAAgF,CAAC;AAClG,0CAAe,QAAQ;;MCMV,2BAA2B;;;;;;IAOvC,MAAM;;QACL,QACC,EAAC,IAAI,uDACJ,4EAAqB,OAAO,EAAE,CAAC,IAC9B,mFACC,kFACC,wFAAuD,EACvD,0FAAyD,EACzD,yFAAwD,EACxD,6FAA4D,CACnC,CACA,EAC3B,mFACE,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,KAAK,KACpB,8CACC,oCAA2B,KAAK,CAAC,EAAE,CAA4B,EAC/D,oCAA2B,KAAK,CAAC,IAAI,CAA4B,EACjE,oCAA2B,KAAK,CAAC,GAAG,CAA4B,EAChE,oCAA2B,KAAK,CAAC,OAAO,CAA4B,CAChC,CACrC,CAAC,CACwB,CACN,CAChB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/demo/nested/inner/style.css?tag=smoothly-next-demo-nested-inner&encapsulation=scoped","src/components/next/demo/nested/inner/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tmargin: 1em auto;\n\twidth: 60%;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-demo-nested-inner\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextDemoNestedInner {\n\t@Prop() data?: {\n\t\tid: number\n\t\tname: string\n\t\tage: number\n\t\tbalance: number\n\t}[]\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-next-table columns={4}>\n\t\t\t\t\t<smoothly-next-table-head>\n\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Id</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Name</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Age</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Balance</smoothly-next-table-cell>\n\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t</smoothly-next-table-head>\n\t\t\t\t\t<smoothly-next-table-body>\n\t\t\t\t\t\t{this.data?.map(entry => (\n\t\t\t\t\t\t\t<smoothly-next-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.id}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.name}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.age}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.balance}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-expandable-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-next-table-body>\n\t\t\t\t</smoothly-next-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-fb11d1db.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,gFAAgF,CAAC;AAClG,0CAAe,QAAQ;;MCMV,2BAA2B;;;;;;IAOvC,MAAM;;QACL,QACC,EAAC,IAAI,uDACJ,4EAAqB,OAAO,EAAE,CAAC,IAC9B,mFACC,kFACC,wFAAuD,EACvD,0FAAyD,EACzD,yFAAwD,EACxD,6FAA4D,CACnC,CACA,EAC3B,mFACE,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,KAAK,KACpB,8CACC,oCAA2B,KAAK,CAAC,EAAE,CAA4B,EAC/D,oCAA2B,KAAK,CAAC,IAAI,CAA4B,EACjE,oCAA2B,KAAK,CAAC,GAAG,CAA4B,EAChE,oCAA2B,KAAK,CAAC,OAAO,CAA4B,CAChC,CACrC,CAAC,CACwB,CACN,CAChB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/demo/nested/inner/style.css?tag=smoothly-next-demo-nested-inner&encapsulation=scoped","src/components/next/demo/nested/inner/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tmargin: 1em auto;\n\twidth: 60%;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-demo-nested-inner\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextDemoNestedInner {\n\t@Prop() data?: {\n\t\tid: number\n\t\tname: string\n\t\tage: number\n\t\tbalance: number\n\t}[]\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-next-table columns={4}>\n\t\t\t\t\t<smoothly-next-table-head>\n\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Id</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Name</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Age</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Balance</smoothly-next-table-cell>\n\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t</smoothly-next-table-head>\n\t\t\t\t\t<smoothly-next-table-body>\n\t\t\t\t\t\t{this.data?.map(entry => (\n\t\t\t\t\t\t\t<smoothly-next-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.id}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.name}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.age}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.balance}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-expandable-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-next-table-body>\n\t\t\t\t</smoothly-next-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-e79802d6.js → p-fd058de9.js}

@@ -4,18 +4,18 @@ import { d as defineCustomElement$g } from './p-f770567b.js';
 import { d as defineCustomElement$f } from './p-96acfe2c.js';
 import { d as defineCustomElement$e } from './p-f46dd8e4.js';
 import { d as defineCustomElement$d } from './p-4c6fe645.js';
-import { d as defineCustomElement$c } from './p-6f3fa567.js';
-import { d as defineCustomElement$b } from './p-8e748704.js';
-import { d as defineCustomElement$a } from './p-0ac899b2.js';
-import { d as defineCustomElement$9 } from './p-dfde995c.js';
-import { d as defineCustomElement$8 } from './p-2c93fde9.js';
-import { d as defineCustomElement$7 } from './p-86fc6d36.js';
-import { d as defineCustomElement$6 } from './p-15112f2e.js';
-import { d as defineCustomElement$5 } from './p-fca663c0.js';
-import { d as defineCustomElement$4 } from './p-e9ce7bf9.js';
-import { d as defineCustomElement$3 } from './p-43fd9c2d.js';
-import { d as defineCustomElement$2 } from './p-58437ae8.js';
-import { d as defineCustomElement$1 } from './p-259190db.js';
+import { d as defineCustomElement$c } from './p-7c13984b.js';
+import { d as defineCustomElement$b } from './p-7f7c4cf3.js';
+import { d as defineCustomElement$a } from './p-d2aa1c38.js';
+import { d as defineCustomElement$9 } from './p-1070ed11.js';
+import { d as defineCustomElement$8 } from './p-d0049fe4.js';
+import { d as defineCustomElement$7 } from './p-707f32c7.js';
+import { d as defineCustomElement$6 } from './p-c77f4c0f.js';
+import { d as defineCustomElement$5 } from './p-45800269.js';
+import { d as defineCustomElement$4 } from './p-92061151.js';
+import { d as defineCustomElement$3 } from './p-7b144a9e.js';
+import { d as defineCustomElement$2 } from './p-ca6e8175.js';
+import { d as defineCustomElement$1 } from './p-870628fb.js';
 
 const data = [
     {
@@ -55,7 +55,7 @@ const SmoothlyTableTesting = proxyCustomElement(class SmoothlyTableTesting exten
         this.counter = 0;
     }
     render() {
-        return (h(Host, { key: '5648a38718203e12eaa67cce3097c3dfc138cdea' }, h("smoothly-table", { key: '6dc3f69ab19c5e94dce6fc2e2ff7dc8c712fbb73', color: "dark" }, h("smoothly-table-row", { key: 'b6e56343dede2fb9f17cc569673081d1113359eb' }, h("smoothly-table-header", { key: 'f19ce75f56f05bbad834f01c895f0ccca7808528' }, "Type"), h("smoothly-table-header", { key: '854acb3340db3f663ad44a670d40f0c6f2d1bec7' }, "Name"), h("smoothly-table-header", { key: '6d071c920967bb089a1013d241923d8dd8190547' }, "Age")), data.map(animal => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-cell", null, animal.name), h("smoothly-table-cell", null, animal.age), h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (h("smoothly-table-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-expandable-cell", null, animal.name, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-submit", { slot: "submit" }, "Submit!"))), h("smoothly-table-expandable-cell", null, animal.age, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!")))))), h("smoothly-table-footer", { key: '10bbaddce7cc1951f42157c1b98ba813bf9951f2' }, h("td", { key: 'c63de455f4fa7bb560a483396a36d15c3abf0377', colSpan: 2 }, h("div", { key: 'd5d83339fc626e695fe2a54b229b227f84584814', class: "footer" }, "Currently viewing content from:", h("smoothly-display", { key: '6dac050dbbe811722b94385ba89d5dda9b672de8', type: "date", value: "2023-10-12" }))), h("smoothly-table-header", { key: '2fca25d5e730d4b6ec31157db2a1954918cb5062' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
+        return (h(Host, { key: '21215a09e085871094148e63d5f5466e03f3bb1f' }, h("smoothly-table", { key: 'ae858527f73f8383a03ba5434f781711d3afbcb0', color: "dark" }, h("smoothly-table-row", { key: '4b1489fdf2a2eb36f7c77b7857ea245ebda37c65' }, h("smoothly-table-header", { key: '639831c9d6202b8a281dd8d1a5728e9b4cdfc3b9' }, "Type"), h("smoothly-table-header", { key: '90c244060d544ef5added3b185f433ce77bd5199' }, "Name"), h("smoothly-table-header", { key: 'b99d1ffff751880b5de32e1ea70624e529a57b9d' }, "Age")), data.map(animal => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-cell", null, animal.name), h("smoothly-table-cell", null, animal.age), h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (h("smoothly-table-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-expandable-cell", null, animal.name, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-submit", { slot: "submit" }, "Submit!"))), h("smoothly-table-expandable-cell", null, animal.age, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!")))))), h("smoothly-table-footer", { key: 'd2ebd8cad2d05ad755d59d991af67d0dbde5d686' }, h("td", { key: '2ce095b524e4783878894495137474f8944d2fce', colSpan: 2 }, h("div", { key: '6455b857455fc13f7f599a213989e7bcfdfee12e', class: "footer" }, "Currently viewing content from:", h("smoothly-display", { key: '9931a3776728423f6df73a042a043544a62cf0f6', type: "date", value: "2023-10-12" }))), h("smoothly-table-header", { key: 'f08ab8a84d8cfe3b95c769c2f9741b31798ec1f6' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
     }
     static get style() { return SmoothlyTableTestingStyle0; }
 }, [2, "smoothly-table-testing", {
@@ -163,4 +163,4 @@ defineCustomElement();
 
 export { SmoothlyTableTesting as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-e79802d6.js.map
+//# sourceMappingURL=p-fd058de9.js.map

package/dist/components/{p-e79802d6.js.map → p-fd058de9.js.map}

@@ -1 +1 @@
-{"file":"p-e79802d6.js","mappings":";;;;;;;;;;;;;;;;;;;AAAO,MAAM,IAAI,GAAG;IACnB;QACC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,CAAC;KACN;CACD;;AC1BD,MAAM,QAAQ,GAAG,+gBAA+gB,CAAC;AACjiB,mCAAe,QAAQ;;MCMV,oBAAoB;;;;uBACb,CAAC;;IACpB,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,uEAAgB,KAAK,EAAC,MAAM,IAC3B,6EACC,uFAAmD,EACnD,uFAAmD,EACnD,sFAAkD,CAC9B,EAEpB,IAAI,CAAC,GAAG,CAAC,MAAM,KACf,yCACC,+BAAsB,MAAM,CAAC,IAAI,CAAuB,EACxD,+BAAsB,MAAM,CAAC,IAAI,CAAuB,EACxD,+BAAsB,MAAM,CAAC,GAAG,CAAuB,EACvD,qBAAe,IAAI,EAAC,QAAQ,EAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,MAAM,IACpF,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,0BAAiB,MAAM,CAAC,GAAG,CAAkB,EAC7C,uBAAiB,IAAI,EAAC,QAAQ,cAA0B,CACzC,CACe,CAChC,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,MAAM,KACf,8BACC,+BAAsB,MAAM,CAAC,IAAI,CAAuB,EACxD,0CACE,MAAM,CAAC,IAAI,EACZ,qBAAe,IAAI,EAAC,QAAQ,EAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,MAAM,IACpF,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,uBAAiB,IAAI,EAAC,QAAQ,cAA0B,CACzC,CACgB,EACjC,0CACE,MAAM,CAAC,GAAG,EACX,qBAAe,IAAI,EAAC,QAAQ,EAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,MAAM,IACpF,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,0BAAiB,MAAM,CAAC,GAAG,CAAkB,EAC7C,uBAAiB,IAAI,EAAC,QAAQ,cAA0B,CACzC,CACgB,CACb,CACrB,CAAC,EACF,gFACC,2DAAI,OAAO,EAAE,CAAC,IACb,4DAAK,KAAK,EAAC,QAAQ,uCAElB,yEAAkB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,GAAG,CAC9C,CACF,EACL,gFAAwB,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAyB,CAC7E,CACR,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/testing/data.ts","src/components/table/demo/testing/style.css?tag=smoothly-table-testing&encapsulation=scoped","src/components/table/demo/testing/index.tsx"],"sourcesContent":["export const data = [\n\t{\n\t\ttype: \"cat\",\n\t\tname: \"Lazie\",\n\t\tage: 3,\n\t},\n\t{\n\t\ttype: \"dog\",\n\t\tname: \"Jessie\",\n\t\tage: 8,\n\t},\n\t{\n\t\ttype: \"cat\",\n\t\tname: \"Snooz\",\n\t\tage: 5,\n\t},\n\t{\n\t\ttype: \"bird\",\n\t\tname: \"Squeak\",\n\t\tage: 1,\n\t},\n\t{\n\t\ttype: \"bird\",\n\t\tname: \"Quirk\",\n\t\tage: 2,\n\t},\n]\n",":host {\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\nsmoothly-table {\n\twidth: 80%;\n}\n\n.tableCell {\n\theight: 3rem;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.tableCell>div {\n\tmargin-left: 3rem;\n\tmargin-right: 3rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 2rem;\n}\n\ntd>div.footer {\n\tdisplay: flex;\n\tpadding-left: 1.5em;\n\tflex-direction: row;\n\tgap: 1em;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { data } from \"./data\"\n@Component({\n\ttag: \"smoothly-table-testing\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableTesting {\n\t@State() counter = 0\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table color=\"dark\">\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Type</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Name</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Age</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\n\t\t\t\t\t{data.map(animal => (\n\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.type}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.name}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.age}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-form slot=\"detail\" onSmoothlyFormSubmit={() => this.counter++} looks=\"line\">\n\t\t\t\t\t\t\t\t<smoothly-input value={animal.type}>Type</smoothly-input>\n\t\t\t\t\t\t\t\t<smoothly-input value={animal.name}>Name</smoothly-input>\n\t\t\t\t\t\t\t\t<smoothly-input>{animal.age}</smoothly-input>\n\t\t\t\t\t\t\t\t<smoothly-submit slot=\"submit\">Submit!</smoothly-submit>\n\t\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t))}\n\t\t\t\t\t{data.map(animal => (\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.type}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t{animal.name}\n\t\t\t\t\t\t\t\t<smoothly-form slot=\"detail\" onSmoothlyFormSubmit={() => this.counter++} looks=\"line\">\n\t\t\t\t\t\t\t\t\t<smoothly-input value={animal.name}>Name</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-submit slot=\"submit\">Submit!</smoothly-submit>\n\t\t\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t{animal.age}\n\t\t\t\t\t\t\t\t<smoothly-form slot=\"detail\" onSmoothlyFormSubmit={() => this.counter++} looks=\"line\">\n\t\t\t\t\t\t\t\t\t<smoothly-input value={animal.type}>Type</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-input value={animal.name}>Name</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-input>{animal.age}</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-submit slot=\"submit\">Submit!</smoothly-submit>\n\t\t\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t))}\n\t\t\t\t\t<smoothly-table-footer>\n\t\t\t\t\t\t<td colSpan={2}>\n\t\t\t\t\t\t\t<div class=\"footer\">\n\t\t\t\t\t\t\t\tCurrently viewing content from:\n\t\t\t\t\t\t\t\t<smoothly-display type=\"date\" value=\"2023-10-12\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<smoothly-table-header>{\"Total age: \" + data.reduce((r, a) => r + a.age, 0)}</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-footer>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-fd058de9.js","mappings":";;;;;;;;;;;;;;;;;;;AAAO,MAAM,IAAI,GAAG;IACnB;QACC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,CAAC;KACN;CACD;;AC1BD,MAAM,QAAQ,GAAG,+gBAA+gB,CAAC;AACjiB,mCAAe,QAAQ;;MCMV,oBAAoB;;;;uBACb,CAAC;;IACpB,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,uEAAgB,KAAK,EAAC,MAAM,IAC3B,6EACC,uFAAmD,EACnD,uFAAmD,EACnD,sFAAkD,CAC9B,EAEpB,IAAI,CAAC,GAAG,CAAC,MAAM,KACf,yCACC,+BAAsB,MAAM,CAAC,IAAI,CAAuB,EACxD,+BAAsB,MAAM,CAAC,IAAI,CAAuB,EACxD,+BAAsB,MAAM,CAAC,GAAG,CAAuB,EACvD,qBAAe,IAAI,EAAC,QAAQ,EAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,MAAM,IACpF,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,0BAAiB,MAAM,CAAC,GAAG,CAAkB,EAC7C,uBAAiB,IAAI,EAAC,QAAQ,cAA0B,CACzC,CACe,CAChC,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,MAAM,KACf,8BACC,+BAAsB,MAAM,CAAC,IAAI,CAAuB,EACxD,0CACE,MAAM,CAAC,IAAI,EACZ,qBAAe,IAAI,EAAC,QAAQ,EAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,MAAM,IACpF,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,uBAAiB,IAAI,EAAC,QAAQ,cAA0B,CACzC,CACgB,EACjC,0CACE,MAAM,CAAC,GAAG,EACX,qBAAe,IAAI,EAAC,QAAQ,EAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,MAAM,IACpF,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,0BAAiB,MAAM,CAAC,GAAG,CAAkB,EAC7C,uBAAiB,IAAI,EAAC,QAAQ,cAA0B,CACzC,CACgB,CACb,CACrB,CAAC,EACF,gFACC,2DAAI,OAAO,EAAE,CAAC,IACb,4DAAK,KAAK,EAAC,QAAQ,uCAElB,yEAAkB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,GAAG,CAC9C,CACF,EACL,gFAAwB,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAyB,CAC7E,CACR,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/testing/data.ts","src/components/table/demo/testing/style.css?tag=smoothly-table-testing&encapsulation=scoped","src/components/table/demo/testing/index.tsx"],"sourcesContent":["export const data = [\n\t{\n\t\ttype: \"cat\",\n\t\tname: \"Lazie\",\n\t\tage: 3,\n\t},\n\t{\n\t\ttype: \"dog\",\n\t\tname: \"Jessie\",\n\t\tage: 8,\n\t},\n\t{\n\t\ttype: \"cat\",\n\t\tname: \"Snooz\",\n\t\tage: 5,\n\t},\n\t{\n\t\ttype: \"bird\",\n\t\tname: \"Squeak\",\n\t\tage: 1,\n\t},\n\t{\n\t\ttype: \"bird\",\n\t\tname: \"Quirk\",\n\t\tage: 2,\n\t},\n]\n",":host {\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\nsmoothly-table {\n\twidth: 80%;\n}\n\n.tableCell {\n\theight: 3rem;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.tableCell>div {\n\tmargin-left: 3rem;\n\tmargin-right: 3rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 2rem;\n}\n\ntd>div.footer {\n\tdisplay: flex;\n\tpadding-left: 1.5em;\n\tflex-direction: row;\n\tgap: 1em;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { data } from \"./data\"\n@Component({\n\ttag: \"smoothly-table-testing\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableTesting {\n\t@State() counter = 0\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table color=\"dark\">\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Type</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Name</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Age</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\n\t\t\t\t\t{data.map(animal => (\n\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.type}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.name}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.age}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-form slot=\"detail\" onSmoothlyFormSubmit={() => this.counter++} looks=\"line\">\n\t\t\t\t\t\t\t\t<smoothly-input value={animal.type}>Type</smoothly-input>\n\t\t\t\t\t\t\t\t<smoothly-input value={animal.name}>Name</smoothly-input>\n\t\t\t\t\t\t\t\t<smoothly-input>{animal.age}</smoothly-input>\n\t\t\t\t\t\t\t\t<smoothly-submit slot=\"submit\">Submit!</smoothly-submit>\n\t\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t))}\n\t\t\t\t\t{data.map(animal => (\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.type}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t{animal.name}\n\t\t\t\t\t\t\t\t<smoothly-form slot=\"detail\" onSmoothlyFormSubmit={() => this.counter++} looks=\"line\">\n\t\t\t\t\t\t\t\t\t<smoothly-input value={animal.name}>Name</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-submit slot=\"submit\">Submit!</smoothly-submit>\n\t\t\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t{animal.age}\n\t\t\t\t\t\t\t\t<smoothly-form slot=\"detail\" onSmoothlyFormSubmit={() => this.counter++} looks=\"line\">\n\t\t\t\t\t\t\t\t\t<smoothly-input value={animal.type}>Type</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-input value={animal.name}>Name</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-input>{animal.age}</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-submit slot=\"submit\">Submit!</smoothly-submit>\n\t\t\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t))}\n\t\t\t\t\t<smoothly-table-footer>\n\t\t\t\t\t\t<td colSpan={2}>\n\t\t\t\t\t\t\t<div class=\"footer\">\n\t\t\t\t\t\t\t\tCurrently viewing content from:\n\t\t\t\t\t\t\t\t<smoothly-display type=\"date\" value=\"2023-10-12\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<smoothly-table-header>{\"Total age: \" + data.reduce((r, a) => r + a.age, 0)}</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-footer>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}