smoothly 1.120.0 → 1.121.0

package/dist/components/p-BLIeXp8k.js

@@ -1,2 +0,0 @@
-import{p as e,H as o,h as a,d as l,t as s}from"./p-BsZrGTcp.js";import{d as t}from"./p-CN3iME9d.js";import{d as c}from"./p-DG2pfnCV.js";import{d}from"./p-uFR5K4vd.js";import{d as y}from"./p-DvZK__s-.js";import{d as m}from"./p-F8qX8ZuL.js";import{d as b}from"./p-Bv6ll-a-.js";import{d as f}from"./p-DDtRlhit.js";import{d as p}from"./p-C77C00Ii.js";import{d as r}from"./p-DvMoIxws.js";import{d as i}from"./p-l818BCpp.js";import{d as h}from"./p-Cuq_eaHi.js";import{d as n}from"./p-Iph4bHku.js";import{d as k}from"./p-BWT1q2tN.js";const u=()=>`.sc-smoothly-table-demo-colspan-h{display:block}.sc-smoothly-table-demo-colspan-h smoothly-display.sc-smoothly-table-demo-colspan{display:inline}`;const j=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return a(l,{key:"0c48cda90a42886342351b0a4f4b0ddcdbba84e1"},a("smoothly-table",{key:"6ddf793f667d275b6e3969331d06c1d2f5e4c491",columns:3},a("smoothly-table-head",{key:"425732dcb06bbc7dd1c5b46689fcb9a5d1f8aae0"},a("smoothly-table-row",{key:"698dbdfbabfb904df19d92aaef652fc57b4371ad"},a("smoothly-table-cell",{key:"162b14024e5d5c1993c2c5120f014bd65dc452b8"},"Date"),a("smoothly-table-cell",{key:"7c8dfddd08a7a241ba4921d48c231e154e8ce2f7"},"Skip"),a("smoothly-table-cell",{key:"90c02f35f7233314a0478fdef7fe7e8d59ee6307"},"Total"))),a("smoothly-table-body",{key:"ee7c05917d77a73653f262da586d358a6c2d8c5f"},a("smoothly-table-row",{key:"fb8ea7dbe4c82f92258d4c531f88bf9192a121a7"},a("smoothly-table-cell",{key:"8c4f6a68055a38eafbbedde78acdec47610c3a45",span:2},a("smoothly-display",{key:"914cbd4c7716cb44df1fb2c9f30e864733398627",type:"date",value:"2024-01-01"})),a("smoothly-table-cell",{key:"28379684e4c04c36261cece4276bd0599bca8201"},a("smoothly-display",{key:"454f88e0c8f6236864d5507677e87c4129940fd6",type:"price",value:120,currency:"EUR"}))),a("smoothly-table-row",{key:"484339508d40ad812eb7edd24efa06ed18739b39"},a("smoothly-table-expandable-cell",{key:"885b10db54f9fb0051f0ac8d878dbd4a5413d698",span:2},a("smoothly-display",{key:"27a9840c4c283269809fef636b95e7dc46d18586",type:"date",value:"2024-01-02"}),a("smoothly-lazy",{key:"031f1ee60536b3b633c7638aed6e0d1d6a013ba8",slot:"detail",content:a("smoothly-display",{type:"date-time",value:"2024-01-02T13:37:00.000Z"})})),a("smoothly-table-expandable-cell",{key:"c1e0fc733a48eb0e5bf50d0ff70494e0f293b34e"},a("smoothly-display",{key:"fe0202769ab5932ed8257867802e297707efdb78",type:"price",value:220,currency:"EUR"}),a("smoothly-lazy",{key:"e170de6a7c33e6ce938e2a5240a33397a9d15d21",slot:"detail",content:a("span",null,a("smoothly-display",{type:"price",value:120,currency:"EUR"})," + ",a("smoothly-display",{type:"price",value:100,currency:"EUR"}))}))),a("smoothly-table-row",{key:"e06c96d7d22adc11c20140b67b877b69c0b95737"},a("smoothly-table-cell",{key:"6a6a0d756b16ccc002934e7aea89165959748518"},a("smoothly-display",{key:"9cabf2591bbfe35af7e58f649a185b872843b365",type:"date",value:"2024-01-02"})),a("smoothly-table-cell",{key:"bc20c5059843db6e9a61b5f600ddcbb959c544cd"},"Not Skipped"),a("smoothly-table-cell",{key:"306e585f47e9eb496ef5a1ddbecfcc9c823adde2"},a("smoothly-display",{key:"b1623473097b41ebc6bf1a03eeafd4a650371b98",type:"price",value:320,currency:"EUR"}))))))}static get style(){return u()}},[2,"smoothly-table-demo-colspan"]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-colspan","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-head","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-demo-colspan":if(!customElements.get(s(e))){customElements.define(s(e),j)}break;case"smoothly-display":if(!customElements.get(s(e))){t()}break;case"smoothly-display-json":if(!customElements.get(s(e))){c()}break;case"smoothly-display-json-object":if(!customElements.get(s(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(s(e))){y()}break;case"smoothly-display-json-record-key":if(!customElements.get(s(e))){m()}break;case"smoothly-lazy":if(!customElements.get(s(e))){b()}break;case"smoothly-load-more":if(!customElements.get(s(e))){f()}break;case"smoothly-table":if(!customElements.get(s(e))){p()}break;case"smoothly-table-body":if(!customElements.get(s(e))){r()}break;case"smoothly-table-cell":if(!customElements.get(s(e))){i()}break;case"smoothly-table-expandable-cell":if(!customElements.get(s(e))){h()}break;case"smoothly-table-head":if(!customElements.get(s(e))){n()}break;case"smoothly-table-row":if(!customElements.get(s(e))){k()}break}}))}E();export{j as S,E as d};
-//# sourceMappingURL=p-BLIeXp8k.js.map

package/dist/components/p-BX3JvEPG.js

@@ -1,2 +0,0 @@
-import{p as o,H as t,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{o as r}from"./p-Dr7iZPxA.js";import{f as c}from"./p-Br0kWrBT.js";import{N as l}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as n}from"./p-mmAi00ak.js";import{d as f}from"./p-MHAaISnU.js";import{d as p}from"./p-jq25vUmm.js";import{d}from"./p-DnvyyAaF.js";import{d as y}from"./p-DPlYDxyJ.js";import{d as h}from"./p-DDYB8QLF.js";import{d as u}from"./p-DhchoEO3.js";import{d as b}from"./p-BagcEQ4o.js";import{d as k}from"./p-C88eMND6.js";import{d as j}from"./p-ycoVDLCD.js";import{d as E}from"./p-ByRyVRgY.js";import{d as D}from"./p-CmUug44L.js";const B=()=>`.sc-smoothly-form-demo-date-h{display:block}`;const x=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.notice=s(this,"notice");this.validator=r({date:c("isoly.Date",i.Date.is)})}async submitHandler(o){o.stopPropagation();if(!this.validator.is(o.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(l.failed(`Type is incomplete.`))}else{this.notice.emit(l.succeeded(`Type is complete!`));o.detail.result(true)}o.detail.result(false)}render(){return e(m,{key:"f6a0bf1656158091b0b9d6647707ec6c919cbf66"},e("h2",{key:"210f22f5cbef0a441d7863764a0b6665afecdce1"},"Date input"),e("smoothly-form",{key:"eea3a74d6591f0193d8043d552a506868af1721d",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:o=>this.submitHandler(o)},e("smoothly-input-date",{key:"b9fc6aca0411799a7dd952a4ae27fff20bb7a085",name:"date"},"Date"),e("smoothly-input-submit",{key:"9abd42160b4efd43ec4e976bd143871437d2d08b",slot:"submit"},e("smoothly-icon",{key:"690f42105cb25db4275ba0c03bdaa6a16b24faa3",name:"checkmark-outline"}))))}static get style(){return B()}},[2,"smoothly-form-demo-date"]);function g(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo-date","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input-date","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];o.forEach((o=>{switch(o){case"smoothly-form-demo-date":if(!customElements.get(a(o))){customElements.define(a(o),x)}break;case"smoothly-button":if(!customElements.get(a(o))){n()}break;case"smoothly-button-confirm":if(!customElements.get(a(o))){f()}break;case"smoothly-calendar":if(!customElements.get(a(o))){p()}break;case"smoothly-date-text":if(!customElements.get(a(o))){d()}break;case"smoothly-form":if(!customElements.get(a(o))){y()}break;case"smoothly-icon":if(!customElements.get(a(o))){h()}break;case"smoothly-input-date":if(!customElements.get(a(o))){u()}break;case"smoothly-input-month":if(!customElements.get(a(o))){b()}break;case"smoothly-input-select":if(!customElements.get(a(o))){k()}break;case"smoothly-input-submit":if(!customElements.get(a(o))){j()}break;case"smoothly-item":if(!customElements.get(a(o))){E()}break;case"smoothly-spinner":if(!customElements.get(a(o))){D()}break}}))}g();export{x as S,g as d};
-//# sourceMappingURL=p-BX3JvEPG.js.map

package/dist/components/p-BXS5v02h.js

