smoothly 1.112.0 → 1.114.0

package/dist/components/{p-BPh3sXo6.js → p-BpV6GXd7.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,h as e,d as s,t as r}from"./p-BsZrGTcp.js";import{d as c}from"./p-BnYCDLp0.js";const l=()=>`.sc-smoothly-theme-color-h{display:flex;flex-direction:column;align-items:center}.sc-smoothly-theme-color-h>.sc-smoothly-theme-color:first-child{margin-top:0.2rem}`;const m=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return e(s,{key:"fc491c82a4336ac22b0ae27664dc30b8ad2e6ddf"},this.color,["tint","color","shade"].map((t=>e("smoothly-theme-color-variant",{title:`${this.color} ${t}`,color:this.color,variant:t}))))}static get style(){return l()}},[2,"smoothly-theme-color",{color:[1]}]);function a(){if(typeof customElements==="undefined"){return}const t=["smoothly-theme-color","smoothly-theme-color-variant"];t.forEach((t=>{switch(t){case"smoothly-theme-color":if(!customElements.get(r(t))){customElements.define(r(t),m)}break;case"smoothly-theme-color-variant":if(!customElements.get(r(t))){c()}break}}))}a();export{m as S,a as d};
-//# sourceMappingURL=p-BPh3sXo6.js.map
+import{p as t,H as o,h as e,d as s,t as r}from"./p-BsZrGTcp.js";import{d as c}from"./p-BnYCDLp0.js";const l=()=>`.sc-smoothly-theme-color-h{display:flex;flex-direction:column;align-items:center}.sc-smoothly-theme-color-h>.sc-smoothly-theme-color:first-child{margin-top:0.2rem}`;const m=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return e(s,{key:"2ffa9ed25b646e14b48d6da53a3afd3a9f897468"},this.color,["tint","color","shade"].map((t=>e("smoothly-theme-color-variant",{title:`${this.color} ${t}`,color:this.color,variant:t}))))}static get style(){return l()}},[2,"smoothly-theme-color",{color:[1]}]);function a(){if(typeof customElements==="undefined"){return}const t=["smoothly-theme-color","smoothly-theme-color-variant"];t.forEach((t=>{switch(t){case"smoothly-theme-color":if(!customElements.get(r(t))){customElements.define(r(t),m)}break;case"smoothly-theme-color-variant":if(!customElements.get(r(t))){c()}break}}))}a();export{m as S,a as d};
+//# sourceMappingURL=p-BpV6GXd7.js.map

package/dist/components/{p-CsLlJDsh.js → p-Bpc6uh0M.js}

@@ -1,2 +1,2 @@
-import{p as s,H as r,h as e,d as n,t as o}from"./p-BsZrGTcp.js";const t=()=>`[hidden].sc-smoothly-spinner-h{display:none}.sc-smoothly-spinner-h{cursor:wait;--spinner-time:1.4s;--spinner-color:var(--smoothly-color-contrast);--spinner-background:var(--smoothly-color);--spinner-background-opacity:var(--smoothly-semitransparent, 0.8);display:block;stroke:rgb(var(--spinner-color));background-color:rgba(var(--spinner-background), var(--spinner-background-opacity))}.sc-smoothly-spinner-h:not([overlay]){width:var(--spinner-size);height:var(--spinner-size)}[overlay].sc-smoothly-spinner-h{position:absolute;inset:0;width:100%;height:100%;z-index:4;background-color:rgba(var(--spinner-background), var(--spinner-background-opacity))}[color].sc-smoothly-spinner-h:not([overlay]),[color][overlay].sc-smoothly-spinner-h{background-color:rgba(var(--spinner-background), var(--spinner-background-opacity));stroke:rgb(var(--spinner-color))}[overlay].sc-smoothly-spinner-h>svg.sc-smoothly-spinner{position:absolute;width:var(--spinner-size);left:calc(50% - var(--spinner-size) / 2);top:calc(50% - var(--spinner-size) / 2)}.sc-smoothly-spinner-h>svg.sc-smoothly-spinner{animation:SPIN-SVG var(--spinner-time) linear infinite}.sc-smoothly-spinner-h>svg.sc-smoothly-spinner>circle.sc-smoothly-spinner{transform-origin:center;animation:SPIN-CIRCLE var(--spinner-time) ease-in-out infinite;stroke-dasharray:187;stroke-dashoffset:0}@keyframes SPIN-SVG{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes SPIN-CIRCLE{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}`;const i=s(class s extends r{constructor(s){super();if(s!==false){this.__registerHost()}this.size="large"}render(){const s=this.size=="large"?6:this.size=="medium"?8:this.size=="icon"?8:12;return e(n,{key:"cc63c3d7a177c5119f9dbd6c38038c06f9fe5093",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},e("svg",{key:"50736fa849eb8112f5f0356d4d2233b70eff5248",class:"spinner",viewBox:`0 0 ${60+s} ${60+s}`,xmlns:"http://www.w3.org/2000/svg"},e("circle",{key:"f5e92d9993f413213c5cf59d290b4d52316cc06c",class:"path",fill:"none","stroke-width":s,"stroke-linecap":"round",cx:`${30+s/2}`,cy:`${30+s/2}`,r:"30"})))}static get style(){return t()}},[2,"smoothly-spinner",{size:[513],overlay:[516]}]);function a(){if(typeof customElements==="undefined"){return}const s=["smoothly-spinner"];s.forEach((s=>{switch(s){case"smoothly-spinner":if(!customElements.get(o(s))){customElements.define(o(s),i)}break}}))}a();export{i as S,a as d};
-//# sourceMappingURL=p-CsLlJDsh.js.map
+import{p as s,H as r,h as e,d as n,t as o}from"./p-BsZrGTcp.js";const t=()=>`[hidden].sc-smoothly-spinner-h{display:none}.sc-smoothly-spinner-h{cursor:wait;--spinner-time:1.4s;--spinner-color:var(--smoothly-color-contrast);--spinner-background:var(--smoothly-color);--spinner-background-opacity:var(--smoothly-semitransparent, 0.8);display:block;stroke:rgb(var(--spinner-color));background-color:rgba(var(--spinner-background), var(--spinner-background-opacity))}.sc-smoothly-spinner-h:not([overlay]){width:var(--spinner-size);height:var(--spinner-size)}[overlay].sc-smoothly-spinner-h{position:absolute;inset:0;width:100%;height:100%;z-index:4;background-color:rgba(var(--spinner-background), var(--spinner-background-opacity))}[color].sc-smoothly-spinner-h:not([overlay]),[color][overlay].sc-smoothly-spinner-h{background-color:rgba(var(--spinner-background), var(--spinner-background-opacity));stroke:rgb(var(--spinner-color))}[overlay].sc-smoothly-spinner-h>svg.sc-smoothly-spinner{position:absolute;width:var(--spinner-size);left:calc(50% - var(--spinner-size) / 2);top:calc(50% - var(--spinner-size) / 2)}.sc-smoothly-spinner-h>svg.sc-smoothly-spinner{animation:SPIN-SVG var(--spinner-time) linear infinite}.sc-smoothly-spinner-h>svg.sc-smoothly-spinner>circle.sc-smoothly-spinner{transform-origin:center;animation:SPIN-CIRCLE var(--spinner-time) ease-in-out infinite;stroke-dasharray:187;stroke-dashoffset:0}@keyframes SPIN-SVG{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes SPIN-CIRCLE{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}`;const i=s(class s extends r{constructor(s){super();if(s!==false){this.__registerHost()}this.size="large"}render(){const s=this.size=="large"?6:this.size=="medium"?8:this.size=="icon"?8:12;return e(n,{key:"458303df1f0703dad9d88e9a6c1dfbd063de34e7",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},e("svg",{key:"8065db9227fb249027fe4b7dbc79152de2627ec2",class:"spinner",viewBox:`0 0 ${60+s} ${60+s}`,xmlns:"http://www.w3.org/2000/svg"},e("circle",{key:"8da0fa969c76d3930a14005f951f79f20dc6bf57",class:"path",fill:"none","stroke-width":s,"stroke-linecap":"round",cx:`${30+s/2}`,cy:`${30+s/2}`,r:"30"})))}static get style(){return t()}},[2,"smoothly-spinner",{size:[513],overlay:[516]}]);function a(){if(typeof customElements==="undefined"){return}const s=["smoothly-spinner"];s.forEach((s=>{switch(s){case"smoothly-spinner":if(!customElements.get(o(s))){customElements.define(o(s),i)}break}}))}a();export{i as S,a as d};
+//# sourceMappingURL=p-Bpc6uh0M.js.map

package/dist/components/p-Bq5YEPPT.js

