smoothly 1.118.0 → 1.119.0

package/dist/components/{p-VpeNK8XH.js → p-CuBPxYv2.js}

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

package/dist/components/{p-9Fd6-bL0.js → p-DRyQsXc9.js}

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

package/dist/components/{p-KzfbLe_L.js → p-DeslbBen.js}

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

package/dist/components/{p-DrVm8NNB.js → p-Df80nM_T.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as t,d as c,t as a}from"./p-BsZrGTcp.js";import{d as l}from"./p-zLhQ1mMe.js";import{d as s}from"./p-mmAi00ak.js";import{d}from"./p-MHAaISnU.js";import{d as f}from"./p-DukbAK5F.js";import{d as b}from"./p-DPlYDxyJ.js";import{d as i}from"./p-DDYB8QLF.js";import{d as n}from"./p-BHTAR2x1.js";import{d as m}from"./p-B-jhX7aN.js";import{d as r}from"./p-Dk4OvZyQ.js";import{d as y}from"./p-Bo1NnbuT.js";import{d as h}from"./p-BQOdxeHU.js";import{d as k}from"./p-CZIRwPwA.js";import{d as u}from"./p-ByRyVRgY.js";import{d as p}from"./p-CmUug44L.js";import{d as g}from"./p-BCwizh6U.js";import{d as w}from"./p-Dw1KwhCp.js";const z=()=>`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 C=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(c,{key:"41fbe591e1a0c9ab6d1d73335a9b9f4a5a3c4d93"},t("section",{key:"59b6da9df3532752d3e5dcf9763c527d165bcf1f"},t("smoothly-button-demo-standard",{key:"27bf9cd1746a1718bf887dcef5d79230b01318ff"})),t("section",{key:"e7e87e4c84c0e8df43d56f217196e27a9bb5670e"},t("h4",{key:"8bf5cff46e4146474a9b91bfe8b83db89dd13c3a"},"Confirm button (two clicks)"),t("div",{key:"3c341489427dbf76dc4e9a200c23f58174696591"},t("smoothly-button-confirm",{key:"75793866c6111afbd5aeadf1bc6251f1efa9d592",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),t("smoothly-button-confirm",{key:"14bdceddb01044ae6979af4a0c8efe0970e81e3d",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},t("smoothly-icon",{key:"33058b7d3638a0ca28aee23a5fb238d60356b16d",name:"checkmark-outline",size:"tiny"})),t("smoothly-button-confirm",{key:"d7d306d14262d7b43c5c37af91ffb79f0be82b14",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},t("smoothly-icon",{key:"7ea300edde779ca34db97bb2fe60f0051b1e366d",name:"trash-outline",size:"tiny",fill:"outline"}))),t("smoothly-toggle-switch-demo",{key:"c6e8b4c78605733c73bab3c1aa8ae5e770cc14e4"}),t("h4",{key:"8e92524469b1b4e0a59d14907e8df2f4e7680887"},"Links with icons"),t("smoothly-button",{key:"4ca461c47396b88dd9c276248d2fb425255e26f8",type:"link"},t("smoothly-icon",{key:"07c089e06c38afc5d0abe83491c38716486225c6",name:"checkmark-circle",slot:"start"}),"type link"),t("smoothly-button",{key:"b1c765d706ee22acb4368b8a67b1faddb591581a",type:"button",color:"warning",fill:"default"},t("smoothly-icon",{key:"d3188cb32fd389fb88a3a1e760fe33867265c5fc",name:"call",slot:"start"}),t("a",{key:"9bdf562304a25ce3024ca58cb53fff7c4b04acb6",href:"https://google.com"},"link")),t("smoothly-button",{key:"5da225cc3dfd1638a54fc9ce533cd038cccc808e",link:"https://google.com",type:"link"},t("smoothly-icon",{key:"a2417e1fbdff1b064e1cc3f61c4fc1615291e44d",name:"arrow-forward",slot:"end"}),"link + type link"),t("h4",{key:"54a1da928e2c9c48638a12dd3768c001ba38a77f"},"Size and Color test"),t("smoothly-button",{key:"bce9b7538f39f17b0377f723310eadbad511ed80",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),t("smoothly-button",{key:"210799c91bfe94fb54b3434fd99e67075cc91b43",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),t("smoothly-button",{key:"374856692cefcb96deb1a38758eb4fec6f7808ab",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),t("smoothly-button",{key:"e807e6793fb358e6ced92caecb1d0feab2f011c7",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),t("smoothly-button",{key:"9bcde023dd0e12a84835bdd3d0c93d7602485246",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),t("smoothly-button",{key:"f98fb61b19dfbc7bbf29a740e7a5ae1997861c80",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),t("smoothly-button",{key:"6a46ea925f111b8c1d8b4510577d57f10e49ed1e",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),t("smoothly-button",{key:"3ced819c355f03ef775ace7ccfbb0206bbc07b6a",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),t("smoothly-button",{key:"3257cef08250f67f8ec2666130e3ea0645a8e2c7",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),t("h4",{key:"0a0800062a9f545328408b50f91d9f080cdee158"},"Expand examples"),t("smoothly-button",{key:"02fabfb6c3583fb8853d82c4b97245428253774a",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),t("smoothly-button",{key:"51ddb0b657a2648909072cac84055478db97f95d",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),t("h4",{key:"52624dee081a11c096585822d810cf4288059379"},"Fill examples"),t("div",{key:"2c1eeadd860b6115dd7fdd0b2f4f8538a564269a"},t("smoothly-button",{key:"9e5454cac152c3eaea53cb55f607ca32ab09ff62",shape:"rounded",color:"primary",fill:"solid"},t("smoothly-icon",{key:"188d4c19f60645acb41e0f47f4a96da2e544b8c0",name:"checkmark-circle",slot:"start"}),"Fill Solid"),t("smoothly-button",{key:"8587e3a0015b27248dd5b0cfa801e8abd962c5ab",shape:"rounded",color:"secondary",fill:"outline"},t("smoothly-icon",{key:"557848720b2df5e0425ba66f892b5bf29fa5ea2f",name:"checkmark-circle",slot:"start"}),"Fill Outline"),t("smoothly-button",{key:"bb9406a007325c258a6a7b1039fcb1665c0abd3a",shape:"rounded",color:"tertiary",fill:"clear"},t("smoothly-icon",{key:"ed23a5661e678f293cbfa5745d684e6b10dc8c1a",name:"checkmark-circle",slot:"start"}),"Fill Clear"),t("smoothly-button",{key:"910b4a12a963dc64747c0d37eac3ce437215982f",size:"icon",shape:"rounded",color:"success",fill:"solid"},t("smoothly-icon",{key:"f32e72f63b447d69655d51eb23fb23671132c34f",name:"basketball"}))),t("h4",{key:"13a6bf24881c6eb2c7753b6cc5a23dfe8c16f5bc"},'Buttons with Icon in "start"'),t("div",{key:"cc0e96b1435883957159795474f8cf7aead9586d"},t("smoothly-button",{key:"963d08b7ffe3533daa1a933ce66263616258f92b",shape:"rounded",fill:"solid",color:"warning"},t("smoothly-icon",{key:"6fd017cf57e5ebdf63078003e02d92c68c8f4af5",name:"checkmark-circle",slot:"start"}),"Check"),t("smoothly-button",{key:"0bfde99dba0e56974c4132d2ef6c727c9a2a809f",shape:"rounded",fill:"solid",color:"secondary"},t("smoothly-icon",{key:"5780d006fe5a007b68f17c537934ebae8fb23480",name:"basketball",slot:"start"}),"Check"),t("smoothly-button",{key:"00e418dec2de5f78e40f56a38bff2e66f0ea8744",shape:"rounded",fill:"solid",color:"success"},t("smoothly-icon",{key:"eed0a2bb3c839dd3d914dc0a07e1e3c51e3c5bf3",name:"call",slot:"start"}),"Check"),t("smoothly-button",{key:"7ccffbe4c12666ce4f167f0fdc9b6bc7078faeb0",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"56531f0dd24f7c5bb0ae63fcf7b82935b60d24f2",name:"call"})),t("smoothly-button",{key:"8466fd4b388ad0e5411ba5f31975aaf6a1b0680b",size:"flexible",fill:"solid",color:"success"},t("smoothly-icon",{key:"1472f81c21140b5a8ee4408a947657cd673bd1dc",name:"airplane"}))),t("h4",{key:"0e2ac17f379dd54737037e4d3b32ad256ebf8494"},'Buttons with Icon in "end"'),t("smoothly-button",{key:"a4350f353ce14cb9adb6b362b0b11e527c0cd9fe",fill:"solid",color:"light"},"Go Forward",t("smoothly-icon",{key:"c8e56f3ab255349c872b991ec76de6c6ab878066",name:"arrow-forward",slot:"end"})),t("h4",{key:"4a318ff840e33a41e1afbdc2e328430ac4bbc830"},"Test for icon button"),t("div",{key:"9305973351f925768f74b64f7b790c92b1588839"},t("smoothly-button",{key:"da959f375b10df462b6bf8df9d5104dce89fb9d0",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"141d5fa125a2a34220c4cf0320ec45ca3fe31139",name:"call"})),t("smoothly-button",{key:"0987067c106765e51df6f9586aa1d45d942ef125",size:"icon",shape:"rounded",color:"warning",fill:"solid"},t("smoothly-icon",{key:"5fa23e7a1d9b315af5354b55fc4eefd9835e0a44",name:"search-outline"})),t("smoothly-button",{key:"60e76fbb66064799f114cc841c813f9ee1d7d065",size:"icon",shape:"rounded",color:"secondary"},t("smoothly-icon",{key:"1ae4510d90d1b47baadee8f6ed7dd492066bd3e9",name:"checkmark-circle"}))),t("h4",{key:"fadbc9d0a253d68f24b030d2d52d73d5947d335a"},"Link examples"),t("div",{key:"8b4ced5d7bbb2e479073f04cfb98e7f98b41f01c"},t("smoothly-button",{key:"128369132e142d37361b6d640fde4d2743e145a7",type:"link"},"type link"),t("smoothly-button",{key:"b9f05aa9925ca88c1aa65f4e0b3040bed9d01e83",type:"button",fill:"clear"},t("a",{key:"9b565879faf7af07377103494a04b9c3c3a53c8a",href:"https://google.com"},"link")),t("smoothly-button",{key:"69355e4bbbf46fd49597bc3db62d31548d112f87",link:"https://google.com",type:"link"},"link + type link")),t("h4",{key:"dbc23f33d5d74c0147f658672f7a4fcfb166df9d"},"Disabled buttons"),t("div",{key:"0b6d087a8e7ca3a3c1b94159f126962b6c622b20"},t("smoothly-button",{key:"636c5d7b4ddfee2ca6b912b8c8f65e06b5a64136",disabled:true,fill:"solid",color:"secondary"},"Disabled"),t("smoothly-button",{key:"da4a2457eef26c077d603bd3482764ce357918ad",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),t("smoothly-back-to-top",{key:"2906fd515608fe4a3c880755bbb9dfee63d94889"}))}static get style(){return z()}},[0,"smoothly-button-demo"]);function E(){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(a(e))){customElements.define(a(e),C)}break;case"smoothly-back-to-top":if(!customElements.get(a(e))){l()}break;case"smoothly-button":if(!customElements.get(a(e))){s()}break;case"smoothly-button-confirm":if(!customElements.get(a(e))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(a(e))){f()}break;case"smoothly-form":if(!customElements.get(a(e))){b()}break;case"smoothly-icon":if(!customElements.get(a(e))){i()}break;case"smoothly-input":if(!customElements.get(a(e))){n()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){m()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){y()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){h()}break;case"smoothly-input-select":if(!customElements.get(a(e))){k()}break;case"smoothly-item":if(!customElements.get(a(e))){u()}break;case"smoothly-spinner":if(!customElements.get(a(e))){p()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){g()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(a(e))){w()}break}}))}E();export{C as S,E as d};
-//# sourceMappingURL=p-DrVm8NNB.js.map
+import{p as e,H as o,h as t,d as c,t as a}from"./p-BsZrGTcp.js";import{d as l}from"./p-zLhQ1mMe.js";import{d as s}from"./p-mmAi00ak.js";import{d}from"./p-MHAaISnU.js";import{d as f}from"./p-C9Wv8Ynb.js";import{d as b}from"./p-DPlYDxyJ.js";import{d as n}from"./p-DDYB8QLF.js";import{d as i}from"./p-BHTAR2x1.js";import{d as m}from"./p-B-jhX7aN.js";import{d as r}from"./p-Dk4OvZyQ.js";import{d as y}from"./p-Bo1NnbuT.js";import{d as h}from"./p-BQOdxeHU.js";import{d as k}from"./p-vN0nUvmF.js";import{d as u}from"./p-ByRyVRgY.js";import{d as p}from"./p-CmUug44L.js";import{d as g}from"./p-BCwizh6U.js";import{d as w}from"./p-Dw1KwhCp.js";const z=()=>`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 C=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(c,{key:"41fbe591e1a0c9ab6d1d73335a9b9f4a5a3c4d93"},t("section",{key:"59b6da9df3532752d3e5dcf9763c527d165bcf1f"},t("smoothly-button-demo-standard",{key:"27bf9cd1746a1718bf887dcef5d79230b01318ff"})),t("section",{key:"e7e87e4c84c0e8df43d56f217196e27a9bb5670e"},t("h4",{key:"8bf5cff46e4146474a9b91bfe8b83db89dd13c3a"},"Confirm button (two clicks)"),t("div",{key:"3c341489427dbf76dc4e9a200c23f58174696591"},t("smoothly-button-confirm",{key:"75793866c6111afbd5aeadf1bc6251f1efa9d592",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),t("smoothly-button-confirm",{key:"14bdceddb01044ae6979af4a0c8efe0970e81e3d",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},t("smoothly-icon",{key:"33058b7d3638a0ca28aee23a5fb238d60356b16d",name:"checkmark-outline",size:"tiny"})),t("smoothly-button-confirm",{key:"d7d306d14262d7b43c5c37af91ffb79f0be82b14",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},t("smoothly-icon",{key:"7ea300edde779ca34db97bb2fe60f0051b1e366d",name:"trash-outline",size:"tiny",fill:"outline"}))),t("smoothly-toggle-switch-demo",{key:"c6e8b4c78605733c73bab3c1aa8ae5e770cc14e4"}),t("h4",{key:"8e92524469b1b4e0a59d14907e8df2f4e7680887"},"Links with icons"),t("smoothly-button",{key:"4ca461c47396b88dd9c276248d2fb425255e26f8",type:"link"},t("smoothly-icon",{key:"07c089e06c38afc5d0abe83491c38716486225c6",name:"checkmark-circle",slot:"start"}),"type link"),t("smoothly-button",{key:"b1c765d706ee22acb4368b8a67b1faddb591581a",type:"button",color:"warning",fill:"default"},t("smoothly-icon",{key:"d3188cb32fd389fb88a3a1e760fe33867265c5fc",name:"call",slot:"start"}),t("a",{key:"9bdf562304a25ce3024ca58cb53fff7c4b04acb6",href:"https://google.com"},"link")),t("smoothly-button",{key:"5da225cc3dfd1638a54fc9ce533cd038cccc808e",link:"https://google.com",type:"link"},t("smoothly-icon",{key:"a2417e1fbdff1b064e1cc3f61c4fc1615291e44d",name:"arrow-forward",slot:"end"}),"link + type link"),t("h4",{key:"54a1da928e2c9c48638a12dd3768c001ba38a77f"},"Size and Color test"),t("smoothly-button",{key:"bce9b7538f39f17b0377f723310eadbad511ed80",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),t("smoothly-button",{key:"210799c91bfe94fb54b3434fd99e67075cc91b43",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),t("smoothly-button",{key:"374856692cefcb96deb1a38758eb4fec6f7808ab",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),t("smoothly-button",{key:"e807e6793fb358e6ced92caecb1d0feab2f011c7",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),t("smoothly-button",{key:"9bcde023dd0e12a84835bdd3d0c93d7602485246",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),t("smoothly-button",{key:"f98fb61b19dfbc7bbf29a740e7a5ae1997861c80",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),t("smoothly-button",{key:"6a46ea925f111b8c1d8b4510577d57f10e49ed1e",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),t("smoothly-button",{key:"3ced819c355f03ef775ace7ccfbb0206bbc07b6a",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),t("smoothly-button",{key:"3257cef08250f67f8ec2666130e3ea0645a8e2c7",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),t("h4",{key:"0a0800062a9f545328408b50f91d9f080cdee158"},"Expand examples"),t("smoothly-button",{key:"02fabfb6c3583fb8853d82c4b97245428253774a",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),t("smoothly-button",{key:"51ddb0b657a2648909072cac84055478db97f95d",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),t("h4",{key:"52624dee081a11c096585822d810cf4288059379"},"Fill examples"),t("div",{key:"2c1eeadd860b6115dd7fdd0b2f4f8538a564269a"},t("smoothly-button",{key:"9e5454cac152c3eaea53cb55f607ca32ab09ff62",shape:"rounded",color:"primary",fill:"solid"},t("smoothly-icon",{key:"188d4c19f60645acb41e0f47f4a96da2e544b8c0",name:"checkmark-circle",slot:"start"}),"Fill Solid"),t("smoothly-button",{key:"8587e3a0015b27248dd5b0cfa801e8abd962c5ab",shape:"rounded",color:"secondary",fill:"outline"},t("smoothly-icon",{key:"557848720b2df5e0425ba66f892b5bf29fa5ea2f",name:"checkmark-circle",slot:"start"}),"Fill Outline"),t("smoothly-button",{key:"bb9406a007325c258a6a7b1039fcb1665c0abd3a",shape:"rounded",color:"tertiary",fill:"clear"},t("smoothly-icon",{key:"ed23a5661e678f293cbfa5745d684e6b10dc8c1a",name:"checkmark-circle",slot:"start"}),"Fill Clear"),t("smoothly-button",{key:"910b4a12a963dc64747c0d37eac3ce437215982f",size:"icon",shape:"rounded",color:"success",fill:"solid"},t("smoothly-icon",{key:"f32e72f63b447d69655d51eb23fb23671132c34f",name:"basketball"}))),t("h4",{key:"13a6bf24881c6eb2c7753b6cc5a23dfe8c16f5bc"},'Buttons with Icon in "start"'),t("div",{key:"cc0e96b1435883957159795474f8cf7aead9586d"},t("smoothly-button",{key:"963d08b7ffe3533daa1a933ce66263616258f92b",shape:"rounded",fill:"solid",color:"warning"},t("smoothly-icon",{key:"6fd017cf57e5ebdf63078003e02d92c68c8f4af5",name:"checkmark-circle",slot:"start"}),"Check"),t("smoothly-button",{key:"0bfde99dba0e56974c4132d2ef6c727c9a2a809f",shape:"rounded",fill:"solid",color:"secondary"},t("smoothly-icon",{key:"5780d006fe5a007b68f17c537934ebae8fb23480",name:"basketball",slot:"start"}),"Check"),t("smoothly-button",{key:"00e418dec2de5f78e40f56a38bff2e66f0ea8744",shape:"rounded",fill:"solid",color:"success"},t("smoothly-icon",{key:"eed0a2bb3c839dd3d914dc0a07e1e3c51e3c5bf3",name:"call",slot:"start"}),"Check"),t("smoothly-button",{key:"7ccffbe4c12666ce4f167f0fdc9b6bc7078faeb0",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"56531f0dd24f7c5bb0ae63fcf7b82935b60d24f2",name:"call"})),t("smoothly-button",{key:"8466fd4b388ad0e5411ba5f31975aaf6a1b0680b",size:"flexible",fill:"solid",color:"success"},t("smoothly-icon",{key:"1472f81c21140b5a8ee4408a947657cd673bd1dc",name:"airplane"}))),t("h4",{key:"0e2ac17f379dd54737037e4d3b32ad256ebf8494"},'Buttons with Icon in "end"'),t("smoothly-button",{key:"a4350f353ce14cb9adb6b362b0b11e527c0cd9fe",fill:"solid",color:"light"},"Go Forward",t("smoothly-icon",{key:"c8e56f3ab255349c872b991ec76de6c6ab878066",name:"arrow-forward",slot:"end"})),t("h4",{key:"4a318ff840e33a41e1afbdc2e328430ac4bbc830"},"Test for icon button"),t("div",{key:"9305973351f925768f74b64f7b790c92b1588839"},t("smoothly-button",{key:"da959f375b10df462b6bf8df9d5104dce89fb9d0",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"141d5fa125a2a34220c4cf0320ec45ca3fe31139",name:"call"})),t("smoothly-button",{key:"0987067c106765e51df6f9586aa1d45d942ef125",size:"icon",shape:"rounded",color:"warning",fill:"solid"},t("smoothly-icon",{key:"5fa23e7a1d9b315af5354b55fc4eefd9835e0a44",name:"search-outline"})),t("smoothly-button",{key:"60e76fbb66064799f114cc841c813f9ee1d7d065",size:"icon",shape:"rounded",color:"secondary"},t("smoothly-icon",{key:"1ae4510d90d1b47baadee8f6ed7dd492066bd3e9",name:"checkmark-circle"}))),t("h4",{key:"fadbc9d0a253d68f24b030d2d52d73d5947d335a"},"Link examples"),t("div",{key:"8b4ced5d7bbb2e479073f04cfb98e7f98b41f01c"},t("smoothly-button",{key:"128369132e142d37361b6d640fde4d2743e145a7",type:"link"},"type link"),t("smoothly-button",{key:"b9f05aa9925ca88c1aa65f4e0b3040bed9d01e83",type:"button",fill:"clear"},t("a",{key:"9b565879faf7af07377103494a04b9c3c3a53c8a",href:"https://google.com"},"link")),t("smoothly-button",{key:"69355e4bbbf46fd49597bc3db62d31548d112f87",link:"https://google.com",type:"link"},"link + type link")),t("h4",{key:"dbc23f33d5d74c0147f658672f7a4fcfb166df9d"},"Disabled buttons"),t("div",{key:"0b6d087a8e7ca3a3c1b94159f126962b6c622b20"},t("smoothly-button",{key:"636c5d7b4ddfee2ca6b912b8c8f65e06b5a64136",disabled:true,fill:"solid",color:"secondary"},"Disabled"),t("smoothly-button",{key:"da4a2457eef26c077d603bd3482764ce357918ad",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),t("smoothly-back-to-top",{key:"2906fd515608fe4a3c880755bbb9dfee63d94889"}))}static get style(){return z()}},[0,"smoothly-button-demo"]);function E(){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(a(e))){customElements.define(a(e),C)}break;case"smoothly-back-to-top":if(!customElements.get(a(e))){l()}break;case"smoothly-button":if(!customElements.get(a(e))){s()}break;case"smoothly-button-confirm":if(!customElements.get(a(e))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(a(e))){f()}break;case"smoothly-form":if(!customElements.get(a(e))){b()}break;case"smoothly-icon":if(!customElements.get(a(e))){n()}break;case"smoothly-input":if(!customElements.get(a(e))){i()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){m()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){y()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){h()}break;case"smoothly-input-select":if(!customElements.get(a(e))){k()}break;case"smoothly-item":if(!customElements.get(a(e))){u()}break;case"smoothly-spinner":if(!customElements.get(a(e))){p()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){g()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(a(e))){w()}break}}))}E();export{C as S,E as d};
+//# sourceMappingURL=p-Df80nM_T.js.map

package/dist/components/{p-UNw22e3G.js → p-DjX23A0S.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{d as a}from"./p-mmAi00ak.js";import{d as c}from"./p-CN3iME9d.js";import{d}from"./p-DG2pfnCV.js";import{d as l}from"./p-uFR5K4vd.js";import{d as i}from"./p-DvZK__s-.js";import{d as r}from"./p-F8qX8ZuL.js";import{d as y}from"./p-DDYB8QLF.js";import{d as h}from"./p-CZIRwPwA.js";import{d as p}from"./p-ByRyVRgY.js";import{d as n}from"./p-BTjay9Fy.js";import{d as f}from"./p-BnYCDLp0.js";import{d as b}from"./p-mgqCIR9Q.js";import{d as u}from"./p-e7wZ4-5T.js";import{d as k}from"./p-DAwAJIiX.js";const j=()=>`.sc-smoothly-theme-demo-h{max-width:min(calc(100% - 2rem), 56rem);margin:auto;display:flex;flex-direction:column;gap:2em;margin-top:2em}.sc-smoothly-theme-demo-h>smoothly-theme-picker.sc-smoothly-theme-demo{width:20em}.sc-smoothly-theme-demo-h>div.sc-smoothly-theme-demo{display:flex;flex-direction:row;justify-content:space-between;gap:1rem}`;const x=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(o,{key:"3e505cbc2317099fa9c7a8ce39eb009f2c3024ca"},t("h2",{key:"5cf6837bdc6d17642828e4328265929512384435"},"Theme"),t("smoothly-theme-picker",{key:"be136a3fae2657ac4e26ad1fbd3aaeb25645a8d5"},t("smoothly-item",{key:"fa5fc77333513622192574123bf36506e52e3269",selected:true,value:"assets/style/smoothly.css"},"Smoothly"),t("smoothly-item",{key:"2961c2261191e11a1c592906b80da6145bd404fd",value:"https://app.issuefab.com/assets/style/index.css"},"Issuefab"),t("smoothly-item",{key:"dd127647b610afd4840859d7c8c10ff451dc2b56",value:"https://app.proquse.com/assets/style/index.css"},"Proquse"),t("smoothly-item",{key:"5e8ad2191b20cd08d6d1cb35816dc0454611fd71",value:"https://app.weekmeter.com/assets/style/index.css"},"Weekmeter"),t("smoothly-item",{key:"24410b3ba716c13887406e39d8269ad0f5623434",value:"https://test.dash.pax2pay.app/p2pdash.css"},"Pax2Pay Dashboard"),t("smoothly-item",{key:"0aeb4c24f7610227b1ddcd85c4a6768fac6169ab",value:"https://ui.pax2pay.app/assets/style/pax2pay.css"},"Pax2Pay Portal"),t("smoothly-item",{key:"54ab7e4db39f5011d1575b08a7454edd3c8c0afa",value:"https://theme.payfunc.com/intergiro/index.css"},"Intergiro Monitor"),t("smoothly-item",{key:"8f80758dacf77044e05035ad32620cd62129e9b5",value:"https://theme.payfunc.com/light/index.css"},"Payfunc Light"),t("smoothly-item",{key:"d505ed591e6379bc67fc3958361c4895a57e1ee9",value:"https://theme.payfunc.com/dark/index.css"},"Payfunc Dark")),t("div",{key:"b9419547eb4bbda394e480e58b7dff8dc0ebcb1d"},t("smoothly-theme-colors",{key:"3bf0624cac39fbcb490bc7992dfa530f3043122b"}),t("smoothly-theme-guide",{key:"388b8841be3ddfd0a42a5ecbe098b512210ad26a"})),t("smoothly-button",{key:"3a56e3439212da68889c98cfe64141730732aefa",type:"link",link:"/redirect"},"To redirect"),t("smoothly-button",{key:"56add7b4f875bb0521b32e34719c703591e21961",type:"link",link:"/redirect"},"To /redirect"),t("smoothly-button",{key:"6319b234d80bb29370f55225bae9fef3278dee83",type:"link",link:new URL("/redirect",window.location.origin).href},'To new URL("redirect")'),t("smoothly-button",{key:"a842d75971928d0a6d0738009da122244d7b95a0",type:"link",link:"redirect/nested"},"To redirect nested"))}static get style(){return j()}},[2,"smoothly-theme-demo"]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-theme-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input-select","smoothly-item","smoothly-theme-color","smoothly-theme-color-variant","smoothly-theme-colors","smoothly-theme-guide","smoothly-theme-picker"];e.forEach((e=>{switch(e){case"smoothly-theme-demo":if(!customElements.get(m(e))){customElements.define(m(e),x)}break;case"smoothly-button":if(!customElements.get(m(e))){a()}break;case"smoothly-display":if(!customElements.get(m(e))){c()}break;case"smoothly-display-json":if(!customElements.get(m(e))){d()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){l()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){i()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){r()}break;case"smoothly-icon":if(!customElements.get(m(e))){y()}break;case"smoothly-input-select":if(!customElements.get(m(e))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){p()}break;case"smoothly-theme-color":if(!customElements.get(m(e))){n()}break;case"smoothly-theme-color-variant":if(!customElements.get(m(e))){f()}break;case"smoothly-theme-colors":if(!customElements.get(m(e))){b()}break;case"smoothly-theme-guide":if(!customElements.get(m(e))){u()}break;case"smoothly-theme-picker":if(!customElements.get(m(e))){k()}break}}))}E();export{x as S,E as d};
-//# sourceMappingURL=p-UNw22e3G.js.map
+import{p as e,H as s,h as t,d as o,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-mmAi00ak.js";import{d as c}from"./p-CN3iME9d.js";import{d}from"./p-DG2pfnCV.js";import{d as l}from"./p-uFR5K4vd.js";import{d as i}from"./p-DvZK__s-.js";import{d as r}from"./p-F8qX8ZuL.js";import{d as y}from"./p-DDYB8QLF.js";import{d as h}from"./p-vN0nUvmF.js";import{d as p}from"./p-ByRyVRgY.js";import{d as n}from"./p-BTjay9Fy.js";import{d as f}from"./p-BnYCDLp0.js";import{d as b}from"./p-mgqCIR9Q.js";import{d as u}from"./p-e7wZ4-5T.js";import{d as k}from"./p-CcBRUK1s.js";const j=()=>`.sc-smoothly-theme-demo-h{max-width:min(calc(100% - 2rem), 56rem);margin:auto;display:flex;flex-direction:column;gap:2em;margin-top:2em}.sc-smoothly-theme-demo-h>smoothly-theme-picker.sc-smoothly-theme-demo{width:20em}.sc-smoothly-theme-demo-h>div.sc-smoothly-theme-demo{display:flex;flex-direction:row;justify-content:space-between;gap:1rem}`;const v=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(o,{key:"3e505cbc2317099fa9c7a8ce39eb009f2c3024ca"},t("h2",{key:"5cf6837bdc6d17642828e4328265929512384435"},"Theme"),t("smoothly-theme-picker",{key:"be136a3fae2657ac4e26ad1fbd3aaeb25645a8d5"},t("smoothly-item",{key:"fa5fc77333513622192574123bf36506e52e3269",selected:true,value:"assets/style/smoothly.css"},"Smoothly"),t("smoothly-item",{key:"2961c2261191e11a1c592906b80da6145bd404fd",value:"https://app.issuefab.com/assets/style/index.css"},"Issuefab"),t("smoothly-item",{key:"dd127647b610afd4840859d7c8c10ff451dc2b56",value:"https://app.proquse.com/assets/style/index.css"},"Proquse"),t("smoothly-item",{key:"5e8ad2191b20cd08d6d1cb35816dc0454611fd71",value:"https://app.weekmeter.com/assets/style/index.css"},"Weekmeter"),t("smoothly-item",{key:"24410b3ba716c13887406e39d8269ad0f5623434",value:"https://test.dash.pax2pay.app/p2pdash.css"},"Pax2Pay Dashboard"),t("smoothly-item",{key:"0aeb4c24f7610227b1ddcd85c4a6768fac6169ab",value:"https://ui.pax2pay.app/assets/style/pax2pay.css"},"Pax2Pay Portal"),t("smoothly-item",{key:"54ab7e4db39f5011d1575b08a7454edd3c8c0afa",value:"https://theme.payfunc.com/intergiro/index.css"},"Intergiro Monitor"),t("smoothly-item",{key:"8f80758dacf77044e05035ad32620cd62129e9b5",value:"https://theme.payfunc.com/light/index.css"},"Payfunc Light"),t("smoothly-item",{key:"d505ed591e6379bc67fc3958361c4895a57e1ee9",value:"https://theme.payfunc.com/dark/index.css"},"Payfunc Dark")),t("div",{key:"b9419547eb4bbda394e480e58b7dff8dc0ebcb1d"},t("smoothly-theme-colors",{key:"3bf0624cac39fbcb490bc7992dfa530f3043122b"}),t("smoothly-theme-guide",{key:"388b8841be3ddfd0a42a5ecbe098b512210ad26a"})),t("smoothly-button",{key:"3a56e3439212da68889c98cfe64141730732aefa",type:"link",link:"/redirect"},"To redirect"),t("smoothly-button",{key:"56add7b4f875bb0521b32e34719c703591e21961",type:"link",link:"/redirect"},"To /redirect"),t("smoothly-button",{key:"6319b234d80bb29370f55225bae9fef3278dee83",type:"link",link:new URL("/redirect",window.location.origin).href},'To new URL("redirect")'),t("smoothly-button",{key:"a842d75971928d0a6d0738009da122244d7b95a0",type:"link",link:"redirect/nested"},"To redirect nested"))}static get style(){return j()}},[2,"smoothly-theme-demo"]);function x(){if(typeof customElements==="undefined"){return}const e=["smoothly-theme-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input-select","smoothly-item","smoothly-theme-color","smoothly-theme-color-variant","smoothly-theme-colors","smoothly-theme-guide","smoothly-theme-picker"];e.forEach((e=>{switch(e){case"smoothly-theme-demo":if(!customElements.get(m(e))){customElements.define(m(e),v)}break;case"smoothly-button":if(!customElements.get(m(e))){a()}break;case"smoothly-display":if(!customElements.get(m(e))){c()}break;case"smoothly-display-json":if(!customElements.get(m(e))){d()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){l()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){i()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){r()}break;case"smoothly-icon":if(!customElements.get(m(e))){y()}break;case"smoothly-input-select":if(!customElements.get(m(e))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){p()}break;case"smoothly-theme-color":if(!customElements.get(m(e))){n()}break;case"smoothly-theme-color-variant":if(!customElements.get(m(e))){f()}break;case"smoothly-theme-colors":if(!customElements.get(m(e))){b()}break;case"smoothly-theme-guide":if(!customElements.get(m(e))){u()}break;case"smoothly-theme-picker":if(!customElements.get(m(e))){k()}break}}))}x();export{v as S,x as d};
+//# sourceMappingURL=p-DjX23A0S.js.map

package/dist/components/{p-DIy2lHMf.js → p-UCcJDJNC.js}

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

package/dist/components/{p-CmV6S6tx.js → p-bQGZECIZ.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as s,h as a,F as l,t as e}from"./p-BsZrGTcp.js";import{i as r}from"./p-BVKhAhsB.js";import{w as c,m as n,d as h}from"./p-DIy2lHMf.js";import{d}from"./p-DDYB8QLF.js";import{d as i}from"./p-CZIRwPwA.js";import{d as m}from"./p-ByRyVRgY.js";const y=()=>`.sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));-webkit-user-select:none;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{position:relative;cursor:pointer}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity))}>table>tr>td.sc-smoothly-calendar-h:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.today.sc-smoothly-calendar::before{content:"";inset:2px;position:absolute;border:1px solid currentColor}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;opacity:0.5}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyDateSet=s(this,"smoothlyDateSet");this.smoothlyDateRangeSet=s(this,"smoothlyDateRangeSet");this.clickCounter=0}componentWillLoad(){this.onStart();this.onEnd()}onStart(){this.startInternal=this.start}onEnd(){this.endInternal=this.end}async jumpTo(t){var o,s,a,l;const e=r.Date.Year.is(t.Y)?t.Y:(s=(o=this.month)===null||o===void 0?void 0:o.substring(0,4))!==null&&s!==void 0?s:r.Date.now().substring(0,4);const c=r.Date.Month.is(t.M)?t.M:(l=(a=this.month)===null||a===void 0?void 0:a.substring(5,7))!==null&&l!==void 0?l:r.Date.now().substring(5,7);const n=`${e}-${c}-01`;if(r.Date.is(n)){this.month=n}}onClick(t){this.value=t;this.smoothlyDateSet.emit(this.value)}onClickDoubleInput(t){this.clickCounter+=1;if(this.clickCounter%2==1){this.startInternal=this.endInternal=this.frozenDate=t}else{const o=this.startInternal>t?t:this.startInternal;const s=this.endInternal<t?t:this.endInternal;this.startInternal=o;this.endInternal=s}this.clickCounter%2==0&&this.startInternal&&this.endInternal&&this.smoothlyDateRangeSet.emit({start:this.startInternal,end:this.endInternal})}onHover(t){if(this.doubleInput&&this.clickCounter%2==1){if(t<this.frozenDate){this.startInternal=t;this.endInternal=this.frozenDate}else{this.startInternal=this.frozenDate;this.endInternal=t}}}withinLimit(t){return(!this.min||t>=this.min)&&(!this.max||t<=this.max)}render(){var t,o,s;return a(l,{key:"51ec0570b1b71eb9ff8bca9984ecf40550abe435"},a("smoothly-input-month",{key:"1beb2d18f5a08e93d88fddca59675078d8662715",name:"month",value:(t=this.month)!==null&&t!==void 0?t:this.value,min:this.min,max:this.max,inCalendar:true,next:true,previous:true,showLabel:false,onSmoothlyInput:t=>{t.stopPropagation();"month"in t.detail&&typeof t.detail.month=="string"&&(this.month=t.detail.month)},onSmoothlyUserInput:t=>t.stopPropagation()},a("div",{key:"14ed1a3cc6dd8fe89d7ac4f1450f391ccb0bff77",slot:"year-label"},a("slot",{key:"c07b485adf7b6b4aa71d3ceb10d530aa029c652d",name:"year-label"})),a("div",{key:"cd1e232ded9c2ac84156de7419bc46bdd4e01680",slot:"month-label"},a("slot",{key:"1255e6cef5898b90aba12716639774957e09cd86",name:"month-label"}))),a("table",{key:"8ada3e2ac6abf42710c8611d9264ddbc7691e307"},a("thead",{key:"1f686102dc5f57bbc838d11d984e85407d44fdda"},a("tr",{key:"41ab20afc9b1a4491f5070345f779dc6238dd8d3"},c().map((t=>a("th",null,t))))),n((s=(o=this.month)!==null&&o!==void 0?o:this.value)!==null&&s!==void 0?s:r.Date.now()).map((t=>a("tr",null,t.map((t=>{var o,s,l,e;return a("td",{tabindex:1,onMouseOver:this.withinLimit(t)?()=>this.onHover(t):undefined,onClick:this.withinLimit(t)?()=>this.doubleInput?this.onClickDoubleInput(t):this.onClick(t):undefined,class:{selected:t==this.value||this.doubleInput&&(t==this.startInternal||t==this.endInternal),today:t==r.Date.now(),currentMonth:r.Date.firstOfMonth((s=(o=this.month)!==null&&o!==void 0?o:this.value)!==null&&s!==void 0?s:r.Date.now())==r.Date.firstOfMonth(t),dateRange:this.doubleInput&&t>((l=this.startInternal)!==null&&l!==void 0?l:"")&&t<((e=this.endInternal)!==null&&e!==void 0?e:""),disable:!this.withinLimit(t)}},t.substring(8,10))})))))))}get element(){return this}static get watchers(){return{start:[{onStart:0}],end:[{onEnd:0}]}}static get style(){return y()}},[262,"smoothly-calendar",{month:[1025],value:[1025],start:[1],end:[1],max:[1025],min:[1025],doubleInput:[516,"double-input"],startInternal:[32],endInternal:[32],jumpTo:[64]},undefined,{start:[{onStart:0}],end:[{onEnd:0}]}]);function u(){if(typeof customElements==="undefined"){return}const t=["smoothly-calendar","smoothly-icon","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-calendar":if(!customElements.get(e(t))){customElements.define(e(t),b)}break;case"smoothly-icon":if(!customElements.get(e(t))){d()}break;case"smoothly-input-month":if(!customElements.get(e(t))){h()}break;case"smoothly-input-select":if(!customElements.get(e(t))){i()}break;case"smoothly-item":if(!customElements.get(e(t))){m()}break}}))}u();export{b as C,u as d};
-//# sourceMappingURL=p-CmV6S6tx.js.map
+import{p as t,H as o,c as s,h as a,F as l,t as e}from"./p-BsZrGTcp.js";import{i as r}from"./p-BVKhAhsB.js";import{w as c,m as n,d as h}from"./p-UCcJDJNC.js";import{d}from"./p-DDYB8QLF.js";import{d as i}from"./p-vN0nUvmF.js";import{d as m}from"./p-ByRyVRgY.js";const y=()=>`.sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));-webkit-user-select:none;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{position:relative;cursor:pointer}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity))}>table>tr>td.sc-smoothly-calendar-h:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.today.sc-smoothly-calendar::before{content:"";inset:2px;position:absolute;border:1px solid currentColor}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;opacity:0.5}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyDateSet=s(this,"smoothlyDateSet");this.smoothlyDateRangeSet=s(this,"smoothlyDateRangeSet");this.clickCounter=0}componentWillLoad(){this.onStart();this.onEnd()}onStart(){this.startInternal=this.start}onEnd(){this.endInternal=this.end}async jumpTo(t){var o,s,a,l;const e=r.Date.Year.is(t.Y)?t.Y:(s=(o=this.month)===null||o===void 0?void 0:o.substring(0,4))!==null&&s!==void 0?s:r.Date.now().substring(0,4);const c=r.Date.Month.is(t.M)?t.M:(l=(a=this.month)===null||a===void 0?void 0:a.substring(5,7))!==null&&l!==void 0?l:r.Date.now().substring(5,7);const n=`${e}-${c}-01`;if(r.Date.is(n)){this.month=n}}onClick(t){this.value=t;this.smoothlyDateSet.emit(this.value)}onClickDoubleInput(t){this.clickCounter+=1;if(this.clickCounter%2==1){this.startInternal=this.endInternal=this.frozenDate=t}else{const o=this.startInternal>t?t:this.startInternal;const s=this.endInternal<t?t:this.endInternal;this.startInternal=o;this.endInternal=s}this.clickCounter%2==0&&this.startInternal&&this.endInternal&&this.smoothlyDateRangeSet.emit({start:this.startInternal,end:this.endInternal})}onHover(t){if(this.doubleInput&&this.clickCounter%2==1){if(t<this.frozenDate){this.startInternal=t;this.endInternal=this.frozenDate}else{this.startInternal=this.frozenDate;this.endInternal=t}}}withinLimit(t){return(!this.min||t>=this.min)&&(!this.max||t<=this.max)}render(){var t,o,s;return a(l,{key:"51ec0570b1b71eb9ff8bca9984ecf40550abe435"},a("smoothly-input-month",{key:"1beb2d18f5a08e93d88fddca59675078d8662715",name:"month",value:(t=this.month)!==null&&t!==void 0?t:this.value,min:this.min,max:this.max,inCalendar:true,next:true,previous:true,showLabel:false,onSmoothlyInput:t=>{t.stopPropagation();"month"in t.detail&&typeof t.detail.month=="string"&&(this.month=t.detail.month)},onSmoothlyUserInput:t=>t.stopPropagation()},a("div",{key:"14ed1a3cc6dd8fe89d7ac4f1450f391ccb0bff77",slot:"year-label"},a("slot",{key:"c07b485adf7b6b4aa71d3ceb10d530aa029c652d",name:"year-label"})),a("div",{key:"cd1e232ded9c2ac84156de7419bc46bdd4e01680",slot:"month-label"},a("slot",{key:"1255e6cef5898b90aba12716639774957e09cd86",name:"month-label"}))),a("table",{key:"8ada3e2ac6abf42710c8611d9264ddbc7691e307"},a("thead",{key:"1f686102dc5f57bbc838d11d984e85407d44fdda"},a("tr",{key:"41ab20afc9b1a4491f5070345f779dc6238dd8d3"},c().map((t=>a("th",null,t))))),n((s=(o=this.month)!==null&&o!==void 0?o:this.value)!==null&&s!==void 0?s:r.Date.now()).map((t=>a("tr",null,t.map((t=>{var o,s,l,e;return a("td",{tabindex:1,onMouseOver:this.withinLimit(t)?()=>this.onHover(t):undefined,onClick:this.withinLimit(t)?()=>this.doubleInput?this.onClickDoubleInput(t):this.onClick(t):undefined,class:{selected:t==this.value||this.doubleInput&&(t==this.startInternal||t==this.endInternal),today:t==r.Date.now(),currentMonth:r.Date.firstOfMonth((s=(o=this.month)!==null&&o!==void 0?o:this.value)!==null&&s!==void 0?s:r.Date.now())==r.Date.firstOfMonth(t),dateRange:this.doubleInput&&t>((l=this.startInternal)!==null&&l!==void 0?l:"")&&t<((e=this.endInternal)!==null&&e!==void 0?e:""),disable:!this.withinLimit(t)}},t.substring(8,10))})))))))}get element(){return this}static get watchers(){return{start:[{onStart:0}],end:[{onEnd:0}]}}static get style(){return y()}},[262,"smoothly-calendar",{month:[1025],value:[1025],start:[1],end:[1],max:[1025],min:[1025],doubleInput:[516,"double-input"],startInternal:[32],endInternal:[32],jumpTo:[64]},undefined,{start:[{onStart:0}],end:[{onEnd:0}]}]);function u(){if(typeof customElements==="undefined"){return}const t=["smoothly-calendar","smoothly-icon","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-calendar":if(!customElements.get(e(t))){customElements.define(e(t),b)}break;case"smoothly-icon":if(!customElements.get(e(t))){d()}break;case"smoothly-input-month":if(!customElements.get(e(t))){h()}break;case"smoothly-input-select":if(!customElements.get(e(t))){i()}break;case"smoothly-item":if(!customElements.get(e(t))){m()}break}}))}u();export{b as C,u as d};
+//# sourceMappingURL=p-bQGZECIZ.js.map