@@ -1,2 +0,0 @@
-import{p as e,H as o,c as s,h as t,F as a,d as l,t as m}from"./p-BsZrGTcp.js";import{I as c,C as i,F as d}from"./p-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 h}from"./p-DG2pfnCV.js";import{d as f}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-DPlYDxyJ.js";import{d as k}from"./p-DDYB8QLF.js";import{d as g}from"./p-BHTAR2x1.js";import{d as v}from"./p-Dk4OvZyQ.js";import{d as j}from"./p-Dq8EU803.js";import{d as E}from"./p-C88eMND6.js";import{d as $}from"./p-ByRyVRgY.js";import{d as x}from"./p-CmUug44L.js";const C=()=>`.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 F=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.notice=s(this,"notice");this.page=0;this.display={};this.props={}}render(){return t(l,{key:"ec049b1d4b3d93e28913174bd7ab55ce836298ae"},t("h2",{key:"d0430155840916db4250402c39e5ee2656dc9930"},"Filter and Variants"),t("smoothly-form",{key:"4c6f1ffa07fed10ba6051ab4d5f29c1278608b23",looks:"grid",onSmoothlyFormInput:e=>this.display=e.detail},t("smoothly-input",{key:"bea5be3b9c5f839da1fe6efd6497b4fa7c946e77",name:"filter"},"Filter"),t("smoothly-input-select",{key:"a64ee5957e34d669c481b77ba0f561ba5eebfa55",name:"variant"},t("span",{key:"80df7e185a498c1c33cfe1c3fde85f955d46f256",slot:"label"},"Variant"),t("smoothly-item",{key:"d6447afb06c4471f9b3036838da77182161ebaf1",value:"outline"},"outline"),t("smoothly-item",{key:"6622d9acf5549f05128632e386cafcabd4e5df0d",value:"sharp"},"sharp"),t("smoothly-input-clear",{key:"1a94b3d1d195c77716a7a9e92303bab3dffcf8b0",slot:"end"}))),t("h2",{key:"1320b7b476f6451885fa32dcb0daed671d269612"},"Props"),t("smoothly-form",{key:"1bc3722b6b25c57352ff7bc1df1571a3df824611",looks:"grid",onSmoothlyFormInput:e=>{this.props=e.detail;console.log("props",this.props)}},t("smoothly-input-select",{key:"8b065ccb0feb16a805a20ee13eab053d0cd8edfe",name:"color"},t("span",{key:"3ed5be41ac0893b18741356a70c7653c862579a0",slot:"label"},"Color"),i.values.map((e=>t("smoothly-item",{value:e},t("span",{style:{background:`rgb(var(--smoothly-${e}-color))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,e)))),t("smoothly-input-clear",{key:"50b90280c6f0600a073b8b8a254fb035f1aefec0",slot:"end"})),t("smoothly-input-select",{key:"efda773381d8cb5d491e591b731cea17b406a005",name:"fill"},t("span",{key:"396dbb906c3b52b53732b062f5ce8ebe70ce85b6",slot:"label"},"Fill"),d.values.map((e=>t("smoothly-item",{value:e},e))),t("smoothly-input-clear",{key:"44cc4c40f24ad5c978e423496ea30a3068f862a1",slot:"end"})),t("smoothly-input-select",{key:"d3aaee102be617722fc42dcd47139fe0d2c7284c",name:"customColor",menuHeight:"12items",ordered:true},t("span",{key:"dc450c6debc6be202b40628ef77196159e45a082",slot:"label"},"Custom Color"),i.values.flatMap((e=>t(a,null,["tint","color","shade","contrast"].map((o=>t("smoothly-item",{value:`--smoothly-${e}-${o}`},t("span",{style:{background:`rgb(var(--smoothly-${e}-${o}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,`rgb(var(--smoothly-${e}-${o}))`)))))))),t("smoothly-input-select",{key:"a68b41f9a46917cb1b46e9ada61d05c280f92ff0",name:"customBackground",menuHeight:"12items",ordered:true},t("span",{key:"f094c91bdb64df81fd5fc49945b2760c214c37ed",slot:"label"},"Custom Background"),i.values.flatMap((e=>t(a,null,["tint","color","shade","contrast"].map((o=>t("smoothly-item",{value:`--smoothly-${e}-${o}`},t("span",{style:{background:`rgb(var(--smoothly-${e}-${o}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,`rgb(var(--smoothly-${e}-${o}))`)))))))),t("smoothly-input-select",{key:"676477dc9f358f3512f0fb0f60a99a1deb3fa400",name:"flip"},t("span",{key:"7e7924009ac080ccd225052351d0c70079990b6f",slot:"label"},"Flip"),t("smoothly-item",{key:"70d21d485c90d881422d4c577fa04f101e0dae13",value:"x"},"x"),t("smoothly-item",{key:"7e57ce51632ddd1dbf5fed24f109599de216eb3e",value:"y"},"y"),t("smoothly-input-clear",{key:"0ea9f343784f533ebab4bc8d0b0879deb5e75156",slot:"end"})),t("smoothly-input-select",{key:"67e1d6b7b5e040e5284d0f5984c60a9f57a1d47f",name:"size"},t("span",{key:"e89ec731e273bd86c43d8993c78dbdcb1e052280",slot:"label"},"Size"),t("smoothly-item",{key:"06201d3e144034f8984f48a064ea7d01dbdc3a7f",value:"tiny"},"tiny"),t("smoothly-item",{key:"5f996913a822077f1fd66371819d528b0f67dc7f",value:"small"},"small"),t("smoothly-item",{key:"1aa1eff32b61221555b6356cbe658fb2591a6678",value:"medium"},"medium"),t("smoothly-item",{key:"1d18ac8a2bbcc4f16cd19263aa16d2d714582f27",value:"large"},"large"),t("smoothly-item",{key:"a0dd2fc34393ef5fc1ed89f1b000d3a3482a2324",value:"xlarge"},"xlarge"),t("smoothly-input-clear",{key:"1cde73483d40576d71b1994ea7a4a18a0df791dc",slot:"end"})),t("smoothly-input-range",{key:"c57e682c8ad984279d9b4d4eef60a6c076b3014b",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",t("smoothly-input-clear",{key:"485dc43539bb93a6bdd58ab1ba10ac5ee64abb80",slot:"end"}))),t("h1",{key:"cef7183437984cc0d8df4765a5afd62790e07881"},"Icons"),t("div",{key:"332d4c1168cda7307f00eef4106494860ed0a491",class:"icons"},[...c.Name.values.filter((e=>!this.display.filter||e.includes(this.display.filter))).map((e=>this.display.variant?`${e}-${this.display.variant}`:e)),...c.Logo.values.filter((e=>!this.display.filter||e.includes(this.display.filter)))].map((e=>t("smoothly-icon",{name:e,tooltip:e,"data-name":e,color:this.props.color,style:{fill:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",color:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",background:this.props["customBackground"]?`rgb(var(${this.props["customBackground"]}))`:""},fill:this.props.fill,flip:this.props.flip,size:this.props.size,rotate:this.props.rotate,onClick:()=>{navigator.clipboard.writeText(e);this.notice.emit(r.succeeded(`Copied "${e}"`))}})))))}static get style(){return C()}},[2,"smoothly-icon-demo",{display:[32],props:[32]}]);function B(){if(typeof customElements==="undefined"){return}const e=["smoothly-icon-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-clear","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-icon-demo":if(!customElements.get(m(e))){customElements.define(m(e),F)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-display":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json":if(!customElements.get(m(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){u()}break;case"smoothly-icon":if(!customElements.get(m(e))){k()}break;case"smoothly-input":if(!customElements.get(m(e))){g()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){v()}break;case"smoothly-input-range":if(!customElements.get(m(e))){j()}break;case"smoothly-input-select":if(!customElements.get(m(e))){E()}break;case"smoothly-item":if(!customElements.get(m(e))){$()}break;case"smoothly-spinner":if(!customElements.get(m(e))){x()}break}}))}B();export{F as S,B as d};
-//# sourceMappingURL=p-BXS5v02h.js.map

package/dist/components/p-BjQjh8et.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,h as o,F as a,d as s,t as m}from"./p-BsZrGTcp.js";import{R as c}from"./p-Br0kWrBT.js";import{d as i}from"./p-mmAi00ak.js";import{d}from"./p-MHAaISnU.js";import{d as r}from"./p-jq25vUmm.js";import{d as l}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as f}from"./p-DG2pfnCV.js";import{d as y}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as p}from"./p-F8qX8ZuL.js";import{d as h}from"./p-DPlYDxyJ.js";import{d as u}from"./p-DDYB8QLF.js";import{d as k}from"./p-BHTAR2x1.js";import{d as j}from"./p-B-jhX7aN.js";import{d as g}from"./p-Dk4OvZyQ.js";import{d as v}from"./p-CDzU4-Ri.js";import{d as E}from"./p-DhchoEO3.js";import{d as w}from"./p-CMLWVZ3h.js";import{d as O}from"./p-Cyl9K1If.js";import{d as S}from"./p-UqPFIGlg.js";import{d as D}from"./p-BagcEQ4o.js";import{d as x}from"./p-Bo1NnbuT.js";import{d as F}from"./p-BQOdxeHU.js";import{d as P}from"./p-Dq8EU803.js";import{d as z}from"./p-CLqKhHZ8.js";import{d as C}from"./p-C88eMND6.js";import{d as H}from"./p-ycoVDLCD.js";import{d as I}from"./p-ByRyVRgY.js";import{d as B}from"./p-CmUug44L.js";import{d as R}from"./p-BcEDrfmP.js";import{d as N}from"./p-2Y5tLcQ1.js";import{d as L}from"./p-BCwizh6U.js";const U=()=>`.sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name="hasOwner"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}`;const q=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.hasOwner=false;this.owner={}}render(){var e,t;return o(s,{key:"1e20a61c9db6aafdf47e54ed7aaef6c1ca3d8bfa"},o("h2",{key:"45492fefcf3cc0fb1a4010711cf10f0bded34893"},"Pet"),o("h3",{key:"bc05c80a795091886b94ba85dd89746e58159ea3"},"Value"),o("smoothly-form",{key:"42a8ccf63773aa8b235931cc66415cfd0f1f0c14",looks:"border",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail)),onSmoothlyFormInput:e=>this.value=Object.assign({},e.detail)},o("smoothly-input",{key:"3606396ae683768fb6ef5e5940f43fbef81800c9",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"1128b00ce30571d90960f0747caf90394d08f093",slot:"end"})),o("smoothly-input",{key:"fbd205ba349d3f754af21ebdc40434946bb712a4",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"e4465a244c36403f0869f5d739d9cdea595136ce",name:"hasOwner",onSmoothlyInputLoad:e=>e.stopPropagation(),onSmoothlyInput:e=>{this.hasOwner=e.detail.hasOwner;e.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"7be8886cdeedbdeb87c28b2024c26bd4532f07ed",slot:"end"})),this.hasOwner&&o(a,{key:"972c8da03c31ff920a5131daa1d046f7e80418c1"},o("smoothly-input",{key:"4fd076e713c449b56e4d3b38b47009a3301c81df",type:"text",name:"owner.firstName",value:this.owner.firstName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{firstName:e.detail["owner.firstName"]})},"Owner First Name",o("smoothly-input-reset",{key:"2af7bfb23d1d67903be625827d5d237640fc16b0",slot:"end"})),o("smoothly-input",{key:"ba357c367c5006c2002dee8f597b0344572c6238",type:"text",name:"owner.lastName",value:this.owner.lastName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{lastName:e.detail["owner.lastName"]})},"Owner Last Name"),o("smoothly-input-file",{key:"8caa1d54740a0e1fb3b29d709f6feb32c8c45a31",name:"owner.picture"},o("span",{key:"10332335746aadd62719e024aaa6f825a5b2800b",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"c8c1afc04ae737af2b45c061ee21b4dfb1713869",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:e.detail["owner.birthday"]})},"Owner birthday",o("smoothly-input-reset",{key:"e13a649d0d308340d419d2355d7d48fbfce257e7",slot:"end"})),o("smoothly-input-date-range",{key:"952264d17218340e89fe16c40b6003ee94f34c9e",name:"owner.ownedRange",start:(e=this.owner.ownedRange)===null||e===void 0?void 0:e.start,end:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.end,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:e.detail["owner.ownedRange"]})},"Owner ownedRange",o("smoothly-input-reset",{key:"f99d74c312b6b7ddc3d3b169b672d3cc478cb3a3",slot:"end"})),o("smoothly-input-range",{key:"d799c177fa826a5a582d1785add6d9ac512434a2",name:"owner.height",step:1,max:250,value:this.owner.height,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{height:e.detail["owner.height"]})},"Owner's Height",o("smoothly-input-reset",{key:"a872fe1b4ae49293daad5ca2c781fe9abe514b95",slot:"end"})),o("smoothly-input-select",{key:"cc6a5ef5238abc4dce3c2321c8f5c184c0dfe320",name:"owner.favoriteHat"},o("span",{key:"a073973ff9b090a82a23b81ca82875ac5155f822",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t,selected:this.owner.favoriteHat==e},e))),o("smoothly-input-reset",{key:"c39f9d320b08362f082749f5338de8d4530f9da5",slot:"end"})),o("smoothly-input-color",{key:"50e462d1f87b19685f627deb90d9eb3d2798c15a",name:"owner.favoriteColor",value:this.owner.favoriteColor?c.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:e.detail["owner.favoriteColor"]})},"Owner's Favorite Color",o("smoothly-input-reset",{key:"d63535ee7ac6bae7424f60bff48cc5342594ced6",slot:"end"})),o("smoothly-input-radio",{key:"f015946e2a17358be9f8279c5f92566101dd69ef",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:e.detail["owner.favoritePizza"]})},o("span",{key:"0e33220f442cf7e1b2908259c68bbf196fe2d2b2",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"7db7129193020bc6375b859f8eed9bbd3a774b72",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:e.detail["owner.hasPet"]})},"Has Pet")),o("smoothly-tabs",{key:"c02261545ec207a2be19261796ff1ab0322221c7"},o("smoothly-tab",{key:"64fc9145089d8175e87b77746a301d2a300227ff",label:"Dog",name:"dog"},o("smoothly-input",{key:"93efb08d77a27ebeb0ec1ffaa31d8f20ad1c5c79",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"fbb759287fbb384110dab6bd67e526e0e1b87061",name:"dog.picture"},o("span",{key:"75354c72313adfbf2f0590a4a1d629b056a584d0",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"67cb08aae3427ea09418763cd4f5c89f4c12885c",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"bfc8d1878f5e8c0b9e06dd6db93c5414d072aade",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"d89333abe0b84513f7b59d0910ec979dc63e4f76",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"0ca96cd6cd0ed9d0d0b6e3212c4e545b1783edda",name:"dog.favoriteHat"},o("span",{key:"e9bb41040522fc010702793420c2f448fa2fc0af",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-color",{key:"609b660e2980b33ac4c437fd3a2cecc212fb700d",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"496506fd830c3da16c3cbb32ed7a93b54e1d023f",name:"dog.favoritePizza"},o("span",{key:"59bdad0dc97036ca753d7de08dadcd9ab888df47",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"2ad32725e92f4eb3f6402751facf72563491a5a7",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"09d4b79adbbf8772285a13ce1bb45fea67c3c019",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"2a298883bf58261ec42cd8a7cb220421604233f2",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"6ded1101edaf7025402e2084cfa3d530a9440497",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"c6fec8eff6ed07080cfcfd7e04a1accd9be5e698",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"1ef6c74c21f3a530ea18a5fb843c0f39c5d09a5c",name:"parrot.picture"},o("span",{key:"1506866be3f7d5032caa07277ddb4900adf796e4",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"2768b4e77018167d8c5459561627c7176f6af19e",slot:"end"})),o("smoothly-input-date",{key:"4482cadd8c81d8cf68d01d940759c9c8fa302889",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"1db7a128f9fe548e64a26b106f0428cf027515dd",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"f61bb824149c3927ee9e7df5474bc1140b557c2d",slot:"end"})),o("smoothly-input-range",{key:"455be79335de1c32001a9baf41bc6601600a6f2b",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"f0c5284602a08d52331e2fca63bf561212bce4f9",slot:"end"})),o("smoothly-input-select",{key:"2b5d15b9bdda780755ddb704019bdf9b075f7593",name:"parrot.favoriteHat"},o("span",{key:"e23e7228157f39f8d5b565c6283e65d848d662f2",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-month",{key:"282eb367f0a8bbcc9b296358933c83a2ab1246a2",name:"parrot.month"},o("span",{key:"46678c21d019c38d586da52a8ca5ba14e54f9545",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"74de10bf1eb9a54f1f5139f9b7549b84d90f521e",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"2135343dbedb74df58a88e011921ed5cf93a8f69",name:"parrot.favoritePizza"},o("span",{key:"b549ce953d14b96b12496f989cf8c237fa697d6d",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"e4fd4673ea5c4feb91142062527f7537f715738e",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"c757eec9af05b183a036119430533a2fdfa7ff26",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"94108e7af02550ba3ea038b879e0db56fe057833",type:"json",value:this.value}))}static get style(){return U()}},[2,"smoothly-form-demo-pet",{hasOwner:[32],owner:[32],value:[32]}]);function Z(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-pet","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-form-demo-pet":if(!customElements.get(m(e))){customElements.define(m(e),q)}break;case"smoothly-button":if(!customElements.get(m(e))){i()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){d()}break;case"smoothly-calendar":if(!customElements.get(m(e))){r()}break;case"smoothly-date-text":if(!customElements.get(m(e))){l()}break;case"smoothly-display":if(!customElements.get(m(e))){n()}break;case"smoothly-display-json":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){h()}break;case"smoothly-icon":if(!customElements.get(m(e))){u()}break;case"smoothly-input":if(!customElements.get(m(e))){k()}break;case"smoothly-input-checkbox":if(!customElements.get(m(e))){j()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){g()}break;case"smoothly-input-color":if(!customElements.get(m(e))){v()}break;case"smoothly-input-date":if(!customElements.get(m(e))){E()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(m(e))){O()}break;case"smoothly-input-file":if(!customElements.get(m(e))){S()}break;case"smoothly-input-month":if(!customElements.get(m(e))){D()}break;case"smoothly-input-radio":if(!customElements.get(m(e))){x()}break;case"smoothly-input-radio-item":if(!customElements.get(m(e))){F()}break;case"smoothly-input-range":if(!customElements.get(m(e))){P()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){z()}break;case"smoothly-input-select":if(!customElements.get(m(e))){C()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){H()}break;case"smoothly-item":if(!customElements.get(m(e))){I()}break;case"smoothly-spinner":if(!customElements.get(m(e))){B()}break;case"smoothly-tab":if(!customElements.get(m(e))){R()}break;case"smoothly-tabs":if(!customElements.get(m(e))){N()}break;case"smoothly-toggle-switch":if(!customElements.get(m(e))){L()}break}}))}Z();export{q as S,Z as d};
-//# sourceMappingURL=p-BjQjh8et.js.map

package/dist/components/p-BncQwsFC.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{C as d}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{L as i,d as c}from"./p-DPlYDxyJ.js";import{d as l}from"./p-mmAi00ak.js";import{d as m}from"./p-jq25vUmm.js";import{d as r}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as h}from"./p-DG2pfnCV.js";import{d as b}from"./p-uFR5K4vd.js";import{d as f}from"./p-DvZK__s-.js";import{d as y}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DDYB8QLF.js";import{d as u}from"./p-BHTAR2x1.js";import{d as k}from"./p-B-jhX7aN.js";import{d as g}from"./p-Dk4OvZyQ.js";import{d as v}from"./p-CDzU4-Ri.js";import{d as j}from"./p-DhchoEO3.js";import{d as w}from"./p-CMLWVZ3h.js";import{d as E}from"./p-Cyl9K1If.js";import{d as x}from"./p-UqPFIGlg.js";import{d as D}from"./p-BagcEQ4o.js";import{d as L}from"./p-Bo1NnbuT.js";import{d as C}from"./p-BQOdxeHU.js";import{d as R}from"./p-Dq8EU803.js";import{d as B}from"./p-CLqKhHZ8.js";import{d as M}from"./p-C88eMND6.js";import{d as S}from"./p-ByRyVRgY.js";import{d as T}from"./p-CmUug44L.js";import{d as F}from"./p-BCwizh6U.js";const U=()=>`.sc-smoothly-input-demo-standard-h{max-width:min(calc(100% - 0.5rem), 48rem);margin:auto}.sc-smoothly-input-demo-standard-h h2.sc-smoothly-input-demo-standard,.sc-smoothly-input-demo-standard-h p.sc-smoothly-input-demo-standard{margin:.5rem 0}.sc-smoothly-input-demo-standard-h>.description.sc-smoothly-input-demo-standard{--smoothly-form-input-min-width:18rem}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:1fr 9rem;gap:1rem;position:relative;justify-content:space-around}div.input-wrapper.sc-smoothly-input-demo-standard>[name].sc-smoothly-input-demo-standard{grid-column:1 / 2}div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard{width:100%;text-align:center;border-bottom:1px dashed black}div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard{align-content:center;grid-column:2 / 3;border-left:1px dashed black;padding-left:1rem;content:"hello"}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{width:0.5rem;grid-column:1 / 2;white-space:nowrap;overflow:visible;position:relative;cursor:default}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard::before{content:"";position:absolute;width:100%;top:1.5rem;bottom:-1rem;border:1px  dashed black;z-index:2}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard:hover::before{bottom:-100vh}`;const A=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.duration={hours:8};this.options={}}connectedCallback(){this.updateInputHeightText()}componentDidRender(){this.updateInputHeightText()}updateInputHeightText(){const e=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));this.element.querySelectorAll(".height").forEach((t=>{const o=t.clientHeight;t.innerHTML=`<b>${o/e}rem</b> (${o}pixels)`}))}render(){return o(s,{key:"2e355c9aa093b8466d23357c9aae6d88011170be"},o("div",{key:"b212cbda84e5965666cce503713c85baaa045d32",class:"description"},o("h2",{key:"21f4edf40038c44f1b745a0f0ae5c15a4d909ee6"},"Input Standard"),o("p",{key:"3f4cf3c1e07effe5cb728f54311cf92f438eecf5"},"Height of input should be ",o("code",{key:"e5c546b13ce7c73522216a1509e50022c786a36a"},"3rem")," including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."),o("smoothly-form",{key:"6c3be1205cf4699ae45248278c21a217f5d35e9c",looks:"grid",onSmoothlyFormInput:e=>this.options=e.detail},o("smoothly-input-select",{key:"c76494d9a20e705a7a9350f621104aec46b0e857",name:"color"},o("span",{key:"c1ccb2f1c17b46e976fadd5331f07c4d7a699791",slot:"label"},"Color"),d.values.map((e=>o("smoothly-item",{value:e},o("span",{color:e},e)))),o("smoothly-input-clear",{key:"dbaa782144733cdcbec4d5257e21b0a4f170e5e5",slot:"end"})),o("smoothly-input-select",{key:"28b28e354ac6fc5637ecf14acccfe30bfef11ff6",name:"looks"},o("span",{key:"f1452804684f0a76d78542a9cb64928a478f03ec",slot:"label"},"Looks"),i.values.map((e=>o("smoothly-item",{value:e},e)))),o("smoothly-input-range",{key:"3ca928155a582e8b5ab68ebdc2de073c390b58ed",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"99e0f80359bb1d1813b4445fc642aeff881d0d12",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"fb4e997a1751c7a05fb97d40ae5e151ad62e7a53",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"78a9cf0fe349660d1f6869a4051051006b0f13ac",name:"invalid"},"Invalid"),o("smoothly-input",{key:"01b1d2c7089b8d24d40de9799f6296d8e2e1c34a",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"3a8c24b67d02e7e040ea452bcb74dfcf8176eb6c",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"143f2e8974ac80899bcac6c582cfe071c370b491",name:"placeholder"},"Placeholder"),o("smoothly-input-checkbox",{key:"d16643507059700194c9b5b5d402d83d68ac7d42",name:"alwaysShowGuide"},"Always Show Guide (for date inputs)"))),o("div",{key:"5c3a8ad043a7d87f872343009acf3b09c9c61b40",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"2f5cde81d501ffd5c2bce64e1b54586f489cd11f",class:"width"},"width: 100%"),o("div",{key:"a055e7019d888ca2c12161581c2c77a35fa247ba",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"f7840a4c2c7197895adabac250b283dd1209d440",name:"text",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"5983ef639593b4f877b77b99d58f08d9fd47b98d"},"Text"),o("smoothly-input-clear",{key:"252b68a3efdc6b70a0532eacb18cbcd137b207b3",slot:"end"})),o("div",{key:"37c4139e98071dec4901519ba10a075219e270bf",class:"height"}),o("smoothly-input-select",{key:"6ed894124eadea113968089eba5c38c7fff2caf4",name:"month",color:this.options.color,looks:this.options.looks,menuHeight:"6.7items",readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"2229eee3d5a4cab69d203a4f3b8f313693d1852c",slot:"label"},"Select"),o("smoothly-item",{key:"bfb7e1e1302677b556256f5c871eaabf83a1a22d",value:"1"},"January"),o("smoothly-item",{key:"37b4e1404f0d93c3cfec6ae778a009cccc481f37",value:"2"},"February"),o("smoothly-item",{key:"7804e2f534c4cd279e5f29e212bc8b3f07d3be9e",value:"3"},"March"),o("smoothly-item",{key:"7de014b6870276d1afbc3f8b4780dd789b42501e",value:"4"},"April"),o("smoothly-item",{key:"e30eac74368b6ae4eaf58f371c8bdd0d030c76c1",value:"5"},"May"),o("smoothly-item",{key:"90e999da893c3c3d6c9aea57d500808fac2f64d4",value:"6"},"June"),o("smoothly-item",{key:"0c3ae02ce9a1c9ab4fca7c06fd3809ee8067bce5",value:"7"},"July"),o("smoothly-item",{key:"689c71f20be3bc6fb057445c5ceaa60718f05603",value:"8"},"August"),o("smoothly-item",{key:"b1443376f5fa483d15873c9232290f6b6e270f1c",value:"9"},"September"),o("smoothly-item",{key:"5055f6a2b1e136f911f32bc053d35c1931faaf02",value:"10"},"October"),o("smoothly-item",{key:"512f871512f7bdd02462b286f724b66b7a845c48",value:"11"},"November"),o("smoothly-item",{key:"4b6c5608cd060744cdd798803e67f2188ada562f",value:"12"},"December"),o("smoothly-input-clear",{key:"7fd619f654ad16a0048a12793092d214bb87a7dc",slot:"end"})),o("div",{key:"ab13b70b196dbc83d694145abd870bee5d121be1",class:"height"}),o("smoothly-input-checkbox",{key:"2eb487f1b741e7b12b50bc1b6eed8990a89b059e",name:"checkbox",checked:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled},"Check",o("smoothly-input-reset",{key:"df9db551b674bb4df52b7c84bafbf25adab266fa",slot:"end"})),o("div",{key:"bb29d6b57fdf27d523c4690ce4903187590c5b18",class:"height"}),o("smoothly-input-radio",{key:"12e400081cb687023137e7f1a3834915c846ac3f",name:"radio",clearable:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("label",{key:"d0646e2ca2ddd5ec6d7b6cdcddace55e907f4f59",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"5f2dd2ecb3289f99f82367cc0ab4c14b578ca0a3",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"5abdb6fb7897c18e088c85ec08313769e744583c",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"2bba28393706691b0973bd9f92836bd28c890b07",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"5853dbcda5ed68ce1401245bba244f19a248ccbe",slot:"end"})),o("div",{key:"7b1fc6de01785728d758ea07c55c3f2ff47415c8",class:"height"}),o("smoothly-input-file",{key:"1eac17bd99f215911b95f67312164ed294952b6d",name:"file",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"43d11a34c076520aed899bceb035c829836fd725",slot:"label"},"File"),o("smoothly-input-clear",{key:"106b3c31ae10b64bdc4bc309a3512d58e929f4e2",slot:"end"})),o("div",{key:"d13c20742bb1e088160b7cc59efb5f75dbfa4eaf",class:"height"}),o("smoothly-input-range",{key:"d81378e953c5fe82ec020e544de7cf15d0e76434",name:"range",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,label:this.options.showLabel?"Range":undefined},o("smoothly-input-clear",{key:"27e6247aa7c628859ebab11d8da32cf8be3dfd03",slot:"end"})),o("div",{key:"ae21676a75148c438d070bf932e96b09f2237325",class:"height"}),o("smoothly-input-color",{key:"718f8309dd37c5e4552de5a2d5c00483b6397127",name:"color",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"eaadb8d6f5fa9f6143f2d2549e1b7901e32b2bef"},"Color"),o("smoothly-input-clear",{key:"f396f11146e3fb840e559086cf45ec745fe9dad8",slot:"end"})),o("div",{key:"60c4fcb685302ae33a5ff3f700b1b3c0010fd316",class:"height"}),o("smoothly-input-date",{key:"9eadbb8a6648c0986b83bc6c044683ddc7012472",name:"date",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide},this.options.showLabel&&o("span",{key:"f2502eeec674553779739ba3bf9d6beaa55566a2"},"Date"),o("smoothly-input-clear",{key:"f36a9a9403e5aa756a5c1a955cc526b2b349aeb3",slot:"end"})),o("div",{key:"d0a81dd6a18ae37f0c55e7aa448d4323197b4e40",class:"height"}),o("smoothly-input-date-time",{key:"a2c25b754dab6b88d1e25a8abecbe227153eab18",name:"dateTime",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel},"DateTime",o("smoothly-input-clear",{key:"8e392cdd2f0c92a9aca8f1e468c236065fd3c2b0",slot:"end"})),o("div",{key:"76f81fc46a552dd4ebe1b15b888b85e0faabf5bb",class:"height"}),o("smoothly-input-date-range",{key:"3837975fd0e591d52386c1b12f3171d64e91cf80",name:"dateRange",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"676c2f53a26198524881f0221c73e6b654bb13dc"},"Date Range"),o("smoothly-input-clear",{key:"1e4740db4bf043f74cfafa1e7e91312878b71b86",slot:"end"})),o("div",{key:"db0449b44b24dd20fccdb99329b876d938d5f68c",class:"height"})))}get element(){return this}static get style(){return U()}},[2,"smoothly-input-demo-standard",{duration:[32],options:[32]}]);function G(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-standard","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-standard":if(!customElements.get(a(e))){customElements.define(a(e),A)}break;case"smoothly-button":if(!customElements.get(a(e))){l()}break;case"smoothly-calendar":if(!customElements.get(a(e))){m()}break;case"smoothly-date-text":if(!customElements.get(a(e))){r()}break;case"smoothly-display":if(!customElements.get(a(e))){n()}break;case"smoothly-display-json":if(!customElements.get(a(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){b()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){f()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){y()}break;case"smoothly-form":if(!customElements.get(a(e))){c()}break;case"smoothly-icon":if(!customElements.get(a(e))){p()}break;case"smoothly-input":if(!customElements.get(a(e))){u()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){k()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){g()}break;case"smoothly-input-color":if(!customElements.get(a(e))){v()}break;case"smoothly-input-date":if(!customElements.get(a(e))){j()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(a(e))){E()}break;case"smoothly-input-file":if(!customElements.get(a(e))){x()}break;case"smoothly-input-month":if(!customElements.get(a(e))){D()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){L()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){C()}break;case"smoothly-input-range":if(!customElements.get(a(e))){R()}break;case"smoothly-input-reset":if(!customElements.get(a(e))){B()}break;case"smoothly-input-select":if(!customElements.get(a(e))){M()}break;case"smoothly-item":if(!customElements.get(a(e))){S()}break;case"smoothly-spinner":if(!customElements.get(a(e))){T()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){F()}break}}))}G();export{A as S,G as d};
-//# sourceMappingURL=p-BncQwsFC.js.map