@@ -0,0 +1,2 @@
+import{p as e,H as o,c as s,h as t,F as a,d as l,t as m}from"./p-BsZrGTcp.js";import{I as c,C as i,F as d}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import{N as r}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as b}from"./p-DM5CKilY.js";import{d as h}from"./p-CR3Ni_o7.js";import{d as f}from"./p-B-l1S16Z.js";import{d as y}from"./p-Ud7Qhkgt.js";import{d as p}from"./p-C3FORjes.js";import{d as u}from"./p-DIhqNc1G.js";import{d as k}from"./p-BiQsRsV4.js";import{d as g}from"./p-Ww5QjB3D.js";import{d as v}from"./p-_o_lUhve.js";import{d as j}from"./p-CTdXhHGF.js";import{d as E}from"./p-CJEV2v84.js";import{d as $}from"./p-fnKrPnzp.js";import{d as C}from"./p-Bpc6uh0M.js";const x=()=>`.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 w=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.notice=s(this,"notice");this.page=0;this.display={};this.props={}}render(){return t(l,{key:"f176097a9e8b600e7b6849618d986932e1115dfa"},t("h2",{key:"600c0aaa4c8d9d66b75b3a9fb2546f8128b00f0b"},"Filter and Variants"),t("smoothly-form",{key:"da8b0a10a564b01918e644af025436dd13e1aa8c",looks:"grid",onSmoothlyFormInput:e=>this.display=e.detail},t("smoothly-input",{key:"976282ac0d7bf9025e305b975b5800ba8946190d",name:"filter"},"Filter"),t("smoothly-input-select",{key:"81287920684545cdaedf4ae5df9e79bb8a9eea4b",name:"variant"},t("span",{key:"8f14bd0559ab879184978aa720fbe9d72002c981",slot:"label"},"Variant"),t("smoothly-item",{key:"262b691b55fc7a5dc662b50f6e84ac98e04db140",value:"outline"},"outline"),t("smoothly-item",{key:"9baf50fd4633f0785577bebf8647f9ec4c9da525",value:"sharp"},"sharp"),t("smoothly-input-clear",{key:"5460d9ba34ad9e5f5bc765893174fb57bf88b189",slot:"end"}))),t("h2",{key:"a204390a284b9da8171a655c315981111ee29906"},"Props"),t("smoothly-form",{key:"bbcb2e224b053d8983a743abd34c0a0186bfcc0f",looks:"grid",onSmoothlyFormInput:e=>{this.props=e.detail;console.log("props",this.props)}},t("smoothly-input-select",{key:"7f0f6e1932f649f5fb300f96a2d6eabc88e701aa",name:"color"},t("span",{key:"508bbda0d768fc4f661f0f0887857e25d21c7a91",slot:"label"},"Color"),i.values.map((e=>t("smoothly-item",{value:e},t("span",{style:{background:`rgb(var(--smoothly-${e}-color))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,e)))),t("smoothly-input-clear",{key:"e9b59296121ab6e415840d4f501ba31a4347e7af",slot:"end"})),t("smoothly-input-select",{key:"d066f9f4aa8d79c19537b03e9fba85386e673633",name:"fill"},t("span",{key:"f6ae683d747cbeb8a3e40e4d240efe08a1ef8ec4",slot:"label"},"Fill"),d.values.map((e=>t("smoothly-item",{value:e},e))),t("smoothly-input-clear",{key:"594435142c02e0b379f6b54886927069681de3cf",slot:"end"})),t("smoothly-input-select",{key:"f5f821cfdc6a83063bf22c2eb8417e3fa33845cd",name:"customColor",menuHeight:"12items",ordered:true},t("span",{key:"2b502f1dc5775cc23df45be8e48da4e297071078",slot:"label"},"Custom Color"),i.values.flatMap((e=>t(a,null,["tint","color","shade","contrast"].map((o=>t("smoothly-item",{value:`--smoothly-${e}-${o}`},t("span",{style:{background:`rgb(var(--smoothly-${e}-${o}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,`rgb(var(--smoothly-${e}-${o}))`)))))))),t("smoothly-input-select",{key:"ca3d4788ce77f1175a2e9e0cce841f3c8aa5925c",name:"customBackground",menuHeight:"12items",ordered:true},t("span",{key:"cd4faa49f2167739f5b00f1b0c734fdf6b8ddc4b",slot:"label"},"Custom Background"),i.values.flatMap((e=>t(a,null,["tint","color","shade","contrast"].map((o=>t("smoothly-item",{value:`--smoothly-${e}-${o}`},t("span",{style:{background:`rgb(var(--smoothly-${e}-${o}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,`rgb(var(--smoothly-${e}-${o}))`)))))))),t("smoothly-input-select",{key:"bfebecae9f13f019bd13a8baa8c1029468d83c18",name:"flip"},t("span",{key:"e8a300bdca3f1db8c36dff27b0df5afd08c6bda7",slot:"label"},"Flip"),t("smoothly-item",{key:"5f92573e3420ce19c1d291c394259cf0b1b0cb63",value:"x"},"x"),t("smoothly-item",{key:"c55f735398bb6b01d83d0d80922214f007983f07",value:"y"},"y"),t("smoothly-input-clear",{key:"171d0667b92be8ea4b8ef6c38bc4b6170c1db813",slot:"end"})),t("smoothly-input-select",{key:"30ebb8bdb6d5d75b8cfae380bb8a83bccb89b499",name:"size"},t("span",{key:"62df815da76512b43ae1c4583ff3e61f29ed5133",slot:"label"},"Size"),t("smoothly-item",{key:"5cb1ff7cb3660016cc243eb24b5f7f3fde4dd08f",value:"tiny"},"tiny"),t("smoothly-item",{key:"0d4d0f54b705a47741d11f2b5fd29245362ded31",value:"small"},"small"),t("smoothly-item",{key:"d4469868285cfa6c6ec5de5609f313f892cc66f1",value:"medium"},"medium"),t("smoothly-item",{key:"2b98aac9eeacc7942aa9ea73c48b16f36c226033",value:"large"},"large"),t("smoothly-item",{key:"520ebe334ad34dde56d5f8b5ecb7ca25e6645989",value:"xlarge"},"xlarge"),t("smoothly-input-clear",{key:"6b6dd6bd7070703371c89175f71ac30049e8042d",slot:"end"})),t("smoothly-input-range",{key:"c85ffd310deeec0ef502b8549d9bfce3aa0ea895",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",t("smoothly-input-clear",{key:"a83b8be42b242c1b42b9ab34c9a3c61e0420ab64",slot:"end"}))),t("h1",{key:"02ce154b99955eece2bca3bb28fa47ad8955d18a"},"Icons"),t("div",{key:"e40575d19a189a6c8142c40943692854d9899749",class:"icons"},[...c.Name.values.filter((e=>!this.display.filter||e.includes(this.display.filter))).map((e=>this.display.variant?`${e}-${this.display.variant}`:e)),...c.Logo.values.filter((e=>!this.display.filter||e.includes(this.display.filter)))].map((e=>t("smoothly-icon",{name:e,tooltip:e,"data-name":e,color:this.props.color,style:{fill:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",color:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",background:this.props["customBackground"]?`rgb(var(${this.props["customBackground"]}))`:""},fill:this.props.fill,flip:this.props.flip,size:this.props.size,rotate:this.props.rotate,onClick:()=>{navigator.clipboard.writeText(e);this.notice.emit(r.succeeded(`Copied "${e}"`))}})))))}static get style(){return x()}},[2,"smoothly-icon-demo",{display:[32],props:[32]}]);function F(){if(typeof customElements==="undefined"){return}const e=["smoothly-icon-demo","smoothly-button","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-clear","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-icon-demo":if(!customElements.get(m(e))){customElements.define(m(e),w)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-display":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json":if(!customElements.get(m(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){u()}break;case"smoothly-icon":if(!customElements.get(m(e))){k()}break;case"smoothly-input":if(!customElements.get(m(e))){g()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){v()}break;case"smoothly-input-range":if(!customElements.get(m(e))){j()}break;case"smoothly-input-select":if(!customElements.get(m(e))){E()}break;case"smoothly-item":if(!customElements.get(m(e))){$()}break;case"smoothly-spinner":if(!customElements.get(m(e))){C()}break}}))}F();export{w as S,F as d};
+//# sourceMappingURL=p-Bq5YEPPT.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["styleCss","SmoothlyIconDemo","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","page","display","props","render","h","Host","key","looks","onSmoothlyFormInput","e","detail","name","slot","value","console","log","Color","values","map","color","style","background","width","height","Fill","fill","menuHeight","ordered","flatMap","c","Fragment","v","step","min","max","class","Icon","Name","filter","includes","variant","Logo","tooltip","flip","size","rotate","onClick","navigator","clipboard","writeText","notice","emit","Notice","succeeded"],"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, Fragment, 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\tcustomColor?: string\n\t\tcustomBackground?: string\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 looks=\"grid\" 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\n\t\t\t\t\tlooks=\"grid\"\n\t\t\t\t\tonSmoothlyFormInput={e => {\n\t\t\t\t\t\tthis.props = e.detail\n\t\t\t\t\t\tconsole.log(\"props\", this.props)\n\t\t\t\t\t}}>\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}>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackground: `rgb(var(--smoothly-${color}-color))`,\n\t\t\t\t\t\t\t\t\t\t\"margin-right\": \"0.5rem\",\n\t\t\t\t\t\t\t\t\t\twidth: \"2.5rem\",\n\t\t\t\t\t\t\t\t\t\theight: \"2.5rem\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span>{color}</span>\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=\"customColor\" menuHeight=\"12items\" ordered>\n\t\t\t\t\t\t<span slot={\"label\"}>Custom Color</span>\n\t\t\t\t\t\t{Color.values.flatMap(c => (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{[\"tint\", \"color\", \"shade\", \"contrast\"].map(v => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={`--smoothly-${c}-${v}`}>\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tbackground: `rgb(var(--smoothly-${c}-${v}))`,\n\t\t\t\t\t\t\t\t\t\t\t\t\"margin-right\": \"0.5rem\",\n\t\t\t\t\t\t\t\t\t\t\t\twidth: \"2.5rem\",\n\t\t\t\t\t\t\t\t\t\t\t\theight: \"2.5rem\",\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<span>{`rgb(var(--smoothly-${c}-${v}))`}</span>\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</Fragment>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name=\"customBackground\" menuHeight=\"12items\" ordered>\n\t\t\t\t\t\t<span slot={\"label\"}>Custom Background</span>\n\t\t\t\t\t\t{Color.values.flatMap(c => (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{[\"tint\", \"color\", \"shade\", \"contrast\"].map(v => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={`--smoothly-${c}-${v}`}>\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tbackground: `rgb(var(--smoothly-${c}-${v}))`,\n\t\t\t\t\t\t\t\t\t\t\t\t\"margin-right\": \"0.5rem\",\n\t\t\t\t\t\t\t\t\t\t\t\twidth: \"2.5rem\",\n\t\t\t\t\t\t\t\t\t\t\t\theight: \"2.5rem\",\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<span>{`rgb(var(--smoothly-${c}-${v}))`}</span>\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</Fragment>\n\t\t\t\t\t\t))}\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\tstyle={{\n\t\t\t\t\t\t\t\tfill: this.props[\"customColor\"] ? `rgb(var(${this.props[\"customColor\"]}))` : \"\",\n\t\t\t\t\t\t\t\tcolor: this.props[\"customColor\"] ? `rgb(var(${this.props[\"customColor\"]}))` : \"\",\n\t\t\t\t\t\t\t\tbackground: this.props[\"customBackground\"] ? `rgb(var(${this.props[\"customBackground\"]}))` : \"\",\n\t\t\t\t\t\t\t}}\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"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-CVH3vlKv.js → p-BulPH2Jo.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,h as e,d as r,t as s}from"./p-BsZrGTcp.js";const l=()=>`.sc-smoothly-table-foot-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;position:sticky;z-index:1;bottom:0;background-color:rgb(var(--smoothly-table-footer-background));color:rgb(var(--smoothly-table-footer-foreground));stroke:rgb(var(--smoothly-table-footer-foreground));fill:rgb(var(--smoothly-table-footer-foreground))}`;const a=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return e(r,{key:"6fd2e248de8df09b4b20908c00272e7751c63a6b"},e("slot",{key:"66634f6fcbd68eed2628c4d16e7ff3cf4d7ad78c"}))}static get style(){return l()}},[262,"smoothly-table-foot"]);function c(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-foot"];o.forEach((o=>{switch(o){case"smoothly-table-foot":if(!customElements.get(s(o))){customElements.define(s(o),a)}break}}))}c();export{a as S,c as d};
-//# sourceMappingURL=p-CVH3vlKv.js.map
+import{p as o,H as t,h as e,d as r,t as s}from"./p-BsZrGTcp.js";const a=()=>`.sc-smoothly-table-foot-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;position:sticky;z-index:1;bottom:0;background-color:rgb(var(--smoothly-table-footer-background));color:rgb(var(--smoothly-table-footer-foreground));stroke:rgb(var(--smoothly-table-footer-foreground));fill:rgb(var(--smoothly-table-footer-foreground))}`;const l=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return e(r,{key:"fa6bc933396023c1d84d01460a4ff641c53136a1"},e("slot",{key:"7aaddf60b15f344866dce0847441bec4dc739ae0"}))}static get style(){return a()}},[262,"smoothly-table-foot"]);function c(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-foot"];o.forEach((o=>{switch(o){case"smoothly-table-foot":if(!customElements.get(s(o))){customElements.define(s(o),l)}break}}))}c();export{l as S,c as d};
+//# sourceMappingURL=p-BulPH2Jo.js.map

package/dist/components/{p-CuMoDdaf.js → p-C-zr_dP8.js}

@@ -1,2 +1,2 @@
-import{p as e,H as a,h as n,d as l,t as o}from"./p-BsZrGTcp.js";import{d}from"./p-DM5CKilY.js";import{d as c}from"./p-CR3Ni_o7.js";import{d as i}from"./p-B-l1S16Z.js";import{d as s}from"./p-Ud7Qhkgt.js";import{d as m}from"./p-C3FORjes.js";import{d as r}from"./p-CsLlJDsh.js";import{d as b}from"./p-Dekg3IGr.js";import{d as t}from"./p-CrcmijCR.js";import{d as g}from"./p-BQSKXVmh.js";import{d as y}from"./p-CG636AEF.js";import{d as f}from"./p-CVH3vlKv.js";import{d as h}from"./p-CjdBPauI.js";import{d as p}from"./p-CTPT9Ngc.js";const C=[{id:"667d329f9f4934ecdc4bf9eb",balance:1450.03,age:35,eyeColor:"blue",name:"Glenda Ballard",gender:"female",company:"ZENTIA",registered:"2022-06-13T12:39:15.908",friends:[{id:0,name:"Manning Hunter",age:30,balance:1922.25},{id:1,name:"Mcmillan Oliver",age:32,balance:2440.53},{id:2,name:"Graham Garza",age:33,balance:3712.59},{id:3,name:"Gabrielle Neal",age:36,balance:2519.25},{id:4,name:"Dotson Duncan",age:29,balance:3274.11}]},{id:"667d329f4e07097167ef92a2",balance:2488.91,age:21,eyeColor:"blue",name:"Delaney Haley",gender:"male",company:"COMTOURS",registered:"2018-05-11T08:58:36.197",friends:[{id:0,name:"Elsa Cochran",age:28,balance:2009.45},{id:1,name:"Willis Acevedo",age:33,balance:2198.01},{id:2,name:"Slater Fowler",age:34,balance:2888.16},{id:3,name:"Ashley Wilkerson",age:22,balance:1863.65},{id:4,name:"Ola Lynch",age:23,balance:3649.29}]},{id:"667d329f14a0aeea0d70d5e7",balance:1660.91,age:36,eyeColor:"brown",name:"Riddle Reilly",gender:"male",company:"OPTIQUE",registered:"2016-09-15T09:46:07.962",friends:[{id:0,name:"Hazel Steele",age:33,balance:3129.64},{id:1,name:"Golden Chapman",age:40,balance:2491},{id:2,name:"Solomon Lopez",age:26,balance:1382.71},{id:3,name:"Castro Booth",age:23,balance:1991.6},{id:4,name:"Hernandez Bartlett",age:25,balance:2842.85},{id:5,name:"Lindsay Wagner",age:20,balance:3636.6}]},{id:"667d329f953aaaba19bea98b",balance:1381.34,age:24,eyeColor:"brown",name:"Diana Burns",gender:"female",company:"CODACT",registered:"2023-06-02T09:07:46.478",friends:[{id:0,name:"Tamika Merritt",age:25,balance:2401.06},{id:1,name:"Ballard Buckner",age:36,balance:1986.13},{id:2,name:"Stokes Ramirez",age:25,balance:3521.75},{id:3,name:"Wood Aguirre",age:36,balance:1186.13},{id:4,name:"Sophia Bowen",age:25,balance:2750.95},{id:5,name:"Wilkinson Gordon",age:34,balance:3864.91}]},{id:"667d329f6a753976e21e23b5",balance:3054.74,age:22,eyeColor:"brown",name:"Jackson Burnett",gender:"male",company:"COMCUR",registered:"2019-06-05T09:17:31.312",friends:[{id:0,name:"Atkinson Alston",age:37,balance:1025.72},{id:1,name:"Delia Ford",age:34,balance:3061.87},{id:2,name:"Marylou Hanson",age:33,balance:3255.77},{id:3,name:"Kelly Ray",age:32,balance:3671.73},{id:4,name:"Valdez Weeks",age:38,balance:3911.29},{id:5,name:"Hayes Crawford",age:20,balance:3194.97}]},{id:"667d329fc4805cafac37861e",balance:1173.94,age:20,eyeColor:"green",name:"Stephenson Mcleod",gender:"male",company:"POLARAX",registered:"2015-12-10T07:36:10.267",friends:[{id:0,name:"Kristine Newton",age:26,balance:2713.9},{id:1,name:"Craft Patel",age:40,balance:3822.36},{id:2,name:"Cochran French",age:30,balance:1535.91},{id:3,name:"Bowen Vinson",age:29,balance:2787.01},{id:4,name:"Adrian Ewing",age:21,balance:2319.14},{id:5,name:"Jimmie Mathews",age:31,balance:2869.09},{id:6,name:"Dixon Daugherty",age:24,balance:1496.25}]},{id:"667d329f76318162fe27b208",balance:2977.01,age:24,eyeColor:"blue",name:"Claudette Christensen",gender:"female",company:"PIVITOL",registered:"2021-08-08T07:08:00.936",friends:[{id:0,name:"Parker Lamb",age:36,balance:3409.27},{id:1,name:"Kennedy Bryan",age:34,balance:3904.27},{id:2,name:"Johanna Barton",age:20,balance:3613.79},{id:3,name:"Vazquez Melendez",age:26,balance:3692.31},{id:4,name:"Mendoza Wooten",age:31,balance:2175.64},{id:5,name:"Kelli Hicks",age:21,balance:1326.46},{id:6,name:"Jill Sanchez",age:36,balance:3214.36}]},{id:"667d329ff80a953b7f0a73d2",balance:1993.09,age:20,eyeColor:"green",name:"Buckley Gutierrez",gender:"male",company:"HOUSEDOWN",registered:"2015-04-02T04:53:42.985",friends:[{id:0,name:"Leanne Pennington",age:37,balance:3111.48},{id:1,name:"Juarez Hoover",age:29,balance:2000.62},{id:2,name:"Navarro Mccormick",age:22,balance:3083.93},{id:3,name:"Berry Curry",age:31,balance:3181.41},{id:4,name:"Josefa Howard",age:30,balance:3744.56}]},{id:"667d329f4f53eb59f0512361",balance:2374.56,age:34,eyeColor:"brown",name:"Sallie Mccoy",gender:"female",company:"REALYSIS",registered:"2018-05-11T05:26:36.604",friends:[{id:0,name:"Martina Kirby",age:22,balance:1278.07},{id:1,name:"Macias Lyons",age:20,balance:2991.44},{id:2,name:"Alta Chaney",age:26,balance:1032.71},{id:3,name:"White Manning",age:39,balance:3103.16},{id:4,name:"Mason Rosa",age:31,balance:1384.77},{id:5,name:"Meghan Martin",age:27,balance:1982.09}]},{id:"667d329f8a6cf9319bfdbd30",balance:3220.94,age:23,eyeColor:"blue",name:"Huff Hull",gender:"male",company:"GADTRON",registered:"2023-02-14T01:58:56.938",friends:[{id:0,name:"Rochelle Maldonado",age:28,balance:1548.77},{id:1,name:"Diann Conrad",age:32,balance:1721.33},{id:2,name:"Hope Jarvis",age:38,balance:1265.24},{id:3,name:"Dixie Huffman",age:31,balance:3764.23},{id:4,name:"Erickson Porter",age:27,balance:2958.59},{id:5,name:"Christensen Thomas",age:21,balance:1233.2}]},{id:"667d329f1415ecb1efb216cc",balance:2907.83,age:26,eyeColor:"brown",name:"Hancock Eaton",gender:"male",company:"POLARIUM",registered:"2018-02-25T01:03:11.860",friends:[{id:0,name:"Flynn Gilmore",age:27,balance:2582.57},{id:1,name:"Kline Hickman",age:31,balance:3853.99},{id:2,name:"Hatfield Owens",age:40,balance:2016.57},{id:3,name:"Michael Carson",age:31,balance:1293.03},{id:4,name:"Strickland Lowery",age:23,balance:1367.06},{id:5,name:"Georgia Chavez",age:37,balance:2957.48},{id:6,name:"Alma Berry",age:26,balance:2357.01}]},{id:"667d329f722eb89c82b56dec",balance:1602.02,age:35,eyeColor:"brown",name:"Lorrie Mcpherson",gender:"female",company:"PYRAMIA",registered:"2018-12-07T05:18:34.223",friends:[{id:0,name:"Bridgett Everett",age:37,balance:1438.53},{id:1,name:"Carlene Farley",age:25,balance:1410.54},{id:2,name:"Phoebe Mendez",age:24,balance:1979.36},{id:3,name:"Louella Cox",age:36,balance:3430.55},{id:4,name:"Velez Pugh",age:30,balance:3436.5}]},{id:"667d329ff853efe8c4e0a454",balance:2654.19,age:36,eyeColor:"brown",name:"Luann Jennings",gender:"female",company:"NAXDIS",registered:"2014-02-18T04:25:50.302",friends:[{id:0,name:"Walton Gentry",age:26,balance:1328.43},{id:1,name:"Lucy Koch",age:23,balance:2134.54},{id:2,name:"Toni Meyers",age:31,balance:2572.29},{id:3,name:"Vicki Frost",age:39,balance:3299.36},{id:4,name:"Meadows Baker",age:21,balance:2323.75}]},{id:"667d329f84f3bfbfcc763674",balance:2528.48,age:28,eyeColor:"brown",name:"Michelle Carey",gender:"female",company:"IDEGO",registered:"2016-10-01T04:25:07.187",friends:[{id:0,name:"Roman Sanders",age:40,balance:3551.16},{id:1,name:"Amanda Herman",age:22,balance:3928.02},{id:2,name:"Kay Montgomery",age:26,balance:3241.16},{id:3,name:"Valentine Wilder",age:23,balance:1413.31},{id:4,name:"Brigitte Nixon",age:32,balance:3113.39}]},{id:"667d329f4359ec766055a765",balance:3732.65,age:30,eyeColor:"brown",name:"Beach Maddox",gender:"male",company:"GEEKETRON",registered:"2021-03-24T11:55:31.135",friends:[{id:0,name:"Candy Gibbs",age:20,balance:2602.28},{id:1,name:"Alissa Rosario",age:36,balance:1958.84},{id:2,name:"Imelda Harmon",age:23,balance:3817.79},{id:3,name:"Addie Serrano",age:35,balance:3154.77},{id:4,name:"Jordan Shields",age:26,balance:3566.08}]},{id:"667d329f9ef3817d307e2583",balance:2151.52,age:32,eyeColor:"brown",name:"Whitney Hood",gender:"male",company:"EVENTAGE",registered:"2021-06-17T12:11:56.473",friends:[{id:0,name:"Noel Walsh",age:29,balance:2790.49},{id:1,name:"Barlow Rodriquez",age:35,balance:1664.23},{id:2,name:"Nash Keith",age:23,balance:2285.17},{id:3,name:"Chavez Webster",age:23,balance:3381.55},{id:4,name:"Herminia Chen",age:24,balance:1064.96},{id:5,name:"Susana Glass",age:22,balance:2749.35}]},{id:"667d329f9bd581700cac2dbc",balance:2209.77,age:40,eyeColor:"blue",name:"Tasha Mosley",gender:"female",company:"QUIZKA",registered:"2014-05-11T11:44:55.071",friends:[{id:0,name:"Larsen Wall",age:22,balance:1523.28},{id:1,name:"Holmes Hopkins",age:35,balance:1112.68},{id:2,name:"Giles Espinoza",age:21,balance:2550.95},{id:3,name:"Aimee Rosales",age:26,balance:2195.06},{id:4,name:"Karin Little",age:28,balance:2896.23},{id:5,name:"Angelita Mcfadden",age:25,balance:1051.15}]},{id:"667d329f6e2dbb2002be4b9e",balance:3298.23,age:31,eyeColor:"brown",name:"Schneider Walker",gender:"male",company:"BLEENDOT",registered:"2020-02-11T08:57:29.025",friends:[{id:0,name:"Helena William",age:34,balance:2579.69},{id:1,name:"Silva Ware",age:30,balance:2683.79},{id:2,name:"Enid Oconnor",age:22,balance:1816.46},{id:3,name:"Knowles Goff",age:24,balance:1675.75},{id:4,name:"Carolina Greer",age:29,balance:3337.27}]},{id:"667d329f8c548510c5d4f5ce",balance:2823.51,age:35,eyeColor:"green",name:"Mayo Shepard",gender:"male",company:"KIOSK",registered:"2024-02-24T12:45:57.463",friends:[{id:0,name:"Olga Hester",age:21,balance:3878.21},{id:1,name:"Rogers Sampson",age:23,balance:2669.62},{id:2,name:"Myra Johnson",age:27,balance:3489.32},{id:3,name:"Mcfadden Phillips",age:20,balance:2758.8},{id:4,name:"Park Moody",age:23,balance:3519.08}]},{id:"667d329f6574ada6f090fd54",balance:2631.69,age:40,eyeColor:"blue",name:"Avis Carlson",gender:"female",company:"LINGOAGE",registered:"2016-08-08T08:59:54.752",friends:[{id:0,name:"Mcdonald Dyer",age:25,balance:2262.39},{id:1,name:"Irene Baldwin",age:29,balance:1291.1},{id:2,name:"Rollins Anderson",age:26,balance:1437.04},{id:3,name:"Juliana Larson",age:29,balance:3492.22},{id:4,name:"Michele Gardner",age:20,balance:2003.15},{id:5,name:"Vang Cardenas",age:31,balance:1855.52},{id:6,name:"Puckett Hubbard",age:21,balance:1659.92}]}];const u=()=>`.sc-smoothly-table-demo-nested-no-cell-h{display:block}.sc-smoothly-table-demo-nested-no-cell-h>smoothly-display.sc-smoothly-table-demo-nested-no-cell{font-size:2em}.sc-smoothly-table-demo-nested-no-cell-h>*.sc-smoothly-table-demo-nested-no-cell{margin-bottom:2rem}.sc-smoothly-table-demo-nested-no-cell-h smoothly-table-expandable-row.sc-smoothly-table-demo-nested-no-cell{position:relative}`;const k=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.loadedRows=[]}render(){return n(l,{key:"f0cccc2533446b88de6b0956cb2c24c3ec106962"},n("smoothly-display",{key:"997fa002f0a3a14e1516d2fe4eb7cf9491979819",type:"text",value:"Nested"}),n("smoothly-table",{key:"ec7a88e096863fe59f1c5f7c80aaa4a538bb1b48",color:"primary",columns:8},n("smoothly-table-head",{key:"821e802acadb9d8158badd884ee120228feb41de"},n("smoothly-table-row",{key:"029120e75a85535c08a7bde66ae8835270716e2f"},n("div",{key:"acbe3da2f1f60da436c44523b2797b30221996d8",class:"smoothly-table-cell"},"Id"),n("div",{key:"d764a06cee565fdb4361161090c7d3ef57b5e5cf",class:"smoothly-table-cell"},"Registered"),n("div",{key:"17f3a9f0b08bc9b9f22a590942faf5fdbc7344aa",class:"smoothly-table-cell"},"Name"),n("div",{key:"5a1e9388b4bec34d26cc186cd0d801b9ff8ccb16",class:"smoothly-table-cell"},"Age"),n("div",{key:"80e4ff513a81355d9e6526057c19d93b65bc457d",class:"smoothly-table-cell"},"Balance"),n("div",{key:"55594b070d4f81852eab51086bec06a7b04c0635",class:"smoothly-table-cell"},"EyeColor"),n("div",{key:"bd684d81b4b52fa721c34846c8cd94b61eca490e",class:"smoothly-table-cell"},"Gender"),n("div",{key:"3b078a0ee2ea599d54be265f24796024b23ededd",class:"smoothly-table-cell"},"Company"))),n("smoothly-table-body",{key:"db35dab7f93e802c1d95c686dd8bc5262362a8f8"},C.map(((e,a)=>n("smoothly-table-expandable-row",{onSmoothlyTableExpandableRowChange:e=>{if(e.detail){this.loadingIndex=a;setTimeout((()=>{this.loadingIndex=undefined;this.loadedRows=[...this.loadedRows,a]}),1500)}}},this.loadingIndex===a&&n("smoothly-spinner",{overlay:true,size:"small"}),this.loadedRows.includes(a)&&n("smoothly-table-demo-nested-no-cell-inner",{color:"secondary",data:e.friends,slot:"detail"}),n("div",{class:"smoothly-table-cell"},e.id),n("div",{class:"smoothly-table-cell"},e.registered),n("div",{class:"smoothly-table-cell"},e.name),n("div",{class:"smoothly-table-cell"},e.age),n("div",{class:"smoothly-table-cell"},e.balance),n("div",{class:"smoothly-table-cell"},e.eyeColor),n("div",{class:"smoothly-table-cell"},e.gender),n("div",{class:"smoothly-table-cell"},e.company))))),n("smoothly-table-foot",{key:"f09a7c7bdf3bf6a423f0dbbcd6999fcdb7d2c0b0"},n("smoothly-table-row",{key:"6237c3e3f1e5eecb050caacac3a18c70fb7a1d13"},n("div",{key:"fa63fb23e29dbe508bec40b0349910597b016164",class:"smoothly-table-cell"},"Footer Cell"),n("div",{key:"5ff91ed21cf8857ce5d89b2d9d028ad85b4172af",class:"smoothly-table-cell"},"Footer Cell")))))}static get style(){return u()}},[2,"smoothly-table-demo-nested-no-cell",{loadingIndex:[32],loadedRows:[32]}]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-nested-no-cell","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-spinner","smoothly-table","smoothly-table-body","smoothly-table-demo-nested-no-cell-inner","smoothly-table-expandable-row","smoothly-table-foot","smoothly-table-head","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-demo-nested-no-cell":if(!customElements.get(o(e))){customElements.define(o(e),k)}break;case"smoothly-display":if(!customElements.get(o(e))){d()}break;case"smoothly-display-json":if(!customElements.get(o(e))){c()}break;case"smoothly-display-json-object":if(!customElements.get(o(e))){i()}break;case"smoothly-display-json-primitive":if(!customElements.get(o(e))){s()}break;case"smoothly-display-json-record-key":if(!customElements.get(o(e))){m()}break;case"smoothly-spinner":if(!customElements.get(o(e))){r()}break;case"smoothly-table":if(!customElements.get(o(e))){b()}break;case"smoothly-table-body":if(!customElements.get(o(e))){t()}break;case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(o(e))){g()}break;case"smoothly-table-expandable-row":if(!customElements.get(o(e))){y()}break;case"smoothly-table-foot":if(!customElements.get(o(e))){f()}break;case"smoothly-table-head":if(!customElements.get(o(e))){h()}break;case"smoothly-table-row":if(!customElements.get(o(e))){p()}break}}))}E();export{k as S,E as d};
-//# sourceMappingURL=p-CuMoDdaf.js.map
+import{p as e,H as a,h as n,d as l,t as o}from"./p-BsZrGTcp.js";import{d}from"./p-DM5CKilY.js";import{d as i}from"./p-CR3Ni_o7.js";import{d as s}from"./p-B-l1S16Z.js";import{d as c}from"./p-Ud7Qhkgt.js";import{d as m}from"./p-C3FORjes.js";import{d as r}from"./p-Bpc6uh0M.js";import{d as t}from"./p-Bes8H54c.js";import{d as b}from"./p-BGBbdXaw.js";import{d as g}from"./p-CooymHn6.js";import{d as y}from"./p-CFgT9iMG.js";import{d as f}from"./p-BulPH2Jo.js";import{d as h}from"./p-D-mAUrbR.js";import{d as p}from"./p-C02MtoAQ.js";const u=[{id:"667d329f9f4934ecdc4bf9eb",balance:1450.03,age:35,eyeColor:"blue",name:"Glenda Ballard",gender:"female",company:"ZENTIA",registered:"2022-06-13T12:39:15.908",friends:[{id:0,name:"Manning Hunter",age:30,balance:1922.25},{id:1,name:"Mcmillan Oliver",age:32,balance:2440.53},{id:2,name:"Graham Garza",age:33,balance:3712.59},{id:3,name:"Gabrielle Neal",age:36,balance:2519.25},{id:4,name:"Dotson Duncan",age:29,balance:3274.11}]},{id:"667d329f4e07097167ef92a2",balance:2488.91,age:21,eyeColor:"blue",name:"Delaney Haley",gender:"male",company:"COMTOURS",registered:"2018-05-11T08:58:36.197",friends:[{id:0,name:"Elsa Cochran",age:28,balance:2009.45},{id:1,name:"Willis Acevedo",age:33,balance:2198.01},{id:2,name:"Slater Fowler",age:34,balance:2888.16},{id:3,name:"Ashley Wilkerson",age:22,balance:1863.65},{id:4,name:"Ola Lynch",age:23,balance:3649.29}]},{id:"667d329f14a0aeea0d70d5e7",balance:1660.91,age:36,eyeColor:"brown",name:"Riddle Reilly",gender:"male",company:"OPTIQUE",registered:"2016-09-15T09:46:07.962",friends:[{id:0,name:"Hazel Steele",age:33,balance:3129.64},{id:1,name:"Golden Chapman",age:40,balance:2491},{id:2,name:"Solomon Lopez",age:26,balance:1382.71},{id:3,name:"Castro Booth",age:23,balance:1991.6},{id:4,name:"Hernandez Bartlett",age:25,balance:2842.85},{id:5,name:"Lindsay Wagner",age:20,balance:3636.6}]},{id:"667d329f953aaaba19bea98b",balance:1381.34,age:24,eyeColor:"brown",name:"Diana Burns",gender:"female",company:"CODACT",registered:"2023-06-02T09:07:46.478",friends:[{id:0,name:"Tamika Merritt",age:25,balance:2401.06},{id:1,name:"Ballard Buckner",age:36,balance:1986.13},{id:2,name:"Stokes Ramirez",age:25,balance:3521.75},{id:3,name:"Wood Aguirre",age:36,balance:1186.13},{id:4,name:"Sophia Bowen",age:25,balance:2750.95},{id:5,name:"Wilkinson Gordon",age:34,balance:3864.91}]},{id:"667d329f6a753976e21e23b5",balance:3054.74,age:22,eyeColor:"brown",name:"Jackson Burnett",gender:"male",company:"COMCUR",registered:"2019-06-05T09:17:31.312",friends:[{id:0,name:"Atkinson Alston",age:37,balance:1025.72},{id:1,name:"Delia Ford",age:34,balance:3061.87},{id:2,name:"Marylou Hanson",age:33,balance:3255.77},{id:3,name:"Kelly Ray",age:32,balance:3671.73},{id:4,name:"Valdez Weeks",age:38,balance:3911.29},{id:5,name:"Hayes Crawford",age:20,balance:3194.97}]},{id:"667d329fc4805cafac37861e",balance:1173.94,age:20,eyeColor:"green",name:"Stephenson Mcleod",gender:"male",company:"POLARAX",registered:"2015-12-10T07:36:10.267",friends:[{id:0,name:"Kristine Newton",age:26,balance:2713.9},{id:1,name:"Craft Patel",age:40,balance:3822.36},{id:2,name:"Cochran French",age:30,balance:1535.91},{id:3,name:"Bowen Vinson",age:29,balance:2787.01},{id:4,name:"Adrian Ewing",age:21,balance:2319.14},{id:5,name:"Jimmie Mathews",age:31,balance:2869.09},{id:6,name:"Dixon Daugherty",age:24,balance:1496.25}]},{id:"667d329f76318162fe27b208",balance:2977.01,age:24,eyeColor:"blue",name:"Claudette Christensen",gender:"female",company:"PIVITOL",registered:"2021-08-08T07:08:00.936",friends:[{id:0,name:"Parker Lamb",age:36,balance:3409.27},{id:1,name:"Kennedy Bryan",age:34,balance:3904.27},{id:2,name:"Johanna Barton",age:20,balance:3613.79},{id:3,name:"Vazquez Melendez",age:26,balance:3692.31},{id:4,name:"Mendoza Wooten",age:31,balance:2175.64},{id:5,name:"Kelli Hicks",age:21,balance:1326.46},{id:6,name:"Jill Sanchez",age:36,balance:3214.36}]},{id:"667d329ff80a953b7f0a73d2",balance:1993.09,age:20,eyeColor:"green",name:"Buckley Gutierrez",gender:"male",company:"HOUSEDOWN",registered:"2015-04-02T04:53:42.985",friends:[{id:0,name:"Leanne Pennington",age:37,balance:3111.48},{id:1,name:"Juarez Hoover",age:29,balance:2000.62},{id:2,name:"Navarro Mccormick",age:22,balance:3083.93},{id:3,name:"Berry Curry",age:31,balance:3181.41},{id:4,name:"Josefa Howard",age:30,balance:3744.56}]},{id:"667d329f4f53eb59f0512361",balance:2374.56,age:34,eyeColor:"brown",name:"Sallie Mccoy",gender:"female",company:"REALYSIS",registered:"2018-05-11T05:26:36.604",friends:[{id:0,name:"Martina Kirby",age:22,balance:1278.07},{id:1,name:"Macias Lyons",age:20,balance:2991.44},{id:2,name:"Alta Chaney",age:26,balance:1032.71},{id:3,name:"White Manning",age:39,balance:3103.16},{id:4,name:"Mason Rosa",age:31,balance:1384.77},{id:5,name:"Meghan Martin",age:27,balance:1982.09}]},{id:"667d329f8a6cf9319bfdbd30",balance:3220.94,age:23,eyeColor:"blue",name:"Huff Hull",gender:"male",company:"GADTRON",registered:"2023-02-14T01:58:56.938",friends:[{id:0,name:"Rochelle Maldonado",age:28,balance:1548.77},{id:1,name:"Diann Conrad",age:32,balance:1721.33},{id:2,name:"Hope Jarvis",age:38,balance:1265.24},{id:3,name:"Dixie Huffman",age:31,balance:3764.23},{id:4,name:"Erickson Porter",age:27,balance:2958.59},{id:5,name:"Christensen Thomas",age:21,balance:1233.2}]},{id:"667d329f1415ecb1efb216cc",balance:2907.83,age:26,eyeColor:"brown",name:"Hancock Eaton",gender:"male",company:"POLARIUM",registered:"2018-02-25T01:03:11.860",friends:[{id:0,name:"Flynn Gilmore",age:27,balance:2582.57},{id:1,name:"Kline Hickman",age:31,balance:3853.99},{id:2,name:"Hatfield Owens",age:40,balance:2016.57},{id:3,name:"Michael Carson",age:31,balance:1293.03},{id:4,name:"Strickland Lowery",age:23,balance:1367.06},{id:5,name:"Georgia Chavez",age:37,balance:2957.48},{id:6,name:"Alma Berry",age:26,balance:2357.01}]},{id:"667d329f722eb89c82b56dec",balance:1602.02,age:35,eyeColor:"brown",name:"Lorrie Mcpherson",gender:"female",company:"PYRAMIA",registered:"2018-12-07T05:18:34.223",friends:[{id:0,name:"Bridgett Everett",age:37,balance:1438.53},{id:1,name:"Carlene Farley",age:25,balance:1410.54},{id:2,name:"Phoebe Mendez",age:24,balance:1979.36},{id:3,name:"Louella Cox",age:36,balance:3430.55},{id:4,name:"Velez Pugh",age:30,balance:3436.5}]},{id:"667d329ff853efe8c4e0a454",balance:2654.19,age:36,eyeColor:"brown",name:"Luann Jennings",gender:"female",company:"NAXDIS",registered:"2014-02-18T04:25:50.302",friends:[{id:0,name:"Walton Gentry",age:26,balance:1328.43},{id:1,name:"Lucy Koch",age:23,balance:2134.54},{id:2,name:"Toni Meyers",age:31,balance:2572.29},{id:3,name:"Vicki Frost",age:39,balance:3299.36},{id:4,name:"Meadows Baker",age:21,balance:2323.75}]},{id:"667d329f84f3bfbfcc763674",balance:2528.48,age:28,eyeColor:"brown",name:"Michelle Carey",gender:"female",company:"IDEGO",registered:"2016-10-01T04:25:07.187",friends:[{id:0,name:"Roman Sanders",age:40,balance:3551.16},{id:1,name:"Amanda Herman",age:22,balance:3928.02},{id:2,name:"Kay Montgomery",age:26,balance:3241.16},{id:3,name:"Valentine Wilder",age:23,balance:1413.31},{id:4,name:"Brigitte Nixon",age:32,balance:3113.39}]},{id:"667d329f4359ec766055a765",balance:3732.65,age:30,eyeColor:"brown",name:"Beach Maddox",gender:"male",company:"GEEKETRON",registered:"2021-03-24T11:55:31.135",friends:[{id:0,name:"Candy Gibbs",age:20,balance:2602.28},{id:1,name:"Alissa Rosario",age:36,balance:1958.84},{id:2,name:"Imelda Harmon",age:23,balance:3817.79},{id:3,name:"Addie Serrano",age:35,balance:3154.77},{id:4,name:"Jordan Shields",age:26,balance:3566.08}]},{id:"667d329f9ef3817d307e2583",balance:2151.52,age:32,eyeColor:"brown",name:"Whitney Hood",gender:"male",company:"EVENTAGE",registered:"2021-06-17T12:11:56.473",friends:[{id:0,name:"Noel Walsh",age:29,balance:2790.49},{id:1,name:"Barlow Rodriquez",age:35,balance:1664.23},{id:2,name:"Nash Keith",age:23,balance:2285.17},{id:3,name:"Chavez Webster",age:23,balance:3381.55},{id:4,name:"Herminia Chen",age:24,balance:1064.96},{id:5,name:"Susana Glass",age:22,balance:2749.35}]},{id:"667d329f9bd581700cac2dbc",balance:2209.77,age:40,eyeColor:"blue",name:"Tasha Mosley",gender:"female",company:"QUIZKA",registered:"2014-05-11T11:44:55.071",friends:[{id:0,name:"Larsen Wall",age:22,balance:1523.28},{id:1,name:"Holmes Hopkins",age:35,balance:1112.68},{id:2,name:"Giles Espinoza",age:21,balance:2550.95},{id:3,name:"Aimee Rosales",age:26,balance:2195.06},{id:4,name:"Karin Little",age:28,balance:2896.23},{id:5,name:"Angelita Mcfadden",age:25,balance:1051.15}]},{id:"667d329f6e2dbb2002be4b9e",balance:3298.23,age:31,eyeColor:"brown",name:"Schneider Walker",gender:"male",company:"BLEENDOT",registered:"2020-02-11T08:57:29.025",friends:[{id:0,name:"Helena William",age:34,balance:2579.69},{id:1,name:"Silva Ware",age:30,balance:2683.79},{id:2,name:"Enid Oconnor",age:22,balance:1816.46},{id:3,name:"Knowles Goff",age:24,balance:1675.75},{id:4,name:"Carolina Greer",age:29,balance:3337.27}]},{id:"667d329f8c548510c5d4f5ce",balance:2823.51,age:35,eyeColor:"green",name:"Mayo Shepard",gender:"male",company:"KIOSK",registered:"2024-02-24T12:45:57.463",friends:[{id:0,name:"Olga Hester",age:21,balance:3878.21},{id:1,name:"Rogers Sampson",age:23,balance:2669.62},{id:2,name:"Myra Johnson",age:27,balance:3489.32},{id:3,name:"Mcfadden Phillips",age:20,balance:2758.8},{id:4,name:"Park Moody",age:23,balance:3519.08}]},{id:"667d329f6574ada6f090fd54",balance:2631.69,age:40,eyeColor:"blue",name:"Avis Carlson",gender:"female",company:"LINGOAGE",registered:"2016-08-08T08:59:54.752",friends:[{id:0,name:"Mcdonald Dyer",age:25,balance:2262.39},{id:1,name:"Irene Baldwin",age:29,balance:1291.1},{id:2,name:"Rollins Anderson",age:26,balance:1437.04},{id:3,name:"Juliana Larson",age:29,balance:3492.22},{id:4,name:"Michele Gardner",age:20,balance:2003.15},{id:5,name:"Vang Cardenas",age:31,balance:1855.52},{id:6,name:"Puckett Hubbard",age:21,balance:1659.92}]}];const C=()=>`.sc-smoothly-table-demo-nested-no-cell-h{display:block}.sc-smoothly-table-demo-nested-no-cell-h>smoothly-display.sc-smoothly-table-demo-nested-no-cell{font-size:2em}.sc-smoothly-table-demo-nested-no-cell-h>*.sc-smoothly-table-demo-nested-no-cell{margin-bottom:2rem}.sc-smoothly-table-demo-nested-no-cell-h smoothly-table-expandable-row.sc-smoothly-table-demo-nested-no-cell{position:relative}`;const k=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.loadedRows=[]}render(){return n(l,{key:"58aa208d70e2da93e893ef08cb5967664bd0c051"},n("smoothly-display",{key:"2deea15d1b6e1df7377c7d7a75f1bf3bdc0e23e6",type:"text",value:"Nested"}),n("smoothly-table",{key:"86c9c4de9e86faddf03910093dc8046534198a6e",color:"primary",columns:8},n("smoothly-table-head",{key:"e68242f5576ac5903448bc958706512b6fdde4a2"},n("smoothly-table-row",{key:"db1d09f006f8e6d7ce18ae91caf34d6f5a14bf83"},n("div",{key:"3e3e11e86247d24322182392410b18b1f77be2d9",class:"smoothly-table-cell"},"Id"),n("div",{key:"d9e4adcfa2c4f241f0351c78cb21a968663a6c44",class:"smoothly-table-cell"},"Registered"),n("div",{key:"fe70738e34cad44a2334118b1390c3a4fc55a78c",class:"smoothly-table-cell"},"Name"),n("div",{key:"8d289629063da16589bb44c438577ece4eff5703",class:"smoothly-table-cell"},"Age"),n("div",{key:"41d4a8187b8a431cea1ab7c0d5dd94fc5e3d7c14",class:"smoothly-table-cell"},"Balance"),n("div",{key:"1394c75f60c62a437f8e45bd331e102a84b3357e",class:"smoothly-table-cell"},"EyeColor"),n("div",{key:"675a742c81647d180c327a3b033a7dd90bda7411",class:"smoothly-table-cell"},"Gender"),n("div",{key:"16c97f1027ac5d65ebfaa303a56bb80ea37c7c40",class:"smoothly-table-cell"},"Company"))),n("smoothly-table-body",{key:"8839563b64e8c05cdfbf0be64fd78e901490dcf3"},u.map(((e,a)=>n("smoothly-table-expandable-row",{onSmoothlyTableExpandableRowChange:e=>{if(e.detail){this.loadingIndex=a;setTimeout((()=>{this.loadingIndex=undefined;this.loadedRows=[...this.loadedRows,a]}),1500)}}},this.loadingIndex===a&&n("smoothly-spinner",{overlay:true,size:"small"}),this.loadedRows.includes(a)&&n("smoothly-table-demo-nested-no-cell-inner",{color:"secondary",data:e.friends,slot:"detail"}),n("div",{class:"smoothly-table-cell"},e.id),n("div",{class:"smoothly-table-cell"},e.registered),n("div",{class:"smoothly-table-cell"},e.name),n("div",{class:"smoothly-table-cell"},e.age),n("div",{class:"smoothly-table-cell"},e.balance),n("div",{class:"smoothly-table-cell"},e.eyeColor),n("div",{class:"smoothly-table-cell"},e.gender),n("div",{class:"smoothly-table-cell"},e.company))))),n("smoothly-table-foot",{key:"6b4ad314b547876f79a192885d8f6c396b5289a4"},n("smoothly-table-row",{key:"d0b756f7d918e94ef014702eae9f6b60de81feec"},n("div",{key:"06107bc944f6e1304054e68b91622ea30e0a833e",class:"smoothly-table-cell"},"Footer Cell"),n("div",{key:"0150811226ddc55197a6ef7933f024a54ab2c853",class:"smoothly-table-cell"},"Footer Cell")))))}static get style(){return C()}},[2,"smoothly-table-demo-nested-no-cell",{loadingIndex:[32],loadedRows:[32]}]);function M(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-nested-no-cell","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-spinner","smoothly-table","smoothly-table-body","smoothly-table-demo-nested-no-cell-inner","smoothly-table-expandable-row","smoothly-table-foot","smoothly-table-head","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-demo-nested-no-cell":if(!customElements.get(o(e))){customElements.define(o(e),k)}break;case"smoothly-display":if(!customElements.get(o(e))){d()}break;case"smoothly-display-json":if(!customElements.get(o(e))){i()}break;case"smoothly-display-json-object":if(!customElements.get(o(e))){s()}break;case"smoothly-display-json-primitive":if(!customElements.get(o(e))){c()}break;case"smoothly-display-json-record-key":if(!customElements.get(o(e))){m()}break;case"smoothly-spinner":if(!customElements.get(o(e))){r()}break;case"smoothly-table":if(!customElements.get(o(e))){t()}break;case"smoothly-table-body":if(!customElements.get(o(e))){b()}break;case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(o(e))){g()}break;case"smoothly-table-expandable-row":if(!customElements.get(o(e))){y()}break;case"smoothly-table-foot":if(!customElements.get(o(e))){f()}break;case"smoothly-table-head":if(!customElements.get(o(e))){h()}break;case"smoothly-table-row":if(!customElements.get(o(e))){p()}break}}))}M();export{k as S,M as d};
+//# sourceMappingURL=p-C-zr_dP8.js.map

package/dist/components/{p-CTPT9Ngc.js → p-C02MtoAQ.js}

@@ -1,2 +1,2 @@
-import{p as e,H as l,h as o,d as t,t as a}from"./p-BsZrGTcp.js";const s=()=>`.sc-smoothly-table-row-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;box-sizing:border-box;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-row-h .smoothly-table-cell.sc-smoothly-table-row,.sc-smoothly-table-row-h.sc-smoothly-table-row-s>.smoothly-table-cell{display:flex;grid-column:span var(--smoothly-table-cell-span, 1);align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell){grid-template-rows:auto 0fr 0fr}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell[open]){grid-template-rows:auto 1fr 0fr}`;const r=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.expandableCells=new Set}smoothlyTableExpandableCellRegisterHandler(e){e.stopPropagation();this.expandableCells.add(e.target)}smoothlyTableExpandableCellChangeHandler(e){if(e.detail){for(const l of this.expandableCells){e.target!=l&&l.close()}}}render(){return o(t,{key:"79c849e4643bb16dead2af107b205abb420084f7"},o("slot",{key:"193f73152f488024219ed4af47d1b34d81fca26c"}))}static get style(){return s()}},[262,"smoothly-table-row",undefined,[[0,"smoothlyTableExpandableCellRegister","smoothlyTableExpandableCellRegisterHandler"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChangeHandler"]]]);function n(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-row":if(!customElements.get(a(e))){customElements.define(a(e),r)}break}}))}n();export{r as S,n as d};
-//# sourceMappingURL=p-CTPT9Ngc.js.map
+import{p as e,H as l,h as o,d as t,t as a}from"./p-BsZrGTcp.js";const s=()=>`.sc-smoothly-table-row-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;box-sizing:border-box;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-row-h .smoothly-table-cell.sc-smoothly-table-row,.sc-smoothly-table-row-h.sc-smoothly-table-row-s>.smoothly-table-cell{display:flex;grid-column:span var(--smoothly-table-cell-span, 1);align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell){grid-template-rows:auto 0fr 0fr}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell[open]){grid-template-rows:auto 1fr 0fr}`;const r=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.expandableCells=new Set}smoothlyTableExpandableCellRegisterHandler(e){e.stopPropagation();this.expandableCells.add(e.target)}smoothlyTableExpandableCellChangeHandler(e){if(e.detail){for(const l of this.expandableCells){e.target!=l&&l.close()}}}render(){return o(t,{key:"213964e8d2239419bb9dd5751e00096a922ab084"},o("slot",{key:"37b92c81dff5ba150141d0d060f7d1eb17c414d2"}))}static get style(){return s()}},[262,"smoothly-table-row",undefined,[[0,"smoothlyTableExpandableCellRegister","smoothlyTableExpandableCellRegisterHandler"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChangeHandler"]]]);function n(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-row":if(!customElements.get(a(e))){customElements.define(a(e),r)}break}}))}n();export{r as S,n as d};
+//# sourceMappingURL=p-C02MtoAQ.js.map

