smoothly 1.112.0 → 1.113.0

package/dist/components/{p-BX6yRNGo.js → p-Dt4cCJEp.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as t,d as o,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as i}from"./p-DX3KKRD9.js";import{d as l}from"./p-DgaHxdNI.js";import{d as r}from"./p-BiQsRsV4.js";import{d as c}from"./p-R4uIvvER.js";import{d as f}from"./p-C519IJGa.js";import{d}from"./p-DTqtObrT.js";import{d as u}from"./p-CKrPTQ_S.js";import{d as p}from"./p-RNCr3p17.js";import{d as h}from"./p-D7cDUGTe.js";import{d as y}from"./p-BS2SWUX6.js";import{d as b}from"./p-CsLlJDsh.js";const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.name="Initial name";this.currency="EUR";this.date=a.Date.now();this.currencies=["GBP","SEK","EUR","USD"]}nameChanged(e,s){console.log(`updated name from '${s}' to '${e}'`)}async submitHandler(e){e.stopPropagation();console.log("Received event. Processing...",e.detail);if(!(typeof e.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof e.detail.value.date=="string")){console.error("Bad input. Resolving false.")}else if(!a.Currency.is(e.detail.value.currency)){console.error("Bad input. Resolving false.")}else{await new Promise((e=>window.setTimeout(e,1e3)));this.name=e.detail.value.name;this.date=e.detail.value.date;this.currency=e.detail.value.currency;console.log("Finished processing successfully. Resolving true.");e.detail.result(true)}e.detail.result(false)}render(){return t(o,{key:"2131171a287333757dd2e257272b2151f445d00a"},t("h2",{key:"ae5d57d207b35d5d25568cb929551076b02b29bb"},"Controlled"),t("smoothly-form",{key:"206b0c12bade21ffe5ec4357c27a11612adf99f7",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"9f607b8f55df8931f04e2df1746bc5b8f239700c",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"5fe97133fc282b8a428ba9d1d28e27f5642857d3",name:"currency"},t("span",{key:"76ca8e412897900e1054a70c2a2645ad3587d55d",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"3099df2a407af93f416da0ff8e6093df00c49467"},"Dummy"),t("smoothly-input-month",{key:"1c5c73a802f6a8e90b8163e8fb9b652e0ba073f6",name:"date",value:this.date,next:true,previous:true},t("span",{key:"71f40ad3683c72e71366e0faa9750c536c82e05a",slot:"year-label"},"Year"),t("span",{key:"71888a27f0f94e796c983a4f41c6a679be7d66fe",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"1f2aba348ed5559946c30abede9e4656c30d887b",slot:"edit",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"6800fe757dab08be1ddb7c22e266b9093ffffefa",slot:"reset",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"f0c595bc65fa6207cd01792e7fa782e3a59b8464",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:[{nameChanged:0}]}}},[2,"smoothly-form-demo-controlled",{name:[32],currency:[32],date:[32]},undefined,{name:[{nameChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-controlled","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-edit","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-controlled":if(!customElements.get(m(e))){customElements.define(m(e),k)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){i()}break;case"smoothly-form":if(!customElements.get(m(e))){l()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){c()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){f()}break;case"smoothly-input-month":if(!customElements.get(m(e))){d()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){u()}break;case"smoothly-input-select":if(!customElements.get(m(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){y()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
-//# sourceMappingURL=p-BX6yRNGo.js.map
+import{p as e,H as t,h as s,d as o,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as i}from"./p-BHEtq3Ue.js";import{d as n}from"./p-DX3KKRD9.js";import{d as l}from"./p-BpBeeNcM.js";import{d as r}from"./p-BiQsRsV4.js";import{d as c}from"./p-7ReeDB-R.js";import{d as f}from"./p-C519IJGa.js";import{d}from"./p-B6W5V130.js";import{d as u}from"./p-CGg8GrGq.js";import{d as p}from"./p-OfpR2_fh.js";import{d as h}from"./p-xbCL6ChL.js";import{d as y}from"./p-DKir2dIt.js";import{d as b}from"./p-BEQ2yAjW.js";const k=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.name="Initial name";this.currency="EUR";this.date=a.Date.now();this.currencies=["GBP","SEK","EUR","USD"]}nameChanged(e,t){console.log(`updated name from '${t}' to '${e}'`)}async submitHandler(e){e.stopPropagation();console.log("Received event. Processing...",e.detail);if(!(typeof e.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof e.detail.value.date=="string")){console.error("Bad input. Resolving false.")}else if(!a.Currency.is(e.detail.value.currency)){console.error("Bad input. Resolving false.")}else{await new Promise((e=>window.setTimeout(e,1e3)));this.name=e.detail.value.name;this.date=e.detail.value.date;this.currency=e.detail.value.currency;console.log("Finished processing successfully. Resolving true.");e.detail.result(true)}e.detail.result(false)}render(){return s(o,{key:"2131171a287333757dd2e257272b2151f445d00a"},s("h2",{key:"ae5d57d207b35d5d25568cb929551076b02b29bb"},"Controlled"),s("smoothly-form",{key:"206b0c12bade21ffe5ec4357c27a11612adf99f7",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},s("smoothly-input",{key:"9f607b8f55df8931f04e2df1746bc5b8f239700c",type:"text",name:"name",value:this.name},"Name"),s("smoothly-input-select",{key:"5fe97133fc282b8a428ba9d1d28e27f5642857d3",name:"currency"},s("span",{key:"76ca8e412897900e1054a70c2a2645ad3587d55d",slot:"label"},"Currency"),this.currencies.map((e=>s("smoothly-item",{selected:e==this.currency,value:e},e)))),s("smoothly-input",{key:"3099df2a407af93f416da0ff8e6093df00c49467"},"Dummy"),s("smoothly-input-month",{key:"1c5c73a802f6a8e90b8163e8fb9b652e0ba073f6",name:"date",value:this.date,next:true,previous:true},s("span",{key:"71f40ad3683c72e71366e0faa9750c536c82e05a",slot:"year-label"},"Year"),s("span",{key:"71888a27f0f94e796c983a4f41c6a679be7d66fe",slot:"month-label"},"Month")),s("smoothly-input-edit",{key:"1f2aba348ed5559946c30abede9e4656c30d887b",slot:"edit",size:"icon",color:"primary",fill:"default"}),s("smoothly-input-reset",{key:"6800fe757dab08be1ddb7c22e266b9093ffffefa",slot:"reset",size:"icon",color:"warning",fill:"default"}),s("smoothly-input-submit",{key:"f0c595bc65fa6207cd01792e7fa782e3a59b8464",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:[{nameChanged:0}]}}},[2,"smoothly-form-demo-controlled",{name:[32],currency:[32],date:[32]},undefined,{name:[{nameChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-controlled","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-edit","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-controlled":if(!customElements.get(m(e))){customElements.define(m(e),k)}break;case"smoothly-button":if(!customElements.get(m(e))){i()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){n()}break;case"smoothly-form":if(!customElements.get(m(e))){l()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){c()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){f()}break;case"smoothly-input-month":if(!customElements.get(m(e))){d()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){u()}break;case"smoothly-input-select":if(!customElements.get(m(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){y()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
+//# sourceMappingURL=p-Dt4cCJEp.js.map

package/dist/components/{p-Bp9BMsim.js → p-DtoC1d2_.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as a,d as t,t as c}from"./p-BsZrGTcp.js";import{d as l}from"./p-BoHJT9bR.js";import{d as s}from"./p-BHEtq3Ue.js";import{d}from"./p-DX3KKRD9.js";import{d as f}from"./p-CtN3gqjJ.js";import{d as i}from"./p-DgaHxdNI.js";import{d as n}from"./p-BiQsRsV4.js";import{d as b}from"./p-R4uIvvER.js";import{d as m}from"./p-C_f8s6n5.js";import{d as r}from"./p-BaBGzDg_.js";import{d as y}from"./p-BDhPxj59.js";import{d as h}from"./p-DXHBXAV0.js";import{d as k}from"./p-RNCr3p17.js";import{d as u}from"./p-BS2SWUX6.js";import{d as p}from"./p-CsLlJDsh.js";import{d as g}from"./p-DMzn0Iz0.js";import{d as z}from"./p-CdgiqBtD.js";const C=()=>`smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}`;const E=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return a(t,{key:"533286a87d0525479bd2ee9e28e3b4f0a96d4028"},a("section",{key:"83c431cb9866c7e9ed66d000c45db12cba32a5c1"},a("smoothly-button-demo-standard",{key:"9be3c679df5dae790c20267466f0e59e7129e590"})),a("section",{key:"63c5a3497203d471629c514b4ad65062a65803e4"},a("h4",{key:"4aea5b53872940382d8955d747731846e293bb80"},"Confirm button (two clicks)"),a("div",{key:"0d06137cb8e7e2f0d27c7c9bcee216f6a582ff33"},a("smoothly-button-confirm",{key:"d10630d444951f251fd00100cbef18074e7d206b",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),a("smoothly-button-confirm",{key:"c2b0cd87fe14786eaa690e51dd91ace6443aa3c4",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},a("smoothly-icon",{key:"fa26113fbfdaea0ee2c0b4723084a69b54d7804b",name:"checkmark-outline",size:"tiny"})),a("smoothly-button-confirm",{key:"cbceb8ffdeffeb6231bb4775a12aeca6599e7eb5",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},a("smoothly-icon",{key:"5bbbaeccd43ee1b930a73a2fa676345835f9646a",name:"trash-outline",size:"tiny",fill:"outline"}))),a("smoothly-toggle-switch-demo",{key:"1bd1095e2c679a2526d31987873334f51d175e85"}),a("h4",{key:"6d22aa735b0d7f16093b216086441d0d722a6421"},"Links with icons"),a("smoothly-button",{key:"7a9cf02c47b1ac104935336f57c07d9eacd865eb",type:"link"},a("smoothly-icon",{key:"fe0f7094ce66691d5e10ee2f5f6d65782a37a380",name:"checkmark-circle",slot:"start"}),"type link"),a("smoothly-button",{key:"723452282f7551547060378c9057d40e4f729be7",type:"button",color:"warning",fill:"default"},a("smoothly-icon",{key:"2da735678c8066ac9ca1a0c8fc42be6f71968997",name:"call",slot:"start"}),a("a",{key:"dd1747fde83a34074dd35a505a7305bb608fcf3a",href:"https://google.com"},"link")),a("smoothly-button",{key:"d9aa99e8d2dfecc0766e4322051a142028f1d749",link:"https://google.com",type:"link"},a("smoothly-icon",{key:"6e64f4b3686c18f23b2215a41c53f87785835d1f",name:"arrow-forward",slot:"end"}),"link + type link"),a("h4",{key:"da1b853513b11781bcd032cf4d7e5f771baa2ed9"},"Size and Color test"),a("smoothly-button",{key:"8eb4c40f66e75ab99c197ba42c8a4e3f192dd9a5",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),a("smoothly-button",{key:"60c02db208c08a07c50c56ccb228eb333f67a59c",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),a("smoothly-button",{key:"8d6d6a13382b24bc44fa2153dcdeae8212169a97",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),a("smoothly-button",{key:"1c4cce72723efcde85b1308535263324e4b49041",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),a("smoothly-button",{key:"256c0622be653968e784e8a2a598b88a51dc80f7",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),a("smoothly-button",{key:"d381847e99dca57bd315a6b7438b3e1e55172cc2",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),a("smoothly-button",{key:"6ff5845f5a0d82d9c99817696e9be364d9da950a",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),a("smoothly-button",{key:"e14f96677b4aed688dc8f0ea0b596c6b585f15b0",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),a("smoothly-button",{key:"4cac9d4923a21476b5f6dc4de0430153477200fa",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),a("h4",{key:"b1a485089eea221cab4a23be46a83c3c2e9c2929"},"Expand examples"),a("smoothly-button",{key:"71aa9bd0791d0e326d9d0721fb2f8eb0d2875164",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),a("smoothly-button",{key:"b316c727f5f529a63649558012ee790cb1e53750",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),a("h4",{key:"2afe5f6a00cbc405f8b7901f5e118d03adcd243e"},"Fill examples"),a("div",{key:"8aad1d8d07c40c2ada40a18ebcbc7c89d8652eef"},a("smoothly-button",{key:"63b8df9f6a45f6ff81168f9c3ad43344acc0c4ab",shape:"rounded",color:"primary",fill:"solid"},a("smoothly-icon",{key:"33d1f688aa67a1db212a9b7aa7147de4f8279ae6",name:"checkmark-circle",slot:"start"}),"Fill Solid"),a("smoothly-button",{key:"cda371d608f548bfceb958fedb0a7eb22cdc5c83",shape:"rounded",color:"secondary",fill:"outline"},a("smoothly-icon",{key:"39824d2393567df80731477784e31bad5b019f90",name:"checkmark-circle",slot:"start"}),"Fill Outline"),a("smoothly-button",{key:"d429cf372e423e882717f0867adb31ffd5d45dc6",shape:"rounded",color:"tertiary",fill:"clear"},a("smoothly-icon",{key:"e8473ef999c9f3bb56da4f58b51f593e7ebc4a1b",name:"checkmark-circle",slot:"start"}),"Fill Clear"),a("smoothly-button",{key:"e26709d399f9747d657a805ce69f997127dd46e3",size:"icon",shape:"rounded",color:"success",fill:"solid"},a("smoothly-icon",{key:"99abc1c65692daf112f2d2b1660918951ae60559",name:"basketball"}))),a("h4",{key:"99be735e4b2c91170daf2e3f0d5779a69d7ef08f"},'Buttons with Icon in "start"'),a("div",{key:"af0724fe2f9605a199d1b392d0307a948bc02b0c"},a("smoothly-button",{key:"38a7a2af64996af6adc7514d8ee407eaf2c7878b",shape:"rounded",fill:"solid",color:"warning"},a("smoothly-icon",{key:"951d2c413089f67b6ebe3c6d9f566ad5267cf4ae",name:"checkmark-circle",slot:"start"}),"Check"),a("smoothly-button",{key:"6ee1bc2af768f123a12e294016cc917aa4bd1c0e",shape:"rounded",fill:"solid",color:"secondary"},a("smoothly-icon",{key:"9d0e80208a6e68f919cc7276073232a368cb111a",name:"basketball",slot:"start"}),"Check"),a("smoothly-button",{key:"e5366d8f3ed7a2cf41cece51570301f145c67e19",shape:"rounded",fill:"solid",color:"success"},a("smoothly-icon",{key:"a0ad0a9620d853fda8d7e594031c04a0ec689445",name:"call",slot:"start"}),"Check"),a("smoothly-button",{key:"c94e929cfe5f738f2a3235f43a1f4da5e0c9fc36",size:"icon",fill:"solid",shape:"rounded",color:"success"},a("smoothly-icon",{key:"71a2f51f71668101315aa8533b5bfcf366d7fc5a",name:"call"})),a("smoothly-button",{key:"f33069cba505b599106e46dd64b9c8d5d7af72b1",size:"flexible",fill:"solid",color:"success"},a("smoothly-icon",{key:"23f5cfce66c47cfe7a7bc61270d366dc1a4b1df2",name:"airplane"}))),a("h4",{key:"0e1d80f018cb083f747dca33ac1579623130e4b4"},'Buttons with Icon in "end"'),a("smoothly-button",{key:"a6fb030807e47ece0af3e864fd1021dd073bb694",fill:"solid",color:"light"},"Go Forward",a("smoothly-icon",{key:"257becef67d6cc074ae9ea15c4aa7f4310b6512e",name:"arrow-forward",slot:"end"})),a("h4",{key:"dae9d6d89805ba3dbe25d10b078150475f097f97"},"Test for icon button"),a("div",{key:"430c1bc4c47a98cf456a84a2d5ab2668777f01cd"},a("smoothly-button",{key:"3c58c97ef2193b38eab09a4e533dba5b4f20a4e4",size:"icon",fill:"solid",shape:"rounded",color:"success"},a("smoothly-icon",{key:"59426dc2bd35c313d6619b44f13d517aa7c034ce",name:"call"})),a("smoothly-button",{key:"0fb117873692f75b51c92e333d3f835cd5fbe74f",size:"icon",shape:"rounded",color:"warning",fill:"solid"},a("smoothly-icon",{key:"7162fcc07788dd9829abafb5b7f38e786b86c298",name:"search-outline"})),a("smoothly-button",{key:"f46d225a20b28efeafcb952544ff5600988ada74",size:"icon",shape:"rounded",color:"secondary"},a("smoothly-icon",{key:"787a26836d6788196c5f3761f66c680704df9817",name:"checkmark-circle"}))),a("h4",{key:"2d8596d90b04536a298e7375e2a4ad3b0c463fbc"},"Link examples"),a("div",{key:"5af7537287d37938616bc0478f7cc63e757720e5"},a("smoothly-button",{key:"b6faae4aa4fd72b87c7181ec146dfda0cfa7a248",type:"link"},"type link"),a("smoothly-button",{key:"4d56453b6a595c09cb70cd8708392effda6f9279",type:"button",fill:"clear"},a("a",{key:"607e553ae06c24cb513fe90ecca476295b719283",href:"https://google.com"},"link")),a("smoothly-button",{key:"9a397311efd0a89849a6c8016fce61bf0639cea0",link:"https://google.com",type:"link"},"link + type link")),a("h4",{key:"466df22b0f9265755db176b4947f39cb3892d331"},"Disabled buttons"),a("div",{key:"b146d15d620300b8da5e134618a1b3f904024f61"},a("smoothly-button",{key:"637ee09aedbde2ff0342d469b50bd181a632308c",disabled:true,fill:"solid",color:"secondary"},"Disabled"),a("smoothly-button",{key:"0bdca6978fd1908f3c529668bfe3c128987522a5",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),a("smoothly-back-to-top",{key:"f217299a63164d3d4bcbda3d9ab1b4da44a8f99f"}))}static get style(){return C()}},[0,"smoothly-button-demo"]);function w(){if(typeof customElements==="undefined"){return}const e=["smoothly-button-demo","smoothly-back-to-top","smoothly-button","smoothly-button-confirm","smoothly-button-demo-standard","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch","smoothly-toggle-switch-demo"];e.forEach((e=>{switch(e){case"smoothly-button-demo":if(!customElements.get(c(e))){customElements.define(c(e),E)}break;case"smoothly-back-to-top":if(!customElements.get(c(e))){l()}break;case"smoothly-button":if(!customElements.get(c(e))){s()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(c(e))){f()}break;case"smoothly-form":if(!customElements.get(c(e))){i()}break;case"smoothly-icon":if(!customElements.get(c(e))){n()}break;case"smoothly-input":if(!customElements.get(c(e))){b()}break;case"smoothly-input-checkbox":if(!customElements.get(c(e))){m()}break;case"smoothly-input-clear":if(!customElements.get(c(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){y()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){h()}break;case"smoothly-input-select":if(!customElements.get(c(e))){k()}break;case"smoothly-item":if(!customElements.get(c(e))){u()}break;case"smoothly-spinner":if(!customElements.get(c(e))){p()}break;case"smoothly-toggle-switch":if(!customElements.get(c(e))){g()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(c(e))){z()}break}}))}w();export{E as S,w as d};
-//# sourceMappingURL=p-Bp9BMsim.js.map
+import{p as e,H as o,h as a,d as t,t as c}from"./p-BsZrGTcp.js";import{d as l}from"./p-BoHJT9bR.js";import{d as s}from"./p-BHEtq3Ue.js";import{d}from"./p-DX3KKRD9.js";import{d as f}from"./p-B11YJh32.js";import{d as i}from"./p-BpBeeNcM.js";import{d as n}from"./p-BiQsRsV4.js";import{d as b}from"./p-7ReeDB-R.js";import{d as m}from"./p-Q-gVll-_.js";import{d as r}from"./p-CCzyYE1m.js";import{d as y}from"./p-BznhH5yZ.js";import{d as h}from"./p-V6FzDWfL.js";import{d as k}from"./p-OfpR2_fh.js";import{d as u}from"./p-DKir2dIt.js";import{d as p}from"./p-BEQ2yAjW.js";import{d as g}from"./p-D4PyTfe4.js";import{d as z}from"./p-CMEyMMZz.js";const E=()=>`smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}`;const w=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return a(t,{key:"533286a87d0525479bd2ee9e28e3b4f0a96d4028"},a("section",{key:"83c431cb9866c7e9ed66d000c45db12cba32a5c1"},a("smoothly-button-demo-standard",{key:"9be3c679df5dae790c20267466f0e59e7129e590"})),a("section",{key:"63c5a3497203d471629c514b4ad65062a65803e4"},a("h4",{key:"4aea5b53872940382d8955d747731846e293bb80"},"Confirm button (two clicks)"),a("div",{key:"0d06137cb8e7e2f0d27c7c9bcee216f6a582ff33"},a("smoothly-button-confirm",{key:"d10630d444951f251fd00100cbef18074e7d206b",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),a("smoothly-button-confirm",{key:"c2b0cd87fe14786eaa690e51dd91ace6443aa3c4",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},a("smoothly-icon",{key:"fa26113fbfdaea0ee2c0b4723084a69b54d7804b",name:"checkmark-outline",size:"tiny"})),a("smoothly-button-confirm",{key:"cbceb8ffdeffeb6231bb4775a12aeca6599e7eb5",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},a("smoothly-icon",{key:"5bbbaeccd43ee1b930a73a2fa676345835f9646a",name:"trash-outline",size:"tiny",fill:"outline"}))),a("smoothly-toggle-switch-demo",{key:"1bd1095e2c679a2526d31987873334f51d175e85"}),a("h4",{key:"6d22aa735b0d7f16093b216086441d0d722a6421"},"Links with icons"),a("smoothly-button",{key:"7a9cf02c47b1ac104935336f57c07d9eacd865eb",type:"link"},a("smoothly-icon",{key:"fe0f7094ce66691d5e10ee2f5f6d65782a37a380",name:"checkmark-circle",slot:"start"}),"type link"),a("smoothly-button",{key:"723452282f7551547060378c9057d40e4f729be7",type:"button",color:"warning",fill:"default"},a("smoothly-icon",{key:"2da735678c8066ac9ca1a0c8fc42be6f71968997",name:"call",slot:"start"}),a("a",{key:"dd1747fde83a34074dd35a505a7305bb608fcf3a",href:"https://google.com"},"link")),a("smoothly-button",{key:"d9aa99e8d2dfecc0766e4322051a142028f1d749",link:"https://google.com",type:"link"},a("smoothly-icon",{key:"6e64f4b3686c18f23b2215a41c53f87785835d1f",name:"arrow-forward",slot:"end"}),"link + type link"),a("h4",{key:"da1b853513b11781bcd032cf4d7e5f771baa2ed9"},"Size and Color test"),a("smoothly-button",{key:"8eb4c40f66e75ab99c197ba42c8a4e3f192dd9a5",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),a("smoothly-button",{key:"60c02db208c08a07c50c56ccb228eb333f67a59c",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),a("smoothly-button",{key:"8d6d6a13382b24bc44fa2153dcdeae8212169a97",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),a("smoothly-button",{key:"1c4cce72723efcde85b1308535263324e4b49041",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),a("smoothly-button",{key:"256c0622be653968e784e8a2a598b88a51dc80f7",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),a("smoothly-button",{key:"d381847e99dca57bd315a6b7438b3e1e55172cc2",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),a("smoothly-button",{key:"6ff5845f5a0d82d9c99817696e9be364d9da950a",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),a("smoothly-button",{key:"e14f96677b4aed688dc8f0ea0b596c6b585f15b0",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),a("smoothly-button",{key:"4cac9d4923a21476b5f6dc4de0430153477200fa",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),a("h4",{key:"b1a485089eea221cab4a23be46a83c3c2e9c2929"},"Expand examples"),a("smoothly-button",{key:"71aa9bd0791d0e326d9d0721fb2f8eb0d2875164",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),a("smoothly-button",{key:"b316c727f5f529a63649558012ee790cb1e53750",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),a("h4",{key:"2afe5f6a00cbc405f8b7901f5e118d03adcd243e"},"Fill examples"),a("div",{key:"8aad1d8d07c40c2ada40a18ebcbc7c89d8652eef"},a("smoothly-button",{key:"63b8df9f6a45f6ff81168f9c3ad43344acc0c4ab",shape:"rounded",color:"primary",fill:"solid"},a("smoothly-icon",{key:"33d1f688aa67a1db212a9b7aa7147de4f8279ae6",name:"checkmark-circle",slot:"start"}),"Fill Solid"),a("smoothly-button",{key:"cda371d608f548bfceb958fedb0a7eb22cdc5c83",shape:"rounded",color:"secondary",fill:"outline"},a("smoothly-icon",{key:"39824d2393567df80731477784e31bad5b019f90",name:"checkmark-circle",slot:"start"}),"Fill Outline"),a("smoothly-button",{key:"d429cf372e423e882717f0867adb31ffd5d45dc6",shape:"rounded",color:"tertiary",fill:"clear"},a("smoothly-icon",{key:"e8473ef999c9f3bb56da4f58b51f593e7ebc4a1b",name:"checkmark-circle",slot:"start"}),"Fill Clear"),a("smoothly-button",{key:"e26709d399f9747d657a805ce69f997127dd46e3",size:"icon",shape:"rounded",color:"success",fill:"solid"},a("smoothly-icon",{key:"99abc1c65692daf112f2d2b1660918951ae60559",name:"basketball"}))),a("h4",{key:"99be735e4b2c91170daf2e3f0d5779a69d7ef08f"},'Buttons with Icon in "start"'),a("div",{key:"af0724fe2f9605a199d1b392d0307a948bc02b0c"},a("smoothly-button",{key:"38a7a2af64996af6adc7514d8ee407eaf2c7878b",shape:"rounded",fill:"solid",color:"warning"},a("smoothly-icon",{key:"951d2c413089f67b6ebe3c6d9f566ad5267cf4ae",name:"checkmark-circle",slot:"start"}),"Check"),a("smoothly-button",{key:"6ee1bc2af768f123a12e294016cc917aa4bd1c0e",shape:"rounded",fill:"solid",color:"secondary"},a("smoothly-icon",{key:"9d0e80208a6e68f919cc7276073232a368cb111a",name:"basketball",slot:"start"}),"Check"),a("smoothly-button",{key:"e5366d8f3ed7a2cf41cece51570301f145c67e19",shape:"rounded",fill:"solid",color:"success"},a("smoothly-icon",{key:"a0ad0a9620d853fda8d7e594031c04a0ec689445",name:"call",slot:"start"}),"Check"),a("smoothly-button",{key:"c94e929cfe5f738f2a3235f43a1f4da5e0c9fc36",size:"icon",fill:"solid",shape:"rounded",color:"success"},a("smoothly-icon",{key:"71a2f51f71668101315aa8533b5bfcf366d7fc5a",name:"call"})),a("smoothly-button",{key:"f33069cba505b599106e46dd64b9c8d5d7af72b1",size:"flexible",fill:"solid",color:"success"},a("smoothly-icon",{key:"23f5cfce66c47cfe7a7bc61270d366dc1a4b1df2",name:"airplane"}))),a("h4",{key:"0e1d80f018cb083f747dca33ac1579623130e4b4"},'Buttons with Icon in "end"'),a("smoothly-button",{key:"a6fb030807e47ece0af3e864fd1021dd073bb694",fill:"solid",color:"light"},"Go Forward",a("smoothly-icon",{key:"257becef67d6cc074ae9ea15c4aa7f4310b6512e",name:"arrow-forward",slot:"end"})),a("h4",{key:"dae9d6d89805ba3dbe25d10b078150475f097f97"},"Test for icon button"),a("div",{key:"430c1bc4c47a98cf456a84a2d5ab2668777f01cd"},a("smoothly-button",{key:"3c58c97ef2193b38eab09a4e533dba5b4f20a4e4",size:"icon",fill:"solid",shape:"rounded",color:"success"},a("smoothly-icon",{key:"59426dc2bd35c313d6619b44f13d517aa7c034ce",name:"call"})),a("smoothly-button",{key:"0fb117873692f75b51c92e333d3f835cd5fbe74f",size:"icon",shape:"rounded",color:"warning",fill:"solid"},a("smoothly-icon",{key:"7162fcc07788dd9829abafb5b7f38e786b86c298",name:"search-outline"})),a("smoothly-button",{key:"f46d225a20b28efeafcb952544ff5600988ada74",size:"icon",shape:"rounded",color:"secondary"},a("smoothly-icon",{key:"787a26836d6788196c5f3761f66c680704df9817",name:"checkmark-circle"}))),a("h4",{key:"2d8596d90b04536a298e7375e2a4ad3b0c463fbc"},"Link examples"),a("div",{key:"5af7537287d37938616bc0478f7cc63e757720e5"},a("smoothly-button",{key:"b6faae4aa4fd72b87c7181ec146dfda0cfa7a248",type:"link"},"type link"),a("smoothly-button",{key:"4d56453b6a595c09cb70cd8708392effda6f9279",type:"button",fill:"clear"},a("a",{key:"607e553ae06c24cb513fe90ecca476295b719283",href:"https://google.com"},"link")),a("smoothly-button",{key:"9a397311efd0a89849a6c8016fce61bf0639cea0",link:"https://google.com",type:"link"},"link + type link")),a("h4",{key:"466df22b0f9265755db176b4947f39cb3892d331"},"Disabled buttons"),a("div",{key:"b146d15d620300b8da5e134618a1b3f904024f61"},a("smoothly-button",{key:"637ee09aedbde2ff0342d469b50bd181a632308c",disabled:true,fill:"solid",color:"secondary"},"Disabled"),a("smoothly-button",{key:"0bdca6978fd1908f3c529668bfe3c128987522a5",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),a("smoothly-back-to-top",{key:"f217299a63164d3d4bcbda3d9ab1b4da44a8f99f"}))}static get style(){return E()}},[0,"smoothly-button-demo"]);function C(){if(typeof customElements==="undefined"){return}const e=["smoothly-button-demo","smoothly-back-to-top","smoothly-button","smoothly-button-confirm","smoothly-button-demo-standard","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch","smoothly-toggle-switch-demo"];e.forEach((e=>{switch(e){case"smoothly-button-demo":if(!customElements.get(c(e))){customElements.define(c(e),w)}break;case"smoothly-back-to-top":if(!customElements.get(c(e))){l()}break;case"smoothly-button":if(!customElements.get(c(e))){s()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(c(e))){f()}break;case"smoothly-form":if(!customElements.get(c(e))){i()}break;case"smoothly-icon":if(!customElements.get(c(e))){n()}break;case"smoothly-input":if(!customElements.get(c(e))){b()}break;case"smoothly-input-checkbox":if(!customElements.get(c(e))){m()}break;case"smoothly-input-clear":if(!customElements.get(c(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){y()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){h()}break;case"smoothly-input-select":if(!customElements.get(c(e))){k()}break;case"smoothly-item":if(!customElements.get(c(e))){u()}break;case"smoothly-spinner":if(!customElements.get(c(e))){p()}break;case"smoothly-toggle-switch":if(!customElements.get(c(e))){g()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(c(e))){z()}break}}))}C();export{w as S,C as d};
+//# sourceMappingURL=p-DtoC1d2_.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{p as o,H as e,h as s,d as l,t}from"./p-BsZrGTcp.js";import{d as a}from"./p-DM5CKilY.js";import{d as m}from"./p-CR3Ni_o7.js";import{d as r}from"./p-B-l1S16Z.js";import{d as c}from"./p-Ud7Qhkgt.js";import{d as i}from"./p-C3FORjes.js";import{d as b}from"./p-CsLlJDsh.js";import{d as y}from"./p-Dekg3IGr.js";import{d}from"./p-CrcmijCR.js";import{d as f}from"./p-CRTkSTv3.js";import{d as h}from"./p-BNnhxQyl.js";import{d as n}from"./p-CjdBPauI.js";import{d as p}from"./p-CTPT9Ngc.js";const u=()=>`.sc-smoothly-table-demo-filler-row-h{display:block}.sc-smoothly-table-demo-filler-row-h>smoothly-display.sc-smoothly-table-demo-filler-row{font-size:2em}.sc-smoothly-table-demo-filler-row-h>*.sc-smoothly-table-demo-filler-row{margin-bottom:2rem}`;const k=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.cats=[]}async componentDidLoad(){window.setTimeout((()=>{this.cats=undefined}),3e3)}render(){return s(l,{key:"e2842ae7ee217b160d69fc5fa6cb686af528e2fc"},s("smoothly-display",{key:"8ec4889c9bc004f61f6b9d91b87e9135f2b7ba11",type:"text",value:"Filler row"}),s("smoothly-table",{key:"39f5a22a15a05631cf015918050e94215a336d62",color:"primary",columns:4},s("smoothly-table-head",{key:"271ced47bcbc64f53cc70bf3f1ca757059ac81dd"},s("smoothly-table-row",{key:"7a7566c40b27be58ab6bc3f6eeea2b5e90726cf5"},s("smoothly-table-cell",{key:"c3f0eb89f019759418b4524fa923194e1eaa05c9"},"Breed"),s("smoothly-table-cell",{key:"beb4c8b9c55d96c4f3e9faa71bfc9bf3971a1e25"},"Country"),s("smoothly-table-cell",{key:"6c8e3177e07f82961707a6f31729ede9da79acd9"},"Coat"),s("smoothly-table-cell",{key:"71023e2b53ab05e19b5d2f973f4b45c6ad1b7525"},"Origin"))),s("smoothly-table-body",{key:"a4a2e96740dbb0191031fb008fba9c349f4d37b1"},this.cats===undefined?s("smoothly-table-filler-row",null,"No data to display"):this.cats.length===0?s("smoothly-table-filler-row",null,s("smoothly-spinner",{style:{margin:"auto"},color:"default",size:"small"})):this.cats.map((o=>s("smoothly-table-row",null,s("div",{class:"smoothly-table-cell"},o.breed),s("div",{class:"smoothly-table-cell"},o.country),s("div",{class:"smoothly-table-cell"},o.coat),s("div",{class:"smoothly-table-cell"},o.origin)))))))}static get style(){return u()}},[2,"smoothly-table-demo-filler-row",{cats:[32]}]);function j(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-demo-filler-row","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-spinner","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-filler-row","smoothly-table-head","smoothly-table-row"];o.forEach((o=>{switch(o){case"smoothly-table-demo-filler-row":if(!customElements.get(t(o))){customElements.define(t(o),k)}break;case"smoothly-display":if(!customElements.get(t(o))){a()}break;case"smoothly-display-json":if(!customElements.get(t(o))){m()}break;case"smoothly-display-json-object":if(!customElements.get(t(o))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(o))){c()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(o))){i()}break;case"smoothly-spinner":if(!customElements.get(t(o))){b()}break;case"smoothly-table":if(!customElements.get(t(o))){y()}break;case"smoothly-table-body":if(!customElements.get(t(o))){d()}break;case"smoothly-table-cell":if(!customElements.get(t(o))){f()}break;case"smoothly-table-filler-row":if(!customElements.get(t(o))){h()}break;case"smoothly-table-head":if(!customElements.get(t(o))){n()}break;case"smoothly-table-row":if(!customElements.get(t(o))){p()}break}}))}j();export{k as S,j as d};
-//# sourceMappingURL=p-CR1YZ3na.js.map
+import{p as o,H as e,h as s,d as l,t}from"./p-BsZrGTcp.js";import{d as a}from"./p-DM5CKilY.js";import{d as m}from"./p-CR3Ni_o7.js";import{d as r}from"./p-B-l1S16Z.js";import{d}from"./p-Ud7Qhkgt.js";import{d as c}from"./p-C3FORjes.js";import{d as i}from"./p-BEQ2yAjW.js";import{d as y}from"./p-JLn3QBuQ.js";import{d as b}from"./p-h1R5xtdy.js";import{d as f}from"./p-uCXQl-5J.js";import{d as h}from"./p-C-dGqk3e.js";import{d as n}from"./p-DbS9bWfm.js";import{d as p}from"./p-MCxlBxSA.js";const u=()=>`.sc-smoothly-table-demo-filler-row-h{display:block}.sc-smoothly-table-demo-filler-row-h>smoothly-display.sc-smoothly-table-demo-filler-row{font-size:2em}.sc-smoothly-table-demo-filler-row-h>*.sc-smoothly-table-demo-filler-row{margin-bottom:2rem}`;const k=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.cats=[]}async componentDidLoad(){window.setTimeout((()=>{this.cats=undefined}),3e3)}render(){return s(l,{key:"f857bf2706fea0bc7bef38da1231c17460e9c609"},s("smoothly-display",{key:"56bb55f00ea43d80e8b94460bb2e951bc741aa72",type:"text",value:"Filler row"}),s("smoothly-table",{key:"3a6c43bc37797672d40417395ffdacca1b52f327",color:"primary",columns:4},s("smoothly-table-head",{key:"09289f8564422ceb0f8b7d33040a561d35dc9a02"},s("smoothly-table-row",{key:"9675f44ce397953bc4b674bc768299d3a018820e"},s("smoothly-table-cell",{key:"8fde03da5517c6f75c7c8da3c5bb336d2ed5a4b0"},"Breed"),s("smoothly-table-cell",{key:"721fc804d59cb6dca7b66b2fd38dd700172322be"},"Country"),s("smoothly-table-cell",{key:"e8fbd6258f7167841eef83776e00406cd9ed3690"},"Coat"),s("smoothly-table-cell",{key:"3e514eab5bb013da0d23cdde06324492bb97632b"},"Origin"))),s("smoothly-table-body",{key:"a14df5fcfad26c2d54ef13810e409ed65f72ac39"},this.cats===undefined?s("smoothly-table-filler-row",null,"No data to display"):this.cats.length===0?s("smoothly-table-filler-row",null,s("smoothly-spinner",{style:{margin:"auto"},color:"default",size:"small"})):this.cats.map((o=>s("smoothly-table-row",null,s("div",{class:"smoothly-table-cell"},o.breed),s("div",{class:"smoothly-table-cell"},o.country),s("div",{class:"smoothly-table-cell"},o.coat),s("div",{class:"smoothly-table-cell"},o.origin)))))))}static get style(){return u()}},[2,"smoothly-table-demo-filler-row",{cats:[32]}]);function j(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-demo-filler-row","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-spinner","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-filler-row","smoothly-table-head","smoothly-table-row"];o.forEach((o=>{switch(o){case"smoothly-table-demo-filler-row":if(!customElements.get(t(o))){customElements.define(t(o),k)}break;case"smoothly-display":if(!customElements.get(t(o))){a()}break;case"smoothly-display-json":if(!customElements.get(t(o))){m()}break;case"smoothly-display-json-object":if(!customElements.get(t(o))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(o))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(o))){c()}break;case"smoothly-spinner":if(!customElements.get(t(o))){i()}break;case"smoothly-table":if(!customElements.get(t(o))){y()}break;case"smoothly-table-body":if(!customElements.get(t(o))){b()}break;case"smoothly-table-cell":if(!customElements.get(t(o))){f()}break;case"smoothly-table-filler-row":if(!customElements.get(t(o))){h()}break;case"smoothly-table-head":if(!customElements.get(t(o))){n()}break;case"smoothly-table-row":if(!customElements.get(t(o))){p()}break}}))}j();export{k as S,j as d};
+//# sourceMappingURL=p-DxVl-YSW.js.map

package/dist/components/{p-DSsOLbj6.js → p-DyL_ilIk.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as s,h as a,d as e,t as i}from"./p-BsZrGTcp.js";import{I as l}from"./p-DgaHxdNI.js";const r=()=>`.sc-smoothly-tab-h{display:contents;--smoothly-tab-line-width:2px;--smoothly-tab-line-width-active:5px}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{grid-column:span 1;background-color:transparent;border-bottom-color:rgb(var(--smoothly-default-shade));border-bottom-width:var(--smoothly-tab-line-width);border-bottom-style:solid}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{color:rgba(var(--smoothly-default-contrast), 0.6)}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{cursor:not-allowed}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{display:flex;justify-content:center;padding:0.5rem 1rem;width:fit-content;border-radius:0.5rem 0.5rem 0 0;margin:auto;cursor:pointer;position:relative}.sc-smoothly-tab-h:not([disabled])>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab:hover{background-color:rgb(var(--smoothly-tab-hover-background, var(--smoothly-default-shade)))}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{font-weight:bold}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab::before{content:'';position:absolute;height:var(--smoothly-tab-line-width-active);background-color:rgb(var(--smoothly-tab-active-line, var(--smoothly-primary-color)));inset-inline:0;bottom:calc(-1 * var(--smoothly-tab-line-width))}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label[data-smoothly-tooltip].sc-smoothly-tab:hover::after{content:attr(data-smoothly-tooltip);font-size:0.9rem;position:absolute;top:calc(100% + 0.25rem);padding:0.5rem 0.75rem;border-radius:0.5rem;background-color:rgb(var(--smoothly-medium-color));color:rgb(var(--smoothly-medium-contrast));white-space:nowrap;z-index:1}.sc-smoothly-tab-h>div.sc-smoothly-tab:nth-child(2){grid-row:2 / 3;grid-column:1 / -1}`;const c=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyTabOpen=s(this,"smoothlyTabOpen");this.smoothlyTabLoad=s(this,"smoothlyTabLoad");this.inputs={}}async openHandler(){if(this.open){this.smoothlyTabOpen.emit(this.name)}this.open?await Promise.all(Object.values(this.inputs).map((t=>t.register()))):await Promise.all(Object.values(this.inputs).map((t=>t.unregister())))}connectedCallback(){this.smoothlyTabLoad.emit((t=>{var o;(o=this.smoothlyTabs)===null||o===void 0?void 0:o.removeTab(this.element);this.smoothlyTabs=t}))}disconnectedCallback(){var t;(t=this.smoothlyTabs)===null||t===void 0?void 0:t.removeTab(this.element)}async componentDidLoad(){await this.openHandler()}onInputLoad(t){if(l.Element.is(t.target)){this.inputs[t.target.name]=t.target;if(!this.open){t.stopPropagation()}}}render(){return a(e,{key:"cc20ba3ae6f849d6dcdab3f1c53c8467ab73dd2d"},a("div",{key:"421083c3fe13a80ae1417952b51cbbfa838f3b98",onClick:()=>!this.disabled&&(this.open=true)},a("label",{key:"0111434d9bac6d843b368fd74d81e323c22ac186","data-smoothly-tooltip":this.tooltip},this.label)),a("div",{key:"de2b298da72c39caa6d3f4d39265e8b569a349cc",hidden:!this.open},a("slot",{key:"fcc770a8f2782f0c1135bf49d48696ff26f645ab"})))}get element(){return this}static get watchers(){return{open:[{openHandler:0}]}}static get style(){return r()}},[262,"smoothly-tab",{label:[1],name:[1],tooltip:[1],open:[1540],disabled:[516]},[[0,"smoothlyInputLoad","onInputLoad"],[0,"smoothlyInput","onInputLoad"]],{open:[{openHandler:0}]}]);function h(){if(typeof customElements==="undefined"){return}const t=["smoothly-tab"];t.forEach((t=>{switch(t){case"smoothly-tab":if(!customElements.get(i(t))){customElements.define(i(t),c)}break}}))}h();export{c as S,h as d};
-//# sourceMappingURL=p-DSsOLbj6.js.map
+import{p as t,H as o,c as s,h as a,d as e,t as i}from"./p-BsZrGTcp.js";import{I as l}from"./p-BpBeeNcM.js";const r=()=>`.sc-smoothly-tab-h{display:contents;--smoothly-tab-line-width:2px;--smoothly-tab-line-width-active:5px}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{grid-column:span 1;background-color:transparent;border-bottom-color:rgb(var(--smoothly-default-shade));border-bottom-width:var(--smoothly-tab-line-width);border-bottom-style:solid}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{color:rgba(var(--smoothly-default-contrast), 0.6)}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{cursor:not-allowed}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{display:flex;justify-content:center;padding:0.5rem 1rem;width:fit-content;border-radius:0.5rem 0.5rem 0 0;margin:auto;cursor:pointer;position:relative}.sc-smoothly-tab-h:not([disabled])>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab:hover{background-color:rgb(var(--smoothly-tab-hover-background, var(--smoothly-default-shade)))}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{font-weight:bold}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab::before{content:'';position:absolute;height:var(--smoothly-tab-line-width-active);background-color:rgb(var(--smoothly-tab-active-line, var(--smoothly-primary-color)));inset-inline:0;bottom:calc(-1 * var(--smoothly-tab-line-width))}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label[data-smoothly-tooltip].sc-smoothly-tab:hover::after{content:attr(data-smoothly-tooltip);font-size:0.9rem;position:absolute;top:calc(100% + 0.25rem);padding:0.5rem 0.75rem;border-radius:0.5rem;background-color:rgb(var(--smoothly-medium-color));color:rgb(var(--smoothly-medium-contrast));white-space:nowrap;z-index:1}.sc-smoothly-tab-h>div.sc-smoothly-tab:nth-child(2){grid-row:2 / 3;grid-column:1 / -1}`;const h=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyTabOpen=s(this,"smoothlyTabOpen");this.smoothlyTabLoad=s(this,"smoothlyTabLoad");this.inputs={}}async openHandler(){if(this.open){this.smoothlyTabOpen.emit(this.name)}this.open?await Promise.all(Object.values(this.inputs).map((t=>t.register()))):await Promise.all(Object.values(this.inputs).map((t=>t.unregister())))}connectedCallback(){this.smoothlyTabLoad.emit((t=>{var o;(o=this.smoothlyTabs)===null||o===void 0?void 0:o.removeTab(this.element);this.smoothlyTabs=t}))}disconnectedCallback(){var t;(t=this.smoothlyTabs)===null||t===void 0?void 0:t.removeTab(this.element)}async componentDidLoad(){await this.openHandler()}onInputLoad(t){if(l.Element.is(t.target)){this.inputs[t.target.name]=t.target;if(!this.open){t.stopPropagation()}}}render(){return a(e,{key:"3e4ab8c68f5ffa9eee15277b8c629ac11afd4d73"},a("div",{key:"e5aeb2372baeaeb090b911b44e23a601e27e1a78",onClick:()=>!this.disabled&&(this.open=true)},a("label",{key:"77ed6ef274b240e5029110eac46695f198d61bc2","data-smoothly-tooltip":this.tooltip},this.label)),a("div",{key:"418681197eb143ea4bc79e4dac8b8b3de2671572",hidden:!this.open},a("slot",{key:"7e888a42abfb3f81b8650dafedff8d84141d2280"})))}get element(){return this}static get watchers(){return{open:[{openHandler:0}]}}static get style(){return r()}},[262,"smoothly-tab",{label:[1],name:[1],tooltip:[1],open:[1540],disabled:[516]},[[0,"smoothlyInputLoad","onInputLoad"],[0,"smoothlyInput","onInputLoad"]],{open:[{openHandler:0}]}]);function c(){if(typeof customElements==="undefined"){return}const t=["smoothly-tab"];t.forEach((t=>{switch(t){case"smoothly-tab":if(!customElements.get(i(t))){customElements.define(i(t),h)}break}}))}c();export{h as S,c as d};
+//# sourceMappingURL=p-DyL_ilIk.js.map

package/dist/components/p-JB57brc4.js

@@ -0,0 +1,2 @@
+import{p as o,H as e,h as s,d as t,t as m}from"./p-BsZrGTcp.js";import{d as l}from"./p-DM5CKilY.js";import{d as a}from"./p-CR3Ni_o7.js";import{d as r}from"./p-B-l1S16Z.js";import{d}from"./p-Ud7Qhkgt.js";import{d as i}from"./p-C3FORjes.js";import{d as b}from"./p-BxsOj_LX.js";import{d as c}from"./p-Bh2x2l2j.js";import{d as p}from"./p-BEQ2yAjW.js";import{d as y}from"./p-JLn3QBuQ.js";import{d as n}from"./p-h1R5xtdy.js";import{d as f}from"./p-uCXQl-5J.js";import{d as h}from"./p-BnKGlfV9.js";import{d as u}from"./p-DxVl-YSW.js";import{d as j}from"./p-CZGfvbsC.js";import{d as k}from"./p-CXEfxOpA.js";import{d as E}from"./p-Cgowjgod.js";import{d as w}from"./p-Cw-_pWl-.js";import{d as C}from"./p-Cct10sTX.js";import{d as x}from"./p-C5JaWzfu.js";import{d as g}from"./p-C-dGqk3e.js";import{d as B}from"./p-CuC7MNAM.js";import{d as A}from"./p-DbS9bWfm.js";import{d as Q}from"./p-MCxlBxSA.js";import{d as S}from"./p-CjAkXCwI.js";const W=()=>`.sc-smoothly-table-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}`;const X=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return s(t,{key:"35794212738d56a6ee77383f2cdee89a57db82f1"},s("smoothly-table-demo-filler-row",{key:"4eeaba2055e5ad58c8e9942264a5f8d81c04e29e"}),s("smoothly-table-demo-group",{key:"e8d15d7d715d993385df9de46b4dc42597f3a120"}),s("smoothly-table-demo-colspan",{key:"7ae3ade7115e92e55cb992749b6a5e5a6371634d"}),s("smoothly-table-demo-simple",{key:"edd4c2e7e16c3c9bbb2e28f4321b66fad061e339"}),s("smoothly-table-demo-nested-no-cell",{key:"d07a40ff623a290ea90367b1b170ecd93b150565"}))}static get style(){return W()}},[2,"smoothly-table-demo"]);function z(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-demo","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-lazy","smoothly-load-more","smoothly-spinner","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-demo-colspan","smoothly-table-demo-filler-row","smoothly-table-demo-group","smoothly-table-demo-nested-no-cell","smoothly-table-demo-nested-no-cell-inner","smoothly-table-demo-simple","smoothly-table-expandable-cell","smoothly-table-expandable-row","smoothly-table-filler-row","smoothly-table-foot","smoothly-table-head","smoothly-table-row","smoothly-table-row-group"];o.forEach((o=>{switch(o){case"smoothly-table-demo":if(!customElements.get(m(o))){customElements.define(m(o),X)}break;case"smoothly-display":if(!customElements.get(m(o))){l()}break;case"smoothly-display-json":if(!customElements.get(m(o))){a()}break;case"smoothly-display-json-object":if(!customElements.get(m(o))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(o))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(o))){i()}break;case"smoothly-lazy":if(!customElements.get(m(o))){b()}break;case"smoothly-load-more":if(!customElements.get(m(o))){c()}break;case"smoothly-spinner":if(!customElements.get(m(o))){p()}break;case"smoothly-table":if(!customElements.get(m(o))){y()}break;case"smoothly-table-body":if(!customElements.get(m(o))){n()}break;case"smoothly-table-cell":if(!customElements.get(m(o))){f()}break;case"smoothly-table-demo-colspan":if(!customElements.get(m(o))){h()}break;case"smoothly-table-demo-filler-row":if(!customElements.get(m(o))){u()}break;case"smoothly-table-demo-group":if(!customElements.get(m(o))){j()}break;case"smoothly-table-demo-nested-no-cell":if(!customElements.get(m(o))){k()}break;case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(m(o))){E()}break;case"smoothly-table-demo-simple":if(!customElements.get(m(o))){w()}break;case"smoothly-table-expandable-cell":if(!customElements.get(m(o))){C()}break;case"smoothly-table-expandable-row":if(!customElements.get(m(o))){x()}break;case"smoothly-table-filler-row":if(!customElements.get(m(o))){g()}break;case"smoothly-table-foot":if(!customElements.get(m(o))){B()}break;case"smoothly-table-head":if(!customElements.get(m(o))){A()}break;case"smoothly-table-row":if(!customElements.get(m(o))){Q()}break;case"smoothly-table-row-group":if(!customElements.get(m(o))){S()}break}}))}z();export{X as S,z as d};
+//# sourceMappingURL=p-JB57brc4.js.map

package/dist/components/p-JLn3QBuQ.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as o,d as l,t}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 a{constructor(e){super();if(e!==false){this.__registerHost()}this.columns=1}smoothlyTableExpandableRowChange(e){e.stopPropagation()}smoothlyTableExpandableCellChange(e){e.stopPropagation()}render(){return o(l,{key:"3a7738442ae2ebe705e9c75fb9aa06862a4157e8",style:{"--columns":this.columns.toString()}},o("slot",{key:"67b59f54351d43e5c3fdf73c77aa991b2fe73acc"}))}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(t(e))){customElements.define(t(e),n)}break}}))}r();export{n as S,r as d};
+//# sourceMappingURL=p-JLn3QBuQ.js.map

package/dist/components/{p-Dekg3IGr.js.map → p-JLn3QBuQ.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyTable","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","columns","smoothlyTableExpandableRowChange","event","stopPropagation","smoothlyTableExpandableCellChange","render","h","Host","key","style","toString"],"sources":["src/components/table/style.css?tag=smoothly-table&encapsulation=scoped","src/components/table/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--columns), auto);\n\tcolor: rgb(var(--smoothly-table-foreground));\n\tstroke: rgb(var(--smoothly-table-foreground));\n\tfill: rgb(var(--smoothly-table-foreground));\n}\n","import { Component, h, Host, Listen, Prop, VNode } from \"@stencil/core\"\nimport { SmoothlyTableExpandableCellCustomEvent } from \"../../components\"\n\n@Component({\n\ttag: \"smoothly-table\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTable {\n\t@Prop() columns = 1\n\n\t@Listen(\"smoothlyTableExpandableRowChange\")\n\tsmoothlyTableExpandableRowChange(event: SmoothlyTableExpandableCellCustomEvent<boolean>): void {\n\t\tevent.stopPropagation()\n\t}\n\n\t@Listen(\"smoothlyTableExpandableCellChange\")\n\tsmoothlyTableExpandableCellChange(event: SmoothlyTableExpandableCellCustomEvent<boolean>): void {\n\t\tevent.stopPropagation()\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host style={{ \"--columns\": this.columns.toString() }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"gEAAA,MAAMA,EAAW,IAAM,4N,MCQVC,EAAaC,EAAA,MAAAD,UAAAE,EAL1B,WAAAC,CAAAC,G,4CAMSC,KAAAC,QAAU,CAmBlB,CAhBA,gCAAAC,CAAiCC,GAChCA,EAAMC,iB,CAIP,iCAAAC,CAAkCF,GACjCA,EAAMC,iB,CAGP,MAAAE,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAE,YAAaV,KAAKC,QAAQU,aACxCJ,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyTable","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","columns","smoothlyTableExpandableRowChange","event","stopPropagation","smoothlyTableExpandableCellChange","render","h","Host","key","style","toString"],"sources":["src/components/table/style.css?tag=smoothly-table&encapsulation=scoped","src/components/table/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--columns), auto);\n\tcolor: rgb(var(--smoothly-table-foreground));\n\tstroke: rgb(var(--smoothly-table-foreground));\n\tfill: rgb(var(--smoothly-table-foreground));\n}\n","import { Component, h, Host, Listen, Prop, VNode } from \"@stencil/core\"\nimport { SmoothlyTableExpandableCellCustomEvent } from \"../../components\"\n\n@Component({\n\ttag: \"smoothly-table\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTable {\n\t@Prop() columns = 1\n\n\t@Listen(\"smoothlyTableExpandableRowChange\")\n\tsmoothlyTableExpandableRowChange(event: SmoothlyTableExpandableCellCustomEvent<boolean>): void {\n\t\tevent.stopPropagation()\n\t}\n\n\t@Listen(\"smoothlyTableExpandableCellChange\")\n\tsmoothlyTableExpandableCellChange(event: SmoothlyTableExpandableCellCustomEvent<boolean>): void {\n\t\tevent.stopPropagation()\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host style={{ \"--columns\": this.columns.toString() }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"2DAAA,MAAMA,EAAW,IAAM,4N,MCQVC,EAAaC,EAAA,MAAAD,UAAAE,EAL1B,WAAAC,CAAAC,G,4CAMSC,KAAAC,QAAU,CAmBlB,CAhBA,gCAAAC,CAAiCC,GAChCA,EAAMC,iB,CAIP,iCAAAC,CAAkCF,GACjCA,EAAMC,iB,CAGP,MAAAE,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAE,YAAaV,KAAKC,QAAQU,aACxCJ,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

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

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

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

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

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

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

package/dist/components/p-OV_wRej-.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as o,t as s}from"./p-BsZrGTcp.js";import{d as r}from"./p-DvF8zgEi.js";import{d as m}from"./p-BnYCDLp0.js";const c=()=>`.sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1rem;column-gap:0.5rem;width:fit-content}`;const l=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return["primary","secondary","tertiary","success","warning","danger","light","medium","dark","default"].map((t=>o("smoothly-theme-color",{color:t})))}static get style(){return c()}},[2,"smoothly-theme-colors"]);function a(){if(typeof customElements==="undefined"){return}const t=["smoothly-theme-colors","smoothly-theme-color","smoothly-theme-color-variant"];t.forEach((t=>{switch(t){case"smoothly-theme-colors":if(!customElements.get(s(t))){customElements.define(s(t),l)}break;case"smoothly-theme-color":if(!customElements.get(s(t))){r()}break;case"smoothly-theme-color-variant":if(!customElements.get(s(t))){m()}break}}))}a();export{l as S,a as d};
+//# sourceMappingURL=p-OV_wRej-.js.map

package/dist/components/p-OfpR2_fh.js

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

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

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

package/dist/components/{p-C_f8s6n5.js → p-Q-gVll-_.js}

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

package/dist/components/{p-CGG77xzV.js → p-Qf8o2d67.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as e,h as s,d as i,t as n}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{E as l}from"./p-DFXJvHuL.js";import{I as h}from"./p-DgaHxdNI.js";import{d as m}from"./p-BqAN7jax.js";import{d}from"./p-BiQsRsV4.js";import{d as r}from"./p-R4uIvvER.js";import{d as u}from"./p-DTqtObrT.js";import{d as p}from"./p-RNCr3p17.js";import{d as c}from"./p-BS2SWUX6.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 a.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(a.DateTime.is(t)){this.date=a.DateTime.getDate(t);this.hour=a.DateTime.getHour(t);this.minute=a.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(a.DateTime.is(this.initialValue)){this.date=a.DateTime.getDate(this.initialValue);this.hour=a.DateTime.getHour(this.initialValue);this.minute=a.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:"e3026057b92f6fcf94e0abc163d179557991a56d"},s("smoothly-input",{key:"899dce367576b7d7c9b71c98753579a08b85e4f2",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:"8f35a2a863b7b7cf177f0ac69534f7ce77fe1f2c"})),s("smoothly-input",{key:"2eda68cc37c950ca7318d2f82989402890420b3b",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:"adadacca4988e986f1aa32c32f43c9e528b01c3c",class:"colon"},":"),s("smoothly-input",{key:"9dad75b858470dd4ba808aa89062eed852190cf9",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:"71b671253a0616cc4858b3a6ee5e3466442491dd",class:"icons"},s("smoothly-icon",{key:"42087cb059d241c89ba24bacf3515a3a02641ccf",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"333c5b5cd559d2d1dd492e23cf68ace9bb77821a",name:"end"})),this.open&&!this.readonly&&s("smoothly-calendar",{key:"f51dffb8bfe1e12d9cbc020d5129a0fd27c170e0",doubleInput:false,value:this.value?a.DateTime.getDate(this.value):undefined,min:this.min?a.DateTime.getDate(this.min):undefined,max:this.max?a.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:"e2cdfa2540db761e6cba45ea4526cd3b8678d5ec",slot:"year-label"},s("slot",{key:"96fb5e705509cb97721f48066cbcceee91e4477d",name:"year-label"})),s("div",{key:"134921d0e28c76ba346231073135fab12acdfb17",slot:"month-label"},s("slot",{key:"73aedfafe560f577e97f16730c0b295eeb8f172e",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(n(t))){customElements.define(n(t),b)}break;case"smoothly-calendar":if(!customElements.get(n(t))){m()}break;case"smoothly-icon":if(!customElements.get(n(t))){d()}break;case"smoothly-input":if(!customElements.get(n(t))){r()}break;case"smoothly-input-month":if(!customElements.get(n(t))){u()}break;case"smoothly-input-select":if(!customElements.get(n(t))){p()}break;case"smoothly-item":if(!customElements.get(n(t))){c()}break}}))}f();export{b as S,f as d};
-//# sourceMappingURL=p-CGG77xzV.js.map
+import{p as t,H as o,c as e,h as s,d as i,t as n}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{E as l}from"./p-DFXJvHuL.js";import{I as h}from"./p-BpBeeNcM.js";import{d as m}from"./p-DdXfvS4U.js";import{d}from"./p-BiQsRsV4.js";import{d as r}from"./p-7ReeDB-R.js";import{d as u}from"./p-B6W5V130.js";import{d as p}from"./p-OfpR2_fh.js";import{d as c}from"./p-DKir2dIt.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 a.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(a.DateTime.is(t)){this.date=a.DateTime.getDate(t);this.hour=a.DateTime.getHour(t);this.minute=a.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(a.DateTime.is(this.initialValue)){this.date=a.DateTime.getDate(this.initialValue);this.hour=a.DateTime.getHour(this.initialValue);this.minute=a.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:"e3026057b92f6fcf94e0abc163d179557991a56d"},s("smoothly-input",{key:"899dce367576b7d7c9b71c98753579a08b85e4f2",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:"8f35a2a863b7b7cf177f0ac69534f7ce77fe1f2c"})),s("smoothly-input",{key:"2eda68cc37c950ca7318d2f82989402890420b3b",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:"adadacca4988e986f1aa32c32f43c9e528b01c3c",class:"colon"},":"),s("smoothly-input",{key:"9dad75b858470dd4ba808aa89062eed852190cf9",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:"71b671253a0616cc4858b3a6ee5e3466442491dd",class:"icons"},s("smoothly-icon",{key:"42087cb059d241c89ba24bacf3515a3a02641ccf",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"333c5b5cd559d2d1dd492e23cf68ace9bb77821a",name:"end"})),this.open&&!this.readonly&&s("smoothly-calendar",{key:"f51dffb8bfe1e12d9cbc020d5129a0fd27c170e0",doubleInput:false,value:this.value?a.DateTime.getDate(this.value):undefined,min:this.min?a.DateTime.getDate(this.min):undefined,max:this.max?a.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:"e2cdfa2540db761e6cba45ea4526cd3b8678d5ec",slot:"year-label"},s("slot",{key:"96fb5e705509cb97721f48066cbcceee91e4477d",name:"year-label"})),s("div",{key:"134921d0e28c76ba346231073135fab12acdfb17",slot:"month-label"},s("slot",{key:"73aedfafe560f577e97f16730c0b295eeb8f172e",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(n(t))){customElements.define(n(t),b)}break;case"smoothly-calendar":if(!customElements.get(n(t))){m()}break;case"smoothly-icon":if(!customElements.get(n(t))){d()}break;case"smoothly-input":if(!customElements.get(n(t))){r()}break;case"smoothly-input-month":if(!customElements.get(n(t))){u()}break;case"smoothly-input-select":if(!customElements.get(n(t))){p()}break;case"smoothly-item":if(!customElements.get(n(t))){c()}break}}))}f();export{b as S,f as d};
+//# sourceMappingURL=p-Qf8o2d67.js.map

package/dist/components/{p-DXHBXAV0.js → p-V6FzDWfL.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as i,h as s,d as e,t as l}from"./p-BsZrGTcp.js";import{I as a}from"./p-DgaHxdNI.js";import{d as m}from"./p-BiQsRsV4.js";const d=()=>`.sc-smoothly-input-radio-item-h{display:flex;flex-wrap:wrap;align-items:center;position:relative}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:pointer}smoothly-input-radio[disabled] .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:not-allowed}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>smoothly-icon.sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-input-foreground)}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>smoothly-icon[name=checkmark-circle].sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-success-color)}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}.sc-smoothly-input-radio-item-h[selected].sc-smoothly-input-radio-item-s>[slot="detail"],.sc-smoothly-input-radio-item-h[selected] .sc-smoothly-input-radio-item-s>[slot="detail"]{display:block;width:100%}.sc-smoothly-input-radio-item-h.sc-smoothly-input-radio-item-s>[slot="detail"],.sc-smoothly-input-radio-item-h .sc-smoothly-input-radio-item-s>[slot="detail"]{display:none}`;const c=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyRadioItemSelect=i(this,"smoothlyRadioItemSelect");this.smoothlyRadioItemRegister=i(this,"smoothlyRadioItemRegister");this.selected=false}componentWillLoad(){this.smoothlyRadioItemRegister.emit((t=>{this.name=t.name;t.listen((async t=>{if(a.is(t)){this.disabled=t.disabled}}))}));this.selected&&this.inputHandler(false)}inputHandler(t){this.smoothlyRadioItemSelect.emit({value:this.value,selected:this.selected,select:t=>this.selected=t,userInitiated:t})}render(){return s(e,{key:"370000d169e3450e3646936321086771915d4fad",onClick:()=>this.inputHandler(true)},s("input",{key:"b750a0accdbf51b07e2304cb90387110fd59b618",name:this.name,type:"radio",checked:this.selected,disabled:this.disabled}),s("smoothly-icon",{key:"98c9ceaa8bba2beff6477149fc393507da83d79d",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",tooltip:"Select"}),s("label",{key:"f3fb78e097edde9b4a6ddfbd951e6614713374fc"},s("slot",{key:"1f9e1d9419e874fe7dc9dd4696167449c34c14da"})),s("slot",{key:"0165c599564757d6b34944505fa296cd52fadc11",name:"detail"}))}get element(){return this}static get style(){return d()}},[262,"smoothly-input-radio-item",{value:[1032],selected:[1540],looks:[1537],name:[1025],disabled:[32]}]);function n(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-radio-item","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input-radio-item":if(!customElements.get(l(t))){customElements.define(l(t),c)}break;case"smoothly-icon":if(!customElements.get(l(t))){m()}break}}))}n();export{c as S,n as d};
-//# sourceMappingURL=p-DXHBXAV0.js.map
+import{p as t,H as o,c as i,h as s,d as e,t as l}from"./p-BsZrGTcp.js";import{I as a}from"./p-BpBeeNcM.js";import{d as m}from"./p-BiQsRsV4.js";const d=()=>`.sc-smoothly-input-radio-item-h{display:flex;flex-wrap:wrap;align-items:center;position:relative}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:pointer}smoothly-input-radio[disabled] .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:not-allowed}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>smoothly-icon.sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-input-foreground)}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>smoothly-icon[name=checkmark-circle].sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-success-color)}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}.sc-smoothly-input-radio-item-h[selected].sc-smoothly-input-radio-item-s>[slot="detail"],.sc-smoothly-input-radio-item-h[selected] .sc-smoothly-input-radio-item-s>[slot="detail"]{display:block;width:100%}.sc-smoothly-input-radio-item-h.sc-smoothly-input-radio-item-s>[slot="detail"],.sc-smoothly-input-radio-item-h .sc-smoothly-input-radio-item-s>[slot="detail"]{display:none}`;const c=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyRadioItemSelect=i(this,"smoothlyRadioItemSelect");this.smoothlyRadioItemRegister=i(this,"smoothlyRadioItemRegister");this.selected=false}componentWillLoad(){this.smoothlyRadioItemRegister.emit((t=>{this.name=t.name;t.listen((async t=>{if(a.is(t)){this.disabled=t.disabled}}))}));this.selected&&this.inputHandler(false)}inputHandler(t){this.smoothlyRadioItemSelect.emit({value:this.value,selected:this.selected,select:t=>this.selected=t,userInitiated:t})}render(){return s(e,{key:"370000d169e3450e3646936321086771915d4fad",onClick:()=>this.inputHandler(true)},s("input",{key:"b750a0accdbf51b07e2304cb90387110fd59b618",name:this.name,type:"radio",checked:this.selected,disabled:this.disabled}),s("smoothly-icon",{key:"98c9ceaa8bba2beff6477149fc393507da83d79d",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",tooltip:"Select"}),s("label",{key:"f3fb78e097edde9b4a6ddfbd951e6614713374fc"},s("slot",{key:"1f9e1d9419e874fe7dc9dd4696167449c34c14da"})),s("slot",{key:"0165c599564757d6b34944505fa296cd52fadc11",name:"detail"}))}get element(){return this}static get style(){return d()}},[262,"smoothly-input-radio-item",{value:[1032],selected:[1540],looks:[1537],name:[1025],disabled:[32]}]);function n(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-radio-item","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input-radio-item":if(!customElements.get(l(t))){customElements.define(l(t),c)}break;case"smoothly-icon":if(!customElements.get(l(t))){m()}break}}))}n();export{c as S,n as d};
+//# sourceMappingURL=p-V6FzDWfL.js.map

package/dist/components/p-W-kaGeCx.js

@@ -0,0 +1,2 @@
+import{p as e,H as o,h as t,d as s,t as c}from"./p-BsZrGTcp.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as r}from"./p-DX3KKRD9.js";import{d as a}from"./p-BpBeeNcM.js";import{d as n}from"./p-BiQsRsV4.js";import{d as i}from"./p-7ReeDB-R.js";import{d as p}from"./p-CGg8GrGq.js";import{d as f}from"./p-xbCL6ChL.js";import{d as y}from"./p-BEQ2yAjW.js";const d=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"ddaf2991aa275d3e43d7b103c1610e9c9d90e540"},t("h2",{key:"ade32ad1ec5facad78d0c02c60fb41e7ddc220b2"},"Prices"),t("smoothly-form",{key:"babe8324ffdccb239ea220e4f78b0eb8180935e2",looks:"line"},t("smoothly-input",{key:"108bae0b5210eedc2ea7eecf733c307c81902c67",type:"price",name:"no"},"No currency"),t("smoothly-input",{key:"8db15ba85d0a56d34e5af866cf41adb26c05f24f",type:"price",name:"crowns",currency:"SEK",toInteger:true},"SEK (toInteger)"),t("smoothly-input",{key:"de60d9244a12bbe6eff9ffc0b9a4ca4bb57059cc",type:"price",name:"usDollar",currency:"USD"},"USD"),t("smoothly-input",{key:"86c99574c9b71982e761c36c749a299ee77035e1",type:"price",name:"pounds",currency:"GBP"},"GBP"),t("smoothly-input",{key:"7f60f189c2f39bc4d90ea5e1a4ade4405424bfb2",type:"price",name:"peso",currency:"UYW"},"UYW"),t("smoothly-input",{key:"2a6608e00e03a3b296df690c332d60d2538d5d5b",type:"price",name:"iceland",currency:"ISK"},"ISK"),t("smoothly-input",{key:"b69ac9c3668624b1050b4adbd40ea2988c89b7bc",type:"price",name:"Palladium",currency:"XPD"},"XPD (Palladium)"),t("smoothly-input-reset",{key:"e161b00dae69f994c8f8a1cf8b0d218c9b76b186",slot:"reset",fill:"default",type:"form",color:"warning"}),t("smoothly-input-submit",{key:"620aed2e802906bc5c69b9dada89cdc5e01cc2d8",slot:"submit"})))}},[2,"smoothly-form-demo-prices"]);function l(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-prices","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-reset","smoothly-input-submit","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-prices":if(!customElements.get(c(e))){customElements.define(c(e),d)}break;case"smoothly-button":if(!customElements.get(c(e))){m()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){r()}break;case"smoothly-form":if(!customElements.get(c(e))){a()}break;case"smoothly-icon":if(!customElements.get(c(e))){n()}break;case"smoothly-input":if(!customElements.get(c(e))){i()}break;case"smoothly-input-reset":if(!customElements.get(c(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(c(e))){f()}break;case"smoothly-spinner":if(!customElements.get(c(e))){y()}break}}))}l();export{d as S,l as d};
+//# sourceMappingURL=p-W-kaGeCx.js.map