package/dist/components/p-Bo1NnbuT.js

@@ -1,2 +0,0 @@
-import{p as o,H as t,c as s,h as i,d as a,t as l}from"./p-BsZrGTcp.js";import{E as n}from"./p-iQDU7l2c.js";import{I as e}from"./p-DPlYDxyJ.js";const r=()=>`.sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-radio-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-radio-h,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks="transparent"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h smoothly-icon.smoothly-invalid.sc-smoothly-input-radio{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem;width:100%}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}`;const h=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.valueReceivedOnLoad=false;this.observer=n.Observer.create(this);this.value=undefined;this.readonly=false;this.showLabel=true}componentWillLoad(){this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,this.color=t}));!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o));this.observer.publish()}componentDidLoad(){!this.valueReceivedOnLoad&&this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((o=>this.parent=o));this.initialValue=this.active}handleRegister(o){o.stopPropagation();o.detail(this)}smoothlyInputLoadHandler(o){e.registerSubAction(this,o)}smoothlyRadioInputHandler(o){var t,s,i;o.stopPropagation();if(!this.readonly&&!this.disabled||!this.valueReceivedOnLoad){if(this.clearable&&((t=this.active)===null||t===void 0?void 0:t.value)===o.detail.value){this.clear()}else if(((s=this.active)===null||s===void 0?void 0:s.value)!==o.detail.value){(i=this.active)===null||i===void 0?void 0:i.select(false);this.active=o.detail;this.value=this.active.value;this.active.select(true)}}if(o.detail.userInitiated){this.smoothlyUserInput.emit({name:this.name,value:this.value})}!this.valueReceivedOnLoad&&(this.valueReceivedOnLoad=!this.valueReceivedOnLoad)}async listen(o){this.observer.subscribe(o)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(o,t){e.formRename(this,t)}async register(){e.formAdd(this)}async unregister(){e.formRemove(this)}async getValue(){return this.value}async clear(){var o;if(this.clearable){(o=this.active)===null||o===void 0?void 0:o.select(false);this.active=undefined;this.value=undefined}}async edit(o){this.readonly=!o}async reset(){var o,t,s;(o=this.active)===null||o===void 0?void 0:o.select(false);this.active=this.initialValue;this.value=(t=this.initialValue)===null||t===void 0?void 0:t.value;(s=this.active)===null||s===void 0?void 0:s.select(true)}async setInitialValue(){this.initialValue=this.active;this.valueChanged()}async valueChanged(){var o;this.valueReceivedOnLoad&&(this.isDifferentFromInitial=((o=this.initialValue)===null||o===void 0?void 0:o.value)!==this.value);this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}watchingReadonly(){this.observer.publish()}render(){return i(a,{key:"9fc1e8e96700c712be6093737a8fe0b1ac85b78f",class:"floating-label"},i("slot",{key:"5a15933d73444cd550b51374b441c1da91671ec1",name:"start"}),i("div",{key:"cc7434af11b658917d8f7505b6575627a832ca13"},i("slot",{key:"2f9427184a5c285cb7f0201a5782eae9631df43a",name:"label"}),i("div",{key:"021d9fe6508e9726a8a80da21c5d0245e091cd06",class:"options"},i("slot",{key:"3e683b89f8cfb733fc8fb42cc2c7269e4317a2a8"}))),i("slot",{key:"197ca8b9be9417179baee6f4d558e4afcd4f4a76",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return r()}},[262,"smoothly-input-radio",{value:[1032],looks:[1537],color:[1537],direction:[513],clearable:[4],readonly:[1540],disabled:[516],name:[513],showLabel:[516,"show-label"],listen:[64],register:[64],unregister:[64],getValue:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyRadioItemRegister","handleRegister"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyRadioItemSelect","smoothlyRadioInputHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-radio"];o.forEach((o=>{switch(o){case"smoothly-input-radio":if(!customElements.get(l(o))){customElements.define(l(o),h)}break}}))}d();export{h as S,d};
-//# sourceMappingURL=p-Bo1NnbuT.js.map

package/dist/components/p-Bv6ll-a-.js

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

package/dist/components/p-BvTceaHt.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,h as s,d as o,t as c}from"./p-BsZrGTcp.js";import{d as m}from"./p-DDYB8QLF.js";import{d as n}from"./p-C88eMND6.js";import{d as l}from"./p-ByRyVRgY.js";const a=()=>``;const i=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.element="smoothly-css"}render(){return s(o,{key:"70e3737e113724291c1decf423e6cd39733763a7"},s("smoothly-input-select",{key:"eed6362c4c845f26fe45ab80a36261a851146a32",name:"theme",looks:"border",onSmoothlyInput:e=>{const t=document.querySelector(`#${this.element}`);if(t instanceof HTMLLinkElement&&typeof e.detail.theme=="string"){t.href=e.detail.theme}}},s("label",{key:"39e4c5e3793f19cc007f3a8b96988922a09109cf",slot:"label"},"Select theme"),s("slot",{key:"ea07c5aaee7e847991b27358eef479edb0105f91"})))}static get style(){return a()}},[262,"smoothly-theme-picker",{element:[1]}]);function r(){if(typeof customElements==="undefined"){return}const e=["smoothly-theme-picker","smoothly-icon","smoothly-input-select","smoothly-item"];e.forEach((e=>{switch(e){case"smoothly-theme-picker":if(!customElements.get(c(e))){customElements.define(c(e),i)}break;case"smoothly-icon":if(!customElements.get(c(e))){m()}break;case"smoothly-input-select":if(!customElements.get(c(e))){n()}break;case"smoothly-item":if(!customElements.get(c(e))){l()}break}}))}r();export{i as S,r as d};
-//# sourceMappingURL=p-BvTceaHt.js.map