package/dist/components/{p-CR1YZ3na.js → p-C2xjUTYO.js}

@@ -1,2 +1,2 @@
-import{p as o,H as e,h as s,d as l,t}from"./p-BsZrGTcp.js";import{d as a}from"./p-DM5CKilY.js";import{d as m}from"./p-CR3Ni_o7.js";import{d as r}from"./p-B-l1S16Z.js";import{d as c}from"./p-Ud7Qhkgt.js";import{d as i}from"./p-C3FORjes.js";import{d as b}from"./p-CsLlJDsh.js";import{d as y}from"./p-Dekg3IGr.js";import{d}from"./p-CrcmijCR.js";import{d as f}from"./p-CRTkSTv3.js";import{d as h}from"./p-BNnhxQyl.js";import{d as n}from"./p-CjdBPauI.js";import{d as p}from"./p-CTPT9Ngc.js";const u=()=>`.sc-smoothly-table-demo-filler-row-h{display:block}.sc-smoothly-table-demo-filler-row-h>smoothly-display.sc-smoothly-table-demo-filler-row{font-size:2em}.sc-smoothly-table-demo-filler-row-h>*.sc-smoothly-table-demo-filler-row{margin-bottom:2rem}`;const k=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.cats=[]}async componentDidLoad(){window.setTimeout((()=>{this.cats=undefined}),3e3)}render(){return s(l,{key:"e2842ae7ee217b160d69fc5fa6cb686af528e2fc"},s("smoothly-display",{key:"8ec4889c9bc004f61f6b9d91b87e9135f2b7ba11",type:"text",value:"Filler row"}),s("smoothly-table",{key:"39f5a22a15a05631cf015918050e94215a336d62",color:"primary",columns:4},s("smoothly-table-head",{key:"271ced47bcbc64f53cc70bf3f1ca757059ac81dd"},s("smoothly-table-row",{key:"7a7566c40b27be58ab6bc3f6eeea2b5e90726cf5"},s("smoothly-table-cell",{key:"c3f0eb89f019759418b4524fa923194e1eaa05c9"},"Breed"),s("smoothly-table-cell",{key:"beb4c8b9c55d96c4f3e9faa71bfc9bf3971a1e25"},"Country"),s("smoothly-table-cell",{key:"6c8e3177e07f82961707a6f31729ede9da79acd9"},"Coat"),s("smoothly-table-cell",{key:"71023e2b53ab05e19b5d2f973f4b45c6ad1b7525"},"Origin"))),s("smoothly-table-body",{key:"a4a2e96740dbb0191031fb008fba9c349f4d37b1"},this.cats===undefined?s("smoothly-table-filler-row",null,"No data to display"):this.cats.length===0?s("smoothly-table-filler-row",null,s("smoothly-spinner",{style:{margin:"auto"},color:"default",size:"small"})):this.cats.map((o=>s("smoothly-table-row",null,s("div",{class:"smoothly-table-cell"},o.breed),s("div",{class:"smoothly-table-cell"},o.country),s("div",{class:"smoothly-table-cell"},o.coat),s("div",{class:"smoothly-table-cell"},o.origin)))))))}static get style(){return u()}},[2,"smoothly-table-demo-filler-row",{cats:[32]}]);function j(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-demo-filler-row","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-spinner","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-filler-row","smoothly-table-head","smoothly-table-row"];o.forEach((o=>{switch(o){case"smoothly-table-demo-filler-row":if(!customElements.get(t(o))){customElements.define(t(o),k)}break;case"smoothly-display":if(!customElements.get(t(o))){a()}break;case"smoothly-display-json":if(!customElements.get(t(o))){m()}break;case"smoothly-display-json-object":if(!customElements.get(t(o))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(o))){c()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(o))){i()}break;case"smoothly-spinner":if(!customElements.get(t(o))){b()}break;case"smoothly-table":if(!customElements.get(t(o))){y()}break;case"smoothly-table-body":if(!customElements.get(t(o))){d()}break;case"smoothly-table-cell":if(!customElements.get(t(o))){f()}break;case"smoothly-table-filler-row":if(!customElements.get(t(o))){h()}break;case"smoothly-table-head":if(!customElements.get(t(o))){n()}break;case"smoothly-table-row":if(!customElements.get(t(o))){p()}break}}))}j();export{k as S,j as d};
-//# sourceMappingURL=p-CR1YZ3na.js.map
+import{p as o,H as e,h as s,d as l,t}from"./p-BsZrGTcp.js";import{d as a}from"./p-DM5CKilY.js";import{d as m}from"./p-CR3Ni_o7.js";import{d as r}from"./p-B-l1S16Z.js";import{d as c}from"./p-Ud7Qhkgt.js";import{d as i}from"./p-C3FORjes.js";import{d as b}from"./p-Bpc6uh0M.js";import{d}from"./p-Bes8H54c.js";import{d as y}from"./p-BGBbdXaw.js";import{d as f}from"./p-CPnXAdGI.js";import{d as h}from"./p-CoJyQegK.js";import{d as n}from"./p-D-mAUrbR.js";import{d as p}from"./p-C02MtoAQ.js";const u=()=>`.sc-smoothly-table-demo-filler-row-h{display:block}.sc-smoothly-table-demo-filler-row-h>smoothly-display.sc-smoothly-table-demo-filler-row{font-size:2em}.sc-smoothly-table-demo-filler-row-h>*.sc-smoothly-table-demo-filler-row{margin-bottom:2rem}`;const k=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.cats=[]}async componentDidLoad(){window.setTimeout((()=>{this.cats=undefined}),3e3)}render(){return s(l,{key:"38d70dda60dda3debcf93c39712447b147f1f8aa"},s("smoothly-display",{key:"184a415c969fe7f8067d39b8bca1c60e2cdc525c",type:"text",value:"Filler row"}),s("smoothly-table",{key:"c25e191ff3a0d83771c8c4057a391af7d29f3aeb",color:"primary",columns:4},s("smoothly-table-head",{key:"6a0abb3c6732c84bbf349fa5564d27d3b0189f36"},s("smoothly-table-row",{key:"2f91fa838939f85bee7d2fc07bbcf66f19e31af0"},s("smoothly-table-cell",{key:"b50f41f05faeb8105905c2d2bc694ceba0291b11"},"Breed"),s("smoothly-table-cell",{key:"1165986b307056c5356dad70b6ce04059aaebdd1"},"Country"),s("smoothly-table-cell",{key:"348327ae0225c33862c65c536b31bbab5bd706d9"},"Coat"),s("smoothly-table-cell",{key:"449b076a7ccb0922362af57fa66bbf081fe73c1d"},"Origin"))),s("smoothly-table-body",{key:"7b4d12422054f92287036881aaba5156de8adc87"},this.cats===undefined?s("smoothly-table-filler-row",null,"No data to display"):this.cats.length===0?s("smoothly-table-filler-row",null,s("smoothly-spinner",{style:{margin:"auto"},color:"default",size:"small"})):this.cats.map((o=>s("smoothly-table-row",null,s("div",{class:"smoothly-table-cell"},o.breed),s("div",{class:"smoothly-table-cell"},o.country),s("div",{class:"smoothly-table-cell"},o.coat),s("div",{class:"smoothly-table-cell"},o.origin)))))))}static get style(){return u()}},[2,"smoothly-table-demo-filler-row",{cats:[32]}]);function j(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-demo-filler-row","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-spinner","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-filler-row","smoothly-table-head","smoothly-table-row"];o.forEach((o=>{switch(o){case"smoothly-table-demo-filler-row":if(!customElements.get(t(o))){customElements.define(t(o),k)}break;case"smoothly-display":if(!customElements.get(t(o))){a()}break;case"smoothly-display-json":if(!customElements.get(t(o))){m()}break;case"smoothly-display-json-object":if(!customElements.get(t(o))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(o))){c()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(o))){i()}break;case"smoothly-spinner":if(!customElements.get(t(o))){b()}break;case"smoothly-table":if(!customElements.get(t(o))){d()}break;case"smoothly-table-body":if(!customElements.get(t(o))){y()}break;case"smoothly-table-cell":if(!customElements.get(t(o))){f()}break;case"smoothly-table-filler-row":if(!customElements.get(t(o))){h()}break;case"smoothly-table-head":if(!customElements.get(t(o))){n()}break;case"smoothly-table-row":if(!customElements.get(t(o))){p()}break}}))}j();export{k as S,j as d};
+//# sourceMappingURL=p-C2xjUTYO.js.map

package/dist/components/{p-Dx5PGIAk.js → p-C6T0ZB2C.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{o as r}from"./p-Dr7iZPxA.js";import{f as c}from"./p-CkXes5c-.js";import{N as l}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as p}from"./p-DX3KKRD9.js";import{d as f}from"./p-BqAN7jax.js";import{d}from"./p-B8ljN4o0.js";import{d as h}from"./p-DgaHxdNI.js";import{d as y}from"./p-BiQsRsV4.js";import{d as u}from"./p-C9zTTp-4.js";import{d as b}from"./p-DTqtObrT.js";import{d as k}from"./p-RNCr3p17.js";import{d as j}from"./p-D7cDUGTe.js";import{d as E}from"./p-BS2SWUX6.js";import{d as D}from"./p-CsLlJDsh.js";const T=()=>`.sc-smoothly-form-demo-date-h{display:block}`;const B=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.notice=s(this,"notice");this.validator=r({date:c("isoly.Date",i.Date.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(l.failed(`Type is incomplete.`))}else{this.notice.emit(l.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return e(m,{key:"5784da3e53561844b6425a7e8577660a86c61f1a"},e("h2",{key:"950410300b6a7f87362a139c35399856dc547080"},"Date input"),e("smoothly-form",{key:"1197555e126930ab2acd0810309e3114b7644fee",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},e("smoothly-input-date",{key:"beeb9a1969cc330fd1e9c5a01a2d571aab854f87",name:"date"},"Date"),e("smoothly-input-submit",{key:"e9f8448d0442b0dcaf4a793cd6f86c4156dcea04",slot:"submit"},e("smoothly-icon",{key:"998ef6127d165df5a08cfbafeb5ba64d9e87921a",name:"checkmark-outline"}))))}static get style(){return T()}},[2,"smoothly-form-demo-date"]);function x(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-date","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input-date","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-date":if(!customElements.get(a(t))){customElements.define(a(t),B)}break;case"smoothly-button":if(!customElements.get(a(t))){n()}break;case"smoothly-button-confirm":if(!customElements.get(a(t))){p()}break;case"smoothly-calendar":if(!customElements.get(a(t))){f()}break;case"smoothly-date-text":if(!customElements.get(a(t))){d()}break;case"smoothly-form":if(!customElements.get(a(t))){h()}break;case"smoothly-icon":if(!customElements.get(a(t))){y()}break;case"smoothly-input-date":if(!customElements.get(a(t))){u()}break;case"smoothly-input-month":if(!customElements.get(a(t))){b()}break;case"smoothly-input-select":if(!customElements.get(a(t))){k()}break;case"smoothly-input-submit":if(!customElements.get(a(t))){j()}break;case"smoothly-item":if(!customElements.get(a(t))){E()}break;case"smoothly-spinner":if(!customElements.get(a(t))){D()}break}}))}x();export{B as S,x as d};
-//# sourceMappingURL=p-Dx5PGIAk.js.map
+import{p as t,H as o,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{o as r}from"./p-Dr7iZPxA.js";import{f as c}from"./p-CkXes5c-.js";import{N as l}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as p}from"./p-DX3KKRD9.js";import{d as f}from"./p-1j2KmcfQ.js";import{d as h}from"./p-AX8gOGUr.js";import{d}from"./p-DIhqNc1G.js";import{d as u}from"./p-BiQsRsV4.js";import{d as y}from"./p-xkRxEiC8.js";import{d as b}from"./p-CtuuZV3u.js";import{d as k}from"./p-CJEV2v84.js";import{d as j}from"./p-CqyGm3oe.js";import{d as E}from"./p-fnKrPnzp.js";import{d as D}from"./p-Bpc6uh0M.js";const x=()=>`.sc-smoothly-form-demo-date-h{display:block}`;const C=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.notice=s(this,"notice");this.validator=r({date:c("isoly.Date",i.Date.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(l.failed(`Type is incomplete.`))}else{this.notice.emit(l.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return e(m,{key:"5784da3e53561844b6425a7e8577660a86c61f1a"},e("h2",{key:"950410300b6a7f87362a139c35399856dc547080"},"Date input"),e("smoothly-form",{key:"1197555e126930ab2acd0810309e3114b7644fee",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},e("smoothly-input-date",{key:"beeb9a1969cc330fd1e9c5a01a2d571aab854f87",name:"date"},"Date"),e("smoothly-input-submit",{key:"e9f8448d0442b0dcaf4a793cd6f86c4156dcea04",slot:"submit"},e("smoothly-icon",{key:"998ef6127d165df5a08cfbafeb5ba64d9e87921a",name:"checkmark-outline"}))))}static get style(){return x()}},[2,"smoothly-form-demo-date"]);function B(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-date","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input-date","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-date":if(!customElements.get(a(t))){customElements.define(a(t),C)}break;case"smoothly-button":if(!customElements.get(a(t))){n()}break;case"smoothly-button-confirm":if(!customElements.get(a(t))){p()}break;case"smoothly-calendar":if(!customElements.get(a(t))){f()}break;case"smoothly-date-text":if(!customElements.get(a(t))){h()}break;case"smoothly-form":if(!customElements.get(a(t))){d()}break;case"smoothly-icon":if(!customElements.get(a(t))){u()}break;case"smoothly-input-date":if(!customElements.get(a(t))){y()}break;case"smoothly-input-month":if(!customElements.get(a(t))){b()}break;case"smoothly-input-select":if(!customElements.get(a(t))){k()}break;case"smoothly-input-submit":if(!customElements.get(a(t))){j()}break;case"smoothly-item":if(!customElements.get(a(t))){E()}break;case"smoothly-spinner":if(!customElements.get(a(t))){D()}break}}))}B();export{C as S,B as d};
+//# sourceMappingURL=p-C6T0ZB2C.js.map

package/dist/components/{p-BiwhssQ8.js → p-CAgJrhiy.js}

@@ -1,2 +1,2 @@
-import{p as o,H as s,h as e,d as t,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-BHEtq3Ue.js";import{d as r}from"./p-DX3KKRD9.js";import{d as n}from"./p-DgaHxdNI.js";import{d as c}from"./p-BiQsRsV4.js";import{d as i}from"./p-R4uIvvER.js";import{d as l}from"./p-CKrPTQ_S.js";import{d as f}from"./p-D7cDUGTe.js";import{d as p}from"./p-CsLlJDsh.js";const d=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return e(t,{key:"a85b73dcf84b35975a7f8baac4cee7db4a96e070"},e("h2",{key:"fa5ab594ad42bbe9eb3c704803eef599da54feb8"},"Login"),e("smoothly-form",{key:"e6abe031a6d92a6d4bcd86c53b838140c4a74eaa",looks:"border"},e("smoothly-input",{key:"0850b34c15fd675bec5d759c836588d0dee63c7a",type:"text",name:"username"},"Username"),e("smoothly-input",{key:"c22698a31ccfe3df8ee6e582d271540ec2759a28",type:"password",name:"password"},"Password"),e("smoothly-input-reset",{key:"28a205519134187c020abd897f40a8ed4a29341f",slot:"reset",type:"form",size:"icon",color:"warning"}),e("smoothly-input-submit",{key:"ecc29e9c09754fb89a21d1050234d5624a5aa855",slot:"submit"})))}},[2,"smoothly-form-demo-login"]);function u(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo-login","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-reset","smoothly-input-submit","smoothly-spinner"];o.forEach((o=>{switch(o){case"smoothly-form-demo-login":if(!customElements.get(m(o))){customElements.define(m(o),d)}break;case"smoothly-button":if(!customElements.get(m(o))){a()}break;case"smoothly-button-confirm":if(!customElements.get(m(o))){r()}break;case"smoothly-form":if(!customElements.get(m(o))){n()}break;case"smoothly-icon":if(!customElements.get(m(o))){c()}break;case"smoothly-input":if(!customElements.get(m(o))){i()}break;case"smoothly-input-reset":if(!customElements.get(m(o))){l()}break;case"smoothly-input-submit":if(!customElements.get(m(o))){f()}break;case"smoothly-spinner":if(!customElements.get(m(o))){p()}break}}))}u();export{d as S,u as d};
-//# sourceMappingURL=p-BiwhssQ8.js.map
+import{p as o,H as s,h as e,d as t,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-BHEtq3Ue.js";import{d as r}from"./p-DX3KKRD9.js";import{d as c}from"./p-DIhqNc1G.js";import{d as n}from"./p-BiQsRsV4.js";import{d as i}from"./p-Ww5QjB3D.js";import{d as f}from"./p-BUa0wBSK.js";import{d as l}from"./p-CqyGm3oe.js";import{d as p}from"./p-Bpc6uh0M.js";const d=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return e(t,{key:"a85b73dcf84b35975a7f8baac4cee7db4a96e070"},e("h2",{key:"fa5ab594ad42bbe9eb3c704803eef599da54feb8"},"Login"),e("smoothly-form",{key:"e6abe031a6d92a6d4bcd86c53b838140c4a74eaa",looks:"border"},e("smoothly-input",{key:"0850b34c15fd675bec5d759c836588d0dee63c7a",type:"text",name:"username"},"Username"),e("smoothly-input",{key:"c22698a31ccfe3df8ee6e582d271540ec2759a28",type:"password",name:"password"},"Password"),e("smoothly-input-reset",{key:"28a205519134187c020abd897f40a8ed4a29341f",slot:"reset",type:"form",size:"icon",color:"warning"}),e("smoothly-input-submit",{key:"ecc29e9c09754fb89a21d1050234d5624a5aa855",slot:"submit"})))}},[2,"smoothly-form-demo-login"]);function u(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo-login","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-reset","smoothly-input-submit","smoothly-spinner"];o.forEach((o=>{switch(o){case"smoothly-form-demo-login":if(!customElements.get(m(o))){customElements.define(m(o),d)}break;case"smoothly-button":if(!customElements.get(m(o))){a()}break;case"smoothly-button-confirm":if(!customElements.get(m(o))){r()}break;case"smoothly-form":if(!customElements.get(m(o))){c()}break;case"smoothly-icon":if(!customElements.get(m(o))){n()}break;case"smoothly-input":if(!customElements.get(m(o))){i()}break;case"smoothly-input-reset":if(!customElements.get(m(o))){f()}break;case"smoothly-input-submit":if(!customElements.get(m(o))){l()}break;case"smoothly-spinner":if(!customElements.get(m(o))){p()}break}}))}u();export{d as S,u as d};
+//# sourceMappingURL=p-CAgJrhiy.js.map

package/dist/components/p-CApTrLt_.js

@@ -0,0 +1,2 @@
+import{p as s,H as t,h as e,d as o,t as c}from"./p-BsZrGTcp.js";import{d as a}from"./p-BEHgXDtQ.js";const l=()=>`.sc-smoothly-lazy-h{display:block}`;const f=s(class s extends t{constructor(s){super();if(s!==false){this.__registerHost()}this.show=false}loadMoreHandler(s){s.stopPropagation();this.show=true}render(){return e(o,{key:"ecab373df940835270db5097a80b0214fc97907f"},e("slot",{key:"ac37f8070fab8c51b229f6dc81c9f2e65e64f251",name:"before"}),e("smoothly-load-more",{key:"3e43d4fd0c5f37d7826b7cc7da796fec07c7f7be",onSmoothlyLoadMore:s=>this.loadMoreHandler(s)}),this.show&&(typeof this.content=="function"?e(this.content,null):this.content),e("slot",{key:"815b33c3657c84b81f0dd12768f2f2e983df48a9"}))}static get style(){return l()}},[262,"smoothly-lazy",{show:[1028],content:[16]}]);function r(){if(typeof customElements==="undefined"){return}const s=["smoothly-lazy","smoothly-load-more"];s.forEach((s=>{switch(s){case"smoothly-lazy":if(!customElements.get(c(s))){customElements.define(c(s),f)}break;case"smoothly-load-more":if(!customElements.get(c(s))){a()}break}}))}r();export{f as S,r as d};
+//# sourceMappingURL=p-CApTrLt_.js.map

package/dist/components/{p-D1uYEo7L.js → p-CClpvMw2.js}

@@ -1,2 +1,2 @@
-import{p as o,H as e,c as t,h as i,d as s,t as a}from"./p-BsZrGTcp.js";import{d as l}from"./p-DIz1nEPY.js";import{d as n}from"./p-BiQsRsV4.js";import{d as h}from"./p-ByWVc-XC.js";import{d as r}from"./p-Bm-gpoFa.js";import{d as m}from"./p-CF5IKGi5.js";const d=()=>`smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header:has(smoothly-burger)>nav>ul smoothly-app-room{width:100%;height:4em}smoothly-app>smoothly-notifier>header{position:sticky;top:0;z-index:20;width:100%;height:var(--header-height);display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}smoothly-app>smoothly-notifier>header>nav{width:100%;flex-shrink:2;height:100%}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{display:flex;margin:0}smoothly-app:not([label])>smoothly-notifier>header>h1{display:none}smoothly-app>smoothly-notifier>header>h1{margin-left:1rem;margin-bottom:0.8em;display:flex;height:100%}smoothly-app>smoothly-notifier>header>h1>a{display:inline-block;align-self:center;size:100%;background-position-y:center;text-decoration:none;white-space:nowrap}smoothly-app>smoothly-notifier>header>nav>ul{width:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container{display:flex;align-items:center;height:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{display:flex;align-items:center;height:100%;margin-left:auto;margin-right:1rem}smoothly-app>smoothly-notifier>header>nav>ul>[slot="nav-end"]{width:fit-content;align-self:center;height:fit-content;margin-left:10rem}smoothly-app>smoothly-notifier>header>nav>ul li a{display:flex;height:2.3rem;text-decoration:none;align-items:center;align-self:center}smoothly-app.smoothly-mobile-mode:not([menu-open])>smoothly-notifier>header>nav{display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav{width:fit-content;max-width:100%;top:100%;position:absolute;max-height:calc(100dvh - var(--header-height));overflow-y:scroll;right:0;height:auto}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{flex-direction:column;background-color:rgba(var(--smoothly-color))}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{padding:1.5rem;box-sizing:border-box}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul li{margin-right:0;width:100%}smoothly-app:not(.smoothly-mobile-mode)>smoothly-notifier>header>smoothly-burger{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>smoothly-burger{position:absolute;top:0;right:0}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>[slot="nav-start"]{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-end-container{flex-direction:column;margin:0;align-items:start;justify-content:center}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}`;const c=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyUrlChange=t(this,"smoothlyUrlChange");this.menuOpen=false;this.navBreakpoint="48rem";this.mobileMode=false;this.rooms={}}componentWillLoad(){const o=window.matchMedia(`(max-width: ${this.navBreakpoint})`);this.mobileMode=o.matches;o.addEventListener("change",(o=>this.updateMobileMode(o.matches)))}componentDidLoad(){this.updateMobileMode(this.mobileMode)}updateMobileMode(o){this.mobileMode=o;Object.values(this.rooms).forEach((e=>e===null||e===void 0?void 0:e.element.setMobileMode(o)));if(!o){this.menuOpen=false}}async componentDidRender(){var o;if(!this.selected&&!window.location.search){(o=this.home&&this.rooms[this.home]?this.rooms[this.home]:Object.values(this.rooms).find((o=>!(o===null||o===void 0?void 0:o.element.disabled))))===null||o===void 0?void 0:o.element.setSelected(true)}}async selectRoom(o){var e;(e=this.rooms[o])===null||e===void 0?void 0:e.element.setSelected(true)}async selectedChanged(){var o;Object.values(this.rooms).forEach((o=>{var e;return(o===null||o===void 0?void 0:o.element.path)!=((e=this.selected)===null||e===void 0?void 0:e.element.path)&&(o===null||o===void 0?void 0:o.element.setSelected(false))}));const e=await((o=this.selected)===null||o===void 0?void 0:o.element.getContent());requestAnimationFrame((()=>{if(this.mainElement&&e){this.mainElement.replaceChildren(e)}}))}async locationChangeHandler(o){var e;(e=this.rooms[o.state.smoothlyPath])===null||e===void 0?void 0:e.element.setSelected(true,{history:true});this.smoothlyUrlChange.emit(window.location.href)}roomSelectedHandler(o){this.selected={element:o.target};if(this.mobileMode){this.menuOpen=false}if(!o.detail.history){const e=this.selected.element.path.toString();const t=new URL(window.location.pathname==e?window.location.href:window.location.origin);t.pathname=e;t.search=o.detail.query?`?${o.detail.query}`:"";window.history.pushState({smoothlyPath:e,smoothlyQuery:o.detail.query||""},"",t.href)}}roomLoadedHandler(o){const e=this.rooms[o.target.path.toString()]={element:o.target};if(e.element.selected){this.selected=e}}clickHandler(o){if(this.mobileMode&&!o.composedPath().some((o=>o==this.burgerElement||o==this.navElement))){this.menuOpen=false}}render(){return i(s,{key:"c0204db44c75c6235d5eb2adc776112372989a13",class:{"smoothly-mobile-mode":this.mobileMode}},i("smoothly-notifier",{key:"2c9ff0711219189499cbe1cb6f37e41715f4234a"},i("header",{key:"25b6ac0023b7ff634d315627297f1968fe78d199",color:this.color},i("h1",{key:"cb52ccc4d73bee709c95597b08c7260c28c116c0"},i("a",{key:"9db53cc3d88d3bb2c557dddc306adda2b9c1bb57",href:""},this.label)),i("slot",{key:"d8f71e17edf3b65d4579386004666b4b7d8655f7",name:"header"}),i("nav",{key:"71416658d3fd7578d1e9911355efe8250b7f1b73",ref:o=>this.navElement=o},i("ul",{key:"79dae2e8b641e4d4fcb13245fa647d3b4fcbdea7"},i("div",{key:"4f85e34495814cf144eb1b39b4b0f5a07807ee51",class:"nav-start-container"},i("slot",{key:"06f4ce02a90619d13ea21d6564f5434233346c06",name:"nav-start"})),i("slot",{key:"f261dcbcd2781b0c6d6f499bd559763bc7172742"}),i("div",{key:"ed668608a800ef08363b9ae239a392dfd515f49a",class:"nav-end-container"},i("slot",{key:"c5d11b8ac9b158ca030df27ff345c82979cb6ae5",name:"nav-end"})))),i("smoothly-burger",{key:"ce9f13229cc55cc95e5bc9bacc4c692febd15ec4",ref:o=>this.burgerElement=o,open:this.menuOpen,onSmoothlyNavStatus:o=>(o.stopPropagation(),this.menuOpen=o.detail)})),i("main",{key:"62e5ea6a00dbbc910f8c2682b55727487202b248",ref:o=>this.mainElement=o})))}static get watchers(){return{selected:[{selectedChanged:0}]}}static get style(){return d()}},[260,"smoothly-app",{label:[513],color:[1],home:[1],menuOpen:[1540,"menu-open"],navBreakpoint:[513,"nav-breakpoint"],mobileMode:[32],selected:[32],selectRoom:[64]},[[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelect","roomSelectedHandler"],[0,"smoothlyRoomLoad","roomLoadedHandler"],[8,"click","clickHandler"]],{selected:[{selectedChanged:0}]}]);function y(){if(typeof customElements==="undefined"){return}const o=["smoothly-app","smoothly-burger","smoothly-icon","smoothly-notification","smoothly-notifier","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-app":if(!customElements.get(a(o))){customElements.define(a(o),c)}break;case"smoothly-burger":if(!customElements.get(a(o))){l()}break;case"smoothly-icon":if(!customElements.get(a(o))){n()}break;case"smoothly-notification":if(!customElements.get(a(o))){h()}break;case"smoothly-notifier":if(!customElements.get(a(o))){r()}break;case"smoothly-trigger":if(!customElements.get(a(o))){m()}break}}))}y();export{c as S,y as d};
-//# sourceMappingURL=p-D1uYEo7L.js.map
+import{p as o,H as e,c as t,h as i,d as s,t as a}from"./p-BsZrGTcp.js";import{d as l}from"./p-DIz1nEPY.js";import{d as n}from"./p-BiQsRsV4.js";import{d as h}from"./p-D5dkLuTD.js";import{d as r}from"./p-6PsJb2Ez.js";import{d as m}from"./p-CmPHR3tf.js";const d=()=>`smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header:has(smoothly-burger)>nav>ul smoothly-app-room{width:100%;height:4em}smoothly-app>smoothly-notifier>header{position:sticky;top:0;z-index:20;width:100%;height:var(--header-height);display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}smoothly-app>smoothly-notifier>header>nav{width:100%;flex-shrink:2;height:100%}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{display:flex;margin:0}smoothly-app:not([label])>smoothly-notifier>header>h1{display:none}smoothly-app>smoothly-notifier>header>h1{margin-left:1rem;margin-bottom:0.8em;display:flex;height:100%}smoothly-app>smoothly-notifier>header>h1>a{display:inline-block;align-self:center;size:100%;background-position-y:center;text-decoration:none;white-space:nowrap}smoothly-app>smoothly-notifier>header>nav>ul{width:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container{display:flex;align-items:center;height:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{display:flex;align-items:center;height:100%;margin-left:auto;margin-right:1rem}smoothly-app>smoothly-notifier>header>nav>ul>[slot="nav-end"]{width:fit-content;align-self:center;height:fit-content;margin-left:10rem}smoothly-app>smoothly-notifier>header>nav>ul li a{display:flex;height:2.3rem;text-decoration:none;align-items:center;align-self:center}smoothly-app.smoothly-mobile-mode:not([menu-open])>smoothly-notifier>header>nav{display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav{width:fit-content;max-width:100%;top:100%;position:absolute;max-height:calc(100dvh - var(--header-height));overflow-y:scroll;right:0;height:auto}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{flex-direction:column;background-color:rgba(var(--smoothly-color))}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{padding:1.5rem;box-sizing:border-box}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul li{margin-right:0;width:100%}smoothly-app:not(.smoothly-mobile-mode)>smoothly-notifier>header>smoothly-burger{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>smoothly-burger{position:absolute;top:0;right:0}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>[slot="nav-start"]{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-end-container{flex-direction:column;margin:0;align-items:start;justify-content:center}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}`;const c=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyUrlChange=t(this,"smoothlyUrlChange");this.menuOpen=false;this.navBreakpoint="48rem";this.mobileMode=false;this.rooms={}}componentWillLoad(){const o=window.matchMedia(`(max-width: ${this.navBreakpoint})`);this.mobileMode=o.matches;o.addEventListener("change",(o=>this.updateMobileMode(o.matches)))}componentDidLoad(){this.updateMobileMode(this.mobileMode)}updateMobileMode(o){this.mobileMode=o;Object.values(this.rooms).forEach((e=>e===null||e===void 0?void 0:e.element.setMobileMode(o)));if(!o){this.menuOpen=false}}async componentDidRender(){var o;if(!this.selected&&!window.location.search){(o=this.home&&this.rooms[this.home]?this.rooms[this.home]:Object.values(this.rooms).find((o=>!(o===null||o===void 0?void 0:o.element.disabled))))===null||o===void 0?void 0:o.element.setSelected(true)}}async selectRoom(o){var e;(e=this.rooms[o])===null||e===void 0?void 0:e.element.setSelected(true)}async selectedChanged(){var o;Object.values(this.rooms).forEach((o=>{var e;return(o===null||o===void 0?void 0:o.element.path)!=((e=this.selected)===null||e===void 0?void 0:e.element.path)&&(o===null||o===void 0?void 0:o.element.setSelected(false))}));const e=await((o=this.selected)===null||o===void 0?void 0:o.element.getContent());requestAnimationFrame((()=>{if(this.mainElement&&e){this.mainElement.replaceChildren(e)}}))}async locationChangeHandler(o){var e;(e=this.rooms[o.state.smoothlyPath])===null||e===void 0?void 0:e.element.setSelected(true,{history:true});this.smoothlyUrlChange.emit(window.location.href)}roomSelectedHandler(o){this.selected={element:o.target};if(this.mobileMode){this.menuOpen=false}if(!o.detail.history){const e=this.selected.element.path.toString();const t=new URL(window.location.pathname==e?window.location.href:window.location.origin);t.pathname=e;t.search=o.detail.query?`?${o.detail.query}`:"";window.history.pushState({smoothlyPath:e,smoothlyQuery:o.detail.query||""},"",t.href)}}roomLoadedHandler(o){const e=this.rooms[o.target.path.toString()]={element:o.target};if(e.element.selected){this.selected=e}}clickHandler(o){if(this.mobileMode&&!o.composedPath().some((o=>o==this.burgerElement||o==this.navElement))){this.menuOpen=false}}render(){return i(s,{key:"c0204db44c75c6235d5eb2adc776112372989a13",class:{"smoothly-mobile-mode":this.mobileMode}},i("smoothly-notifier",{key:"2c9ff0711219189499cbe1cb6f37e41715f4234a"},i("header",{key:"25b6ac0023b7ff634d315627297f1968fe78d199",color:this.color},i("h1",{key:"cb52ccc4d73bee709c95597b08c7260c28c116c0"},i("a",{key:"9db53cc3d88d3bb2c557dddc306adda2b9c1bb57",href:""},this.label)),i("slot",{key:"d8f71e17edf3b65d4579386004666b4b7d8655f7",name:"header"}),i("nav",{key:"71416658d3fd7578d1e9911355efe8250b7f1b73",ref:o=>this.navElement=o},i("ul",{key:"79dae2e8b641e4d4fcb13245fa647d3b4fcbdea7"},i("div",{key:"4f85e34495814cf144eb1b39b4b0f5a07807ee51",class:"nav-start-container"},i("slot",{key:"06f4ce02a90619d13ea21d6564f5434233346c06",name:"nav-start"})),i("slot",{key:"f261dcbcd2781b0c6d6f499bd559763bc7172742"}),i("div",{key:"ed668608a800ef08363b9ae239a392dfd515f49a",class:"nav-end-container"},i("slot",{key:"c5d11b8ac9b158ca030df27ff345c82979cb6ae5",name:"nav-end"})))),i("smoothly-burger",{key:"ce9f13229cc55cc95e5bc9bacc4c692febd15ec4",ref:o=>this.burgerElement=o,open:this.menuOpen,onSmoothlyNavStatus:o=>(o.stopPropagation(),this.menuOpen=o.detail)})),i("main",{key:"62e5ea6a00dbbc910f8c2682b55727487202b248",ref:o=>this.mainElement=o})))}static get watchers(){return{selected:[{selectedChanged:0}]}}static get style(){return d()}},[260,"smoothly-app",{label:[513],color:[1],home:[1],menuOpen:[1540,"menu-open"],navBreakpoint:[513,"nav-breakpoint"],mobileMode:[32],selected:[32],selectRoom:[64]},[[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelect","roomSelectedHandler"],[0,"smoothlyRoomLoad","roomLoadedHandler"],[8,"click","clickHandler"]],{selected:[{selectedChanged:0}]}]);function y(){if(typeof customElements==="undefined"){return}const o=["smoothly-app","smoothly-burger","smoothly-icon","smoothly-notification","smoothly-notifier","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-app":if(!customElements.get(a(o))){customElements.define(a(o),c)}break;case"smoothly-burger":if(!customElements.get(a(o))){l()}break;case"smoothly-icon":if(!customElements.get(a(o))){n()}break;case"smoothly-notification":if(!customElements.get(a(o))){h()}break;case"smoothly-notifier":if(!customElements.get(a(o))){r()}break;case"smoothly-trigger":if(!customElements.get(a(o))){m()}break}}))}y();export{c as S,y as d};
+//# sourceMappingURL=p-CClpvMw2.js.map

package/dist/components/{p-CG636AEF.js → p-CFgT9iMG.js}

@@ -1,2 +1,2 @@
-import{p as o,H as e,c as t,h as l,d as a,t as r}from"./p-BsZrGTcp.js";const s=()=>`.sc-smoothly-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>.smoothly-table-cell{grid:subgrid;cursor:pointer;grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell:hover){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-table-expandable-row-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type{position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell:hover)>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{rotate:45deg}[open].sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{overflow:visible;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}`;const b=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyTableExpandableRowChange=t(this,"smoothlyTableExpandableRowChange");this.open=false}clickHandler(o){var e,t;const l=this.div&&o.composedPath().includes(this.div);if(!l){const o=(e=window.getSelection())===null||e===void 0?void 0:e.toString().trim();if(((t=o===null||o===void 0?void 0:o.length)!==null&&t!==void 0?t:0)==0){this.open=!this.open}}}openChange(){this.smoothlyTableExpandableRowChange.emit(this.open)}render(){return l(a,{key:"ff903b0e76d26c2b0828b970b5543cfd0032d64a",onClick:o=>this.clickHandler(o)},l("slot",{key:"483c340f950cad51409b816cb72edb5de6f06856"}),l("div",{key:"296d3287e2106d7e0f1703f0f51745e22abac101",class:"smoothly-table-detail",ref:o=>this.div=o},l("slot",{key:"23d911a603915e5dfbd807b29c22609382edd008",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}static get style(){return s()}},[262,"smoothly-table-expandable-row",{open:[1540]},undefined,{open:[{openChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-expandable-row"];o.forEach((o=>{switch(o){case"smoothly-table-expandable-row":if(!customElements.get(r(o))){customElements.define(r(o),b)}break}}))}d();export{b as S,d};
-//# sourceMappingURL=p-CG636AEF.js.map
+import{p as o,H as e,c as t,h as l,d as a,t as r}from"./p-BsZrGTcp.js";const s=()=>`.sc-smoothly-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>.smoothly-table-cell{grid:subgrid;cursor:pointer;grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell:hover){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-table-expandable-row-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type{position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell:hover)>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{rotate:45deg}[open].sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{overflow:visible;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}`;const b=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyTableExpandableRowChange=t(this,"smoothlyTableExpandableRowChange");this.open=false}clickHandler(o){var e,t;const l=this.div&&o.composedPath().includes(this.div);if(!l){const o=(e=window.getSelection())===null||e===void 0?void 0:e.toString().trim();if(((t=o===null||o===void 0?void 0:o.length)!==null&&t!==void 0?t:0)==0){this.open=!this.open}}}openChange(){this.smoothlyTableExpandableRowChange.emit(this.open)}render(){return l(a,{key:"21d040e883e73f9415ee1a3e7055fa5ce9adc57b",onClick:o=>this.clickHandler(o)},l("slot",{key:"9c42a350c5e00b6b24f7c746cc801588df69c14f"}),l("div",{key:"0c5c8a4e231018e1f96e09348447c876051540cf",class:"smoothly-table-detail",ref:o=>this.div=o},l("slot",{key:"263395e4d57775e72e510071245261a23097175f",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}static get style(){return s()}},[262,"smoothly-table-expandable-row",{open:[1540]},undefined,{open:[{openChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-expandable-row"];o.forEach((o=>{switch(o){case"smoothly-table-expandable-row":if(!customElements.get(r(o))){customElements.define(r(o),b)}break}}))}d();export{b as S,d};
+//# sourceMappingURL=p-CFgT9iMG.js.map

package/dist/components/p-CJEV2v84.js

@@ -0,0 +1,2 @@
+import{p as t,H as s,c as o,h as e,d as i,t as l}from"./p-BsZrGTcp.js";import{a as n,E as h}from"./p-DFXJvHuL.js";import{o as r,b as c}from"./p-Dr7iZPxA.js";import{i as a}from"./p-CkXes5c-.js";import{I as d}from"./p-DIhqNc1G.js";import{d as u}from"./p-BiQsRsV4.js";import{d as m}from"./p-fnKrPnzp.js";var p;(function(t){let s;(function(t){t.type=r({value:n(),deselectable:c(),selected:c().optional(),filter:a()});t.is=t.type.is})(s=t.Element||(t.Element={}));t.type=s.type.extend({});t.is=t.type.is})(p||(p={}));var y;(function(t){function s(t){var s;return(s=t.find((t=>t.clientHeight>0)))===null||s===void 0?void 0:s.clientHeight}t.firstItemHeight=s;function o(t,s,o){var e,i;const l=o.endsWith("items")?`${s*+((i=(e=o.match(/^(\d+(\.\d+)?|\.\d+)/g))===null||e===void 0?void 0:e[0])!==null&&i!==void 0?i:"10")}px`:o;t.style.setProperty("--menu-height",l)}t.applyMenuHeight=o;function e(t){t===null||t===void 0?void 0:t.style.setProperty("--element-height",`${t.clientHeight}px`)}t.applyElementHeight=e})(y||(y={}));var f;(function(t){function s(t,s){const o=t.filter((t=>!t.hidden&&!t.disabled));const e=o.findIndex((t=>t.marked));let i;if(e==-1){i=0}else{i=(e+s+o.length)%o.length}return{current:o[e],next:o[i]}}t.next=s;function o(t){return t.some((t=>!t.getAttribute("hidden")))}t.hasVisibleItems=o;function e(t,s){t.map((t=>t.marked=t===s))}t.markOnly=e;function i(t){return t.find((t=>t.selected))}t.findFirstSelected=i;function l(t){return t.find((t=>t.marked))}t.findFirstMarked=l})(f||(f={}));var b;(function(t){function s(t,s,o="smooth"){var e;if(s&&t){t.scrollTo({top:s.offsetTop+s.offsetHeight/2-((e=t.clientHeight)!==null&&e!==void 0?e:0)/2,behavior:o})}}t.centerInView=s})(b||(b={}));const v=()=>`.sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-select-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-select-h,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background-color:transparent}[looks="transparent"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-select-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.floating-label.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-text.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h smoothly-icon.smoothly-invalid.sc-smoothly-input-select{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:20;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));inset-inline:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);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}.sc-smoothly-input-select-h:not(.open)>.dropdown.sc-smoothly-input-select{border:0}[looks="grid"].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{inset-inline:-1px}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{display:flex;position:sticky;align-items:center;top:0;gap:1rem;padding:.7rem .7rem .7rem .25rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h:not(.has-filter)>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{height:0;padding:0;overflow:hidden;pointer-events:none}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select::before{content:"";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>.search-input.sc-smoothly-input-select{width:100%;background-color:transparent;border:none;outline:none}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>smoothly-icon[name="search-outline"].sc-smoothly-input-select,.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item{position:relative}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:0.5rem;border:1px solid rgb(var(--smoothly-input-foreground));border-radius:0.15rem;vertical-align:middle}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item[selected]::before{border-color:rgb(var(--smoothly-item-selected-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item:hover::before{border:1px solid rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item[selected]::after{content:"✔";position:absolute;left:0.65rem;color:rgb(var(--smoothly-item-selected-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item:hover::after{color:rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{min-width:fit-content}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.menu[hidden].sc-smoothly-input-select{display:none}`;const g=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyItemSelect=o(this,"smoothlyItemSelect");this.smoothlySelectOpen=o(this,"smoothlySelectOpen");this.isDifferentFromInitial=false;this.initialValue=[];this.initialValueHandled=false;this.observer=h.Observer.create(this);this.items=[];this.invalid=false;this.name="selected";this.showLabel=true;this.showSelected=true;this.readonly=false;this.disabled=false;this.inCalendar=false;this.multiple=false;this.clearable=true;this.defined=false;this.required=false;this.searchDisabled=false;this.mutable=false;this.lastOpen=false;this.open=false;this.selected=[];this.filter="";this.addedItems=[]}componentWillLoad(){this.smoothlyInputLooks.emit(((t,s)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=s)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){this.selected&&!this.initialValueHandled&&(this.initialValue=[...this.selected]);this.initialValueHandled=true;this.onSelectedChange()}componentDidRender(){var t;(t=this.itemHeight)!==null&&t!==void 0?t:this.itemHeight=y.firstItemHeight(this.items);if(this.menuHeight&&this.itemHeight){y.applyMenuHeight(this.element,this.itemHeight,this.menuHeight)}y.applyElementHeight(this.element);const s=this.open&&!this.lastOpen;if(s&&this.ordered){this.scrollToSelected()}}scrollToSelected(){const t=f.findFirstSelected(this.items);if(t){f.markOnly(this.items,t);b.centerInView(this.dropdownElement,t,"instant")}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,s){d.formRename(this,s)}async register(){d.formAdd(this)}async unregister(){d.formRemove(this)}async getValue(){return!this.multiple&&this.selected[0]?this.selected[0].value:this.multiple&&this.selected.length>0?this.selected.map((t=>t.value)):undefined}async getItems(){return this.items}async listen(t){this.observer.subscribe(t)}async reset(){this.selected.forEach((t=>t.selected=t.hidden=false));this.initialValue.forEach((t=>t.selected=true));this.selected=[...this.initialValue];this.displaySelected();this.isDifferentFromInitial=false;this.closeMenu()}async clear(){var t;if(this.clearable){this.selected.forEach((t=>t.selected=t.hidden=false));this.selected=[];if(this.displayElement){this.displayElement.innerHTML=(t=this.placeholder)!==null&&t!==void 0?t:""}}}async edit(t){this.readonly=!t}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=[...this.selected]}async onSelectedChange(){this.initialValueHandled&&(this.isDifferentFromInitial=!this.areValuesEqual(this.selected,this.initialValue));this.defined=this.selected.length>0;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}onRequiredChange(){this.items.forEach((t=>t.deselectable=!this.required))}async onFilterChange(t){t=t.toLowerCase();await Promise.all(this.items.map((s=>s.filter(t))))}watchingReadonly(){this.observer.publish()}async smoothlyInputLoadHandler(t){const s=t.target&&"name"in t.target&&t.target.name!==this.name;const o=t.composedPath().some((t=>t==this.iconsElement));if(s||o){t.stopPropagation()}else if(p.Element.is(t.target)){t.stopPropagation();t.target.deselectable=!this.required;this.items.push(t.target)}d.registerSubAction(this,t);this.displaySelected()}onWindowClick(t){if(this.open&&!t.composedPath().includes(this.element)){this.closeMenu()}}onItemDomChange(t){t.stopPropagation();const s=t.target;if(s.selected){this.displaySelected()}}async onItemSelect(t){t.stopPropagation();const s=t.detail.item;if(this.multiple){this.selected=s.selected?[...this.selected,s]:this.selected.filter((t=>t.selected))}else if(s.selected||!this.items.some((t=>t.selected))){this.selected[0]&&(this.selected[0].hidden=this.selected[0].selected=false);this.selected=!s.selected?this.selected.filter((t=>t.selected)):[s];!this.showSelected&&s.selected&&(s.hidden=true)}this.displaySelected();if(t.detail.userInitiated){this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}onClosed(t,s){this.lastOpen=s;if(!t){const t=f.findFirstMarked(this.items);if(t){t.marked=false}}this.smoothlySelectOpen.emit(t)}areValuesEqual(t,s){return t.length===s.length&&s.every((s=>t.includes(s)))}displaySelected(){var t;const s=this.selected.map((t=>`<div>${t.innerHTML}</div>`)).join("");this.displayElement&&(this.displayElement.innerHTML=this.selected.length>0?s:(t=this.placeholder)!==null&&t!==void 0?t:"")}onKeyDown(t){t.stopPropagation();const s=t.key;if(s=="ArrowUp"||s=="ArrowDown"){t.preventDefault();this.handlerNavigate(s)}else if(s=="Escape"){t.preventDefault();this.handleEscape()}else if(s=="Enter"){t.preventDefault();this.handleEnter()}else if(s==" "){t.preventDefault();this.openMenu()}else if(this.open&&s=="Tab"){this.closeMenu()}}handlerNavigate(t){if(f.hasVisibleItems(this.items)){this.move(t=="ArrowUp"?-1:1)}this.openMenu()}handleEscape(){if(this.filter){this.resetFilter()}else{this.closeMenu()}}handleEnter(){const t=f.findFirstMarked(this.items);if(t===null||t===void 0?void 0:t.value){t.selected=!t.selected}if(!this.multiple){this.closeMenu();this.resetFilter()}}move(t){const{current:s,next:o}=f.next(this.items,t);s&&(s.marked=false);o.marked=true;b.centerInView(this.dropdownElement,o,"smooth")}addItem(){this.addedItems=this.addedItems.concat(e("smoothly-item",{value:this.filter,selected:true},this.filter))}resetFilter(){this.searchElement&&(this.searchElement.value="");this.filter=""}setFilter(t){if(t){this.filter=t;this.openMenu()}else{this.resetFilter()}}openMenu({focus:t}={}){this.open=true;t&&queueMicrotask((()=>{var t;return(t=this.searchElement)===null||t===void 0?void 0:t.focus()}))}closeMenu(){this.open=false;this.resetFilter()}toggleMenu(){if(!this.readonly&&!this.disabled){this.open?this.closeMenu():this.openMenu({focus:true})}}onClick(t){const o=t.composedPath().includes(this.iconsElement)&&!t.composedPath().includes(this.toggleElement);const e=t.composedPath().includes(this.searchElement);const i=t.composedPath().find((t=>t instanceof s&&t.tagName==="SMOOTHLY-ITEM"));if(!o&&!e&&!(i&&this.multiple)){this.toggleMenu()}}render(){return e(i,{key:"3eb062d5cc34ecef9c9341630243d549aad808c3",class:{"has-value":this.selected.length!==0,open:this.open,"has-filter":this.filter!==""},onClick:t=>this.onClick(t)},e("div",{key:"e605a24480a0b3dafbd1b596fac1725d5e25be84",class:"select-display",ref:t=>this.displayElement=t},this.placeholder),e("div",{key:"3366fc93ccab479a0d9d67e206617941ad091340",class:"icons",ref:t=>this.iconsElement=t},e("smoothly-icon",{key:"3f64b7dc283062976a7292160917ab7a8c281521",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),e("slot",{key:"be63eaedc949912f5717ecceabb64ac93910dc98",name:"end"}),this.looks=="border"&&!this.readonly&&e("smoothly-icon",{key:"e41773f5b431e916f8177e76b877290c5cad7db6",ref:t=>this.toggleElement=t,size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"})),e("slot",{key:"d2c2d0d9a983dfe2609b18eedda29244a339bbd8",name:"label"}),e("div",{key:"5e51033c06fa134e945ff2c27245340bcaed2069",class:"dropdown",ref:t=>this.dropdownElement=t},e("div",{key:"f4237bc5b2001f68aa5fc0b30a0df08f4bf2bc4e",class:"search"},e("smoothly-icon",{key:"b23bba84f76f4da515ddeffa9a2ae7f62277915b",name:"search-outline",size:"small"}),e("input",{key:"86e28d85b9fd95a039d084db092b098342244813",class:"search-input",ref:t=>this.searchElement=t,disabled:this.searchDisabled,onKeyDown:t=>this.onKeyDown(t),onInput:t=>{var s,o;return t.stopPropagation(),this.setFilter((o=(s=this.searchElement)===null||s===void 0?void 0:s.value)!==null&&o!==void 0?o:"")},onPaste:t=>{var s,o;return t.stopPropagation(),this.setFilter((o=(s=this.searchElement)===null||s===void 0?void 0:s.value)!==null&&o!==void 0?o:"")}}),e("smoothly-icon",{key:"e585529e50786c3ffc2dab72245230debd60558f",name:"backspace-outline",size:"small",onClick:()=>{var t;this.resetFilter();(t=this.searchElement)===null||t===void 0?void 0:t.focus()}}),this.mutable&&e("smoothly-icon",{key:"49866182fe80ba3ad18e1b821e7c2a55852f4bb2",name:"add",size:"small",onClick:()=>this.addItem()})),e("div",{key:"f635f6143d0eeff2e01fa0283f7f7d1c337ef8d8",class:"menu",hidden:!this.open},e("slot",{key:"7f483cf3b64fb231c724ef4004073cf232d1a7ad"}),this.addedItems)))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],selected:[{onSelectedChange:0}],required:[{onRequiredChange:0}],filter:[{onFilterChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],open:[{onClosed:0}]}}static get style(){return v()}},[262,"smoothly-input-select",{invalid:[516],errorMessage:[513,"error-message"],name:[513],color:[1537],looks:[1537],showLabel:[516,"show-label"],showSelected:[1540,"show-selected"],readonly:[1540],disabled:[516],inCalendar:[516,"in-calendar"],ordered:[516],multiple:[516],clearable:[4],defined:[1028],placeholder:[520],menuHeight:[1,"menu-height"],required:[4],searchDisabled:[4,"search-disabled"],mutable:[4],open:[32],selected:[32],filter:[32],addedItems:[32],register:[64],unregister:[64],getValue:[64],getItems:[64],listen:[64],reset:[64],clear:[64],edit:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"],[0,"smoothlyItemDOMChange","onItemDomChange"],[0,"smoothlyItemSelect","onItemSelect"]],{name:[{nameChange:0}],selected:[{onSelectedChange:0}],required:[{onRequiredChange:0}],filter:[{onFilterChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],open:[{onClosed:0}]}]);function w(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-select","smoothly-icon","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-select":if(!customElements.get(l(t))){customElements.define(l(t),g)}break;case"smoothly-icon":if(!customElements.get(l(t))){u()}break;case"smoothly-item":if(!customElements.get(l(t))){m()}break}}))}w();export{g as S,w as d};
+//# sourceMappingURL=p-CJEV2v84.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Item","Element","type","isly.object","value","isly.any","deselectable","isly.boolean","selected","optional","filter","isly.function","is","extend","layout","firstItemHeight","items","_a","find","item","clientHeight","applyMenuHeight","element","itemHeight","menuHeight","height","endsWith","_b","match","style","setProperty","applyElementHeight","menu","next","direction","selectable","hidden","disabled","currentIndex","findIndex","marked","index","length","current","hasVisibleItems","some","getAttribute","markOnly","map","i","findFirstSelected","findFirstMarked","scroll","centerInView","container","behavior","scrollTo","top","offsetTop","offsetHeight","styleCss","SmoothlyInputSelect","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","initialValue","initialValueHandled","observer","Editable","Observer","create","invalid","name","showLabel","showSelected","readonly","inCalendar","multiple","clearable","defined","required","searchDisabled","mutable","lastOpen","open","addedItems","componentWillLoad","smoothlyInputLooks","emit","looks","color","smoothlyInputLoad","parent","smoothlyFormDisable","publish","componentDidLoad","onSelectedChange","componentDidRender","justOpened","ordered","scrollToSelected","selectedItem","dropdownElement","disconnectedCallback","isConnected","unregister","nameChange","_","oldName","Input","formRename","register","formAdd","formRemove","getValue","undefined","getItems","listen","listener","subscribe","reset","forEach","displaySelected","closeMenu","clear","displayElement","innerHTML","placeholder","edit","editable","setInitialValue","areValuesEqual","smoothlyInput","onRequiredChange","onFilterChange","toLowerCase","Promise","all","watchingReadonly","smoothlyInputLoadHandler","event","fromSelf","target","fromEndSlot","composedPath","e","iconsElement","stopPropagation","push","registerSubAction","onWindowClick","includes","onItemDomChange","onItemSelect","detail","userInitiated","smoothlyUserInput","onClosed","before","markedItem","smoothlySelectOpen","every","displayString","option","join","onKeyDown","key","preventDefault","handlerNavigate","handleEscape","handleEnter","openMenu","move","resetFilter","addItem","concat","h","searchElement","setFilter","focus","queueMicrotask","toggleMenu","onClick","wasIconsClicked","toggleElement","wasSearchClicked","wasItemClicked","tagName","render","Host","class","ref","size","tooltip","errorMessage","el","onInput","onPaste"],"sources":["src/components/item/Item.ts","src/components/input/select/layout.ts","src/components/input/select/menu.ts","src/components/input/select/scroll.ts","src/components/input/select/style.css?tag=smoothly-input-select&encapsulation=scoped","src/components/input/select/index.tsx"],"sourcesContent":["import { isly } from \"isly\"\n\nexport interface Item extends Item.Element {}\n\nexport namespace Item {\n\texport interface Element {\n\t\tvalue: any\n\t\tselected?: boolean\n\t\tdeselectable: boolean\n\t\tfilter: (filter: string) => Promise<void>\n\t}\n\texport namespace Element {\n\t\texport const type = isly.object<Element>({\n\t\t\tvalue: isly.any(),\n\t\t\tdeselectable: isly.boolean(),\n\t\t\tselected: isly.boolean().optional(),\n\t\t\tfilter: isly.function(),\n\t\t})\n\t\texport const is = type.is\n\t}\n\texport const type = Element.type.extend<Item>({})\n\texport const is = type.is\n}\n","export namespace layout {\n\texport function firstItemHeight(items: HTMLSmoothlyItemElement[]): number | undefined {\n\t\treturn items.find(item => item.clientHeight > 0)?.clientHeight\n\t}\n\texport function applyMenuHeight(element: HTMLElement, itemHeight: number, menuHeight: MenuHeight): void {\n\t\tconst height = menuHeight.endsWith(\"items\")\n\t\t\t? `${itemHeight * +(menuHeight.match(/^(\\d+(\\.\\d+)?|\\.\\d+)/g)?.[0] ?? \"10\")}px`\n\t\t\t: menuHeight\n\t\telement.style.setProperty(\"--menu-height\", height)\n\t}\n\texport function applyElementHeight(element: HTMLElement) {\n\t\telement?.style.setProperty(\"--element-height\", `${element.clientHeight}px`)\n\t}\n\texport type MenuHeight = `${number}${\"items\" | \"rem\" | \"px\" | \"vh\"}`\n}\n","export namespace menu {\n\texport function next(\n\t\titems: HTMLSmoothlyItemElement[],\n\t\tdirection: -1 | 1\n\t): { current?: HTMLSmoothlyItemElement; next: HTMLSmoothlyItemElement } {\n\t\tconst selectable = items.filter(item => !item.hidden && !item.disabled)\n\t\tconst currentIndex = selectable.findIndex(item => item.marked)\n\t\tlet index: number\n\t\tif (currentIndex == -1) {\n\t\t\tindex = 0\n\t\t} else {\n\t\t\tindex = (currentIndex + direction + selectable.length) % selectable.length\n\t\t}\n\t\treturn { current: selectable[currentIndex], next: selectable[index] }\n\t}\n\texport function hasVisibleItems(items: HTMLSmoothlyItemElement[]): boolean {\n\t\treturn items.some(item => !item.getAttribute(\"hidden\"))\n\t}\n\texport function markOnly(items: HTMLSmoothlyItemElement[], item: HTMLSmoothlyItemElement): void {\n\t\titems.map(i => (i.marked = i === item))\n\t}\n\texport function findFirstSelected(items: HTMLSmoothlyItemElement[]): HTMLSmoothlyItemElement | undefined {\n\t\treturn items.find(item => item.selected)\n\t}\n\texport function findFirstMarked(items: HTMLSmoothlyItemElement[]): HTMLSmoothlyItemElement | undefined {\n\t\treturn items.find(item => item.marked)\n\t}\n}\n","export namespace scroll {\n\texport function centerInView(container?: HTMLElement, item?: HTMLElement, behavior: ScrollBehavior = \"smooth\") {\n\t\tif (item && container) {\n\t\t\tcontainer.scrollTo({\n\t\t\t\ttop: item.offsetTop + item.offsetHeight / 2 - (container.clientHeight ?? 0) / 2,\n\t\t\t\tbehavior,\n\t\t\t})\n\t\t}\n\t}\n}\n","@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex-direction: row;\n\tposition: relative;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tfill: rgb(var(--smoothly-input-foreground));\n\tstroke: rgb(var(--smoothly-input-foreground));\n\tpadding-left: var(--input-padding-side);\n}\n\n:host.open {\n\tborder-radius: var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0;\n}\n\n\n:host>.select-display {\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tpadding: var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;\n\toverflow: hidden;\n\twidth: 100%;\n\twhite-space: nowrap;\n\tgap: 1rem;\n\ttext-overflow: ellipsis;\n}\n:host:not([readonly]):not([disabled])>.select-display {\n\tcursor: pointer;\n}\n\n:host:not(:has([slot=label]))>.select-display,\n:host:not([show-label])>.select-display  {\n\tpadding: .6rem .8rem .6rem 0;\n\talign-items: center;\n}\n\n:host>.select-display smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tfill: rgb(var(--smoothly-input-foreground));\n\tstroke: rgb(var(--smoothly-input-foreground));\n}\n\n:host>div.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host:hover>div.icons::slotted(smoothly-icon) {\n\tfilter: opacity(100%);\n}\n\n:host>div.icons>smoothly-icon[name=caret-down-outline],\n:host>div.icons>smoothly-icon[name=caret-forward-outline] {\n\topacity: .7;\n\theight: 100%;\n\tpadding-inline: var(--input-padding-side);\n}\n:host:not([readonly]):not([disabled])>div.icons>smoothly-icon[name=caret-down-outline],\n:host:not([readonly]):not([disabled])>div.icons>smoothly-icon[name=caret-forward-outline] {\n\tcursor: pointer;\n}\n\n:host[invalid]>div>smoothly-icon.smoothly-invalid {\n\tdisplay: block;\n\tpadding: 0.5rem;\n}\n\n:host>div>smoothly-icon.smoothly-invalid {\n\tdisplay: none\n}\n\n\n:host.has-value:has([slot=label]:not(:empty))>.select-display,\n:host:not(.has-value)[placeholder]>.select-display {\n\toverflow: hidden;\n\twidth: 100%;\n}\n\n\n:host>.dropdown {\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: absolute;\n\ttop: var(--element-height);\n\tz-index: 20;\n\tmax-height: var(--menu-height, unset);\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tinset-inline: 0;\n\tborder-radius: 0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);\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:host:not(.open)>.dropdown {\n\tborder: 0;\n}\n:host[looks=\"grid\"]>.dropdown,\n:host[looks=border]>.dropdown,\n:host[looks=\"transparent\"]>.dropdown {\n\tinset-inline: -1px;\n}\n\n:host>.dropdown>.search {\n\tdisplay: flex;\n\tposition: sticky;\n\talign-items: center;\n\ttop: 0;\n\tgap: 1rem;\n\tpadding: .7rem .7rem .7rem .25rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tfill: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tstroke: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n}\n:host:not(.has-filter)>.dropdown>.search {\n\t/* hide search */\n\t/* search cant be display: none, since it is the focus element */\n\theight: 0;\n\tpadding: 0;\n\toverflow: hidden;\n\tpointer-events: none;\n}\n:host>.dropdown>.search::before {\n\t/* search have opacity without showing what is underneath */\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgba(var(--smoothly-primary-tint), 0.5);\n\tz-index: -1;\n}\n:host>.dropdown>.search>.search-input {\n\twidth: 100%;\n\tbackground-color: transparent;\n\tborder: none;\n\toutline: none;\n}\n:host>.dropdown>.search>smoothly-icon[name=\"search-outline\"],\n:host>.dropdown>.search>smoothly-icon[name=\"backspace-outline\"] {\n\tcolor: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tfill: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tstroke: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n}\n\n\n/* --- multiple options --- */\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item) {\n\tposition: relative;\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item::before) {\n\tcontent: \"\";\n\tdisplay: inline-block;\n\twidth: 1rem;\n\theight: 1rem;\n\tmargin-right: 0.5rem;\n\tborder: 1px solid rgb(var(--smoothly-input-foreground));\n\tborder-radius: 0.15rem;\n\tvertical-align: middle;\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item[selected]::before) {\n\tborder-color: rgb(var(--smoothly-item-selected-foreground));\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item:hover::before) {\n\tborder: 1px solid rgb(var(--smoothly-item-hover-foreground));\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item[selected]::after) {\n\tcontent: \"✔\";\n\tposition: absolute;\n\tleft: 0.65rem; \n\tcolor: rgb(var(--smoothly-item-selected-foreground));\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item:hover::after) {\n\tcolor: rgb(var(--smoothly-item-hover-foreground));\n}\n:host>.dropdown {\n\tmin-width: fit-content;\n}\n:host>.dropdown>.menu[hidden] {\n\tdisplay: none;\n}\n\n\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { Item } from \"../../item/Item\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\nimport { layout } from \"./layout\"\nimport { menu } from \"./menu\"\nimport { scroll } from \"./scroll\"\n\n@Component({\n\ttag: \"smoothly-input-select\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputSelect implements Input, Editable, Clearable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate initialValue: HTMLSmoothlyItemElement[] = []\n\tprivate initialValueHandled = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate displayElement?: HTMLElement\n\tprivate iconsElement?: HTMLElement\n\tprivate toggleElement?: HTMLElement\n\tprivate dropdownElement?: HTMLElement\n\tprivate searchElement?: HTMLInputElement\n\tprivate items: HTMLSmoothlyItemElement[] = []\n\tprivate itemHeight: number | undefined\n\t@Element() element: HTMLSmoothlyInputSelectElement\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop({ reflect: true }) name = \"selected\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ reflect: true, mutable: true }) showSelected?: boolean = true\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) inCalendar = false\n\t@Prop({ reflect: true }) ordered?: boolean\n\t@Prop({ reflect: true }) multiple = false\n\t@Prop() clearable = true\n\t@Prop({ mutable: true }) defined = false\n\t@Prop({ reflect: true }) placeholder?: string | any\n\t@Prop() menuHeight?: layout.MenuHeight\n\t@Prop() required = false\n\t@Prop() searchDisabled = false\n\t@Prop() mutable = false\n\tprivate lastOpen = false\n\t@State() open = false\n\t@State() selected: HTMLSmoothlyItemElement[] = []\n\t@State() filter = \"\"\n\t@State() addedItems: HTMLSmoothlyItemElement[] = []\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyItemSelect: EventEmitter<HTMLSmoothlyItemElement>\n\t@Event() smoothlySelectOpen: EventEmitter<boolean>\n\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tcomponentDidLoad(): void | Promise<void> {\n\t\tthis.selected && !this.initialValueHandled && (this.initialValue = [...this.selected])\n\t\tthis.initialValueHandled = true\n\t\tthis.onSelectedChange()\n\t}\n\tcomponentDidRender(): void | Promise<void> {\n\t\tthis.itemHeight ??= layout.firstItemHeight(this.items)\n\t\tif (this.menuHeight && this.itemHeight) {\n\t\t\tlayout.applyMenuHeight(this.element, this.itemHeight, this.menuHeight)\n\t\t}\n\t\tlayout.applyElementHeight(this.element)\n\n\t\tconst justOpened = this.open && !this.lastOpen\n\t\tif (justOpened && this.ordered) {\n\t\t\tthis.scrollToSelected()\n\t\t}\n\t}\n\tprivate scrollToSelected() {\n\t\tconst selectedItem = menu.findFirstSelected(this.items)\n\t\tif (selectedItem) {\n\t\t\tmenu.markOnly(this.items, selectedItem)\n\t\t\tscroll.centerInView(this.dropdownElement, selectedItem, \"instant\")\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<any | any[] | undefined> {\n\t\treturn !this.multiple && this.selected[0]\n\t\t\t? this.selected[0].value\n\t\t\t: this.multiple && this.selected.length > 0\n\t\t\t\t? this.selected.map(item => item.value)\n\t\t\t\t: undefined\n\t}\n\t@Method()\n\tasync getItems(): Promise<HTMLSmoothlyItemElement[]> {\n\t\treturn this.items\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.selected.forEach(item => (item.selected = item.hidden = false))\n\t\tthis.initialValue.forEach(item => (item.selected = true))\n\t\tthis.selected = [...this.initialValue]\n\t\tthis.displaySelected()\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.closeMenu()\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tif (this.clearable) {\n\t\t\tthis.selected.forEach(item => (item.selected = item.hidden = false))\n\t\t\tthis.selected = []\n\t\t\tif (this.displayElement) {\n\t\t\t\tthis.displayElement.innerHTML = this.placeholder ?? \"\"\n\t\t\t}\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.initialValue = [...this.selected]\n\t}\n\t@Watch(\"selected\")\n\tasync onSelectedChange() {\n\t\tthis.initialValueHandled && (this.isDifferentFromInitial = !this.areValuesEqual(this.selected, this.initialValue))\n\t\tthis.defined = this.selected.length > 0\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"required\")\n\tonRequiredChange(): void {\n\t\tthis.items.forEach(item => (item.deselectable = !this.required))\n\t}\n\t@Watch(\"filter\")\n\tasync onFilterChange(value: string): Promise<void> {\n\t\tvalue = value.toLowerCase()\n\t\tawait Promise.all(this.items.map(item => item.filter(value)))\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputSelect) => void>): Promise<void> {\n\t\tconst fromSelf = event.target && \"name\" in event.target && event.target.name !== this.name\n\t\tconst fromEndSlot = event.composedPath().some(e => e == this.iconsElement)\n\t\tif (fromSelf || fromEndSlot) {\n\t\t\tevent.stopPropagation()\n\t\t} else if (Item.Element.is(event.target)) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.target.deselectable = !this.required\n\t\t\tthis.items.push(event.target as HTMLSmoothlyItemElement)\n\t\t}\n\t\tInput.registerSubAction(this, event)\n\t\tthis.displaySelected()\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: MouseEvent): void {\n\t\tif (this.open && !event.composedPath().includes(this.element)) {\n\t\t\tthis.closeMenu()\n\t\t}\n\t}\n\t@Listen(\"smoothlyItemDOMChange\")\n\tonItemDomChange(e: CustomEvent) {\n\t\te.stopPropagation()\n\t\tconst item = e.target as HTMLSmoothlyItemElement\n\t\tif (item.selected) {\n\t\t\tthis.displaySelected()\n\t\t}\n\t}\n\t@Listen(\"smoothlyItemSelect\")\n\tasync onItemSelect(event: CustomEvent<{ userInitiated: boolean; item: HTMLSmoothlyItemElement }>): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tconst item = event.detail.item\n\t\tif (this.multiple) {\n\t\t\tthis.selected = item.selected ? [...this.selected, item] : this.selected.filter(item => item.selected)\n\t\t} else if (item.selected || !this.items.some(e => e.selected)) {\n\t\t\tthis.selected[0] && (this.selected[0].hidden = this.selected[0].selected = false)\n\t\t\tthis.selected = !item.selected ? this.selected.filter(item => item.selected) : [item]\n\t\t\t!this.showSelected && item.selected && (item.hidden = true)\n\t\t}\n\t\tthis.displaySelected()\n\t\tif (event.detail.userInitiated) {\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\t@Watch(\"open\")\n\tonClosed(open: boolean, before: boolean): void {\n\t\tthis.lastOpen = before\n\t\tif (!open) {\n\t\t\tconst markedItem = menu.findFirstMarked(this.items)\n\t\t\tif (markedItem) {\n\t\t\t\tmarkedItem.marked = false\n\t\t\t}\n\t\t}\n\t\tthis.smoothlySelectOpen.emit(open)\n\t}\n\tareValuesEqual(selected: HTMLSmoothlyItemElement[], initialValue: HTMLSmoothlyItemElement[]): boolean {\n\t\treturn selected.length === initialValue.length && initialValue.every(value => selected.includes(value))\n\t}\n\tdisplaySelected(): void {\n\t\tconst displayString: string = this.selected.map(option => `<div>${option.innerHTML}</div>`).join(\"\")\n\t\tthis.displayElement &&\n\t\t\t(this.displayElement.innerHTML = this.selected.length > 0 ? displayString : (this.placeholder ?? \"\"))\n\t}\n\tonKeyDown(event: KeyboardEvent) {\n\t\tevent.stopPropagation()\n\t\tconst key = event.key\n\t\tif (key == \"ArrowUp\" || key == \"ArrowDown\") {\n\t\t\tevent.preventDefault()\n\t\t\tthis.handlerNavigate(key)\n\t\t} else if (key == \"Escape\") {\n\t\t\tevent.preventDefault()\n\t\t\tthis.handleEscape()\n\t\t} else if (key == \"Enter\") {\n\t\t\tevent.preventDefault()\n\t\t\tthis.handleEnter()\n\t\t} else if (key == \" \") {\n\t\t\tevent.preventDefault()\n\t\t\tthis.openMenu()\n\t\t} else if (this.open && key == \"Tab\") {\n\t\t\tthis.closeMenu()\n\t\t}\n\t}\n\tprivate handlerNavigate(key: \"ArrowUp\" | \"ArrowDown\") {\n\t\tif (menu.hasVisibleItems(this.items)) {\n\t\t\tthis.move(key == \"ArrowUp\" ? -1 : 1)\n\t\t}\n\t\tthis.openMenu()\n\t}\n\tprivate handleEscape() {\n\t\tif (this.filter) {\n\t\t\tthis.resetFilter()\n\t\t} else {\n\t\t\tthis.closeMenu()\n\t\t}\n\t}\n\tprivate handleEnter() {\n\t\tconst item = menu.findFirstMarked(this.items)\n\t\tif (item?.value) {\n\t\t\titem.selected = !item.selected\n\t\t}\n\t\tif (!this.multiple) {\n\t\t\tthis.closeMenu()\n\t\t\tthis.resetFilter()\n\t\t}\n\t}\n\tprivate move(direction: -1 | 1): void {\n\t\tconst { current, next } = menu.next(this.items, direction)\n\t\tcurrent && (current.marked = false)\n\t\tnext.marked = true\n\t\tscroll.centerInView(this.dropdownElement, next, \"smooth\")\n\t}\n\tprivate addItem() {\n\t\tthis.addedItems = this.addedItems.concat(\n\t\t\t<smoothly-item value={this.filter} selected>\n\t\t\t\t{this.filter}\n\t\t\t</smoothly-item>\n\t\t)\n\t}\n\tprivate resetFilter() {\n\t\tthis.searchElement && (this.searchElement.value = \"\")\n\t\tthis.filter = \"\"\n\t}\n\tprivate setFilter(filter: string) {\n\t\tif (filter) {\n\t\t\tthis.filter = filter\n\t\t\tthis.openMenu()\n\t\t} else {\n\t\t\tthis.resetFilter()\n\t\t}\n\t}\n\tprivate openMenu({ focus }: { focus?: boolean } = {}) {\n\t\tthis.open = true\n\t\tfocus && queueMicrotask(() => this.searchElement?.focus())\n\t}\n\tprivate closeMenu() {\n\t\tthis.open = false\n\t\tthis.resetFilter()\n\t}\n\tprivate toggleMenu() {\n\t\tif (!this.readonly && !this.disabled) {\n\t\t\tthis.open ? this.closeMenu() : this.openMenu({ focus: true })\n\t\t}\n\t}\n\tprivate onClick(e: MouseEvent) {\n\t\tconst wasIconsClicked =\n\t\t\te.composedPath().includes(this.iconsElement!) && !e.composedPath().includes(this.toggleElement!)\n\t\tconst wasSearchClicked = e.composedPath().includes(this.searchElement!)\n\t\tconst wasItemClicked = e\n\t\t\t.composedPath()\n\t\t\t.find(element => element instanceof HTMLElement && element.tagName === \"SMOOTHLY-ITEM\")\n\t\tif (!wasIconsClicked && !wasSearchClicked && !(wasItemClicked && this.multiple)) {\n\t\t\tthis.toggleMenu()\n\t\t}\n\t}\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ \"has-value\": this.selected.length !== 0, open: this.open, \"has-filter\": this.filter !== \"\" }}\n\t\t\t\tonClick={(e: MouseEvent) => this.onClick(e)}>\n\t\t\t\t<div class=\"select-display\" ref={element => (this.displayElement = element)}>\n\t\t\t\t\t{this.placeholder}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"icons\" ref={element => (this.iconsElement = element)}>\n\t\t\t\t\t<smoothly-icon class=\"smoothly-invalid\" name=\"alert-circle\" size=\"small\" tooltip={this.errorMessage} />\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t\t{this.looks == \"border\" && !this.readonly && (\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tref={element => (this.toggleElement = element)}\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tname={this.open ? \"caret-down-outline\" : \"caret-forward-outline\"}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"label\" />\n\t\t\t\t<div class=\"dropdown\" ref={(el: HTMLDivElement) => (this.dropdownElement = el)}>\n\t\t\t\t\t<div class=\"search\">\n\t\t\t\t\t\t<smoothly-icon name=\"search-outline\" size=\"small\" />\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass=\"search-input\"\n\t\t\t\t\t\t\tref={el => (this.searchElement = el)}\n\t\t\t\t\t\t\tdisabled={this.searchDisabled}\n\t\t\t\t\t\t\tonKeyDown={e => this.onKeyDown(e)}\n\t\t\t\t\t\t\tonInput={e => (e.stopPropagation(), this.setFilter(this.searchElement?.value ?? \"\"))}\n\t\t\t\t\t\t\tonPaste={e => (e.stopPropagation(), this.setFilter(this.searchElement?.value ?? \"\"))}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tname=\"backspace-outline\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tthis.resetFilter()\n\t\t\t\t\t\t\t\tthis.searchElement?.focus()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{this.mutable && <smoothly-icon name=\"add\" size=\"small\" onClick={() => this.addItem()} />}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"menu\" hidden={!this.open}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t{this.addedItems}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-CKlr_F9h.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as o,d as s,t as i}from"./p-BsZrGTcp.js";import{i as c}from"./p-BVKhAhsB.js";import{d as n}from"./p-BiQsRsV4.js";import{d as r}from"./p-Ww5QjB3D.js";import{d as m}from"./p-BfwEfI7H.js";import{d as a}from"./p-nFLcvugJ.js";const d=()=>`.sc-smoothly-input-price-demo-h{display:block}`;const p=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.currencies=["EUR","USD","GBP"];this.currency="USD"}render(){return o(s,{key:"2d35ede0ba48999e163c9b401e822a703c049639"},o("h2",{key:"6e3c78bd7a51616418555e74379ed81f4351688a"},"State demo on smoothly-input"),o("p",{key:"d43ad6219d21d065dc62197872e4cb689fececb5"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"e2a250b7bfb6433bc61fa3d740df11cae0713f85"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"4d111e1bd9fbc0dcc57d3a842cfd0756a4807991",name:"currency",onSmoothlyInput:e=>this.currency=c.Currency.is(e.detail.currency)?e.detail.currency:undefined},this.currencies.map((e=>o("smoothly-input-radio-item",{key:e,selected:e==this.currency,value:e},e)))),o("smoothly-input",{key:"4c81a6bf8c3d854f3443942a6c1fb64db9b67b54",type:"price",currency:this.currency},"price"))}static get style(){return d()}},[2,"smoothly-input-price-demo",{currencies:[32],currency:[32]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-price-demo","smoothly-icon","smoothly-input","smoothly-input-radio","smoothly-input-radio-item"];e.forEach((e=>{switch(e){case"smoothly-input-price-demo":if(!customElements.get(i(e))){customElements.define(i(e),p)}break;case"smoothly-icon":if(!customElements.get(i(e))){n()}break;case"smoothly-input":if(!customElements.get(i(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){m()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){a()}break}}))}u();export{p as S,u as d};
+//# sourceMappingURL=p-CKlr_F9h.js.map

package/dist/components/{p-DZ4ogW8V.js → p-CL7fW_Oh.js}

@@ -1,2 +1,2 @@
-import{p as e,H as l,c as o,h as t,d as a,t as s}from"./p-BsZrGTcp.js";const r=()=>`.sc-smoothly-table-expandable-cell-h{display:contents}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);box-sizing:border-box;align-items:center;white-space:nowrap;position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover{background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground));stroke:rgb(var(--smoothly-table-hover-foreground));fill:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{rotate:45deg}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{box-shadow:1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset, -3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset}[open].sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));stroke:rgb(var(--smoothly-table-expanded-foreground));fill:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-cell-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{display:none}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}`;const b=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.smoothlyTableExpandableCellChange=o(this,"smoothlyTableExpandableCellChange");this.smoothlyTableExpandableCellRegister=o(this,"smoothlyTableExpandableCellRegister");this.span=1;this.open=false}componentWillLoad(){this.smoothlyTableExpandableCellRegister.emit()}async close(){this.open=false}clickHandler(e){var l,o;const t=this.detailElement&&e.composedPath().includes(this.detailElement);if(!t){const e=(l=window.getSelection())===null||l===void 0?void 0:l.toString().trim();if(((o=e===null||e===void 0?void 0:e.length)!==null&&o!==void 0?o:0)==0){this.open=!this.open}}}openChange(){this.smoothlyTableExpandableCellChange.emit(this.open)}render(){var e;return t(a,{key:"83c526f00d51b0168a455e9bf868ebe197665443",style:{"--smoothly-table-cell-span":(e=this.span)===null||e===void 0?void 0:e.toString(10)},onClick:e=>this.clickHandler(e)},t("div",{key:"bd6ef753fad107892472d513d3e85e2303496bb1",class:"content"},t("slot",{key:"ce3529ccc72dcc4434fc759be3de926b923952b4"})),t("div",{key:"bb6ecf54d7568c46a582e5e9b7e34040d3318800",class:"smoothly-table-detail",ref:e=>this.detailElement=e},t("slot",{key:"55da6c2611dfa327b27b24d5f93f19f58f273c34",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}static get style(){return r()}},[262,"smoothly-table-expandable-cell",{span:[514],open:[1540],close:[64]},undefined,{open:[{openChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-expandable-cell"];e.forEach((e=>{switch(e){case"smoothly-table-expandable-cell":if(!customElements.get(s(e))){customElements.define(s(e),b)}break}}))}d();export{b as S,d};
-//# sourceMappingURL=p-DZ4ogW8V.js.map
+import{p as e,H as l,c as o,h as t,d as a,t as s}from"./p-BsZrGTcp.js";const r=()=>`.sc-smoothly-table-expandable-cell-h{display:contents}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);box-sizing:border-box;align-items:center;white-space:nowrap;position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover{background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground));stroke:rgb(var(--smoothly-table-hover-foreground));fill:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{rotate:45deg}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{box-shadow:1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset, -3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset}[open].sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));stroke:rgb(var(--smoothly-table-expanded-foreground));fill:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-cell-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{display:none}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}`;const b=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.smoothlyTableExpandableCellChange=o(this,"smoothlyTableExpandableCellChange");this.smoothlyTableExpandableCellRegister=o(this,"smoothlyTableExpandableCellRegister");this.span=1;this.open=false}componentWillLoad(){this.smoothlyTableExpandableCellRegister.emit()}async close(){this.open=false}clickHandler(e){var l,o;const t=this.detailElement&&e.composedPath().includes(this.detailElement);if(!t){const e=(l=window.getSelection())===null||l===void 0?void 0:l.toString().trim();if(((o=e===null||e===void 0?void 0:e.length)!==null&&o!==void 0?o:0)==0){this.open=!this.open}}}openChange(){this.smoothlyTableExpandableCellChange.emit(this.open)}render(){var e;return t(a,{key:"1c27ff4e5c10ad504e0c8307be3bfb1243afc5d9",style:{"--smoothly-table-cell-span":(e=this.span)===null||e===void 0?void 0:e.toString(10)},onClick:e=>this.clickHandler(e)},t("div",{key:"9df957e7d9f55f6687adbdfc550b3cfa6a8d3dea",class:"content"},t("slot",{key:"505b6a8964feb91d4d0256b6ea3f27519742ef6c"})),t("div",{key:"9054849f559fc9f02c7ba5c9c95cabf1e741f417",class:"smoothly-table-detail",ref:e=>this.detailElement=e},t("slot",{key:"0feb5288d454fc6b606ad4585706f40ec3789443",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}static get style(){return r()}},[262,"smoothly-table-expandable-cell",{span:[514],open:[1540],close:[64]},undefined,{open:[{openChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-expandable-cell"];e.forEach((e=>{switch(e){case"smoothly-table-expandable-cell":if(!customElements.get(s(e))){customElements.define(s(e),b)}break}}))}d();export{b as S,d};
+//# sourceMappingURL=p-CL7fW_Oh.js.map

package/dist/components/{p-DVuQ4t_X.js → p-COK__8-d.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as s,d as t,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DX3KKRD9.js";import{d as f}from"./p-DgaHxdNI.js";import{d as r}from"./p-BiQsRsV4.js";import{d as i}from"./p-R4uIvvER.js";import{d as n}from"./p-D7cDUGTe.js";import{d}from"./p-CsLlJDsh.js";const l=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return s(t,{key:"644dd5d2d56fea755d44d8cfed8c0b52d64883ef"},s("h2",{key:"f8be0372bf3f537f5e6cd66087aa9102a69fa4b3"},"Card"),s("smoothly-form",{key:"1e006ccad98f0a73c50a312dc39f6c8f07a89f96",looks:"grid",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail))},s("smoothly-input",{key:"af0e0cf9d593a4b95e6d9ccf38cb504bcf30c907",type:"card-number",name:"card"},"Card #"),s("smoothly-input-submit",{key:"8a68e341800be545d7c4b242e60fac52bd56afd5",size:"icon",slot:"submit",color:"success",fill:"solid"}),s("smoothly-input",{key:"031b83a8b2b9f261741c9b430599681ee0c90442",type:"card-expires",name:"expires"},"Expires"),s("smoothly-input",{key:"75f8bbc9cff24f247f88dfd276bef1adaf478586",type:"card-csc",name:"csc"},"CVV/CVC"),s("smoothly-input",{key:"5043b806ecf84bb31b4f713778336063a771ffa9",type:"text",name:"name.first"},"First Name"),s("smoothly-input",{key:"4314de22f36b48c796deec9258e71e282a434bbe",type:"text",name:"name.last"},"Last Name")))}},[2,"smoothly-form-demo-card"]);function b(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-card","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-submit","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-card":if(!customElements.get(m(e))){customElements.define(m(e),l)}break;case"smoothly-button":if(!customElements.get(m(e))){a()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){c()}break;case"smoothly-form":if(!customElements.get(m(e))){f()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){i()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){n()}break;case"smoothly-spinner":if(!customElements.get(m(e))){d()}break}}))}b();export{l as S,b as d};
-//# sourceMappingURL=p-DVuQ4t_X.js.map
+import{p as e,H as o,h as s,d as t,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DX3KKRD9.js";import{d as f}from"./p-DIhqNc1G.js";import{d as r}from"./p-BiQsRsV4.js";import{d as i}from"./p-Ww5QjB3D.js";import{d as n}from"./p-CqyGm3oe.js";import{d}from"./p-Bpc6uh0M.js";const l=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return s(t,{key:"644dd5d2d56fea755d44d8cfed8c0b52d64883ef"},s("h2",{key:"f8be0372bf3f537f5e6cd66087aa9102a69fa4b3"},"Card"),s("smoothly-form",{key:"1e006ccad98f0a73c50a312dc39f6c8f07a89f96",looks:"grid",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail))},s("smoothly-input",{key:"af0e0cf9d593a4b95e6d9ccf38cb504bcf30c907",type:"card-number",name:"card"},"Card #"),s("smoothly-input-submit",{key:"8a68e341800be545d7c4b242e60fac52bd56afd5",size:"icon",slot:"submit",color:"success",fill:"solid"}),s("smoothly-input",{key:"031b83a8b2b9f261741c9b430599681ee0c90442",type:"card-expires",name:"expires"},"Expires"),s("smoothly-input",{key:"75f8bbc9cff24f247f88dfd276bef1adaf478586",type:"card-csc",name:"csc"},"CVV/CVC"),s("smoothly-input",{key:"5043b806ecf84bb31b4f713778336063a771ffa9",type:"text",name:"name.first"},"First Name"),s("smoothly-input",{key:"4314de22f36b48c796deec9258e71e282a434bbe",type:"text",name:"name.last"},"Last Name")))}},[2,"smoothly-form-demo-card"]);function b(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-card","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-submit","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-card":if(!customElements.get(m(e))){customElements.define(m(e),l)}break;case"smoothly-button":if(!customElements.get(m(e))){a()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){c()}break;case"smoothly-form":if(!customElements.get(m(e))){f()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){i()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){n()}break;case"smoothly-spinner":if(!customElements.get(m(e))){d()}break}}))}b();export{l as S,b as d};
+//# sourceMappingURL=p-COK__8-d.js.map

package/dist/components/{p-CRTkSTv3.js → p-CPnXAdGI.js}

@@ -1,2 +1,2 @@
-import{p as e,H as l,h as t,d as s,t as a}from"./p-BsZrGTcp.js";const o=()=>`.sc-smoothly-table-cell-h{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}`;const c=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.span=1}render(){var e;return t(s,{key:"0778ff0d0b6e7d5d960f4eb1bc3e63156ac9cc23",class:"smoothly-table-cell",style:{"--smoothly-table-cell-span":(e=this.span)===null||e===void 0?void 0:e.toString(10)}},t("slot",{key:"7f735c3219f7107f895008a6fb76e022cee5b2f2"}))}static get style(){return o()}},[262,"smoothly-table-cell",{span:[514]}]);function n(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-cell"];e.forEach((e=>{switch(e){case"smoothly-table-cell":if(!customElements.get(a(e))){customElements.define(a(e),c)}break}}))}n();export{c as S,n as d};
-//# sourceMappingURL=p-CRTkSTv3.js.map
+import{p as e,H as l,h as t,d as s,t as a}from"./p-BsZrGTcp.js";const o=()=>`.sc-smoothly-table-cell-h{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}`;const c=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.span=1}render(){var e;return t(s,{key:"c135688a83c65d795da7cbc7e946df1842b7eee1",class:"smoothly-table-cell",style:{"--smoothly-table-cell-span":(e=this.span)===null||e===void 0?void 0:e.toString(10)}},t("slot",{key:"06ae1f08e462da16c0a010a99facdbd2bd41f71f"}))}static get style(){return o()}},[262,"smoothly-table-cell",{span:[514]}]);function n(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-cell"];e.forEach((e=>{switch(e){case"smoothly-table-cell":if(!customElements.get(a(e))){customElements.define(a(e),c)}break}}))}n();export{c as S,n as d};
+//# sourceMappingURL=p-CPnXAdGI.js.map