smoothly 1.102.0 → 1.104.0

package/dist/components/{p-55806dd1.js.map → p-0f6f0385.js.map}

@@ -1 +1 @@
-{"file":"p-55806dd1.js","mappings":";;;;;;;;;;MAMa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,sEAAe,EACf,sEAAe,KAAK,EAAC,MAAM,IAC1B,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,kBAErB,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,4BAElD,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,UAE1C,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,UAExC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,UAEtC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,UAEzC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAC,KAAK,IAC1D,iBAAiB,CACF,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAChF,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/prices/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-prices\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Prices</h2>\n\t\t\t\t<smoothly-form looks=\"line\">\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"no\">\n\t\t\t\t\t\tNo currency\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"crowns\" currency=\"SEK\" toInteger>\n\t\t\t\t\t\tSEK (toInteger)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"usDollar\" currency=\"USD\">\n\t\t\t\t\t\tUSD\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"pounds\" currency=\"GBP\">\n\t\t\t\t\t\tGBP\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"peso\" currency=\"UYW\">\n\t\t\t\t\t\tUYW\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"iceland\" currency=\"ISK\">\n\t\t\t\t\t\tISK\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"Palladium\" currency=\"XPD\">\n\t\t\t\t\t\t{\"XPD (Palladium)\"}\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-0f6f0385.js","mappings":";;;;;;;;;;MAMa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,sEAAe,EACf,sEAAe,KAAK,EAAC,MAAM,IAC1B,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,kBAErB,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,4BAElD,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,UAE1C,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,UAExC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,UAEtC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,UAEzC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAC,KAAK,IAC1D,iBAAiB,CACF,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAChF,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/prices/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-prices\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Prices</h2>\n\t\t\t\t<smoothly-form looks=\"line\">\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"no\">\n\t\t\t\t\t\tNo currency\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"crowns\" currency=\"SEK\" toInteger>\n\t\t\t\t\t\tSEK (toInteger)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"usDollar\" currency=\"USD\">\n\t\t\t\t\t\tUSD\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"pounds\" currency=\"GBP\">\n\t\t\t\t\t\tGBP\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"peso\" currency=\"UYW\">\n\t\t\t\t\t\tUYW\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"iceland\" currency=\"ISK\">\n\t\t\t\t\t\tISK\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"Palladium\" currency=\"XPD\">\n\t\t\t\t\t\t{\"XPD (Palladium)\"}\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-9bcdd1ec.js → p-1a006926.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$8 } from './p-76531b32.js';
 import { d as defineCustomElement$7 } from './p-2826e824.js';
-import { d as defineCustomElement$6 } from './p-19d93e64.js';
+import { d as defineCustomElement$6 } from './p-c9caeeb4.js';
 import { d as defineCustomElement$5 } from './p-604f869e.js';
-import { d as defineCustomElement$4 } from './p-e48ad105.js';
-import { d as defineCustomElement$3 } from './p-5cd257ad.js';
-import { d as defineCustomElement$2 } from './p-0b3f1a79.js';
-import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
+import { d as defineCustomElement$4 } from './p-6337ab02.js';
+import { d as defineCustomElement$3 } from './p-4ee29da5.js';
+import { d as defineCustomElement$2 } from './p-a76a4d76.js';
+import { d as defineCustomElement$1 } from './p-723edf05.js';
 
 const SmoothlyFormDemoLogin = proxyCustomElement(class SmoothlyFormDemoLogin extends H {
     constructor() {
@@ -74,4 +74,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoLogin as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-9bcdd1ec.js.map
+//# sourceMappingURL=p-1a006926.js.map

package/dist/components/{p-9bcdd1ec.js.map → p-1a006926.js.map}

@@ -1 +1 @@
-{"file":"p-9bcdd1ec.js","mappings":";;;;;;;;;;MAMa,qBAAqB;;;;;IACjC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,sEAAe,KAAK,EAAC,QAAQ,IAC5B,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,UAAU,eAE1B,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,eAE9B,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAC7E,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/login/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-login\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoLogin {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Login</h2>\n\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"username\">\n\t\t\t\t\t\tUsername\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"password\" name=\"password\">\n\t\t\t\t\t\tPassword\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" type=\"form\" size=\"icon\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-1a006926.js","mappings":";;;;;;;;;;MAMa,qBAAqB;;;;;IACjC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,sEAAe,KAAK,EAAC,QAAQ,IAC5B,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,UAAU,eAE1B,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,eAE9B,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAC7E,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/login/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-login\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoLogin {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Login</h2>\n\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"username\">\n\t\t\t\t\t\tUsername\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"password\" name=\"password\">\n\t\t\t\t\t\tPassword\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" type=\"form\" size=\"icon\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-fdf5432e.js → p-1b2cdb40.js}

@@ -9,14 +9,14 @@ import { d as defineCustomElement$c } from './p-4e754f3b.js';
 import { d as defineCustomElement$b } from './p-f893b6cc.js';
 import { d as defineCustomElement$a } from './p-ccbdacc9.js';
 import { d as defineCustomElement$9 } from './p-3aed2b34.js';
-import { d as defineCustomElement$8 } from './p-19d93e64.js';
+import { d as defineCustomElement$8 } from './p-c9caeeb4.js';
 import { d as defineCustomElement$7 } from './p-604f869e.js';
-import { d as defineCustomElement$6 } from './p-e48ad105.js';
-import { d as defineCustomElement$5 } from './p-2ef8a833.js';
-import { d as defineCustomElement$4 } from './p-ec815cfd.js';
-import { d as defineCustomElement$3 } from './p-4441247b.js';
-import { d as defineCustomElement$2 } from './p-1e46b981.js';
-import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
+import { d as defineCustomElement$6 } from './p-6337ab02.js';
+import { d as defineCustomElement$5 } from './p-fd230d2b.js';
+import { d as defineCustomElement$4 } from './p-82c97ae6.js';
+import { d as defineCustomElement$3 } from './p-efb6497e.js';
+import { d as defineCustomElement$2 } from './p-33c30e05.js';
+import { d as defineCustomElement$1 } from './p-723edf05.js';
 
 const styleCss = ".sc-smoothly-icon-demo-h{display:block;width:clamp(200px, 100%, 1200px);margin:auto}[hidden].sc-smoothly-icon-demo-h{display:none}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{padding:1rem;position:relative}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover{scale:1.5}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover::after{content:attr(data-name);position:absolute;white-space:nowrap;bottom:100%;background:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-color));padding:0.25rem 1rem;z-index:1;pointer-events:none}";
 const SmoothlyIconDemoStyle0 = styleCss;
@@ -133,4 +133,4 @@ defineCustomElement();
 
 export { SmoothlyIconDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-fdf5432e.js.map
+//# sourceMappingURL=p-1b2cdb40.js.map

package/dist/components/{p-fdf5432e.js.map → p-1b2cdb40.js.map}

@@ -1 +1 @@
-{"file":"p-fdf5432e.js","mappings":"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","names":[],"sources":["src/components/icon/demo/style.css?tag=smoothly-icon-demo&encapsulation=scoped","src/components/icon/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twidth: clamp(200px, 100%, 1200px);\n\tmargin: auto;\n}\n:host([hidden]) {\n\tdisplay: none;\n}\n:host > div {\n\tdisplay: flex;\n\tflex-flow: row wrap;\n}\n\n:host > div > smoothly-icon {\n\tpadding: 1rem;\n\tposition: relative;\n}\n\n:host > div > smoothly-icon:hover {\n\tscale: 1.5;\n}\n\n:host > div > smoothly-icon:hover::after {\n\tcontent: attr(data-name);\n\tposition: absolute;\n\twhite-space: nowrap;\n\tbottom: 100%;\n\tbackground: rgb(var(--smoothly-default-contrast));\n\tcolor: rgb(var(--smoothly-default-color));\n\tpadding: 0.25rem 1rem;\n\tz-index: 1;\n\tpointer-events: none;\n}\n","import { Component, Event, EventEmitter, h, Host, State } from \"@stencil/core\"\nimport { Color, Fill, Icon, Notice } from \"../../../model\"\n@Component({\n\ttag: \"smoothly-icon-demo\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyIconDemo {\n\tpage = 0\n\n\t@State() display: { filter?: string; variant?: \"outline\" | \"sharp\" } = {}\n\t@State() props: {\n\t\tcolor?: Color\n\t\tfill?: Fill\n\t\tflip?: \"x\" | \"y\"\n\t\tsize?: \"tiny\" | \"small\" | \"medium\" | \"large\" | \"xlarge\"\n\t\trotate?: number\n\t} = {}\n\t@Event() notice: EventEmitter<Notice>\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Filter and Variants</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.display = e.detail)}>\n\t\t\t\t\t<smoothly-input name=\"filter\">Filter</smoothly-input>\n\t\t\t\t\t<smoothly-input-select name=\"variant\">\n\t\t\t\t\t\t<span slot=\"label\">Variant</span>\n\t\t\t\t\t\t<smoothly-item value={\"outline\"}>outline</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"sharp\"}>sharp</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<h2>Props</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.props = e.detail)}>\n\t\t\t\t\t<smoothly-input-select name={\"color\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Color</span>\n\t\t\t\t\t\t{Color.values.map(color => (\n\t\t\t\t\t\t\t<smoothly-item value={color} color={color}>\n\t\t\t\t\t\t\t\t{color}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name={\"fill\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Fill</span>\n\t\t\t\t\t\t{Fill.values.map(fill => (\n\t\t\t\t\t\t\t<smoothly-item value={fill}>{fill}</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name=\"flip\">\n\t\t\t\t\t\t<span slot={\"label\"}>Flip</span>\n\t\t\t\t\t\t<smoothly-item value={\"x\"}>x</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"y\"}>y</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name={\"size\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Size</span>\n\t\t\t\t\t\t<smoothly-item value={\"tiny\"}>tiny</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"small\"}>small</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"medium\"}>medium</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"large\"}>large</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"xlarge\"}>xlarge</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-range name=\"rotate\" step={1} min={-180} max={180} value={0}>\n\t\t\t\t\t\tRotate\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-range>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<h1>Icons</h1>\n\t\t\t\t<div class=\"icons\">\n\t\t\t\t\t{[\n\t\t\t\t\t\t...Icon.Name.values\n\t\t\t\t\t\t\t.filter(name => !this.display.filter || name.includes(this.display.filter))\n\t\t\t\t\t\t\t.map((name): Icon => (this.display.variant ? `${name}-${this.display.variant}` : name)),\n\t\t\t\t\t\t...Icon.Logo.values.filter(name => !this.display.filter || name.includes(this.display.filter)),\n\t\t\t\t\t].map(name => (\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\ttooltip={name}\n\t\t\t\t\t\t\tdata-name={name}\n\t\t\t\t\t\t\tcolor={this.props.color}\n\t\t\t\t\t\t\tfill={this.props.fill}\n\t\t\t\t\t\t\tflip={this.props.flip}\n\t\t\t\t\t\t\tsize={this.props.size}\n\t\t\t\t\t\t\trotate={this.props.rotate}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tnavigator.clipboard.writeText(name)\n\t\t\t\t\t\t\t\tthis.notice.emit(Notice.succeeded(`Copied \"${name}\"`))\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-1b2cdb40.js","mappings":"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","names":[],"sources":["src/components/icon/demo/style.css?tag=smoothly-icon-demo&encapsulation=scoped","src/components/icon/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twidth: clamp(200px, 100%, 1200px);\n\tmargin: auto;\n}\n:host([hidden]) {\n\tdisplay: none;\n}\n:host > div {\n\tdisplay: flex;\n\tflex-flow: row wrap;\n}\n\n:host > div > smoothly-icon {\n\tpadding: 1rem;\n\tposition: relative;\n}\n\n:host > div > smoothly-icon:hover {\n\tscale: 1.5;\n}\n\n:host > div > smoothly-icon:hover::after {\n\tcontent: attr(data-name);\n\tposition: absolute;\n\twhite-space: nowrap;\n\tbottom: 100%;\n\tbackground: rgb(var(--smoothly-default-contrast));\n\tcolor: rgb(var(--smoothly-default-color));\n\tpadding: 0.25rem 1rem;\n\tz-index: 1;\n\tpointer-events: none;\n}\n","import { Component, Event, EventEmitter, h, Host, State } from \"@stencil/core\"\nimport { Color, Fill, Icon, Notice } from \"../../../model\"\n@Component({\n\ttag: \"smoothly-icon-demo\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyIconDemo {\n\tpage = 0\n\n\t@State() display: { filter?: string; variant?: \"outline\" | \"sharp\" } = {}\n\t@State() props: {\n\t\tcolor?: Color\n\t\tfill?: Fill\n\t\tflip?: \"x\" | \"y\"\n\t\tsize?: \"tiny\" | \"small\" | \"medium\" | \"large\" | \"xlarge\"\n\t\trotate?: number\n\t} = {}\n\t@Event() notice: EventEmitter<Notice>\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Filter and Variants</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.display = e.detail)}>\n\t\t\t\t\t<smoothly-input name=\"filter\">Filter</smoothly-input>\n\t\t\t\t\t<smoothly-input-select name=\"variant\">\n\t\t\t\t\t\t<span slot=\"label\">Variant</span>\n\t\t\t\t\t\t<smoothly-item value={\"outline\"}>outline</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"sharp\"}>sharp</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<h2>Props</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.props = e.detail)}>\n\t\t\t\t\t<smoothly-input-select name={\"color\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Color</span>\n\t\t\t\t\t\t{Color.values.map(color => (\n\t\t\t\t\t\t\t<smoothly-item value={color} color={color}>\n\t\t\t\t\t\t\t\t{color}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name={\"fill\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Fill</span>\n\t\t\t\t\t\t{Fill.values.map(fill => (\n\t\t\t\t\t\t\t<smoothly-item value={fill}>{fill}</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name=\"flip\">\n\t\t\t\t\t\t<span slot={\"label\"}>Flip</span>\n\t\t\t\t\t\t<smoothly-item value={\"x\"}>x</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"y\"}>y</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name={\"size\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Size</span>\n\t\t\t\t\t\t<smoothly-item value={\"tiny\"}>tiny</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"small\"}>small</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"medium\"}>medium</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"large\"}>large</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"xlarge\"}>xlarge</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-range name=\"rotate\" step={1} min={-180} max={180} value={0}>\n\t\t\t\t\t\tRotate\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-range>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<h1>Icons</h1>\n\t\t\t\t<div class=\"icons\">\n\t\t\t\t\t{[\n\t\t\t\t\t\t...Icon.Name.values\n\t\t\t\t\t\t\t.filter(name => !this.display.filter || name.includes(this.display.filter))\n\t\t\t\t\t\t\t.map((name): Icon => (this.display.variant ? `${name}-${this.display.variant}` : name)),\n\t\t\t\t\t\t...Icon.Logo.values.filter(name => !this.display.filter || name.includes(this.display.filter)),\n\t\t\t\t\t].map(name => (\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\ttooltip={name}\n\t\t\t\t\t\t\tdata-name={name}\n\t\t\t\t\t\t\tcolor={this.props.color}\n\t\t\t\t\t\t\tfill={this.props.fill}\n\t\t\t\t\t\t\tflip={this.props.flip}\n\t\t\t\t\t\t\tsize={this.props.size}\n\t\t\t\t\t\t\trotate={this.props.rotate}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tnavigator.clipboard.writeText(name)\n\t\t\t\t\t\t\t\tthis.notice.emit(Notice.succeeded(`Copied \"${name}\"`))\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-1904abe1.js → p-1e5c4418.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$3 } from './p-604f869e.js';
-import { d as defineCustomElement$2 } from './p-4441247b.js';
-import { d as defineCustomElement$1 } from './p-1e46b981.js';
+import { d as defineCustomElement$2 } from './p-efb6497e.js';
+import { d as defineCustomElement$1 } from './p-33c30e05.js';
 
 const styleCss = "";
 const SmoothlyThemePickerStyle0 = styleCss;
@@ -13,11 +13,11 @@ const SmoothlyThemePicker = proxyCustomElement(class SmoothlyThemePicker extends
         this.element = "smoothly-css";
     }
     render() {
-        return (h(Host, { key: '50e80ab0a90ab5d35393e9bbd9157d4b09ef71d9' }, h("smoothly-input-select", { key: 'fe365e40cca0a300dfaa75f141f21e96c1f974e2', name: "theme", looks: "border", onSmoothlyInput: e => {
+        return (h(Host, { key: '7ddcbce1474a5de63437998dae9865a418fdd54b' }, h("smoothly-input-select", { key: '894edccf3a17c049543a40d3a2562d2ce36eeafb', name: "theme", looks: "border", onSmoothlyInput: e => {
                 const element = document.querySelector(`#${this.element}`);
                 if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
                     element.href = e.detail.theme;
-            } }, h("label", { key: 'becbf4b105b039dd803633bb6608e849d0bbd80d', slot: "label" }, "Select theme"), h("slot", { key: '249a3b4dff0a4a364fb7aea5fbf7ae7b2ac45138' }))));
+            } }, h("label", { key: 'cb762c5912febad481e1b7199feb0a8fdeb922a2', slot: "label" }, "Select theme"), h("slot", { key: '2d09322657635a5a5ef723819ff21582058f5444' }))));
     }
     static get style() { return SmoothlyThemePickerStyle0; }
 }, [6, "smoothly-theme-picker", {
@@ -55,4 +55,4 @@ defineCustomElement();
 
 export { SmoothlyThemePicker as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-1904abe1.js.map
+//# sourceMappingURL=p-1e5c4418.js.map

package/dist/components/{p-1904abe1.js.map → p-1e5c4418.js.map}

@@ -1 +1 @@
-{"file":"p-1904abe1.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,kCAAe,QAAQ;;MCMV,mBAAmB;;;;uBACb,cAAc;;IAChC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8EACC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,eAAe,EAAE,CAAC;gBACjB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA;gBAC1D,IAAI,OAAO,YAAY,eAAe,IAAI,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,QAAQ;oBAC1E,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;aAC9B,IACD,8DAAO,IAAI,EAAC,OAAO,mBAAqB,EACxC,8DAAQ,CACe,CAClB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/picker/style.css?tag=smoothly-theme-picker&encapsulation=scoped","src/components/theme/picker/index.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-theme-picker\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemePicker {\n\t@Prop() element = \"smoothly-css\"\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tname=\"theme\"\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\tconst element = document.querySelector(`#${this.element}`)\n\t\t\t\t\t\tif (element instanceof HTMLLinkElement && typeof e.detail.theme == \"string\")\n\t\t\t\t\t\t\telement.href = e.detail.theme\n\t\t\t\t\t}}>\n\t\t\t\t\t<label slot=\"label\">Select theme</label>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input-select>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-1e5c4418.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,kCAAe,QAAQ;;MCMV,mBAAmB;;;;uBACb,cAAc;;IAChC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8EACC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,eAAe,EAAE,CAAC;gBACjB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA;gBAC1D,IAAI,OAAO,YAAY,eAAe,IAAI,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,QAAQ;oBAC1E,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;aAC9B,IACD,8DAAO,IAAI,EAAC,OAAO,mBAAqB,EACxC,8DAAQ,CACe,CAClB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/picker/style.css?tag=smoothly-theme-picker&encapsulation=scoped","src/components/theme/picker/index.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-theme-picker\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemePicker {\n\t@Prop() element = \"smoothly-css\"\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tname=\"theme\"\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\tconst element = document.querySelector(`#${this.element}`)\n\t\t\t\t\t\tif (element instanceof HTMLLinkElement && typeof e.detail.theme == \"string\")\n\t\t\t\t\t\t\telement.href = e.detail.theme\n\t\t\t\t\t}}>\n\t\t\t\t\t<label slot=\"label\">Select theme</label>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input-select>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/p-23411737.js

@@ -0,0 +1,282 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
+import { a as DateTime, D as Date } from './p-390767c7.js';
+import { d as defineCustomElement$D } from './p-b7fe2252.js';
+import { d as defineCustomElement$C } from './p-76531b32.js';
+import { d as defineCustomElement$B } from './p-2826e824.js';
+import { d as defineCustomElement$A } from './p-5eafd1ac.js';
+import { d as defineCustomElement$z } from './p-00165343.js';
+import { d as defineCustomElement$y } from './p-9e2ee779.js';
+import { d as defineCustomElement$x } from './p-4e754f3b.js';
+import { d as defineCustomElement$w } from './p-f893b6cc.js';
+import { d as defineCustomElement$v } from './p-ccbdacc9.js';
+import { d as defineCustomElement$u } from './p-3aed2b34.js';
+import { d as defineCustomElement$t } from './p-c9caeeb4.js';
+import { d as defineCustomElement$s } from './p-604f869e.js';
+import { d as defineCustomElement$r } from './p-6337ab02.js';
+import { d as defineCustomElement$q } from './p-9ad494c1.js';
+import { d as defineCustomElement$p } from './p-fd230d2b.js';
+import { d as defineCustomElement$o } from './p-766ab435.js';
+import { d as defineCustomElement$n } from './p-56100bc5.js';
+import { d as defineCustomElement$m } from './p-4da1c188.js';
+import { d as defineCustomElement$l } from './p-ccb418c1.js';
+import { d as defineCustomElement$k } from './p-ad918487.js';
+import { d as defineCustomElement$j } from './p-73a6bddc.js';
+import { d as defineCustomElement$i } from './p-dccf0678.js';
+import { d as defineCustomElement$h } from './p-831cc89a.js';
+import { d as defineCustomElement$g } from './p-31af74d1.js';
+import { d as defineCustomElement$f } from './p-018f3b07.js';
+import { d as defineCustomElement$e } from './p-b34956f3.js';
+import { d as defineCustomElement$d } from './p-5d5bf179.js';
+import { d as defineCustomElement$c } from './p-ce52b5f8.js';
+import { d as defineCustomElement$b } from './p-c4674baf.js';
+import { d as defineCustomElement$a } from './p-82c97ae6.js';
+import { d as defineCustomElement$9 } from './p-6386d760.js';
+import { d as defineCustomElement$8 } from './p-4ee29da5.js';
+import { d as defineCustomElement$7 } from './p-efb6497e.js';
+import { d as defineCustomElement$6 } from './p-a76a4d76.js';
+import { d as defineCustomElement$5 } from './p-33c30e05.js';
+import { d as defineCustomElement$4 } from './p-723edf05.js';
+import { d as defineCustomElement$3 } from './p-84ba0025.js';
+import { d as defineCustomElement$2 } from './p-f62fe4be.js';
+import { d as defineCustomElement$1 } from './p-ac63635b.js';
+
+const styleCss = ".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{max-width:min(calc(100% - 2rem), 56rem);margin:auto}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 18rem));flex-basis:40%}";
+const SmoothlyInputDemoStyle0 = styleCss;
+
+const SmoothlyInputDemo = proxyCustomElement(class SmoothlyInputDemo extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.smoothlyUrlUpdate = createEvent(this, "smoothlyUrlUpdate", 7);
+        this.numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
+        this.duration = { hours: 8 };
+        this.alphanumeric = "!@##";
+    }
+    render() {
+        return (h(Host, { key: '5f019200ffb73914d8a0e339edbc73d81e970a9c' }, h("smoothly-input-demo-standard", { key: 'f16268d1970e556b2a95d99d31658dee355c04f7' }), h("smoothly-input-date-demo", { key: 'a44afc5f6b0d4cfa325f77a8ef608f8413c8220d' }), h("smoothly-input-demo-user-input", { key: 'ca7cc385fc11f6e6f09170a6168ec1e8b0d94f5b' }), h("smoothly-input-demo-radio", { key: '5123fe3be2215fed536e5bd15757e47731b8302c' }), h("div", { key: '8eb3ccdefe18f13b8fb81f4aa331f7fec6cf00aa', class: "inputs" }, h("h2", { key: '57aa3de9d835da733bc44c456eaaf393f3588cc4' }, "Calendar"), h("smoothly-input-date", { key: 'ed20d18f0ca570a82e3d8acadbd7e36e2444e01b', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '6ac7d7992bcc671921d0b119dce2a8dd8ecffe14', name: "someDateTime", value: DateTime.now() }, "DateTime"), h("h2", { key: '0b3eb56592bb6a8308a56b97b76cb345ed093718' }, "Date Range"), h("smoothly-input-date-range", { key: 'f00247254e704341d2f0a249d09fa8396afd178b', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '895750d8e98fb81041f933aaef106c23cfad05c1', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: 'f6b78da397fd064a4c23154f23968054a7a67b21', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '8a5fc83f20912944ec128d07ab30fc72140cbda9', looks: "grid", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
+                "--smoothly-input-border-radius": "0.5rem",
+            } }, h("smoothly-input-clear", { key: '281282d1dffab8e5d5de73448f8b26f152fd9db0', slot: "end", size: "icon" })), h("h2", { key: '07bde808db2782be35b8be8d1345623220294443' }, "Date"), h("smoothly-input-date", { key: 'ea8ceba97dd574169c4631ea606486b377dce47c' }, "Date"), h("smoothly-input-date", { key: '270921b6f946a3461bb5a56c4b4a9298ddaaa963', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: 'd482a812f37deb3f0eae4822e2f0c2f25ee3a065', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '105a1664f06954e5b18fe2f020febcf5b1d35f2e', slot: "end", size: "icon" })), h("smoothly-input-date", { key: '7485714ce8efc62a3609973ed3ec7211d3b18c3e', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: 'b9644aa6c685a6d55dbe774191a1be88c2f22877', slot: "end", size: "icon" })), h("h2", { key: '0436093872cec8515091dec9290a5ec118323659' }, "Select"), h("div", { key: 'c73b2ab867da11f05441aaec31081d3718af6f6f', class: "select-div" }, h("smoothly-input-select", { key: '97b96c3e8fde3efc9cf4022524b6fce9cb03a530', name: "select-dessert", looks: "border" }, h("label", { key: 'cacbc0cfd864372dae05a3822f9826bf30483299', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: 'bee78832ee71757e5dd8416630c8c1af953d1f9c', value: "1" }, "Ice cream"), h("smoothly-item", { key: 'a0b8c1520300e75a9b1285db812b57b5c6c6e858', value: "2" }, "Sponge cake"), h("smoothly-item", { key: '8f3d82a137ccd298131f789615781ac7e2777c8a', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: '1d38e41b6a5afdf76461c414d7c8a7b3a9bba988', value: "4" }, "Cookie"), h("smoothly-item", { key: '3f8a1f57037195e8add0170b4849c40fee7e1971', value: "5" }, "Croissant"), h("smoothly-item", { key: 'f4e073fd5b798a92c232b7df3352d4a005069faa', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: '379ffd0a2a9b0935ccf56acca4d5e3d5edf64439', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'cc1b8f09830754a9b7c7f691dba320985a269d3e', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: 'fb9430fb9b7569549fbc08e731a383a185f0c37e', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: 'd737aace2e373efdf8dd2d3a375d308695ef4361', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '579809a326021c7e3880a969e1dea86cd9d8c49b', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: '612cf01bfa02029c7283661bbce607747a06fcec', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: '2624a332573f8ab088b9a9bd341e49e2821f9c88', value: "croissant" }, "Croissant"), h("smoothly-item", { key: '64c1ba43fe0983ad1137f3bdef86996c6a14bf72', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: 'c5b72afe0cd5b579707bf13255089ce5a447dc6b', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '3c9f3a574bfb9f387241d4b10190bdaa6648d1c2', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: '739e92ebb45fac8eb126ebabc25fee5a267ba5f1', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: 'dd84998374081f6a8596c6f6b4a0709338263657', value: "manatee" }, "Manatee"), h("smoothly-item", { key: '3ec161b8d1cd3303177518637134a30fac90af2c', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '34552c07fb5fab84be62c262606ae5038c5903b4', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '28596c51822dd43c30f6d2fbbfd48f5473f26ac1', value: "folder", selected: true }, h("smoothly-icon", { key: 'b9bf5749f567ed2504521b2069a0900839374e42', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'cd4cdb8d85ccbb3629efcb89dede34573f47f6da', value: "camera" }, h("smoothly-icon", { key: '09bfdefca3c7d1f10301206c1bc1e2fb5291a496', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: '314f68176bd69d1fe1f31de60117da76636d151d', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '732ae80a2a9c931ed5a25af1b8274dc14dd4318f', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
+            .map((_, i) => String.fromCharCode(i + 65))
+            .map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '2a42f57f9442125dcab0fa9017aa8b98de181241', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '06ecee47ad2f9e0a44f6454a99e482b2d9a803e0', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '4b679d13f7461afedeba8a047f1707bfda0745b0', value: "1" }, "January"), h("smoothly-item", { key: '701188bbd18bdf6a7b34c2b23528487c8b0fdcc0', value: "2" }, "February"), h("smoothly-item", { key: 'a7c2aa11cbdd97df94f821c40d0ce91542a49730', value: "3" }, "March"), h("smoothly-item", { key: '081b01bb6fa82543ed142039551cffa989a226df', value: "4" }, "April"), h("smoothly-item", { key: '0ca1d1f3b15917ed5ddbf2d042d3856755f6b427', value: "5" }, "May"), h("smoothly-item", { key: '286c911ea66782df5d2492af7f6a941a1aade7a6', value: "6" }, "June"), h("smoothly-item", { key: '6d678f267ee0a8a0ba3dac9cd8ea67a51a4385de', value: "7" }, "July"), h("smoothly-item", { key: '49cfb07d6b92132353843aa5db485d0da92c14d5', value: "8" }, "August"), h("smoothly-item", { key: '9c93d766ee95486cebe50f615d9cf0e73a47a0fc', value: "9" }, "September"), h("smoothly-item", { key: '3ff0918cff96ba93f35ff19a85a8c7c9d0edadd1', value: "10" }, "October"), h("smoothly-item", { key: '3e762c889938a371e86b5b398c65557e57ed7c9e', value: "11" }, "November"), h("smoothly-item", { key: '37f64627b1c19f79045e12b90e6b40be878f5bc8', value: "12" }, "December")), h("div", { key: '657ee199d9d42df2e666c831cf962458aeede5a1', class: "select-div-row" }, h("smoothly-input-select", { key: 'fadc8cddfa99842b7c9774b6aa984ca23748e478', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '3df756d9fcf76e1f2d9d5b059bbfe75b26908e68', value: "folder", selected: true }, h("smoothly-icon", { key: '39d90256732dff998e040acbf73d477ccbbdf72a', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'bc89b588b85632cb475a6230bbd4d46760c85c40', value: "camera" }, h("smoothly-icon", { key: '62c1d2ca1b74f6a237a2c11854d4cc0f29f7024b', size: "small", name: "camera-outline" })), h("smoothly-item", { key: '97b5eb2481a8d42ff0824da7654d355bed807f8b', value: "boat" }, h("smoothly-icon", { key: '2eb60aac8963e7a82cb0229736ce635392ee843f', size: "small", name: "boat-outline" }))), h("smoothly-input-select", { key: '3adaacf129bbd509676145af84f7a9fd3d4387e4', name: "select-number", clearable: false }, this.numbers.map(number => (h("smoothly-item", { value: "number", selected: number === 3 }, number)))), h("smoothly-input", { key: '2b4820557f8aa9c5c7e5360058bd39962849e442', name: "name", value: "Sten Qvist" }, "Name"))), h("h2", { key: '8fd1a68e89980464d53d0e277f3d114164881aa5' }, "Duration"), h("smoothly-input", { key: 'f96c9d7fbc7f2c984b35182cc1bc2b8c3791b44d', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: '3eef3f661cb3968a9bf34cce56d4efaa6f48a643', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
+                const duration = e.detail.duration;
+                this.duration = duration;
+            } }, "Duration"), h("h2", { key: 'e12a6fe91409dbbf22929867ac29308431343196' }, "Integer with Min/Max"), h("smoothly-input", { key: 'bd214564b53d61947e5414ac0745f3c98f769e57', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: 'f1df05ff7732fef3de1e849097f5435cfd2b2b8d', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: 'f9cad47788b15a24e28c33096ec8b23368fda24f', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: '557142911873db32ede88acf8ff406a4a32503cd', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: 'f58320d65499e830eedccbf74bc15c344d028511' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: 'ba1858fc482f749de9517765691a0e2e41420999', copyable: true, name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), h("h2", { key: 'b11d56936ca4876a2eae12ef3b18bd438ff3ba5b' }, "Identifiers"), h("smoothly-input", { key: 'a98d06646bc1cf3ef24d30fdf5f23427561aa189', type: "identifier-code" }, "Code"), h("smoothly-input", { key: 'aae0d23d44590e654944404ceca9d71485cdb9be', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: '52f4bb44a99c6c56a13ce7a09f5d5d8db40931f1', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: 'e1b9068ff4614f79cea56c57837fba94ee288312', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: 'b0c3946bf3429cd3911a7e5d787d0ad08163c5f2', type: "identifier-camel" }, "Camel"), h("h2", { key: '1f04209f0298f757b5e15239a2f1a88d6316c111' }, "Input Alternatives"), h("smoothly-input", { key: '1d24a71d989cc3350cba91c5006508b95982d7e6', type: "text", name: "name.last" }, h("smoothly-icon", { key: 'e7695e15015b6c1228e082014fa60e88b00d0912', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '4dba0aec13e18367e26c12faba76978439ebc64b', type: "text", name: "name.first" }, "Last Name", h("smoothly-icon", { key: '24e5bc41076b935c222ccb36d6f85e982990f9c3', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '968c7b27da0ec9264b76b9f4b429ded368488f58', type: "text", name: "name.first", placeholder: "Smith" }, "Last Name", h("smoothly-icon", { key: '3b90a09729389706864d1577214a5776efd206ad', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '45c7509b937fb30ea3e91aadf15e306bd36c0a36', placeholder: "test" }), h("smoothly-input-submit", { key: '224437a476fc6e4e5c179a545d37f820bb8c6a85', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: '03de899e930444918c7b282fb0e618906b28df08' }, "Smoothly checkboxes"), h("div", { key: '0d9a2fffa7022bf3623eeb10c4de2e3da53d1004', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '682634e92411ac8ea2a980f6609b0b75436ffc6b', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '18a07b37d184841e5acd0e2c5412d79087ae4e07', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: 'd04879db2b41af52bfc719fef7632494f36c15a2', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: '415906a2c26c436a80a6aef664349b99000a9164', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: 'dc1d3b1d25187d9845c2b535b31394ec8ad42efe', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '3c1a29394098cf0931c6069260e397fa8c0d9584', name: "third-checkbox" }, "3rd")), h("h4", { key: '6ed8172d186ba53fdd1c17dbb9633c69ba112f7e' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: 'a5f65eb3d746156c3e42a24c2740369ce82692c3', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: 'bfd01263df20f513ae72f0953eeceb3c1eb366f6', name: "checkmark-circle", slot: "start" }), h("label", { key: 'caaa570c0cbbfaf88786811d39c4577717957bec', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: 'e87e32f03cfbc469d2f29f4bb6eb535b861c1396', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '2fdecf175d51624a11c9fd66989e05451f3c299e', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '639b6d87666f32e292225fcfc82cfa4a3dc76e53', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '011f5b9a0a2462431a0fe6837dcc86a72b9fdc6a', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '608cd37ec11aef2dcc23c2d8d59027413839beb2', name: "radioSecondInput" }, h("label", { key: '273c8ab92326fb127b87cc3e8f97e920c4ad5d40', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: '7ae832cd4d2cd0e70a83dd10d23e8fe3d30f8d33', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '3d6b4b73107769389e78c0f36f8894f64d553fe6', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'bb86ff4e0e768779c641c2f2f5186707a14c5ee0', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '3e795de145a66f2d7ddda0331f84c64236961abe', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: '1fc12a4fc2f362ca69e3d80e6cca860cb5256bf2', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: 'a91485b0cbdf0049cbd97d9cc41e8228f937924f', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '52c1638c3addbae86119e32404474a835b2e73da' }), h("smoothly-input-color-demo", { key: '5169b6e1c674830667bb2496de9766cb2821dc8a' }), h("smoothly-input-price-demo", { key: '2ea8be6f14258bda10fd3ea5ae1018bf90cf585b' }), h("smoothly-back-to-top", { key: '1d76048e4228e17421c28ceaa35be3074a349d8c' }))));
+    }
+    static get style() { return SmoothlyInputDemoStyle0; }
+}, [2, "smoothly-input-demo", {
+        "duration": [32],
+        "alphanumeric": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["smoothly-input-demo", "smoothly-back-to-top", "smoothly-button", "smoothly-button-confirm", "smoothly-calendar", "smoothly-date-text", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-form", "smoothly-icon", "smoothly-input", "smoothly-input-checkbox", "smoothly-input-clear", "smoothly-input-color", "smoothly-input-color-demo", "smoothly-input-date", "smoothly-input-date-demo", "smoothly-input-date-range", "smoothly-input-date-time", "smoothly-input-demo-radio", "smoothly-input-demo-standard", "smoothly-input-demo-user-input", "smoothly-input-file", "smoothly-input-month", "smoothly-input-price-demo", "smoothly-input-radio", "smoothly-input-radio-item", "smoothly-input-range", "smoothly-input-range-demo", "smoothly-input-reset", "smoothly-input-select", "smoothly-input-submit", "smoothly-item", "smoothly-spinner", "smoothly-tab", "smoothly-tabs", "smoothly-toggle-switch"];
+    components.forEach(tagName => { switch (tagName) {
+        case "smoothly-input-demo":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SmoothlyInputDemo);
+            }
+            break;
+        case "smoothly-back-to-top":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$D();
+            }
+            break;
+        case "smoothly-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$C();
+            }
+            break;
+        case "smoothly-button-confirm":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$B();
+            }
+            break;
+        case "smoothly-calendar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$A();
+            }
+            break;
+        case "smoothly-date-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$z();
+            }
+            break;
+        case "smoothly-display":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$y();
+            }
+            break;
+        case "smoothly-display-json":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$x();
+            }
+            break;
+        case "smoothly-display-json-object":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$w();
+            }
+            break;
+        case "smoothly-display-json-primitive":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$v();
+            }
+            break;
+        case "smoothly-display-json-record-key":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$u();
+            }
+            break;
+        case "smoothly-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$t();
+            }
+            break;
+        case "smoothly-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$s();
+            }
+            break;
+        case "smoothly-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$r();
+            }
+            break;
+        case "smoothly-input-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
+            }
+            break;
+        case "smoothly-input-clear":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
+            }
+            break;
+        case "smoothly-input-color":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$o();
+            }
+            break;
+        case "smoothly-input-color-demo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "smoothly-input-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "smoothly-input-date-demo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "smoothly-input-date-range":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "smoothly-input-date-time":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "smoothly-input-demo-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "smoothly-input-demo-standard":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "smoothly-input-demo-user-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "smoothly-input-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "smoothly-input-month":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "smoothly-input-price-demo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "smoothly-input-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "smoothly-input-radio-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "smoothly-input-range":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "smoothly-input-range-demo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "smoothly-input-reset":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "smoothly-input-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "smoothly-input-submit":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "smoothly-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "smoothly-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "smoothly-tab":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "smoothly-tabs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "smoothly-toggle-switch":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SmoothlyInputDemo as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-23411737.js.map

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

@@ -0,0 +1 @@
+{"file":"p-23411737.js","mappings":"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","names":["isoly.DateTime","isoly.Date"],"sources":["src/components/input/demo/style.css?tag=smoothly-input-demo&encapsulation=scoped","src/components/input/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-top: 2em;\n\tmargin-bottom: 10rem;\n}\n\n:host .select-div-row {\n\tdisplay: flex;\n}\n\n:host .select-div-row smoothly-input {\n flex: 1;\n}\n\nsmoothly-input-demo-standard {\n\tmargin-bottom: 2rem;\n}\n\ndiv.inputs {\n\tmax-width: min(calc(100% - 2rem), 56rem);\n\tmargin: auto;\n}\n\ndiv.inputs>h2:not(:first-child) {\n\tpadding-top: 3em;\n\tmargin-top: 3em;\n\tborder-top: 1px solid black;\n}\n\n.checkbox-group {\n\tdisplay: flex;\n\tgap: 1.5em;\n\talign-items: center;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n.select-div {\n\tdisplay: flex;\n\t/* justify-content: space-between; */\n\tgap: 1em;\n\tflex-wrap: wrap;\n}\n\n.select-div>* {\n\tflex-grow: 1;\n\tmin-width: min(100%, var(--smoothly-form-input-min-width, 18rem));\n\tflex-basis: 40%;\n}\n","import { Component, Event, EventEmitter, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemo {\n\t@State() duration: isoly.TimeSpan = { hours: 8 }\n\t@State() alphanumeric: string = \"!@##\"\n\tprivate numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9]\n\t@Event() smoothlyUrlUpdate: EventEmitter<{ path: string; query?: string }>\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input-demo-standard />\n\t\t\t\t<smoothly-input-date-demo />\n\t\t\t\t<smoothly-input-demo-user-input />\n\t\t\t\t<smoothly-input-demo-radio />\n\t\t\t\t<div class=\"inputs\">\n\t\t\t\t\t<h2>Calendar</h2>\n\t\t\t\t\t<smoothly-input-date name=\"some-date\">Calendar</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-time name=\"someDateTime\" value={isoly.DateTime.now()}>\n\t\t\t\t\t\tDateTime\n\t\t\t\t\t</smoothly-input-date-time>\n\t\t\t\t\t<h2>Date Range</h2>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname=\"testing\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-01\"\n\t\t\t\t\t\tmax=\"2025-01-31\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname=\"testing\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\t\t\tmax=\"2024-12-30\">\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tlooks=\"grid\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\t\t\tmax=\"2025-12-30\"\n\t\t\t\t\t\tshowLabel={false}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\"--smoothly-input-border-radius\": \"0.5rem\",\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<h2>Date</h2>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date showLabel={false} value=\"2021-10-28\" max=\"2021-12-30\" min=\"2021-10-10\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date value=\"2021-10-28\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date value=\"2021-10-28\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<h2>Select</h2>\n\t\t\t\t\t<div class=\"select-div\">\n\t\t\t\t\t\t<smoothly-input-select name=\"select-dessert\" looks=\"border\">\n\t\t\t\t\t\t\t<label slot=\"label\">Select with clear button</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"1\">Ice cream</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"2\">Sponge cake</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"3\" disabled>\n\t\t\t\t\t\t\t\tDisabled Item\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"4\">Cookie</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"5\">Croissant</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"6\">Chocolate fondue</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select multiple name=\"select-dessert-multiple\" looks=\"border\">\n\t\t\t\t\t\t\t<label slot=\"label\">Select multiple with reset button</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"ice cream\">Ice cream</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"sponge cake\">Sponge cake</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"cookie\">\n\t\t\t\t\t\t\t\tCookie\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"croissant\">Croissant</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"chocolate fondue\">\n\t\t\t\t\t\t\t\tChocolate fondue\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-input-reset size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"spirit-animals\" looks=\"border\" mutable>\n\t\t\t\t\t\t\t<label slot=\"label\">Select or add new options</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"manatee\">Manatee</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"cthulu\">\n\t\t\t\t\t\t\t\tCthulu\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select ordered menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t\t<label slot=\"label\">Alphabet ordered select</label>\n\t\t\t\t\t\t\t{Array.from({ length: 26 })\n\t\t\t\t\t\t\t\t.map((_, i) => String.fromCharCode(i + 65))\n\t\t\t\t\t\t\t\t.map(char => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={char} selected={char == \"H\"}>\n\t\t\t\t\t\t\t\t\t\t{char}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select multiple menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t\t<label slot=\"label\">Month multiple select</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<div class=\"select-div-row\">\n\t\t\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t<smoothly-item value=\"boat\">\n\t\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"boat-outline\" />\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t\t<smoothly-input-select name=\"select-number\" clearable={false}>\n\t\t\t\t\t\t\t\t{this.numbers.map(number => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value=\"number\" selected={number === 3}>\n\t\t\t\t\t\t\t\t\t\t{number}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t\t<smoothly-input name=\"name\" value=\"Sten Qvist\">\n\t\t\t\t\t\t\t\tName\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h2>Duration</h2>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"duration\"\n\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\tplaceholder=\"hh:mm\"\n\t\t\t\t\t\tvalue={this.duration}\n\t\t\t\t\t\tonSmoothlyInput={e => (this.duration = e.detail.duration)}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"duration\"\n\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\tvalue={this.duration}\n\t\t\t\t\t\tplaceholder=\"-hh:mm\"\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\tconst duration = e.detail.duration\n\t\t\t\t\t\t\tthis.duration = duration\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Integer with Min/Max</h2>\n\t\t\t\t\t<smoothly-input name=\"days\" type=\"integer\" min={0} max={365}>\n\t\t\t\t\t\tDays per year (0-365)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"hour\" type=\"integer\" min={0} max={23}>\n\t\t\t\t\t\tHours per day (0-23)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"minute\" type=\"integer\" min={0} max={59}>\n\t\t\t\t\t\tMinutes per hour (0-59)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"minute\" type=\"integer\" min={18} max={120}>\n\t\t\t\t\t\tAge (18-120)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Invalid text with warning icon and tooltip</h2>\n\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tcopyable\n\t\t\t\t\t\tname=\"alphanumeric\"\n\t\t\t\t\t\tinvalid={!/^[a-zA-Z0-9]+$/.test(this.alphanumeric)}\n\t\t\t\t\t\terrorMessage={\"Only alphanumeric allowed\"}\n\t\t\t\t\t\tvalue={this.alphanumeric}\n\t\t\t\t\t\tonSmoothlyInput={e => (this.alphanumeric = e.detail.alphanumeric)}>\n\t\t\t\t\t\tAlphanumeric\n\t\t\t\t\t</smoothly-input>\n\n\t\t\t\t\t<h2>Identifiers</h2>\n\t\t\t\t\t<smoothly-input type=\"identifier-code\">Code</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-attribute\">Attribute</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-snake\">Snake</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-pascal\">Pascal</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-camel\">Camel</smoothly-input>\n\t\t\t\t\t<h2>Input Alternatives</h2>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\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.first\">\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\" placeholder=\"Smith\">\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input placeholder=\"test\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" fill=\"solid\" onSubmit={(e: Event) => alert(e)} color=\"success\" />\n\t\t\t\t\t<h4>Smoothly checkboxes</h4>\n\t\t\t\t\t<div class=\"checkbox-group\">\n\t\t\t\t\t\t<smoothly-input-checkbox disabled name=\"first-checkbox\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" size=\"tiny\" />\n\t\t\t\t\t\t\tFirst\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"second-checkbox\" checked>\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" size=\"tiny\" />\n\t\t\t\t\t\t\tsecond\n\t\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"third-checkbox\">3rd</smoothly-input-checkbox>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Smoothly Radio Buttons</h4>\n\t\t\t\t\t<smoothly-input-radio clearable name=\"radioFirstInput\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t<label slot=\"label\">Clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-radio name=\"radioSecondInput\">\n\t\t\t\t\t\t<label slot=\"label\">Not clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"second\"}>Label 2</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"fourth\"}>Label 4</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"fifth\"}>Label 5</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"sixth\"}>Label 6</smoothly-input-radio-item>\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-range-demo />\n\t\t\t\t\t<smoothly-input-color-demo />\n\t\t\t\t\t<smoothly-input-price-demo />\n\t\t\t\t\t<smoothly-back-to-top />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-4051f859.js → p-234932d2.js}

@@ -47,10 +47,10 @@ const SmoothlyTableHead = proxyCustomElement(class SmoothlyTableHead extends H {
         (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (h(Host, { key: 'af0948178b8c6b2d2dce77f8a9ee7d00ccfbfe30', class: { scrolled: !!this.scrolled }, style: {
+        return (h(Host, { key: '1d7bcc6b6d956cffbce140b0e5a55b31204669b0', class: { scrolled: !!this.scrolled }, style: {
                 "--top": `calc(${this.depth} * var(--smoothly-table-cell-min-height))`,
                 "--z-index": `${10 - this.depth}`,
-            } }, h("slot", { key: '50e8a632a94c230ded1e47cfece114ef2c523ead' })));
+            } }, h("slot", { key: '7689c49aa7aa644d3a25832db59e7a18997b89d3' })));
     }
     get element() { return this; }
     static get style() { return SmoothlyTableHeadStyle0; }
@@ -75,4 +75,4 @@ defineCustomElement();
 
 export { SmoothlyTableHead as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-4051f859.js.map
+//# sourceMappingURL=p-234932d2.js.map

package/dist/components/{p-4051f859.js.map → p-234932d2.js.map}

@@ -1 +1 @@
-{"file":"p-4051f859.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,qmBAAqmB,CAAC;AACvnB,gCAAe,QAAQ;;MCOV,iBAAiB;;;;QAKrB,aAAQ,GAAG,CAAC,KAAY;YAC/B,IAAI,KAAK,CAAC,MAAM,YAAYA,CAAW,EAAE;gBACxC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAA;gBAChC,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAA;gBAC5D,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;gBACxD,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,IAAI,WAAW,CAAC,GAAG,CAAA;aACjD;SACD,CAAA;;qBATgB,CAAC;;IAUlB,YAAY;QACX,IAAI,KAAK,GAAG,CAAC,CAAA;QACb,IAAI,cAAc,GAAuB,IAAI,CAAC,OAAO,CAAA;QACrD,OAAO,cAAc,EAAE;YACtB,IAAI,cAAc,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;gBAC9D,MAAM,IAAI,GAAG,cAAc,CAAC,aAAa,CAAC,qBAAqB,CAAiC,CAAA;gBAChG,IAAI,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE;oBAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CACtB,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAA6C,CACvF,CAAA;oBACD,KAAK,IAAI,IAAI,CAAC,MAAM,CAAA;iBACpB;aACD;YACD,cAAc,GAAG,cAAc,CAAC,aAA6C,CAAA;SAC7E;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;KAClB;IACD,iBAAiB;;QAChB,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvD,MAAA,IAAI,CAAC,YAAY,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC5D,IAAI,CAAC,YAAY,EAAE,CAAA;KACnB;IACD,oBAAoB;;QACnB,MAAA,IAAI,CAAC,YAAY,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC/D;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,EACpC,KAAK,EACJ;gBACC,OAAO,EAAE,QAAQ,IAAI,CAAC,KAAK,2CAA2C;gBACtE,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE;aAC1B,IAET,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;","names":["HTMLElement"],"sources":["src/components/table/head/style.css?tag=smoothly-table-head&encapsulation=scoped","src/components/table/head/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\ttop: var(--top);\n\tposition: sticky;\n\tz-index: var(--z-index);\n\t--smoothly-color: var(--smoothly-table-header-background);\n\t--smoothly-color-contrast: var(--smoothly-table-header-foreground);\n\tbackground-color: rgb(var(--smoothly-table-header-background));\n\tcolor: rgb(var(--smoothly-table-header-foreground));\n\tstroke: rgb(var(--smoothly-table-header-foreground));\n\tfill: rgb(var(--smoothly-table-header-foreground));\n\tfont-weight: bold;\n\ttransition: box-shadow 0.3s ease;\n}\n\n:host.scrolled {\n\tbox-shadow: var(--smoothly-table-header-shadow);\n}\n","import { Component, Element, h, Host, State, VNode } from \"@stencil/core\"\nimport { Scrollable } from \"../../../model\"\n\n@Component({\n\ttag: \"smoothly-table-head\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableHead {\n\t@Element() element: HTMLSmoothlyTableHeadElement\n\t@State() scrolled?: boolean\n\t@State() depth = 0\n\tprivate scrollParent?: HTMLElement\n\tprivate onScroll = (event: Event) => {\n\t\tif (event.target instanceof HTMLElement) {\n\t\t\tthis.scrollParent = event.target\n\t\t\tconst parentRect = this.scrollParent.getBoundingClientRect()\n\t\t\tconst elementRect = this.element.getBoundingClientRect()\n\t\t\tthis.scrolled = parentRect.top == elementRect.top\n\t\t}\n\t}\n\tgetTopOffset() {\n\t\tlet depth = 0\n\t\tlet currentElement: HTMLElement | null = this.element\n\t\twhile (currentElement) {\n\t\t\tif (currentElement.tagName.toLowerCase() === \"smoothly-table\") {\n\t\t\t\tconst head = currentElement.querySelector(\"smoothly-table-head\") as HTMLSmoothlyTableHeadElement\n\t\t\t\tif (head !== this.element) {\n\t\t\t\t\tconst rows = Array.from(\n\t\t\t\t\t\thead.querySelectorAll(\"smoothly-table-row\") as NodeListOf<HTMLSmoothlyTableHeadElement>\n\t\t\t\t\t)\n\t\t\t\t\tdepth += rows.length\n\t\t\t\t}\n\t\t\t}\n\t\t\tcurrentElement = currentElement.parentElement as HTMLSmoothlyTableHeadElement\n\t\t}\n\t\tthis.depth = depth\n\t}\n\tconnectedCallback() {\n\t\tthis.scrollParent = Scrollable.findParent(this.element)\n\t\tthis.scrollParent?.addEventListener(\"scroll\", this.onScroll)\n\t\tthis.getTopOffset()\n\t}\n\tdisconnectedCallback() {\n\t\tthis.scrollParent?.removeEventListener(\"scroll\", this.onScroll)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ scrolled: !!this.scrolled }}\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t\"--top\": `calc(${this.depth} * var(--smoothly-table-cell-min-height))`,\n\t\t\t\t\t\t\"--z-index\": `${10 - this.depth}`,\n\t\t\t\t\t} as any\n\t\t\t\t}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-234932d2.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,qmBAAqmB,CAAC;AACvnB,gCAAe,QAAQ;;MCOV,iBAAiB;;;;QAKrB,aAAQ,GAAG,CAAC,KAAY;YAC/B,IAAI,KAAK,CAAC,MAAM,YAAYA,CAAW,EAAE;gBACxC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAA;gBAChC,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAA;gBAC5D,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;gBACxD,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,IAAI,WAAW,CAAC,GAAG,CAAA;aACjD;SACD,CAAA;;qBATgB,CAAC;;IAUlB,YAAY;QACX,IAAI,KAAK,GAAG,CAAC,CAAA;QACb,IAAI,cAAc,GAAuB,IAAI,CAAC,OAAO,CAAA;QACrD,OAAO,cAAc,EAAE;YACtB,IAAI,cAAc,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;gBAC9D,MAAM,IAAI,GAAG,cAAc,CAAC,aAAa,CAAC,qBAAqB,CAAiC,CAAA;gBAChG,IAAI,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE;oBAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CACtB,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAA6C,CACvF,CAAA;oBACD,KAAK,IAAI,IAAI,CAAC,MAAM,CAAA;iBACpB;aACD;YACD,cAAc,GAAG,cAAc,CAAC,aAA6C,CAAA;SAC7E;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;KAClB;IACD,iBAAiB;;QAChB,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvD,MAAA,IAAI,CAAC,YAAY,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC5D,IAAI,CAAC,YAAY,EAAE,CAAA;KACnB;IACD,oBAAoB;;QACnB,MAAA,IAAI,CAAC,YAAY,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC/D;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,EACpC,KAAK,EACJ;gBACC,OAAO,EAAE,QAAQ,IAAI,CAAC,KAAK,2CAA2C;gBACtE,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE;aAC1B,IAET,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;","names":["HTMLElement"],"sources":["src/components/table/head/style.css?tag=smoothly-table-head&encapsulation=scoped","src/components/table/head/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\ttop: var(--top);\n\tposition: sticky;\n\tz-index: var(--z-index);\n\t--smoothly-color: var(--smoothly-table-header-background);\n\t--smoothly-color-contrast: var(--smoothly-table-header-foreground);\n\tbackground-color: rgb(var(--smoothly-table-header-background));\n\tcolor: rgb(var(--smoothly-table-header-foreground));\n\tstroke: rgb(var(--smoothly-table-header-foreground));\n\tfill: rgb(var(--smoothly-table-header-foreground));\n\tfont-weight: bold;\n\ttransition: box-shadow 0.3s ease;\n}\n\n:host.scrolled {\n\tbox-shadow: var(--smoothly-table-header-shadow);\n}\n","import { Component, Element, h, Host, State, VNode } from \"@stencil/core\"\nimport { Scrollable } from \"../../../model\"\n\n@Component({\n\ttag: \"smoothly-table-head\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableHead {\n\t@Element() element: HTMLSmoothlyTableHeadElement\n\t@State() scrolled?: boolean\n\t@State() depth = 0\n\tprivate scrollParent?: HTMLElement\n\tprivate onScroll = (event: Event) => {\n\t\tif (event.target instanceof HTMLElement) {\n\t\t\tthis.scrollParent = event.target\n\t\t\tconst parentRect = this.scrollParent.getBoundingClientRect()\n\t\t\tconst elementRect = this.element.getBoundingClientRect()\n\t\t\tthis.scrolled = parentRect.top == elementRect.top\n\t\t}\n\t}\n\tgetTopOffset() {\n\t\tlet depth = 0\n\t\tlet currentElement: HTMLElement | null = this.element\n\t\twhile (currentElement) {\n\t\t\tif (currentElement.tagName.toLowerCase() === \"smoothly-table\") {\n\t\t\t\tconst head = currentElement.querySelector(\"smoothly-table-head\") as HTMLSmoothlyTableHeadElement\n\t\t\t\tif (head !== this.element) {\n\t\t\t\t\tconst rows = Array.from(\n\t\t\t\t\t\thead.querySelectorAll(\"smoothly-table-row\") as NodeListOf<HTMLSmoothlyTableHeadElement>\n\t\t\t\t\t)\n\t\t\t\t\tdepth += rows.length\n\t\t\t\t}\n\t\t\t}\n\t\t\tcurrentElement = currentElement.parentElement as HTMLSmoothlyTableHeadElement\n\t\t}\n\t\tthis.depth = depth\n\t}\n\tconnectedCallback() {\n\t\tthis.scrollParent = Scrollable.findParent(this.element)\n\t\tthis.scrollParent?.addEventListener(\"scroll\", this.onScroll)\n\t\tthis.getTopOffset()\n\t}\n\tdisconnectedCallback() {\n\t\tthis.scrollParent?.removeEventListener(\"scroll\", this.onScroll)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ scrolled: !!this.scrolled }}\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t\"--top\": `calc(${this.depth} * var(--smoothly-table-cell-min-height))`,\n\t\t\t\t\t\t\"--z-index\": `${10 - this.depth}`,\n\t\t\t\t\t} as any\n\t\t\t\t}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}