package/dist/components/p-BvTs7KUn.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,h as o,d as a,t as l}from"./p-BsZrGTcp.js";import{d as s}from"./p-CN3iME9d.js";import{d as r}from"./p-DG2pfnCV.js";import{d}from"./p-uFR5K4vd.js";import{d as c}from"./p-DvZK__s-.js";import{d as m}from"./p-F8qX8ZuL.js";import{d as i}from"./p-C77C00Ii.js";import{d as b}from"./p-DvMoIxws.js";import{d as n}from"./p-l818BCpp.js";import{d as y}from"./p-Cuq_eaHi.js";import{d as p}from"./p-C7PxdEtX.js";import{d as f}from"./p-Iph4bHku.js";import{d as h}from"./p-BWT1q2tN.js";const u=()=>`.sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}`;const k=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(a,{key:"80449d99f9dd0f1b3ccc6fe1ca76f81c383b0b73"},o("smoothly-display",{key:"a8a925063304469fd491d875aac3ca41262c2654",type:"text",value:"Simple"}),o("smoothly-table",{key:"c73c0af22285cf5769b7aae1bc619e681425059c",color:"primary",columns:2},o("smoothly-table-head",{key:"55a6fa56086f9ecf4c5ad6e937c672164e4ec329"},o("smoothly-table-row",{key:"c130d923b09c92b269da5f16ea18e3ee895cab52"},o("smoothly-table-cell",{key:"b937e3114409fa9e58e16333d00367839bc74d15"},"Breed"),o("smoothly-table-cell",{key:"9aba71f6c1a20a762e89500ca5efa3a82d7cbd89"},"Coat"))),o("smoothly-table-body",{key:"b79c14240246a1d441fc2bfb2cf0857834121312"},j.map((e=>o("smoothly-table-row",null,o("smoothly-table-expandable-cell",null,e.breed,o("div",{slot:"detail"},"Country:",o("br",null),e.country)),o("smoothly-table-expandable-cell",null,e.coat,o("div",{slot:"detail"},"Pattern: ",e.pattern))))),o("smoothly-table-row",{key:"b3897b89193457cc34ef8a636ee70eb440b09923"},o("smoothly-table-cell",{key:"d3ff9b985f616112a698ad7c3d1154ae7ca3b17a"},"Cell5"),o("smoothly-table-expandable-cell",{key:"ed7165825d15f3025231a21aead04f6bcd048872"},"Expandable Cell",o("div",{key:"b5ffac563fce0a0a5027706cf4f83ec8825ad037",slot:"detail"},"Content of the expandable cell"))),o("smoothly-table-row",{key:"3a6eb6e10fb590b9036d329307a22393958f6aaa"},o("smoothly-table-expandable-cell",{key:"43570c5844b23b46572678bd5229d325c26b677f"},"Expandable Cell 1",o("div",{key:"2c643f6a728b5967d7e42c47d657ce07ef295c78",slot:"detail"},"Content of the expandable cell 1")),o("smoothly-table-expandable-cell",{key:"1d9f1e32259d590d5f0a7c043c56424f30019e6e"},"Expandable Cell 2",o("div",{key:"ea45ab8f26e3a2b7bd4d012b3dec1899836620b6",slot:"detail"},"Content of the expandable cell 2")))),o("smoothly-table-foot",{key:"99a7c70b238c32203143077e8e1a3c58ee82adf7"},o("smoothly-table-row",{key:"2abe5c4e633f55dd722f21263ab6647018b7319b"},o("smoothly-table-cell",{key:"805be40c4d87dd23a8ab71017453b6340adf200e"},"Footer Cell"),o("smoothly-table-cell",{key:"1137748f294d4199d08de20a8316588df635bfb2"},"Footer Cell")))))}static get style(){return u()}},[2,"smoothly-table-demo-simple"]);const j=[{breed:"Abyssinian",country:"Ethiopia",origin:"Natural/Standard",coat:"Short",pattern:"Ticked"},{breed:"Aegean",country:"Greece",origin:"Natural/Standard",coat:"Semi-long",pattern:"Bi- or tri-colored"},{breed:"American Curl",country:"United States",origin:"Mutation",coat:"Short/Long",pattern:"All"},{breed:"American Bobtail",country:"United States",origin:"Mutation",coat:"Short/Long",pattern:"All"},{breed:"American Shorthair",country:"United States",origin:"Natural",coat:"Short",pattern:"All but colorpoint"},{breed:"American Wirehair",country:"United States",origin:"Mutation",coat:"Rex",pattern:"All but colorpoint"},{breed:"Arabian Mau",country:"Arabian Peninsula",origin:"Natural",coat:"Short",pattern:""},{breed:"Australian Mist",country:"Australia",origin:"Crossbreed",coat:"Short",pattern:"Spotted and Classic tabby"},{breed:"Asian",country:"developed in the United Kingdom (founding stock from Asia)",origin:"",coat:"Short",pattern:"Evenly solid"},{breed:"Asian Semi-longhair",country:"United Kingdom",origin:"Crossbreed",coat:"Semi-long",pattern:"Solid"}];function C(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-simple","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-expandable-cell","smoothly-table-foot","smoothly-table-head","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-demo-simple":if(!customElements.get(l(e))){customElements.define(l(e),k)}break;case"smoothly-display":if(!customElements.get(l(e))){s()}break;case"smoothly-display-json":if(!customElements.get(l(e))){r()}break;case"smoothly-display-json-object":if(!customElements.get(l(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(l(e))){c()}break;case"smoothly-display-json-record-key":if(!customElements.get(l(e))){m()}break;case"smoothly-table":if(!customElements.get(l(e))){i()}break;case"smoothly-table-body":if(!customElements.get(l(e))){b()}break;case"smoothly-table-cell":if(!customElements.get(l(e))){n()}break;case"smoothly-table-expandable-cell":if(!customElements.get(l(e))){y()}break;case"smoothly-table-foot":if(!customElements.get(l(e))){p()}break;case"smoothly-table-head":if(!customElements.get(l(e))){f()}break;case"smoothly-table-row":if(!customElements.get(l(e))){h()}break}}))}C();export{k as S,C as d};
-//# sourceMappingURL=p-BvTs7KUn.js.map

package/dist/components/p-C77C00Ii.js

@@ -1,2 +0,0 @@
-import{p as e,H as o,h as l,d as t,t as a}from"./p-BsZrGTcp.js";const s=()=>`.sc-smoothly-table-h{display:grid;grid-template-columns:repeat(var(--columns), auto);color:rgb(var(--smoothly-table-foreground));stroke:rgb(var(--smoothly-table-foreground));fill:rgb(var(--smoothly-table-foreground))}`;const n=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.columns=1}smoothlyTableExpandableRowChange(e){e.stopPropagation()}smoothlyTableExpandableCellChange(e){e.stopPropagation()}render(){return l(t,{key:"f875112f3c3c917be64b0874106e35a318b3ded5",style:{"--columns":this.columns.toString()}},l("slot",{key:"f84673ca127c951381152b7e5b70b3d0d16f584a"}))}static get style(){return s()}},[262,"smoothly-table",{columns:[2]},[[0,"smoothlyTableExpandableRowChange","smoothlyTableExpandableRowChange"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChange"]]]);function r(){if(typeof customElements==="undefined"){return}const e=["smoothly-table"];e.forEach((e=>{switch(e){case"smoothly-table":if(!customElements.get(a(e))){customElements.define(a(e),n)}break}}))}r();export{n as S,r as d};
-//# sourceMappingURL=p-C77C00Ii.js.map

package/dist/components/p-C88eMND6.js

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

package/dist/components/p-CCaI37_s.js

@@ -1,2 +0,0 @@
-import{p as t,H as o,c as i,h as s,d as e,t as c}from"./p-BsZrGTcp.js";import{d as n}from"./p-DDYB8QLF.js";import{d as a}from"./p-DFPMixk-.js";const l=()=>`.sc-smoothly-notification-h{display:block;position:relative;min-width:min(calc(100% - 1rem), 30rem);min-height:3rem;border-radius:5px;margin:0.5rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin-inline:1rem 2rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{--smoothly-icon-size:1.6rem;position:absolute;right:0}`;const r=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.remove=i(this,"remove");this.closable=true;this.tick={};this.listener=t=>{if(t.state=="closed"){this.remove.emit(t)}else{this.tick={}}}}get properties(){let t;switch(this.notice.state){case"delayed":case"warning":t=["warning","warning-outline"];break;case"success":t=["success","checkmark-circle"];break;case"executing":t=["light","hourglass-outline"];break;case"failed":t=["danger","alert-circle"];break;default:t=["light",undefined];break}return t}onTrigger(t){if(t.detail.name=="close"){t.stopPropagation();this.notice.close()}}onUpdatedNotice(t,o){if(o){o.unlisten(this.listener)}t.listen(this.listener)}componentDidLoad(){this.onUpdatedNotice(this.notice)}render(){return s(e,{key:"73f1ac93fe920e40d0045cf9ae2c756ffe451d66",color:this.properties[0],fill:"solid"},this.closable&&s("smoothly-trigger",{key:"c044dec06d857487dbdb8a17d20c6d07c6b7e370",fill:"clear",name:"close"},s("smoothly-icon",{key:"d33fb56efc3ff17f1ba41c16ffd4ed214b98bc57",name:"close-circle-outline"})),s("span",{key:"d2554c0a86856c3f8f760d8e71f9761b619ddf41",class:this.icon?"icon":"clean"},this.icon&&s("smoothly-icon",{key:"f4466028e87356a50f0cdb08ba23dbd1d65d5689",name:this.properties[1]}),s("p",{key:"6de62c145781c1127b7ea762a371f7a142bc324f"},this.notice.message)))}static get watchers(){return{notice:[{onUpdatedNotice:0}]}}static get style(){return l()}},[2,"smoothly-notification",{notice:[16],closable:[4],icon:[4],tick:[32]},[[0,"trigger","onTrigger"]],{notice:[{onUpdatedNotice:0}]}]);function h(){if(typeof customElements==="undefined"){return}const t=["smoothly-notification","smoothly-icon","smoothly-trigger"];t.forEach((t=>{switch(t){case"smoothly-notification":if(!customElements.get(c(t))){customElements.define(c(t),r)}break;case"smoothly-icon":if(!customElements.get(c(t))){n()}break;case"smoothly-trigger":if(!customElements.get(c(t))){a()}break}}))}h();export{r as N,h as d};
-//# sourceMappingURL=p-CCaI37_s.js.map

package/dist/components/p-CDzU4-Ri.js