package/dist/components/p-vN0nUvmF.js

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

package/dist/components/p-vN0nUvmF.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","display","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","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","option","innerHTML","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","join","placeholder","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: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\twidth: 100%;\n\twhite-space: nowrap;\n\tgap: 1rem;\n\n}\n\n:host>.select-display>div {\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\t\n}\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 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@State() private display: string[] = []\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\tthis.displaySelected()\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\tthis.display = this.selected.map(option => option.innerHTML)\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\">\n\t\t\t\t\t{this.display.length > 0 ? <div innerHTML={this.display.join(\", \")}></div> : 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":"6SAIM,IAAWA,GAAjB,SAAiBA,GAOhB,IAAiBC,GAAjB,SAAiBA,GACHA,EAAAC,KAAOC,EAAqB,CACxCC,MAAOC,IACPC,aAAcC,IACdC,SAAUD,IAAeE,WACzBC,OAAQC,MAEIV,EAAAW,GAAKX,EAAAC,KAAKU,EACvB,EARD,CAAiBX,EAAAD,EAAAC,UAAAD,EAAAC,QAAO,KASXD,EAAAE,KAAOD,EAAQC,KAAKW,OAAa,IACjCb,EAAAY,GAAKZ,EAAAE,KAAKU,EACvB,EAlBD,CAAiBZ,MAAI,KCJf,IAAWc,GAAjB,SAAiBA,GAChB,SAAgBC,EAAgBC,G,MAC/B,OAAOC,EAAAD,EAAME,MAAKC,GAAQA,EAAKC,aAAe,OAAE,MAAAH,SAAA,SAAAA,EAAEG,Y,CADnCN,EAAAC,gBAAeA,EAG/B,SAAgBM,EAAgBC,EAAsBC,EAAoBC,G,QACzE,MAAMC,EAASD,EAAWE,SAAS,SAChC,GAAGH,KAAeI,GAAAV,EAAAO,EAAWI,MAAM,4BAAwB,MAAAX,SAAA,SAAAA,EAAG,MAAE,MAAAU,SAAA,EAAAA,EAAI,UACpEH,EACHF,EAAQO,MAAMC,YAAY,gBAAiBL,E,CAJ5BX,EAAAO,gBAAeA,EAM/B,SAAgBU,EAAmBT,GAClCA,IAAO,MAAPA,SAAO,SAAPA,EAASO,MAAMC,YAAY,mBAAoB,GAAGR,EAAQF,iB,CAD3CN,EAAAiB,mBAAkBA,CAIlC,EAdD,CAAiBjB,MAAM,KCAjB,IAAWkB,GAAjB,SAAiBA,GAChB,SAAgBC,EACfjB,EACAkB,GAEA,MAAMC,EAAanB,EAAMN,QAAOS,IAASA,EAAKiB,SAAWjB,EAAKkB,WAC9D,MAAMC,EAAeH,EAAWI,WAAUpB,GAAQA,EAAKqB,SACvD,IAAIC,EACJ,GAAIH,IAAgB,EAAI,CACvBG,EAAQ,C,KACF,CACNA,GAASH,EAAeJ,EAAYC,EAAWO,QAAUP,EAAWO,M,CAErE,MAAO,CAAEC,QAASR,EAAWG,GAAeL,KAAME,EAAWM,G,CAZ9CT,EAAAC,KAAIA,EAcpB,SAAgBW,EAAgB5B,GAC/B,OAAOA,EAAM6B,MAAK1B,IAASA,EAAK2B,aAAa,W,CAD9Bd,EAAAY,gBAAeA,EAG/B,SAAgBG,EAAS/B,EAAkCG,GAC1DH,EAAMgC,KAAIC,GAAMA,EAAET,OAASS,IAAM9B,G,CADlBa,EAAAe,SAAQA,EAGxB,SAAgBG,EAAkBlC,GACjC,OAAOA,EAAME,MAAKC,GAAQA,EAAKX,U,CADhBwB,EAAAkB,kBAAiBA,EAGjC,SAAgBC,EAAgBnC,GAC/B,OAAOA,EAAME,MAAKC,GAAQA,EAAKqB,Q,CADhBR,EAAAmB,gBAAeA,CAG/B,EA3BD,CAAiBnB,MAAI,KCAf,IAAWoB,GAAjB,SAAiBA,GAChB,SAAgBC,EAAaC,EAAyBnC,EAAoBoC,EAA2B,U,MACpG,GAAIpC,GAAQmC,EAAW,CACtBA,EAAUE,SAAS,CAClBC,IAAKtC,EAAKuC,UAAYvC,EAAKwC,aAAe,IAAK1C,EAAAqC,EAAUlC,gBAAY,MAAAH,SAAA,EAAAA,EAAI,GAAK,EAC9EsC,Y,EAJaH,EAAAC,aAAYA,CAQ5B,EATD,CAAiBD,MAAM,KCAvB,MAAMQ,EAAW,IAAM,q3U,MC8BVC,EAAmBC,EAAA,MAAAD,UAAAE,EALhC,WAAAC,CAAAC,G,mZAOCC,KAAAC,uBAAyB,MACjBD,KAAAE,aAA0C,GAC1CF,KAAAG,oBAAsB,MACtBH,KAAAI,SAAWC,EAASC,SAASC,OAAOP,MAKpCA,KAAAlD,MAAmC,GAGlBkD,KAAAQ,QAAoB,MAEpBR,KAAAS,KAAO,WAGPT,KAAAU,UAAY,KACGV,KAAAW,aAAyB,KACzBX,KAAAY,SAAW,MAC1BZ,KAAA7B,SAAW,MACX6B,KAAAa,WAAa,MAEbb,KAAAc,SAAW,MAC5Bd,KAAAe,UAAY,KACKf,KAAAgB,QAAU,MAG3BhB,KAAAiB,SAAW,MACXjB,KAAAkB,eAAiB,MACjBlB,KAAAmB,QAAU,MACVnB,KAAAoB,SAAW,MACVpB,KAAAqB,KAAO,MACPrB,KAAA1D,SAAsC,GACtC0D,KAAAxD,OAAS,GACTwD,KAAAsB,WAAwC,GAChCtB,KAAAuB,QAAoB,EAkUrC,CAzTA,iBAAAC,GACCxB,KAAKyB,mBAAmBC,MACvB,CAACC,EAAOC,KAAS,IAAA7E,EAAC,OAAEiD,KAAK2B,OAAQ5E,EAAAiD,KAAK2B,SAAK,MAAA5E,SAAA,EAAAA,EAAI4E,GAAS3B,KAAK4B,QAAU5B,KAAK4B,MAAQA,EAAM,IAE3F5B,KAAK6B,kBAAkBH,MAAKI,GAAW9B,KAAK8B,OAASA,KACpD9B,KAAKY,UAAYZ,KAAK+B,oBAAoBL,MAAKd,GAAaZ,KAAKY,SAAWA,IAC7EZ,KAAKI,SAAS4B,S,CAEf,gBAAAC,GACCjC,KAAK1D,WAAa0D,KAAKG,sBAAwBH,KAAKE,aAAe,IAAIF,KAAK1D,WAC5E0D,KAAKG,oBAAsB,KAC3BH,KAAKkC,kB,CAEN,kBAAAC,G,OACCpF,EAAAiD,KAAK3C,cAAU,MAAAN,SAAA,EAAAA,EAAfiD,KAAK3C,WAAeT,EAAOC,gBAAgBmD,KAAKlD,OAChD,GAAIkD,KAAK1C,YAAc0C,KAAK3C,WAAY,CACvCT,EAAOO,gBAAgB6C,KAAK5C,QAAS4C,KAAK3C,WAAY2C,KAAK1C,W,CAE5DV,EAAOiB,mBAAmBmC,KAAK5C,SAE/B,MAAMgF,EAAapC,KAAKqB,OAASrB,KAAKoB,SACtC,GAAIgB,GAAcpC,KAAKqC,QAAS,CAC/BrC,KAAKsC,kB,EAGC,gBAAAA,GACP,MAAMC,EAAezE,EAAKkB,kBAAkBgB,KAAKlD,OACjD,GAAIyF,EAAc,CACjBzE,EAAKe,SAASmB,KAAKlD,MAAOyF,GAC1BrD,EAAOC,aAAaa,KAAKwC,gBAAiBD,EAAc,U,EAG1D,0BAAME,GACL,IAAKzC,KAAK5C,QAAQsF,YAAa,OACxB1C,KAAK2C,Y,EAIb,UAAAC,CAAWC,EAAuBC,GACjCC,EAAMC,WAAWhD,KAAM8C,E,CAGxB,cAAMG,GACLF,EAAMG,QAAQlD,K,CAGf,gBAAM2C,GACLI,EAAMI,WAAWnD,K,CAGlB,cAAMoD,GACL,OAAQpD,KAAKc,UAAYd,KAAK1D,SAAS,GACpC0D,KAAK1D,SAAS,GAAGJ,MACjB8D,KAAKc,UAAYd,KAAK1D,SAASkC,OAAS,EACvCwB,KAAK1D,SAASwC,KAAI7B,GAAQA,EAAKf,QAC/BmH,S,CAGL,cAAMC,GACL,OAAOtD,KAAKlD,K,CAGb,YAAMyG,CAAOC,GACZxD,KAAKI,SAASqD,UAAUD,E,CAGzB,WAAME,GACL1D,KAAK1D,SAASqH,SAAQ1G,GAASA,EAAKX,SAAWW,EAAKiB,OAAS,QAC7D8B,KAAKE,aAAayD,SAAQ1G,GAASA,EAAKX,SAAW,OACnD0D,KAAK1D,SAAW,IAAI0D,KAAKE,cACzBF,KAAK4D,kBACL5D,KAAKC,uBAAyB,MAC9BD,KAAK6D,W,CAGN,WAAMC,GACL,GAAI9D,KAAKe,UAAW,CACnBf,KAAK1D,SAASqH,SAAQ1G,GAASA,EAAKX,SAAWW,EAAKiB,OAAS,QAC7D8B,KAAK1D,SAAW,GAChB0D,KAAK4D,iB,EAIP,UAAMG,CAAKC,GACVhE,KAAKY,UAAYoD,C,CAGlB,qBAAMC,GACLjE,KAAKC,uBAAyB,MAC9BD,KAAKE,aAAe,IAAIF,KAAK1D,S,CAG9B,sBAAM4F,GACLlC,KAAKG,sBAAwBH,KAAKC,wBAA0BD,KAAKkE,eAAelE,KAAK1D,SAAU0D,KAAKE,eACpGF,KAAKgB,QAAUhB,KAAK1D,SAASkC,OAAS,EACtCwB,KAAKmE,cAAczC,KAAK,CAAE,CAAC1B,KAAKS,YAAaT,KAAKoD,aAClDpD,KAAKI,SAAS4B,S,CAGf,gBAAAoC,GACCpE,KAAKlD,MAAM6G,SAAQ1G,GAASA,EAAKb,cAAgB4D,KAAKiB,U,CAGvD,oBAAMoD,CAAenI,GACpBA,EAAQA,EAAMoI,oBACRC,QAAQC,IAAIxE,KAAKlD,MAAMgC,KAAI7B,GAAQA,EAAKT,OAAON,K,CAItD,gBAAAuI,GACCzE,KAAKI,SAAS4B,S,CAGf,8BAAM0C,CAAyBC,GAC9B,MAAMC,EAAWD,EAAME,QAAU,SAAUF,EAAME,QAAUF,EAAME,OAAOpE,OAAST,KAAKS,KACtF,MAAMqE,EAAcH,EAAMI,eAAepG,MAAKqG,GAAKA,GAAKhF,KAAKiF,eAC7D,GAAIL,GAAYE,EAAa,CAC5BH,EAAMO,iB,MACA,GAAIpJ,EAAKC,QAAQW,GAAGiI,EAAME,QAAS,CACzCF,EAAMO,kBACNP,EAAME,OAAOzI,cAAgB4D,KAAKiB,SAClCjB,KAAKlD,MAAMqI,KAAKR,EAAME,O,CAEvB9B,EAAMqC,kBAAkBpF,KAAM2E,GAC9B3E,KAAK4D,iB,CAGN,aAAAyB,CAAcV,GACb,GAAI3E,KAAKqB,OAASsD,EAAMI,eAAeO,SAAStF,KAAK5C,SAAU,CAC9D4C,KAAK6D,W,EAIP,eAAA0B,CAAgBP,GACfA,EAAEE,kBACF,MAAMjI,EAAO+H,EAAEH,OACf,GAAI5H,EAAKX,SAAU,CAClB0D,KAAK4D,iB,EAIP,kBAAM4B,CAAab,GAClBA,EAAMO,kBACN,MAAMjI,EAAO0H,EAAMc,OAAOxI,KAC1B,GAAI+C,KAAKc,SAAU,CAClBd,KAAK1D,SAAWW,EAAKX,SAAW,IAAI0D,KAAK1D,SAAUW,GAAQ+C,KAAK1D,SAASE,QAAOS,GAAQA,EAAKX,U,MACvF,GAAIW,EAAKX,WAAa0D,KAAKlD,MAAM6B,MAAKqG,GAAKA,EAAE1I,WAAW,CAC9D0D,KAAK1D,SAAS,KAAO0D,KAAK1D,SAAS,GAAG4B,OAAS8B,KAAK1D,SAAS,GAAGA,SAAW,OAC3E0D,KAAK1D,UAAYW,EAAKX,SAAW0D,KAAK1D,SAASE,QAAOS,GAAQA,EAAKX,WAAY,CAACW,IAC/E+C,KAAKW,cAAgB1D,EAAKX,WAAaW,EAAKiB,OAAS,K,CAEvD8B,KAAK4D,kBACL,GAAIe,EAAMc,OAAOC,cAAe,CAC/B1F,KAAK2F,kBAAkBjE,KAAK,CAAEjB,KAAMT,KAAKS,KAAMvE,YAAa8D,KAAKoD,Y,EAInE,QAAAwC,CAASvE,EAAewE,GACvB7F,KAAKoB,SAAWyE,EAChB,IAAKxE,EAAM,CACV,MAAMyE,EAAahI,EAAKmB,gBAAgBe,KAAKlD,OAC7C,GAAIgJ,EAAY,CACfA,EAAWxH,OAAS,K,EAGtB0B,KAAK+F,mBAAmBrE,KAAKL,E,CAE9B,cAAA6C,CAAe5H,EAAqC4D,GACnD,OAAO5D,EAASkC,SAAW0B,EAAa1B,QAAU0B,EAAa8F,OAAM9J,GAASI,EAASgJ,SAASpJ,I,CAEjG,eAAA0H,GACC5D,KAAKuB,QAAUvB,KAAK1D,SAASwC,KAAImH,GAAUA,EAAOC,W,CAEnD,SAAAC,CAAUxB,GACTA,EAAMO,kBACN,MAAMkB,EAAMzB,EAAMyB,IAClB,GAAIA,GAAO,WAAaA,GAAO,YAAa,CAC3CzB,EAAM0B,iBACNrG,KAAKsG,gBAAgBF,E,MACf,GAAIA,GAAO,SAAU,CAC3BzB,EAAM0B,iBACNrG,KAAKuG,c,MACC,GAAIH,GAAO,QAAS,CAC1BzB,EAAM0B,iBACNrG,KAAKwG,a,MACC,GAAIJ,GAAO,IAAK,CACtBzB,EAAM0B,iBACNrG,KAAKyG,U,MACC,GAAIzG,KAAKqB,MAAQ+E,GAAO,MAAO,CACrCpG,KAAK6D,W,EAGC,eAAAyC,CAAgBF,GACvB,GAAItI,EAAKY,gBAAgBsB,KAAKlD,OAAQ,CACrCkD,KAAK0G,KAAKN,GAAO,WAAY,EAAK,E,CAEnCpG,KAAKyG,U,CAEE,YAAAF,GACP,GAAIvG,KAAKxD,OAAQ,CAChBwD,KAAK2G,a,KACC,CACN3G,KAAK6D,W,EAGC,WAAA2C,GACP,MAAMvJ,EAAOa,EAAKmB,gBAAgBe,KAAKlD,OACvC,GAAIG,IAAI,MAAJA,SAAI,SAAJA,EAAMf,MAAO,CAChBe,EAAKX,UAAYW,EAAKX,Q,CAEvB,IAAK0D,KAAKc,SAAU,CACnBd,KAAK6D,YACL7D,KAAK2G,a,EAGC,IAAAD,CAAK1I,GACZ,MAAMS,QAAEA,EAAOV,KAAEA,GAASD,EAAKC,KAAKiC,KAAKlD,MAAOkB,GAChDS,IAAYA,EAAQH,OAAS,OAC7BP,EAAKO,OAAS,KACdY,EAAOC,aAAaa,KAAKwC,gBAAiBzE,EAAM,S,CAEzC,OAAA6I,GACP5G,KAAKsB,WAAatB,KAAKsB,WAAWuF,OACjCC,EAAA,iBAAe5K,MAAO8D,KAAKxD,OAAQF,SAAQ,MACzC0D,KAAKxD,Q,CAID,WAAAmK,GACP3G,KAAK+G,gBAAkB/G,KAAK+G,cAAc7K,MAAQ,IAClD8D,KAAKxD,OAAS,E,CAEP,SAAAwK,CAAUxK,GACjB,GAAIA,EAAQ,CACXwD,KAAKxD,OAASA,EACdwD,KAAKyG,U,KACC,CACNzG,KAAK2G,a,EAGC,QAAAF,EAASQ,MAAEA,GAA+B,IACjDjH,KAAKqB,KAAO,KACZ4F,GAASC,gBAAe,KAAK,IAAAnK,EAAC,OAAAA,EAAAiD,KAAK+G,iBAAa,MAAAhK,SAAA,SAAAA,EAAEkK,OAAO,G,CAElD,SAAApD,GACP7D,KAAKqB,KAAO,MACZrB,KAAK2G,a,CAEE,UAAAQ,GACP,IAAKnH,KAAKY,WAAaZ,KAAK7B,SAAU,CACrC6B,KAAKqB,KAAOrB,KAAK6D,YAAc7D,KAAKyG,SAAS,CAAEQ,MAAO,M,EAGhD,OAAAG,CAAQpC,GACf,MAAMqC,EACLrC,EAAED,eAAeO,SAAStF,KAAKiF,gBAAmBD,EAAED,eAAeO,SAAStF,KAAKsH,eAClF,MAAMC,EAAmBvC,EAAED,eAAeO,SAAStF,KAAK+G,eACxD,MAAMS,EAAiBxC,EACrBD,eACA/H,MAAKI,GAAWA,aAAmByC,GAAezC,EAAQqK,UAAY,kBACxE,IAAKJ,IAAoBE,KAAsBC,GAAkBxH,KAAKc,UAAW,CAChFd,KAAKmH,Y,EAGP,MAAAO,GACC,OACCZ,EAACa,EAAI,CAAAvB,IAAA,2CACJwB,MAAO,CAAE,YAAa5H,KAAK1D,SAASkC,SAAW,EAAG6C,KAAMrB,KAAKqB,KAAM,aAAcrB,KAAKxD,SAAW,IACjG4K,QAAUpC,GAAkBhF,KAAKoH,QAAQpC,IACzC8B,EAAA,OAAAV,IAAA,2CAAKwB,MAAM,kBACT5H,KAAKuB,QAAQ/C,OAAS,EAAIsI,EAAA,OAAKZ,UAAWlG,KAAKuB,QAAQsG,KAAK,QAAgB7H,KAAK8H,aAEnFhB,EAAA,OAAAV,IAAA,2CAAKwB,MAAM,QAAQG,IAAK3K,GAAY4C,KAAKiF,aAAe7H,GACvD0J,EAAA,iBAAAV,IAAA,2CAAewB,MAAM,mBAAmBnH,KAAK,eAAeuH,KAAK,QAAQC,QAASjI,KAAKkI,eACvFpB,EAAA,QAAAV,IAAA,2CAAM3F,KAAK,QACVT,KAAK2B,OAAS,WAAa3B,KAAKY,UAChCkG,EAAA,iBAAAV,IAAA,2CACC2B,IAAK3K,GAAY4C,KAAKsH,cAAgBlK,EACtC4K,KAAK,OACLvH,KAAMT,KAAKqB,KAAO,qBAAuB,2BAI5CyF,EAAA,QAAAV,IAAA,2CAAM3F,KAAK,UACXqG,EAAA,OAAAV,IAAA,2CAAKwB,MAAM,WAAWG,IAAMI,GAAwBnI,KAAKwC,gBAAkB2F,GAC1ErB,EAAA,OAAAV,IAAA,2CAAKwB,MAAM,UACVd,EAAA,iBAAAV,IAAA,2CAAe3F,KAAK,iBAAiBuH,KAAK,UAC1ClB,EAAA,SAAAV,IAAA,2CACCwB,MAAM,eACNG,IAAKI,GAAOnI,KAAK+G,cAAgBoB,EACjChK,SAAU6B,KAAKkB,eACfiF,UAAWnB,GAAKhF,KAAKmG,UAAUnB,GAC/BoD,QAASpD,IAAI,IAAAjI,EAAAU,EAAC,OAACuH,EAAEE,kBAAmBlF,KAAKgH,WAAUvJ,GAAAV,EAAAiD,KAAK+G,iBAAa,MAAAhK,SAAA,SAAAA,EAAEb,SAAK,MAAAuB,SAAA,EAAAA,EAAI,GAAG,EACnF4K,QAASrD,IAAI,IAAAjI,EAAAU,EAAC,OAACuH,EAAEE,kBAAmBlF,KAAKgH,WAAUvJ,GAAAV,EAAAiD,KAAK+G,iBAAa,MAAAhK,SAAA,SAAAA,EAAEb,SAAK,MAAAuB,SAAA,EAAAA,EAAI,GAAG,IAEpFqJ,EAAA,iBAAAV,IAAA,2CACC3F,KAAK,oBACLuH,KAAK,QACLZ,QAAS,K,MACRpH,KAAK2G,eACL5J,EAAAiD,KAAK+G,iBAAa,MAAAhK,SAAA,SAAAA,EAAEkK,OAAO,IAG5BjH,KAAKmB,SAAW2F,EAAA,iBAAAV,IAAA,2CAAe3F,KAAK,MAAMuH,KAAK,QAAQZ,QAAS,IAAMpH,KAAK4G,aAE7EE,EAAA,OAAAV,IAAA,2CAAKwB,MAAM,OAAO1J,QAAS8B,KAAKqB,MAC/ByF,EAAA,QAAAV,IAAA,6CACCpG,KAAKsB,a","ignoreList":[]}