smoothly 1.120.0 → 1.121.0

package/dist/components/p-DZ4052aB.js

@@ -0,0 +1,2 @@
+import{p as o,H as e,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-Br0kWrBT.js";import"./p-BVKhAhsB.js";import{N as r}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as n}from"./p-mmAi00ak.js";import{d as y}from"./p-CN3iME9d.js";import{d as f}from"./p-DG2pfnCV.js";import{d as h}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as p}from"./p-F8qX8ZuL.js";import{d as u}from"./p-vvQg46ti.js";import{d as k}from"./p-DFSiKg4M.js";import{d as g}from"./p-o8kM0Soe.js";import{d as v}from"./p-BX-sEZyq.js";import{d as j}from"./p-j4UEmpTa.js";import{d as E}from"./p-BplZiuMF.js";import{d as $}from"./p-CVdJ19AA.js";import{d as F}from"./p-DvOr53No.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 C=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.notice=s(this,"notice");this.page=0;this.display={};this.props={}}render(){return t(l,{key:"8fbea784d2ed3e61eed53bbde4bf62acd7c00c33"},t("h2",{key:"e0ffda5c80cffb4a5819b69889980d43dc873c5c"},"Filter and Variants"),t("smoothly-form",{key:"9734546f38e2bc3aa1136ec2d60ca919f96b7c78",looks:"grid",onSmoothlyFormInput:o=>this.display=o.detail},t("smoothly-input",{key:"fb615bfa1bb32cde349e9461eb7c95db4561c5f1",name:"filter"},"Filter"),t("smoothly-input-select",{key:"63402507181804347642d78531856b217174951a",name:"variant"},t("span",{key:"d301e5204b7ce8bc4d3d31ab5c0ced12f1e3d893",slot:"label"},"Variant"),t("smoothly-item",{key:"fca79aa0f519c2c9823c0fc08dba8fc7d017c184",value:"outline"},"outline"),t("smoothly-item",{key:"78f2882358c54452f4ce56f976bed73fcade9b4f",value:"sharp"},"sharp"),t("smoothly-input-clear",{key:"1f3d317162149b9abd016a5f329d69ac05683646",slot:"end"}))),t("h2",{key:"3e894f0b4aa610c5a8267a183277e272f4855a9b"},"Props"),t("smoothly-form",{key:"694c7a9bd59edbea5823eb04156dc16e0bae9712",looks:"grid",onSmoothlyFormInput:o=>{this.props=o.detail;console.log("props",this.props)}},t("smoothly-input-select",{key:"0c3057a4f67a05e690ff3b063c930465016d8dd6",name:"color"},t("span",{key:"ae91aea176ba10c3da98a60c3063ec0f43167bff",slot:"label"},"Color"),i.values.map((o=>t("smoothly-item",{value:o},t("span",{style:{background:`rgb(var(--smoothly-${o}-color))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,o)))),t("smoothly-input-clear",{key:"22657bf293b433e392d57a06ca7ae2301c50676d",slot:"end"})),t("smoothly-input-select",{key:"a3cb883bd3ce072da544acb7c4a9d23de599d63f",name:"fill"},t("span",{key:"f2332f34ea7fd13b2722addacbb8ccb0a02a005e",slot:"label"},"Fill"),d.values.map((o=>t("smoothly-item",{value:o},o))),t("smoothly-input-clear",{key:"8518dae156b2233616eaaa468421a05c8f34025f",slot:"end"})),t("smoothly-input-select",{key:"0c684a06181b5e3aba3e9285c27e5dfc95b11fba",name:"customColor",menuHeight:"12items",ordered:true},t("span",{key:"bdf65faa5cc2d6ac46c2d8f57d12f6c980dbed4f",slot:"label"},"Custom Color"),i.values.flatMap((o=>t(a,null,["tint","color","shade","contrast"].map((e=>t("smoothly-item",{value:`--smoothly-${o}-${e}`},t("span",{style:{background:`rgb(var(--smoothly-${o}-${e}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,`rgb(var(--smoothly-${o}-${e}))`)))))))),t("smoothly-input-select",{key:"38e1df15f3e5756a231ea13ae7e603ad729cbfd5",name:"customBackground",menuHeight:"12items",ordered:true},t("span",{key:"034a6c1102fcfc4f84802b652ae4773daedcc79a",slot:"label"},"Custom Background"),i.values.flatMap((o=>t(a,null,["tint","color","shade","contrast"].map((e=>t("smoothly-item",{value:`--smoothly-${o}-${e}`},t("span",{style:{background:`rgb(var(--smoothly-${o}-${e}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,`rgb(var(--smoothly-${o}-${e}))`)))))))),t("smoothly-input-select",{key:"bf07ed563c77658d9c8627794932cf807d4d497c",name:"flip"},t("span",{key:"f117c483d18de238eb575e23c358ecd54eec249f",slot:"label"},"Flip"),t("smoothly-item",{key:"d8d6d1da3ede777093bfb6882c4a34a498b109d1",value:"x"},"x"),t("smoothly-item",{key:"fb202fe8bf15b614abacc3778e49f2a9da67abd8",value:"y"},"y"),t("smoothly-input-clear",{key:"c6067ab01e51359091f41c82f315aa36aad09ad4",slot:"end"})),t("smoothly-input-select",{key:"9ba36e95d18097099035b4a11182091e1e7e2287",name:"size"},t("span",{key:"571f9a1953f6b3f22d18f0dd591c9743d3818687",slot:"label"},"Size"),t("smoothly-item",{key:"c38f009d2fb5df14dc7c5dbde70538f8ae5b3e04",value:"tiny"},"tiny"),t("smoothly-item",{key:"800ae091d06fe8f3f9a728ad4ac63b67a7141200",value:"small"},"small"),t("smoothly-item",{key:"b24d245d0614bae7fc0c125824c7cf6ad3a11aa2",value:"medium"},"medium"),t("smoothly-item",{key:"8fdb8c8686a36898c63d6981ef44fc2348e6018e",value:"large"},"large"),t("smoothly-item",{key:"a1d2a033d0531ca802a3241f0f7bfe3b9ab6faf6",value:"xlarge"},"xlarge"),t("smoothly-input-clear",{key:"b72340bf5146665b425c1debb51dcf46bab08a72",slot:"end"})),t("smoothly-input-range",{key:"b39307e3bd9fb244dd56b4de51f392b3522cd39d",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",t("smoothly-input-clear",{key:"b73479f5999155b57a18c1adaf4dd2a06f98fab5",slot:"end"}))),t("h1",{key:"d9423d81faff0144d5d67a1a15af7395dec71c13"},"Icons"),t("div",{key:"26499ec293ff6772322d9853841d33ad1c0a1195",class:"icons"},[...c.Name.values.filter((o=>!this.display.filter||o.includes(this.display.filter))).map((o=>this.display.variant?`${o}-${this.display.variant}`:o)),...c.Logo.values.filter((o=>!this.display.filter||o.includes(this.display.filter)))].map((o=>t("smoothly-icon",{name:o,tooltip:o,"data-name":o,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(o);this.notice.emit(r.succeeded(`Copied "${o}"`))}})))))}static get style(){return x()}},[2,"smoothly-icon-demo",{display:[32],props:[32]}]);function w(){if(typeof customElements==="undefined"){return}const o=["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"];o.forEach((o=>{switch(o){case"smoothly-icon-demo":if(!customElements.get(m(o))){customElements.define(m(o),C)}break;case"smoothly-button":if(!customElements.get(m(o))){n()}break;case"smoothly-display":if(!customElements.get(m(o))){y()}break;case"smoothly-display-json":if(!customElements.get(m(o))){f()}break;case"smoothly-display-json-object":if(!customElements.get(m(o))){h()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(o))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(o))){p()}break;case"smoothly-form":if(!customElements.get(m(o))){u()}break;case"smoothly-icon":if(!customElements.get(m(o))){k()}break;case"smoothly-input":if(!customElements.get(m(o))){g()}break;case"smoothly-input-clear":if(!customElements.get(m(o))){v()}break;case"smoothly-input-range":if(!customElements.get(m(o))){j()}break;case"smoothly-input-select":if(!customElements.get(m(o))){E()}break;case"smoothly-item":if(!customElements.get(m(o))){$()}break;case"smoothly-spinner":if(!customElements.get(m(o))){F()}break}}))}w();export{C as S,w as d};
+//# sourceMappingURL=p-DZ4052aB.js.map

package/dist/components/{p-B-XoCWgd.js → p-DbQqZdoI.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as o,F as s,d as a,t as m}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as n}from"./p-mmAi00ak.js";import{d as l}from"./p-jq25vUmm.js";import{d as r}from"./p-DnvyyAaF.js";import{d as c}from"./p-DDYB8QLF.js";import{d}from"./p-B-jhX7aN.js";import{d as h}from"./p-Dk4OvZyQ.js";import{d as p}from"./p-DhchoEO3.js";import{d as u}from"./p-CMLWVZ3h.js";import{d as y}from"./p-BagcEQ4o.js";import{d as f}from"./p-C88eMND6.js";import{d as b}from"./p-ByRyVRgY.js";const k=()=>`.sc-smoothly-input-date-demo-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(42rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-date-demo-h .sc-smoothly-input-date-demo:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const E=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.alwaysShowGuide=false}render(){return o(a,{key:"b0b29015752f46939700b57c62a07fa06ffe4e40"},o("div",{key:"513e17083a0162befffa69473ddbdece8548e9ba"},o("h2",{key:"d9ac3875a4027fb083c7daad59d99fea4ce27ade"},"Date input"),o("p",{key:"995523aa50c0634d265b3b9d91f5dac9a8502bf0"},"Different locales formatting the same date"),o("smoothly-button",{key:"10a90fd4fe35c81b689d4c0cc547cc887b852669",color:"primary",onClick:()=>this.date=this.date?i.Date.next(this.date):i.Date.now()},"Set date"),o("smoothly-input-checkbox",{key:"b7d9b9ab464d611493eb029a1819b1890da7e0c3",looks:"transparent",onSmoothlyUserInput:t=>{this.alwaysShowGuide=t.detail.value;console.log(this.alwaysShowGuide)}},"Always Show Guide")),["en-US","en-GB","de-DE","se-SE"].map((t=>o(s,null,o("smoothly-input-date",{locale:t,name:t,looks:"border",value:this.date,alwaysShowGuide:this.alwaysShowGuide},t,o("smoothly-input-clear",{slot:"end"})),o("smoothly-input-date-range",{locale:t,name:t+"-range",looks:"border",start:this.date,end:this.date?i.Date.next(this.date):undefined,alwaysShowGuide:this.alwaysShowGuide},t," Range",o("smoothly-input-clear",{slot:"end"}))))))}static get style(){return k()}},[2,"smoothly-input-date-demo",{date:[32],alwaysShowGuide:[32]}]);function g(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-demo","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-date","smoothly-input-date-range","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-demo":if(!customElements.get(m(t))){customElements.define(m(t),E)}break;case"smoothly-button":if(!customElements.get(m(t))){n()}break;case"smoothly-calendar":if(!customElements.get(m(t))){l()}break;case"smoothly-date-text":if(!customElements.get(m(t))){r()}break;case"smoothly-icon":if(!customElements.get(m(t))){c()}break;case"smoothly-input-checkbox":if(!customElements.get(m(t))){d()}break;case"smoothly-input-clear":if(!customElements.get(m(t))){h()}break;case"smoothly-input-date":if(!customElements.get(m(t))){p()}break;case"smoothly-input-date-range":if(!customElements.get(m(t))){u()}break;case"smoothly-input-month":if(!customElements.get(m(t))){y()}break;case"smoothly-input-select":if(!customElements.get(m(t))){f()}break;case"smoothly-item":if(!customElements.get(m(t))){b()}break}}))}g();export{E as S,g as d};
-//# sourceMappingURL=p-B-XoCWgd.js.map
+import{p as t,H as e,h as o,F as s,d as a,t as m}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as n}from"./p-mmAi00ak.js";import{d as l}from"./p-CHjWijPI.js";import{d as r}from"./p-BE5E3Jm6.js";import{d}from"./p-DFSiKg4M.js";import{d as c}from"./p-Dd9tz4Tj.js";import{d as h}from"./p-BX-sEZyq.js";import{d as p}from"./p-CtVEKtM6.js";import{d as u}from"./p-KZeR_6LG.js";import{d as f}from"./p-MqffyRVU.js";import{d as y}from"./p-BplZiuMF.js";import{d as b}from"./p-CVdJ19AA.js";const k=()=>`.sc-smoothly-input-date-demo-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(42rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-date-demo-h .sc-smoothly-input-date-demo:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const E=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.alwaysShowGuide=false}render(){return o(a,{key:"cbba15250597a6d89b26f48ae9e79d6fced8e48d"},o("div",{key:"15e49388b292c871a95ef08c250e60211bd7da69"},o("h2",{key:"5027fbeaad76df66416ad518ba62e5d406f9aec2"},"Date input"),o("p",{key:"e0fda7a58506997767f4f8fd3fee8adf14ce482f"},"Different locales formatting the same date"),o("smoothly-button",{key:"0b83e9e07173233d5a071a4799069b59dbbcf641",color:"primary",onClick:()=>this.date=this.date?i.Date.next(this.date):i.Date.now()},"Set date"),o("smoothly-input-checkbox",{key:"237b78757e9984326376f0e9dc838f4481d02930",looks:"transparent",onSmoothlyUserInput:t=>{this.alwaysShowGuide=t.detail.value;console.log(this.alwaysShowGuide)}},"Always Show Guide")),["en-US","en-GB","de-DE","se-SE"].map((t=>o(s,null,o("smoothly-input-date",{locale:t,name:t,looks:"border",value:this.date,alwaysShowGuide:this.alwaysShowGuide},t,o("smoothly-input-clear",{slot:"end"})),o("smoothly-input-date-range",{locale:t,name:t+"-range",looks:"border",start:this.date,end:this.date?i.Date.next(this.date):undefined,alwaysShowGuide:this.alwaysShowGuide},t," Range",o("smoothly-input-clear",{slot:"end"}))))))}static get style(){return k()}},[2,"smoothly-input-date-demo",{date:[32],alwaysShowGuide:[32]}]);function j(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-demo","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-date","smoothly-input-date-range","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-demo":if(!customElements.get(m(t))){customElements.define(m(t),E)}break;case"smoothly-button":if(!customElements.get(m(t))){n()}break;case"smoothly-calendar":if(!customElements.get(m(t))){l()}break;case"smoothly-date-text":if(!customElements.get(m(t))){r()}break;case"smoothly-icon":if(!customElements.get(m(t))){d()}break;case"smoothly-input-checkbox":if(!customElements.get(m(t))){c()}break;case"smoothly-input-clear":if(!customElements.get(m(t))){h()}break;case"smoothly-input-date":if(!customElements.get(m(t))){p()}break;case"smoothly-input-date-range":if(!customElements.get(m(t))){u()}break;case"smoothly-input-month":if(!customElements.get(m(t))){f()}break;case"smoothly-input-select":if(!customElements.get(m(t))){y()}break;case"smoothly-item":if(!customElements.get(m(t))){b()}break}}))}j();export{E as S,j as d};
+//# sourceMappingURL=p-DbQqZdoI.js.map

package/dist/components/p-Dd9tz4Tj.js

@@ -0,0 +1,2 @@
+import{p as o,H as t,c as s,h as e,d as h,t as n}from"./p-BsZrGTcp.js";import{E as c}from"./p-iQDU7l2c.js";import{I as l}from"./p-vvQg46ti.js";import{d as i}from"./p-DFSiKg4M.js";const a=()=>`.sc-smoothly-input-checkbox-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-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-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-checkbox-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-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-checkbox-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-checkbox-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-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-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{transform-origin:top right}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h smoothly-icon.smoothly-invalid.sc-smoothly-input-checkbox{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:0.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}[checked][looks=transparent].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[checked].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none;--smoothly-color-contrast:var(--smoothly-input-background)}[looks="transparent"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}`;const r=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=c.Observer.create(this);this.readonly=false;this.checked=false}componentWillLoad(){this.initialValue=this.checked;!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,!this.color&&(this.color=t)}));this.smoothlyInputLoad.emit((o=>this.parent=o));this.observer.publish();this.id="id-"+Math.random().toString(36).substring(2,11)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}async smoothlyInputLoadHandler(o){l.registerSubAction(this,o)}nameChange(o,t){l.formRename(this,t)}async register(){l.formAdd(this)}async unregister(){l.formRemove(this)}async getValue(){return this.value?this.value[`${!!this.checked}`]:this.checked}async clear(){!this.disabled&&!this.readonly&&(this.checked=false)}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o}async reset(){this.checked=this.initialValue}async setInitialValue(){this.initialValue=this.checked;this.isDifferentFromInitial=false}async handleDisabledChange(){this.observer.publish()}async elementCheck(o,t){this.isDifferentFromInitial=!!this.initialValue!=!!this.checked;const s=!!this.checked!=!!t;if(s){this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}}render(){return e(h,{key:"8d586e5be3e100b6f67e79694bdb7166b2aeddf8"},e("input",{key:"fe7b1db5fe641116040034355e04ca8b5ab22e97",type:"checkbox",id:this.id,checked:this.checked,disabled:this.disabled||this.readonly,onChange:async o=>{this.checked=o.target.checked;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),this.checked&&e("smoothly-icon",{key:"51b9efb24588c22d2a568227297787d023571e71",name:"checkmark-sharp",size:"tiny"}),e("label",{key:"6987b8f1b6e08a7f2c0b14c57e081939bc174fb4",htmlFor:this.id},e("slot",{key:"3f86fa549bbe9a68c83895a8bda1517b1554a926"})),e("span",{key:"75546ae8484e8aa1945fdec28fd4449880304ae9",class:"smoothly-checkbox-end-slot"},e("slot",{key:"1e4e1fcf24e300d18b3728bfbde4a1e178253bce",name:"end"})))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}}static get style(){return a()}},[262,"smoothly-input-checkbox",{name:[513],readonly:[1540],disabled:[516],checked:[1540],value:[16],looks:[1537],color:[1537],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}]);function b(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-checkbox","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-input-checkbox":if(!customElements.get(n(o))){customElements.define(n(o),r)}break;case"smoothly-icon":if(!customElements.get(n(o))){i()}break}}))}b();export{r as S,b as d};
+//# sourceMappingURL=p-Dd9tz4Tj.js.map

package/dist/components/{p-B-jhX7aN.js.map → p-Dd9tz4Tj.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyInputCheckbox","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","observer","Editable","Observer","create","readonly","checked","componentWillLoad","initialValue","smoothlyFormDisable","emit","smoothlyInputLooks","looks","color","_a","smoothlyInputLoad","parent","publish","id","Math","random","toString","substring","disconnectedCallback","element","isConnected","unregister","smoothlyInputLoadHandler","event","Input","registerSubAction","nameChange","_","oldName","formRename","register","formAdd","formRemove","getValue","value","clear","disabled","listen","listener","subscribe","edit","editable","reset","setInitialValue","handleDisabledChange","elementCheck","before","changed","smoothlyInput","name","render","h","Host","key","type","onChange","async","e","target","smoothlyUserInput","size","htmlFor","class"],"sources":["src/components/input/checkbox/style.css?tag=smoothly-input-checkbox&encapsulation=scoped","src/components/input/checkbox/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tposition: relative;\n\tgap: .5rem;\n\tpadding-inline: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n}\n:host:has(>.smoothly-checkbox-end-slot:not(:empty)) {\n\tpadding-right: 0;\n}\n\n:host>input {\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tappearance: none;\n\theight: 1.25rem;\n\twidth: 1.25rem;\n\tborder-radius: 0.25rem;\n\tborder: 1px solid rgb(var(--smoothly-input-foreground));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tdisplay: block;\n}\n:host([checked][looks=transparent])>input, /* Override shared.css transparent styling */\n:host([checked])>input {\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n\n:host:not([readonly]):not([disabled])>input,\n:host:not([readonly]):not([disabled])>label {\n\tcursor: pointer;\n}\n:host>label:empty {\n\tdisplay: none;\n}\n\n:host([disabled]),\n:host([disabled])>* {\n\tcursor: not-allowed;\n}\n\n:host>smoothly-icon {\n\tposition: absolute;\n\tz-index: 1;\n\tpointer-events: none;\n\t--smoothly-color-contrast: var(--smoothly-input-background);\n\t/* outline: 2px solid blue; */\n}\n\n:host[looks=\"transparent\"] {\n\tbackground-color: transparent;\n}\n/* overwrite shared.css styling */\n:host[looks=\"transparent\"]:not([readonly]):focus-within {\n\toutline-color: transparent;\n}\n\n:host>.smoothly-checkbox-end-slot {\n\tmargin-left: auto;;\n}\n:host>.smoothly-checkbox-end-slot:empty {\n\tdisplay: none;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-checkbox\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputCheckbox implements Input, Clearable, Editable, ComponentWillLoad {\n\t@Element() element: HTMLSmoothlyInputCheckboxElement\n\tisDifferentFromInitial = false\n\tparent: Editable | undefined\n\tprivate initialValue?: any\n\tprivate observer = Editable.Observer.create(this)\n\tprivate id: string\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled: boolean\n\t@Prop({ mutable: true, reflect: true }) checked = false\n\t@Prop() value?: Record<\"true\" | \"false\", any>\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\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\tthis.observer.publish()\n\t\tthis.id = \"id-\" + Math.random().toString(36).substring(2, 11)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputCheckbox) => void>): Promise<void> {\n\t\tInput.registerSubAction(this, event)\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<boolean> {\n\t\treturn this.value ? this.value[`${!!this.checked}`] : this.checked\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\t!this.disabled && !this.readonly && (this.checked = false)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.checked = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\tasync handleDisabledChange(): Promise<void> {\n\t\tthis.observer.publish()\n\t}\n\n\t@Watch(\"checked\")\n\tasync elementCheck(_: boolean | undefined, before: boolean | undefined) {\n\t\tthis.isDifferentFromInitial = !!this.initialValue != !!this.checked\n\t\tconst changed = !!this.checked != !!before\n\t\tif (changed) {\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tid={this.id}\n\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\tdisabled={this.disabled || this.readonly}\n\t\t\t\t\tonChange={async e => {\n\t\t\t\t\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{this.checked && <smoothly-icon name=\"checkmark-sharp\" size=\"tiny\" />}\n\t\t\t\t<label htmlFor={this.id}>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t\t<span class=\"smoothly-checkbox-end-slot\">\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"mLAAA,MAAMA,EAAW,IAAM,u6L,MCwBVC,EAAqBC,EAAA,MAAAD,UAAAE,EALlC,WAAAC,CAAAC,G,ySAOCC,KAAAC,uBAAyB,MAGjBD,KAAAE,SAAWC,EAASC,SAASC,OAAOL,MAGJA,KAAAM,SAAW,MAEXN,KAAAO,QAAU,KAwGlD,CA/FA,iBAAAC,GACCR,KAAKS,aAAeT,KAAKO,SACxBP,KAAKM,UAAYN,KAAKU,oBAAoBC,MAAKL,GAAaN,KAAKM,SAAWA,IAC7EN,KAAKY,mBAAmBD,MACvB,CAACE,EAAOC,KAAS,IAAAC,EAAC,OAAEf,KAAKa,OAAQE,EAAAf,KAAKa,SAAK,MAAAE,SAAA,EAAAA,EAAIF,GAASb,KAAKc,QAAUd,KAAKc,MAAQA,EAAM,IAE3Fd,KAAKgB,kBAAkBL,MAAKM,GAAWjB,KAAKiB,OAASA,IACrDjB,KAAKE,SAASgB,UACdlB,KAAKmB,GAAK,MAAQC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,G,CAE3D,0BAAMC,GACL,IAAKxB,KAAKyB,QAAQC,YAAa,OACxB1B,KAAK2B,Y,EAIb,8BAAMC,CAAyBC,GAC9BC,EAAMC,kBAAkB/B,KAAM6B,E,CAG/B,UAAAG,CAAWC,EAAuBC,GACjCJ,EAAMK,WAAWnC,KAAMkC,E,CAGxB,cAAME,GACLN,EAAMO,QAAQrC,K,CAGf,gBAAM2B,GACLG,EAAMQ,WAAWtC,K,CAGlB,cAAMuC,GACL,OAAOvC,KAAKwC,MAAQxC,KAAKwC,MAAM,KAAKxC,KAAKO,WAAaP,KAAKO,O,CAG5D,WAAMkC,IACJzC,KAAK0C,WAAa1C,KAAKM,WAAaN,KAAKO,QAAU,M,CAGrD,YAAMoC,CAAOC,GACZ5C,KAAKE,SAAS2C,UAAUD,E,CAIzB,UAAME,CAAKC,GACV/C,KAAKM,UAAYyC,C,CAGlB,WAAMC,GACLhD,KAAKO,QAAUP,KAAKS,Y,CAGrB,qBAAMwC,GACLjD,KAAKS,aAAeT,KAAKO,QACzBP,KAAKC,uBAAyB,K,CAI/B,0BAAMiD,GACLlD,KAAKE,SAASgB,S,CAIf,kBAAMiC,CAAalB,EAAwBmB,GAC1CpD,KAAKC,yBAA2BD,KAAKS,gBAAkBT,KAAKO,QAC5D,MAAM8C,IAAYrD,KAAKO,WAAa6C,EACpC,GAAIC,EAAS,CACZrD,KAAKsD,cAAc3C,KAAK,CAAE,CAACX,KAAKuD,YAAavD,KAAKuC,aAClDvC,KAAKE,SAASgB,S,EAGhB,MAAAsC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,SAAAE,IAAA,2CACCC,KAAK,WACLzC,GAAInB,KAAKmB,GACTZ,QAASP,KAAKO,QACdmC,SAAU1C,KAAK0C,UAAY1C,KAAKM,SAChCuD,SAAUC,MAAMC,IACf/D,KAAKO,QAAWwD,EAAEC,OAA4BzD,QAC9CP,KAAKiE,kBAAkBtD,KAAK,CAAE4C,KAAMvD,KAAKuD,KAAMf,YAAaxC,KAAKuC,YAAa,IAG/EvC,KAAKO,SAAWkD,EAAA,iBAAAE,IAAA,2CAAeJ,KAAK,kBAAkBW,KAAK,SAC5DT,EAAA,SAAAE,IAAA,2CAAOQ,QAASnE,KAAKmB,IACpBsC,EAAA,QAAAE,IAAA,8CAEDF,EAAA,QAAAE,IAAA,2CAAMS,MAAM,8BACXX,EAAA,QAAAE,IAAA,2CAAMJ,KAAK,S","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyInputCheckbox","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","observer","Editable","Observer","create","readonly","checked","componentWillLoad","initialValue","smoothlyFormDisable","emit","smoothlyInputLooks","looks","color","_a","smoothlyInputLoad","parent","publish","id","Math","random","toString","substring","disconnectedCallback","element","isConnected","unregister","smoothlyInputLoadHandler","event","Input","registerSubAction","nameChange","_","oldName","formRename","register","formAdd","formRemove","getValue","value","clear","disabled","listen","listener","subscribe","edit","editable","reset","setInitialValue","handleDisabledChange","elementCheck","before","changed","smoothlyInput","name","render","h","Host","key","type","onChange","async","e","target","smoothlyUserInput","size","htmlFor","class"],"sources":["src/components/input/checkbox/style.css?tag=smoothly-input-checkbox&encapsulation=scoped","src/components/input/checkbox/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tposition: relative;\n\tgap: .5rem;\n\tpadding-inline: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n}\n:host:has(>.smoothly-checkbox-end-slot:not(:empty)) {\n\tpadding-right: 0;\n}\n\n:host>input {\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tappearance: none;\n\theight: 1.25rem;\n\twidth: 1.25rem;\n\tborder-radius: 0.25rem;\n\tborder: 1px solid rgb(var(--smoothly-input-foreground));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tdisplay: block;\n}\n:host([checked][looks=transparent])>input, /* Override shared.css transparent styling */\n:host([checked])>input {\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n\n:host:not([readonly]):not([disabled])>input,\n:host:not([readonly]):not([disabled])>label {\n\tcursor: pointer;\n}\n:host>label:empty {\n\tdisplay: none;\n}\n\n:host([disabled]),\n:host([disabled])>* {\n\tcursor: not-allowed;\n}\n\n:host>smoothly-icon {\n\tposition: absolute;\n\tz-index: 1;\n\tpointer-events: none;\n\t--smoothly-color-contrast: var(--smoothly-input-background);\n\t/* outline: 2px solid blue; */\n}\n\n:host[looks=\"transparent\"] {\n\tbackground-color: transparent;\n}\n/* overwrite shared.css styling */\n:host[looks=\"transparent\"]:not([readonly]):focus-within {\n\toutline-color: transparent;\n}\n\n:host>.smoothly-checkbox-end-slot {\n\tmargin-left: auto;;\n}\n:host>.smoothly-checkbox-end-slot:empty {\n\tdisplay: none;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-checkbox\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputCheckbox implements Input, Clearable, Editable, ComponentWillLoad {\n\t@Element() element: HTMLSmoothlyInputCheckboxElement\n\tisDifferentFromInitial = false\n\tparent: Editable | undefined\n\tprivate initialValue?: any\n\tprivate observer = Editable.Observer.create(this)\n\tprivate id: string\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled: boolean\n\t@Prop({ mutable: true, reflect: true }) checked = false\n\t@Prop() value?: Record<\"true\" | \"false\", any>\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\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\tthis.observer.publish()\n\t\tthis.id = \"id-\" + Math.random().toString(36).substring(2, 11)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputCheckbox) => void>): Promise<void> {\n\t\tInput.registerSubAction(this, event)\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<boolean> {\n\t\treturn this.value ? this.value[`${!!this.checked}`] : this.checked\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\t!this.disabled && !this.readonly && (this.checked = false)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.checked = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\tasync handleDisabledChange(): Promise<void> {\n\t\tthis.observer.publish()\n\t}\n\n\t@Watch(\"checked\")\n\tasync elementCheck(_: boolean | undefined, before: boolean | undefined) {\n\t\tthis.isDifferentFromInitial = !!this.initialValue != !!this.checked\n\t\tconst changed = !!this.checked != !!before\n\t\tif (changed) {\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tid={this.id}\n\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\tdisabled={this.disabled || this.readonly}\n\t\t\t\t\tonChange={async e => {\n\t\t\t\t\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{this.checked && <smoothly-icon name=\"checkmark-sharp\" size=\"tiny\" />}\n\t\t\t\t<label htmlFor={this.id}>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t\t<span class=\"smoothly-checkbox-end-slot\">\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"mLAAA,MAAMA,EAAW,IAAM,ygM,MCwBVC,EAAqBC,EAAA,MAAAD,UAAAE,EALlC,WAAAC,CAAAC,G,ySAOCC,KAAAC,uBAAyB,MAGjBD,KAAAE,SAAWC,EAASC,SAASC,OAAOL,MAGJA,KAAAM,SAAW,MAEXN,KAAAO,QAAU,KAwGlD,CA/FA,iBAAAC,GACCR,KAAKS,aAAeT,KAAKO,SACxBP,KAAKM,UAAYN,KAAKU,oBAAoBC,MAAKL,GAAaN,KAAKM,SAAWA,IAC7EN,KAAKY,mBAAmBD,MACvB,CAACE,EAAOC,KAAS,IAAAC,EAAC,OAAEf,KAAKa,OAAQE,EAAAf,KAAKa,SAAK,MAAAE,SAAA,EAAAA,EAAIF,GAASb,KAAKc,QAAUd,KAAKc,MAAQA,EAAM,IAE3Fd,KAAKgB,kBAAkBL,MAAKM,GAAWjB,KAAKiB,OAASA,IACrDjB,KAAKE,SAASgB,UACdlB,KAAKmB,GAAK,MAAQC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,G,CAE3D,0BAAMC,GACL,IAAKxB,KAAKyB,QAAQC,YAAa,OACxB1B,KAAK2B,Y,EAIb,8BAAMC,CAAyBC,GAC9BC,EAAMC,kBAAkB/B,KAAM6B,E,CAG/B,UAAAG,CAAWC,EAAuBC,GACjCJ,EAAMK,WAAWnC,KAAMkC,E,CAGxB,cAAME,GACLN,EAAMO,QAAQrC,K,CAGf,gBAAM2B,GACLG,EAAMQ,WAAWtC,K,CAGlB,cAAMuC,GACL,OAAOvC,KAAKwC,MAAQxC,KAAKwC,MAAM,KAAKxC,KAAKO,WAAaP,KAAKO,O,CAG5D,WAAMkC,IACJzC,KAAK0C,WAAa1C,KAAKM,WAAaN,KAAKO,QAAU,M,CAGrD,YAAMoC,CAAOC,GACZ5C,KAAKE,SAAS2C,UAAUD,E,CAIzB,UAAME,CAAKC,GACV/C,KAAKM,UAAYyC,C,CAGlB,WAAMC,GACLhD,KAAKO,QAAUP,KAAKS,Y,CAGrB,qBAAMwC,GACLjD,KAAKS,aAAeT,KAAKO,QACzBP,KAAKC,uBAAyB,K,CAI/B,0BAAMiD,GACLlD,KAAKE,SAASgB,S,CAIf,kBAAMiC,CAAalB,EAAwBmB,GAC1CpD,KAAKC,yBAA2BD,KAAKS,gBAAkBT,KAAKO,QAC5D,MAAM8C,IAAYrD,KAAKO,WAAa6C,EACpC,GAAIC,EAAS,CACZrD,KAAKsD,cAAc3C,KAAK,CAAE,CAACX,KAAKuD,YAAavD,KAAKuC,aAClDvC,KAAKE,SAASgB,S,EAGhB,MAAAsC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,SAAAE,IAAA,2CACCC,KAAK,WACLzC,GAAInB,KAAKmB,GACTZ,QAASP,KAAKO,QACdmC,SAAU1C,KAAK0C,UAAY1C,KAAKM,SAChCuD,SAAUC,MAAMC,IACf/D,KAAKO,QAAWwD,EAAEC,OAA4BzD,QAC9CP,KAAKiE,kBAAkBtD,KAAK,CAAE4C,KAAMvD,KAAKuD,KAAMf,YAAaxC,KAAKuC,YAAa,IAG/EvC,KAAKO,SAAWkD,EAAA,iBAAAE,IAAA,2CAAeJ,KAAK,kBAAkBW,KAAK,SAC5DT,EAAA,SAAAE,IAAA,2CAAOQ,QAASnE,KAAKmB,IACpBsC,EAAA,QAAAE,IAAA,8CAEDF,EAAA,QAAAE,IAAA,2CAAMS,MAAM,8BACXX,EAAA,QAAAE,IAAA,2CAAMJ,KAAK,S","ignoreList":[]}

package/dist/components/p-Dff2v1VD.js

@@ -0,0 +1,2 @@
+import{p as o,H as s,c as l,h as a,d as t,t as e}from"./p-BsZrGTcp.js";import{d}from"./p-DFSiKg4M.js";const m=()=>`.sc-smoothly-modal-h{position:fixed;display:flex;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--smoothly-modal-backdrop));color:rgb(var(--smoothly-modal-foreground));z-index:20}.sc-smoothly-modal-h:not([open]),[hidden].sc-smoothly-modal-h{display:none}[align=center].sc-smoothly-modal-h{align-items:center}[align=top].sc-smoothly-modal-h>div.modal.sc-smoothly-modal{margin-top:calc((100dvh - var(--smoothly-modal-max-height)) / 2)}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal{display:flex;flex-direction:column;padding:2rem;gap:1.5rem;width:var(--smoothly-modal-width, 40rem);max-width:calc(100dvw - 1rem);height:fit-content;max-height:min(var(--smoothly-modal-max-height), 100dvh);background:rgb(var(--smoothly-modal-background, var(--smoothly-color)));border:1px solid rgb(var(--smoothly-modal-border));border-radius:var(--smoothly-modal-border-radius);box-shadow:var(--smoothly-modal-shadow);box-sizing:border-box}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:empty,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal:empty{display:none}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal{display:flex;justify-content:space-between;align-items:center}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>*.sc-smoothly-modal{margin-block:0}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal:not(.header):not(.actions){overflow-y:auto}.sc-smoothly-modal-h>div.modal>div.header:not(:has([slot="header"])){justify-content:end}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]){cursor:pointer;opacity:0.7;color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]):hover{opacity:1}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}`;const c=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyModalChange=l(this,"smoothlyModalChange");this.open=false;this.closable=false;this.align="center"}openChanged(){this.smoothlyModalChange.emit(this.open)}async closeModal(){this.open=false}async openModal(){this.open=true}render(){return a(t,{key:"3115f076e4b06f293e88000e64a86d1095784bbb",role:"alertdialog",onClick:o=>{this.closable&&!o.composedPath().some((o=>{var s;return(s=o.classList)===null||s===void 0?void 0:s.contains("modal")}))&&this.closeModal()}},a("div",{key:"d97da55c896003fe24013eb0ccea37406f547814",class:"modal"},a("div",{key:"098a855a30eb75daf69c490f1ca5949c82cc8880",class:"header"},a("slot",{key:"b998fe6685ecfd420f4180ebcc3d0ba7431fbeb8",name:"header"}),this.closable&&a("smoothly-icon",{key:"970706e6e4260c1823e83349b4dfd385512fb45b",name:"close-outline",fill:"solid",onClick:()=>this.closeModal()})),a("slot",{key:"e5a3a23588ee6e93199a218a2bbbbb230a36f8c0"}),a("div",{key:"4eea7bf04fc3235862c556285bcf3a47dcb55a65",class:"actions"},a("slot",{key:"d53ca115e72b1d8cf109739bbec38c64114540a7",name:"actions"}))))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return m()}},[262,"smoothly-modal",{open:[1540],closable:[516],align:[513],closeModal:[64],openModal:[64]},undefined,{open:[{openChanged:0}]}]);function h(){if(typeof customElements==="undefined"){return}const o=["smoothly-modal","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-modal":if(!customElements.get(e(o))){customElements.define(e(o),c)}break;case"smoothly-icon":if(!customElements.get(e(o))){d()}break}}))}h();export{c as S,h as d};
+//# sourceMappingURL=p-Dff2v1VD.js.map

package/dist/components/{p-jSrgQO7o.js.map → p-Dff2v1VD.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyModal","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","closable","align","openChanged","smoothlyModalChange","emit","closeModal","openModal","render","h","Host","key","role","onClick","e","composedPath","some","el","_a","classList","contains","class","name","fill"],"sources":["src/components/modal/style.css?tag=smoothly-modal&encapsulation=scoped","src/components/modal/index.tsx"],"sourcesContent":[":host {\n\tposition: fixed;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n\tbackground-color: rgba(var(--smoothly-modal-backdrop));\n\tcolor: rgb(var(--smoothly-modal-foreground));\n\tz-index: 20;\n}\n:host:not([open]),\n:host[hidden] {\n\tdisplay: none;\n}\n:host[align=center] {\n\talign-items: center;\n}\n:host[align=top]>div.modal{\n\tmargin-top: calc((100dvh - var(--smoothly-modal-max-height)) / 2);\n}\n\n:host>div.modal {\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 2rem;\n\tgap: 1.5rem;\n\twidth: var(--smoothly-modal-width, 40rem);\n\tmax-width: calc(100dvw - 1rem);\n\theight: fit-content;\n\tmax-height: min(var(--smoothly-modal-max-height), 100dvh);\n\tbackground: rgb(var(--smoothly-modal-background, var(--smoothly-color)));\n\tborder: 1px solid rgb(var(--smoothly-modal-border));\n\tborder-radius: var(--smoothly-modal-border-radius);\n\tbox-shadow: var(--smoothly-modal-shadow);\n\tbox-sizing: border-box;\n}\n:host > div.modal > div.header:empty,\n:host > div.modal > div.actions:empty {\n\tdisplay: none;\n}\n:host > div.modal > div.header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n}\n:host > div.modal > *,\n:host > div.modal > div.header > * {\n\tmargin-block: 0;\n}\n:host > div.modal > *:not(.header):not(.actions) {\n\toverflow-y: auto;\n}\n:host > div.modal > div.header:not(:has([slot=\"header\"])) {\n\tjustify-content: end;\n}\n:host > div.modal > div.header > smoothly-icon:not([slot=\"header\"]) {\n\tcursor: pointer;\n\topacity: 0.7;\n\tcolor: rgb(var(--smoothly-default-contrast));\n}\n:host > div.modal > div.header > smoothly-icon:not([slot=\"header\"]):hover {\n\topacity: 1;\n}\n:host > div.modal > div.actions {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 1rem;\n\tflex-wrap: wrap;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-modal\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyModal {\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop({ reflect: true }) closable = false\n\t@Prop({ reflect: true }) align: \"top\" | \"center\" = \"center\"\n\t@Event() smoothlyModalChange: EventEmitter<boolean>\n\n\t@Watch(\"open\")\n\topenChanged() {\n\t\tthis.smoothlyModalChange.emit(this.open)\n\t}\n\t@Method()\n\tasync closeModal() {\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync openModal() {\n\t\tthis.open = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\trole=\"alertdialog\"\n\t\t\t\tonClick={(e: any) => {\n\t\t\t\t\tthis.closable && !e.composedPath().some((el: any) => el.classList?.contains(\"modal\")) && this.closeModal()\n\t\t\t\t}}>\n\t\t\t\t<div class=\"modal\">\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t\t{this.closable && <smoothly-icon name=\"close-outline\" fill=\"solid\" onClick={() => this.closeModal()} />}\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t\t<slot name=\"actions\" />\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":"2GAAA,MAAMA,EAAW,IAAM,goE,MCOVC,EAAaC,EAAA,MAAAD,UAAAE,EAL1B,WAAAC,CAAAC,G,mGAMyCC,KAAAC,KAAO,MACtBD,KAAAE,SAAW,MACXF,KAAAG,MAA0B,QAoCnD,CAhCA,WAAAC,GACCJ,KAAKK,oBAAoBC,KAAKN,KAAKC,K,CAGpC,gBAAMM,GACLP,KAAKC,KAAO,K,CAGb,eAAMO,GACLR,KAAKC,KAAO,I,CAGb,MAAAQ,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,KAAK,cACLC,QAAUC,IACTf,KAAKE,WAAaa,EAAEC,eAAeC,MAAMC,IAAW,IAAAC,EAAC,OAAAA,EAAAD,EAAGE,aAAS,MAAAD,SAAA,SAAAA,EAAEE,SAAS,QAAQ,KAAKrB,KAAKO,YAAY,GAE3GG,EAAA,OAAAE,IAAA,2CAAKU,MAAM,SACVZ,EAAA,OAAAE,IAAA,2CAAKU,MAAM,UACVZ,EAAA,QAAAE,IAAA,2CAAMW,KAAK,WACVvB,KAAKE,UAAYQ,EAAA,iBAAAE,IAAA,2CAAeW,KAAK,gBAAgBC,KAAK,QAAQV,QAAS,IAAMd,KAAKO,gBAExFG,EAAA,QAAAE,IAAA,6CACAF,EAAA,OAAAE,IAAA,2CAAKU,MAAM,WACVZ,EAAA,QAAAE,IAAA,2CAAMW,KAAK,c","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyModal","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","closable","align","openChanged","smoothlyModalChange","emit","closeModal","openModal","render","h","Host","key","role","onClick","e","composedPath","some","el","_a","classList","contains","class","name","fill"],"sources":["src/components/modal/style.css?tag=smoothly-modal&encapsulation=scoped","src/components/modal/index.tsx"],"sourcesContent":[":host {\n\tposition: fixed;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n\tbackground-color: rgba(var(--smoothly-modal-backdrop));\n\tcolor: rgb(var(--smoothly-modal-foreground));\n\tz-index: 20;\n}\n:host:not([open]),\n:host[hidden] {\n\tdisplay: none;\n}\n:host[align=center] {\n\talign-items: center;\n}\n:host[align=top]>div.modal{\n\tmargin-top: calc((100dvh - var(--smoothly-modal-max-height)) / 2);\n}\n\n:host>div.modal {\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 2rem;\n\tgap: 1.5rem;\n\twidth: var(--smoothly-modal-width, 40rem);\n\tmax-width: calc(100dvw - 1rem);\n\theight: fit-content;\n\tmax-height: min(var(--smoothly-modal-max-height), 100dvh);\n\tbackground: rgb(var(--smoothly-modal-background, var(--smoothly-color)));\n\tborder: 1px solid rgb(var(--smoothly-modal-border));\n\tborder-radius: var(--smoothly-modal-border-radius);\n\tbox-shadow: var(--smoothly-modal-shadow);\n\tbox-sizing: border-box;\n}\n:host > div.modal > div.header:empty,\n:host > div.modal > div.actions:empty {\n\tdisplay: none;\n}\n:host > div.modal > div.header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n}\n:host > div.modal > *,\n:host > div.modal > div.header > * {\n\tmargin-block: 0;\n}\n:host > div.modal > *:not(.header):not(.actions) {\n\toverflow-y: auto;\n}\n:host > div.modal > div.header:not(:has([slot=\"header\"])) {\n\tjustify-content: end;\n}\n:host > div.modal > div.header > smoothly-icon:not([slot=\"header\"]) {\n\tcursor: pointer;\n\topacity: 0.7;\n\tcolor: rgb(var(--smoothly-default-contrast));\n}\n:host > div.modal > div.header > smoothly-icon:not([slot=\"header\"]):hover {\n\topacity: 1;\n}\n:host > div.modal > div.actions {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 1rem;\n\tflex-wrap: wrap;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-modal\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyModal {\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop({ reflect: true }) closable = false\n\t@Prop({ reflect: true }) align: \"top\" | \"center\" = \"center\"\n\t@Event() smoothlyModalChange: EventEmitter<boolean>\n\n\t@Watch(\"open\")\n\topenChanged() {\n\t\tthis.smoothlyModalChange.emit(this.open)\n\t}\n\t@Method()\n\tasync closeModal() {\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync openModal() {\n\t\tthis.open = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\trole=\"alertdialog\"\n\t\t\t\tonClick={(e: any) => {\n\t\t\t\t\tthis.closable && !e.composedPath().some((el: any) => el.classList?.contains(\"modal\")) && this.closeModal()\n\t\t\t\t}}>\n\t\t\t\t<div class=\"modal\">\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t\t{this.closable && <smoothly-icon name=\"close-outline\" fill=\"solid\" onClick={() => this.closeModal()} />}\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t\t<slot name=\"actions\" />\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":"sGAAA,MAAMA,EAAW,IAAM,goE,MCOVC,EAAaC,EAAA,MAAAD,UAAAE,EAL1B,WAAAC,CAAAC,G,mGAMyCC,KAAAC,KAAO,MACtBD,KAAAE,SAAW,MACXF,KAAAG,MAA0B,QAoCnD,CAhCA,WAAAC,GACCJ,KAAKK,oBAAoBC,KAAKN,KAAKC,K,CAGpC,gBAAMM,GACLP,KAAKC,KAAO,K,CAGb,eAAMO,GACLR,KAAKC,KAAO,I,CAGb,MAAAQ,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,KAAK,cACLC,QAAUC,IACTf,KAAKE,WAAaa,EAAEC,eAAeC,MAAMC,IAAW,IAAAC,EAAC,OAAAA,EAAAD,EAAGE,aAAS,MAAAD,SAAA,SAAAA,EAAEE,SAAS,QAAQ,KAAKrB,KAAKO,YAAY,GAE3GG,EAAA,OAAAE,IAAA,2CAAKU,MAAM,SACVZ,EAAA,OAAAE,IAAA,2CAAKU,MAAM,UACVZ,EAAA,QAAAE,IAAA,2CAAMW,KAAK,WACVvB,KAAKE,UAAYQ,EAAA,iBAAAE,IAAA,2CAAeW,KAAK,gBAAgBC,KAAK,QAAQV,QAAS,IAAMd,KAAKO,gBAExFG,EAAA,QAAAE,IAAA,6CACAF,EAAA,OAAAE,IAAA,2CAAKU,MAAM,WACVZ,EAAA,QAAAE,IAAA,2CAAMW,KAAK,c","ignoreList":[]}

package/dist/components/{p-Iph4bHku.js → p-DlkQKgfQ.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as o,d as s,t as l}from"./p-BsZrGTcp.js";import"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import{S as r}from"./p-DoFURPl2.js";const a=()=>`.sc-smoothly-table-head-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;top:var(--top);position:sticky;z-index:var(--z-index);--smoothly-color:var(--smoothly-table-header-background);--smoothly-color-contrast:var(--smoothly-table-header-foreground);background-color:rgb(var(--smoothly-table-header-background));color:rgb(var(--smoothly-table-header-foreground));stroke:rgb(var(--smoothly-table-header-foreground));fill:rgb(var(--smoothly-table-header-foreground));font-weight:bold;transition:box-shadow 0.3s ease}.scrolled.sc-smoothly-table-head-h{box-shadow:var(--smoothly-table-header-shadow)}`;const h=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.depth=0;this.onScroll=t=>{if(t.target instanceof e){this.scrollParent=t.target;const e=this.scrollParent.getBoundingClientRect();const o=this.element.getBoundingClientRect();this.scrolled=e.top==o.top}}}getTopOffset(){let t=0;let e=this.element;while(e){if(e.tagName.toLowerCase()==="smoothly-table"){const o=e.querySelector("smoothly-table-head");if(o!==this.element){const e=Array.from(o.querySelectorAll(":scope > smoothly-table-row"));t+=e.length}}e=e.parentElement}this.depth=t}connectedCallback(){var t;this.scrollParent=r.findParent(this.element);(t=this.scrollParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.onScroll);this.getTopOffset()}disconnectedCallback(){var t;(t=this.scrollParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.onScroll)}render(){return o(s,{key:"a543c06de129e8ee177a6e98e31e7e6de42edff6",class:{scrolled:!!this.scrolled},style:{"--top":`calc(${this.depth} * var(--smoothly-table-cell-min-height))`,"--z-index":`${10-this.depth}`}},o("slot",{key:"a937f04e674b9eb19534395494741f87e7f2df49"}))}get element(){return this}static get style(){return a()}},[262,"smoothly-table-head",{scrolled:[32],depth:[32]}]);function i(){if(typeof customElements==="undefined"){return}const t=["smoothly-table-head"];t.forEach((t=>{switch(t){case"smoothly-table-head":if(!customElements.get(l(t))){customElements.define(l(t),h)}break}}))}i();export{h as S,i as d};
-//# sourceMappingURL=p-Iph4bHku.js.map
+import{p as t,H as o,h as s,d as e,t as l}from"./p-BsZrGTcp.js";import"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import{S as r}from"./p-DoFURPl2.js";const a=()=>`.sc-smoothly-table-head-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;top:var(--top);position:sticky;z-index:var(--z-index);--smoothly-color:var(--smoothly-table-header-background);--smoothly-color-contrast:var(--smoothly-table-header-foreground);background-color:rgb(var(--smoothly-table-header-background));color:rgb(var(--smoothly-table-header-foreground));stroke:rgb(var(--smoothly-table-header-foreground));fill:rgb(var(--smoothly-table-header-foreground));font-weight:bold;transition:box-shadow 0.3s ease}.scrolled.sc-smoothly-table-head-h{box-shadow:var(--smoothly-table-header-shadow)}`;const h=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.depth=0;this.onScroll=t=>{if(t.target instanceof o){this.scrollParent=t.target;const o=this.scrollParent.getBoundingClientRect();const s=this.element.getBoundingClientRect();this.scrolled=o.top==s.top}}}getTopOffset(){let t=0;let o=this.element;while(o){if(o.tagName.toLowerCase()==="smoothly-table"){const s=o.querySelector("smoothly-table-head");if(s!==this.element){const o=Array.from(s.querySelectorAll(":scope > smoothly-table-row"));t+=o.length}}o=o.parentElement}this.depth=t}connectedCallback(){var t;this.scrollParent=r.findParent(this.element);(t=this.scrollParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.onScroll);this.getTopOffset()}disconnectedCallback(){var t;(t=this.scrollParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.onScroll)}render(){return s(e,{key:"13d11ad45910c8b11f5d946819ff8f0f609ef55a",class:{scrolled:!!this.scrolled},style:{"--top":`calc(${this.depth} * var(--smoothly-table-cell-min-height))`,"--z-index":`${10-this.depth}`}},s("slot",{key:"c98d44f3813f20e6095aa62d097ff75ffe4c8db2"}))}get element(){return this}static get style(){return a()}},[262,"smoothly-table-head",{scrolled:[32],depth:[32]}]);function i(){if(typeof customElements==="undefined"){return}const t=["smoothly-table-head"];t.forEach((t=>{switch(t){case"smoothly-table-head":if(!customElements.get(l(t))){customElements.define(l(t),h)}break}}))}i();export{h as S,i as d};
+//# sourceMappingURL=p-DlkQKgfQ.js.map

package/dist/components/{p-CmUug44L.js → p-DvOr53No.js}

@@ -1,2 +1,2 @@
-import{p as s,H as e,h as r,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 e{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 r(n,{key:"ecb6e441b9ff2e197c2b600e2c5b2d51cd95ee89",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},r("svg",{key:"5e6288163ac9a0fe615a91e8431fb78a966630ea",class:"spinner",viewBox:`0 0 ${60+s} ${60+s}`,xmlns:"http://www.w3.org/2000/svg"},r("circle",{key:"7ad5566138f4d87e15be7bc0d4777e80cc6c1f83",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-CmUug44L.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:"48a168ea0d5598ec2266057893db21f7a22a3b2f",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},e("svg",{key:"1fb3b47404feb63c361efc84957c422f9b28dd11",class:"spinner",viewBox:`0 0 ${60+s} ${60+s}`,xmlns:"http://www.w3.org/2000/svg"},e("circle",{key:"4f04487db147ae2f9cb468e952fa18912c8315c5",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-DvOr53No.js.map

package/dist/components/p-EsCYK0HQ.js

@@ -0,0 +1,2 @@
+import{p as o,H as s,h as t,d as e,t as m}from"./p-BsZrGTcp.js";import{d as r}from"./p-mmAi00ak.js";import{d as a}from"./p-Cl8L61mt.js";import{d as i}from"./p-vvQg46ti.js";import{d as n}from"./p-DFSiKg4M.js";import{d as c}from"./p-o8kM0Soe.js";import{d as f}from"./p-C22G-tNF.js";import{d as l}from"./p-BLdivqFr.js";import{d as p}from"./p-DvOr53No.js";const d=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return t(e,{key:"145a8d63bafe3ecc82c765765c4a0f1518960b7b"},t("h2",{key:"4318914484c253d03811ec55f71c5a5dd64bc1a9"},"Login"),t("smoothly-form",{key:"dac54028546467ca44a7820470b39bc1af8292e7",looks:"border"},t("smoothly-input",{key:"2192584adf11193655e622644f7e40f6ee158693",type:"text",name:"username"},"Username"),t("smoothly-input",{key:"cd8d66e6d9a8a07f25cb8ac4386e3dffa6556d02",type:"password",name:"password"},"Password"),t("smoothly-input-reset",{key:"ffeef7e33af77477942b8990b8e61482037dedb6",slot:"reset",type:"form",size:"icon",color:"warning"}),t("smoothly-input-submit",{key:"1a0bbd656c65bc7f7e3e5f3c8553b81f5e4a9112",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))){r()}break;case"smoothly-button-confirm":if(!customElements.get(m(o))){a()}break;case"smoothly-form":if(!customElements.get(m(o))){i()}break;case"smoothly-icon":if(!customElements.get(m(o))){n()}break;case"smoothly-input":if(!customElements.get(m(o))){c()}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-EsCYK0HQ.js.map

package/dist/components/{p-CZERsWDV.js.map → p-EsCYK0HQ.js.map}

@@ -1 +1 @@
-{"version":3,"names":["SmoothlyFormDemoLogin","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","looks","type","name","slot","size","color"],"sources":["src/components/form/demo/login/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-login\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoLogin {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Login</h2>\n\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"username\">\n\t\t\t\t\t\tUsername\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"password\" name=\"password\">\n\t\t\t\t\t\tPassword\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" type=\"form\" size=\"icon\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iWAMaA,EAAqBC,EAAA,MAAAD,UAAAE,E,4DACjC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,MAAAE,IAAA,qDACAF,EAAA,iBAAAE,IAAA,2CAAeC,MAAM,UACpBH,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,OAAOC,KAAK,YAAU,YAG3CL,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,WAAWC,KAAK,YAAU,YAG/CL,EAAA,wBAAAE,IAAA,2CAAsBI,KAAK,QAAQF,KAAK,OAAOG,KAAK,OAAOC,MAAM,YACjER,EAAA,yBAAAE,IAAA,2CAAuBI,KAAK,Y","ignoreList":[]}
+{"version":3,"names":["SmoothlyFormDemoLogin","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","looks","type","name","slot","size","color"],"sources":["src/components/form/demo/login/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-login\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoLogin {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Login</h2>\n\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"username\">\n\t\t\t\t\t\tUsername\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"password\" name=\"password\">\n\t\t\t\t\t\tPassword\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" type=\"form\" size=\"icon\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"sWAMaA,EAAqBC,EAAA,MAAAD,UAAAE,E,4DACjC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,MAAAE,IAAA,qDACAF,EAAA,iBAAAE,IAAA,2CAAeC,MAAM,UACpBH,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,OAAOC,KAAK,YAAU,YAG3CL,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,WAAWC,KAAK,YAAU,YAG/CL,EAAA,wBAAAE,IAAA,2CAAsBI,KAAK,QAAQF,KAAK,OAAOG,KAAK,OAAOC,MAAM,YACjER,EAAA,yBAAAE,IAAA,2CAAuBI,KAAK,Y","ignoreList":[]}

package/dist/components/p-KZeR_6LG.js

@@ -0,0 +1,2 @@
+import{p as t,H as o,c as e,h as s,d as a,t as n}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{E as l}from"./p-iQDU7l2c.js";import{I as h}from"./p-vvQg46ti.js";import{d as r}from"./p-CHjWijPI.js";import{d}from"./p-BE5E3Jm6.js";import{d as m}from"./p-DFSiKg4M.js";import{d as c}from"./p-MqffyRVU.js";import{d as u}from"./p-BplZiuMF.js";import{d as p}from"./p-CVdJ19AA.js";const y=()=>`.sc-smoothly-input-date-range-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-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-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-date-range-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-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-range-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-date-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-range-h,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-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-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{transform-origin:top right}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.floating-label.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-text.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h [slot=start].sc-smoothly-input-date-range{align-self:center}.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{left:var(--input-padding-side)}.sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{white-space:pre}.sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side);display:none}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-placeholder.sc-smoothly-input-date-range{display:block;opacity:0.5}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-separator.sc-smoothly-input-date-range{visibility:hidden}.sc-smoothly-input-date-range-h smoothly-date-text.start-date-text.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side) 0}.sc-smoothly-input-date-range-h smoothly-date-text.end-date-text.sc-smoothly-input-date-range{margin-inline:0 var(--input-padding-side)}[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h smoothly-date-text.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-placeholder.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:auto}.sc-smoothly-input-date-range-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range::before{content:"";position:absolute;top:-0.55rem;left:3rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>.smoothly-date-range-input-part.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>span.smoothly-icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:flex}`;const g=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.name="dateRange";this.readonly=false;this.showLabel=true;this.alwaysShowGuide=false;this.invalid=false;this.isDifferentFromInitial=false;this.hasFocus=false;this.observer=l.Observer.create(this);this.startHasText=false;this.endHasText=false}async componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));this.smoothlyInput.emit({[this.name]:await this.getValue()});!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}startChanged(t,o){this.updateValue(o,this.end)}endChanged(t,o){this.updateValue(this.start,o)}async updateValue(t,o){var e,s;if(t!=this.start||o!=this.end){this.isDifferentFromInitial=this.initialStart!=this.start||this.initialEnd!=this.end;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}if(!this.hasFocus){(e=this.startTextElement)===null||e===void 0?void 0:e.setValue(this.start);(s=this.endTextElement)===null||s===void 0?void 0:s.setValue(this.end)}}watchingReadonly(){this.observer.publish()}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}onClick(t){var o,e;const s=!!this.startTextElement&&t.composedPath().includes(this.startTextElement);const a=!!this.endTextElement&&t.composedPath().includes(this.endTextElement);const n=s||a;if(!n&&!this.readonly&&!this.disabled){this.start&&!this.end?(o=this.endTextElement)===null||o===void 0?void 0:o.select():(e=this.startTextElement)===null||e===void 0?void 0:e.select()}if(!this.readonly&&!this.disabled){this.open=!this.open||n}}async onSmoothlyDateTextChange(t,o){var e,s,a;t.stopPropagation();const n=(e=t.detail)!==null&&e!==void 0?e:undefined;const l=o=="start"?n:this.start;const h=o=="end"?n:this.end;if(i.Date.is(l)&&i.Date.is(h)&&l>h){this.start=h;this.end=l;(s=this.startTextElement)===null||s===void 0?void 0:s.setValue(this.start);(a=this.endTextElement)===null||a===void 0?void 0:a.setValue(this.end);this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}else if(this[o]!=n){this[o]=n;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.start||this.end?{start:this.start,end:this.end}:undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.start=this.initialStart;this.end=this.initialEnd}async setInitialValue(){this.initialStart=this.start;this.initialEnd=this.end;this.isDifferentFromInitial=false}async clear(){this.start=undefined;this.end=undefined;this.smoothlyInput.emit({[this.name]:undefined})}render(){return s(a,{key:"8d1cc0bf552d9366cd676ca4d28ba9131b762985",tabindex:this.disabled?undefined:0,class:{"has-value":!!(this.start||this.end),"has-text":!!(this.startHasText||this.endHasText),"floating-label":this.alwaysShowGuide}},s("span",{key:"ea5b162b919565e8ab3ba6d5c7420fad8d7bbfbd",class:"smoothly-date-range-input-part",onClick:t=>this.onClick(t)},s("slot",{key:"ea6a109b34aefa2256aa1b82972dbbc5fef55897",name:"start"}),s("label",{key:"b9b7f869df370e0f6e882b95babbe5c8f54ea324",class:"label float-on-focus"},s("slot",{key:"1aa509d8a9438fa7151d4d50c62e9e07c981c58c"})),this.placeholder&&s("span",{key:"ece35a37734177645133e14582ae692565c8a0a6",class:"smoothly-date-range-placeholder"},this.placeholder),s("smoothly-date-text",{key:"b840c7a75cf6aa6a73bac8aef415d709e533a7f4",ref:t=>this.startTextElement=t,class:"start-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.startHasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var o;return t.stopPropagation(),(o=this.calendarElement)===null||o===void 0?void 0:o.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onSmoothlyDateTextChange(t,"start")),onSmoothlyDateTextNext:t=>{var o;return t.stopPropagation(),(o=this.endTextElement)===null||o===void 0?void 0:o.select()},onSmoothlyDateTextDone:t=>{var o,e;return t.stopPropagation(),this.end?((o=this.startTextElement)===null||o===void 0?void 0:o.deselect(),this.open=false):(e=this.endTextElement)===null||e===void 0?void 0:e.select()},value:this.start,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel}),s("span",{key:"f17bfad7cd7aca649b05cc75f3062a28fcf0cd5f",class:"smoothly-date-range-separator"}," – "),s("smoothly-date-text",{key:"1aa47809013250eaea4ded0dc664b1af5a1170ba",ref:t=>this.endTextElement=t,class:"end-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.endHasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var o;return t.stopPropagation(),(o=this.calendarElement)===null||o===void 0?void 0:o.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onSmoothlyDateTextChange(t,"end")),onSmoothlyDateTextPrevious:t=>{var o;return t.stopPropagation(),(o=this.startTextElement)===null||o===void 0?void 0:o.select("end")},onSmoothlyDateTextNext:t=>t.stopPropagation(),onSmoothlyDateTextDone:t=>{var o;return t.stopPropagation(),(o=this.endTextElement)===null||o===void 0?void 0:o.deselect(),this.open=false},value:this.end,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel})),s("span",{key:"b429db5ba1bf4197a08c5872028549f09390ac99",class:"smoothly-icons"},s("smoothly-icon",{key:"1b9f165fe8fc3a509636aebe6cd5050ffc99e153",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"e508de43633d4cadd8a1f83de6a2fa8599175e30",name:"end"})),this.open&&s("smoothly-calendar",{key:"273526a8a97a657724014910b805c3c41c04833f",ref:t=>this.calendarElement=t,doubleInput:true,onSmoothlyDateSet:t=>t.stopPropagation(),onSmoothlyDateRangeSet:t=>{t.stopPropagation();this.open=false;this.start=t.detail.start;this.end=t.detail.end;this.smoothlyInput.emit({[this.name]:t.detail});this.smoothlyUserInput.emit({name:this.name,value:t.detail})},value:this.start,start:this.start,end:this.end,max:this.max,min:this.min}))}get element(){return this}static get watchers(){return{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}}static get style(){return y()}},[262,"smoothly-input-date-range",{locale:[513],name:[513],color:[1537],looks:[1537],readonly:[1540],disabled:[516],showLabel:[516,"show-label"],start:[1025],end:[1025],placeholder:[513],alwaysShowGuide:[516,"always-show-guide"],invalid:[516],errorMessage:[513,"error-message"],max:[1],min:[1],open:[32],startHasText:[32],endHasText:[32],register:[64],unregister:[64],getValue:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64],clear:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[8,"click","onWindowClick"]],{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-range","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-range":if(!customElements.get(n(t))){customElements.define(n(t),g)}break;case"smoothly-calendar":if(!customElements.get(n(t))){r()}break;case"smoothly-date-text":if(!customElements.get(n(t))){d()}break;case"smoothly-icon":if(!customElements.get(n(t))){m()}break;case"smoothly-input-month":if(!customElements.get(n(t))){c()}break;case"smoothly-input-select":if(!customElements.get(n(t))){u()}break;case"smoothly-item":if(!customElements.get(n(t))){p()}break}}))}b();export{g as S,b as d};
+//# sourceMappingURL=p-KZeR_6LG.js.map

package/dist/components/{p-CMLWVZ3h.js.map → p-KZeR_6LG.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyInputDateRange","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","name","readonly","showLabel","alwaysShowGuide","invalid","isDifferentFromInitial","hasFocus","observer","Editable","Observer","create","startHasText","endHasText","componentWillLoad","setInitialValue","smoothlyInputLooks","emit","looks","color","_a","smoothlyInputLoad","parent","smoothlyInput","getValue","smoothlyFormDisable","publish","startChanged","_","oldValue","updateValue","end","endChanged","start","oldStart","oldEnd","initialStart","initialEnd","startTextElement","setValue","_b","endTextElement","watchingReadonly","smoothlyInputLoadHandler","event","Input","registerSubAction","smoothlyInputLooksHandler","target","element","stopPropagation","onWindowClick","composedPath","includes","open","onClick","includesStartTextElement","includesEndTextElement","includesTextElement","disabled","select","onSmoothlyDateTextChange","startOrEnd","newValue","detail","undefined","isoly","Date","is","_c","smoothlyUserInput","value","disconnectedCallback","isConnected","unregister","nameChange","oldName","formRename","register","formAdd","formRemove","listen","listener","subscribe","edit","editable","reset","clear","render","h","Host","key","tabindex","class","e","placeholder","ref","el","locale","onSmoothlyDateTextHasText","onSmoothlyDateTextFocusChange","onSmoothlyDateHasPartialDate","calendarElement","jumpTo","onSmoothlyDateTextNext","onSmoothlyDateTextDone","deselect","onSmoothlyDateTextPrevious","size","tooltip","errorMessage","doubleInput","onSmoothlyDateSet","onSmoothlyDateRangeSet","max","min"],"sources":["src/components/input/date/range/style.scss?tag=smoothly-input-date-range&encapsulation=scoped","src/components/input/date/range/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tposition: relative;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n:host [slot=start] {\n\talign-self: center;\n}\n\n:host .label {\n\tleft: var(--input-padding-side);\n}\n\n:host .smoothly-date-range-separator {\n\twhite-space: pre;\n}\n\n:host .smoothly-date-range-placeholder {\n\tmargin-inline: var(--input-padding-side);\n\tdisplay: none;\n}\n\n:host:not([always-show-guide]):not(:focus-within):not(.has-text) {\n\t& .smoothly-date-range-placeholder {\n\t\tdisplay: block;\n\t\topacity: 0.5;\n\t}\n\n\t& smoothly-date-text,\n\t& .smoothly-date-range-separator {\n\t\tvisibility: hidden;\n\t}\n}\n\n:host smoothly-date-text.start-date-text {\n\tmargin-inline: var(--input-padding-side) 0;\n}\n\n:host smoothly-date-text.end-date-text {\n\tmargin-inline: 0 var(--input-padding-side);\n}\n\n:host[show-label] .smoothly-date-range-placeholder,\n:host[show-label] smoothly-date-text,\n:host[show-label] .smoothly-date-range-separator {\n\tmargin-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n\n:host:not([show-label]) .smoothly-date-range-placeholder,\n:host:not([show-label]) smoothly-date-text,\n:host:not([show-label]) .smoothly-date-range-separator {\n\tmargin-block: auto;\n}\n\n:host:not([readonly]) {\n\tcursor: pointer;\n}\n\n:host[disabled] {\n\tcursor: not-allowed;\n}\n\n:host > smoothly-calendar {\n\tposition: absolute;\n\tz-index: 20;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmax-width: 22rem;\n\tmin-width: 18rem;\n}\n\n:host > smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: -0.55rem;\n\tleft: 3rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host > .smoothly-date-range-input-part {\n\tdisplay: flex;\n\twidth: 100%;\n\tbackground-color: var(--smoothly-input-background);\n\tborder-radius: 0.25rem;\n\tcursor: pointer;\n}\n\n:host > span.smoothly-icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host > .smoothly-icons > .smoothly-invalid {\n\tdisplay: none;\n\tpadding: 0.5rem;\n}\n\n:host[invalid] > .smoothly-icons > .smoothly-invalid {\n\tdisplay: flex;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { Color } from \"./../../../../model\"\n\n@Component({\n\ttag: \"smoothly-input-date-range\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRange implements Clearable, Input, Editable {\n\tprivate startTextElement?: HTMLSmoothlyDateTextElement\n\tprivate endTextElement?: HTMLSmoothlyDateTextElement\n\tprivate calendarElement?: HTMLSmoothlyCalendarElement\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) locale?: isoly.Locale\n\t@Prop({ reflect: true }) name: string = \"dateRange\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) start: isoly.Date | undefined\n\t@Prop({ mutable: true }) end: isoly.Date | undefined\n\t@Prop({ reflect: true }) placeholder: string\n\t@Prop({ reflect: true }) alwaysShowGuide = false\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop() max?: isoly.Date\n\t@Prop() min?: isoly.Date\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate hasFocus = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate initialStart?: isoly.Date\n\tprivate initialEnd?: isoly.Date\n\t@State() open: boolean\n\t@State() startHasText = false\n\t@State() endHasText = false\n\t@Event() smoothlyInput: EventEmitter<{ [name: string]: Partial<isoly.DateRange> | undefined }>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput<Partial<isoly.DateRange> | undefined>>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.setInitialValue()\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\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"start\")\n\tstartChanged(_: isoly.Date | undefined, oldValue: isoly.Date | undefined) {\n\t\tthis.updateValue(oldValue, this.end)\n\t}\n\t@Watch(\"end\")\n\tendChanged(_: isoly.Date | undefined, oldValue: isoly.Date | undefined) {\n\t\tthis.updateValue(this.start, oldValue)\n\t}\n\n\tasync updateValue(oldStart: isoly.Date | undefined, oldEnd: isoly.Date | undefined) {\n\t\tif (oldStart != this.start || oldEnd != this.end) {\n\t\t\tthis.isDifferentFromInitial = this.initialStart != this.start || this.initialEnd != this.end\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t\tif (!this.hasFocus) {\n\t\t\tthis.startTextElement?.setValue(this.start)\n\t\t\tthis.endTextElement?.setValue(this.end)\n\t\t}\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\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateRange) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tonClick(event: MouseEvent): void {\n\t\tconst includesStartTextElement = !!this.startTextElement && event.composedPath().includes(this.startTextElement)\n\t\tconst includesEndTextElement = !!this.endTextElement && event.composedPath().includes(this.endTextElement)\n\t\tconst includesTextElement = includesStartTextElement || includesEndTextElement\n\t\tif (!includesTextElement && !this.readonly && !this.disabled) {\n\t\t\tthis.start && !this.end ? this.endTextElement?.select() : this.startTextElement?.select()\n\t\t}\n\t\tif (!this.readonly && !this.disabled) {\n\t\t\tthis.open = !this.open || includesTextElement\n\t\t}\n\t}\n\tasync onSmoothlyDateTextChange(event: CustomEvent<isoly.Date | undefined>, startOrEnd: \"start\" | \"end\") {\n\t\tevent.stopPropagation()\n\t\tconst newValue = event.detail ?? undefined\n\t\tconst start = startOrEnd == \"start\" ? newValue : this.start\n\t\tconst end = startOrEnd == \"end\" ? newValue : this.end\n\t\tif (isoly.Date.is(start) && isoly.Date.is(end) && start > end) {\n\t\t\t// Swap values\n\t\t\tthis.start = end\n\t\t\tthis.end = start\n\t\t\tthis.startTextElement?.setValue(this.start)\n\t\t\tthis.endTextElement?.setValue(this.end)\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t} else if (this[startOrEnd] != newValue) {\n\t\t\tthis[startOrEnd] = newValue\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\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<Partial<isoly.DateRange> | undefined> {\n\t\treturn this.start || this.end ? { start: this.start, end: this.end } : undefined\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 edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.start = this.initialStart\n\t\tthis.end = this.initialEnd\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialStart = this.start\n\t\tthis.initialEnd = this.end\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.start = undefined\n\t\tthis.end = undefined\n\t\tthis.smoothlyInput.emit({ [this.name]: undefined })\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tclass={{\n\t\t\t\t\t\"has-value\": !!(this.start || this.end),\n\t\t\t\t\t\"has-text\": !!(this.startHasText || this.endHasText),\n\t\t\t\t\t\"floating-label\": this.alwaysShowGuide,\n\t\t\t\t}}>\n\t\t\t\t<span class=\"smoothly-date-range-input-part\" onClick={(e: MouseEvent) => this.onClick(e)}>\n\t\t\t\t\t<slot name=\"start\" />\n\t\t\t\t\t<label class={\"label float-on-focus\"}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t\t{this.placeholder && <span class=\"smoothly-date-range-placeholder\">{this.placeholder}</span>}\n\t\t\t\t\t<smoothly-date-text\n\t\t\t\t\t\tref={el => (this.startTextElement = el)}\n\t\t\t\t\t\tclass=\"start-date-text\"\n\t\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.startHasText = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, \"start\"))}\n\t\t\t\t\t\tonSmoothlyDateTextNext={e => (e.stopPropagation(), this.endTextElement?.select())}\n\t\t\t\t\t\tonSmoothlyDateTextDone={e => (\n\t\t\t\t\t\t\te.stopPropagation(),\n\t\t\t\t\t\t\tthis.end ? (this.startTextElement?.deselect(), (this.open = false)) : this.endTextElement?.select()\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t/>\n\t\t\t\t\t<span class=\"smoothly-date-range-separator\"> – </span>\n\t\t\t\t\t<smoothly-date-text\n\t\t\t\t\t\tref={el => (this.endTextElement = el)}\n\t\t\t\t\t\tclass=\"end-date-text\"\n\t\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.endHasText = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, \"end\"))}\n\t\t\t\t\t\tonSmoothlyDateTextPrevious={e => (e.stopPropagation(), this.startTextElement?.select(\"end\"))}\n\t\t\t\t\t\tonSmoothlyDateTextNext={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyDateTextDone={e => (e.stopPropagation(), this.endTextElement?.deselect(), (this.open = false))}\n\t\t\t\t\t\tvalue={this.end}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t<span class={\"smoothly-icons\"}>\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</span>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tref={el => (this.calendarElement = el)}\n\t\t\t\t\t\tdoubleInput\n\t\t\t\t\t\tonSmoothlyDateSet={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyDateRangeSet={e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\tthis.start = e.detail.start\n\t\t\t\t\t\t\tthis.end = e.detail.end\n\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: e.detail })\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: e.detail })\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyInputDateRange","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","name","readonly","showLabel","alwaysShowGuide","invalid","isDifferentFromInitial","hasFocus","observer","Editable","Observer","create","startHasText","endHasText","componentWillLoad","setInitialValue","smoothlyInputLooks","emit","looks","color","_a","smoothlyInputLoad","parent","smoothlyInput","getValue","smoothlyFormDisable","publish","startChanged","_","oldValue","updateValue","end","endChanged","start","oldStart","oldEnd","initialStart","initialEnd","startTextElement","setValue","_b","endTextElement","watchingReadonly","smoothlyInputLoadHandler","event","Input","registerSubAction","smoothlyInputLooksHandler","target","element","stopPropagation","onWindowClick","composedPath","includes","open","onClick","includesStartTextElement","includesEndTextElement","includesTextElement","disabled","select","onSmoothlyDateTextChange","startOrEnd","newValue","detail","undefined","isoly","Date","is","_c","smoothlyUserInput","value","disconnectedCallback","isConnected","unregister","nameChange","oldName","formRename","register","formAdd","formRemove","listen","listener","subscribe","edit","editable","reset","clear","render","h","Host","key","tabindex","class","e","placeholder","ref","el","locale","onSmoothlyDateTextHasText","onSmoothlyDateTextFocusChange","onSmoothlyDateHasPartialDate","calendarElement","jumpTo","onSmoothlyDateTextNext","onSmoothlyDateTextDone","deselect","onSmoothlyDateTextPrevious","size","tooltip","errorMessage","doubleInput","onSmoothlyDateSet","onSmoothlyDateRangeSet","max","min"],"sources":["src/components/input/date/range/style.scss?tag=smoothly-input-date-range&encapsulation=scoped","src/components/input/date/range/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tposition: relative;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n:host [slot=start] {\n\talign-self: center;\n}\n\n:host .label {\n\tleft: var(--input-padding-side);\n}\n\n:host .smoothly-date-range-separator {\n\twhite-space: pre;\n}\n\n:host .smoothly-date-range-placeholder {\n\tmargin-inline: var(--input-padding-side);\n\tdisplay: none;\n}\n\n:host:not([always-show-guide]):not(:focus-within):not(.has-text) {\n\t& .smoothly-date-range-placeholder {\n\t\tdisplay: block;\n\t\topacity: 0.5;\n\t}\n\n\t& smoothly-date-text,\n\t& .smoothly-date-range-separator {\n\t\tvisibility: hidden;\n\t}\n}\n\n:host smoothly-date-text.start-date-text {\n\tmargin-inline: var(--input-padding-side) 0;\n}\n\n:host smoothly-date-text.end-date-text {\n\tmargin-inline: 0 var(--input-padding-side);\n}\n\n:host[show-label] .smoothly-date-range-placeholder,\n:host[show-label] smoothly-date-text,\n:host[show-label] .smoothly-date-range-separator {\n\tmargin-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n\n:host:not([show-label]) .smoothly-date-range-placeholder,\n:host:not([show-label]) smoothly-date-text,\n:host:not([show-label]) .smoothly-date-range-separator {\n\tmargin-block: auto;\n}\n\n:host:not([readonly]) {\n\tcursor: pointer;\n}\n\n:host[disabled] {\n\tcursor: not-allowed;\n}\n\n:host > smoothly-calendar {\n\tposition: absolute;\n\tz-index: 20;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmax-width: 22rem;\n\tmin-width: 18rem;\n}\n\n:host > smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: -0.55rem;\n\tleft: 3rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host > .smoothly-date-range-input-part {\n\tdisplay: flex;\n\twidth: 100%;\n\tbackground-color: var(--smoothly-input-background);\n\tborder-radius: 0.25rem;\n\tcursor: pointer;\n}\n\n:host > span.smoothly-icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host > .smoothly-icons > .smoothly-invalid {\n\tdisplay: none;\n\tpadding: 0.5rem;\n}\n\n:host[invalid] > .smoothly-icons > .smoothly-invalid {\n\tdisplay: flex;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { Color } from \"./../../../../model\"\n\n@Component({\n\ttag: \"smoothly-input-date-range\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRange implements Clearable, Input, Editable {\n\tprivate startTextElement?: HTMLSmoothlyDateTextElement\n\tprivate endTextElement?: HTMLSmoothlyDateTextElement\n\tprivate calendarElement?: HTMLSmoothlyCalendarElement\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) locale?: isoly.Locale\n\t@Prop({ reflect: true }) name: string = \"dateRange\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) start: isoly.Date | undefined\n\t@Prop({ mutable: true }) end: isoly.Date | undefined\n\t@Prop({ reflect: true }) placeholder: string\n\t@Prop({ reflect: true }) alwaysShowGuide = false\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop() max?: isoly.Date\n\t@Prop() min?: isoly.Date\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate hasFocus = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate initialStart?: isoly.Date\n\tprivate initialEnd?: isoly.Date\n\t@State() open: boolean\n\t@State() startHasText = false\n\t@State() endHasText = false\n\t@Event() smoothlyInput: EventEmitter<{ [name: string]: Partial<isoly.DateRange> | undefined }>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput<Partial<isoly.DateRange> | undefined>>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.setInitialValue()\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\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"start\")\n\tstartChanged(_: isoly.Date | undefined, oldValue: isoly.Date | undefined) {\n\t\tthis.updateValue(oldValue, this.end)\n\t}\n\t@Watch(\"end\")\n\tendChanged(_: isoly.Date | undefined, oldValue: isoly.Date | undefined) {\n\t\tthis.updateValue(this.start, oldValue)\n\t}\n\n\tasync updateValue(oldStart: isoly.Date | undefined, oldEnd: isoly.Date | undefined) {\n\t\tif (oldStart != this.start || oldEnd != this.end) {\n\t\t\tthis.isDifferentFromInitial = this.initialStart != this.start || this.initialEnd != this.end\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t\tif (!this.hasFocus) {\n\t\t\tthis.startTextElement?.setValue(this.start)\n\t\t\tthis.endTextElement?.setValue(this.end)\n\t\t}\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\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateRange) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tonClick(event: MouseEvent): void {\n\t\tconst includesStartTextElement = !!this.startTextElement && event.composedPath().includes(this.startTextElement)\n\t\tconst includesEndTextElement = !!this.endTextElement && event.composedPath().includes(this.endTextElement)\n\t\tconst includesTextElement = includesStartTextElement || includesEndTextElement\n\t\tif (!includesTextElement && !this.readonly && !this.disabled) {\n\t\t\tthis.start && !this.end ? this.endTextElement?.select() : this.startTextElement?.select()\n\t\t}\n\t\tif (!this.readonly && !this.disabled) {\n\t\t\tthis.open = !this.open || includesTextElement\n\t\t}\n\t}\n\tasync onSmoothlyDateTextChange(event: CustomEvent<isoly.Date | undefined>, startOrEnd: \"start\" | \"end\") {\n\t\tevent.stopPropagation()\n\t\tconst newValue = event.detail ?? undefined\n\t\tconst start = startOrEnd == \"start\" ? newValue : this.start\n\t\tconst end = startOrEnd == \"end\" ? newValue : this.end\n\t\tif (isoly.Date.is(start) && isoly.Date.is(end) && start > end) {\n\t\t\t// Swap values\n\t\t\tthis.start = end\n\t\t\tthis.end = start\n\t\t\tthis.startTextElement?.setValue(this.start)\n\t\t\tthis.endTextElement?.setValue(this.end)\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t} else if (this[startOrEnd] != newValue) {\n\t\t\tthis[startOrEnd] = newValue\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\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<Partial<isoly.DateRange> | undefined> {\n\t\treturn this.start || this.end ? { start: this.start, end: this.end } : undefined\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 edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.start = this.initialStart\n\t\tthis.end = this.initialEnd\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialStart = this.start\n\t\tthis.initialEnd = this.end\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.start = undefined\n\t\tthis.end = undefined\n\t\tthis.smoothlyInput.emit({ [this.name]: undefined })\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tclass={{\n\t\t\t\t\t\"has-value\": !!(this.start || this.end),\n\t\t\t\t\t\"has-text\": !!(this.startHasText || this.endHasText),\n\t\t\t\t\t\"floating-label\": this.alwaysShowGuide,\n\t\t\t\t}}>\n\t\t\t\t<span class=\"smoothly-date-range-input-part\" onClick={(e: MouseEvent) => this.onClick(e)}>\n\t\t\t\t\t<slot name=\"start\" />\n\t\t\t\t\t<label class={\"label float-on-focus\"}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t\t{this.placeholder && <span class=\"smoothly-date-range-placeholder\">{this.placeholder}</span>}\n\t\t\t\t\t<smoothly-date-text\n\t\t\t\t\t\tref={el => (this.startTextElement = el)}\n\t\t\t\t\t\tclass=\"start-date-text\"\n\t\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.startHasText = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, \"start\"))}\n\t\t\t\t\t\tonSmoothlyDateTextNext={e => (e.stopPropagation(), this.endTextElement?.select())}\n\t\t\t\t\t\tonSmoothlyDateTextDone={e => (\n\t\t\t\t\t\t\te.stopPropagation(),\n\t\t\t\t\t\t\tthis.end ? (this.startTextElement?.deselect(), (this.open = false)) : this.endTextElement?.select()\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t/>\n\t\t\t\t\t<span class=\"smoothly-date-range-separator\"> – </span>\n\t\t\t\t\t<smoothly-date-text\n\t\t\t\t\t\tref={el => (this.endTextElement = el)}\n\t\t\t\t\t\tclass=\"end-date-text\"\n\t\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.endHasText = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, \"end\"))}\n\t\t\t\t\t\tonSmoothlyDateTextPrevious={e => (e.stopPropagation(), this.startTextElement?.select(\"end\"))}\n\t\t\t\t\t\tonSmoothlyDateTextNext={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyDateTextDone={e => (e.stopPropagation(), this.endTextElement?.deselect(), (this.open = false))}\n\t\t\t\t\t\tvalue={this.end}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t<span class={\"smoothly-icons\"}>\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</span>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tref={el => (this.calendarElement = el)}\n\t\t\t\t\t\tdoubleInput\n\t\t\t\t\t\tonSmoothlyDateSet={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyDateRangeSet={e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\tthis.start = e.detail.start\n\t\t\t\t\t\t\tthis.end = e.detail.end\n\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: e.detail })\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: e.detail })\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-KhaLdt5K.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,h as o,t}from"./p-BsZrGTcp.js";import{d as a}from"./p-CN3iME9d.js";import{d}from"./p-DG2pfnCV.js";import{d as m}from"./p-uFR5K4vd.js";import{d as c}from"./p-DvZK__s-.js";import{d as i}from"./p-F8qX8ZuL.js";const l=()=>`.sc-smoothly-theme-guide-h{max-width:50ch}`;const r=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return[o("smoothly-display",{key:"2eac1d768913daba8d1517063f72a01278ee01e7"},"Tint is used as background to highlight, for example hovering an item in the select menu."),o("br",{key:"05672a937497584f2c2c388cebd703f06a36e630"}),o("smoothly-display",{key:"79dd8fbe3c417bbe3c7c220d8b866afe8206b298"},"Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),o("br",{key:"d031feafae3f2eae53dc88d927d37b59df97d341"}),o("smoothly-display",{key:"cfda2393ee07d9c38e500f401fac7f0cfad84560"},"Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),o("br",{key:"052185d7ec86c97fd45ea2d2af1a685bf790b018"}),o("smoothly-display",{key:"fa634d42cba471c98a7e1ac5b3b63f46899c15ae"},"One can use the ","<smoothly-color>"," component to switch between what color set is used."," "),o("br",{key:"6d1b60d08381ebebdd7766feb7bcb8bebee3cd7e"})]}static get style(){return l()}},[2,"smoothly-theme-guide"]);function n(){if(typeof customElements==="undefined"){return}const e=["smoothly-theme-guide","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key"];e.forEach((e=>{switch(e){case"smoothly-theme-guide":if(!customElements.get(t(e))){customElements.define(t(e),r)}break;case"smoothly-display":if(!customElements.get(t(e))){a()}break;case"smoothly-display-json":if(!customElements.get(t(e))){d()}break;case"smoothly-display-json-object":if(!customElements.get(t(e))){m()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(e))){c()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(e))){i()}break}}))}n();export{r as S,n as d};
+//# sourceMappingURL=p-KhaLdt5K.js.map

package/dist/components/{p-DRRy5oLc.js → p-MduEqLch.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as t,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as n}from"./p-mmAi00ak.js";import{d as i}from"./p-MHAaISnU.js";import{d as l}from"./p-DPlYDxyJ.js";import{d as c}from"./p-DDYB8QLF.js";import{d as r}from"./p-BHTAR2x1.js";import{d as f}from"./p-BOzzNfNj.js";import{d}from"./p-BagcEQ4o.js";import{d as u}from"./p-CLqKhHZ8.js";import{d as p}from"./p-C88eMND6.js";import{d as y}from"./p-ycoVDLCD.js";import{d as h}from"./p-ByRyVRgY.js";import{d as b}from"./p-CmUug44L.js";const k=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.name="Initial name";this.currency="EUR";this.date=a.Date.now();this.currencies=["GBP","SEK","EUR","USD"]}nameChanged(e,o){console.log(`updated name from '${o}' to '${e}'`)}async submitHandler(e){e.stopPropagation();console.log("Received event. Processing...",e.detail);if(!(typeof e.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof e.detail.value.date=="string")){console.error("Bad input. Resolving false.")}else if(!a.Currency.is(e.detail.value.currency)){console.error("Bad input. Resolving false.")}else{await new Promise((e=>window.setTimeout(e,1e3)));this.name=e.detail.value.name;this.date=e.detail.value.date;this.currency=e.detail.value.currency;console.log("Finished processing successfully. Resolving true.");e.detail.result(true)}e.detail.result(false)}render(){return t(s,{key:"be70b1b758bbe11772a1ba8ba7dca4f5405ea651"},t("h2",{key:"68973a8cf2107ecaa72790a917cf14191cfd0fa9"},"Controlled"),t("smoothly-form",{key:"4da1c66f41c89d78c180b55b3ae1df15190eae0c",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"201cb10b36c39d6a5a98d456459b82ef9d3f0a7d",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"a434d27014de8a28230f7bc60a3b5c6b706005b6",name:"currency"},t("span",{key:"eefb198ba0a863dd7c6ff37162383522c722803c",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"4813e2c249bd21afc6a2c1a6ab78793b49fa2d68"},"Dummy"),t("smoothly-input-month",{key:"7225723a71776a7d9d88a21361443128a5893d42",name:"date",value:this.date,next:true,previous:true},t("span",{key:"be0572c78ce576807a459738426416e941a997fd",slot:"year-label"},"Year"),t("span",{key:"99bb6cf5516bccb1721013e87ca2bec463341983",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"b7be05116d563ee33665f502c45bd01d9aaf61e1",slot:"edit",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"bf423459f9b8717e9de26e4c900d054ea90baf7a",slot:"reset",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"fd42172c00aae5c33f2b22e3d3bdccb6e71ec294",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:[{nameChanged:0}]}}},[2,"smoothly-form-demo-controlled",{name:[32],currency:[32],date:[32]},undefined,{name:[{nameChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-controlled","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-edit","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-controlled":if(!customElements.get(m(e))){customElements.define(m(e),k)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){i()}break;case"smoothly-form":if(!customElements.get(m(e))){l()}break;case"smoothly-icon":if(!customElements.get(m(e))){c()}break;case"smoothly-input":if(!customElements.get(m(e))){r()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){f()}break;case"smoothly-input-month":if(!customElements.get(m(e))){d()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){u()}break;case"smoothly-input-select":if(!customElements.get(m(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){y()}break;case"smoothly-item":if(!customElements.get(m(e))){h()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
-//# sourceMappingURL=p-DRRy5oLc.js.map
+import{p as e,H as o,h as t,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as i}from"./p-mmAi00ak.js";import{d as n}from"./p-Cl8L61mt.js";import{d as l}from"./p-vvQg46ti.js";import{d as r}from"./p-DFSiKg4M.js";import{d as c}from"./p-o8kM0Soe.js";import{d}from"./p-DLgeylX5.js";import{d as f}from"./p-MqffyRVU.js";import{d as u}from"./p-C22G-tNF.js";import{d as p}from"./p-BplZiuMF.js";import{d as y}from"./p-BLdivqFr.js";import{d as h}from"./p-CVdJ19AA.js";import{d as b}from"./p-DvOr53No.js";const k=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.name="Initial name";this.currency="EUR";this.date=a.Date.now();this.currencies=["GBP","SEK","EUR","USD"]}nameChanged(e,o){console.log(`updated name from '${o}' to '${e}'`)}async submitHandler(e){e.stopPropagation();console.log("Received event. Processing...",e.detail);if(!(typeof e.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof e.detail.value.date=="string")){console.error("Bad input. Resolving false.")}else if(!a.Currency.is(e.detail.value.currency)){console.error("Bad input. Resolving false.")}else{await new Promise((e=>window.setTimeout(e,1e3)));this.name=e.detail.value.name;this.date=e.detail.value.date;this.currency=e.detail.value.currency;console.log("Finished processing successfully. Resolving true.");e.detail.result(true)}e.detail.result(false)}render(){return t(s,{key:"1061bb8a73e16641920a69ed39c2861e1181cfeb"},t("h2",{key:"2cda89170ac80504da7efbde49166b1bbdab7ec4"},"Controlled"),t("smoothly-form",{key:"a31ac6ae0da84799c93e0027bb209d151594b6c3",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"8a5ebd13b22a4b98b427f3090be3415738d29111",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"6c5209dc75ed440b3f42ba06585c3ad056ad09bc",name:"currency"},t("span",{key:"6d756e50b45c999a90ef1aafc1020d13d8720269",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"b1f7dc38934053c148836e5b5d91accd819a4a5d"},"Dummy"),t("smoothly-input-month",{key:"e8e1765d0ba064787b14bc1a339ac64dca884fab",name:"date",value:this.date,next:true,previous:true},t("span",{key:"983f2faab5366f2658f80d2e4f8861df083e0dfe",slot:"year-label"},"Year"),t("span",{key:"a5ee74e1293e85da358c248aa272613948236166",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"f49c8c23ce5612594a96895cd7d690fac88421e9",slot:"edit",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"28ea077e4c88330a476849a178b74abe55658740",slot:"reset",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"13b11813f5d9521d04c14b847d4aac6db9ff4a10",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:[{nameChanged:0}]}}},[2,"smoothly-form-demo-controlled",{name:[32],currency:[32],date:[32]},undefined,{name:[{nameChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-controlled","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-edit","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-controlled":if(!customElements.get(m(e))){customElements.define(m(e),k)}break;case"smoothly-button":if(!customElements.get(m(e))){i()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){n()}break;case"smoothly-form":if(!customElements.get(m(e))){l()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){c()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){d()}break;case"smoothly-input-month":if(!customElements.get(m(e))){f()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){u()}break;case"smoothly-input-select":if(!customElements.get(m(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){y()}break;case"smoothly-item":if(!customElements.get(m(e))){h()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
+//# sourceMappingURL=p-MduEqLch.js.map

package/dist/components/{p-BagcEQ4o.js → p-MqffyRVU.js}

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as o,h as e,d as i,t as n}from"./p-BsZrGTcp.js";import{i as l}from"./p-BVKhAhsB.js";import{E as h}from"./p-iQDU7l2c.js";import{I as a}from"./p-DPlYDxyJ.js";import{d as r}from"./p-DDYB8QLF.js";import{d as c}from"./p-C88eMND6.js";import{d as m}from"./p-ByRyVRgY.js";function u(t){const s=new Date(t);s.setDate(1);let o=-((s.getDay()+6)%7)+1;const e=[];for(let s=0;s<6;s++){const i=[];for(let s=0;s<7;s++){const s=new Date(t);s.setUTCDate(o++);i.push(l.Date.create(s))}if(s<5||l.Date.firstOfMonth(i[0])==l.Date.firstOfMonth(t)){e.push(i)}}return e}function d(){const t=new globalThis.Date;t.setDate(t.getDate()-t.getDay()+1);const s=[];for(let o=0;o<7;o++){s.push(t.toLocaleString(undefined,{weekday:"short"}));t.setDate(t.getDate()+1)}return s}function y(t){const s=new globalThis.Date(t);const o=[];for(let e=0;e<12;e++){s.setMonth(e,28);const i=l.Date.create(s);o.push({date:i,name:s.toLocaleString(undefined,{month:"long"}),selected:i.substr(0,7)==t.substr(0,7)})}return o}function f(t,s,o){const e=new globalThis.Date(t);const i=s?l.Date.getYear(s):(new Date).getFullYear()-50;const n=o?l.Date.getYear(o):(new Date).getFullYear()+50;const h=[];for(let s=i;s<=n;s++){e.setFullYear(s);const o=l.Date.create(e);h.push({date:o,name:e.toLocaleString(undefined,{year:"numeric"}),selected:o==t})}return h}const p=()=>`.sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center;cursor:pointer}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;cursor:not-allowed}`;const b=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.value=l.Date.now();this.next=false;this.previous=false;this.inCalendar=false;this.showLabel=true;this.allowPreviousMonth=true;this.allowNextMonth=true;this.observer=h.Observer.create(this)}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.valueChanged()}valueChanged(){this.smoothlyInput.emit({[this.name]:this.value})}adjustMonth(t){var s;if(!this.readonly){const o=l.Date.parse((s=this.value)!==null&&s!==void 0?s:l.Date.now());o.setMonth(o.getMonth()+t);this.value=l.Date.create(o)}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}setAllowPreviousMonth(){var t,s;const o=l.Date.previousMonth((t=this.value)!==null&&t!==void 0?t:l.Date.now()).substring(0,7);const e=(s=this.min)===null||s===void 0?void 0:s.substring(0,7);this.allowPreviousMonth=!e||o>=e}setAllowNextMonth(){var t,s;const o=l.Date.nextMonth((t=this.value)!==null&&t!==void 0?t:l.Date.now()).substring(0,7);const e=(s=this.max)===null||s===void 0?void 0:s.substring(0,7);this.allowNextMonth=!e||o<=e}nameChange(t,s){a.formRename(this,s)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){var t,s;(t=this.year)===null||t===void 0?void 0:t.clear();(s=this.month)===null||s===void 0?void 0:s.clear()}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){var t,s;(t=this.year)===null||t===void 0?void 0:t.reset();(s=this.month)===null||s===void 0?void 0:s.reset()}async setInitialValue(){var t,s;(t=this.year)===null||t===void 0?void 0:t.setInitialValue();(s=this.month)===null||s===void 0?void 0:s.setInitialValue()}inputHandler(t){if(t.target!=this.element){t.stopPropagation();const s=t.detail[`${this.name}-year`];const o=t.detail[`${this.name}-month`];if(o&&l.Date.is(o)){this.value=l.Date.firstOfMonth(o)}else if(s&&l.Date.is(s)){this.value=l.Date.firstOfMonth(s)}}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks,this.color)}}async smoothlyInputLoadHandler(t){if(t.target!=this.element){t.stopPropagation()}}render(){var t,s;return e(i,{key:"0916e28b908af47e518baff4c2953a15c4e5b93e"},e("smoothly-icon",{key:"fd4d9e582a0feb692b8fc4455e0fef445326d929",name:"caret-back-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowPreviousMonth},onClick:()=>this.allowPreviousMonth&&this.adjustMonth(-1)}),e("smoothly-input-select",{key:"b09547849f9f3e7f3780ea4e6231bcd47c4ae175",ref:t=>this.year=t,name:`${this.name}-year`,readonly:this.readonly,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const s=t.detail.value;if(s&&l.Date.is(s)){const t=l.Date.firstOfMonth(s);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},e("div",{key:"e1f4f143cfef863419a68b24e887579ecf3fe9d9",slot:"label"},e("slot",{key:"01b386aa3ec76ba077158774c26256b1c25c97ca",name:"year-label"})),f((t=this.value)!==null&&t!==void 0?t:l.Date.now(),this.min,this.max).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-input-select",{key:"c7193a5c1430db7fbb14766b5e1985e1258cdb77",ref:t=>this.month=t,name:`${this.name}-month`,readonly:this.readonly,color:this.color,looks:this.looks,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const s=t.detail.value;if(s&&l.Date.is(s)){const t=l.Date.firstOfMonth(s);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},e("div",{key:"0d5bc697879c2c018331583326029b20fc7a442c",slot:"label"},e("slot",{key:"3909a5c34b455c6ed65f6bebf7a2174e0577de2b",name:"month-label"})),y((s=this.value)!==null&&s!==void 0?s:l.Date.now()).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-icon",{key:"441a3228fcb722ab8ebbcb1138aba71e0306625a",name:"caret-forward-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowNextMonth},onClick:()=>this.allowNextMonth&&this.adjustMonth(1)}))}get element(){return this}static get watchers(){return{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}}static get style(){return p()}},[262,"smoothly-input-month",{readonly:[1540],color:[513],looks:[1537],name:[513],value:[1025],max:[1025],min:[1025],next:[516],previous:[516],inCalendar:[516,"in-calendar"],showLabel:[516,"show-label"],allowPreviousMonth:[32],allowNextMonth:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-month","smoothly-icon","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-month":if(!customElements.get(n(t))){customElements.define(n(t),b)}break;case"smoothly-icon":if(!customElements.get(n(t))){r()}break;case"smoothly-input-select":if(!customElements.get(n(t))){c()}break;case"smoothly-item":if(!customElements.get(n(t))){m()}break}}))}v();export{b as S,v as d,u as m,d as w};
-//# sourceMappingURL=p-BagcEQ4o.js.map
+import{p as t,H as s,c as o,h as e,d as i,t as n}from"./p-BsZrGTcp.js";import{i as l}from"./p-BVKhAhsB.js";import{E as h}from"./p-iQDU7l2c.js";import{I as a}from"./p-vvQg46ti.js";import{d as c}from"./p-DFSiKg4M.js";import{d as r}from"./p-BplZiuMF.js";import{d as m}from"./p-CVdJ19AA.js";function u(t){const s=new Date(t);s.setDate(1);let o=-((s.getDay()+6)%7)+1;const e=[];for(let s=0;s<6;s++){const i=[];for(let s=0;s<7;s++){const s=new Date(t);s.setUTCDate(o++);i.push(l.Date.create(s))}if(s<5||l.Date.firstOfMonth(i[0])==l.Date.firstOfMonth(t)){e.push(i)}}return e}function d(){const t=new globalThis.Date;t.setDate(t.getDate()-t.getDay()+1);const s=[];for(let o=0;o<7;o++){s.push(t.toLocaleString(undefined,{weekday:"short"}));t.setDate(t.getDate()+1)}return s}function y(t){const s=new globalThis.Date(t);const o=[];for(let e=0;e<12;e++){s.setMonth(e,28);const i=l.Date.create(s);o.push({date:i,name:s.toLocaleString(undefined,{month:"long"}),selected:i.substr(0,7)==t.substr(0,7)})}return o}function f(t,s,o){const e=new globalThis.Date(t);const i=s?l.Date.getYear(s):(new Date).getFullYear()-50;const n=o?l.Date.getYear(o):(new Date).getFullYear()+50;const h=[];for(let s=i;s<=n;s++){e.setFullYear(s);const o=l.Date.create(e);h.push({date:o,name:e.toLocaleString(undefined,{year:"numeric"}),selected:o==t})}return h}const p=()=>`.sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center;cursor:pointer}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;cursor:not-allowed}`;const v=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.value=l.Date.now();this.next=false;this.previous=false;this.inCalendar=false;this.showLabel=true;this.allowPreviousMonth=true;this.allowNextMonth=true;this.observer=h.Observer.create(this)}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.valueChanged()}valueChanged(){this.smoothlyInput.emit({[this.name]:this.value})}adjustMonth(t){var s;if(!this.readonly){const o=l.Date.parse((s=this.value)!==null&&s!==void 0?s:l.Date.now());o.setMonth(o.getMonth()+t);this.value=l.Date.create(o)}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}setAllowPreviousMonth(){var t,s;const o=l.Date.previousMonth((t=this.value)!==null&&t!==void 0?t:l.Date.now()).substring(0,7);const e=(s=this.min)===null||s===void 0?void 0:s.substring(0,7);this.allowPreviousMonth=!e||o>=e}setAllowNextMonth(){var t,s;const o=l.Date.nextMonth((t=this.value)!==null&&t!==void 0?t:l.Date.now()).substring(0,7);const e=(s=this.max)===null||s===void 0?void 0:s.substring(0,7);this.allowNextMonth=!e||o<=e}nameChange(t,s){a.formRename(this,s)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){var t,s;(t=this.year)===null||t===void 0?void 0:t.clear();(s=this.month)===null||s===void 0?void 0:s.clear()}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){var t,s;(t=this.year)===null||t===void 0?void 0:t.reset();(s=this.month)===null||s===void 0?void 0:s.reset()}async setInitialValue(){var t,s;(t=this.year)===null||t===void 0?void 0:t.setInitialValue();(s=this.month)===null||s===void 0?void 0:s.setInitialValue()}inputHandler(t){if(t.target!=this.element){t.stopPropagation();const s=t.detail[`${this.name}-year`];const o=t.detail[`${this.name}-month`];if(o&&l.Date.is(o)){this.value=l.Date.firstOfMonth(o)}else if(s&&l.Date.is(s)){this.value=l.Date.firstOfMonth(s)}}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks,this.color)}}async smoothlyInputLoadHandler(t){if(t.target!=this.element){t.stopPropagation()}}render(){var t,s;return e(i,{key:"6961d2bfa73e6ebeac106cb5e20a67c33db81757"},e("smoothly-icon",{key:"ae629d1af60656eed05f26e61aff23a7659b1cce",name:"caret-back-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowPreviousMonth},onClick:()=>this.allowPreviousMonth&&this.adjustMonth(-1)}),e("smoothly-input-select",{key:"8abd101ed10fdf906cbc5ce558bfd520b7149304",ref:t=>this.year=t,name:`${this.name}-year`,readonly:this.readonly,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const s=t.detail.value;if(s&&l.Date.is(s)){const t=l.Date.firstOfMonth(s);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},e("div",{key:"f207c4c4078b0e06b9271e84f9a9c13acfe375e5",slot:"label"},e("slot",{key:"c3e5b86f8de7a94027625c455ca90a410a6e0376",name:"year-label"})),f((t=this.value)!==null&&t!==void 0?t:l.Date.now(),this.min,this.max).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-input-select",{key:"1681d220124e615137b47fa559b029a7e0a9d817",ref:t=>this.month=t,name:`${this.name}-month`,readonly:this.readonly,color:this.color,looks:this.looks,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const s=t.detail.value;if(s&&l.Date.is(s)){const t=l.Date.firstOfMonth(s);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},e("div",{key:"fc7d8b8bcaf3fb5d1f3751cfee4d50d7c8933651",slot:"label"},e("slot",{key:"4f60fb1c4b5f8a17e4c27f614201f1e024dc2f30",name:"month-label"})),y((s=this.value)!==null&&s!==void 0?s:l.Date.now()).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-icon",{key:"9a79babdcef483316c46a524a66c48c7f32fc490",name:"caret-forward-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowNextMonth},onClick:()=>this.allowNextMonth&&this.adjustMonth(1)}))}get element(){return this}static get watchers(){return{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}}static get style(){return p()}},[262,"smoothly-input-month",{readonly:[1540],color:[513],looks:[1537],name:[513],value:[1025],max:[1025],min:[1025],next:[516],previous:[516],inCalendar:[516,"in-calendar"],showLabel:[516,"show-label"],allowPreviousMonth:[32],allowNextMonth:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-month","smoothly-icon","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-month":if(!customElements.get(n(t))){customElements.define(n(t),v)}break;case"smoothly-icon":if(!customElements.get(n(t))){c()}break;case"smoothly-input-select":if(!customElements.get(n(t))){r()}break;case"smoothly-item":if(!customElements.get(n(t))){m()}break}}))}b();export{v as S,b as d,u as m,d as w};
+//# sourceMappingURL=p-MqffyRVU.js.map

package/dist/components/{p-BdYr9Wou.js → p-QtHFbgfu.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,h as e,d as s,t as i}from"./p-BsZrGTcp.js";import{d as n}from"./p-DDYB8QLF.js";import{d as r}from"./p-CCaI37_s.js";import{d as c}from"./p-DFPMixk-.js";const m=()=>`.sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier{pointer-events:none;display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier>smoothly-notification.sc-smoothly-notifier{pointer-events:all}`;const l=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.icon=false;this.notices=[]}onNotice(o){this.notices=[...this.notices,o.detail]}onRemove(o){this.notices=[...this.notices.filter((t=>t!=o.detail))]}render(){return e(s,{key:"4e003f931f925f8b9b7bf025a30ed5637d1883f6"},e("slot",{key:"24474dce23d51652d402faf096be33cbd2356a53"}),e("div",{key:"23d8511a4e84d13e2e19a623ebadcc7957881221",class:"smoothly-notifier-wrapper"},this.notices.map((o=>e("smoothly-notification",{notice:o,icon:this.icon})))))}static get style(){return m()}},[262,"smoothly-notifier",{icon:[4],notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]]);function a(){if(typeof customElements==="undefined"){return}const o=["smoothly-notifier","smoothly-icon","smoothly-notification","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-notifier":if(!customElements.get(i(o))){customElements.define(i(o),l)}break;case"smoothly-icon":if(!customElements.get(i(o))){n()}break;case"smoothly-notification":if(!customElements.get(i(o))){r()}break;case"smoothly-trigger":if(!customElements.get(i(o))){c()}break}}))}a();export{l as N,a as d};
-//# sourceMappingURL=p-BdYr9Wou.js.map
+import{p as o,H as t,h as e,d as s,t as i}from"./p-BsZrGTcp.js";import{d as n}from"./p-DFSiKg4M.js";import{d as r}from"./p-1eBV_fsy.js";import{d as c}from"./p-C2woWb9T.js";const f=()=>`.sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier{pointer-events:none;display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier>smoothly-notification.sc-smoothly-notifier{pointer-events:all}`;const m=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.icon=false;this.notices=[]}onNotice(o){this.notices=[...this.notices,o.detail]}onRemove(o){this.notices=[...this.notices.filter((t=>t!=o.detail))]}render(){return e(s,{key:"4eab0b03bcd2b49a1fed8c6de67ecfcd045673bf"},e("slot",{key:"65ba8affecf54b00f39b5ceec891a04d390b9312"}),e("div",{key:"f1caed9cedb41c1922f3f694347871e4465b043f",class:"smoothly-notifier-wrapper"},this.notices.map((o=>e("smoothly-notification",{notice:o,icon:this.icon})))))}static get style(){return f()}},[262,"smoothly-notifier",{icon:[4],notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]]);function l(){if(typeof customElements==="undefined"){return}const o=["smoothly-notifier","smoothly-icon","smoothly-notification","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-notifier":if(!customElements.get(i(o))){customElements.define(i(o),m)}break;case"smoothly-icon":if(!customElements.get(i(o))){n()}break;case"smoothly-notification":if(!customElements.get(i(o))){r()}break;case"smoothly-trigger":if(!customElements.get(i(o))){c()}break}}))}l();export{m as N,l as d};
+//# sourceMappingURL=p-QtHFbgfu.js.map

package/dist/components/p-U7a1lSmf.js

@@ -0,0 +1,2 @@
+import{p as e,H as o,h as t,d as s,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-mmAi00ak.js";import{d as c}from"./p-Cl8L61mt.js";import{d as n}from"./p-CHjWijPI.js";import{d as l}from"./p-BE5E3Jm6.js";import{d as r}from"./p-vvQg46ti.js";import{d as i}from"./p-DFSiKg4M.js";import{d as f}from"./p-o8kM0Soe.js";import{d as b}from"./p-CtVEKtM6.js";import{d}from"./p-KZeR_6LG.js";import{d as p}from"./p-gEWA_tZo.js";import{d as y}from"./p-MqffyRVU.js";import{d as u}from"./p-BplZiuMF.js";import{d as h}from"./p-BLdivqFr.js";import{d as k}from"./p-CVdJ19AA.js";import{d as E}from"./p-DvOr53No.js";const j=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"673b06b46e297f0abc1c49bcf7ee7acf46cb0295"},t("h2",{key:"4ffa92eb6f9261555d777d05c3e78c404a7df03a"},"Transparent"),t("smoothly-form",{key:"03c25db049779ee90220f0028f18e6e70c037408",looks:"transparent",onSmoothlyFormSubmit:e=>console.log(e.detail.value)},t("smoothly-input-file",{key:"99424c41ab07b388c9e9c35c799e2daec342389b",name:"file"},t("span",{key:"4b686a0fe7159e757d1a76070e2b6246e17a15dc",slot:"label"},"File"),t("smoothly-icon",{key:"8e323ca63e51c6b5acb6d4d8b31641dbbd4e98b0",slot:"button",name:"folder-open-outline",size:"small"})),t("smoothly-input",{key:"fba6aa2567e053902d9100831573d2fc6aaac1b2",type:"duration",looks:"transparent",placeholder:"h:mm"},"Input"),t("smoothly-input-date",{key:"49eeabd20143a15cf14ff6289a3aa28be531a5d9"},"Date"),t("smoothly-input-date-range",{key:"ea4235cc90265d0b73c96d2f2ee9665ba62c40e4"},"Date Range"),t("smoothly-input-select",{key:"ed44815dd57ba74c31a436fff6ece4edcd8091ae",name:"transport"},t("smoothly-item",{key:"f7679b58d170d3bbf264fc67556b21ecc55c7b3e",value:"plane"},t("smoothly-icon",{key:"a16734c2ed81ae0985db7328c389818d717f976e",name:"airplane-outline"})),t("smoothly-item",{key:"8c08a4ce4812a1ecb8d0304c002b6179f586a21f",value:"car"},t("smoothly-icon",{key:"2488556ed2e45e6e4fff17c647ae987b8f4f1773",name:"car-outline"})),t("smoothly-item",{key:"5b0cb1c46c7783a49b954b5eba8bafcd23cf2985",value:"bus",selected:true},t("smoothly-icon",{key:"62b98cc6a689f5c1d49eee728b697321a85283f8",name:"bus-outline"}))),t("smoothly-input-submit",{key:"5a229bbbd0cf22d44080a22d583403569ca62a5f",icon:"checkbox-outline"})))}},[2,"smoothly-form-demo-transparent"]);function g(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-transparent","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","smoothly-input-date-range","smoothly-input-file","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-transparent":if(!customElements.get(m(e))){customElements.define(m(e),j)}break;case"smoothly-button":if(!customElements.get(m(e))){a()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){c()}break;case"smoothly-calendar":if(!customElements.get(m(e))){n()}break;case"smoothly-date-text":if(!customElements.get(m(e))){l()}break;case"smoothly-form":if(!customElements.get(m(e))){r()}break;case"smoothly-icon":if(!customElements.get(m(e))){i()}break;case"smoothly-input":if(!customElements.get(m(e))){f()}break;case"smoothly-input-date":if(!customElements.get(m(e))){b()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){d()}break;case"smoothly-input-file":if(!customElements.get(m(e))){p()}break;case"smoothly-input-month":if(!customElements.get(m(e))){y()}break;case"smoothly-input-select":if(!customElements.get(m(e))){u()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){k()}break;case"smoothly-spinner":if(!customElements.get(m(e))){E()}break}}))}g();export{j as S,g as d};
+//# sourceMappingURL=p-U7a1lSmf.js.map

package/dist/components/{p-CFwdTUm-.js → p-XZAGPm4i.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:"3007de001a37cd97b19055f2300d0c4200714da4",onClick:o=>this.clickHandler(o)},l("slot",{key:"8eec771831b3e72481baaa792403fd6f28ce23b2"}),l("div",{key:"f4a0071effd34729d812fdc02023f55c29c61da2",class:"smoothly-table-detail",ref:o=>this.div=o},l("slot",{key:"e9eae5eaddd3886cb39a8086bba97a177791378d",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-CFwdTUm-.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:"0b30bab39714624466afaef8c84e249968817f34",onClick:o=>this.clickHandler(o)},l("slot",{key:"b5cb0b756d50f4ae59b2032e47100db32fd91d4a"}),l("div",{key:"1ed07af1ce9a0a1c3d1516f2cd0e6239861f6a8a",class:"smoothly-table-detail",ref:o=>this.div=o},l("slot",{key:"61d49870b81b2fba88d179b25859fc056321be80",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-XZAGPm4i.js.map

package/dist/components/p-ewmy4_JT.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as l,F as o,d as t,t as c}from"./p-BsZrGTcp.js";import{d}from"./p-CN3iME9d.js";import{d as s}from"./p-DG2pfnCV.js";import{d as y}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as f}from"./p-F8qX8ZuL.js";import{d as m}from"./p-CGfga7g-.js";import{d as p}from"./p-CF7MePy1.js";import{d as r}from"./p-Cx_sM6Sy.js";import{d as h}from"./p-DO3QrEu1.js";import{d as i}from"./p-D57O7AkC.js";import{d as n}from"./p-C9_7A_n7.js";import{d as u}from"./p-XZAGPm4i.js";import{d as k}from"./p-DlkQKgfQ.js";import{d as g}from"./p-CceVYEd4.js";import{d as w}from"./p-CttQUOE5.js";const v=()=>`.sc-smoothly-table-demo-group-h{display:block}.sc-smoothly-table-demo-group-h smoothly-display.sc-smoothly-table-demo-group{display:inline}.sc-smoothly-table-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-table-demo-group{grid-column:span 2}.sc-smoothly-table-demo-group-h>smoothly-display.sc-smoothly-table-demo-group{display:inherit;font-size:2em}.sc-smoothly-table-demo-group-h>*.sc-smoothly-table-demo-group{margin-bottom:2rem}.sc-smoothly-table-demo-group-h fake-group-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-row-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-expandable-row-wrapper.sc-smoothly-table-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-table-demo-group-h fake-cell-wrapper.sc-smoothly-table-demo-group{grid-column:span 1;display:block}.sc-smoothly-table-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-table-demo-group{display:contents}`;const E=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return l(t,{key:"62df195c439cf706a1a3c7f41db6c2e29dad142f"},l("smoothly-display",{key:"e0e9ff9ce93fcaf000f395d113a553e5506f7304",type:"text",value:"Group"}),l("smoothly-table",{key:"326ba06d567fdd989afca120e2c3c37a0cc846e7",color:"primary",columns:2},l("smoothly-table-head",{key:"fc9c0d2f26660f7a905a049460ff9a5e1cf8d01a"},l("smoothly-table-row",{key:"f24071deda1e8594baa3247d2f4c7089a926ba57"},l("smoothly-table-cell",{key:"1bb3803e7af1271e4eb9f22a42325ac2b5b73232"},"Date"),l("smoothly-table-cell",{key:"ae5d48ded2734e285adf9ae59aaa63e695b659bc"},"Total"))),l("smoothly-table-body",{key:"986cebc8d947b2cb9e17673fd479a6ebf2f076c2"},l("smoothly-table-row-group",{key:"5525de8b528614a2a98b9c1f114005ccc00429c8",align:true},l("smoothly-display",{key:"fa42e342b2c3f6c17c876ae857e0d23318ffbbf5",slot:"start",type:"date",value:"2024-01-01"}),l("smoothly-display",{key:"e15d54e3288e723c449971fe3ef8e82e669e236c",slot:"end",type:"price",currency:"EUR",value:510}),l("smoothly-table-expandable-row",{key:"38294cc981a9711d9fe62e19dcc9be0dc44d72fe"},l("smoothly-table-cell",{key:"a6a1a468df6c6c4d870637d96d49a60b9e9a5b62"},l("smoothly-display",{key:"35b429ea784aae344d0eed4364047a16addab496",type:"date-time",value:"2024-01-01T01:37:00.000Z"})),l("smoothly-table-cell",{key:"12e3ffb4a8a1003f63ec8426365ab164ca5e2860"},l("smoothly-display",{key:"d2f3030c67352148cb3edfaa6fb7ae9cc77b94bd",type:"price",currency:"EUR",value:250})),l("smoothly-lazy",{key:"e7d2324c84054a6d5c99f9123c1407ac6dd47cd8",slot:"detail",content:l(o,null,"Details of 2024-01-01T01:37:00.000Z")})),l("smoothly-table-expandable-row",{key:"aff20dad5eba30487c0dd0af87498d00593f67e8"},l("smoothly-table-cell",{key:"c31a2971ab968e445a622f2e2c685fab84d46b22"},l("smoothly-display",{key:"5c71ba768035bd954b4280fa616c046a3abe20ac",type:"date-time",value:"2024-01-01T13:37:00.000Z"})),l("smoothly-table-cell",{key:"43ce6d32c1cb44473460cf942eed00eb7ba0d9bb"},l("smoothly-display",{key:"faa140a1e7bff8ee3db1f4cea2af3b89a5e0573a",type:"price",currency:"EUR",value:260})),l("smoothly-lazy",{key:"8a693ca8e8e976cf4313fae0b7b8ac2718a85a58",slot:"detail",content:l(o,null,"Details of 2024-01-01T13:37:00.000Z")}))),l("smoothly-table-row",{key:"58c1ef797e3f28e10e6132bb676601a74eecb02a"},l("smoothly-table-cell",{key:"e111fdc26f3ddbbe9f681f9bc4d68b8f057379a5"},l("smoothly-display",{key:"ba81ad168815ae393bee158c2aa833b2899b7ff8",type:"date",value:"2024-01-02"})),l("smoothly-table-cell",{key:"00ab6f81d2406415a58adea186c3a44307b7a75a"},l("smoothly-display",{key:"b071985cb24513990029755e61885ba9a3dd66c6",type:"price",currency:"EUR",value:130}))),l("smoothly-table-row-group",{key:"89ffb1f22c33c9859109a9899716687873c9d660"},l("smoothly-display",{key:"1f90e7bdf7a6eaed52c543211f93c4b67d774599",slot:"start",type:"date",value:"2024-01-03"}),l("smoothly-display",{key:"527d1d8b4b7eee3211e2314fba784864152e00ae",slot:"end",type:"price",currency:"EUR",value:720}),l("smoothly-table-expandable-row",{key:"f88db70380e5966a190f5ac8cca8fc0a67c4221f"},l("smoothly-table-cell",{key:"54027324f7cf88573f96c169ee8ce9bb34dad797"},l("smoothly-display",{key:"d071a9894db56273b9f6636b392d08a4b42c78e9",type:"date-time",value:"2024-01-03T01:37:00.000Z"})),l("smoothly-table-cell",{key:"6c1e4daf0f7dd6e3d8648bec713049f2fe074f6c"},l("smoothly-display",{key:"1023a52f76e9daff2d0c5db605ca76a3ff77561e",type:"price",currency:"EUR",value:320})),l("smoothly-lazy",{key:"f78aac6b2083e3ab97c37376caef47a902098a21",slot:"detail",content:l(o,null,"Details of 2024-01-03T01:37:00.000Z")})),l("smoothly-table-expandable-row",{key:"16e7bdb039dfc3a7c82e5aeab51c2fa8463adf06"},l("smoothly-table-cell",{key:"6f3fa97484bb104428e3bdf30676aeacdbdeff54"},l("smoothly-display",{key:"9e485216c31280d2163b1c47b615e463922e5bb9",type:"date-time",value:"2024-01-03T13:37:00.000Z"})),l("smoothly-table-cell",{key:"6b26b65d005db2eb0a05e746668a31be90e550b1"},l("smoothly-display",{key:"d82acd54c4ca5cf965ec76cf72df7d560ec305cb",type:"price",currency:"EUR",value:400})),l("smoothly-lazy",{key:"6076632bb977591e9c00c9eb56b0e8d14df14b99",slot:"detail",content:l(o,null,"Details of 2024-01-03T13:37:00.000Z")}))),l("smoothly-table-row-group",{key:"d4b667e7c600ae58ca64a0c6c82f6770efb9b653"},l("smoothly-display",{key:"cea01aa7e1342130a10154b9582a5918d2e4d63b",slot:"start",type:"date",value:"2024-01-04"}),l("smoothly-table-expandable-row",{key:"d0a2849829de6b374e26f78815810f79397d516a"},l("smoothly-table-cell",{key:"c2f6db946a8b4d8c783dc6d2d3c8b9eccbcd3783"},l("smoothly-display",{key:"e4f2f3e8d77813f044bd530bb1027f8e806080ab",type:"date-time",value:"2024-01-04T01:37:00.000Z"})),l("smoothly-table-cell",{key:"4e0a4f1d32376dbeda02a6ea03b889c3b97c7ed8"},l("smoothly-display",{key:"729743ffd6a89c25a67b171a460e2013e07973f1",type:"price",currency:"EUR",value:320})),l("smoothly-lazy",{key:"42696f349c875e81c1dcd9584946016a9a71ee9b",slot:"detail",content:l(o,null,"Details of 2024-01-04T01:37:00.000Z")})),l("smoothly-table-expandable-row",{key:"1f2bb863946e96a145afc60229b280a626d3afba"},l("smoothly-table-cell",{key:"81548c1aa8566e74d235d84b1780ec6fbd42a31a"},l("smoothly-display",{key:"3570bfe6661f6b4d6fc8997b2c1443a36cc2d4eb",type:"date-time",value:"2024-01-04T13:37:00.000Z"})),l("smoothly-table-cell",{key:"aa5a554e100eb6abda0b99bd721b2f3df1536c2e"},l("smoothly-display",{key:"b9edeb0123445ce4d3f19cbfc08ad3195cf95bc7",type:"price",currency:"EUR",value:400})),l("smoothly-lazy",{key:"eab6098b3d7322acf3dc665fd273329834798637",slot:"detail",content:l(o,null,"Details of 2024-01-04T13:37:00.000Z")}))),l("smoothly-table-row-group",{key:"f6e604f50115898a66a6ed944c48c81e2c41b4ba"},l("smoothly-display",{key:"1222faba309ef28c8a79b6e4bfb541ca5e609741",slot:"end",type:"price",currency:"EUR",value:720}),l("smoothly-table-expandable-row",{key:"041ceb3f4632d6638d80b3380edb6e6fe3c68ba8"},l("smoothly-table-cell",{key:"470993aa98db04036f588e2fedd37a51c43f42d5"},l("smoothly-display",{key:"2ef2f28b13d6c22ecdd815695ca2ff695b875fbc",type:"date-time",value:"2024-01-05T01:37:00.000Z"})),l("smoothly-table-cell",{key:"806648544e9ef4fc342e1be65842be6a18a0d5e5"},l("smoothly-display",{key:"afce15a2c0e117c5b8fdbd68513d5550b9d7567c",type:"price",currency:"EUR",value:320})),l("smoothly-lazy",{key:"6ceddf3fd4331db664bf597d74c009c729331529",slot:"detail",content:l(o,null,"Details of 2024-01-05T01:37:00.000Z")})),l("smoothly-table-expandable-row",{key:"78fb3f1f3695a136f1e418e8b6bed3e8241a7018"},l("smoothly-table-cell",{key:"622023286563c7b2bc5dde3213183acdd60782c5"},l("smoothly-display",{key:"d5ee8d2f9707c60dd97a5e6ecdcd3a62d8f93598",type:"date-time",value:"2024-01-05T13:37:00.000Z"})),l("smoothly-table-cell",{key:"bfb7b9aa8c519239c034f804eb8120243e0ff43f"},l("smoothly-display",{key:"ab2df9299d20827fec408d7ea75c99e502bbf480",type:"price",currency:"EUR",value:400})),l("smoothly-lazy",{key:"1f6c7aca115925e268d6d562af66239dfe008a8d",slot:"detail",content:l(o,null,"Details of 2024-01-05T13:37:00.000Z")}))),l("fake-group-wrapper",{key:"7a6a14dd14bfe75f93b22ad545760d14c2f7987e"},l("smoothly-table-row-group",{key:"a75a0eaa8690248ee86ebd8ac061fbbaa73446cf"},l("smoothly-display",{key:"713b7876d6ef92b2282bcc04dd72c92a89110525",slot:"start",type:"date",value:"2024-01-06"}),l("smoothly-display",{key:"3ea05b25d04e12bd44d12df5d49ebc640863af7b",slot:"end",type:"price",currency:"EUR",value:720}),l("fake-row-wrapper",{key:"1a94be668e96af4f2b4998fef2b2c99eff630121"},l("smoothly-table-row",{key:"e72c098a74dfcd4b22a3ae575a5ce71d6cf5d4c3"},l("fake-cell-wrapper",{key:"c552275a1b5d204a69664d4e7188ee2282a98ac4"},l("smoothly-table-cell",{key:"6e1e84b08e9a20fb1cda64ebb6e1cc29a0422b34"},l("smoothly-display",{key:"7dd6e96dac39fbb6ee3bf54e33868c7f836a8f46",type:"date",value:"2024-01-02"}))),l("fake-expandable-cell-wrapper",{key:"5549a1795adb2f64d11438c53b7600396a866b2d"},l("smoothly-table-expandable-cell",{key:"f6550a6b4dfbba1e340532bac7751eb7ce95d3a3"},l("smoothly-display",{key:"30e460e5b2fafffdd2517631f118646f4a1d8f47",type:"price",currency:"EUR",value:130}),l("smoothly-lazy",{key:"1f38e7aa1d33998a080a1bdd6bece1ff7e016cb1",slot:"detail",content:l("span",null,l("smoothly-display",{type:"price",value:100,currency:"EUR"})," + ",l("smoothly-display",{type:"price",value:30,currency:"EUR"}))}))))),l("fake-expandable-row-wrapper",{key:"d51ca514fa6988b9f9c763c5a374b434432a8f8c"},l("smoothly-table-expandable-row",{key:"73e26ecf4a2a60147cca01ca89fd6cb9cfd189c6"},l("fake-cell-wrapper",{key:"cf80f961a21c96c9400378e3ff7da35ce9decc6c",class:"span-2"},l("smoothly-table-cell",{key:"74e278ce51e9c3f7c739758de2625f1239d77813",span:2},l("smoothly-display",{key:"82418ec6d6ca4d41cc3c3b37af238fec5b747f8e",type:"date",value:"2024-01-07"}))),l("smoothly-lazy",{key:"d6d0bb6f634b8b81d1d6c897225c6fe6f67bbe65",slot:"detail",content:l("smoothly-display",{type:"date-time",value:"2024-01-07T13:37:00.000Z"})}))))),l("smoothly-table-row-group",{key:"532b5d36935a77ae5c41106a9b1e0d50abe6a417"},l("smoothly-display",{key:"b2890def11816604589a1dfc6c3addf15ab359c8",slot:"start",type:"date",value:"2024-01-08"}),l("smoothly-display",{key:"f45c09b7a938e6b37614032d791d278c99f57603",slot:"end",type:"price",currency:"EUR",value:720})))))}static get style(){return v()}},[2,"smoothly-table-demo-group"]);function j(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-group","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-lazy","smoothly-load-more","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-expandable-cell","smoothly-table-expandable-row","smoothly-table-head","smoothly-table-row","smoothly-table-row-group"];e.forEach((e=>{switch(e){case"smoothly-table-demo-group":if(!customElements.get(c(e))){customElements.define(c(e),E)}break;case"smoothly-display":if(!customElements.get(c(e))){d()}break;case"smoothly-display-json":if(!customElements.get(c(e))){s()}break;case"smoothly-display-json-object":if(!customElements.get(c(e))){y()}break;case"smoothly-display-json-primitive":if(!customElements.get(c(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(c(e))){f()}break;case"smoothly-lazy":if(!customElements.get(c(e))){m()}break;case"smoothly-load-more":if(!customElements.get(c(e))){p()}break;case"smoothly-table":if(!customElements.get(c(e))){r()}break;case"smoothly-table-body":if(!customElements.get(c(e))){h()}break;case"smoothly-table-cell":if(!customElements.get(c(e))){i()}break;case"smoothly-table-expandable-cell":if(!customElements.get(c(e))){n()}break;case"smoothly-table-expandable-row":if(!customElements.get(c(e))){u()}break;case"smoothly-table-head":if(!customElements.get(c(e))){k()}break;case"smoothly-table-row":if(!customElements.get(c(e))){g()}break;case"smoothly-table-row-group":if(!customElements.get(c(e))){w()}break}}))}j();export{E as S,j as d};
+//# sourceMappingURL=p-ewmy4_JT.js.map