@@ -1,2 +0,0 @@
-import{p as o,H as t,c as s,h as l,d as i,t as r}from"./p-BsZrGTcp.js";import{C as n}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as e}from"./p-iQDU7l2c.js";import{I as h}from"./p-DPlYDxyJ.js";import{d as c}from"./p-CN3iME9d.js";import{d as a}from"./p-DG2pfnCV.js";import{d as u}from"./p-uFR5K4vd.js";import{d}from"./p-DvZK__s-.js";import{d as m}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DDYB8QLF.js";import{d as y}from"./p-BHTAR2x1.js";import{d as b}from"./p-Dq8EU803.js";import{d as g}from"./p-BCwizh6U.js";const v=()=>`.sc-smoothly-input-color-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-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-color-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-color-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-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-color-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-color-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-color-h,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-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-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:20;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:"";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;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));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}`;const f=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=e.Observer.create(this);this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined;this.readonly=false;this.output="rgb";this.showLabel=true;this.open=false;this.sliderMode="rgb"}async componentWillLoad(){this.value&&this.setInitialValue();this.value&&(this.rgb=n.Hex.toRGB(this.value));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,this.color=t}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((o=>this.parent=o));!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o))}smoothlyInputLooksHandler(o){if(o.target!=this.element){o.stopPropagation()}}smoothlyInputLoadHandler(o){h.registerSubAction(this,o)}onWindowClick(o){!o.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(o,t){h.formRename(this,t)}watchingReadonly(){this.observer.publish()}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.output==="rgb"?{r:this.rgb.r===undefined?undefined:Math.round(this.rgb.r),g:this.rgb.g===undefined?undefined:Math.round(this.rgb.g),b:this.rgb.b===undefined?undefined:Math.round(this.rgb.b)}:this.value?this.value:undefined}async clear(){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o;this.open=false}async reset(){this.value=this.initialValue;this.open=false}async setInitialValue(){this.initialValue=this.value;this.open=false}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}handleSwitchMode(o){o.stopPropagation();this.sliderMode=o.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=n.Hex.toRGB(this.value))}else{this.value&&(this.hsl=n.RGB.toHSL(n.Hex.toRGB(this.value)))}}async hexInputHandler(o){if(o!==this.value){if(o&&n.Hex.type.is(o)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=n.Hex.toRGB(o)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=n.RGB.toHSL(n.Hex.toRGB(o))}}else if(!o||!n.Hex.type.is(o)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=o;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}sliderInputHandler(o){var t;o.stopPropagation();const s=Object.keys(o.detail)[0];let l=this.sliderMode==="rgb"?this.rgb:this.hsl;if(!(o.detail[s]===undefined)){for(const i of Object.keys(l)){if(i===s){l=Object.assign(Object.assign({},l),{[i]:i==="s"||i==="l"?+((t=o.detail[s])!==null&&t!==void 0?t:0)*100:o.detail[s]})}else if(l[i]===undefined){l=Object.assign(Object.assign({},l),{[i]:0})}}if(this.sliderMode==="rgb"){this.rgb=Object.assign({},l);this.hsl=n.RGB.toHSL(this.rgb);this.hexInputHandler(n.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},l);this.rgb=n.HSL.toRGB(this.hsl);this.hexInputHandler(n.RGB.toHex(n.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var o,t,s,r,n,e;return l(i,{key:"606897dcf8880a8bceaf646a17b0b682dc0de4fe",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((o=this.rgb.r)!==null&&o!==void 0?o:0)}`,"--rgb-g":`${Math.round((t=this.rgb.g)!==null&&t!==void 0?t:0)}`,"--rgb-b":`${Math.round((s=this.rgb.b)!==null&&s!==void 0?s:0)}`,"--hsl-h":`${Math.round((r=this.hsl.h)!==null&&r!==void 0?r:0)}`,"--hsl-s":`${Math.round((n=this.hsl.s)!==null&&n!==void 0?n:0)}%`,"--hsl-l":`${Math.round((e=this.hsl.l)!==null&&e!==void 0?e:0)}%`,"--element-height":`${this.element.clientHeight}px`}},l("smoothly-input",{key:"3a8211dcd537f07359729f79b88c33ffa8dd26e6",value:this.value,color:this.color,looks:undefined,name:this.name,type:"hex-color",readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,onSmoothlyInput:o=>(o===null||o===void 0?void 0:o.stopPropagation(),this.hexInputHandler(o.detail[this.name]))},l("slot",{key:"932e1fee6e31f8942841ae068404f674d20c6d75"})),l("div",{key:"55de847010bfc30641a1b4814fc7d4ea1beb8b63",class:"color-sample"}),l("smoothly-icon",{key:"7e69d59ceb71c617d93205b6ada24bc0a0b6d3fe",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),l("div",{key:"38771b0daff4bda14ecb821f7ec0725ef575f50c"},l("slot",{key:"b005802e73faf84b2772e7bf28163963abe619ca",name:"end"})),this.open&&!this.readonly&&!this.disabled&&l("div",{key:"ed68b37bbbe25ccb1cfe00167b21b49fdcad5326",class:"rgb-sliders"},l("smoothly-toggle-switch",{key:"a3643b4c099fb94dfc57b8c2658bde1711aa0c5d",title:`${this.sliderMode==="rgb"?"To HSL":"To RGB"}`,onSmoothlyToggleSwitchChange:o=>this.handleSwitchMode(o),size:"tiny",checkmark:false,selected:this.sliderMode==="hsl"}),Object.entries(this.rgb).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:o,min:0,max:255,color:undefined,type:"text",value:t,step:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()}))),Object.entries(this.hsl).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="hsl"?{display:"none"}:{},name:o,min:0,max:o==="h"?359:1,color:undefined,type:o==="s"||o==="l"?"percent":"text",value:(o==="s"||o==="l")&&t?t/100:t,step:o==="s"||o==="l"?.01:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()})))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}}static get style(){return v()}},[262,"smoothly-input-color",{value:[1025],looks:[1537],color:[1537],readonly:[1540],disabled:[516],output:[1],name:[513],showLabel:[516,"show-label"],open:[32],sliderMode:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}]);function k(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-color","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-range","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-input-color":if(!customElements.get(r(o))){customElements.define(r(o),f)}break;case"smoothly-display":if(!customElements.get(r(o))){c()}break;case"smoothly-display-json":if(!customElements.get(r(o))){a()}break;case"smoothly-display-json-object":if(!customElements.get(r(o))){u()}break;case"smoothly-display-json-primitive":if(!customElements.get(r(o))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(r(o))){m()}break;case"smoothly-icon":if(!customElements.get(r(o))){p()}break;case"smoothly-input":if(!customElements.get(r(o))){y()}break;case"smoothly-input-range":if(!customElements.get(r(o))){b()}break;case"smoothly-toggle-switch":if(!customElements.get(r(o))){g()}break}}))}k();export{f as S,k as d};
-//# sourceMappingURL=p-CDzU4-Ri.js.map

