npm - smoothly - Versions diffs - 1.2.1-alpha.22 → 1.2.1-alpha.24 - Mend

smoothly 1.2.1-alpha.22 → 1.2.1-alpha.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (379) hide show

package/dist/components/{p-aa3e9c0f.js → p-aa4ee979.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { C as Clearable, I as Input, S as SmoothlyForm } from './p-c5519ec1.js';
-import { E as Editable } from './p-96469335.js';
-import { d as defineCustomElement$2 } from './p-6da87c78.js';
-import { d as defineCustomElement$1 } from './p-f8b6cc8e.js';
+import { C as Clearable, I as Input, S as SmoothlyForm } from './p-80b231e3.js';
+import { E as Editable } from './p-b0d7a2e6.js';
+import { d as defineCustomElement$2 } from './p-be6d380e.js';
+import { d as defineCustomElement$1 } from './p-1ccb9b5d.js';
 const styleCss = "[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{--smoothly-button-border-radius:0.5rem;display:inline-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-clear-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-clear-h{display:inline}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear:empty,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:empty{border-width:0}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{padding:0.8em;min-width:8em}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-clear{padding:0.6em}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0.5em}[type=button].sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:100%}[size=large].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:130%}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-clear-h:not([fill=clear])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h{display:flex}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h[type=\"input\"].sc-smoothly-input-clear-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-clear-h{cursor:not-allowed}.sc-smoothly-input-clear-h[type=\"input\"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type=\"input\"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}";
 const SmoothlyInputClearStyle0 = styleCss;
@@ -87,4 +87,4 @@ defineCustomElement();
 export { SmoothlyInputClear as S, defineCustomElement as d };
-//# sourceMappingURL=p-aa3e9c0f.js.map
+//# sourceMappingURL=p-aa4ee979.js.map

package/dist/components/{p-aa3e9c0f.js.map → p-aa4ee979.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~aa3e9c0f~~.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,83NAA83N,CAAC;AACh5N,iCAAe,QAAQ;;MCWV,kBAAkB;;;;;;;oBAGS,OAAO;wBACK,KAAK;oBACiB,MAAM;;uBAE7B,IAAI;oBACJ,OAAO;uBACvC,OAAO;;IAIzB,MAAM,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;oBAChC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAM,CAAC;wBAC/B,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;4BAChB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,OAAO,IAAI,SAAS,GAAG,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;yBAC5F;wBACD,IAAI,CAAC,YAAY,YAAY,EAAE;4BAC9B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;4BAClF,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;yBAC1B;qBACD,CAAC,CAAA;iBACF;aACD;SACD,CAAC,CAAA;KACF;IAED,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAA;KACpB;IACD,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACxB,wEACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,oCAAK,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,IAC/D,8DAAQ,EACR,sEAAe,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACzB,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/clear/style.css?tag=smoothly-input-clear&encapsulation=scoped","src/components/input/clear/index.tsx"],"sourcesContent":["@import \"../../button/style.css\";\n\n:host {\n\tdisplay: flex;\n}\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host([type=\"input\"])::slotted(smoothly-button>button) {\n\tcursor: pointer;\n\tfilter: opacity(60%);\n\t--smoothly-button-foreground: var(--smoothly-input-foreground);\n\tbackground-color: transparent;\n}\n\n:host::slotted(smoothly-button>button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n\n:host([disabled]) {\n\tcursor: not-allowed\n}\n\n:host([type=\"input\"]):hover ::slotted(smoothly-icon) {\n\tcursor: pointer;\n\tfilter: opacity(100%);\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { SmoothlyForm } from \"../../form\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\n\n@Component({\n\ttag: \"smoothly-input-clear\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputClear {\n\t@Prop() color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" \| \"full\"\n\t@Prop({ reflect: true }) fill?: Fill = \"clear\"\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true }) size: \"small\" \| \"large\" \| \"icon\" \| \"flexible\" = \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) type: \"form\" \| \"input\" = \"input\"\n\t@Prop() tooltip = \"Clear\"\n\tprivate parent?: Clearable \| (Clearable & Editable)\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Clearable.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tif (Editable.Element.is(parent)) {\n\t\t\t\t\tparent.listen(\"changed\", async p => {\n\t\t\t\t\t\tif (Input.is(p)) {\n\t\t\t\t\t\t\tthis.display = !p.readonly && (typeof p.defined == \"boolean\" ? p.defined : Boolean(p.value))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (p instanceof SmoothlyForm) {\n\t\t\t\t\t\t\tthis.disabled = p.readonly \|\| Object.values(p.value).filter(val => val).length < 1\n\t\t\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.clear()\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host title={this.tooltip}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={this.fill ?? (this.type == \"input\" ? \"clear\" : undefined)}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<smoothly-icon name=\"close\" size=\"tiny\" />\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-aa4ee979.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,83NAA83N,CAAC;AACh5N,iCAAe,QAAQ;;MCWV,kBAAkB;;;;;;;oBAGS,OAAO;wBACK,KAAK;oBACiB,MAAM;;uBAE7B,IAAI;oBACJ,OAAO;uBACvC,OAAO;;IAIzB,MAAM,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;oBAChC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAM,CAAC;wBAC/B,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;4BAChB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,OAAO,IAAI,SAAS,GAAG,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;yBAC5F;wBACD,IAAI,CAAC,YAAY,YAAY,EAAE;4BAC9B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;4BAClF,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;yBAC1B;qBACD,CAAC,CAAA;iBACF;aACD;SACD,CAAC,CAAA;KACF;IAED,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAA;KACpB;IACD,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACxB,wEACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,oCAAK,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,IAC/D,8DAAQ,EACR,sEAAe,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACzB,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/clear/style.css?tag=smoothly-input-clear&encapsulation=scoped","src/components/input/clear/index.tsx"],"sourcesContent":["@import \"../../button/style.css\";\n\n:host {\n\tdisplay: flex;\n}\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host([type=\"input\"])::slotted(smoothly-button>button) {\n\tcursor: pointer;\n\tfilter: opacity(60%);\n\t--smoothly-button-foreground: var(--smoothly-input-foreground);\n\tbackground-color: transparent;\n}\n\n:host::slotted(smoothly-button>button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n\n:host([disabled]) {\n\tcursor: not-allowed\n}\n\n:host([type=\"input\"]):hover ::slotted(smoothly-icon) {\n\tcursor: pointer;\n\tfilter: opacity(100%);\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { SmoothlyForm } from \"../../form\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\n\n@Component({\n\ttag: \"smoothly-input-clear\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputClear {\n\t@Prop() color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" \| \"full\"\n\t@Prop({ reflect: true }) fill?: Fill = \"clear\"\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true }) size: \"small\" \| \"large\" \| \"icon\" \| \"flexible\" = \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) type: \"form\" \| \"input\" = \"input\"\n\t@Prop() tooltip = \"Clear\"\n\tprivate parent?: Clearable \| (Clearable & Editable)\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Clearable.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tif (Editable.Element.is(parent)) {\n\t\t\t\t\tparent.listen(\"changed\", async p => {\n\t\t\t\t\t\tif (Input.is(p)) {\n\t\t\t\t\t\t\tthis.display = !p.readonly && (typeof p.defined == \"boolean\" ? p.defined : Boolean(p.value))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (p instanceof SmoothlyForm) {\n\t\t\t\t\t\t\tthis.disabled = p.readonly \|\| Object.values(p.value).filter(val => val).length < 1\n\t\t\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.clear()\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host title={this.tooltip}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={this.fill ?? (this.type == \"input\" ? \"clear\" : undefined)}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<smoothly-icon name=\"close\" size=\"tiny\" />\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-2efadf3c.js → p-ad1af123.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-f765921a.js';
-import { d as defineCustomElement$2 } from './p-f40a3efd.js';
+import { d as defineCustomElement$2 } from './p-f1979b62.js';
 import { d as defineCustomElement$1 } from './p-d9b4a9de.js';
 const styleCss = ".sc-smoothly-tabs-demo-h{display:block}[hidden].sc-smoothly-tabs-demo-h{display:none}.sc-smoothly-tabs-demo-h>*.sc-smoothly-tabs-demo{margin:auto;max-width:1200px;width:100%}";
@@ -42,4 +42,4 @@ defineCustomElement();
 export { SmoothlyTabsDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-2efadf3c.js.map
+//# sourceMappingURL=p-ad1af123.js.map

package/dist/components/{p-2efadf3c.js.map → p-ad1af123.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~2efadf3c~~.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,gLAAgL,CAAC;AAClM,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,wEACC,qEAAc,KAAK,EAAC,OAAO,EAAC,IAAI,yBAEjB,EACf,qEAAc,KAAK,EAAC,OAAO,8BAAuC,EAClE,qEAAc,KAAK,EAAC,OAAO,oCAA6C,CACzD,EAChB;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/tabs/demo/style.css?tag=smoothly-tabs-demo&encapsulation=scoped","src/components/tabs/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > * {\n\tmargin: auto;\n\tmax-width: 1200px;\n\twidth: 100%;\n}\n","import { Component, h } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabsDemo {\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-tabs>\n\t\t\t\t<smoothly-tab label=\"test1\" open>\n\t\t\t\t\tHello world!\n\t\t\t\t</smoothly-tab>\n\t\t\t\t<smoothly-tab label=\"test2\">this is a test message!</smoothly-tab>\n\t\t\t\t<smoothly-tab label=\"test3\">this is a test message again!</smoothly-tab>\n\t\t\t</smoothly-tabs>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-ad1af123.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,gLAAgL,CAAC;AAClM,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,wEACC,qEAAc,KAAK,EAAC,OAAO,EAAC,IAAI,yBAEjB,EACf,qEAAc,KAAK,EAAC,OAAO,8BAAuC,EAClE,qEAAc,KAAK,EAAC,OAAO,oCAA6C,CACzD,EAChB;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/tabs/demo/style.css?tag=smoothly-tabs-demo&encapsulation=scoped","src/components/tabs/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > * {\n\tmargin: auto;\n\tmax-width: 1200px;\n\twidth: 100%;\n}\n","import { Component, h } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabsDemo {\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-tabs>\n\t\t\t\t<smoothly-tab label=\"test1\" open>\n\t\t\t\t\tHello world!\n\t\t\t\t</smoothly-tab>\n\t\t\t\t<smoothly-tab label=\"test2\">this is a test message!</smoothly-tab>\n\t\t\t\t<smoothly-tab label=\"test3\">this is a test message again!</smoothly-tab>\n\t\t\t</smoothly-tabs>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-96469335.js → p-b0d7a2e6.js} RENAMED Viewed

@@ -1,15 +1,12 @@
-import { T as Type, o as object, b as boolean } from './p-82c01297.js';
-import { i as islyFunction } from './p-ca19ed60.js';
+import { T as Type, o as object, b as boolean } from './p-d471066b.js';
+import { i as islyFunction } from './p-8e1e509d.js';
 function any(name) {
     return new IslyAny(name ?? "any");
 }
 class IslyAny extends Type {
-    constructor() {
-        super(...arguments);
-        this.class = "any";
-        this.is = (value) => value != undefined;
-    }
+    class = "any";
+    is = (value) => value != undefined;
 }
 var Editable;
@@ -36,4 +33,4 @@ var Editable;
 export { Editable as E, any as a };
-//# sourceMappingURL=p-96469335.js.map
+//# sourceMappingURL=p-b0d7a2e6.js.map

package/dist/components/p-b0d7a2e6.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-b0d7a2e6.js","mappings":";;;AACO,SAAS,GAAG,CAAC,IAAI,EAAE;AAC1B,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC;AACtC,CAAC;AACM,MAAM,OAAO,SAAS,IAAI,CAAC;AAClC,IAAI,KAAK,GAAG,KAAK,CAAC;AAClB,IAAI,EAAE,GAAG,CAAC,KAAK,KAAK,KAAK,IAAI,SAAS,CAAC;AACvC;;ICCiB,SA4BhB;AA5BD,WAAiB,QAAQ;IAQxB,IAAiB,OAAO,CASvB;IATD,WAAiB,OAAO;QACV,YAAI,GAAGA,MAAW,CAAU;YACxC,IAAI,EAAEC,YAAa,EAAE;YACrB,QAAQ,EAAEC,OAAY,EAAE;YACxB,MAAM,EAAED,YAAa,EAAU;YAC/B,KAAK,EAAEA,YAAa,EAAS;YAC7B,eAAe,EAAEA,YAAa,EAAE;SAChC,CAAC,CAAA;QACW,UAAE,GAAG,QAAA,IAAI,CAAC,EAAE,CAAA;KACzB,EATgB,OAAO,GAAP,gBAAO,KAAP,gBAAO,QASvB;IAID,MAAM,YAAY,GAAGD,MAAW,CAAe,EAAE,IAAI,EAAEC,YAAa,EAAwB,EAAE,CAAC,CAAA;IAClF,aAAI,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAW;QACjD,OAAO,EAAEC,OAAY,EAAE;QACvB,KAAK,EAAEC,GAAQ,EAAE,CAAC,QAAQ,EAAE;QAC5B,mBAAmB,EAAE,YAAY;KACjC,CAAC,CAAA;IACW,WAAE,GAAG,SAAA,IAAI,CAAC,EAAE,CAAA;AAC1B,CAAC,EA5BgB,QAAQ,KAAR,QAAQ;;;;","names":["isly.object","isly.function","isly.boolean","isly.any"],"sources":["node_modules/isly/dist/mjs/any/index.js","src/components/input/Editable.ts"],"sourcesContent":["import { Type } from \"../Type\";\nexport function any(name) {\n return new IslyAny(name ?? \"any\");\n}\nexport class IslyAny extends Type {\n class = \"any\";\n is = (value) => value != undefined;\n}\n//# sourceMappingURL=index.js.map","import { EventEmitter } from \"@stencil/core\"\nimport { isly } from \"isly\"\n\nexport interface Editable extends Editable.Element {\n\tchanged: boolean\n\tvalue?: any\n\tsmoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n}\nexport namespace Editable {\n\texport interface Element {\n\t\tedit: Editable.Edit\n\t\treset: Editable.Reset\n\t\treadonly: boolean\n\t\tlisten: Editable.Listen\n\t\tsetInitialValue: () => void\n\t}\n\texport namespace Element {\n\t\texport const type = isly.object<Element>({\n\t\t\tedit: isly.function(),\n\t\t\treadonly: isly.boolean(),\n\t\t\tlisten: isly.function<Listen>(),\n\t\t\treset: isly.function<Reset>(),\n\t\t\tsetInitialValue: isly.function(),\n\t\t})\n\t\texport const is = type.is\n\t}\n\texport type Listen = (property: \"changed\", listener: (parent: Editable) => Promise<void>) => void\n\texport type Edit = (editable: boolean) => Promise<void>\n\texport type Reset = () => Promise<void>\n\tconst EventEmitter = isly.object<EventEmitter>({ emit: isly.function<EventEmitter[\"emit\"]>() })\n\texport const type = Element.type.extend<Editable>({\n\t\tchanged: isly.boolean(),\n\t\tvalue: isly.any().optional(),\n\t\tsmoothlyFormDisable: EventEmitter,\n\t})\n\texport const is = type.is\n}\n"],"version":3}

package/dist/components/{p-8ad720fa.js → p-b18e0a8b.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { E as Editable } from './p-96469335.js';
-import { d as defineCustomElement$2 } from './p-6da87c78.js';
-import { d as defineCustomElement$1 } from './p-f8b6cc8e.js';
+import { E as Editable } from './p-b0d7a2e6.js';
+import { d as defineCustomElement$2 } from './p-be6d380e.js';
+import { d as defineCustomElement$1 } from './p-1ccb9b5d.js';
 const styleCss = "[color=default].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-edit-h{--smoothly-button-border-radius:0.5rem;display:inline-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-edit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-edit-h{display:inline}[disabled].sc-smoothly-input-edit-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit:empty,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:empty{border-width:0}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-edit{padding:0.8em;min-width:8em}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-edit{padding:0.6em}[size=icon].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{padding:0.5em}[type=button].sc-smoothly-input-edit-h>a.sc-smoothly-input-edit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:100%}[size=large].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:130%}.sc-smoothly-input-edit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-edit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-edit-h{width:100%}[expand=full].sc-smoothly-input-edit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-edit-h:not([fill=clear])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-visible,[fill=outline].sc-smoothly-input-edit-h:active>button.sc-smoothly-input-edit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:hover::before,[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-within::before,[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:focus-visible,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h .sc-smoothly-input-edit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-edit-h{display:none}.sc-smoothly-input-edit-h:not([display]){display:none}[editable].sc-smoothly-input-edit-h{opacity:0.5}.sc-smoothly-input-edit-h[type=\"input\"].sc-smoothly-input-edit-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-edit-h smoothly-icon.default.sc-smoothly-input-edit{transform:translate(.1em, -.1em)}.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>button>*+smoothly-icon{display:none}";
 const SmoothlyInputEditStyle0 = styleCss;
@@ -78,4 +78,4 @@ defineCustomElement();
 export { SmoothlyInputEdit as S, defineCustomElement as d };
-//# sourceMappingURL=p-8ad720fa.js.map
+//# sourceMappingURL=p-b18e0a8b.js.map

package/dist/components/{p-8ad720fa.js.map → p-b18e0a8b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~8ad720fa~~.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,qoNAAqoN,CAAC;AACvpN,gCAAe,QAAQ;;MCQV,iBAAiB;;;;;qBAEL,UAAU;;;wBAGiB,KAAK;uBACN,IAAI;;oBAEJ,OAAO;;uBAEvC,MAAM;;IAExB,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAM,CAAC;oBAC/B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAA;iBACzB,CAAC,CAAA;aACF;SACD,CAAC,CAAA;KACF;IAED,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,CAAC,IAAI,CAAC,CAAA;KACvB;IAED,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACxB,wEACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,oCAAK,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,IAC/D,8DAAQ,EACR,sEAAe,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,GAAG,CAClD,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/edit/style.css?tag=smoothly-input-edit&encapsulation=scoped","src/components/input/edit/index.tsx"],"sourcesContent":["@import \"../../button/style.css\";\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host([editable]){\n\topacity: 0.5;\n}\n\n:host([type=\"input\"])::slotted(smoothly-button>button) {\n\tcursor: pointer;\n\tfilter: opacity(60%);\n\t--smoothly-button-foreground: var(--smoothly-input-foreground);\n\tbackground-color: transparent;\n}\n\n:host smoothly-icon.default {\n\ttransform: translate(.1em, -.1em);\n}\n\n:host::slotted(button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n","import { Component, ComponentWillLoad, Event, EventEmitter, h, Host, Listen, Prop, VNode } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { Editable } from \"../Editable\"\n\n@Component({\n\ttag: \"smoothly-input-edit\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputEdit implements ComponentWillLoad {\n\tprivate parent?: Editable\n\t@Prop() color?: Color = \"tertiary\"\n\t@Prop({ reflect: true }) expand?: \"block\" \| \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true }) type: \"form\" \| \"input\" = \"input\"\n\t@Prop({ reflect: true }) size: \"flexible\" \| \"small\" \| \"large\" \| \"icon\"\n\t@Prop() toolTip = \"Edit\"\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Editable.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tparent.listen(\"changed\", async p => {\n\t\t\t\t\tthis.display = p.readonly\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.edit(true)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host title={this.toolTip}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={this.fill ?? (this.type == \"input\" ? \"clear\" : undefined)}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<smoothly-icon class=\"default\" name=\"create-outline\" size=\"tiny\" />\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-b18e0a8b.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,qoNAAqoN,CAAC;AACvpN,gCAAe,QAAQ;;MCQV,iBAAiB;;;;;qBAEL,UAAU;;;wBAGiB,KAAK;uBACN,IAAI;;oBAEJ,OAAO;;uBAEvC,MAAM;;IAExB,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAM,CAAC;oBAC/B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAA;iBACzB,CAAC,CAAA;aACF;SACD,CAAC,CAAA;KACF;IAED,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,CAAC,IAAI,CAAC,CAAA;KACvB;IAED,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACxB,wEACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,oCAAK,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,IAC/D,8DAAQ,EACR,sEAAe,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,GAAG,CAClD,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/edit/style.css?tag=smoothly-input-edit&encapsulation=scoped","src/components/input/edit/index.tsx"],"sourcesContent":["@import \"../../button/style.css\";\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host([editable]){\n\topacity: 0.5;\n}\n\n:host([type=\"input\"])::slotted(smoothly-button>button) {\n\tcursor: pointer;\n\tfilter: opacity(60%);\n\t--smoothly-button-foreground: var(--smoothly-input-foreground);\n\tbackground-color: transparent;\n}\n\n:host smoothly-icon.default {\n\ttransform: translate(.1em, -.1em);\n}\n\n:host::slotted(button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n","import { Component, ComponentWillLoad, Event, EventEmitter, h, Host, Listen, Prop, VNode } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { Editable } from \"../Editable\"\n\n@Component({\n\ttag: \"smoothly-input-edit\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputEdit implements ComponentWillLoad {\n\tprivate parent?: Editable\n\t@Prop() color?: Color = \"tertiary\"\n\t@Prop({ reflect: true }) expand?: \"block\" \| \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true }) type: \"form\" \| \"input\" = \"input\"\n\t@Prop({ reflect: true }) size: \"flexible\" \| \"small\" \| \"large\" \| \"icon\"\n\t@Prop() toolTip = \"Edit\"\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Editable.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tparent.listen(\"changed\", async p => {\n\t\t\t\t\tthis.display = p.readonly\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.edit(true)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host title={this.toolTip}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={this.fill ?? (this.type == \"input\" ? \"clear\" : undefined)}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<smoothly-icon class=\"default\" name=\"create-outline\" size=\"tiny\" />\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-fa39a723.js → p-b354198d.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$1 } from './p-f8b6cc8e.js';
+import { d as defineCustomElement$1 } from './p-1ccb9b5d.js';
 const styleCss = ".sc-smoothly-table-cell-h{display:table-cell;line-height:1.5rem;white-space:nowrap;padding:0.3rem .5rem;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade))}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{display:none;width:1em;height:auto;aspect-ratio:1 / 1;margin:0 0.3rem;transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-table-cell-h:hover>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{opacity:1}smoothly-table-expandable-row>div .sc-smoothly-table-cell-h:last-of-type>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{display:flex}smoothly-table-expandable-row[open]>div>.sc-smoothly-table-cell-h:last-of-type>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{transform:rotate(90deg)}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell{display:grid;grid-template-columns:1fr auto;align-items:center}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell>div.sc-smoothly-table-cell{width:100%}smoothly-table[align=bottom] .sc-smoothly-table-cell-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-cell-h{vertical-align:middle}smoothly-table[align=top] .sc-smoothly-table-cell-h{vertical-align:top}";
 const SmoothlyTableCellStyle0 = styleCss;
@@ -36,4 +36,4 @@ defineCustomElement();
 export { TableCell as T, defineCustomElement as d };
-//# sourceMappingURL=p-fa39a723.js.map
+//# sourceMappingURL=p-b354198d.js.map

package/dist/components/{p-fa39a723.js.map → p-b354198d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~fa39a723~~.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,2sCAA2sC,CAAC;AAC7tC,gCAAe,QAAQ;;MCMV,SAAS;;;;;IACrB,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,8DACC,8DAAa,CACR,EACN,sEAAe,IAAI,EAAC,uBAAuB,EAAC,IAAI,EAAC,MAAM,GAAG,CACrD,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/cell/style.css?tag=smoothly-table-cell&encapsulation=scoped","src/components/table/cell/index.tsx"],"sourcesContent":[":host {\n\tdisplay: table-cell;\n\tline-height: 1.5rem;\n\twhite-space: nowrap;\n\tpadding: 0.3rem .5rem;\n\tbox-shadow: 0 1px 0 0 rgb(var(--smoothly-color-shade));\n}\n:host > div > smoothly-icon {\n\tdisplay: none;\n\twidth: 1em;\n\theight: auto;\n\taspect-ratio: 1 / 1;\n\tmargin: 0 0.3rem;\n\ttransition: transform 0.2s, opacity 0.1s;\n\topacity: 0.3;\n}\n:host:hover > div > smoothly-icon {\n\topacity: 1;\n}\nsmoothly-table-expandable-row > div :host:last-of-type > div > smoothly-icon {\n\tdisplay: flex;\n}\nsmoothly-table-expandable-row[open] > div > :host:last-of-type > div > smoothly-icon {\n\ttransform: rotate(90deg);\n}\n:host > div {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr auto;\n\talign-items: center;\n}\n:host > div > div {\n\twidth: 100%;\n}\nsmoothly-table[align=bottom] :host {\n\tvertical-align: bottom;\n}\nsmoothly-table[align=middle] :host {\n\tvertical-align: middle;\n}\nsmoothly-table[align=top] :host {\n\tvertical-align: top;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableCell {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward-outline\" size=\"tiny\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-b354198d.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,2sCAA2sC,CAAC;AAC7tC,gCAAe,QAAQ;;MCMV,SAAS;;;;;IACrB,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,8DACC,8DAAa,CACR,EACN,sEAAe,IAAI,EAAC,uBAAuB,EAAC,IAAI,EAAC,MAAM,GAAG,CACrD,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/cell/style.css?tag=smoothly-table-cell&encapsulation=scoped","src/components/table/cell/index.tsx"],"sourcesContent":[":host {\n\tdisplay: table-cell;\n\tline-height: 1.5rem;\n\twhite-space: nowrap;\n\tpadding: 0.3rem .5rem;\n\tbox-shadow: 0 1px 0 0 rgb(var(--smoothly-color-shade));\n}\n:host > div > smoothly-icon {\n\tdisplay: none;\n\twidth: 1em;\n\theight: auto;\n\taspect-ratio: 1 / 1;\n\tmargin: 0 0.3rem;\n\ttransition: transform 0.2s, opacity 0.1s;\n\topacity: 0.3;\n}\n:host:hover > div > smoothly-icon {\n\topacity: 1;\n}\nsmoothly-table-expandable-row > div :host:last-of-type > div > smoothly-icon {\n\tdisplay: flex;\n}\nsmoothly-table-expandable-row[open] > div > :host:last-of-type > div > smoothly-icon {\n\ttransform: rotate(90deg);\n}\n:host > div {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr auto;\n\talign-items: center;\n}\n:host > div > div {\n\twidth: 100%;\n}\nsmoothly-table[align=bottom] :host {\n\tvertical-align: bottom;\n}\nsmoothly-table[align=middle] :host {\n\tvertical-align: middle;\n}\nsmoothly-table[align=top] :host {\n\tvertical-align: top;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableCell {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward-outline\" size=\"tiny\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-6da87c78.js → p-be6d380e.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-f765921a.js';
-import { B as Button } from './p-58a11f85.js';
+import { B as Button } from './p-53671a89.js';
 const styleCss = "[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{--smoothly-button-border-radius:0.5rem;display:inline-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-button-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-button-h{display:inline}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-button-h>a.sc-smoothly-button:empty,.sc-smoothly-button-h>button.sc-smoothly-button:empty{border-width:0}.sc-smoothly-button-h>button.sc-smoothly-button{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-button-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-button{padding:0.8em;min-width:8em}.sc-smoothly-button-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-button{padding:0.6em}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{padding:0.5em}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-button-h>button.sc-smoothly-button{font-size:100%}[size=large].sc-smoothly-button-h>button.sc-smoothly-button{font-size:130%}.sc-smoothly-button-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-button-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-button-h:not([fill=clear])>button.sc-smoothly-button:hover,.sc-smoothly-button-h>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:active>button.sc-smoothly-button::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:hover::before,[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:focus-within::before,[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-button-h>button.sc-smoothly-button,.sc-smoothly-button-h.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-button-h{display:none}";
 const SmoothlyButtonStyle0 = styleCss;
@@ -48,4 +48,4 @@ defineCustomElement();
 export { SmoothlyButton as S, defineCustomElement as d };
-//# sourceMappingURL=p-6da87c78.js.map
+//# sourceMappingURL=p-be6d380e.js.map

package/dist/components/{p-6da87c78.js.map → p-be6d380e.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~6da87c78~~.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,o3LAAo3L,CAAC;AACt4L,6BAAe,QAAQ;;MCQV,cAAc;;;;;;;wBAIU,KAAK;oBACkB,QAAQ;;;;;IAKnE,MAAM;QACL,QACC,EAAC,MAAM,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAChE,8DAAQ,CACA,EACT;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button/style.css?tag=smoothly-button&encapsulation=scoped","src/components/button/index.tsx"],"sourcesContent":["@import \"../color/style.css\";\n\n:host {\n\t--smoothly-button-border-radius: 0.5rem;\n\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tborder-radius: var(--smoothly-button-border-radius);\n\tcursor: pointer;\n\tborder: none;\n\toutline: none;\n\tposition: relative;\n}\n:host([shape=rounded]) {\n\t--smoothly-button-border-radius: 2rem;\n}\n\n:host([type=link]) {\n\tdisplay: inline;\n}\n\n:host([disabled]) {\n\topacity: 0.5;\n\tpointer-events: none;\n}\n\n:host>a,\n:host>button {\n\tfont-size: 110%;\n\tfont-weight: 400;\n\tborder: 1px solid transparent;\n\toutline: none;\n\tbackground-color: transparent;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tgap: 0.5rem;\n\tbox-sizing: border-box;\n}\n:host>a:empty,\n:host>button:empty {\n\tborder-width: 0;\n}\n\n:host>button {\n\tfont-weight: bold;\n\tjustify-content: center;\n\theight: 100%;\n\twidth: 100%;\n\tborder-radius: var(--smoothly-button-border-radius);\n\talign-items: center;\n}\n\n:host(:not([size=icon]):not([size=flexible]))>button {\n\tpadding: 0.8em;\n\tmin-width: 8em;\n}\n\n:host(:not([size=icon]):not([size=flexible])):has(smoothly-icon)>button {\n\tpadding: 0.6em;\n}\n\n:host([size=icon])>button {\n\tpadding: 0.5em;\n}\n\n:host([type=button])>a {\n\ttext-align: center;\n\ttext-decoration: inherit;\n\twidth: calc(100% - 0.6em);\n}\n\n:host([size=small])>button {\n\tfont-size: 100%;\n}\n\n:host([size=large])>button {\n\tfont-size: 130%;\n}\n\n:host(:not([size=icon])) {\n\tmin-width: 8em;\n}\n\n:host([size=flexible]) {\n\tmin-width: unset;\n\tpadding: 0;\n\tmargin: 0;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n:host([size=flexible])>button {\n\tmin-width: unset;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n:host([expand]) {\n\twidth: 100%;\n}\n\n:host([expand=full]) {\n\tborder-left: none;\n\tborder-right: none;\n\t--smoothly-button-border-radius: 0;\n}\n\n:host([fill=outline])>button {\n\tbackground-color: transparent;\n\tcolor: rgb(var(--smoothly-button-foreground));\n\tfill: rgb(var(--smoothly-button-foreground));\n\tstroke: rgb(var(--smoothly-button-foreground));\n\tborder-color: rgb(var(--smoothly-button-foreground));\n}\n\n:host(:not([fill=clear]))>button:hover,\n:host()>button:focus-visible,\n:host([fill=outline]):active>button::before {\n\tborder-color: rgb(var(--smoothly-button-focus-color));\n}\n\n:host([fill=outline])>button:hover::before,\n:host([fill=outline])>button:focus-within::before,\n:host([fill=outline])>button:active::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tborder: 2px solid rgb(var(--smoothly-button-focus-border));\n\tinset: -1px;\n\tborder-radius: var(--smoothly-button-border-radius);\n}\n\n:host(:not([fill=clear]):not([fill=outline]))>button:hover,\n:host(:not([fill=clear]):not([fill=outline]))>button:focus-visible,\n:host(:not([fill=clear]):not([fill=outline]))>button:active {\n\tbackground: rgb(var(--smoothly-button-hover-background));\n}\n\n:host>button,\n:host ::slotted(smoothly-icon) {\n\tcolor: rgb(var(--smoothly-button-foreground));\n\tstroke: rgb(var(--smoothly-button-foreground));\n\tfill: rgb(var(--smoothly-button-foreground));\n}\n\n:host([hidden]) {\n\tdisplay: none;\n}\n","import { Component, h, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Button } from \"./Button\"\n\n@Component({\n\ttag: \"smoothly-button\",\n\tstyleUrl: \"../button/style.css\",\n\tscoped: true,\n})\nexport class SmoothlyButton {\n\t@Prop({ reflect: true }) color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" \| \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) type: Button.Properties[\"type\"] = \"button\"\n\t@Prop({ reflect: true }) size: \"small\" \| \"large\" \| \"icon\" \| \"flexible\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop() link?: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Button disabled={this.disabled} type={this.type} link={this.link}>\n\t\t\t\t<slot />\n\t\t\t</Button>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-be6d380e.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,o3LAAo3L,CAAC;AACt4L,6BAAe,QAAQ;;MCQV,cAAc;;;;;;;wBAIU,KAAK;oBACkB,QAAQ;;;;;IAKnE,MAAM;QACL,QACC,EAAC,MAAM,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAChE,8DAAQ,CACA,EACT;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button/style.css?tag=smoothly-button&encapsulation=scoped","src/components/button/index.tsx"],"sourcesContent":["@import \"../color/style.css\";\n\n:host {\n\t--smoothly-button-border-radius: 0.5rem;\n\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tborder-radius: var(--smoothly-button-border-radius);\n\tcursor: pointer;\n\tborder: none;\n\toutline: none;\n\tposition: relative;\n}\n:host([shape=rounded]) {\n\t--smoothly-button-border-radius: 2rem;\n}\n\n:host([type=link]) {\n\tdisplay: inline;\n}\n\n:host([disabled]) {\n\topacity: 0.5;\n\tpointer-events: none;\n}\n\n:host>a,\n:host>button {\n\tfont-size: 110%;\n\tfont-weight: 400;\n\tborder: 1px solid transparent;\n\toutline: none;\n\tbackground-color: transparent;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tgap: 0.5rem;\n\tbox-sizing: border-box;\n}\n:host>a:empty,\n:host>button:empty {\n\tborder-width: 0;\n}\n\n:host>button {\n\tfont-weight: bold;\n\tjustify-content: center;\n\theight: 100%;\n\twidth: 100%;\n\tborder-radius: var(--smoothly-button-border-radius);\n\talign-items: center;\n}\n\n:host(:not([size=icon]):not([size=flexible]))>button {\n\tpadding: 0.8em;\n\tmin-width: 8em;\n}\n\n:host(:not([size=icon]):not([size=flexible])):has(smoothly-icon)>button {\n\tpadding: 0.6em;\n}\n\n:host([size=icon])>button {\n\tpadding: 0.5em;\n}\n\n:host([type=button])>a {\n\ttext-align: center;\n\ttext-decoration: inherit;\n\twidth: calc(100% - 0.6em);\n}\n\n:host([size=small])>button {\n\tfont-size: 100%;\n}\n\n:host([size=large])>button {\n\tfont-size: 130%;\n}\n\n:host(:not([size=icon])) {\n\tmin-width: 8em;\n}\n\n:host([size=flexible]) {\n\tmin-width: unset;\n\tpadding: 0;\n\tmargin: 0;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n:host([size=flexible])>button {\n\tmin-width: unset;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n:host([expand]) {\n\twidth: 100%;\n}\n\n:host([expand=full]) {\n\tborder-left: none;\n\tborder-right: none;\n\t--smoothly-button-border-radius: 0;\n}\n\n:host([fill=outline])>button {\n\tbackground-color: transparent;\n\tcolor: rgb(var(--smoothly-button-foreground));\n\tfill: rgb(var(--smoothly-button-foreground));\n\tstroke: rgb(var(--smoothly-button-foreground));\n\tborder-color: rgb(var(--smoothly-button-foreground));\n}\n\n:host(:not([fill=clear]))>button:hover,\n:host()>button:focus-visible,\n:host([fill=outline]):active>button::before {\n\tborder-color: rgb(var(--smoothly-button-focus-color));\n}\n\n:host([fill=outline])>button:hover::before,\n:host([fill=outline])>button:focus-within::before,\n:host([fill=outline])>button:active::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tborder: 2px solid rgb(var(--smoothly-button-focus-border));\n\tinset: -1px;\n\tborder-radius: var(--smoothly-button-border-radius);\n}\n\n:host(:not([fill=clear]):not([fill=outline]))>button:hover,\n:host(:not([fill=clear]):not([fill=outline]))>button:focus-visible,\n:host(:not([fill=clear]):not([fill=outline]))>button:active {\n\tbackground: rgb(var(--smoothly-button-hover-background));\n}\n\n:host>button,\n:host ::slotted(smoothly-icon) {\n\tcolor: rgb(var(--smoothly-button-foreground));\n\tstroke: rgb(var(--smoothly-button-foreground));\n\tfill: rgb(var(--smoothly-button-foreground));\n}\n\n:host([hidden]) {\n\tdisplay: none;\n}\n","import { Component, h, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Button } from \"./Button\"\n\n@Component({\n\ttag: \"smoothly-button\",\n\tstyleUrl: \"../button/style.css\",\n\tscoped: true,\n})\nexport class SmoothlyButton {\n\t@Prop({ reflect: true }) color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" \| \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) type: Button.Properties[\"type\"] = \"button\"\n\t@Prop({ reflect: true }) size: \"small\" \| \"large\" \| \"icon\" \| \"flexible\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop() link?: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Button disabled={this.disabled} type={this.type} link={this.link}>\n\t\t\t\t<slot />\n\t\t\t</Button>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-a74bdd1f.js → p-c05a03ab.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f765921a.js';
 import { A as And, P as Property, c as Is, b as property, N as Not, n as not, a as and } from './p-caf09da9.js';
 import { i as is } from './p-5ae9e20e.js';
-import { d as defineCustomElement$1 } from './p-f8b6cc8e.js';
+import { d as defineCustomElement$1 } from './p-1ccb9b5d.js';
 const styleCss = ".sc-smoothly-filter-toggle-h{position:relative;display:inline-block;cursor:pointer}.sc-smoothly-filter-toggle-h:hover>smoothly-icon.sc-smoothly-filter-toggle{stroke:rgb(var(--smoothly-success-tint));color:rgb(var(--smoothly-success-tint));fill:rgb(var(--smoothly-success-tint))}[flip].sc-smoothly-filter-toggle-h{transform:scaleX(-1)}";
 const SmoothlyFilterToggleStyle0 = styleCss;
@@ -115,4 +115,4 @@ defineCustomElement();
 export { SmoothlyFilterToggle as S, defineCustomElement as d };
-//# sourceMappingURL=p-a74bdd1f.js.map
+//# sourceMappingURL=p-c05a03ab.js.map

package/dist/components/{p-a74bdd1f.js.map → p-c05a03ab.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~a74bdd1f~~.js","mappings":"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","names":["selectively.And","selectively.Not","selectively.Property","selectively.Is","selectively.not","selectively.and","property","selectively.property","selectively.is"],"sources":["src/components/filter/toggle/style.css?tag=smoothly-filter-toggle&encapsulation=scoped","src/components/filter/toggle/index.tsx"],"sourcesContent":[":host {\n\tposition: relative;\n\tdisplay: inline-block;\n\tcursor: pointer;\n}\n\n:host:hover>smoothly-icon {\n\tstroke: rgb(var(--smoothly-success-tint));\n\tcolor: rgb(var(--smoothly-success-tint));\n\tfill: rgb(var(--smoothly-success-tint));\n}\n\n:host[flip] {\n\ttransform: scaleX(-1);\n}\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Icon } from \"../../../model\"\nimport { Filter } from \"../Filter\"\n\n@Component({\n\ttag: \"smoothly-filter-toggle\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterToggle {\n\t@Prop() icon: Icon\n\t@Prop() properties: Record<string, string>\n\t@Prop() toolTip: string\n\t@Prop() not: boolean\n\t@Prop({ reflect: true }) flip = false\n\t@Prop({ mutable: true }) active = false\n\t@Event() smoothlyFilterUpdate: EventEmitter<Filter.Update>\n\t@Event() smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n\tcomponentWillLoad() {\n\t\tthis.active && this.activeHandler()\n\t}\n\tcomponentDidLoad() {\n\t\tthis.smoothlyFilterUpdate.emit(this.update.bind(this))\n\t}\n\tupdate(expression: selectively.Criteria): void {\n\t\tif (expression instanceof selectively.And && expression.rules.length > 0) {\n\t\t\tthis.active = Object.entries(this.properties).every(([key, value]) =>\n\t\t\t\texpression.rules.some(r => {\n\t\t\t\t\tconst criteria = !this.not ? r : r instanceof selectively.Not ? r.criteria : undefined\n\t\t\t\t\treturn value == \"\"\n\t\t\t\t\t\t? !(criteria instanceof selectively.Property && criteria.name == key)\n\t\t\t\t\t\t: this.isCriteria(criteria, key, value)\n\t\t\t\t})\n\t\t\t)\n\t\t} else\n\t\t\tthis.active = false\n\t}\n\tprivate isCriteria(criteria: selectively.Rule \| undefined, key: string, value: 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.Is && criteria.criteria.value == value) \|\|\n\t\t\t\tthis.isCriteria(criteria.criteria, rest.join(\".\"), value))\n\t\t)\n\t}\n\n\tactiveHandler(activate?: true) {\n\t\tconst manipulate: Filter.Manipulate = (criteria: selectively.Criteria): selectively.Criteria => {\n\t\t\tlet result: selectively.Criteria = criteria\n\t\t\tactivate && (this.active = !this.active)\n\t\t\tif (result instanceof selectively.And) {\n\t\t\t\tfor (const [key, value] of Object.entries(this.properties)) {\n\t\t\t\t\tconst newCriteria =\n\t\t\t\t\t\t!this.active \|\| (this.active && value == \"\")\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: this.not\n\t\t\t\t\t\t\t? selectively.not(this.createCriteria(key, value))\n\t\t\t\t\t\t\t: this.createCriteria(key, value)\n\t\t\t\t\tconst index = result.rules.findIndex(r => this.findInstanceOf(r, key))\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}\n\t\t\t\tresult = selectively.and(...result.rules)\n\t\t\t}\n\t\t\treturn result\n\t\t}\n\t\tthis.smoothlyFilterManipulate.emit(manipulate.bind(this))\n\t}\n\tcreateCriteria(key: string, value: string): selectively.Rule {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\treturn selectively.property(\n\t\t\tproperty,\n\t\t\trest.length == 0 ? selectively.is(value) : this.createCriteria(rest.join(\".\"), value)\n\t\t)\n\t}\n\tfindInstanceOf(criteria: selectively.Criteria, property: string): boolean {\n\t\tconst check = !this.not ? criteria : criteria instanceof selectively.Not ? criteria.criteria : false\n\t\tconst [key, ...rest] = property.split(\".\")\n\t\treturn (\n\t\t\tcheck instanceof selectively.Property &&\n\t\t\tcheck.name == key &&\n\t\t\t(rest.length == 0 \|\| (!!check.criteria && this.findInstanceOf(check.criteria, rest.join(\".\"))))\n\t\t)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-icon\n\t\t\t\tfill=\"clear\"\n\t\t\t\tcolor={this.active ? \"success\" : \"medium\"}\n\t\t\t\tname={(this.active ? `${this.icon}` : `${this.icon}-outline`) as Icon}\n\t\t\t\ttoolTip={this.toolTip}\n\t\t\t\tonClick={() => this.activeHandler(true)}\n\t\t\t/>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-c05a03ab.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,gVAAgV,CAAC;AAClW,mCAAe,QAAQ;;MCSV,oBAAoB;;;;;;;;;;oBAKA,KAAK;sBACH,KAAK;;IAGvC,iBAAiB;QAChB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,EAAE,CAAA;KACnC;IACD,gBAAgB;QACf,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;KACtD;IACD,MAAM,CAAC,UAAgC;QACtC,IAAI,UAAU,YAAYA,GAAe,IAAI,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACzE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAChE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACtB,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,YAAYC,GAAe,GAAG,CAAC,CAAC,QAAQ,GAAG,SAAS,CAAA;gBACtF,OAAO,KAAK,IAAI,EAAE;sBACf,EAAE,QAAQ,YAAYC,QAAoB,IAAI,QAAQ,CAAC,IAAI,IAAI,GAAG,CAAC;sBACnE,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;aACxC,CAAC,CACF,CAAA;SACD;;YACA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;KACpB;IACO,UAAU,CAAC,QAAsC,EAAE,GAAW,EAAE,KAAa;QACpF,MAAM,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC1C,QACC,QAAQ,YAAYA,QAAoB;YACxC,QAAQ,CAAC,IAAI,IAAI,QAAQ;aACxB,CAAC,QAAQ,CAAC,QAAQ,YAAYC,EAAc,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,IAAI,KAAK;gBAChF,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC,EAC3D;KACD;IAED,aAAa,CAAC,QAAe;QAC5B,MAAM,UAAU,GAAsB,CAAC,QAA8B;YACpE,IAAI,MAAM,GAAyB,QAAQ,CAAA;YAC3C,QAAQ,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YACxC,IAAI,MAAM,YAAYH,GAAe,EAAE;gBACtC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;oBAC3D,MAAM,WAAW,GAChB,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,IAAI,KAAK,IAAI,EAAE,CAAC;0BACzC,SAAS;0BACT,IAAI,CAAC,GAAG;8BACRI,GAAe,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;8BAChD,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;oBACnC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;oBACtE,CAAC,WAAW,IAAI,KAAK,IAAI,CAAC;0BACvB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;0BAC7B,CAAC,WAAW;8BACZ,SAAS;8BACT,KAAK,IAAI,CAAC,CAAC;kCACX,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;mCAC7B,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,CAAA;iBACtC;gBACD,MAAM,GAAGC,GAAe,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;aACzC;YACD,OAAO,MAAM,CAAA;SACb,CAAA;QACD,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;KACzD;IACD,cAAc,CAAC,GAAW,EAAE,KAAa;QACxC,MAAM,CAACC,UAAQ,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC1C,OAAOC,QAAoB,CAC1BD,UAAQ,EACR,IAAI,CAAC,MAAM,IAAI,CAAC,GAAGE,EAAc,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CACrF,CAAA;KACD;IACD,cAAc,CAAC,QAA8B,EAAE,QAAgB;QAC9D,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,QAAQ,GAAG,QAAQ,YAAYP,GAAe,GAAG,QAAQ,CAAC,QAAQ,GAAG,KAAK,CAAA;QACpG,MAAM,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC1C,QACC,KAAK,YAAYC,QAAoB;YACrC,KAAK,CAAC,IAAI,IAAI,GAAG;aAChB,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAC/F;KACD;IACD,MAAM;QACL,QACC,sEACC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,QAAQ,EACzC,IAAI,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC,IAAI,UAAU,CAAS,EACrE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GACtC,EACF;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["selectively.And","selectively.Not","selectively.Property","selectively.Is","selectively.not","selectively.and","property","selectively.property","selectively.is"],"sources":["src/components/filter/toggle/style.css?tag=smoothly-filter-toggle&encapsulation=scoped","src/components/filter/toggle/index.tsx"],"sourcesContent":[":host {\n\tposition: relative;\n\tdisplay: inline-block;\n\tcursor: pointer;\n}\n\n:host:hover>smoothly-icon {\n\tstroke: rgb(var(--smoothly-success-tint));\n\tcolor: rgb(var(--smoothly-success-tint));\n\tfill: rgb(var(--smoothly-success-tint));\n}\n\n:host[flip] {\n\ttransform: scaleX(-1);\n}\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Icon } from \"../../../model\"\nimport { Filter } from \"../Filter\"\n\n@Component({\n\ttag: \"smoothly-filter-toggle\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterToggle {\n\t@Prop() icon: Icon\n\t@Prop() properties: Record<string, string>\n\t@Prop() toolTip: string\n\t@Prop() not: boolean\n\t@Prop({ reflect: true }) flip = false\n\t@Prop({ mutable: true }) active = false\n\t@Event() smoothlyFilterUpdate: EventEmitter<Filter.Update>\n\t@Event() smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n\tcomponentWillLoad() {\n\t\tthis.active && this.activeHandler()\n\t}\n\tcomponentDidLoad() {\n\t\tthis.smoothlyFilterUpdate.emit(this.update.bind(this))\n\t}\n\tupdate(expression: selectively.Criteria): void {\n\t\tif (expression instanceof selectively.And && expression.rules.length > 0) {\n\t\t\tthis.active = Object.entries(this.properties).every(([key, value]) =>\n\t\t\t\texpression.rules.some(r => {\n\t\t\t\t\tconst criteria = !this.not ? r : r instanceof selectively.Not ? r.criteria : undefined\n\t\t\t\t\treturn value == \"\"\n\t\t\t\t\t\t? !(criteria instanceof selectively.Property && criteria.name == key)\n\t\t\t\t\t\t: this.isCriteria(criteria, key, value)\n\t\t\t\t})\n\t\t\t)\n\t\t} else\n\t\t\tthis.active = false\n\t}\n\tprivate isCriteria(criteria: selectively.Rule \| undefined, key: string, value: 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.Is && criteria.criteria.value == value) \|\|\n\t\t\t\tthis.isCriteria(criteria.criteria, rest.join(\".\"), value))\n\t\t)\n\t}\n\n\tactiveHandler(activate?: true) {\n\t\tconst manipulate: Filter.Manipulate = (criteria: selectively.Criteria): selectively.Criteria => {\n\t\t\tlet result: selectively.Criteria = criteria\n\t\t\tactivate && (this.active = !this.active)\n\t\t\tif (result instanceof selectively.And) {\n\t\t\t\tfor (const [key, value] of Object.entries(this.properties)) {\n\t\t\t\t\tconst newCriteria =\n\t\t\t\t\t\t!this.active \|\| (this.active && value == \"\")\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: this.not\n\t\t\t\t\t\t\t? selectively.not(this.createCriteria(key, value))\n\t\t\t\t\t\t\t: this.createCriteria(key, value)\n\t\t\t\t\tconst index = result.rules.findIndex(r => this.findInstanceOf(r, key))\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}\n\t\t\t\tresult = selectively.and(...result.rules)\n\t\t\t}\n\t\t\treturn result\n\t\t}\n\t\tthis.smoothlyFilterManipulate.emit(manipulate.bind(this))\n\t}\n\tcreateCriteria(key: string, value: string): selectively.Rule {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\treturn selectively.property(\n\t\t\tproperty,\n\t\t\trest.length == 0 ? selectively.is(value) : this.createCriteria(rest.join(\".\"), value)\n\t\t)\n\t}\n\tfindInstanceOf(criteria: selectively.Criteria, property: string): boolean {\n\t\tconst check = !this.not ? criteria : criteria instanceof selectively.Not ? criteria.criteria : false\n\t\tconst [key, ...rest] = property.split(\".\")\n\t\treturn (\n\t\t\tcheck instanceof selectively.Property &&\n\t\t\tcheck.name == key &&\n\t\t\t(rest.length == 0 \|\| (!!check.criteria && this.findInstanceOf(check.criteria, rest.join(\".\"))))\n\t\t)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-icon\n\t\t\t\tfill=\"clear\"\n\t\t\t\tcolor={this.active ? \"success\" : \"medium\"}\n\t\t\t\tname={(this.active ? `${this.icon}` : `${this.icon}-outline`) as Icon}\n\t\t\t\ttoolTip={this.toolTip}\n\t\t\t\tonClick={() => this.activeHandler(true)}\n\t\t\t/>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-f7691a04.js → p-c4395e67.js} RENAMED Viewed

@@ -1,9 +1,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-82c01297.js';
-import { d as defineCustomElement$3 } from './p-f8b6cc8e.js';
-import { d as defineCustomElement$2 } from './p-092b23d2.js';
+import { s as string } from './p-d471066b.js';
+import { d as defineCustomElement$3 } from './p-1ccb9b5d.js';
+import { d as defineCustomElement$2 } from './p-d2471133.js';
 import { d as defineCustomElement$1 } from './p-88442020.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}";
@@ -155,4 +155,4 @@ defineCustomElement();
 export { SmoothlyFilterSelect as S, defineCustomElement as d };
-//# sourceMappingURL=p-f7691a04.js.map
+//# sourceMappingURL=p-c4395e67.js.map

package/dist/components/{p-f7691a04.js.map → p-c4395e67.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-f7691a04.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}
1	+ {"file":"p-c4395e67.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-2fb54a15.js → p-c44bb76a.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$7 } from './p-6da87c78.js';
-import { d as defineCustomElement$6 } from './p-531fa770.js';
-import { d as defineCustomElement$5 } from './p-c5519ec1.js';
-import { d as defineCustomElement$4 } from './p-f8b6cc8e.js';
-import { d as defineCustomElement$3 } from './p-34b2eda8.js';
-import { d as defineCustomElement$2 } from './p-fc98f7be.js';
+import { d as defineCustomElement$7 } from './p-be6d380e.js';
+import { d as defineCustomElement$6 } from './p-fa34f451.js';
+import { d as defineCustomElement$5 } from './p-80b231e3.js';
+import { d as defineCustomElement$4 } from './p-1ccb9b5d.js';
+import { d as defineCustomElement$3 } from './p-9c8ff26d.js';
+import { d as defineCustomElement$2 } from './p-23fbd92e.js';
 import { d as defineCustomElement$1 } from './p-e32f8664.js';
 const SmoothlyFormDemoCard = proxyCustomElement(class SmoothlyFormDemoCard extends H {
@@ -68,4 +68,4 @@ defineCustomElement();
 export { SmoothlyFormDemoCard as S, defineCustomElement as d };
-//# sourceMappingURL=p-2fb54a15.js.map
+//# sourceMappingURL=p-c44bb76a.js.map

package/dist/components/{p-2fb54a15.js.map → p-c44bb76a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~2fb54a15~~.js","mappings":";;;;;;;;;MAMa,oBAAoB;;;;;IAChC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,oEAAa,EACb,sEAAe,KAAK,EAAC,MAAM,EAAC,oBAAoB,EAAE,CAAC,CAAc,KAAK,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IACpG,uEAAgB,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,aAE7B,EACjB,8EAAuB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAyB,EACtG,uEAAgB,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,cAEjC,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,KAAK,cAEzB,EACjB,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,iBAE5B,EACjB,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,gBAE3B,CACF,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/card/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-card\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoCard {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Card</h2>\n\t\t\t\t<smoothly-form looks=\"grid\" onSmoothlyFormSubmit={(e: CustomEvent) => alert(JSON.stringify(e.detail))}>\n\t\t\t\t\t<smoothly-input type=\"card-number\" name=\"card\">\n\t\t\t\t\t\tCard #\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-submit size=\"icon\" slot=\"submit\" color=\"success\" fill=\"solid\"></smoothly-input-submit>\n\t\t\t\t\t<smoothly-input type=\"card-expires\" name=\"expires\">\n\t\t\t\t\t\tExpires\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"card-csc\" name=\"csc\">\n\t\t\t\t\t\tCVV/CVC\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\">\n\t\t\t\t\t\tFirst Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\">\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-c44bb76a.js","mappings":";;;;;;;;;MAMa,oBAAoB;;;;;IAChC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,oEAAa,EACb,sEAAe,KAAK,EAAC,MAAM,EAAC,oBAAoB,EAAE,CAAC,CAAc,KAAK,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IACpG,uEAAgB,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,aAE7B,EACjB,8EAAuB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAyB,EACtG,uEAAgB,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,cAEjC,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,KAAK,cAEzB,EACjB,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,iBAE5B,EACjB,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,gBAE3B,CACF,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/card/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-card\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoCard {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Card</h2>\n\t\t\t\t<smoothly-form looks=\"grid\" onSmoothlyFormSubmit={(e: CustomEvent) => alert(JSON.stringify(e.detail))}>\n\t\t\t\t\t<smoothly-input type=\"card-number\" name=\"card\">\n\t\t\t\t\t\tCard #\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-submit size=\"icon\" slot=\"submit\" color=\"success\" fill=\"solid\"></smoothly-input-submit>\n\t\t\t\t\t<smoothly-input type=\"card-expires\" name=\"expires\">\n\t\t\t\t\t\tExpires\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"card-csc\" name=\"csc\">\n\t\t\t\t\t\tCVV/CVC\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\">\n\t\t\t\t\t\tFirst Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\">\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t</smoothly-input>\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-730c6db2.js → p-c9b93eb4.js} RENAMED Viewed

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$h } from './p-58c24d57.js';
-import { d as defineCustomElement$g } from './p-938c06a2.js';
-import { d as defineCustomElement$f } from './p-76076037.js';
+import { d as defineCustomElement$h } from './p-98279044.js';
+import { d as defineCustomElement$g } from './p-5666c538.js';
+import { d as defineCustomElement$f } from './p-fe1bc9d5.js';
 import { d as defineCustomElement$e } from './p-1826dd84.js';
 import { d as defineCustomElement$d } from './p-349fa13f.js';
-import { d as defineCustomElement$c } from './p-c5519ec1.js';
-import { d as defineCustomElement$b } from './p-f8b6cc8e.js';
-import { d as defineCustomElement$a } from './p-34b2eda8.js';
+import { d as defineCustomElement$c } from './p-80b231e3.js';
+import { d as defineCustomElement$b } from './p-1ccb9b5d.js';
+import { d as defineCustomElement$a } from './p-9c8ff26d.js';
 import { d as defineCustomElement$9 } from './p-e32f8664.js';
-import { d as defineCustomElement$8 } from './p-dfc5f0b7.js';
+import { d as defineCustomElement$8 } from './p-ecf6da6a.js';
 import { d as defineCustomElement$7 } from './p-cdd3d9d4.js';
-import { d as defineCustomElement$6 } from './p-fa39a723.js';
-import { d as defineCustomElement$5 } from './p-a08bf822.js';
+import { d as defineCustomElement$6 } from './p-b354198d.js';
+import { d as defineCustomElement$5 } from './p-6b3ea12e.js';
 import { d as defineCustomElement$4 } from './p-277654d7.js';
 import { d as defineCustomElement$3 } from './p-2f1fce2c.js';
 import { d as defineCustomElement$2 } from './p-98425f42.js';
@@ -163,4 +163,4 @@ defineCustomElement();
 export { SmoothlyTableTesting as S, defineCustomElement as d };
-//# sourceMappingURL=p-730c6db2.js.map
+//# sourceMappingURL=p-c9b93eb4.js.map

package/dist/components/{p-730c6db2.js.map → p-c9b93eb4.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~730c6db2~~.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}
1	+ {"file":"p-c9b93eb4.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}

package/dist/components/{p-0a1466e3.js → p-cc608e51.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-f765921a.js';
-import { D as Date } from './p-99f89f10.js';
-import { w as weekdays, m as month, d as defineCustomElement$3 } from './p-43b0c35c.js';
-import { d as defineCustomElement$4 } from './p-f8b6cc8e.js';
-import { d as defineCustomElement$2 } from './p-092b23d2.js';
+import { D as Date } from './p-390767c7.js';
+import { w as weekdays, m as month, d as defineCustomElement$3 } from './p-7cf8c0f7.js';
+import { d as defineCustomElement$4 } from './p-1ccb9b5d.js';
+import { d as defineCustomElement$2 } from './p-d2471133.js';
 import { d as defineCustomElement$1 } from './p-88442020.js';
 const styleCss = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));-webkit-user-select:none;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{position:relative;cursor:pointer}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.today.sc-smoothly-calendar::before{content:\"\";inset:2px;position:absolute;border:1px solid currentColor}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;opacity:0.5}";
@@ -70,15 +70,16 @@ const Calendar = proxyCustomElement(class Calendar extends H {
     }
     render() {
         var _a, _b, _c;
-        return (h(Fragment, { key: '01266a8f05c6f56bef69d4a461a92da65eb74175' }, h("smoothly-input-month", { key: '3a848417dc83bc7ad2a4b4014abb3d0e18b306ff', name: "month", value: (_a = this.month) !== null && _a !== void 0 ? _a : this.value, min: this.min, max: this.max, inCalendar: true, next: true, previous: true, showLabel: false, onSmoothlyInput: e => {
+        return (h(Fragment, { key: '72c5a169add38daacba482bf64d5e0ac4e5376f2' }, h("smoothly-input-month", { key: '400a611870cd3bd1dfef25b76497a7ddef88db0b', name: "month", value: (_a = this.month) !== null && _a !== void 0 ? _a : this.value, min: this.min, max: this.max, inCalendar: true, next: true, previous: true, showLabel: false, onSmoothlyInput: e => {
                 e.stopPropagation();
                 "month" in e.detail && typeof e.detail.month == "string" && (this.month = e.detail.month);
-            } }, h("div", { key: '2a07d690ad6f4b3ac5e659d9529e0809ad166ae4', slot: "year-label" }, h("slot", { key: '969b558389bae096e008ab054f984054f384d36f', name: "year-label" })), h("div", { key: 'd83fb0f82ab0ee7dd97e2b9dde36cdde2fde2091', slot: "month-label" }, h("slot", { key: 'aba0c170d3f5eadd461a0cdb12f8825edf429e74', name: "month-label" }))), h("table", { key: '437adf99b1dffa736954ab87eaa7b8639d139c91' }, h("thead", { key: 'd2ac8275277c4dc17946a1e8da12a170165889c3' }, h("tr", { key: 'a58f3d8ac02c850bb25973d8eaf3891cb8a79788' }, weekdays().map(day => (h("th", null, day))))), month((_c = (_b = this.month) !== null && _b !== void 0 ? _b : this.value) !== null && _c !== void 0 ? _c : Date.now()).map(week => (h("tr", null, week.map(date => {
+            } }, h("div", { key: '8c399dd9fdfd8de727bde48d1123d78f25f208a8', slot: "year-label" }, h("slot", { key: '9e8fbc095327b1a09c7ac6c71817d9157d20b53d', name: "year-label" })), h("div", { key: '56fc2501be0d3fc5a7156e5156cfe0db7294f7f2', slot: "month-label" }, h("slot", { key: '715855818d0299d69946f44d4b2031a47f3ce0a2', name: "month-label" }))), h("table", { key: '25a94c6bd36a6a509402b152456de995411cf00c' }, h("thead", { key: 'd310889be1da1ecef2b1a15aa5537815ed014660' }, h("tr", { key: '2aabd32a00df64e4692d91c797934c5309e42a6c' }, weekdays().map(day => (h("th", null, day))))), month((_c = (_b = this.month) !== null && _b !== void 0 ? _b : this.value) !== null && _c !== void 0 ? _c : Date.now()).map(week => (h("tr", null, week.map(date => {
             var _a, _b, _c, _d;
             return (h("td", { tabindex: 1, onMouseOver: () => (this.withinLimit(date) ? this.onHover(date) : undefined), onClick: this.withinLimit(date) ? () => this.onClick(date) : undefined, class: {
                     selected: date == this.value || (this.doubleInput && (date == this.start || date == this.end)),
                     today: date == Date.now(),
-                    currentMonth: Date.firstOfMonth((_b = (_a = this.month) !== null && _a !== void 0 ? _a : this.value) !== null && _b !== void 0 ? _b : Date.now()) == Date.firstOfMonth(date),
+                    currentMonth: Date.firstOfMonth((_b = (_a = this.month) !== null && _a !== void 0 ? _a : this.value) !== null && _b !== void 0 ? _b : Date.now()) ==
+                        Date.firstOfMonth(date),
                     dateRange: this.doubleInput && date > ((_c = this.start) !== null && _c !== void 0 ? _c : "") && date < ((_d = this.end) !== null && _d !== void 0 ? _d : ""),
                     disable: !this.withinLimit(date),
                 } }, date.substring(8, 10)));
@@ -140,4 +141,4 @@ defineCustomElement();
 export { Calendar as C, defineCustomElement as d };
-//# sourceMappingURL=p-0a1466e3.js.map
+//# sourceMappingURL=p-cc608e51.js.map

package/dist/components/p-cc608e51.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-cc608e51.js","mappings":"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","names":["generate.weekdays","generate.month","isoly.Date"],"sources":["src/components/calendar/style.css?tag=smoothly-calendar&encapsulation=scoped","src/components/calendar/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\t--other-month-opacity: 0.5;\n\tpadding: 0.5em;\n\tborder: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>smoothly-input-month {\n\tpadding: 0 0.5em\n}\n\n:host>table {\n\ttable-layout: fixed;\n\twidth: 100%;\n}\n\n:host>table>thead>tr>th,\n:host>table>tr>td {\n\ttext-align: center;\n\tpadding: 0.5em;\n\tmin-width: 2em;\n\tbox-sizing: border-box;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n:host>table>tr>td {\n\tposition: relative;\n\tcursor: pointer;\n}\n\n:host>table>tr>td.currentMonth {\n\tcolor: rgb(var(--smoothly-default-contrast));\n}\n\n:host>table>tr>td:not(.currentMonth) {\n\tcolor: rgba(var(--smoothly-default-contrast), var(--other-month-opacity));\n}\n\n:host>table>tr>td:nth-child(6):not(.currentMonth).selected,\n:host>table>tr>td:nth-child(6):not(.currentMonth).dateRange,\n:host>table>tr>td:nth-child(7):not(.currentMonth).selected,\n:host>table>tr>td:nth-child(7):not(.currentMonth).dateRange {\n\tcolor: rgba(var(--smoothly-default-contrast));\n}\n\n:host>table>tr>td:nth-child(6),\n:host>table>tr>td:nth-child(7) {\n\tcolor: rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)));\n}\n\n:host>table>tr>td:nth-child(6):not(.currentMonth),\n:host>table>tr>td:nth-child(7):not(.currentMonth) {\n\tcolor: rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity));\n}\n\n:host>table>tr>td:not(.selected, .disable):hover {\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-tint));\n}\n\n:host>table>tr>td.selected {\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-color));\n}\n\n:host>table>tr>td.today::before {\n\tcontent: \"\";\n\tinset: 2px;\n\tposition: absolute;\n\tborder: 1px solid currentColor;\n}\n\n:host>table>tr>td.dateRange {\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-tint));\n}\n\n:host>table>tr>td.disable {\n\tcursor: not-allowed;\n\topacity: 0.5;\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport * as generate from \"./generate\"\n\n@Component({\n\ttag: \"smoothly-calendar\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Calendar {\n\tprivate frozenDate: isoly.Date\n\t@Element() element: HTMLTableRowElement\n\t@Prop({ mutable: true }) month?: isoly.Date\n\t@Prop({ mutable: true }) value?: isoly.Date\n\t@Prop({ mutable: true }) start?: isoly.Date\n\t@Prop({ mutable: true }) end?: isoly.Date\n\t@Prop({ mutable: true }) max: isoly.Date\n\t@Prop({ mutable: true }) min: isoly.Date\n\t@Prop({ reflect: true }) doubleInput: boolean\n\t@Event() smoothlyValueChange: EventEmitter<isoly.Date>\n\t@Event() smoothlyStartChange: EventEmitter<isoly.Date>\n\t@Event() smoothlyEndChange: EventEmitter<isoly.Date>\n\t@Event() smoothlyDateSet: EventEmitter<isoly.Date>\n\t@Event() smoothlyDateRangeSet: EventEmitter<isoly.DateRange>\n\t@State() firstSelected: boolean\n\t@Watch(\"start\")\n\tonStart(next: isoly.Date) {\n\t\tthis.smoothlyStartChange.emit(next)\n\t}\n\t@Watch(\"end\")\n\tonEnd(next: isoly.Date) {\n\t\tthis.smoothlyEndChange.emit(next)\n\t}\n\tprivate clickCounter = 0\n\tprivate onClick(date: isoly.Date) {\n\t\tthis.smoothlyValueChange.emit((this.value = date))\n\t\tthis.clickCounter += 1\n\t\tif (this.doubleInput) {\n\t\t\tif (this.clickCounter % 2 == 1)\n\t\t\t\tthis.start = this.end = this.frozenDate = date\n\t\t\telse {\n\t\t\t\tif (this.start && date > this.start)\n\t\t\t\t\tthis.end = date\n\t\t\t\telse\n\t\t\t\t\tthis.start = date\n\t\t\t}\n\t\t}\n\t\t!this.doubleInput && this.smoothlyDateSet.emit(this.value)\n\t\tthis.doubleInput &&\n\t\t\tthis.clickCounter % 2 == 0 &&\n\t\t\tthis.start &&\n\t\t\tthis.end &&\n\t\t\tthis.smoothlyDateRangeSet.emit({ start: this.start, end: this.end })\n\t}\n\tprivate onHover(date: isoly.Date) {\n\t\tif (this.doubleInput && this.clickCounter % 2 == 1) {\n\t\t\tif (date < this.frozenDate) {\n\t\t\t\tthis.start = date\n\t\t\t\tthis.end = this.frozenDate\n\t\t\t} else {\n\t\t\t\tthis.start = this.frozenDate\n\t\t\t\tthis.end = date\n\t\t\t}\n\t\t}\n\t}\n\tprivate withinLimit(date: isoly.Date) {\n\t\treturn (!this.min || date >= this.min) && (!this.max || date <= this.max)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Fragment>\n\t\t\t\t<smoothly-input-month\n\t\t\t\t\tname=\"month\"\n\t\t\t\t\tvalue={this.month ?? this.value}\n\t\t\t\t\tmin={this.min}\n\t\t\t\t\tmax={this.max}\n\t\t\t\t\tinCalendar\n\t\t\t\t\tnext\n\t\t\t\t\tprevious\n\t\t\t\t\tshowLabel={false}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\"month\" in e.detail && typeof e.detail.month == \"string\" && (this.month = e.detail.month)\n\t\t\t\t\t}}>\n\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-input-month>\n\t\t\t\t<table>\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t{generate.weekdays().map(day => (\n\t\t\t\t\t\t\t\t<th>{day}</th>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\t\t\t\t\t{generate.month(this.month ?? this.value ?? isoly.Date.now()).map(week => (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t{week.map(date => (\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\ttabindex={1}\n\t\t\t\t\t\t\t\t\tonMouseOver={() => (this.withinLimit(date) ? this.onHover(date) : undefined)}\n\t\t\t\t\t\t\t\t\tonClick={this.withinLimit(date) ? () => this.onClick(date) : undefined}\n\t\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\tselected: date == this.value || (this.doubleInput && (date == this.start || date == this.end)),\n\t\t\t\t\t\t\t\t\t\ttoday: date == isoly.Date.now(),\n\t\t\t\t\t\t\t\t\t\tcurrentMonth:\n\t\t\t\t\t\t\t\t\t\t\tisoly.Date.firstOfMonth(this.month ?? this.value ?? isoly.Date.now()) ==\n\t\t\t\t\t\t\t\t\t\t\tisoly.Date.firstOfMonth(date),\n\t\t\t\t\t\t\t\t\t\tdateRange: this.doubleInput && date > (this.start ?? \"\") && date < (this.end ?? \"\"),\n\t\t\t\t\t\t\t\t\t\tdisable: !this.withinLimit(date),\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t{date.substring(8, 10)}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t))}\n\t\t\t\t</table>\n\t\t\t</Fragment>\n\t\t)\n\t}\n}\n"],"version":3}