smoothly 1.102.0 → 1.104.0

package/dist/components/{p-6d1e5f27.js → p-ce52b5f8.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { E as Editable } from './p-ddd5bc95.js';
-import { I as Input } from './p-19d93e64.js';
+import { I as Input } from './p-c9caeeb4.js';
 
-const styleCss = ".sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h smoothly-icon.smoothly-invalid.sc-smoothly-input-radio{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}";
+const styleCss = ".sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h smoothly-icon.smoothly-invalid.sc-smoothly-input-radio{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem;width:100%}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}";
 const SmoothlyInputRadioStyle0 = styleCss;
 
 const SmoothlyInputRadio = proxyCustomElement(class SmoothlyInputRadio extends H {
@@ -163,4 +163,4 @@ defineCustomElement();
 
 export { SmoothlyInputRadio as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-6d1e5f27.js.map
+//# sourceMappingURL=p-ce52b5f8.js.map

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

@@ -0,0 +1 @@
+{"file":"p-ce52b5f8.js","mappings":"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","names":[],"sources":["src/components/input/radio/style.css?tag=smoothly-input-radio&encapsulation=scoped","src/components/input/radio/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-left: var(--input-padding-side);\n\tbox-sizing: border-box;\n}\n:host[show-label]>div {\n\tposition: relative;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n:host>div,\n:host>div>div.options {\n\tdisplay: flex;\n\tgap: 1.5rem;\n\twidth: 100%;\n}\n:host[direction=column]>div>div.options {\n\tflex-direction: column;\n}\n:host::slotted([slot=end]) {\n\tmargin-right: 0;\n\tmargin-left: auto;\n}\n\n:host[disabled] smoothly-input-radio-item * {\n\tcursor: not-allowed;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\nimport { RadioItemSelect } from \"./RadioItemSelect\"\n\n@Component({\n\ttag: \"smoothly-input-radio\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputRadio implements Input, Clearable, Editable, ComponentWillLoad {\n\t@Element() element: HTMLSmoothlyInputRadioElement\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate active?: RadioItemSelect\n\tprivate valueReceivedOnLoad = false\n\tprivate observer = Editable.Observer.create(this)\n\tinitialValue?: RadioItemSelect\n\t@Prop({ mutable: true }) value: any = undefined\n\t@Prop({ mutable: true, reflect: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true }) direction?: \"row\" | \"column\"\n\t@Prop() clearable?: boolean\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tcomponentDidLoad(): void | Promise<void> {\n\t\t!this.valueReceivedOnLoad && this.smoothlyInput.emit({ [this.name]: this.value })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.initialValue = this.active\n\t}\n\t@Listen(\"smoothlyRadioItemRegister\")\n\thandleRegister(event: CustomEvent<(parent: SmoothlyInputRadio) => void>) {\n\t\tevent.stopPropagation()\n\t\tevent.detail(this)\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputRadio) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyRadioItemSelect\")\n\tsmoothlyRadioInputHandler(event: CustomEvent<RadioItemSelect>): void {\n\t\tevent.stopPropagation()\n\t\tif ((!this.readonly && !this.disabled) || !this.valueReceivedOnLoad) {\n\t\t\tif (this.clearable && this.active?.value === event.detail.value)\n\t\t\t\tthis.clear()\n\t\t\telse if (this.active?.value !== event.detail.value) {\n\t\t\t\tthis.active?.select(false)\n\t\t\t\tthis.active = event.detail\n\t\t\t\tthis.value = this.active.value\n\t\t\t\tthis.active.select(true)\n\t\t\t}\n\t\t}\n\t\tif (event.detail.userInitiated)\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t!this.valueReceivedOnLoad && (this.valueReceivedOnLoad = !this.valueReceivedOnLoad)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<any | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tif (this.clearable) {\n\t\t\tthis.active?.select(false)\n\t\t\tthis.active = undefined\n\t\t\tthis.value = undefined\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.active?.select(false)\n\t\tthis.active = this.initialValue\n\t\tthis.value = this.initialValue?.value\n\t\tthis.active?.select(true)\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.active\n\t\tthis.valueChanged()\n\t}\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.valueReceivedOnLoad && (this.isDifferentFromInitial = this.initialValue?.value !== this.value)\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host class=\"floating-label\">\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div>\n\t\t\t\t\t<slot name=\"label\" />\n\t\t\t\t\t<div class=\"options\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"end\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-f55ddc88.js → p-ced1fd1c.js}

@@ -4,36 +4,36 @@ import { d as defineCustomElement$y } from './p-4e754f3b.js';
 import { d as defineCustomElement$x } from './p-f893b6cc.js';
 import { d as defineCustomElement$w } from './p-ccbdacc9.js';
 import { d as defineCustomElement$v } from './p-3aed2b34.js';
-import { d as defineCustomElement$u } from './p-50304fc1.js';
-import { d as defineCustomElement$t } from './p-7550fc08.js';
-import { d as defineCustomElement$s } from './p-5bc54b34.js';
-import { d as defineCustomElement$r } from './p-064f3907.js';
+import { d as defineCustomElement$u } from './p-d8a2f2ba.js';
+import { d as defineCustomElement$t } from './p-792c42af.js';
+import { d as defineCustomElement$s } from './p-4be11c6b.js';
+import { d as defineCustomElement$r } from './p-f5bbd838.js';
 import { d as defineCustomElement$q } from './p-be9012d1.js';
-import { d as defineCustomElement$p } from './p-19d93e64.js';
+import { d as defineCustomElement$p } from './p-c9caeeb4.js';
 import { d as defineCustomElement$o } from './p-604f869e.js';
-import { d as defineCustomElement$n } from './p-e48ad105.js';
-import { d as defineCustomElement$m } from './p-4441247b.js';
-import { d as defineCustomElement$l } from './p-1e46b981.js';
-import { d as defineCustomElement$k } from './p-7a9728b2.js';
-import { d as defineCustomElement$j } from './p-37732412.js';
-import { d as defineCustomElement$i } from './p-3a1a67e7.js';
-import { d as defineCustomElement$h } from './p-346ba422.js';
-import { d as defineCustomElement$g } from './p-35bfb804.js';
-import { d as defineCustomElement$f } from './p-5d4481e5.js';
-import { d as defineCustomElement$e } from './p-f2f0d309.js';
-import { d as defineCustomElement$d } from './p-658906f0.js';
-import { d as defineCustomElement$c } from './p-a3c25ce5.js';
-import { d as defineCustomElement$b } from './p-c2fb9b51.js';
-import { d as defineCustomElement$a } from './p-e04a506b.js';
-import { d as defineCustomElement$9 } from './p-31603adf.js';
-import { d as defineCustomElement$8 } from './p-4d3d5d0b.js';
-import { d as defineCustomElement$7 } from './p-40d2000b.js';
-import { d as defineCustomElement$6 } from './p-2779565d.js';
-import { d as defineCustomElement$5 } from './p-6008d530.js';
-import { d as defineCustomElement$4 } from './p-76cc6651.js';
-import { d as defineCustomElement$3 } from './p-4051f859.js';
-import { d as defineCustomElement$2 } from './p-3fa2299b.js';
-import { d as defineCustomElement$1 } from './p-a2a5e7f4.js';
+import { d as defineCustomElement$n } from './p-6337ab02.js';
+import { d as defineCustomElement$m } from './p-efb6497e.js';
+import { d as defineCustomElement$l } from './p-33c30e05.js';
+import { d as defineCustomElement$k } from './p-239cce56.js';
+import { d as defineCustomElement$j } from './p-70b61978.js';
+import { d as defineCustomElement$i } from './p-723edf05.js';
+import { d as defineCustomElement$h } from './p-5c9332bf.js';
+import { d as defineCustomElement$g } from './p-3f2e92e9.js';
+import { d as defineCustomElement$f } from './p-08527022.js';
+import { d as defineCustomElement$e } from './p-2d648420.js';
+import { d as defineCustomElement$d } from './p-44a8837c.js';
+import { d as defineCustomElement$c } from './p-8435133a.js';
+import { d as defineCustomElement$b } from './p-52626573.js';
+import { d as defineCustomElement$a } from './p-adb5afee.js';
+import { d as defineCustomElement$9 } from './p-527dedc1.js';
+import { d as defineCustomElement$8 } from './p-237af64d.js';
+import { d as defineCustomElement$7 } from './p-85ed9f7d.js';
+import { d as defineCustomElement$6 } from './p-b80060f3.js';
+import { d as defineCustomElement$5 } from './p-ea295759.js';
+import { d as defineCustomElement$4 } from './p-6ea452d9.js';
+import { d as defineCustomElement$3 } from './p-234932d2.js';
+import { d as defineCustomElement$2 } from './p-c37e4491.js';
+import { d as defineCustomElement$1 } from './p-4cb94746.js';
 
 const styleCss = ".sc-smoothly-table-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}";
 const SmoothlyTableDemoStyle0 = styleCss;
@@ -44,7 +44,7 @@ const SmoothlyTableDemo = proxyCustomElement(class SmoothlyTableDemo extends H {
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '8eabe0e1a24f6eda7d635d2e6eb903a8b8ee85e9' }, h("smoothly-table-demo-filler-row", { key: '0ec866bffd21054185f0263d8c6f649ed8f36c3d' }), h("smoothly-table-demo-group", { key: '3284f7389ca9e6f48290fe5f04a35b715413decd' }), h("smoothly-table-demo-colspan", { key: '64693071c8159e759139d04e0d9a230d6906875a' }), h("smoothly-table-demo-simple", { key: '91d2a8bbfc44ce70bc18dc59e783b2a94d44f178' }), h("smoothly-table-demo-nested-no-cell", { key: '78dbb1c806ef92a2f56bf0bcb25a4f7c4a3bb92a' }), h("smoothly-table-demo-filtered", { key: '0843f821f0a8674b8fc55aa76c7afff2b00c9f15' })));
+        return (h(Host, { key: '4233a67a671728bcb825e9c39bf585ad9c14809d' }, h("smoothly-table-demo-filler-row", { key: 'a4b1151ef192f0d6eb86f51b9e5ee1ccfee3ef7b' }), h("smoothly-table-demo-group", { key: '9ae859258f3011661eafd08815d62beb6c2d7a71' }), h("smoothly-table-demo-colspan", { key: '97f708df9eed1c196de23c8bee7f5ba20af45a0c' }), h("smoothly-table-demo-simple", { key: '79d2512389d22929913c5e568b89abd429e26e44' }), h("smoothly-table-demo-nested-no-cell", { key: '3944d3ffa104e64ea4cdd1367284b99abed485b7' }), h("smoothly-table-demo-filtered", { key: 'fac919f7e05b195d1962a30f9ab91d79bca8ea59' })));
     }
     static get style() { return SmoothlyTableDemoStyle0; }
 }, [2, "smoothly-table-demo"]);
@@ -240,4 +240,4 @@ defineCustomElement();
 
 export { SmoothlyTableDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-f55ddc88.js.map
+//# sourceMappingURL=p-ced1fd1c.js.map

package/dist/components/{p-f55ddc88.js.map → p-ced1fd1c.js.map}

@@ -1 +1 @@
-{"file":"p-f55ddc88.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,4HAA4H,CAAC;AAC9I,gCAAe,QAAQ;;MCMV,iBAAiB;;;;;IAC7B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wFAAkC,EAClC,mFAA6B,EAC7B,qFAA+B,EAC/B,oFAA8B,EAC9B,4FAAsC,EACtC,sFAAgC,CAC1B,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/style.css?tag=smoothly-table-demo&encapsulation=scoped","src/components/table/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgap: 5rem;\n\tbox-sizing: border-box;\n\tmax-width: 80rem;\n\twidth: 100%;\n\tmargin: auto;\n\tpadding: 2rem;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemo {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table-demo-filler-row />\n\t\t\t\t<smoothly-table-demo-group />\n\t\t\t\t<smoothly-table-demo-colspan />\n\t\t\t\t<smoothly-table-demo-simple />\n\t\t\t\t<smoothly-table-demo-nested-no-cell />\n\t\t\t\t<smoothly-table-demo-filtered />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-ced1fd1c.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,4HAA4H,CAAC;AAC9I,gCAAe,QAAQ;;MCMV,iBAAiB;;;;;IAC7B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wFAAkC,EAClC,mFAA6B,EAC7B,qFAA+B,EAC/B,oFAA8B,EAC9B,4FAAsC,EACtC,sFAAgC,CAC1B,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/style.css?tag=smoothly-table-demo&encapsulation=scoped","src/components/table/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgap: 5rem;\n\tbox-sizing: border-box;\n\tmax-width: 80rem;\n\twidth: 100%;\n\tmargin: auto;\n\tpadding: 2rem;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemo {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table-demo-filler-row />\n\t\t\t\t<smoothly-table-demo-group />\n\t\t\t\t<smoothly-table-demo-colspan />\n\t\t\t\t<smoothly-table-demo-simple />\n\t\t\t\t<smoothly-table-demo-nested-no-cell />\n\t\t\t\t<smoothly-table-demo-filtered />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-7b6467fd.js → p-d5f78e0f.js}

@@ -4,18 +4,18 @@ import { o as object } from './p-d471066b.js';
 import { f as fromIs } from './p-57ac5d1b.js';
 import { d as defineCustomElement$e } from './p-76531b32.js';
 import { d as defineCustomElement$d } from './p-2826e824.js';
-import { d as defineCustomElement$c } from './p-30f4e440.js';
+import { d as defineCustomElement$c } from './p-5eafd1ac.js';
 import { d as defineCustomElement$b } from './p-00165343.js';
-import { d as defineCustomElement$a } from './p-19d93e64.js';
+import { d as defineCustomElement$a } from './p-c9caeeb4.js';
 import { d as defineCustomElement$9 } from './p-604f869e.js';
-import { d as defineCustomElement$8 } from './p-e48ad105.js';
-import { d as defineCustomElement$7 } from './p-12f62e4d.js';
-import { d as defineCustomElement$6 } from './p-c172bb64.js';
-import { d as defineCustomElement$5 } from './p-5cd257ad.js';
-import { d as defineCustomElement$4 } from './p-4441247b.js';
-import { d as defineCustomElement$3 } from './p-0b3f1a79.js';
-import { d as defineCustomElement$2 } from './p-1e46b981.js';
-import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
+import { d as defineCustomElement$8 } from './p-6337ab02.js';
+import { d as defineCustomElement$7 } from './p-4da1c188.js';
+import { d as defineCustomElement$6 } from './p-b34956f3.js';
+import { d as defineCustomElement$5 } from './p-4ee29da5.js';
+import { d as defineCustomElement$4 } from './p-efb6497e.js';
+import { d as defineCustomElement$3 } from './p-a76a4d76.js';
+import { d as defineCustomElement$2 } from './p-33c30e05.js';
+import { d as defineCustomElement$1 } from './p-723edf05.js';
 
 var ScheduledEvent;
 (function (ScheduledEvent) {
@@ -124,4 +124,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoPrices as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-7b6467fd.js.map
+//# sourceMappingURL=p-d5f78e0f.js.map

package/dist/components/{p-7b6467fd.js.map → p-d5f78e0f.js.map}

@@ -1 +1 @@
-{"file":"p-7b6467fd.js","mappings":";;;;;;;;;;;;;;;;;;;AAQA,IAAU,cAAc,CAKvB;AALD,WAAU,cAAc;IACV,mBAAI,GAAGA,MAAW,CAAiB;QAC/C,IAAI,EAAEC,MAAW,CAAC,YAAY,EAAEC,IAAU,CAAC,EAAE,CAAC;QAC9C,MAAM,EAAEC,MAAW,EAAE;KACrB,CAAC,CAAA;AACH,CAAC,EALS,cAAc,KAAd,cAAc,QAKvB;AAGD,IAAU,SAAS,CAElB;AAFD,WAAU,SAAS;IACL,cAAI,GAAGH,MAAW,CAAY,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AACtF,CAAC,EAFS,SAAS,KAAT,SAAS,QAElB;MAOY,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wEAAiB,EACjB,sEAAe,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,CAAC,IAAI,IACpD,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAChF,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.fromIs","isoly.Date","isly.number"],"sources":["src/components/form/demo/schedule/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\n\ntype ScheduledEvent = {\n\tdate: isoly.Date\n\tamount: number\n}\nnamespace ScheduledEvent {\n\texport const type = isly.object<ScheduledEvent>({\n\t\tdate: isly.fromIs(\"isoly.Date\", isoly.Date.is),\n\t\tamount: isly.number(),\n\t})\n}\n\ntype TimeTable = { schedule: ScheduledEvent[] }\nnamespace TimeTable {\n\texport const type = isly.object<TimeTable>({ schedule: ScheduledEvent.type.array() })\n}\n\n// This demo demonstrate that the form can handle arrays in the validator\n@Component({\n\ttag: \"smoothly-form-demo-schedule\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Schedule</h2>\n\t\t\t\t<smoothly-form looks=\"line\" validator={TimeTable.type}>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.0.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.0.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.1.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.1.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.2.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.2.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-d5f78e0f.js","mappings":";;;;;;;;;;;;;;;;;;;AAQA,IAAU,cAAc,CAKvB;AALD,WAAU,cAAc;IACV,mBAAI,GAAGA,MAAW,CAAiB;QAC/C,IAAI,EAAEC,MAAW,CAAC,YAAY,EAAEC,IAAU,CAAC,EAAE,CAAC;QAC9C,MAAM,EAAEC,MAAW,EAAE;KACrB,CAAC,CAAA;AACH,CAAC,EALS,cAAc,KAAd,cAAc,QAKvB;AAGD,IAAU,SAAS,CAElB;AAFD,WAAU,SAAS;IACL,cAAI,GAAGH,MAAW,CAAY,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AACtF,CAAC,EAFS,SAAS,KAAT,SAAS,QAElB;MAOY,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wEAAiB,EACjB,sEAAe,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,CAAC,IAAI,IACpD,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAChF,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.fromIs","isoly.Date","isly.number"],"sources":["src/components/form/demo/schedule/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\n\ntype ScheduledEvent = {\n\tdate: isoly.Date\n\tamount: number\n}\nnamespace ScheduledEvent {\n\texport const type = isly.object<ScheduledEvent>({\n\t\tdate: isly.fromIs(\"isoly.Date\", isoly.Date.is),\n\t\tamount: isly.number(),\n\t})\n}\n\ntype TimeTable = { schedule: ScheduledEvent[] }\nnamespace TimeTable {\n\texport const type = isly.object<TimeTable>({ schedule: ScheduledEvent.type.array() })\n}\n\n// This demo demonstrate that the form can handle arrays in the validator\n@Component({\n\ttag: \"smoothly-form-demo-schedule\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Schedule</h2>\n\t\t\t\t<smoothly-form looks=\"line\" validator={TimeTable.type}>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.0.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.0.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.1.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.1.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.2.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.2.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-50304fc1.js → p-d8a2f2ba.js}

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { a as and } from './p-caf09da9.js';
 import { o as object, s as string } from './p-d471066b.js';
 import { i as islyFunction, r as record } from './p-57ac5d1b.js';
-import { d as defineCustomElement$3 } from './p-7550fc08.js';
+import { d as defineCustomElement$3 } from './p-792c42af.js';
 import { d as defineCustomElement$2 } from './p-604f869e.js';
-import { d as defineCustomElement$1 } from './p-e48ad105.js';
+import { d as defineCustomElement$1 } from './p-6337ab02.js';
 
 const EventEmitter = object({ emit: islyFunction() });
 var Filter;
@@ -107,4 +107,4 @@ defineCustomElement();
 
 export { SmoothlyFilter as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-50304fc1.js.map
+//# sourceMappingURL=p-d8a2f2ba.js.map

package/dist/components/{p-50304fc1.js.map → p-d8a2f2ba.js.map}

@@ -1 +1 @@
-{"file":"p-50304fc1.js","mappings":"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","names":["isly.object","isly.function","isly.string","isly.record","selectively.and"],"sources":["src/components/filter/Filter.ts","src/components/filter/style.css?tag=smoothly-filter&encapsulation=scoped","src/components/filter/index.tsx"],"sourcesContent":["import { EventEmitter } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { isly } from \"isly\"\n\nconst EventEmitter = isly.object<EventEmitter>({ emit: isly.function<EventEmitter[\"emit\"]>() })\nexport interface Filter extends Filter.Element {\n\tsmoothlyFilterUpdate: EventEmitter<Filter.Update>\n\tsmoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n}\nexport namespace Filter {\n\texport type Manipulate = (criteria: selectively.Criteria) => selectively.Criteria\n\texport type Update = (expression: selectively.Criteria) => void\n\texport interface Element {\n\t\tproperty?: string\n\t\tproperties?: Record<string, string>\n\t}\n\texport namespace Element {\n\t\texport const type = isly.object<Element>({\n\t\t\tproperty: isly.string().optional(),\n\t\t\tproperties: isly.record<Record<string, string>>(isly.string(), isly.string()).optional(),\n\t\t})\n\t}\n\texport const type = Element.type.extend<Filter>({\n\t\tsmoothlyFilterUpdate: EventEmitter,\n\t\tsmoothlyFilterManipulate: EventEmitter,\n\t})\n}\n",":host {\n\tposition: relative;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tmargin-left: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmargin-right: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host>div::slotted([slot=detail]) {\n\tz-index: 5;\n}\n\n:host::slotted([slot=bar]) {\n\tpointer-events: auto;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\n\t&>[looks=\"plain\"] {\n\t\tdisplay: flex;\n\t\talign-self: stretch;\n\t\talign-items: center;\n\t}\n}\n\n:host>div:empty+smoothly-icon {\n\tdisplay: none;\n}\n\n:host>smoothly-icon {\n\tcursor: pointer;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\tflex-shrink: 0;\n}\n\n:host>div.close {\n\tposition: fixed;\n\tz-index: 3;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100dvw;\n\theight: 100dvh;\n\tbackground: transparent;\n}\n\n:host>div.hidden {\n\tdisplay: none;\n}\n\n:host>.container {\n\tpadding: 2em;\n\tposition: absolute;\n\tright: 0.35em;\n\twidth: fit-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 100%;\n\twidth: fit-content;\n\tz-index: 4;\n\tbackground-color: rgb(var(--smoothly-color));\n\tmargin: 0.8em -2em;\n}\n\n/* arrow */\n:host>div.container:before {\n\tcontent: \"\";\n\twidth: 0.6em;\n\theight: 0.6em;\n\ttransform: rotate(45deg);\n\tborder-top: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-left: 1px solid rgb(var(--smoothly-medium-tint));\n\tbackground-color: rgb(var(--smoothly-color));\n\tposition: absolute;\n\tz-index: 3;\n}\n\n/* arrow placement */\n:host>div.container.arrow-top:before {\n\tleft: calc(91%);\n\ttop: -5px;\n}\n\n:host div.container:after {\n\tcontent: \"\";\n\theight: 100%;\n\twidth: 100%;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-radius: 0.25em;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Filter } from \"./Filter\"\n\n@Component({\n\ttag: \"smoothly-filter\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilter {\n\tfield: HTMLSmoothlyFilterFieldElement | undefined\n\tupdating = false\n\tfilters: Set<Filter.Update> = new Set<Filter.Update>() // maybe set?\n\t@State() detailChildren?: boolean\n\t@State() criteria: selectively.Criteria = selectively.and()\n\t@State() expanded = false\n\t@Event() smoothlyFilter: EventEmitter<selectively.Criteria>\n\n\t@Listen(\"smoothlyFilterUpdate\")\n\tupdateHandler(event: CustomEvent<Filter.Update>) {\n\t\tevent.stopPropagation()\n\t\tif (Filter.Element.type.is(event.target))\n\t\t\tthis.filters.add(event.detail)\n\t}\n\t@Listen(\"smoothlyFilterManipulate\")\n\tmanipulateHandler(event: CustomEvent<Filter.Manipulate>) {\n\t\tevent.stopPropagation()\n\t\tthis.updating = true\n\t\tthis.criteria = event.detail(this.criteria)\n\t\tthis.smoothlyFilter.emit(this.criteria)\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t\tthis.updating = false\n\t}\n\t@Listen(\"smoothlyFilterField\")\n\tfilterFieldHandler(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tif (!this.updating) {\n\t\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and(event.detail)))\n\t\t\tthis.filters.forEach(update => update(this.criteria))\n\t\t}\n\t}\n\tclear(): void {\n\t\tthis.field?.clear()\n\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and()))\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name=\"bar\" />\n\t\t\t\t<smoothly-filter-field criteria={this.criteria} ref={e => (this.field = e)} />\n\t\t\t\t{this.criteria.toString() != \"\" && (\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname={\"close\"}\n\t\t\t\t\t\ttooltip={\"Clear all filters\"}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tthis.clear()\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div class={this.expanded ? \"container arrow-top\" : \"hidden\"}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={this.expanded ? \"options\" : \"options-outline\"}\n\t\t\t\t\ttooltip={(this.expanded ? \"Hide\" : \"Show\") + \" additional filters\"}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tthis.expanded = !this.expanded\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<div class={this.expanded ? \"close\" : \"hidden\"} onClick={() => (this.expanded = !this.expanded)} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-d8a2f2ba.js","mappings":"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","names":["isly.object","isly.function","isly.string","isly.record","selectively.and"],"sources":["src/components/filter/Filter.ts","src/components/filter/style.css?tag=smoothly-filter&encapsulation=scoped","src/components/filter/index.tsx"],"sourcesContent":["import { EventEmitter } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { isly } from \"isly\"\n\nconst EventEmitter = isly.object<EventEmitter>({ emit: isly.function<EventEmitter[\"emit\"]>() })\nexport interface Filter extends Filter.Element {\n\tsmoothlyFilterUpdate: EventEmitter<Filter.Update>\n\tsmoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n}\nexport namespace Filter {\n\texport type Manipulate = (criteria: selectively.Criteria) => selectively.Criteria\n\texport type Update = (expression: selectively.Criteria) => void\n\texport interface Element {\n\t\tproperty?: string\n\t\tproperties?: Record<string, string>\n\t}\n\texport namespace Element {\n\t\texport const type = isly.object<Element>({\n\t\t\tproperty: isly.string().optional(),\n\t\t\tproperties: isly.record<Record<string, string>>(isly.string(), isly.string()).optional(),\n\t\t})\n\t}\n\texport const type = Element.type.extend<Filter>({\n\t\tsmoothlyFilterUpdate: EventEmitter,\n\t\tsmoothlyFilterManipulate: EventEmitter,\n\t})\n}\n",":host {\n\tposition: relative;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tmargin-left: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmargin-right: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host>div::slotted([slot=detail]) {\n\tz-index: 5;\n}\n\n:host::slotted([slot=bar]) {\n\tpointer-events: auto;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\n\t&>[looks=\"plain\"] {\n\t\tdisplay: flex;\n\t\talign-self: stretch;\n\t\talign-items: center;\n\t}\n}\n\n:host>div:empty+smoothly-icon {\n\tdisplay: none;\n}\n\n:host>smoothly-icon {\n\tcursor: pointer;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\tflex-shrink: 0;\n}\n\n:host>div.close {\n\tposition: fixed;\n\tz-index: 3;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100dvw;\n\theight: 100dvh;\n\tbackground: transparent;\n}\n\n:host>div.hidden {\n\tdisplay: none;\n}\n\n:host>.container {\n\tpadding: 2em;\n\tposition: absolute;\n\tright: 0.35em;\n\twidth: fit-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 100%;\n\twidth: fit-content;\n\tz-index: 4;\n\tbackground-color: rgb(var(--smoothly-color));\n\tmargin: 0.8em -2em;\n}\n\n/* arrow */\n:host>div.container:before {\n\tcontent: \"\";\n\twidth: 0.6em;\n\theight: 0.6em;\n\ttransform: rotate(45deg);\n\tborder-top: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-left: 1px solid rgb(var(--smoothly-medium-tint));\n\tbackground-color: rgb(var(--smoothly-color));\n\tposition: absolute;\n\tz-index: 3;\n}\n\n/* arrow placement */\n:host>div.container.arrow-top:before {\n\tleft: calc(91%);\n\ttop: -5px;\n}\n\n:host div.container:after {\n\tcontent: \"\";\n\theight: 100%;\n\twidth: 100%;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-radius: 0.25em;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Filter } from \"./Filter\"\n\n@Component({\n\ttag: \"smoothly-filter\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilter {\n\tfield: HTMLSmoothlyFilterFieldElement | undefined\n\tupdating = false\n\tfilters: Set<Filter.Update> = new Set<Filter.Update>() // maybe set?\n\t@State() detailChildren?: boolean\n\t@State() criteria: selectively.Criteria = selectively.and()\n\t@State() expanded = false\n\t@Event() smoothlyFilter: EventEmitter<selectively.Criteria>\n\n\t@Listen(\"smoothlyFilterUpdate\")\n\tupdateHandler(event: CustomEvent<Filter.Update>) {\n\t\tevent.stopPropagation()\n\t\tif (Filter.Element.type.is(event.target))\n\t\t\tthis.filters.add(event.detail)\n\t}\n\t@Listen(\"smoothlyFilterManipulate\")\n\tmanipulateHandler(event: CustomEvent<Filter.Manipulate>) {\n\t\tevent.stopPropagation()\n\t\tthis.updating = true\n\t\tthis.criteria = event.detail(this.criteria)\n\t\tthis.smoothlyFilter.emit(this.criteria)\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t\tthis.updating = false\n\t}\n\t@Listen(\"smoothlyFilterField\")\n\tfilterFieldHandler(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tif (!this.updating) {\n\t\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and(event.detail)))\n\t\t\tthis.filters.forEach(update => update(this.criteria))\n\t\t}\n\t}\n\tclear(): void {\n\t\tthis.field?.clear()\n\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and()))\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name=\"bar\" />\n\t\t\t\t<smoothly-filter-field criteria={this.criteria} ref={e => (this.field = e)} />\n\t\t\t\t{this.criteria.toString() != \"\" && (\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname={\"close\"}\n\t\t\t\t\t\ttooltip={\"Clear all filters\"}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tthis.clear()\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div class={this.expanded ? \"container arrow-top\" : \"hidden\"}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={this.expanded ? \"options\" : \"options-outline\"}\n\t\t\t\t\ttooltip={(this.expanded ? \"Hide\" : \"Show\") + \" additional filters\"}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tthis.expanded = !this.expanded\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<div class={this.expanded ? \"close\" : \"hidden\"} onClick={() => (this.expanded = !this.expanded)} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/p-dccf0678.js

@@ -0,0 +1,74 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
+import { d as defineCustomElement$5 } from './p-604f869e.js';
+import { d as defineCustomElement$4 } from './p-ce52b5f8.js';
+import { d as defineCustomElement$3 } from './p-c4674baf.js';
+import { d as defineCustomElement$2 } from './p-84ba0025.js';
+import { d as defineCustomElement$1 } from './p-f62fe4be.js';
+
+const styleCss = ".sc-smoothly-input-demo-radio-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(56rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-demo-radio-h .sc-smoothly-input-demo-radio:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}";
+const SmoothlyInputDemoRadioStyle0 = styleCss;
+
+const SmoothlyInputDemoRadio = proxyCustomElement(class SmoothlyInputDemoRadio extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.selected = undefined;
+    }
+    selectedChange() {
+        console.log("selected", this.selected);
+    }
+    render() {
+        return (h(Host, { key: 'c3b8ab15f7d5b4293c3f014c37f94c5ec76c9900' }, h("h2", { key: '73eaa3db6de6c83e06125debc2a3d9b519f3c2bf' }, "radio input - column direction"), h("smoothly-input-radio", { key: 'd2d017e7c74b455b97ca6e16e3806caa2a3cc876', name: "radio", direction: "column", onSmoothlyInput: e => (this.selected = e.detail.radio) }, h("smoothly-input-radio-item", { key: '0acb4e1bfc61d3f8c612c4831d3ad7c8627b4732', value: "1" }, h("span", { key: '81e25f4f1908ca06093da3893f2044bd6263b635' }, "Option 1"), h("span", { key: '8b951dc4128c07072edfcc6687f0216444b107f0', slot: "detail" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")), h("smoothly-input-radio-item", { key: '0e7a0fadf0f3dae0b563e8511787539e5ddecb77', value: "2", selected: true }, h("span", { key: 'ca6255390099436de4a6fbb5f2c1e182d8a9dc4b' }, "Option 2"), h("div", { key: '4fc784d028ea7ce3025b6e983ab51b05185595fc', slot: "detail" }, h("smoothly-tabs", { key: 'c336dc2a0ce56efa45a639c2e89e62e1e246a442' }, h("smoothly-tab", { key: '6820992dcd04115db18b9cd9030587d1f1a5f023', label: "Dog", name: "dog", open: true }, "\uD83D\uDC15"), h("smoothly-tab", { key: '9aa5005a09e4be778116e88b578dcc26a52ff9d4', label: "Cat", name: "cat" }, "\uD83D\uDC08"), h("smoothly-tab", { key: '64b1a15fe3834a1d75d7feb4365e63e4fe6240da', label: "Rat", name: "rat" }, "\uD83D\uDC00")))))));
+    }
+    static get watchers() { return {
+        "selected": ["selectedChange"]
+    }; }
+    static get style() { return SmoothlyInputDemoRadioStyle0; }
+}, [2, "smoothly-input-demo-radio", {
+        "selected": [32]
+    }, undefined, {
+        "selected": ["selectedChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["smoothly-input-demo-radio", "smoothly-icon", "smoothly-input-radio", "smoothly-input-radio-item", "smoothly-tab", "smoothly-tabs"];
+    components.forEach(tagName => { switch (tagName) {
+        case "smoothly-input-demo-radio":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SmoothlyInputDemoRadio);
+            }
+            break;
+        case "smoothly-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "smoothly-input-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "smoothly-input-radio-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "smoothly-tab":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "smoothly-tabs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SmoothlyInputDemoRadio as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-dccf0678.js.map

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

@@ -0,0 +1 @@
+{"file":"p-dccf0678.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,2TAA2T,CAAC;AAC7U,qCAAe,QAAQ;;MCMV,sBAAsB;;;;;;IAIlC,cAAc;QACb,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;KACtC;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8FAAuC,EACvC,6EACC,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,QAAQ,EAClB,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAe,CAAC,IAChE,kFAA2B,KAAK,EAAC,GAAG,IACnC,0EAAqB,EAErB,6DAAM,IAAI,EAAC,QAAQ,ocAMZ,CACoB,EAC5B,kFAA2B,KAAK,EAAC,GAAG,EAAC,QAAQ,UAC5C,0EAAqB,EACrB,4DAAK,IAAI,EAAC,QAAQ,IACjB,wEACC,qEAAc,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,yBAE1B,EACf,qEAAc,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,mBAErB,EACf,qEAAc,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,mBAErB,CACA,CACX,CACqB,CACN,CACjB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/demo/radio/style.css?tag=smoothly-input-demo-radio&encapsulation=scoped","src/components/input/demo/radio/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));\n\tmax-width: min(56rem, 100%);\n\tmargin: auto;\n\tflex-direction: column;\n\tgap: 0.5rem;\n}\n\n:host :not(smoothly-input-date):not(smoothly-input-date-range) {\n\tgrid-column: 1 / -1;\n}\n","import { Component, h, Host, State, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-demo-radio\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemoRadio {\n\t@State() selected: string\n\n\t@Watch(\"selected\")\n\tselectedChange() {\n\t\tconsole.log(\"selected\", this.selected)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>radio input - column direction</h2>\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tname=\"radio\"\n\t\t\t\t\tdirection=\"column\"\n\t\t\t\t\tonSmoothlyInput={e => (this.selected = e.detail.radio as string)}>\n\t\t\t\t\t<smoothly-input-radio-item value=\"1\">\n\t\t\t\t\t\t<span>Option 1</span>\n\n\t\t\t\t\t\t<span slot=\"detail\">\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\n\t\t\t\t\t\t\tdolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex\n\t\t\t\t\t\t\tea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu\n\t\t\t\t\t\t\tfugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt\n\t\t\t\t\t\t\tmollit anim id est laborum.\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t<smoothly-input-radio-item value=\"2\" selected>\n\t\t\t\t\t\t<span>Option 2</span>\n\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t<smoothly-tabs>\n\t\t\t\t\t\t\t\t<smoothly-tab label=\"Dog\" name=\"dog\" open>\n\t\t\t\t\t\t\t\t\t🐕\n\t\t\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t\t\t<smoothly-tab label=\"Cat\" name=\"cat\">\n\t\t\t\t\t\t\t\t\t🐈\n\t\t\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t\t\t<smoothly-tab label=\"Rat\" name=\"rat\">\n\t\t\t\t\t\t\t\t\t🐀\n\t\t\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t\t</smoothly-tabs>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t</smoothly-input-radio>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-97e22dc3.js → p-e44568a9.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$3 } from './p-604f869e.js';
-import { d as defineCustomElement$2 } from './p-4f0ce21b.js';
-import { d as defineCustomElement$1 } from './p-6f96e7ef.js';
+import { d as defineCustomElement$2 } from './p-b52a6734.js';
+import { d as defineCustomElement$1 } from './p-ef0cb600.js';
 
 const styleCss = ".sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier{pointer-events:none;display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier>smoothly-notification.sc-smoothly-notifier{pointer-events:all}";
 const SmoothlyNotifierStyle0 = styleCss;
@@ -20,7 +20,7 @@ const Notifier = proxyCustomElement(class Notifier extends H {
         this.notices = [...this.notices.filter(n => n != event.detail)];
     }
     render() {
-        return (h(Host, { key: 'bedcd18dde0e5ef17522b8289dee911015708d43' }, h("slot", { key: '3b631d5e334d1a8c698098a7ff21ee8cd40a572e' }), h("div", { key: '7052a9eb6a207f477e7a06fbf2f67e231ccce23e', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
+        return (h(Host, { key: '25e53ef1a4d48669cda0a254c63dbc439726a4c4' }, h("slot", { key: '6bed9d295489eedbe95ce62a03cd535059ffcdef' }), h("div", { key: 'dc788339a0295b6ac649c26072638b510165524d', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
     }
     static get style() { return SmoothlyNotifierStyle0; }
 }, [6, "smoothly-notifier", {
@@ -59,4 +59,4 @@ defineCustomElement();
 
 export { Notifier as N, defineCustomElement as d };
 
-//# sourceMappingURL=p-97e22dc3.js.map
+//# sourceMappingURL=p-e44568a9.js.map

package/dist/components/{p-97e22dc3.js.map → p-e44568a9.js.map}

@@ -1 +1 @@
-{"file":"p-97e22dc3.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,ibAAib,CAAC;AACnc,+BAAe,QAAQ;;MCOV,QAAQ;;;;oBACL,KAAK;uBACS,EAAE;;IAG/B,QAAQ,CAAC,KAA0B;QAClC,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KAC9C;IAED,QAAQ,CAAC,KAA0B;QAClC,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;KAC/D;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAQ,EACR,4DAAK,KAAK,EAAC,2BAA2B,IACpC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAClB,6BAAuB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACrD,CAAC,CACG,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/notifier/style.css?tag=smoothly-notifier&encapsulation=scoped","src/components/notifier/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > .smoothly-notifier-wrapper {\n\tpointer-events: none;\n\tdisplay: flex;\n\tflex-wrap: wrap-reverse;\n\talign-content: stretch;\n\tposition: fixed;\n\tbottom: 3rem;\n\tleft: 0;\n\ttext-align: center;\n\tz-index: 100;\n}\n\n:host > .smoothly-notifier-wrapper > smoothly-notification {\n\tpointer-events: all;\n}\n","import { Component, h, Host, Listen, Prop, State } from \"@stencil/core\"\nimport { Notice } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-notifier\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Notifier {\n\t@Prop() icon = false\n\t@State() notices: Notice[] = []\n\n\t@Listen(\"notice\")\n\tonNotice(event: CustomEvent<Notice>) {\n\t\tthis.notices = [...this.notices, event.detail]\n\t}\n\t@Listen(\"remove\")\n\tonRemove(event: CustomEvent<Notice>) {\n\t\tthis.notices = [...this.notices.filter(n => n != event.detail)]\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t\t<div class=\"smoothly-notifier-wrapper\">\n\t\t\t\t\t{this.notices.map(n => (\n\t\t\t\t\t\t<smoothly-notification notice={n} icon={this.icon} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-e44568a9.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,ibAAib,CAAC;AACnc,+BAAe,QAAQ;;MCOV,QAAQ;;;;oBACL,KAAK;uBACS,EAAE;;IAG/B,QAAQ,CAAC,KAA0B;QAClC,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KAC9C;IAED,QAAQ,CAAC,KAA0B;QAClC,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;KAC/D;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAQ,EACR,4DAAK,KAAK,EAAC,2BAA2B,IACpC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAClB,6BAAuB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACrD,CAAC,CACG,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/notifier/style.css?tag=smoothly-notifier&encapsulation=scoped","src/components/notifier/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > .smoothly-notifier-wrapper {\n\tpointer-events: none;\n\tdisplay: flex;\n\tflex-wrap: wrap-reverse;\n\talign-content: stretch;\n\tposition: fixed;\n\tbottom: 3rem;\n\tleft: 0;\n\ttext-align: center;\n\tz-index: 100;\n}\n\n:host > .smoothly-notifier-wrapper > smoothly-notification {\n\tpointer-events: all;\n}\n","import { Component, h, Host, Listen, Prop, State } from \"@stencil/core\"\nimport { Notice } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-notifier\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Notifier {\n\t@Prop() icon = false\n\t@State() notices: Notice[] = []\n\n\t@Listen(\"notice\")\n\tonNotice(event: CustomEvent<Notice>) {\n\t\tthis.notices = [...this.notices, event.detail]\n\t}\n\t@Listen(\"remove\")\n\tonRemove(event: CustomEvent<Notice>) {\n\t\tthis.notices = [...this.notices.filter(n => n != event.detail)]\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t\t<div class=\"smoothly-notifier-wrapper\">\n\t\t\t\t\t{this.notices.map(n => (\n\t\t\t\t\t\t<smoothly-notification notice={n} icon={this.icon} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-211c0f22.js → p-e779a545.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$3 } from './p-604f869e.js';
-import { d as defineCustomElement$2 } from './p-7a9728b2.js';
-import { d as defineCustomElement$1 } from './p-37732412.js';
+import { d as defineCustomElement$2 } from './p-239cce56.js';
+import { d as defineCustomElement$1 } from './p-70b61978.js';
 
 // src/path-to-regex-modified.ts
 var Part = class {
@@ -1519,4 +1519,4 @@ defineCustomElement();
 
 export { SmoothlyAppRoom as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-211c0f22.js.map
+//# sourceMappingURL=p-e779a545.js.map