package/dist/components/p-CDzU4-Ri.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["styleCss","SmoothlyInputColor","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","observer","Editable","Observer","create","rgb","r","undefined","g","b","hsl","h","s","l","value","readonly","output","showLabel","open","sliderMode","componentWillLoad","setInitialValue","Color","Hex","toRGB","smoothlyInputLooks","emit","looks","color","_a","smoothlyInput","name","getValue","smoothlyInputLoad","parent","smoothlyFormDisable","smoothlyInputLooksHandler","event","target","element","stopPropagation","smoothlyInputLoadHandler","Input","registerSubAction","onWindowClick","composedPath","includes","disconnectedCallback","isConnected","unregister","nameChange","_","oldName","formRename","watchingReadonly","publish","register","formAdd","formRemove","Math","round","clear","listen","listener","subscribe","edit","editable","reset","initialValue","valueChanged","handleSwitchMode","detail","RGB","toHSL","hexInputHandler","type","is","smoothlyUserInput","sliderInputHandler","Object","keys","temporaryColor","key","assign","toHex","HSL","openDropdown","render","Host","style","_b","_c","_d","_e","_f","clientHeight","disabled","onSmoothlyInput","class","size","onClick","title","onSmoothlyToggleSwitchChange","checkmark","selected","entries","map","display","min","max","step","outputSide","onSmoothlyUserInput","label","toUpperCase"],"sources":["src/components/input/color/style.css?tag=smoothly-input-color&encapsulation=scoped","src/components/input/color/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\talign-items: center;\n\tjustify-content: center;\n}\n:host>smoothly-input {\n\twidth: 100%;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n\t--smoothly-input-border-focus: none;\n}\n:host div.color-sample {\n\theight: 2em;\n\twidth: 3em;\n\tmargin-right: 0.5rem;\n\tbackground-color: var(--hexCode);\n\toutline: 1px solid rgb(var(--smoothly-input-border));\n\tborder-radius: 3px;\n}\n:host smoothly-icon[name=options-outline] {\n\tpadding-right: var(--input-padding-side);\n}\n:host[readonly] smoothly-icon[name=options-outline],\n:host[disabled] smoothly-icon[name=options-outline] {\n\tdisplay: none;\n}\n:host:not([readonly]):not([disabled]) smoothly-icon[name=options-outline] {\n\tcursor: pointer;\n}\n:host>div.rgb-sliders {\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tposition: absolute;\n\tpadding: 1em 1em 1em 0;\n\ttop: calc(var(--element-height) + .8em);\n\tleft: 0;\n\tbox-sizing: border-box;\n\tz-index: 20;\n\tborder: 1px solid rgb(var(--smoothly-input-border));\n}\n:host>div.rgb-sliders::before {\n\tcontent: \"\";\n\ttransform: translate(2em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\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\tposition: absolute;\n\tz-index: 100;\n\ttop: 0em\n}\n:host>div.rgb-sliders>smoothly-toggle-switch {\n\tmargin-left: auto;\n\tmargin-right: 1em;\n\tmargin-bottom: 1em;\n}\ndiv.rgb-sliders smoothly-input-range {\n\tpadding: .5em 0\n}\ndiv.rgb-sliders smoothly-input-range label {\n\twidth: 4em;\n}\n\n/* -------------RGB SLIDERS------------------- */\n\n/* --------------------R------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-moz-range-thumb {\n\tbackground-color: red;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-webkit-slider-thumb {\n\tbackground-color: red;\n}\n\n/* --------------------G------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-moz-range-thumb {\n\tbackground-color: green;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-webkit-slider-thumb {\n\tbackground-color: green;\n}\n\n/* --------------------B------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-moz-range-thumb { \n\tbackground-color: blue;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-webkit-slider-thumb  {\n\tbackground-color: blue;\n}\n\n/* -------------HSL SLIDERS------------------- */\n\n/* --------------------H------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to right in hsl longer hue, red, red)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-moz-range-track {\n\tbackground: linear-gradient(to right in hsl longer hue, red, red)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-webkit-slider-thumb {\n\tbackground-color: hsl(var(--hsl-h), 100%, 50%)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-moz-range-thumb {\n\tbackground-color: hsl(var(--hsl-h), 100%, 50%)\n}\n\n\n/* --------------------S------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-webkit-slider-runnable-track { \n\tbackground: linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%)); \n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-moz-range-track {\n\tbackground: linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%)); \n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-moz-range-thumb {\n\tbackground-color: hsl(var(--hsl-h), var(--hsl-s), 50%)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-webkit-slider-thumb {\n\tbackground-color: hsl(var(--hsl-h), var(--hsl-s), 50%)\n}\n\n/* --------------------L------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-moz-range-track {\n\tbackground: linear-gradient(to right, black, white)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to right, black, white)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-moz-range-thumb {\n\tbackground-color: #777;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-webkit-slider-thumb {\n\tbackground-color: #777;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { HSL } from \"../../../model/Color/HSL\"\nimport { RGB } from \"../../../model/Color/RGB\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-color\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputColor implements Input, Clearable, Editable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate rgb: RGB = { r: undefined, g: undefined, b: undefined }\n\tprivate hsl: HSL = { h: undefined, s: undefined, l: undefined }\n\tprivate initialValue: string | undefined\n\t@Prop({ mutable: true }) value: string | undefined = undefined\n\t@Prop({ mutable: true, reflect: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() output: \"rgb\" | \"hex\" = \"rgb\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Element() element: HTMLSmoothlyInputColorElement\n\t@State() open = false\n\t@State() sliderMode: \"rgb\" | \"hsl\" = \"rgb\"\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.value && this.setInitialValue()\n\t\tthis.value && (this.rgb = Color.Hex.toRGB(this.value))\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputColor) => void>): void {\n\t\tInput.registerSubAction(this, event)\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\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@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\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<RGB | string | undefined> {\n\t\treturn this.output === \"rgb\"\n\t\t\t? {\n\t\t\t\t\tr: this.rgb.r === undefined ? undefined : Math.round(this.rgb.r),\n\t\t\t\t\tg: this.rgb.g === undefined ? undefined : Math.round(this.rgb.g),\n\t\t\t\t\tb: this.rgb.b === undefined ? undefined : Math.round(this.rgb.b),\n\t\t\t\t}\n\t\t\t: this.value\n\t\t\t\t? this.value\n\t\t\t\t: undefined\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.rgb = { r: undefined, g: undefined, b: undefined }\n\t\tthis.hsl = { h: undefined, s: undefined, l: undefined }\n\t\tthis.value = 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): Promise<void> {\n\t\tthis.readonly = !editable\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.open = false\n\t}\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\thandleSwitchMode(event: CustomEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.sliderMode = event.detail ? \"hsl\" : \"rgb\"\n\t\tif (this.sliderMode === \"rgb\") {\n\t\t\tthis.value && (this.rgb = Color.Hex.toRGB(this.value))\n\t\t} else {\n\t\t\tthis.value && (this.hsl = Color.RGB.toHSL(Color.Hex.toRGB(this.value)))\n\t\t}\n\t}\n\tasync hexInputHandler(value: string): Promise<void> {\n\t\tif (value !== this.value) {\n\t\t\tif (value && Color.Hex.type.is(value)) {\n\t\t\t\tif (this.sliderMode === \"hsl\" || this.rgb.r === undefined) {\n\t\t\t\t\tthis.rgb = Color.Hex.toRGB(value)\n\t\t\t\t}\n\t\t\t\tif (this.sliderMode === \"rgb\" || this.hsl.h === undefined) {\n\t\t\t\t\tthis.hsl = Color.RGB.toHSL(Color.Hex.toRGB(value))\n\t\t\t\t}\n\t\t\t} else if (!value || !Color.Hex.type.is(value)) {\n\t\t\t\tthis.rgb = { r: undefined, g: undefined, b: undefined }\n\t\t\t\tthis.hsl = { h: undefined, s: undefined, l: undefined }\n\t\t\t}\n\t\t\tthis.value = value\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\tsliderInputHandler(event: CustomEvent<Data>): void {\n\t\tevent.stopPropagation()\n\t\tconst color = Object.keys(event.detail)[0]\n\t\tlet temporaryColor = this.sliderMode === \"rgb\" ? this.rgb : this.hsl\n\t\ttype ColorType = HSL | RGB\n\t\tif (!(event.detail[color] === undefined)) {\n\t\t\tfor (const key of Object.keys(temporaryColor)) {\n\t\t\t\tif (key === color) {\n\t\t\t\t\ttemporaryColor = {\n\t\t\t\t\t\t...temporaryColor,\n\t\t\t\t\t\t[key]: key === \"s\" || key === \"l\" ? +(event.detail[color] ?? 0) * 100 : event.detail[color],\n\t\t\t\t\t}\n\t\t\t\t} else if (temporaryColor[key as keyof ColorType] === undefined) {\n\t\t\t\t\ttemporaryColor = { ...temporaryColor, [key]: 0 }\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (this.sliderMode === \"rgb\") {\n\t\t\t\tthis.rgb = { ...temporaryColor } as RGB\n\t\t\t\tthis.hsl = Color.RGB.toHSL(this.rgb)\n\t\t\t\tthis.hexInputHandler(Color.RGB.toHex(this.rgb))\n\t\t\t} else {\n\t\t\t\tthis.hsl = { ...temporaryColor } as HSL\n\t\t\t\tthis.rgb = Color.HSL.toRGB(this.hsl)\n\t\t\t\tthis.hexInputHandler(Color.RGB.toHex(Color.HSL.toRGB(this.hsl)))\n\t\t\t}\n\t\t}\n\t}\n\topenDropdown(): void {\n\t\tthis.open = !this.open\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{\n\t\t\t\t\t\"--hexCode\": this.value,\n\t\t\t\t\t\"--rgb-r\": `${Math.round(this.rgb.r ?? 0)}`,\n\t\t\t\t\t\"--rgb-g\": `${Math.round(this.rgb.g ?? 0)}`,\n\t\t\t\t\t\"--rgb-b\": `${Math.round(this.rgb.b ?? 0)}`,\n\t\t\t\t\t\"--hsl-h\": `${Math.round(this.hsl.h ?? 0)}`,\n\t\t\t\t\t\"--hsl-s\": `${Math.round(this.hsl.s ?? 0)}%`,\n\t\t\t\t\t\"--hsl-l\": `${Math.round(this.hsl.l ?? 0)}%`,\n\t\t\t\t\t\"--element-height\": `${this.element.clientHeight}px`,\n\t\t\t\t}}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={undefined}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={\"hex-color\"}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={event => (event?.stopPropagation(), this.hexInputHandler(event.detail[this.name]))}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<div class=\"color-sample\" />\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tname=\"options-outline\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonClick={() => !this.readonly && !this.disabled && this.openDropdown()}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t{/* Extra div needed otherwise stencil sets hidden on the slot for no apparent reason */}\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</div>\n\t\t\t\t{this.open && !this.readonly && !this.disabled && (\n\t\t\t\t\t<div class=\"rgb-sliders\">\n\t\t\t\t\t\t<smoothly-toggle-switch\n\t\t\t\t\t\t\ttitle={`${this.sliderMode === \"rgb\" ? \"To HSL\" : \"To RGB\"}`}\n\t\t\t\t\t\t\tonSmoothlyToggleSwitchChange={event => this.handleSwitchMode(event)}\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tcheckmark={false}\n\t\t\t\t\t\t\tselected={this.sliderMode === \"hsl\"}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{Object.entries(this.rgb).map(([key, value]) => (\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tstyle={this.sliderMode != \"rgb\" ? { display: \"none\" } : {}}\n\t\t\t\t\t\t\t\tname={key}\n\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\tmax={255}\n\t\t\t\t\t\t\t\tcolor={undefined}\n\t\t\t\t\t\t\t\ttype={\"text\"}\n\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\tstep={1}\n\t\t\t\t\t\t\t\toutputSide=\"right\"\n\t\t\t\t\t\t\t\tonSmoothlyInput={event => this.sliderInputHandler(event)}\n\t\t\t\t\t\t\t\tonSmoothlyUserInput={event => event.stopPropagation()}\n\t\t\t\t\t\t\t\tlabel={key.toUpperCase()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t{Object.entries(this.hsl).map(([key, value]) => (\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tstyle={this.sliderMode != \"hsl\" ? { display: \"none\" } : {}}\n\t\t\t\t\t\t\t\tname={key}\n\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\tmax={key === \"h\" ? 359 : 1}\n\t\t\t\t\t\t\t\tcolor={undefined}\n\t\t\t\t\t\t\t\ttype={key === \"s\" || key === \"l\" ? \"percent\" : \"text\"}\n\t\t\t\t\t\t\t\tvalue={(key === \"s\" || key === \"l\") && value ? value / 100 : value}\n\t\t\t\t\t\t\t\tstep={key === \"s\" || key === \"l\" ? 0.01 : 1}\n\t\t\t\t\t\t\t\toutputSide=\"right\"\n\t\t\t\t\t\t\t\tonSmoothlyInput={event => this.sliderInputHandler(event)}\n\t\t\t\t\t\t\t\tonSmoothlyUserInput={event => event.stopPropagation()}\n\t\t\t\t\t\t\t\tlabel={key.toUpperCase()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"kiBAAA,MAAMA,EAAW,IAAM,k3W,MC4BVC,EAAkBC,EAAA,MAAAD,UAAAE,EAL/B,WAAAC,CAAAC,G,ySAOCC,KAAAC,uBAAyB,MACjBD,KAAAE,SAAWC,EAASC,SAASC,OAAOL,MACpCA,KAAAM,IAAW,CAAEC,EAAGC,UAAWC,EAAGD,UAAWE,EAAGF,WAC5CR,KAAAW,IAAW,CAAEC,EAAGJ,UAAWK,EAAGL,UAAWM,EAAGN,WAE3BR,KAAAe,MAA4BP,UAGbR,KAAAgB,SAAW,MAE3ChB,KAAAiB,OAAwB,MAEPjB,KAAAkB,UAAY,KAE5BlB,KAAAmB,KAAO,MACPnB,KAAAoB,WAA4B,KAwOrC,CAlOA,uBAAMC,GACLrB,KAAKe,OAASf,KAAKsB,kBACnBtB,KAAKe,QAAUf,KAAKM,IAAMiB,EAAMC,IAAIC,MAAMzB,KAAKe,QAC/Cf,KAAK0B,mBAAmBC,MAAK,CAACC,EAAOC,KAAS,IAAAC,EAAC,OAAE9B,KAAK4B,OAAQE,EAAA9B,KAAK4B,SAAK,MAAAE,SAAA,EAAAA,EAAIF,EAAS5B,KAAK6B,MAAQA,CAAM,IACxG7B,KAAK+B,cAAcJ,KAAK,CAAE,CAAC3B,KAAKgC,YAAahC,KAAKiC,aAClDjC,KAAKkC,kBAAkBP,MAAKQ,GAAWnC,KAAKmC,OAASA,KACpDnC,KAAKgB,UAAYhB,KAAKoC,oBAAoBT,MAAKX,GAAahB,KAAKgB,SAAWA,G,CAG9E,yBAAAqB,CAA0BC,GACzB,GAAIA,EAAMC,QAAUvC,KAAKwC,QAAS,CACjCF,EAAMG,iB,EAIR,wBAAAC,CAAyBJ,GACxBK,EAAMC,kBAAkB5C,KAAMsC,E,CAG/B,aAAAO,CAAcP,IACZA,EAAMQ,eAAeC,SAAS/C,KAAKwC,UAAYxC,KAAKmB,OAASnB,KAAKmB,MAAQnB,KAAKmB,K,CAEjF,0BAAM6B,GACL,IAAKhD,KAAKwC,QAAQS,YAAa,OACxBjD,KAAKkD,Y,EAIb,UAAAC,CAAWC,EAAuBC,GACjCV,EAAMW,WAAWtD,KAAMqD,E,CAIxB,gBAAAE,GACCvD,KAAKE,SAASsD,S,CAGf,cAAMC,GACLd,EAAMe,QAAQ1D,K,CAGf,gBAAMkD,GACLP,EAAMgB,WAAW3D,K,CAGlB,cAAMiC,GACL,OAAOjC,KAAKiB,SAAW,MACpB,CACAV,EAAGP,KAAKM,IAAIC,IAAMC,UAAYA,UAAYoD,KAAKC,MAAM7D,KAAKM,IAAIC,GAC9DE,EAAGT,KAAKM,IAAIG,IAAMD,UAAYA,UAAYoD,KAAKC,MAAM7D,KAAKM,IAAIG,GAC9DC,EAAGV,KAAKM,IAAII,IAAMF,UAAYA,UAAYoD,KAAKC,MAAM7D,KAAKM,IAAII,IAE9DV,KAAKe,MACJf,KAAKe,MACLP,S,CAGL,WAAMsD,GACL9D,KAAKM,IAAM,CAAEC,EAAGC,UAAWC,EAAGD,UAAWE,EAAGF,WAC5CR,KAAKW,IAAM,CAAEC,EAAGJ,UAAWK,EAAGL,UAAWM,EAAGN,WAC5CR,KAAKe,MAAQP,S,CAGd,YAAMuD,CAAOC,GACZhE,KAAKE,SAAS+D,UAAUD,E,CAGzB,UAAME,CAAKC,GACVnE,KAAKgB,UAAYmD,EACjBnE,KAAKmB,KAAO,K,CAGb,WAAMiD,GACLpE,KAAKe,MAAQf,KAAKqE,aAClBrE,KAAKmB,KAAO,K,CAGb,qBAAMG,GACLtB,KAAKqE,aAAerE,KAAKe,MACzBf,KAAKmB,KAAO,K,CAGb,kBAAMmD,GACLtE,KAAKC,uBAAyBD,KAAKqE,eAAiBrE,KAAKe,MACzDf,KAAK+B,cAAcJ,KAAK,CAAE,CAAC3B,KAAKgC,YAAahC,KAAKiC,aAClDjC,KAAKE,SAASsD,S,CAEf,gBAAAe,CAAiBjC,GAChBA,EAAMG,kBACNzC,KAAKoB,WAAakB,EAAMkC,OAAS,MAAQ,MACzC,GAAIxE,KAAKoB,aAAe,MAAO,CAC9BpB,KAAKe,QAAUf,KAAKM,IAAMiB,EAAMC,IAAIC,MAAMzB,KAAKe,O,KACzC,CACNf,KAAKe,QAAUf,KAAKW,IAAMY,EAAMkD,IAAIC,MAAMnD,EAAMC,IAAIC,MAAMzB,KAAKe,Q,EAGjE,qBAAM4D,CAAgB5D,GACrB,GAAIA,IAAUf,KAAKe,MAAO,CACzB,GAAIA,GAASQ,EAAMC,IAAIoD,KAAKC,GAAG9D,GAAQ,CACtC,GAAIf,KAAKoB,aAAe,OAASpB,KAAKM,IAAIC,IAAMC,UAAW,CAC1DR,KAAKM,IAAMiB,EAAMC,IAAIC,MAAMV,E,CAE5B,GAAIf,KAAKoB,aAAe,OAASpB,KAAKW,IAAIC,IAAMJ,UAAW,CAC1DR,KAAKW,IAAMY,EAAMkD,IAAIC,MAAMnD,EAAMC,IAAIC,MAAMV,G,OAEtC,IAAKA,IAAUQ,EAAMC,IAAIoD,KAAKC,GAAG9D,GAAQ,CAC/Cf,KAAKM,IAAM,CAAEC,EAAGC,UAAWC,EAAGD,UAAWE,EAAGF,WAC5CR,KAAKW,IAAM,CAAEC,EAAGJ,UAAWK,EAAGL,UAAWM,EAAGN,U,CAE7CR,KAAKe,MAAQA,EACbf,KAAK8E,kBAAkBnD,KAAK,CAAEK,KAAMhC,KAAKgC,KAAMjB,YAAaf,KAAKiC,Y,EAGnE,kBAAA8C,CAAmBzC,G,MAClBA,EAAMG,kBACN,MAAMZ,EAAQmD,OAAOC,KAAK3C,EAAMkC,QAAQ,GACxC,IAAIU,EAAiBlF,KAAKoB,aAAe,MAAQpB,KAAKM,IAAMN,KAAKW,IAEjE,KAAM2B,EAAMkC,OAAO3C,KAAWrB,WAAY,CACzC,IAAK,MAAM2E,KAAOH,OAAOC,KAAKC,GAAiB,CAC9C,GAAIC,IAAQtD,EAAO,CAClBqD,EAAcF,OAAAI,OAAAJ,OAAAI,OAAA,GACVF,GAAc,CACjBC,CAACA,GAAMA,IAAQ,KAAOA,IAAQ,OAAQrD,EAAAQ,EAAMkC,OAAO3C,MAAM,MAAAC,SAAA,EAAAA,EAAI,GAAK,IAAMQ,EAAMkC,OAAO3C,I,MAEhF,GAAIqD,EAAeC,KAA4B3E,UAAW,CAChE0E,EAAcF,OAAAI,OAAAJ,OAAAI,OAAA,GAAQF,GAAc,CAAEC,CAACA,GAAM,G,EAG/C,GAAInF,KAAKoB,aAAe,MAAO,CAC9BpB,KAAKM,IAAM0E,OAAAI,OAAA,GAAKF,GAChBlF,KAAKW,IAAMY,EAAMkD,IAAIC,MAAM1E,KAAKM,KAChCN,KAAK2E,gBAAgBpD,EAAMkD,IAAIY,MAAMrF,KAAKM,K,KACpC,CACNN,KAAKW,IAAMqE,OAAAI,OAAA,GAAKF,GAChBlF,KAAKM,IAAMiB,EAAM+D,IAAI7D,MAAMzB,KAAKW,KAChCX,KAAK2E,gBAAgBpD,EAAMkD,IAAIY,MAAM9D,EAAM+D,IAAI7D,MAAMzB,KAAKW,M,GAI7D,YAAA4E,GACCvF,KAAKmB,MAAQnB,KAAKmB,I,CAGnB,MAAAqE,G,gBACC,OACC5E,EAAC6E,EAAI,CAAAN,IAAA,2CACJO,MAAO,CACN,YAAa1F,KAAKe,MAClB,UAAW,GAAG6C,KAAKC,OAAM/B,EAAA9B,KAAKM,IAAIC,KAAC,MAAAuB,SAAA,EAAAA,EAAI,KACvC,UAAW,GAAG8B,KAAKC,OAAM8B,EAAA3F,KAAKM,IAAIG,KAAC,MAAAkF,SAAA,EAAAA,EAAI,KACvC,UAAW,GAAG/B,KAAKC,OAAM+B,EAAA5F,KAAKM,IAAII,KAAC,MAAAkF,SAAA,EAAAA,EAAI,KACvC,UAAW,GAAGhC,KAAKC,OAAMgC,EAAA7F,KAAKW,IAAIC,KAAC,MAAAiF,SAAA,EAAAA,EAAI,KACvC,UAAW,GAAGjC,KAAKC,OAAMiC,EAAA9F,KAAKW,IAAIE,KAAC,MAAAiF,SAAA,EAAAA,EAAI,MACvC,UAAW,GAAGlC,KAAKC,OAAMkC,EAAA/F,KAAKW,IAAIG,KAAC,MAAAiF,SAAA,EAAAA,EAAI,MACvC,mBAAoB,GAAG/F,KAAKwC,QAAQwD,mBAErCpF,EAAA,kBAAAuE,IAAA,2CACCpE,MAAOf,KAAKe,MACZc,MAAO7B,KAAK6B,MACZD,MAAOpB,UACPwB,KAAMhC,KAAKgC,KACX4C,KAAM,YACN5D,SAAUhB,KAAKgB,SACfiF,SAAUjG,KAAKiG,SACf/E,UAAWlB,KAAKkB,UAChBgF,gBAAiB5D,IAAUA,IAAK,MAALA,SAAK,SAALA,EAAOG,kBAAmBzC,KAAK2E,gBAAgBrC,EAAMkC,OAAOxE,KAAKgC,SAC5FpB,EAAA,QAAAuE,IAAA,8CAEDvE,EAAA,OAAAuE,IAAA,2CAAKgB,MAAM,iBACXvF,EAAA,iBAAAuE,IAAA,2CACCtD,MAAO7B,KAAK6B,MACZG,KAAK,kBACLoE,KAAK,QACLC,QAAS,KAAOrG,KAAKgB,WAAahB,KAAKiG,UAAYjG,KAAKuF,iBAEzD3E,EAAA,OAAAuE,IAAA,4CAECvE,EAAA,QAAAuE,IAAA,2CAAMnD,KAAK,SAEXhC,KAAKmB,OAASnB,KAAKgB,WAAahB,KAAKiG,UACrCrF,EAAA,OAAAuE,IAAA,2CAAKgB,MAAM,eACVvF,EAAA,0BAAAuE,IAAA,2CACCmB,MAAO,GAAGtG,KAAKoB,aAAe,MAAQ,SAAW,WACjDmF,6BAA8BjE,GAAStC,KAAKuE,iBAAiBjC,GAC7D8D,KAAK,OACLI,UAAW,MACXC,SAAUzG,KAAKoB,aAAe,QAE9B4D,OAAO0B,QAAQ1G,KAAKM,KAAKqG,KAAI,EAAExB,EAAKpE,KACpCH,EAAA,wBACC8E,MAAO1F,KAAKoB,YAAc,MAAQ,CAAEwF,QAAS,QAAW,GACxD5E,KAAMmD,EACN0B,IAAK,EACLC,IAAK,IACLjF,MAAOrB,UACPoE,KAAM,OACN7D,MAAOA,EACPgG,KAAM,EACNC,WAAW,QACXd,gBAAiB5D,GAAStC,KAAK+E,mBAAmBzC,GAClD2E,oBAAqB3E,GAASA,EAAMG,kBACpCyE,MAAO/B,EAAIgC,kBAGZnC,OAAO0B,QAAQ1G,KAAKW,KAAKgG,KAAI,EAAExB,EAAKpE,KACpCH,EAAA,wBACC8E,MAAO1F,KAAKoB,YAAc,MAAQ,CAAEwF,QAAS,QAAW,GACxD5E,KAAMmD,EACN0B,IAAK,EACLC,IAAK3B,IAAQ,IAAM,IAAM,EACzBtD,MAAOrB,UACPoE,KAAMO,IAAQ,KAAOA,IAAQ,IAAM,UAAY,OAC/CpE,OAAQoE,IAAQ,KAAOA,IAAQ,MAAQpE,EAAQA,EAAQ,IAAMA,EAC7DgG,KAAM5B,IAAQ,KAAOA,IAAQ,IAAM,IAAO,EAC1C6B,WAAW,QACXd,gBAAiB5D,GAAStC,KAAK+E,mBAAmBzC,GAClD2E,oBAAqB3E,GAASA,EAAMG,kBACpCyE,MAAO/B,EAAIgC,mB","ignoreList":[]}

package/dist/components/p-CMLWVZ3h.js

@@ -1,2 +0,0 @@
-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-DPlYDxyJ.js";import{d as r}from"./p-jq25vUmm.js";import{d}from"./p-DnvyyAaF.js";import{d as m}from"./p-DDYB8QLF.js";import{d as c}from"./p-BagcEQ4o.js";import{d as u}from"./p-C88eMND6.js";import{d as p}from"./p-ByRyVRgY.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}.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:"4aafb51483d57234d6f42a6252a45078a5cc4054",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:"5516903b15400ea4dd7dba463dd173ef48ca03df",class:"smoothly-date-range-input-part",onClick:t=>this.onClick(t)},s("slot",{key:"273d0fdad0534db6f46e3c37005ab0649edd8abc",name:"start"}),s("label",{key:"67fd396fd707428cf9413a5b8bd6501485874e64",class:"label float-on-focus"},s("slot",{key:"67a092adcbb0abf829ffb68b48e2e37cc6dbc5ed"})),this.placeholder&&s("span",{key:"54ed8804af377cdde573d7d148d62544adae5eb8",class:"smoothly-date-range-placeholder"},this.placeholder),s("smoothly-date-text",{key:"3144566fd5983266e70637449965c0ca981962b8",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:"80257b7865d284f87a6aafd9f53acead98612f09",class:"smoothly-date-range-separator"}," – "),s("smoothly-date-text",{key:"e6bb858a6a4ee6669ec02949f7e5dcd668187970",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:"4ccdcf9160a7bb827309e5f5cd908095ba90a0bc",class:"smoothly-icons"},s("smoothly-icon",{key:"7dbf49e194b48313c7b54eb1bc43d2660f7cf3dc",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"63448fe06f310d74951d3ddbd8b8511d1df170b0",name:"end"})),this.open&&s("smoothly-calendar",{key:"1d334b289c960660269e869ec6e42544beaaf0d7",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-CMLWVZ3h.js.map

package/dist/components/p-CMMaSJvr.js

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

package/dist/components/p-CUmpHIzY.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,c as o,h as t,t as c}from"./p-BsZrGTcp.js";import"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import{N as a}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as i}from"./p-mmAi00ak.js";const d=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.notice=o(this,"notice")}task(e,s=2e3){return()=>new Promise((o=>window.setTimeout((()=>o(e?[true,"Task completed."]:[false,"Task failed."])),s)))}render(){return t("main",{key:"e3d338d08a8155c994f121e190583b1492631049"},t("fieldset",{key:"3d775b4ed5229982b2dbe2175a80223ccda92106"},t("h2",{key:"0a351b1923d27a7bf576c2fbb43cd5368ce6442d"},"Immediate"),t("p",{key:"bff747d88b7d561ec2a60a65b76ee0c1bc49ad39"},"Fires right away and closes after the default 15 seconds."),t("smoothly-button",{key:"1b8830e040cd6530425d3d66b5c78a7ed4e80357",color:"success",fill:"solid",onClick:()=>this.notice.emit(a.succeeded("Payment processed successfully."))},"Success"),t("smoothly-button",{key:"3ad3baf9b33d67c27fdd0cff8585f7b6eeed8807",color:"danger",fill:"solid",onClick:()=>this.notice.emit(a.failed("Payment could not be processed."))},"Failed"),t("smoothly-button",{key:"2c90a3b3742edac4c4afcee809048e65375ec705",color:"warning",fill:"solid",onClick:()=>this.notice.emit(a.warn("Balance is running low."))},"Warning")),t("fieldset",{key:"e9740e78990b6beefb77c16663e96d627b619b7b"},t("h2",{key:"9668a13f88db3b43b20e84d64339e46c0b876f9a"},"Task"),t("p",{key:"9625eaf81bd2a90ca74094f5a6ba4a23e8605853"},"Shows an executing spinner while the task runs, then transitions to success or failure."),t("smoothly-button",{key:"e99ab12076adc90e2097c7586e4f6d2377ba592c",color:"success",fill:"outline",onClick:()=>this.notice.emit(a.execute("Processing payment…",this.task(true)))},"Execute (succeeds after 2s)"),t("smoothly-button",{key:"c37c6803dcc33ebb1789e981ec9bbd4453df2944",color:"danger",fill:"outline",onClick:()=>this.notice.emit(a.execute("Processing payment…",this.task(false)))},"Execute (fails after 2s)"),t("smoothly-button",{key:"e37ff795ca11e50e80bac180c0b9fae40e8ec587",color:"medium",fill:"solid",onClick:()=>this.notice.emit(a.delay("Payment scheduled…",this.task(true)))},"Delay (waits 5s, then executes)")),t("fieldset",{key:"af63d14a88d1cd79fb022d5efbd9f5a42adf191b"},t("h2",{key:"2fe03dc548758db94a03948f0595a296e145a0e5"},"Custom lifetime"),t("p",{key:"6aead78b7f995d63d29f75d8a164aaf2188111bd"},"Controls how long the notice stays visible after resolving."),t("smoothly-button",{key:"f480806e042ba24075c030c7a767a1fb4a65de22",color:"success",fill:"solid",onClick:()=>this.notice.emit(a.succeeded("Gone in 3 seconds.",3e3))},"Success (3s)"),t("smoothly-button",{key:"bd377ef80546a629a08919899fff0e4c57ad24b3",color:"warning",fill:"solid",onClick:()=>this.notice.emit(a.warn("Sticks around for 30 seconds.",3e4))},"Warning (30s)")))}},[0,"smoothly-notifier-demo"]);function l(){if(typeof customElements==="undefined"){return}const e=["smoothly-notifier-demo","smoothly-button"];e.forEach((e=>{switch(e){case"smoothly-notifier-demo":if(!customElements.get(c(e))){customElements.define(c(e),d)}break;case"smoothly-button":if(!customElements.get(c(e))){i()}break}}))}l();export{d as S,l as d};
-//# sourceMappingURL=p-CUmpHIzY.js.map

package/dist/components/p-CZERsWDV.js

@@ -1,2 +0,0 @@
-import{p as o,H as s,h as e,d as t,t as m}from"./p-BsZrGTcp.js";import{d as r}from"./p-mmAi00ak.js";import{d as a}from"./p-MHAaISnU.js";import{d as n}from"./p-DPlYDxyJ.js";import{d as c}from"./p-DDYB8QLF.js";import{d as i}from"./p-BHTAR2x1.js";import{d as f}from"./p-CLqKhHZ8.js";import{d as l}from"./p-ycoVDLCD.js";import{d}from"./p-CmUug44L.js";const p=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return e(t,{key:"2c9674e5f435d97bd0387de4d5b91443aa521196"},e("h2",{key:"d1440db142e8443b534d60a050416740e0ba82f9"},"Login"),e("smoothly-form",{key:"f1fa4c58d439b4465a4cc3eaad87637ecbf3ac51",looks:"border"},e("smoothly-input",{key:"c419a3578e1de751d77052c78992bfe9daef6238",type:"text",name:"username"},"Username"),e("smoothly-input",{key:"fbce70bd6ac07efbf59bb39ea1d728a3e78c6d77",type:"password",name:"password"},"Password"),e("smoothly-input-reset",{key:"22df0cdc42340f207032132943cd3a5206dee49b",slot:"reset",type:"form",size:"icon",color:"warning"}),e("smoothly-input-submit",{key:"83967b0011d19526ec165d2888a5bd4533a4cf0c",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),p)}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))){n()}break;case"smoothly-icon":if(!customElements.get(m(o))){c()}break;case"smoothly-input":if(!customElements.get(m(o))){i()}break;case"smoothly-input-reset":if(!customElements.get(m(o))){f()}break;case"smoothly-input-submit":if(!customElements.get(m(o))){l()}break;case"smoothly-spinner":if(!customElements.get(m(o))){d()}break}}))}u();export{p as S,u as d};
-//# sourceMappingURL=p-CZERsWDV.js.map

package/dist/components/p-CdufQoGg.js

@@ -1,2 +0,0 @@
-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-MHAaISnU.js";import{d as n}from"./p-jq25vUmm.js";import{d as l}from"./p-DnvyyAaF.js";import{d as f}from"./p-DPlYDxyJ.js";import{d as r}from"./p-DDYB8QLF.js";import{d as i}from"./p-BHTAR2x1.js";import{d}from"./p-DhchoEO3.js";import{d as b}from"./p-CMLWVZ3h.js";import{d as p}from"./p-UqPFIGlg.js";import{d as y}from"./p-BagcEQ4o.js";import{d as u}from"./p-C88eMND6.js";import{d as h}from"./p-ycoVDLCD.js";import{d as k}from"./p-ByRyVRgY.js";import{d as E}from"./p-CmUug44L.js";const j=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"fc0659542a5e17d903ecb4da9aee7679ef39cdec"},t("h2",{key:"1d1b9ac96324d7c421cdb19d2734bd2fbbb5a8fb"},"Transparent"),t("smoothly-form",{key:"992b6ce5260a8af1f63b9025faca67acef755dc2",looks:"transparent",onSmoothlyFormSubmit:e=>console.log(e.detail.value)},t("smoothly-input-file",{key:"e79178c59b6617703cb42fdeb16a246047110f85",name:"file"},t("span",{key:"0c34c069e55446fdf26eef201f492000b1692a3e",slot:"label"},"File"),t("smoothly-icon",{key:"85c1a66268e78a94b308be411ff5cb712890a1b0",slot:"button",name:"folder-open-outline",size:"small"})),t("smoothly-input",{key:"64c3c4206bf9455f5c923c427cae185c5f84ca60",type:"duration",looks:"transparent",placeholder:"h:mm"},"Input"),t("smoothly-input-date",{key:"006326702c0d9d6f349292de7531b390e6b7add8"},"Date"),t("smoothly-input-date-range",{key:"78784fe14706cbbb5d8ef6d040891127991a418b"},"Date Range"),t("smoothly-input-select",{key:"e48d3d2cd97b472558f2cbfb7c19aed71c505ed1",name:"transport"},t("smoothly-item",{key:"afdc23c9ed61e272893ddd45b70e8d62f0e613fc",value:"plane"},t("smoothly-icon",{key:"ba6c15f1ac729420811ff77b355424426f2b35eb",name:"airplane-outline"})),t("smoothly-item",{key:"90c591649758b43835de47380f9cf0ba89665a43",value:"car"},t("smoothly-icon",{key:"170d4aeeec48e2ea8d57ee17421daa0eacbd6125",name:"car-outline"})),t("smoothly-item",{key:"fce1fc75af8d839f10d1057d699b5049cd4bee84",value:"bus",selected:true},t("smoothly-icon",{key:"1fbb7c4afc326efe8d569c5c032fb7d285876974",name:"bus-outline"}))),t("smoothly-input-submit",{key:"fd292fb5b88f89e103d843e95b14ccf7a3ab9871",icon:"checkbox-outline"})))}},[2,"smoothly-form-demo-transparent"]);function D(){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))){f()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){i()}break;case"smoothly-input-date":if(!customElements.get(m(e))){d()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){b()}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}}))}D();export{j as S,D as d};
-//# sourceMappingURL=p-CdufQoGg.js.map

package/dist/components/p-Cppqe_PV.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,h as o,d as a,t}from"./p-BsZrGTcp.js";import{d as m}from"./p-mmAi00ak.js";import{d as n}from"./p-CN3iME9d.js";import{d as r}from"./p-DG2pfnCV.js";import{d as c}from"./p-uFR5K4vd.js";import{d}from"./p-DvZK__s-.js";import{d as l}from"./p-F8qX8ZuL.js";import{d as i}from"./p-DDYB8QLF.js";import{d as f}from"./p-BHTAR2x1.js";import{d as p}from"./p-Dk4OvZyQ.js";import{d as y}from"./p-Dq8EU803.js";const b=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(a,{key:"fd572625434e3a3a511d2fdc4e39a11734eee8fb"},o("h2",{key:"0bf7d54f8cf11e3e870d6c1152fdad2665baf305"},"Range"),o("h3",{key:"37f05494fea8a36a05684fb0ad0aede0d27630aa"},"Phone Number"),o("smoothly-input-range",{key:"68d94bdeb4db077a49a011c4849e99a1b33db40b",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"d1b81f1dae6424d685997bd8dfe02a10832a1b2a"},"Stars out of ten"),o("smoothly-input-range",{key:"dca3283520395117ed946a844bb46f7fc52c0212",max:10,step:1,label:"Stars"}),o("h3",{key:"8670432a44d93f9f7dbc315c1f0a51d9aa79100a"},"Percent"),o("smoothly-input-range",{key:"78863ada16280bb963e15f1682aa8131667a1bd3",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"1b4a9ba5d75f92f1f90dc46a4710a35edd2fe2e9"},"With icon at start and clear button"),o("smoothly-input-range",{key:"95c8798a86fc50de7ad65b67f837a71e2743c2ae",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"f44529bf690bcf4ceff1dfa1520d2cf92a456f2f",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"27ef758b1ba28f93ae5a19cc14fb1bdbf1415c70",size:"icon",slot:"end"})))}},[0,"smoothly-input-range-demo"]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-range-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-clear","smoothly-input-range"];e.forEach((e=>{switch(e){case"smoothly-input-range-demo":if(!customElements.get(t(e))){customElements.define(t(e),b)}break;case"smoothly-button":if(!customElements.get(t(e))){m()}break;case"smoothly-display":if(!customElements.get(t(e))){n()}break;case"smoothly-display-json":if(!customElements.get(t(e))){r()}break;case"smoothly-display-json-object":if(!customElements.get(t(e))){c()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(e))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(e))){l()}break;case"smoothly-icon":if(!customElements.get(t(e))){i()}break;case"smoothly-input":if(!customElements.get(t(e))){f()}break;case"smoothly-input-clear":if(!customElements.get(t(e))){p()}break;case"smoothly-input-range":if(!customElements.get(t(e))){y()}break}}))}u();export{b as S,u as d};
-//# sourceMappingURL=p-Cppqe_PV.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["SmoothlyInputRangeDemo","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","min","max","step","label","type","name","slot","size"],"sources":["src/components/input/range/demo/index.tsx"],"sourcesContent":["import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-range-demo\",\n})\nexport class SmoothlyInputRangeDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Range</h2>\n\t\t\t\t<h3>Phone Number</h3>\n\t\t\t\t<smoothly-input-range min={700000000} max={799999999} step={1} label={\"Phone Number\"} />\n\t\t\t\t<h3>Stars out of ten</h3>\n\t\t\t\t<smoothly-input-range max={10} step={1} label={\"Stars\"} />\n\t\t\t\t<h3>Percent</h3>\n\t\t\t\t<smoothly-input-range type=\"percent\" max={1} step={0.01} label={\"Percent\"} />\n\t\t\t\t<h3>With icon at start and clear button</h3>\n\t\t\t\t<smoothly-input-range step={1} name=\"range2\" label=\"Select\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t</smoothly-input-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"oaAKaA,EAAsBC,EAAA,MAAAD,UAAAE,E,4DAClC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,MAAAE,IAAA,qDACAF,EAAA,MAAAE,IAAA,4DACAF,EAAA,wBAAAE,IAAA,2CAAsBC,IAAK,IAAWC,IAAK,UAAWC,KAAM,EAAGC,MAAO,iBACtEN,EAAA,MAAAE,IAAA,gEACAF,EAAA,wBAAAE,IAAA,2CAAsBE,IAAK,GAAIC,KAAM,EAAGC,MAAO,UAC/CN,EAAA,MAAAE,IAAA,uDACAF,EAAA,wBAAAE,IAAA,2CAAsBK,KAAK,UAAUH,IAAK,EAAGC,KAAM,IAAMC,MAAO,YAChEN,EAAA,MAAAE,IAAA,mFACAF,EAAA,wBAAAE,IAAA,2CAAsBG,KAAM,EAAGG,KAAK,SAASF,MAAM,UAClDN,EAAA,iBAAAE,IAAA,2CAAeM,KAAK,mBAAmBC,KAAK,UAC5CT,EAAA,wBAAAE,IAAA,2CAAsBQ,KAAK,OAAOD,KAAK,S","ignoreList":[]}

package/dist/components/p-Cu0ProBU.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,h as o,t as s}from"./p-BsZrGTcp.js";import{d as l}from"./p-l818BCpp.js";import{d as a}from"./p-BWT1q2tN.js";const r=()=>`.sc-smoothly-table-filler-row-h{grid-column:1 / -1}`;const c=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o("smoothly-table-row",{key:"4925aa29f641ac932dd2686bdfb285dfbba27008"},o("smoothly-table-cell",{key:"8aebd5713c716392a50afae52b1aed1c091c15f8"},o("slot",{key:"822bc6ecef95836f099ac8c122a0b6c00999abe2"})))}static get style(){return r()}},[262,"smoothly-table-filler-row"]);function m(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-filler-row","smoothly-table-cell","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-filler-row":if(!customElements.get(s(e))){customElements.define(s(e),c)}break;case"smoothly-table-cell":if(!customElements.get(s(e))){l()}break;case"smoothly-table-row":if(!customElements.get(s(e))){a()}break}}))}m();export{c as S,m as d};
-//# sourceMappingURL=p-Cu0ProBU.js.map

package/dist/components/p-Cyl9K1If.js

@@ -1,2 +0,0 @@
-import{p as t,H as o,c as e,h as s,d as i,t as a}from"./p-BsZrGTcp.js";import{i as n}from"./p-BVKhAhsB.js";import{E as l}from"./p-iQDU7l2c.js";import{I as h}from"./p-DPlYDxyJ.js";import{d as m}from"./p-jq25vUmm.js";import{d}from"./p-DDYB8QLF.js";import{d as r}from"./p-BHTAR2x1.js";import{d as u}from"./p-BagcEQ4o.js";import{d as p}from"./p-C88eMND6.js";import{d as c}from"./p-ByRyVRgY.js";const y=()=>`.sc-smoothly-input-date-time-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-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-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-time-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-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-time-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-time-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-time-h,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-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-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:"";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;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-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name="date"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name="hour"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name="minute"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyValueChange=e(this,"smoothlyValueChange");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.readonly=false;this.invalid=false;this.isDifferentFromInitial=false;this.observer=l.Observer.create(this);this.showLabel=true}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.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish();this.valueChange(this.value)}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(){const t=this.date&&typeof this.hour=="number"&&typeof this.minute=="number"?`${this.date}T${`${this.hour}`.padStart(2,"0")}:${`${this.minute}`.padStart(2,"0")}:00.000Z`:undefined;return n.DateTime.is(t)?t:undefined}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}async handleChange(){const t=await this.getValue();this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){if(n.DateTime.is(t)){this.date=n.DateTime.getDate(t);this.hour=n.DateTime.getHour(t);this.minute=n.DateTime.getMinute(t)}this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){if(n.DateTime.is(this.initialValue)){this.date=n.DateTime.getDate(this.initialValue);this.hour=n.DateTime.getHour(this.initialValue);this.minute=n.DateTime.getMinute(this.initialValue)}else{this.date=undefined;this.hour=undefined;this.minute=undefined}}async setInitialValue(){this.initialValue=await this.getValue();this.isDifferentFromInitial=false}render(){return s(i,{key:"ad93ad9f51896e7b99f721d7a81808e092816c03"},s("smoothly-input",{key:"0e212a092315fa9a0feaaf67f3c2127a6c5d76c2",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:"date",onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,type:"date",value:this.date,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.date=t.detail.date},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}},s("slot",{key:"3365117b617114c1c961a34660585c2ddae7f93d"})),s("smoothly-input",{key:"91b0c6323b1451c1b40f23bcf2aab162eeb2bf4d",name:"hour",type:"integer",max:23,pad:2,value:this.hour,readonly:this.readonly,disabled:this.disabled,placeholder:"hh",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.hour=t.detail.hour},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"30f3a9608f30b70ec0e999b1087f124a2c0f8f9a",class:"colon"},":"),s("smoothly-input",{key:"d3dfb6f59c4bffd573187b513abbcc3f26621389",name:"minute",type:"integer",max:59,pad:2,value:this.minute,readonly:this.readonly,disabled:this.disabled,placeholder:"mm",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.minute=t.detail.minute},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"a909976d14881c52ff1461afde62ee22acccbea0",class:"icons"},s("smoothly-icon",{key:"d200862fdf9b53b85d1deb9569cf4b9c93aee077",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"c5391f31a81c2b9ed019fb27e5aefb2e41a91d49",name:"end"})),this.open&&!this.readonly&&s("smoothly-calendar",{key:"ac41f035d3f92fd3116dfcf360f2e4d921a829b0",doubleInput:false,value:this.value?n.DateTime.getDate(this.value):undefined,min:this.min?n.DateTime.getDate(this.min):undefined,max:this.max?n.DateTime.getDate(this.max):undefined,onSmoothlyDateSet:async t=>{t.stopPropagation();this.date=t.detail;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()});this.open=false}},s("div",{key:"3a0ea948b27c084501a8a98c9ad31195077abd86",slot:"year-label"},s("slot",{key:"cc59da90159452014a6434827619eade272e75d3",name:"year-label"})),s("div",{key:"a7bbff950447fab625edc43dd12814b24711d568",slot:"month-label"},s("slot",{key:"a5d595242c8424d5a6021e7306c219cc828dbfb1",name:"month-label"}))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-date-time",{color:[1537],looks:[1537],name:[513],readonly:[1540],disabled:[516],invalid:[516],errorMessage:[513,"error-message"],value:[1025],open:[1028],showLabel:[516,"show-label"],min:[1],max:[1],date:[32],hour:[32],minute:[32],register:[64],unregister:[64],getValue:[64],listen:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-time","smoothly-calendar","smoothly-icon","smoothly-input","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-time":if(!customElements.get(a(t))){customElements.define(a(t),b)}break;case"smoothly-calendar":if(!customElements.get(a(t))){m()}break;case"smoothly-icon":if(!customElements.get(a(t))){d()}break;case"smoothly-input":if(!customElements.get(a(t))){r()}break;case"smoothly-input-month":if(!customElements.get(a(t))){u()}break;case"smoothly-input-select":if(!customElements.get(a(t))){p()}break;case"smoothly-item":if(!customElements.get(a(t))){c()}break}}))}f();export{b as S,f as d};
-//# sourceMappingURL=p-Cyl9K1If.js.map

package/dist/components/p-CzyIIFz6.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,h as o,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{n as c,f as r}from"./p-Br0kWrBT.js";import{o as n}from"./p-Dr7iZPxA.js";import{d as l}from"./p-mmAi00ak.js";import{d as i}from"./p-MHAaISnU.js";import{d as f}from"./p-jq25vUmm.js";import{d as u}from"./p-DnvyyAaF.js";import{d}from"./p-DPlYDxyJ.js";import{d as p}from"./p-DDYB8QLF.js";import{d as y}from"./p-BHTAR2x1.js";import{d as h}from"./p-DhchoEO3.js";import{d as b}from"./p-BagcEQ4o.js";import{d as k}from"./p-CLqKhHZ8.js";import{d as j}from"./p-C88eMND6.js";import{d as E}from"./p-ycoVDLCD.js";import{d as D}from"./p-ByRyVRgY.js";import{d as A}from"./p-CmUug44L.js";var B;(function(e){e.type=n({date:r("isoly.Date",a.Date.is),amount:c()})})(B||(B={}));var x;(function(e){e.type=n({schedule:B.type.array()})})(x||(x={}));const v=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(s,{key:"af726abe173fe267f43278671ab53c62184ca7b3"},o("h2",{key:"85994b1d612017c07fcbff85d1c7520419c4125f"},"Schedule"),o("smoothly-form",{key:"7bace3476a4344bb7ece715a3d797acadf40dd58",looks:"line",validator:x.type},o("smoothly-input-date",{key:"5450e239098e87b0eacc7da44459d35dc30bb5dc",name:"schedule.0.date"},"Date"),o("smoothly-input",{key:"9cc1b52c9f636a99b549267198503d47b3afb0f8",name:"schedule.0.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"5f298fa2efabe38e2aef28d9c992ec1ec0804b46",name:"schedule.1.date"},"Date"),o("smoothly-input",{key:"b71aba89d7e05258226fbbaaf705dc9c435a1c37",name:"schedule.1.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"22095cea02b58862ae930857daee6242a51b33b6",name:"schedule.2.date"},"Date"),o("smoothly-input",{key:"9c33bd7be7e0de733986cc2ef6f9c2e52b3f273a",name:"schedule.2.amount",type:"price"},"Amount"),o("smoothly-input-reset",{key:"b02b3225e549665b393a77627da3304881473f9e",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"25d0d08fb11531e71d0f9c4a9394d3bb36a0565c",slot:"submit"})))}},[2,"smoothly-form-demo-schedule"]);function g(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-schedule","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","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-schedule":if(!customElements.get(m(e))){customElements.define(m(e),v)}break;case"smoothly-button":if(!customElements.get(m(e))){l()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){i()}break;case"smoothly-calendar":if(!customElements.get(m(e))){f()}break;case"smoothly-date-text":if(!customElements.get(m(e))){u()}break;case"smoothly-form":if(!customElements.get(m(e))){d()}break;case"smoothly-icon":if(!customElements.get(m(e))){p()}break;case"smoothly-input":if(!customElements.get(m(e))){y()}break;case"smoothly-input-date":if(!customElements.get(m(e))){h()}break;case"smoothly-input-month":if(!customElements.get(m(e))){b()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){k()}break;case"smoothly-input-select":if(!customElements.get(m(e))){j()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){E()}break;case"smoothly-item":if(!customElements.get(m(e))){D()}break;case"smoothly-spinner":if(!customElements.get(m(e))){A()}break}}))}g();export{v as S,g as d};
-//# sourceMappingURL=p-CzyIIFz6.js.map