smoothly 1.115.0 → 1.116.0

package/dist/components/{p-DS66Mn9S.js → p-B6iaWskB.js}

@@ -1,2 +1,2 @@
-import{p as o,H as e,h as t,d as a,t as s}from"./p-BsZrGTcp.js";import{d as l}from"./p-BHEtq3Ue.js";import{d as i}from"./p-CqXSfYre.js";import{d as m}from"./p-BEHuPmXt.js";import{d as c}from"./p-BiQsRsV4.js";import{d}from"./p-BHsrC9Oh.js";import{d as r}from"./p-CUdZx76u.js";import{d as n}from"./p-CmPHR3tf.js";const f=()=>`.sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}`;const u=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.openModal=false;this.openTallModal=false;this.showFrame=false}render(){return t(a,{key:"8add700509240579f6f83dc95a6d4d0bddee067e"},t("smoothly-button",{key:"35a3641241542400cfdca56b058887eaaca7c629",fill:"solid",color:"light",onClick:()=>this.openModal=true},"Open Modal"),t("smoothly-button",{key:"38a3e022173090e5a04547774c3a75674ad8937b",fill:"solid",color:"light",onClick:()=>this.openTallModal=true},"Open Modal with long text and top-aligned."),t("smoothly-button",{key:"0c52d6216d204dd41310fda4c810e8212fafe3e4",fill:"solid",color:"light",onClick:()=>this.showFrame=!this.showFrame},"Show Frame"),t("smoothly-modal",{key:"73d07f4662ac3ee4e398c98fdc50073af6a6cd63",closable:true,open:this.openModal,onSmoothlyModalChange:o=>this.openModal=o.detail},t("h2",{key:"4b8420bae8815bf0f491ebb38948f3348a5bc84c",slot:"header"},"Modal"),t("span",{key:"2115cc46f1adb4149cf71331e3151f1fe876f681"},"Are you sure you want to confirm this action?"),t("smoothly-button",{key:"c722bed6d0ace30ab2ef644e219fb599da17276d",slot:"actions",color:"success"},"Confirm"),t("smoothly-button",{key:"18c7bcebed68d09049ccddb2c559edbcc6c0b2d4",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openModal=false},"Cancel")),t("smoothly-modal",{key:"a89476ee4a3f90e1b57b243a4217a43b91874628",closable:true,open:this.openTallModal,onSmoothlyModalChange:o=>this.openTallModal=o.detail,align:"top"},t("h2",{key:"b778a0933b0b0b28aedefadaafed3b3f67f770a3",slot:"header"},"Modal"),t("smoothly-summary",{key:"fdfaa4526ee58e7bb2c356750de4540f45dfbf65"},t("div",{key:"a8418a82b28b6a698214ebff19b2aa28148e6ce2",slot:"summary"},"Lorem ipsum"),t("div",{key:"c4f120ea3e663e2e05fc6e109b8094129c88e8d5",slot:"content"},Array.from({length:10}).map((()=>t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))))),t("smoothly-button",{key:"e17da5e0786e43d783ec17008bdf956e90d44946",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openTallModal=false},"Cancel")),this.showFrame&&t("smoothly-dialog",{key:"3e5e753799e6d49303cd5afe03448dac8c1a7c0a",closable:true},t("smoothly-frame",{key:"f61497a6984b98e8a392dd33dcc1ac6a7ba35734",url:"https://www.wikipedia.org/",name:"parent",style:{height:"80vh"}})))}static get style(){return f()}},[2,"smoothly-dialog-demo",{openModal:[32],openTallModal:[32],showFrame:[32]}]);function h(){if(typeof customElements==="undefined"){return}const o=["smoothly-dialog-demo","smoothly-button","smoothly-dialog","smoothly-frame","smoothly-icon","smoothly-modal","smoothly-summary","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-dialog-demo":if(!customElements.get(s(o))){customElements.define(s(o),u)}break;case"smoothly-button":if(!customElements.get(s(o))){l()}break;case"smoothly-dialog":if(!customElements.get(s(o))){i()}break;case"smoothly-frame":if(!customElements.get(s(o))){m()}break;case"smoothly-icon":if(!customElements.get(s(o))){c()}break;case"smoothly-modal":if(!customElements.get(s(o))){d()}break;case"smoothly-summary":if(!customElements.get(s(o))){r()}break;case"smoothly-trigger":if(!customElements.get(s(o))){n()}break}}))}h();export{u as S,h as d};
-//# sourceMappingURL=p-DS66Mn9S.js.map
+import{p as o,H as e,h as t,d as a,t as s}from"./p-BsZrGTcp.js";import{d as l}from"./p-BygBViit.js";import{d as i}from"./p-DtlLyiQE.js";import{d as m}from"./p-Bt-mtf0k.js";import{d as c}from"./p-lxR7rA3k.js";import{d}from"./p-B1h-3Bk6.js";import{d as r}from"./p-tYcvbWv5.js";import{d as n}from"./p-CmPHR3tf.js";const f=()=>`.sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}`;const h=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.openModal=false;this.openTallModal=false;this.showFrame=false}render(){return t(a,{key:"8add700509240579f6f83dc95a6d4d0bddee067e"},t("smoothly-button",{key:"35a3641241542400cfdca56b058887eaaca7c629",fill:"solid",color:"light",onClick:()=>this.openModal=true},"Open Modal"),t("smoothly-button",{key:"38a3e022173090e5a04547774c3a75674ad8937b",fill:"solid",color:"light",onClick:()=>this.openTallModal=true},"Open Modal with long text and top-aligned."),t("smoothly-button",{key:"0c52d6216d204dd41310fda4c810e8212fafe3e4",fill:"solid",color:"light",onClick:()=>this.showFrame=!this.showFrame},"Show Frame"),t("smoothly-modal",{key:"73d07f4662ac3ee4e398c98fdc50073af6a6cd63",closable:true,open:this.openModal,onSmoothlyModalChange:o=>this.openModal=o.detail},t("h2",{key:"4b8420bae8815bf0f491ebb38948f3348a5bc84c",slot:"header"},"Modal"),t("span",{key:"2115cc46f1adb4149cf71331e3151f1fe876f681"},"Are you sure you want to confirm this action?"),t("smoothly-button",{key:"c722bed6d0ace30ab2ef644e219fb599da17276d",slot:"actions",color:"success"},"Confirm"),t("smoothly-button",{key:"18c7bcebed68d09049ccddb2c559edbcc6c0b2d4",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openModal=false},"Cancel")),t("smoothly-modal",{key:"a89476ee4a3f90e1b57b243a4217a43b91874628",closable:true,open:this.openTallModal,onSmoothlyModalChange:o=>this.openTallModal=o.detail,align:"top"},t("h2",{key:"b778a0933b0b0b28aedefadaafed3b3f67f770a3",slot:"header"},"Modal"),t("smoothly-summary",{key:"fdfaa4526ee58e7bb2c356750de4540f45dfbf65"},t("div",{key:"a8418a82b28b6a698214ebff19b2aa28148e6ce2",slot:"summary"},"Lorem ipsum"),t("div",{key:"c4f120ea3e663e2e05fc6e109b8094129c88e8d5",slot:"content"},Array.from({length:10}).map((()=>t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))))),t("smoothly-button",{key:"e17da5e0786e43d783ec17008bdf956e90d44946",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openTallModal=false},"Cancel")),this.showFrame&&t("smoothly-dialog",{key:"3e5e753799e6d49303cd5afe03448dac8c1a7c0a",closable:true},t("smoothly-frame",{key:"f61497a6984b98e8a392dd33dcc1ac6a7ba35734",url:"https://www.wikipedia.org/",name:"parent",style:{height:"80vh"}})))}static get style(){return f()}},[2,"smoothly-dialog-demo",{openModal:[32],openTallModal:[32],showFrame:[32]}]);function u(){if(typeof customElements==="undefined"){return}const o=["smoothly-dialog-demo","smoothly-button","smoothly-dialog","smoothly-frame","smoothly-icon","smoothly-modal","smoothly-summary","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-dialog-demo":if(!customElements.get(s(o))){customElements.define(s(o),h)}break;case"smoothly-button":if(!customElements.get(s(o))){l()}break;case"smoothly-dialog":if(!customElements.get(s(o))){i()}break;case"smoothly-frame":if(!customElements.get(s(o))){m()}break;case"smoothly-icon":if(!customElements.get(s(o))){c()}break;case"smoothly-modal":if(!customElements.get(s(o))){d()}break;case"smoothly-summary":if(!customElements.get(s(o))){r()}break;case"smoothly-trigger":if(!customElements.get(s(o))){n()}break}}))}u();export{h as S,u as d};
+//# sourceMappingURL=p-B6iaWskB.js.map

package/dist/components/{p-CTdXhHGF.js → p-B7tRoQDk.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as s,h as n,d as e,t as i}from"./p-BsZrGTcp.js";import{E as r}from"./p-DFXJvHuL.js";import{I as a}from"./p-DIhqNc1G.js";import{d as l}from"./p-DM5CKilY.js";import{d as h}from"./p-CR3Ni_o7.js";import{d as p}from"./p-B-l1S16Z.js";import{d as u}from"./p-Ud7Qhkgt.js";import{d}from"./p-C3FORjes.js";import{d as m}from"./p-BiQsRsV4.js";import{d as c}from"./p-Ww5QjB3D.js";const y=()=>`.sc-smoothly-input-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}.sc-smoothly-input-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}`;const g=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=r.Observer.create(this);this.initialValue=undefined;this.value=undefined;this.defined=false;this.readonly=false;this.type="text";this.min=0;this.max=100;this.name="range";this.outputSide="left";this.showInput=false}componentWillLoad(){this.smoothlyInputLooks.emit(((t,o)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t,this.color=o}));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.value&&(this.initialValue=this.value);this.valueChanged()}smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){a.formRename(this,o)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.isDifferentFromInitial=false;this.valueChanged()}valueChanged(){var t,o;const s=!this.step?undefined:(o=(t=this.step.toString().split(".")[1])===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0;this.value=Number.isNaN(this.value)||this.value==undefined?undefined:+this.value.toFixed(s);this.isDifferentFromInitial=this.initialValue!=this.value;this.defined=typeof this.value=="number";this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value})}watchingReadonly(){this.observer.publish()}setValue(t){var o;if(t==undefined){this.value=undefined}else if(t<this.min){this.value=this.min}else if(t>this.max){this.value=this.max}else{this.value=t}this.input&&(this.input.value=this.type=="text"?(o=this.value)===null||o===void 0?void 0:o.toString():this.value)}render(){var t,o,s;return n(e,{key:"db02e0bee4842a0dcce6ee6856758372481f2fb4",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},n("slot",{key:"5bcbb8d839800fef403fc14fc981182f6ed9ae30",name:"start"}),n("div",{key:"26827d93b47f12eef2709aea32588c1ec6786337"},n("label",{key:"20c1213e52d592773db4c68b2bfcfb721d62d364",htmlFor:this.name},this.label),n("smoothly-input",{key:"5e0bdd6c0467690f2d91cc33f24e7f3710f4b063",ref:t=>this.input=t,looks:undefined,color:this.color,name:this.name,showLabel:this.outputSide==="left"&&!!this.label,type:this.type,onSmoothlyInputLoad:async t=>(t.stopPropagation(),this.setValue(a.Element.is(t.target)?Number(await t.target.getValue()):undefined)),onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.setValue(a.Element.is(t.target)?Number(await t.target.getValue()):undefined)},value:this.type=="percent"?this.value:(t=this.value)===null||t===void 0?void 0:t.toString(),placeholder:this.outputSide==="right"?"-":undefined,readonly:this.readonly,disabled:this.disabled},this.label),n("smoothly-display",{key:"a5502d4adaff32f798bc8e8b198d8f5258ab27e3",label:(this.type=="percent"?this.min*100:this.min).toString()}),n("input",{key:"e2afaea01a569f8cafcbfa09dab6ad6551e76f07",name:this.name,part:"range",type:"range",min:this.min,max:this.max,step:(o=this.step)!==null&&o!==void 0?o:"any",disabled:this.readonly||this.disabled,onInput:t=>{t.stopPropagation();this.setValue(t.target.valueAsNumber);this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:(s=this.value)!==null&&s!==void 0?s:this.min}),n("smoothly-display",{key:"92c309c4224fe86c16b22445f2ef1ba4168306e8",label:(this.type=="percent"?this.max*100:this.max).toString()})),n("slot",{key:"f9373a748b2d160781543f267373f12c43dfd46b",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-range",{value:[1026],looks:[1537],color:[1537],defined:[1028],readonly:[1540],disabled:[516],type:[1],min:[2],max:[2],name:[513],step:[2],outputSide:[1,"output-side"],label:[1],showInput:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-range","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input"];t.forEach((t=>{switch(t){case"smoothly-input-range":if(!customElements.get(i(t))){customElements.define(i(t),g)}break;case"smoothly-display":if(!customElements.get(i(t))){l()}break;case"smoothly-display-json":if(!customElements.get(i(t))){h()}break;case"smoothly-display-json-object":if(!customElements.get(i(t))){p()}break;case"smoothly-display-json-primitive":if(!customElements.get(i(t))){u()}break;case"smoothly-display-json-record-key":if(!customElements.get(i(t))){d()}break;case"smoothly-icon":if(!customElements.get(i(t))){m()}break;case"smoothly-input":if(!customElements.get(i(t))){c()}break}}))}b();export{g as S,b as d};
-//# sourceMappingURL=p-CTdXhHGF.js.map
+import{p as t,H as o,c as s,h as n,d as e,t as i}from"./p-BsZrGTcp.js";import{E as r}from"./p-iQDU7l2c.js";import{I as a}from"./p-476P3lCN.js";import{d as l}from"./p-C5zlJTUx.js";import{d as h}from"./p-CR3Ni_o7.js";import{d as p}from"./p-B-l1S16Z.js";import{d as u}from"./p-Ud7Qhkgt.js";import{d}from"./p-C3FORjes.js";import{d as m}from"./p-lxR7rA3k.js";import{d as c}from"./p-DuVAEZcg.js";const y=()=>`.sc-smoothly-input-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}.sc-smoothly-input-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}`;const g=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=r.Observer.create(this);this.initialValue=undefined;this.value=undefined;this.defined=false;this.readonly=false;this.type="text";this.min=0;this.max=100;this.name="range";this.outputSide="left";this.showInput=false}componentWillLoad(){this.smoothlyInputLooks.emit(((t,o)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t,this.color=o}));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.value&&(this.initialValue=this.value);this.valueChanged()}smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){a.formRename(this,o)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.isDifferentFromInitial=false;this.valueChanged()}valueChanged(){var t,o;const s=!this.step?undefined:(o=(t=this.step.toString().split(".")[1])===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0;this.value=Number.isNaN(this.value)||this.value==undefined?undefined:+this.value.toFixed(s);this.isDifferentFromInitial=this.initialValue!=this.value;this.defined=typeof this.value=="number";this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value})}watchingReadonly(){this.observer.publish()}setValue(t){var o;if(t==undefined){this.value=undefined}else if(t<this.min){this.value=this.min}else if(t>this.max){this.value=this.max}else{this.value=t}this.input&&(this.input.value=this.type=="text"?(o=this.value)===null||o===void 0?void 0:o.toString():this.value)}render(){var t,o,s;return n(e,{key:"db02e0bee4842a0dcce6ee6856758372481f2fb4",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},n("slot",{key:"5bcbb8d839800fef403fc14fc981182f6ed9ae30",name:"start"}),n("div",{key:"26827d93b47f12eef2709aea32588c1ec6786337"},n("label",{key:"20c1213e52d592773db4c68b2bfcfb721d62d364",htmlFor:this.name},this.label),n("smoothly-input",{key:"5e0bdd6c0467690f2d91cc33f24e7f3710f4b063",ref:t=>this.input=t,looks:undefined,color:this.color,name:this.name,showLabel:this.outputSide==="left"&&!!this.label,type:this.type,onSmoothlyInputLoad:async t=>(t.stopPropagation(),this.setValue(a.Element.is(t.target)?Number(await t.target.getValue()):undefined)),onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.setValue(a.Element.is(t.target)?Number(await t.target.getValue()):undefined)},value:this.type=="percent"?this.value:(t=this.value)===null||t===void 0?void 0:t.toString(),placeholder:this.outputSide==="right"?"-":undefined,readonly:this.readonly,disabled:this.disabled},this.label),n("smoothly-display",{key:"a5502d4adaff32f798bc8e8b198d8f5258ab27e3",label:(this.type=="percent"?this.min*100:this.min).toString()}),n("input",{key:"e2afaea01a569f8cafcbfa09dab6ad6551e76f07",name:this.name,part:"range",type:"range",min:this.min,max:this.max,step:(o=this.step)!==null&&o!==void 0?o:"any",disabled:this.readonly||this.disabled,onInput:t=>{t.stopPropagation();this.setValue(t.target.valueAsNumber);this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:(s=this.value)!==null&&s!==void 0?s:this.min}),n("smoothly-display",{key:"92c309c4224fe86c16b22445f2ef1ba4168306e8",label:(this.type=="percent"?this.max*100:this.max).toString()})),n("slot",{key:"f9373a748b2d160781543f267373f12c43dfd46b",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-range",{value:[1026],looks:[1537],color:[1537],defined:[1028],readonly:[1540],disabled:[516],type:[1],min:[2],max:[2],name:[513],step:[2],outputSide:[1,"output-side"],label:[1],showInput:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-range","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input"];t.forEach((t=>{switch(t){case"smoothly-input-range":if(!customElements.get(i(t))){customElements.define(i(t),g)}break;case"smoothly-display":if(!customElements.get(i(t))){l()}break;case"smoothly-display-json":if(!customElements.get(i(t))){h()}break;case"smoothly-display-json-object":if(!customElements.get(i(t))){p()}break;case"smoothly-display-json-primitive":if(!customElements.get(i(t))){u()}break;case"smoothly-display-json-record-key":if(!customElements.get(i(t))){d()}break;case"smoothly-icon":if(!customElements.get(i(t))){m()}break;case"smoothly-input":if(!customElements.get(i(t))){c()}break}}))}b();export{g as S,b as d};
+//# sourceMappingURL=p-B7tRoQDk.js.map

package/dist/components/{p-BFJL6rrU.js → p-BApNLqiy.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as e,h as s,d as i,t as n}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{E as l}from"./p-DFXJvHuL.js";import{I as h}from"./p-DIhqNc1G.js";import{d as m}from"./p-1j2KmcfQ.js";import{d}from"./p-BiQsRsV4.js";import{d as r}from"./p-Ww5QjB3D.js";import{d as u}from"./p-CtuuZV3u.js";import{d as p}from"./p-CJEV2v84.js";import{d as c}from"./p-fnKrPnzp.js";const y=()=>`.sc-smoothly-input-date-time-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-time-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-time-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-time-h,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:"";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name="date"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name="hour"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name="minute"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyValueChange=e(this,"smoothlyValueChange");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.readonly=false;this.invalid=false;this.isDifferentFromInitial=false;this.observer=l.Observer.create(this);this.showLabel=true}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish();this.valueChange(this.value)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){const t=this.date&&typeof this.hour=="number"&&typeof this.minute=="number"?`${this.date}T${`${this.hour}`.padStart(2,"0")}:${`${this.minute}`.padStart(2,"0")}:00.000Z`:undefined;return a.DateTime.is(t)?t:undefined}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}async handleChange(){const t=await this.getValue();this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){if(a.DateTime.is(t)){this.date=a.DateTime.getDate(t);this.hour=a.DateTime.getHour(t);this.minute=a.DateTime.getMinute(t)}this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){if(a.DateTime.is(this.initialValue)){this.date=a.DateTime.getDate(this.initialValue);this.hour=a.DateTime.getHour(this.initialValue);this.minute=a.DateTime.getMinute(this.initialValue)}else{this.date=undefined;this.hour=undefined;this.minute=undefined}}async setInitialValue(){this.initialValue=await this.getValue();this.isDifferentFromInitial=false}render(){return s(i,{key:"faf40611232f95c653ef583a7f0b7ed32ebb400d"},s("smoothly-input",{key:"e0761d639e8d0b3a4f305a05e70e5a6df241fd29",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:"date",onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,type:"date",value:this.date,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.date=t.detail.date},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}},s("slot",{key:"7fbe6ae1b6697d22ab4037bcf86ef6d27ce5f923"})),s("smoothly-input",{key:"cd751c2a4dfe09b316772c07e126ad0c5b875eb4",name:"hour",type:"integer",max:23,pad:2,value:this.hour,readonly:this.readonly,disabled:this.disabled,placeholder:"hh",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.hour=t.detail.hour},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"ff4cc79cf32d9cd9528010965e6bbb2c60026f57",class:"colon"},":"),s("smoothly-input",{key:"d96351c5c25c042915f2ea78f94365648f620e35",name:"minute",type:"integer",max:59,pad:2,value:this.minute,readonly:this.readonly,disabled:this.disabled,placeholder:"mm",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.minute=t.detail.minute},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"258c62771f84b3816025a7831756d52ddc3e61a3",class:"icons"},s("smoothly-icon",{key:"f10cdb5bd42fe2a1bc8e3c9eb41cd488957bb0bf",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"867ca6ecbe958d5f97e126fc4df23c6fcef6e1fa",name:"end"})),this.open&&!this.readonly&&s("smoothly-calendar",{key:"d1c1ea3e905b5e677883c273231794de21777fc0",doubleInput:false,value:this.value?a.DateTime.getDate(this.value):undefined,min:this.min?a.DateTime.getDate(this.min):undefined,max:this.max?a.DateTime.getDate(this.max):undefined,onSmoothlyDateSet:async t=>{t.stopPropagation();this.date=t.detail;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()});this.open=false}},s("div",{key:"0ab989467e67bc709d0c45285a7eba7743606171",slot:"year-label"},s("slot",{key:"ae14dc89cb7cfa3df3bd12ed531d9e4f71242c07",name:"year-label"})),s("div",{key:"9e226c95c5ae7ab3af1e09a93d290222827c5dab",slot:"month-label"},s("slot",{key:"c0f55782eece8e74881124284504a2ac9489ed63",name:"month-label"}))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-date-time",{color:[1537],looks:[1537],name:[513],readonly:[1540],disabled:[516],invalid:[516],errorMessage:[513,"error-message"],value:[1025],open:[1028],showLabel:[516,"show-label"],min:[1],max:[1],date:[32],hour:[32],minute:[32],register:[64],unregister:[64],getValue:[64],listen:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-time","smoothly-calendar","smoothly-icon","smoothly-input","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-time":if(!customElements.get(n(t))){customElements.define(n(t),b)}break;case"smoothly-calendar":if(!customElements.get(n(t))){m()}break;case"smoothly-icon":if(!customElements.get(n(t))){d()}break;case"smoothly-input":if(!customElements.get(n(t))){r()}break;case"smoothly-input-month":if(!customElements.get(n(t))){u()}break;case"smoothly-input-select":if(!customElements.get(n(t))){p()}break;case"smoothly-item":if(!customElements.get(n(t))){c()}break}}))}f();export{b as S,f as d};
-//# sourceMappingURL=p-BFJL6rrU.js.map
+import{p as t,H as o,c as e,h as s,d as i,t as n}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{E as l}from"./p-iQDU7l2c.js";import{I as h}from"./p-476P3lCN.js";import{d as m}from"./p-DmRiznt_.js";import{d}from"./p-lxR7rA3k.js";import{d as r}from"./p-DuVAEZcg.js";import{d as u}from"./p-DlfphBOA.js";import{d as p}from"./p-GOrXJdjK.js";import{d as c}from"./p-fnKrPnzp.js";const y=()=>`.sc-smoothly-input-date-time-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-time-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-time-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-time-h,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:"";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name="date"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name="hour"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name="minute"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyValueChange=e(this,"smoothlyValueChange");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.readonly=false;this.invalid=false;this.isDifferentFromInitial=false;this.observer=l.Observer.create(this);this.showLabel=true}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish();this.valueChange(this.value)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){const t=this.date&&typeof this.hour=="number"&&typeof this.minute=="number"?`${this.date}T${`${this.hour}`.padStart(2,"0")}:${`${this.minute}`.padStart(2,"0")}:00.000Z`:undefined;return a.DateTime.is(t)?t:undefined}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}async handleChange(){const t=await this.getValue();this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){if(a.DateTime.is(t)){this.date=a.DateTime.getDate(t);this.hour=a.DateTime.getHour(t);this.minute=a.DateTime.getMinute(t)}this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){if(a.DateTime.is(this.initialValue)){this.date=a.DateTime.getDate(this.initialValue);this.hour=a.DateTime.getHour(this.initialValue);this.minute=a.DateTime.getMinute(this.initialValue)}else{this.date=undefined;this.hour=undefined;this.minute=undefined}}async setInitialValue(){this.initialValue=await this.getValue();this.isDifferentFromInitial=false}render(){return s(i,{key:"faf40611232f95c653ef583a7f0b7ed32ebb400d"},s("smoothly-input",{key:"e0761d639e8d0b3a4f305a05e70e5a6df241fd29",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:"date",onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,type:"date",value:this.date,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.date=t.detail.date},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}},s("slot",{key:"7fbe6ae1b6697d22ab4037bcf86ef6d27ce5f923"})),s("smoothly-input",{key:"cd751c2a4dfe09b316772c07e126ad0c5b875eb4",name:"hour",type:"integer",max:23,pad:2,value:this.hour,readonly:this.readonly,disabled:this.disabled,placeholder:"hh",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.hour=t.detail.hour},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"ff4cc79cf32d9cd9528010965e6bbb2c60026f57",class:"colon"},":"),s("smoothly-input",{key:"d96351c5c25c042915f2ea78f94365648f620e35",name:"minute",type:"integer",max:59,pad:2,value:this.minute,readonly:this.readonly,disabled:this.disabled,placeholder:"mm",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.minute=t.detail.minute},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"258c62771f84b3816025a7831756d52ddc3e61a3",class:"icons"},s("smoothly-icon",{key:"f10cdb5bd42fe2a1bc8e3c9eb41cd488957bb0bf",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"867ca6ecbe958d5f97e126fc4df23c6fcef6e1fa",name:"end"})),this.open&&!this.readonly&&s("smoothly-calendar",{key:"d1c1ea3e905b5e677883c273231794de21777fc0",doubleInput:false,value:this.value?a.DateTime.getDate(this.value):undefined,min:this.min?a.DateTime.getDate(this.min):undefined,max:this.max?a.DateTime.getDate(this.max):undefined,onSmoothlyDateSet:async t=>{t.stopPropagation();this.date=t.detail;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()});this.open=false}},s("div",{key:"0ab989467e67bc709d0c45285a7eba7743606171",slot:"year-label"},s("slot",{key:"ae14dc89cb7cfa3df3bd12ed531d9e4f71242c07",name:"year-label"})),s("div",{key:"9e226c95c5ae7ab3af1e09a93d290222827c5dab",slot:"month-label"},s("slot",{key:"c0f55782eece8e74881124284504a2ac9489ed63",name:"month-label"}))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-date-time",{color:[1537],looks:[1537],name:[513],readonly:[1540],disabled:[516],invalid:[516],errorMessage:[513,"error-message"],value:[1025],open:[1028],showLabel:[516,"show-label"],min:[1],max:[1],date:[32],hour:[32],minute:[32],register:[64],unregister:[64],getValue:[64],listen:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-time","smoothly-calendar","smoothly-icon","smoothly-input","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-time":if(!customElements.get(n(t))){customElements.define(n(t),b)}break;case"smoothly-calendar":if(!customElements.get(n(t))){m()}break;case"smoothly-icon":if(!customElements.get(n(t))){d()}break;case"smoothly-input":if(!customElements.get(n(t))){r()}break;case"smoothly-input-month":if(!customElements.get(n(t))){u()}break;case"smoothly-input-select":if(!customElements.get(n(t))){p()}break;case"smoothly-item":if(!customElements.get(n(t))){c()}break}}))}f();export{b as S,f as d};
+//# sourceMappingURL=p-BApNLqiy.js.map

package/dist/components/{p-BGzrO9CQ.js → p-BFgOju1b.js}

@@ -1,2 +1,2 @@
-import{p as e,H as a,c as d,h as c,t}from"./p-BsZrGTcp.js";import{i as o}from"./p-BVKhAhsB.js";import{C as s}from"./p-CkXes5c-.js";import{N as i}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as f}from"./p-BHEtq3Ue.js";import{d as y}from"./p-DM5CKilY.js";import{d as b}from"./p-BuKk-s9A.js";import{d as l}from"./p-CR3Ni_o7.js";import{d as n}from"./p-B-l1S16Z.js";import{d as r}from"./p-Ud7Qhkgt.js";import{d as m}from"./p-C3FORjes.js";import{d as p}from"./p-BiQsRsV4.js";import{d as h}from"./p-DkhX1qsg.js";import{d as u}from"./p-Bpc6uh0M.js";import{d as k}from"./p-CUdZx76u.js";const v=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.notice=d(this,"notice")}noticeWarning(e){console.log("emit",e);this.notice.emit(e)}render(){return[c("main",{key:"f0027441bfef78c171ba61092be17b58234f9441"},c("fieldset",{key:"d6d0987729d19296ae9bca9108b51b02d4cffe12"},c("h2",{key:"8bf8fb79a2962ee6f57199fbca073d3d6108bfaf"},"Smoothly display"),c("dl",{key:"a611e082683866edf1aed27253cc139cdfae914d"},c("dt",{key:"57ab7bbd1eb80eafbac37682b663cb14fbc0afc8"},"Duration"),c("dd",{key:"0ff01664956d694165bfb366cad10146ba748f92"},c("div",{key:"aa1e91e3c22cb273d96ae15597b31c6ce6d826f3"},c("div",{key:"4a51be0b383303cffad2bf958865e943a86eb35c"},c("smoothly-display",{key:"a69cc7be176c850fad91eb13feec5ad81f867e81",style:{display:"inline"},type:"duration",value:{hours:13,minutes:100}})," h"),c("div",{key:"49df16cc21484f0b58025cc55fdcb4f4316db50f"},c("smoothly-display",{key:"865bf3acaced59068f8dea2c22c76cd6906f3d14",style:{display:"inline"},type:"duration",value:{hours:8}})," h"),c("div",{key:"afcb613ed8ee92fc23d2adc1f4a8019840b137a4"},c("smoothly-display",{key:"21eeba322f8ed8b24160c7c4c2cf042c3d942762",style:{display:"inline"},type:"duration",value:{minutes:3}})," h"),c("div",{key:"9a08731fcf35e804463fba62e505fe23f7971b2d"},c("smoothly-display",{key:"39c432749ba1147433b0a4703030c872bfc17b15",style:{display:"inline"},type:"duration",value:{hours:-13,minutes:100}})," h"),c("div",{key:"e2fed37cd00090311d04917160996fb6c9d7c202"},c("smoothly-display",{key:"166fd0d523c1ff7000d21232b3511d46ff642104",style:{display:"inline"},type:"duration",value:{hours:-8}})," h"),c("div",{key:"f59fa2cf4af468c0efd8d282559458d3048bb54a"},c("smoothly-display",{key:"aa40b1c43f5cfe22dd0bc0e6101db78a92c53621",style:{display:"inline"},type:"duration",value:{}})," h"),c("div",{key:"7e15d974058f15a3c42ec1d12ada1673beb1d6b3"},c("smoothly-display",{key:"e2b4163ee526312211aeb628b90b8eedcbe7e6f0",style:{display:"inline"},type:"duration",value:{minutes:-3}})," h"))),c("dt",{key:"bc84f7802f65b61b07be817c9aaf94e3f61ae84d"},"text"),c("dd",{key:"57f8d7a74ceac39909d10cbe481b3971f2ecdeeb"},c("smoothly-display",{key:"642c8f1d612e0debcca8bd7b201bd365af96cfa9",type:"text",value:"text"})),c("dt",{key:"f935e44f241328df81553f11839f5c8ffbc10c9e"},"postal code"),c("dd",{key:"9e330664f885f7219842624d3f38bcb196477f01"},c("smoothly-display",{key:"d9b64e1a659e44ea742cd4eaaa957568fb1e0d34",type:"postal-code",value:"752 31"})),c("dt",{key:"5dbf58da2741a7c0b23fd504b2f98e136f494949"},"password"),c("dd",{key:"4b649f79b01043826cfb8daecc643fe252fab4a8"},c("smoothly-display",{key:"0a3981b795879dc97bfb89c0ba24956742ce239c",type:"password",value:"password"})),c("dt",{key:"65971d774fbdbae74ffc9fc96668ba012701ea71"},"email"),c("dd",{key:"fb22a5ca78f8b003de2dced241e5525fe42c5fde"},c("smoothly-display",{key:"2512acf71be746c2fcc2501451ce785bdbd01455",type:"email",value:"test@example.com"})),c("dt",{key:"b89f91cecf9c963edd07250bf2a065a3da64837b"},"price"),c("dd",{key:"6a2bf5ba95dcc27acc8629a4f3bd4ab8662a0365"},c("smoothly-display",{key:"e591993c95b899fa4aa976cfe3539e0e723e6ef3",type:"price",value:"13.37",currency:"SEK"})),c("dt",{key:"207e97191f04e431c5e511eb85fdbcf63572ffe8"},"price without decimals"),c("dd",{key:"a6420d4a9a8cf3d608e07999dfad03b6fccc43a9"},c("smoothly-display",{key:"b0e5761078c10a07616023a95b10765b86dd5a82",type:"price",value:200,currency:"SEK",toInteger:true})),c("dt",{key:"f3a1266f7e0610880115e0ba93f13cac57e8d038"},"price with decimals if they are set, otherwise no decimal"),c("dd",{key:"601c5f79148527505141bc3a1995b068998190b6"},c("smoothly-display",{key:"349b706f45c15353a5247608d9b5eddd5d514fb3",type:"price",value:200.2,currency:"SEK",toInteger:true})),c("dt",{key:"46331fe9a8124257ee9d5e9713b713831e1f615f"},"price with decimals"),c("dd",{key:"317c8ca991740a994b59830c94e8393bc01d3f07"},c("smoothly-display",{key:"5ec0d759372c9fb36fd2149aae7953600cc67726",type:"price",value:200.2,currency:"SEK"})),c("dt",{key:"60a3e8e4672dcd6050d79937f297404e6e84a04a"},"percent"),c("dd",{key:"572df0ef47bb43bef3f15695ce774e3a205e27f5"},c("smoothly-display",{key:"b740dabdd447e609096a9587e70d04ae069f6ef6",type:"percent",value:"42"})),c("dt",{key:"9af3e07c435f10b3159d9fb313237129246669a4"},"phone"),c("dd",{key:"31d3728c41a9cfad3440d4c5498f129b7be62b3e"},c("smoothly-display",{key:"76bda1d9a032c2df5d10850ed34ec96c94524238",type:"phone",value:"0101881108"})),c("dt",{key:"339edc1575a020d74fe03f3dcd428352d905591f"},"card number"),c("dd",{key:"ef75e57c991ca5a1f886e2f6716d3475d6023e42"},c("smoothly-display",{key:"1e694d62f751eb4c566b54ced5094030249eeebd",type:"card-number",value:"4111111111111111"})),c("dt",{key:"c8cd5d87ac6ab7e778449f6e8528c3aeab576438"},"card expires"),c("dd",{key:"af791cca99d6ea340884d8becdb78c4e11a6a40b"},c("smoothly-display",{key:"5e2c05c3f80af6f427c6bd4842d72db8c5dab3e9",type:"card-expires",value:"7/22"})),c("dt",{key:"6a9433b4e2048cd4de63a47c772ee6418d3acf21"},"card csc"),c("dd",{key:"d7e5f17ce69a12146a8ad54c981e59f5f69ae4da"},c("smoothly-display",{key:"24a9c38b6c032aa554974376e13cb2b8ec0b84d0",type:"card-csc",value:"987"})),c("dt",{key:"48f5cac78c36bb5136f51ba66a6d0f07fb1a895f"},"date"),c("dd",{key:"f5de472e757607197287bb40299df53029677995"},c("smoothly-display",{key:"3c3f43d0b929ab99bf66b7e6d2652480272e199b",type:"date",value:"2022-07-07"})),c("dt",{key:"cc7cdb8e399598175e0772b23a7f7426eb6eb9dc"},"date time"),c("dd",{key:"9ece32e9caa673525dcf71b86cd45b061d9827d9"},c("smoothly-display",{key:"8c34dc9335a1dcd809368d490e38b366e0cbad98",type:"date-time",format:{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T02:02:02Z"})),c("dd",{key:"bffb607f7fff4cbd83976db7ebb4b6d047181749"},c("smoothly-display",{key:"9532c7fc763f670bc7efdf790bba83498224fa2b",type:"date-time",format:{year:"2-digit",month:"long",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"},value:"2022-07-07T02:02:02Z"})),c("dd",{key:"e69696c5cacfd2eb127822b7372401baa4838c1f"},c("smoothly-display",{key:"24dd4186d2e39e2ec123f31155e7ec5e9d473237",type:"date-time",format:{year:"numeric",month:"2-digit",day:"2-digit",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),c("dd",{key:"57656dda4f48f82ea0b089be6613076de5c08613"},c("smoothly-display",{key:"f8dc33572b80480deb71b2333d4ccb28a4d4b556",type:"date-time",format:{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),c("dd",{key:"8e06ce3ce8c92fc344b7d0152667ecd3de933ef0"},c("smoothly-display",{key:"dfe29b01b180372cb1bac5702e0ead534ad59ad5",type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),c("dd",{key:"416f2e6fac955dc4a7a08b543186a5176b4359f2"},c("smoothly-display",{key:"42baa9b698ae41db2a96203f11439217b4dd0598",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),c("dd",{key:"9fa5bf6bcc7f11f24c92ea73235fc2c8fd1a9fa5"},c("smoothly-display",{key:"9dc5fc24afb8952b6556c2f4405e47270f7d96c5",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZone:"Europe/Stockholm"},value:"2022-07-07T12:15Z"})),c("dt",{key:"fa0fee5e4d57648ef7379fcab25b1c861df29572"},"Display JSON"),c("dd",{key:"24e8222807dd1a65b3d0b4d49e4e9b7f2f63ca45"},c("smoothly-display-demo-json",{key:"3bfc573006f805f99a9815efd69bdb4cae7da5b0"})))),c("h2",{key:"526bb69d7ad95db53610949dfdfb1a8335d0d734"},"With labels"),c("dd",{key:"42b3f4d34abb22ce98f7421c04076af3cf9592d7"},c("smoothly-display",{key:"bdfcb7554a39ed2f937ef2acc613f07e863b4460",label:"Today",type:"date",value:o.Date.now()}),c("smoothly-display",{key:"ca523fd7b87353ad81a0fd6747626e3313dcd803",label:"Total amount",type:"price",currency:"SEK",value:6789}),c("smoothly-display",{key:"f185521dbf646db7f2dbd0856d5b51c19cea0f7e",label:"Total amount",type:"price",currency:"GBP",value:678.9}),c("smoothly-display",{key:"2b11b984ee41bcfd8651422099dd0243dea5c1f9",label:"Logs",type:"json",value:[{type:"trace",message:"Hello"},{type:"error",message:"Oh no!"}]})),c("fieldset",{key:"ef8bc44b54f0a98227581bcade3330debc22729c"},c("h2",{key:"0dee7b56295ee035a7459a687e95bdcde727e1f7"},"Test of different kinds of notifier"),c("button",{key:"88076dc7ef7db955ba07bad008e3082c9c3177e4",onClick:()=>this.noticeWarning(i.warn("This is a test warning notice."))},"warning"),c("button",{key:"f07659e51be16b4019d2a4759e62ef7a1e526c32",onClick:()=>this.noticeWarning(i.succeeded("This is a test success notice."))},"success"),c("button",{key:"ba7ae24c1f495c0babea9c9c4a5219129d16b5a1",onClick:()=>this.noticeWarning(i.failed("This is a test danger notice."))},"danger"),c("button",{key:"6bec07e40f8cdf258d1ac09bac883570b6599e82",onClick:()=>this.noticeWarning(i.execute("This is a test execute notice.",(()=>new Promise((e=>window.setTimeout((()=>e([true,"This went great"])),3e3))))))},"execute"),c("button",{key:"30284847af0b9196965d40ef9a1e252fb9c6cb93",onClick:()=>this.noticeWarning(i.delay("This is a test delay notice.",(()=>new Promise((e=>window.setTimeout((()=>e([true,"This went great"])),3e3))))))},"delay")),c("fieldset",{key:"3d00362adfdf13d785a824e7a37151bea10f0991"},c("h2",{key:"ec4235bbe8d792aefe999743de12f8f1657e6789"},"Smoothly spinner"),c("div",{key:"041c2d303ad7de8e19695eaca34461b08af1f8ef",style:{width:"fit-content"}},"Large",c("smoothly-spinner",{key:"7899818b65ed91864b3a566a06c652be320779ee",size:"large",style:{"--spinner-background":"200,255,200","--spinner-background-opacity":"0.2","--spinner-color":"0,130,0"}})),c("div",{key:"d91ace8ab22931ac828734c330ec6bdffb7a1874",style:{width:"fit-content"}},"Medium",c("smoothly-spinner",{key:"e9c676eb8aeb5be8bbe3145fab86c5b8e5ce102d",size:"medium"})),c("div",{key:"4ddb83d57b7054a240391751efb43642f89af289",style:{width:"fit-content"}},"Small",c("smoothly-spinner",{key:"f81d12395407c33d35244069cb3f337c2fc68f7e",size:"small"})),c("div",{key:"442d309f4b04986e52cbeae4758377695fbdc3e4"},"Icon sized spinner on button",s.values.map((e=>c("smoothly-button",{size:"icon",color:e,shape:"rounded",onClick:()=>{this.downloadingSpinner=true;setTimeout((()=>this.downloadingSpinner=false),3e3)}},!this.downloadingSpinner&&c("smoothly-icon",{name:"download-outline"}),this.downloadingSpinner&&c("smoothly-spinner",{size:"icon",style:{"--spinner-background-opacity":"0"}}))))),c("h3",{key:"bc6fe08536d2b7245fecb987c84112377532ff5f"},"Spinner with overlay"),c("div",{key:"286d6fc3429a30743f362b89874b22db0c8f00d8",style:{position:"relative",height:"10em"}},"Large Overlay Spinner",c("smoothly-spinner",{key:"05f8103a25be0a00235dabfaf17b17dd059f110d",overlay:true,size:"large",style:{"--spinner-background":"255,200,255","--spinner-background-opacity":"0.5","--spinner-color":"0,130,0"}})),c("div",{key:"88dae76ba4f26b5ba5dab790d030efd2740a9c3a",style:{position:"relative",height:"10em"}},"Medium Overlay Spinner",c("smoothly-spinner",{key:"ea74d644a344b2347888a609a72b20ac5c8651df",overlay:true,color:"secondary",size:"medium"})),c("div",{key:"64d9ade2587010213832e33830c5eeca985c7480",style:{position:"relative",height:"10em"}},"Small Overlay Spinner",c("smoothly-spinner",{key:"494f01fde3c846454bfa32681895b2253db373a4",overlay:true,size:"small"}))),c("fieldset",{key:"6629bd3d32263860e046c756bd0f392c51f25be0"},c("h2",{key:"33d110238af08bfc80a06d55b93cc128cc3a4d50"},"Smoothly summary"),c("smoothly-summary",{key:"5439e9671227547e17576d921bd4d193184310ae"},c("span",{key:"5aa376de959eac730f1731a9d1abaa7c9b2906e2",slot:"summary"},"Some title"),c("smoothly-summary",{key:"0f3c9220d9317c54c53037b25b92374ee64b8b3b",slot:"content"},c("div",{key:"aa1dc04d09749f3c125eac38fdd59b15f990871e",slot:"summary"},"Some other title"),c("div",{key:"327cbe85e798cbd7b5a6a96acb0d62db4486b6e2",slot:"content"},"A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please."))),c("smoothly-summary",{key:"34df179fe11e57724c204fc7faa92b6dd3d2c312"},c("div",{key:"bc7f0348eba69ce4b5ec090c3132152829cd2bdb",slot:"summary",style:{display:"flex",gap:"0.3rem"}},c("span",{key:"e46943da2844edc16d8c93e99f2a421668af34cf"},"Person"),c("smoothly-icon",{key:"b677ed1036743b2994003c0b4d8573124fa30407",name:"person",color:"light",fill:"clear",size:"tiny"})),c("p",{key:"8a22ac8f00f37ce9b4d90978d329daef975a2856",slot:"content"},"Some person information.")),c("h2",{key:"52120c774608c56017e1b8479631be4019449516"},"Label"),g.map((e=>c("smoothly-label",{hue:e.hue,description:e.description,shape:"rectangle"},e.name))),c("smoothly-label",{key:"16fba37231ff5ef8859a05e1d7b138ce27ba2769",color:"primary",description:"Using colors",shape:"rectangle"},"Primary")))]}},[0,"smoothly-display-demo",{downloadingSpinner:[32]}]);const g=[{name:"2fa",hue:120,description:"User has two factor authentication enabled."},{name:"expired",hue:240,description:"User's password has expired."},{name:"inactive",hue:60,description:"User is inactive."}];function j(){if(typeof customElements==="undefined"){return}const e=["smoothly-display-demo","smoothly-button","smoothly-display","smoothly-display-demo-json","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-label","smoothly-spinner","smoothly-summary"];e.forEach((e=>{switch(e){case"smoothly-display-demo":if(!customElements.get(t(e))){customElements.define(t(e),v)}break;case"smoothly-button":if(!customElements.get(t(e))){f()}break;case"smoothly-display":if(!customElements.get(t(e))){y()}break;case"smoothly-display-demo-json":if(!customElements.get(t(e))){b()}break;case"smoothly-display-json":if(!customElements.get(t(e))){l()}break;case"smoothly-display-json-object":if(!customElements.get(t(e))){n()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(e))){r()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(e))){m()}break;case"smoothly-icon":if(!customElements.get(t(e))){p()}break;case"smoothly-label":if(!customElements.get(t(e))){h()}break;case"smoothly-spinner":if(!customElements.get(t(e))){u()}break;case"smoothly-summary":if(!customElements.get(t(e))){k()}break}}))}j();export{v as S,j as d};
-//# sourceMappingURL=p-BGzrO9CQ.js.map
+import{p as e,H as a,c as d,h as c,t}from"./p-BsZrGTcp.js";import{i as o}from"./p-BVKhAhsB.js";import{C as s}from"./p-Br0kWrBT.js";import{N as i}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as f}from"./p-BygBViit.js";import{d as y}from"./p-C5zlJTUx.js";import{d as b}from"./p-CxsaIxQ8.js";import{d as l}from"./p-CR3Ni_o7.js";import{d as n}from"./p-B-l1S16Z.js";import{d as r}from"./p-Ud7Qhkgt.js";import{d as m}from"./p-C3FORjes.js";import{d as p}from"./p-lxR7rA3k.js";import{d as h}from"./p-DkhX1qsg.js";import{d as u}from"./p-Bpc6uh0M.js";import{d as k}from"./p-tYcvbWv5.js";const v=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.notice=d(this,"notice")}noticeWarning(e){console.log("emit",e);this.notice.emit(e)}render(){return[c("main",{key:"f0027441bfef78c171ba61092be17b58234f9441"},c("fieldset",{key:"d6d0987729d19296ae9bca9108b51b02d4cffe12"},c("h2",{key:"8bf8fb79a2962ee6f57199fbca073d3d6108bfaf"},"Smoothly display"),c("dl",{key:"a611e082683866edf1aed27253cc139cdfae914d"},c("dt",{key:"57ab7bbd1eb80eafbac37682b663cb14fbc0afc8"},"Duration"),c("dd",{key:"0ff01664956d694165bfb366cad10146ba748f92"},c("div",{key:"aa1e91e3c22cb273d96ae15597b31c6ce6d826f3"},c("div",{key:"4a51be0b383303cffad2bf958865e943a86eb35c"},c("smoothly-display",{key:"a69cc7be176c850fad91eb13feec5ad81f867e81",style:{display:"inline"},type:"duration",value:{hours:13,minutes:100}})," h"),c("div",{key:"49df16cc21484f0b58025cc55fdcb4f4316db50f"},c("smoothly-display",{key:"865bf3acaced59068f8dea2c22c76cd6906f3d14",style:{display:"inline"},type:"duration",value:{hours:8}})," h"),c("div",{key:"afcb613ed8ee92fc23d2adc1f4a8019840b137a4"},c("smoothly-display",{key:"21eeba322f8ed8b24160c7c4c2cf042c3d942762",style:{display:"inline"},type:"duration",value:{minutes:3}})," h"),c("div",{key:"9a08731fcf35e804463fba62e505fe23f7971b2d"},c("smoothly-display",{key:"39c432749ba1147433b0a4703030c872bfc17b15",style:{display:"inline"},type:"duration",value:{hours:-13,minutes:100}})," h"),c("div",{key:"e2fed37cd00090311d04917160996fb6c9d7c202"},c("smoothly-display",{key:"166fd0d523c1ff7000d21232b3511d46ff642104",style:{display:"inline"},type:"duration",value:{hours:-8}})," h"),c("div",{key:"f59fa2cf4af468c0efd8d282559458d3048bb54a"},c("smoothly-display",{key:"aa40b1c43f5cfe22dd0bc0e6101db78a92c53621",style:{display:"inline"},type:"duration",value:{}})," h"),c("div",{key:"7e15d974058f15a3c42ec1d12ada1673beb1d6b3"},c("smoothly-display",{key:"e2b4163ee526312211aeb628b90b8eedcbe7e6f0",style:{display:"inline"},type:"duration",value:{minutes:-3}})," h"))),c("dt",{key:"bc84f7802f65b61b07be817c9aaf94e3f61ae84d"},"text"),c("dd",{key:"57f8d7a74ceac39909d10cbe481b3971f2ecdeeb"},c("smoothly-display",{key:"642c8f1d612e0debcca8bd7b201bd365af96cfa9",type:"text",value:"text"})),c("dt",{key:"f935e44f241328df81553f11839f5c8ffbc10c9e"},"postal code"),c("dd",{key:"9e330664f885f7219842624d3f38bcb196477f01"},c("smoothly-display",{key:"d9b64e1a659e44ea742cd4eaaa957568fb1e0d34",type:"postal-code",value:"752 31"})),c("dt",{key:"5dbf58da2741a7c0b23fd504b2f98e136f494949"},"password"),c("dd",{key:"4b649f79b01043826cfb8daecc643fe252fab4a8"},c("smoothly-display",{key:"0a3981b795879dc97bfb89c0ba24956742ce239c",type:"password",value:"password"})),c("dt",{key:"65971d774fbdbae74ffc9fc96668ba012701ea71"},"email"),c("dd",{key:"fb22a5ca78f8b003de2dced241e5525fe42c5fde"},c("smoothly-display",{key:"2512acf71be746c2fcc2501451ce785bdbd01455",type:"email",value:"test@example.com"})),c("dt",{key:"b89f91cecf9c963edd07250bf2a065a3da64837b"},"price"),c("dd",{key:"6a2bf5ba95dcc27acc8629a4f3bd4ab8662a0365"},c("smoothly-display",{key:"e591993c95b899fa4aa976cfe3539e0e723e6ef3",type:"price",value:"13.37",currency:"SEK"})),c("dt",{key:"207e97191f04e431c5e511eb85fdbcf63572ffe8"},"price without decimals"),c("dd",{key:"a6420d4a9a8cf3d608e07999dfad03b6fccc43a9"},c("smoothly-display",{key:"b0e5761078c10a07616023a95b10765b86dd5a82",type:"price",value:200,currency:"SEK",toInteger:true})),c("dt",{key:"f3a1266f7e0610880115e0ba93f13cac57e8d038"},"price with decimals if they are set, otherwise no decimal"),c("dd",{key:"601c5f79148527505141bc3a1995b068998190b6"},c("smoothly-display",{key:"349b706f45c15353a5247608d9b5eddd5d514fb3",type:"price",value:200.2,currency:"SEK",toInteger:true})),c("dt",{key:"46331fe9a8124257ee9d5e9713b713831e1f615f"},"price with decimals"),c("dd",{key:"317c8ca991740a994b59830c94e8393bc01d3f07"},c("smoothly-display",{key:"5ec0d759372c9fb36fd2149aae7953600cc67726",type:"price",value:200.2,currency:"SEK"})),c("dt",{key:"60a3e8e4672dcd6050d79937f297404e6e84a04a"},"percent"),c("dd",{key:"572df0ef47bb43bef3f15695ce774e3a205e27f5"},c("smoothly-display",{key:"b740dabdd447e609096a9587e70d04ae069f6ef6",type:"percent",value:"42"})),c("dt",{key:"9af3e07c435f10b3159d9fb313237129246669a4"},"phone"),c("dd",{key:"31d3728c41a9cfad3440d4c5498f129b7be62b3e"},c("smoothly-display",{key:"76bda1d9a032c2df5d10850ed34ec96c94524238",type:"phone",value:"0101881108"})),c("dt",{key:"339edc1575a020d74fe03f3dcd428352d905591f"},"card number"),c("dd",{key:"ef75e57c991ca5a1f886e2f6716d3475d6023e42"},c("smoothly-display",{key:"1e694d62f751eb4c566b54ced5094030249eeebd",type:"card-number",value:"4111111111111111"})),c("dt",{key:"c8cd5d87ac6ab7e778449f6e8528c3aeab576438"},"card expires"),c("dd",{key:"af791cca99d6ea340884d8becdb78c4e11a6a40b"},c("smoothly-display",{key:"5e2c05c3f80af6f427c6bd4842d72db8c5dab3e9",type:"card-expires",value:"7/22"})),c("dt",{key:"6a9433b4e2048cd4de63a47c772ee6418d3acf21"},"card csc"),c("dd",{key:"d7e5f17ce69a12146a8ad54c981e59f5f69ae4da"},c("smoothly-display",{key:"24a9c38b6c032aa554974376e13cb2b8ec0b84d0",type:"card-csc",value:"987"})),c("dt",{key:"48f5cac78c36bb5136f51ba66a6d0f07fb1a895f"},"date"),c("dd",{key:"f5de472e757607197287bb40299df53029677995"},c("smoothly-display",{key:"3c3f43d0b929ab99bf66b7e6d2652480272e199b",type:"date",value:"2022-07-07"})),c("dt",{key:"cc7cdb8e399598175e0772b23a7f7426eb6eb9dc"},"date time"),c("dd",{key:"9ece32e9caa673525dcf71b86cd45b061d9827d9"},c("smoothly-display",{key:"8c34dc9335a1dcd809368d490e38b366e0cbad98",type:"date-time",format:{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T02:02:02Z"})),c("dd",{key:"bffb607f7fff4cbd83976db7ebb4b6d047181749"},c("smoothly-display",{key:"9532c7fc763f670bc7efdf790bba83498224fa2b",type:"date-time",format:{year:"2-digit",month:"long",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"},value:"2022-07-07T02:02:02Z"})),c("dd",{key:"e69696c5cacfd2eb127822b7372401baa4838c1f"},c("smoothly-display",{key:"24dd4186d2e39e2ec123f31155e7ec5e9d473237",type:"date-time",format:{year:"numeric",month:"2-digit",day:"2-digit",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),c("dd",{key:"57656dda4f48f82ea0b089be6613076de5c08613"},c("smoothly-display",{key:"f8dc33572b80480deb71b2333d4ccb28a4d4b556",type:"date-time",format:{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),c("dd",{key:"8e06ce3ce8c92fc344b7d0152667ecd3de933ef0"},c("smoothly-display",{key:"dfe29b01b180372cb1bac5702e0ead534ad59ad5",type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),c("dd",{key:"416f2e6fac955dc4a7a08b543186a5176b4359f2"},c("smoothly-display",{key:"42baa9b698ae41db2a96203f11439217b4dd0598",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),c("dd",{key:"9fa5bf6bcc7f11f24c92ea73235fc2c8fd1a9fa5"},c("smoothly-display",{key:"9dc5fc24afb8952b6556c2f4405e47270f7d96c5",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZone:"Europe/Stockholm"},value:"2022-07-07T12:15Z"})),c("dt",{key:"fa0fee5e4d57648ef7379fcab25b1c861df29572"},"Display JSON"),c("dd",{key:"24e8222807dd1a65b3d0b4d49e4e9b7f2f63ca45"},c("smoothly-display-demo-json",{key:"3bfc573006f805f99a9815efd69bdb4cae7da5b0"})))),c("h2",{key:"526bb69d7ad95db53610949dfdfb1a8335d0d734"},"With labels"),c("dd",{key:"42b3f4d34abb22ce98f7421c04076af3cf9592d7"},c("smoothly-display",{key:"bdfcb7554a39ed2f937ef2acc613f07e863b4460",label:"Today",type:"date",value:o.Date.now()}),c("smoothly-display",{key:"ca523fd7b87353ad81a0fd6747626e3313dcd803",label:"Total amount",type:"price",currency:"SEK",value:6789}),c("smoothly-display",{key:"f185521dbf646db7f2dbd0856d5b51c19cea0f7e",label:"Total amount",type:"price",currency:"GBP",value:678.9}),c("smoothly-display",{key:"2b11b984ee41bcfd8651422099dd0243dea5c1f9",label:"Logs",type:"json",value:[{type:"trace",message:"Hello"},{type:"error",message:"Oh no!"}]})),c("fieldset",{key:"ef8bc44b54f0a98227581bcade3330debc22729c"},c("h2",{key:"0dee7b56295ee035a7459a687e95bdcde727e1f7"},"Test of different kinds of notifier"),c("button",{key:"88076dc7ef7db955ba07bad008e3082c9c3177e4",onClick:()=>this.noticeWarning(i.warn("This is a test warning notice."))},"warning"),c("button",{key:"f07659e51be16b4019d2a4759e62ef7a1e526c32",onClick:()=>this.noticeWarning(i.succeeded("This is a test success notice."))},"success"),c("button",{key:"ba7ae24c1f495c0babea9c9c4a5219129d16b5a1",onClick:()=>this.noticeWarning(i.failed("This is a test danger notice."))},"danger"),c("button",{key:"6bec07e40f8cdf258d1ac09bac883570b6599e82",onClick:()=>this.noticeWarning(i.execute("This is a test execute notice.",(()=>new Promise((e=>window.setTimeout((()=>e([true,"This went great"])),3e3))))))},"execute"),c("button",{key:"30284847af0b9196965d40ef9a1e252fb9c6cb93",onClick:()=>this.noticeWarning(i.delay("This is a test delay notice.",(()=>new Promise((e=>window.setTimeout((()=>e([true,"This went great"])),3e3))))))},"delay")),c("fieldset",{key:"3d00362adfdf13d785a824e7a37151bea10f0991"},c("h2",{key:"ec4235bbe8d792aefe999743de12f8f1657e6789"},"Smoothly spinner"),c("div",{key:"041c2d303ad7de8e19695eaca34461b08af1f8ef",style:{width:"fit-content"}},"Large",c("smoothly-spinner",{key:"7899818b65ed91864b3a566a06c652be320779ee",size:"large",style:{"--spinner-background":"200,255,200","--spinner-background-opacity":"0.2","--spinner-color":"0,130,0"}})),c("div",{key:"d91ace8ab22931ac828734c330ec6bdffb7a1874",style:{width:"fit-content"}},"Medium",c("smoothly-spinner",{key:"e9c676eb8aeb5be8bbe3145fab86c5b8e5ce102d",size:"medium"})),c("div",{key:"4ddb83d57b7054a240391751efb43642f89af289",style:{width:"fit-content"}},"Small",c("smoothly-spinner",{key:"f81d12395407c33d35244069cb3f337c2fc68f7e",size:"small"})),c("div",{key:"442d309f4b04986e52cbeae4758377695fbdc3e4"},"Icon sized spinner on button",s.values.map((e=>c("smoothly-button",{size:"icon",color:e,shape:"rounded",onClick:()=>{this.downloadingSpinner=true;setTimeout((()=>this.downloadingSpinner=false),3e3)}},!this.downloadingSpinner&&c("smoothly-icon",{name:"download-outline"}),this.downloadingSpinner&&c("smoothly-spinner",{size:"icon",style:{"--spinner-background-opacity":"0"}}))))),c("h3",{key:"bc6fe08536d2b7245fecb987c84112377532ff5f"},"Spinner with overlay"),c("div",{key:"286d6fc3429a30743f362b89874b22db0c8f00d8",style:{position:"relative",height:"10em"}},"Large Overlay Spinner",c("smoothly-spinner",{key:"05f8103a25be0a00235dabfaf17b17dd059f110d",overlay:true,size:"large",style:{"--spinner-background":"255,200,255","--spinner-background-opacity":"0.5","--spinner-color":"0,130,0"}})),c("div",{key:"88dae76ba4f26b5ba5dab790d030efd2740a9c3a",style:{position:"relative",height:"10em"}},"Medium Overlay Spinner",c("smoothly-spinner",{key:"ea74d644a344b2347888a609a72b20ac5c8651df",overlay:true,color:"secondary",size:"medium"})),c("div",{key:"64d9ade2587010213832e33830c5eeca985c7480",style:{position:"relative",height:"10em"}},"Small Overlay Spinner",c("smoothly-spinner",{key:"494f01fde3c846454bfa32681895b2253db373a4",overlay:true,size:"small"}))),c("fieldset",{key:"6629bd3d32263860e046c756bd0f392c51f25be0"},c("h2",{key:"33d110238af08bfc80a06d55b93cc128cc3a4d50"},"Smoothly summary"),c("smoothly-summary",{key:"5439e9671227547e17576d921bd4d193184310ae"},c("span",{key:"5aa376de959eac730f1731a9d1abaa7c9b2906e2",slot:"summary"},"Some title"),c("smoothly-summary",{key:"0f3c9220d9317c54c53037b25b92374ee64b8b3b",slot:"content"},c("div",{key:"aa1dc04d09749f3c125eac38fdd59b15f990871e",slot:"summary"},"Some other title"),c("div",{key:"327cbe85e798cbd7b5a6a96acb0d62db4486b6e2",slot:"content"},"A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please."))),c("smoothly-summary",{key:"34df179fe11e57724c204fc7faa92b6dd3d2c312"},c("div",{key:"bc7f0348eba69ce4b5ec090c3132152829cd2bdb",slot:"summary",style:{display:"flex",gap:"0.3rem"}},c("span",{key:"e46943da2844edc16d8c93e99f2a421668af34cf"},"Person"),c("smoothly-icon",{key:"b677ed1036743b2994003c0b4d8573124fa30407",name:"person",color:"light",fill:"clear",size:"tiny"})),c("p",{key:"8a22ac8f00f37ce9b4d90978d329daef975a2856",slot:"content"},"Some person information.")),c("h2",{key:"52120c774608c56017e1b8479631be4019449516"},"Label"),g.map((e=>c("smoothly-label",{hue:e.hue,description:e.description,shape:"rectangle"},e.name))),c("smoothly-label",{key:"16fba37231ff5ef8859a05e1d7b138ce27ba2769",color:"primary",description:"Using colors",shape:"rectangle"},"Primary")))]}},[0,"smoothly-display-demo",{downloadingSpinner:[32]}]);const g=[{name:"2fa",hue:120,description:"User has two factor authentication enabled."},{name:"expired",hue:240,description:"User's password has expired."},{name:"inactive",hue:60,description:"User is inactive."}];function j(){if(typeof customElements==="undefined"){return}const e=["smoothly-display-demo","smoothly-button","smoothly-display","smoothly-display-demo-json","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-label","smoothly-spinner","smoothly-summary"];e.forEach((e=>{switch(e){case"smoothly-display-demo":if(!customElements.get(t(e))){customElements.define(t(e),v)}break;case"smoothly-button":if(!customElements.get(t(e))){f()}break;case"smoothly-display":if(!customElements.get(t(e))){y()}break;case"smoothly-display-demo-json":if(!customElements.get(t(e))){b()}break;case"smoothly-display-json":if(!customElements.get(t(e))){l()}break;case"smoothly-display-json-object":if(!customElements.get(t(e))){n()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(e))){r()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(e))){m()}break;case"smoothly-icon":if(!customElements.get(t(e))){p()}break;case"smoothly-label":if(!customElements.get(t(e))){h()}break;case"smoothly-spinner":if(!customElements.get(t(e))){u()}break;case"smoothly-summary":if(!customElements.get(t(e))){k()}break}}))}j();export{v as S,j as d};
+//# sourceMappingURL=p-BFgOju1b.js.map

package/dist/components/{p-6PsJb2Ez.js → p-BFsrI2_x.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,h as e,d as s,t as i}from"./p-BsZrGTcp.js";import{d as n}from"./p-BiQsRsV4.js";import{d as c}from"./p-D5dkLuTD.js";import{d as r}from"./p-CmPHR3tf.js";const m=()=>`.sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier{pointer-events:none;display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier>smoothly-notification.sc-smoothly-notifier{pointer-events:all}`;const l=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.icon=false;this.notices=[]}onNotice(o){this.notices=[...this.notices,o.detail]}onRemove(o){this.notices=[...this.notices.filter((t=>t!=o.detail))]}render(){return e(s,{key:"00187e7d82c05944c3e4ed5ce6ae2367b113e2fb"},e("slot",{key:"ce3b80b8e40d1a745cf910126cde0fa97a16cdc4"}),e("div",{key:"2b8faa5193ebf47c4cb7a8602c3821d44c46dbcb",class:"smoothly-notifier-wrapper"},this.notices.map((o=>e("smoothly-notification",{notice:o,icon:this.icon})))))}static get style(){return m()}},[262,"smoothly-notifier",{icon:[4],notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]]);function a(){if(typeof customElements==="undefined"){return}const o=["smoothly-notifier","smoothly-icon","smoothly-notification","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-notifier":if(!customElements.get(i(o))){customElements.define(i(o),l)}break;case"smoothly-icon":if(!customElements.get(i(o))){n()}break;case"smoothly-notification":if(!customElements.get(i(o))){c()}break;case"smoothly-trigger":if(!customElements.get(i(o))){r()}break}}))}a();export{l as N,a as d};
-//# sourceMappingURL=p-6PsJb2Ez.js.map
+import{p as o,H as t,h as e,d as s,t as i}from"./p-BsZrGTcp.js";import{d as n}from"./p-lxR7rA3k.js";import{d as r}from"./p-CKfiAXG_.js";import{d as c}from"./p-CmPHR3tf.js";const m=()=>`.sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier{pointer-events:none;display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier>smoothly-notification.sc-smoothly-notifier{pointer-events:all}`;const l=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.icon=false;this.notices=[]}onNotice(o){this.notices=[...this.notices,o.detail]}onRemove(o){this.notices=[...this.notices.filter((t=>t!=o.detail))]}render(){return e(s,{key:"00187e7d82c05944c3e4ed5ce6ae2367b113e2fb"},e("slot",{key:"ce3b80b8e40d1a745cf910126cde0fa97a16cdc4"}),e("div",{key:"2b8faa5193ebf47c4cb7a8602c3821d44c46dbcb",class:"smoothly-notifier-wrapper"},this.notices.map((o=>e("smoothly-notification",{notice:o,icon:this.icon})))))}static get style(){return m()}},[262,"smoothly-notifier",{icon:[4],notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]]);function a(){if(typeof customElements==="undefined"){return}const o=["smoothly-notifier","smoothly-icon","smoothly-notification","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-notifier":if(!customElements.get(i(o))){customElements.define(i(o),l)}break;case"smoothly-icon":if(!customElements.get(i(o))){n()}break;case"smoothly-notification":if(!customElements.get(i(o))){r()}break;case"smoothly-trigger":if(!customElements.get(i(o))){c()}break}}))}a();export{l as N,a as d};
+//# sourceMappingURL=p-BFsrI2_x.js.map

package/dist/components/{p-CrkBYYf-.js → p-BJ1QHaKC.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,c as s,h as l,d as i,t as r}from"./p-BsZrGTcp.js";import{C as n}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as e}from"./p-DFXJvHuL.js";import{I as h}from"./p-DIhqNc1G.js";import{d as c}from"./p-DM5CKilY.js";import{d as a}from"./p-CR3Ni_o7.js";import{d as u}from"./p-B-l1S16Z.js";import{d}from"./p-Ud7Qhkgt.js";import{d as m}from"./p-C3FORjes.js";import{d as p}from"./p-BiQsRsV4.js";import{d as y}from"./p-Ww5QjB3D.js";import{d as b}from"./p-CTdXhHGF.js";import{d as g}from"./p-dBpTpVs8.js";const v=()=>`.sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-color-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-color-h,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:20;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:"";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}`;const f=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=e.Observer.create(this);this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined;this.readonly=false;this.output="rgb";this.showLabel=true;this.open=false;this.sliderMode="rgb"}async componentWillLoad(){this.value&&this.setInitialValue();this.value&&(this.rgb=n.Hex.toRGB(this.value));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,this.color=t}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((o=>this.parent=o));!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o))}smoothlyInputLooksHandler(o){if(o.target!=this.element){o.stopPropagation()}}smoothlyInputLoadHandler(o){h.registerSubAction(this,o)}onWindowClick(o){!o.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(o,t){h.formRename(this,t)}watchingReadonly(){this.observer.publish()}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.output==="rgb"?{r:this.rgb.r===undefined?undefined:Math.round(this.rgb.r),g:this.rgb.g===undefined?undefined:Math.round(this.rgb.g),b:this.rgb.b===undefined?undefined:Math.round(this.rgb.b)}:this.value?this.value:undefined}async clear(){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o;this.open=false}async reset(){this.value=this.initialValue;this.open=false}async setInitialValue(){this.initialValue=this.value;this.open=false}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}handleSwitchMode(o){o.stopPropagation();this.sliderMode=o.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=n.Hex.toRGB(this.value))}else{this.value&&(this.hsl=n.RGB.toHSL(n.Hex.toRGB(this.value)))}}async hexInputHandler(o){if(o!==this.value){if(o&&n.Hex.type.is(o)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=n.Hex.toRGB(o)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=n.RGB.toHSL(n.Hex.toRGB(o))}}else if(!o||!n.Hex.type.is(o)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=o;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}sliderInputHandler(o){var t;o.stopPropagation();const s=Object.keys(o.detail)[0];let l=this.sliderMode==="rgb"?this.rgb:this.hsl;if(!(o.detail[s]===undefined)){for(const i of Object.keys(l)){if(i===s){l=Object.assign(Object.assign({},l),{[i]:i==="s"||i==="l"?+((t=o.detail[s])!==null&&t!==void 0?t:0)*100:o.detail[s]})}else if(l[i]===undefined){l=Object.assign(Object.assign({},l),{[i]:0})}}if(this.sliderMode==="rgb"){this.rgb=Object.assign({},l);this.hsl=n.RGB.toHSL(this.rgb);this.hexInputHandler(n.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},l);this.rgb=n.HSL.toRGB(this.hsl);this.hexInputHandler(n.RGB.toHex(n.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var o,t,s,r,n,e;return l(i,{key:"443b5ede9cb6485ed194f6c4bcd0dfa4d24fbf5f",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((o=this.rgb.r)!==null&&o!==void 0?o:0)}`,"--rgb-g":`${Math.round((t=this.rgb.g)!==null&&t!==void 0?t:0)}`,"--rgb-b":`${Math.round((s=this.rgb.b)!==null&&s!==void 0?s:0)}`,"--hsl-h":`${Math.round((r=this.hsl.h)!==null&&r!==void 0?r:0)}`,"--hsl-s":`${Math.round((n=this.hsl.s)!==null&&n!==void 0?n:0)}%`,"--hsl-l":`${Math.round((e=this.hsl.l)!==null&&e!==void 0?e:0)}%`,"--element-height":`${this.element.clientHeight}px`}},l("smoothly-input",{key:"773d645e7cbe1dba29ed0faaf411873eff3850e4",value:this.value,color:this.color,looks:undefined,name:this.name,type:"hex-color",readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,onSmoothlyInput:o=>(o===null||o===void 0?void 0:o.stopPropagation(),this.hexInputHandler(o.detail[this.name]))},l("slot",{key:"e0237c1fd28820b5827660cc3f343a0b0daad919"})),l("div",{key:"d4be603547b585719296c5fe4a129cffd7e5e904",class:"color-sample"}),l("smoothly-icon",{key:"17a5e51dba9a921faa53a42a2bd0b94cbdb8f490",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),l("div",{key:"30eaa873254116bfb5930a1da0f93924682d5810"},l("slot",{key:"65f98a331cb2b8cabbe58715c2cc496950e5a92c",name:"end"})),this.open&&!this.readonly&&!this.disabled&&l("div",{key:"972192b5efddbb9a173e2b50b35cfeebefb3a1f4",class:"rgb-sliders"},l("smoothly-toggle-switch",{key:"9ec21361f064f9fc889aa1c1b50f672982882cb3",title:`${this.sliderMode==="rgb"?"To HSL":"To RGB"}`,onSmoothlyToggleSwitchChange:o=>this.handleSwitchMode(o),size:"tiny",checkmark:false,selected:this.sliderMode==="hsl"}),Object.entries(this.rgb).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:o,min:0,max:255,color:undefined,type:"text",value:t,step:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()}))),Object.entries(this.hsl).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="hsl"?{display:"none"}:{},name:o,min:0,max:o==="h"?359:1,color:undefined,type:o==="s"||o==="l"?"percent":"text",value:(o==="s"||o==="l")&&t?t/100:t,step:o==="s"||o==="l"?.01:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()})))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}}static get style(){return v()}},[262,"smoothly-input-color",{value:[1025],looks:[1537],color:[1537],readonly:[1540],disabled:[516],output:[1],name:[513],showLabel:[516,"show-label"],open:[32],sliderMode:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}]);function k(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-color","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-range","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-input-color":if(!customElements.get(r(o))){customElements.define(r(o),f)}break;case"smoothly-display":if(!customElements.get(r(o))){c()}break;case"smoothly-display-json":if(!customElements.get(r(o))){a()}break;case"smoothly-display-json-object":if(!customElements.get(r(o))){u()}break;case"smoothly-display-json-primitive":if(!customElements.get(r(o))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(r(o))){m()}break;case"smoothly-icon":if(!customElements.get(r(o))){p()}break;case"smoothly-input":if(!customElements.get(r(o))){y()}break;case"smoothly-input-range":if(!customElements.get(r(o))){b()}break;case"smoothly-toggle-switch":if(!customElements.get(r(o))){g()}break}}))}k();export{f as S,k as d};
-//# sourceMappingURL=p-CrkBYYf-.js.map
+import{p as o,H as t,c as s,h as l,d as i,t as r}from"./p-BsZrGTcp.js";import{C as n}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as e}from"./p-iQDU7l2c.js";import{I as h}from"./p-476P3lCN.js";import{d as c}from"./p-C5zlJTUx.js";import{d as a}from"./p-CR3Ni_o7.js";import{d as u}from"./p-B-l1S16Z.js";import{d}from"./p-Ud7Qhkgt.js";import{d as m}from"./p-C3FORjes.js";import{d as p}from"./p-lxR7rA3k.js";import{d as y}from"./p-DuVAEZcg.js";import{d as b}from"./p-B7tRoQDk.js";import{d as g}from"./p-DqGZ9Vzy.js";const v=()=>`.sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-color-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-color-h,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:20;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:"";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}`;const f=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=e.Observer.create(this);this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined;this.readonly=false;this.output="rgb";this.showLabel=true;this.open=false;this.sliderMode="rgb"}async componentWillLoad(){this.value&&this.setInitialValue();this.value&&(this.rgb=n.Hex.toRGB(this.value));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,this.color=t}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((o=>this.parent=o));!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o))}smoothlyInputLooksHandler(o){if(o.target!=this.element){o.stopPropagation()}}smoothlyInputLoadHandler(o){h.registerSubAction(this,o)}onWindowClick(o){!o.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(o,t){h.formRename(this,t)}watchingReadonly(){this.observer.publish()}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.output==="rgb"?{r:this.rgb.r===undefined?undefined:Math.round(this.rgb.r),g:this.rgb.g===undefined?undefined:Math.round(this.rgb.g),b:this.rgb.b===undefined?undefined:Math.round(this.rgb.b)}:this.value?this.value:undefined}async clear(){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o;this.open=false}async reset(){this.value=this.initialValue;this.open=false}async setInitialValue(){this.initialValue=this.value;this.open=false}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}handleSwitchMode(o){o.stopPropagation();this.sliderMode=o.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=n.Hex.toRGB(this.value))}else{this.value&&(this.hsl=n.RGB.toHSL(n.Hex.toRGB(this.value)))}}async hexInputHandler(o){if(o!==this.value){if(o&&n.Hex.type.is(o)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=n.Hex.toRGB(o)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=n.RGB.toHSL(n.Hex.toRGB(o))}}else if(!o||!n.Hex.type.is(o)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=o;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}sliderInputHandler(o){var t;o.stopPropagation();const s=Object.keys(o.detail)[0];let l=this.sliderMode==="rgb"?this.rgb:this.hsl;if(!(o.detail[s]===undefined)){for(const i of Object.keys(l)){if(i===s){l=Object.assign(Object.assign({},l),{[i]:i==="s"||i==="l"?+((t=o.detail[s])!==null&&t!==void 0?t:0)*100:o.detail[s]})}else if(l[i]===undefined){l=Object.assign(Object.assign({},l),{[i]:0})}}if(this.sliderMode==="rgb"){this.rgb=Object.assign({},l);this.hsl=n.RGB.toHSL(this.rgb);this.hexInputHandler(n.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},l);this.rgb=n.HSL.toRGB(this.hsl);this.hexInputHandler(n.RGB.toHex(n.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var o,t,s,r,n,e;return l(i,{key:"443b5ede9cb6485ed194f6c4bcd0dfa4d24fbf5f",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((o=this.rgb.r)!==null&&o!==void 0?o:0)}`,"--rgb-g":`${Math.round((t=this.rgb.g)!==null&&t!==void 0?t:0)}`,"--rgb-b":`${Math.round((s=this.rgb.b)!==null&&s!==void 0?s:0)}`,"--hsl-h":`${Math.round((r=this.hsl.h)!==null&&r!==void 0?r:0)}`,"--hsl-s":`${Math.round((n=this.hsl.s)!==null&&n!==void 0?n:0)}%`,"--hsl-l":`${Math.round((e=this.hsl.l)!==null&&e!==void 0?e:0)}%`,"--element-height":`${this.element.clientHeight}px`}},l("smoothly-input",{key:"773d645e7cbe1dba29ed0faaf411873eff3850e4",value:this.value,color:this.color,looks:undefined,name:this.name,type:"hex-color",readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,onSmoothlyInput:o=>(o===null||o===void 0?void 0:o.stopPropagation(),this.hexInputHandler(o.detail[this.name]))},l("slot",{key:"e0237c1fd28820b5827660cc3f343a0b0daad919"})),l("div",{key:"d4be603547b585719296c5fe4a129cffd7e5e904",class:"color-sample"}),l("smoothly-icon",{key:"17a5e51dba9a921faa53a42a2bd0b94cbdb8f490",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),l("div",{key:"30eaa873254116bfb5930a1da0f93924682d5810"},l("slot",{key:"65f98a331cb2b8cabbe58715c2cc496950e5a92c",name:"end"})),this.open&&!this.readonly&&!this.disabled&&l("div",{key:"972192b5efddbb9a173e2b50b35cfeebefb3a1f4",class:"rgb-sliders"},l("smoothly-toggle-switch",{key:"9ec21361f064f9fc889aa1c1b50f672982882cb3",title:`${this.sliderMode==="rgb"?"To HSL":"To RGB"}`,onSmoothlyToggleSwitchChange:o=>this.handleSwitchMode(o),size:"tiny",checkmark:false,selected:this.sliderMode==="hsl"}),Object.entries(this.rgb).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:o,min:0,max:255,color:undefined,type:"text",value:t,step:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()}))),Object.entries(this.hsl).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="hsl"?{display:"none"}:{},name:o,min:0,max:o==="h"?359:1,color:undefined,type:o==="s"||o==="l"?"percent":"text",value:(o==="s"||o==="l")&&t?t/100:t,step:o==="s"||o==="l"?.01:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()})))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}}static get style(){return v()}},[262,"smoothly-input-color",{value:[1025],looks:[1537],color:[1537],readonly:[1540],disabled:[516],output:[1],name:[513],showLabel:[516,"show-label"],open:[32],sliderMode:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}]);function k(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-color","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-range","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-input-color":if(!customElements.get(r(o))){customElements.define(r(o),f)}break;case"smoothly-display":if(!customElements.get(r(o))){c()}break;case"smoothly-display-json":if(!customElements.get(r(o))){a()}break;case"smoothly-display-json-object":if(!customElements.get(r(o))){u()}break;case"smoothly-display-json-primitive":if(!customElements.get(r(o))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(r(o))){m()}break;case"smoothly-icon":if(!customElements.get(r(o))){p()}break;case"smoothly-input":if(!customElements.get(r(o))){y()}break;case"smoothly-input-range":if(!customElements.get(r(o))){b()}break;case"smoothly-toggle-switch":if(!customElements.get(r(o))){g()}break}}))}k();export{f as S,k as d};
+//# sourceMappingURL=p-BJ1QHaKC.js.map

package/dist/components/{p-DIf6-Fvg.js → p-BQKG49PI.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as o,F as s,d as m,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as l}from"./p-1j2KmcfQ.js";import{d as r}from"./p-AX8gOGUr.js";import{d}from"./p-BiQsRsV4.js";import{d as c}from"./p-CrKwvG9J.js";import{d as h}from"./p-_o_lUhve.js";import{d as p}from"./p-xkRxEiC8.js";import{d as u}from"./p-NFd9Dxr1.js";import{d as f}from"./p-CtuuZV3u.js";import{d as y}from"./p-CJEV2v84.js";import{d as b}from"./p-fnKrPnzp.js";const k=()=>`.sc-smoothly-input-date-demo-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(42rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-date-demo-h .sc-smoothly-input-date-demo:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const E=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.alwaysShowGuide=false}render(){return o(m,{key:"2eddf4f43fc88d4f0baee5472fb55f98be8464f2"},o("div",{key:"a505bd4d499e9fce35b50c88dbb3e3375fe7e36c"},o("h2",{key:"b79d4c949fec7c008314b3562ba56ddfe22a1202"},"Date input"),o("p",{key:"f76bb9f59b85781610474db18fe10891f1560330"},"Different locales formatting the same date"),o("smoothly-button",{key:"c8c39579e4ab97b4b455c88514b7b6d0b78ee781",color:"primary",onClick:()=>this.date=this.date?i.Date.next(this.date):i.Date.now()},"Set date"),o("smoothly-input-checkbox",{key:"9e921d7050071821148968680950fe00a0bdad8b",looks:"transparent",onSmoothlyUserInput:t=>{this.alwaysShowGuide=t.detail.value;console.log(this.alwaysShowGuide)}},"Always Show Guide")),["en-US","en-GB","de-DE","se-SE"].map((t=>o(s,null,o("smoothly-input-date",{locale:t,name:t,looks:"border",value:this.date,alwaysShowGuide:this.alwaysShowGuide},t,o("smoothly-input-clear",{slot:"end"})),o("smoothly-input-date-range",{locale:t,name:t+"-range",looks:"border",start:this.date,end:this.date?i.Date.next(this.date):undefined,alwaysShowGuide:this.alwaysShowGuide},t," Range",o("smoothly-input-clear",{slot:"end"}))))))}static get style(){return k()}},[2,"smoothly-input-date-demo",{date:[32],alwaysShowGuide:[32]}]);function g(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-demo","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-date","smoothly-input-date-range","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-demo":if(!customElements.get(a(t))){customElements.define(a(t),E)}break;case"smoothly-button":if(!customElements.get(a(t))){n()}break;case"smoothly-calendar":if(!customElements.get(a(t))){l()}break;case"smoothly-date-text":if(!customElements.get(a(t))){r()}break;case"smoothly-icon":if(!customElements.get(a(t))){d()}break;case"smoothly-input-checkbox":if(!customElements.get(a(t))){c()}break;case"smoothly-input-clear":if(!customElements.get(a(t))){h()}break;case"smoothly-input-date":if(!customElements.get(a(t))){p()}break;case"smoothly-input-date-range":if(!customElements.get(a(t))){u()}break;case"smoothly-input-month":if(!customElements.get(a(t))){f()}break;case"smoothly-input-select":if(!customElements.get(a(t))){y()}break;case"smoothly-item":if(!customElements.get(a(t))){b()}break}}))}g();export{E as S,g as d};
-//# sourceMappingURL=p-DIf6-Fvg.js.map
+import{p as t,H as e,h as o,F as s,d as m,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as n}from"./p-BygBViit.js";import{d as l}from"./p-DmRiznt_.js";import{d as r}from"./p-DvKyYKhJ.js";import{d}from"./p-lxR7rA3k.js";import{d as c}from"./p-D83NzhAZ.js";import{d as h}from"./p-BhLDGQhC.js";import{d as p}from"./p-Cw6jE38W.js";import{d as u}from"./p-C9W3k6wS.js";import{d as f}from"./p-DlfphBOA.js";import{d as y}from"./p-GOrXJdjK.js";import{d as b}from"./p-fnKrPnzp.js";const k=()=>`.sc-smoothly-input-date-demo-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(42rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-date-demo-h .sc-smoothly-input-date-demo:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const E=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.alwaysShowGuide=false}render(){return o(m,{key:"2eddf4f43fc88d4f0baee5472fb55f98be8464f2"},o("div",{key:"a505bd4d499e9fce35b50c88dbb3e3375fe7e36c"},o("h2",{key:"b79d4c949fec7c008314b3562ba56ddfe22a1202"},"Date input"),o("p",{key:"f76bb9f59b85781610474db18fe10891f1560330"},"Different locales formatting the same date"),o("smoothly-button",{key:"c8c39579e4ab97b4b455c88514b7b6d0b78ee781",color:"primary",onClick:()=>this.date=this.date?i.Date.next(this.date):i.Date.now()},"Set date"),o("smoothly-input-checkbox",{key:"9e921d7050071821148968680950fe00a0bdad8b",looks:"transparent",onSmoothlyUserInput:t=>{this.alwaysShowGuide=t.detail.value;console.log(this.alwaysShowGuide)}},"Always Show Guide")),["en-US","en-GB","de-DE","se-SE"].map((t=>o(s,null,o("smoothly-input-date",{locale:t,name:t,looks:"border",value:this.date,alwaysShowGuide:this.alwaysShowGuide},t,o("smoothly-input-clear",{slot:"end"})),o("smoothly-input-date-range",{locale:t,name:t+"-range",looks:"border",start:this.date,end:this.date?i.Date.next(this.date):undefined,alwaysShowGuide:this.alwaysShowGuide},t," Range",o("smoothly-input-clear",{slot:"end"}))))))}static get style(){return k()}},[2,"smoothly-input-date-demo",{date:[32],alwaysShowGuide:[32]}]);function j(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-demo","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-date","smoothly-input-date-range","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-demo":if(!customElements.get(a(t))){customElements.define(a(t),E)}break;case"smoothly-button":if(!customElements.get(a(t))){n()}break;case"smoothly-calendar":if(!customElements.get(a(t))){l()}break;case"smoothly-date-text":if(!customElements.get(a(t))){r()}break;case"smoothly-icon":if(!customElements.get(a(t))){d()}break;case"smoothly-input-checkbox":if(!customElements.get(a(t))){c()}break;case"smoothly-input-clear":if(!customElements.get(a(t))){h()}break;case"smoothly-input-date":if(!customElements.get(a(t))){p()}break;case"smoothly-input-date-range":if(!customElements.get(a(t))){u()}break;case"smoothly-input-month":if(!customElements.get(a(t))){f()}break;case"smoothly-input-select":if(!customElements.get(a(t))){y()}break;case"smoothly-item":if(!customElements.get(a(t))){b()}break}}))}j();export{E as S,j as d};
+//# sourceMappingURL=p-BQKG49PI.js.map

package/dist/components/{p-D5WTwmc6.js → p-BQwTK156.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as o,d as t,t as a}from"./p-BsZrGTcp.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DM5CKilY.js";import{d as n}from"./p-CR3Ni_o7.js";import{d as r}from"./p-B-l1S16Z.js";import{d as l}from"./p-Ud7Qhkgt.js";import{d as i}from"./p-C3FORjes.js";import{d}from"./p-BiQsRsV4.js";import{d as f}from"./p-Ww5QjB3D.js";import{d as p}from"./p-_o_lUhve.js";import{d as y}from"./p-CTdXhHGF.js";const b=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(t,{key:"93085adc52dbed67cd824108eaaf64b3bda0fb6e"},o("h2",{key:"a91437c641e21986ad592c73f92a14234eddb9b9"},"Range"),o("h3",{key:"5003225e9af30f278a7f37ccc1daab93df370e80"},"Phone Number"),o("smoothly-input-range",{key:"5c790737cea0d76367f27072088ee92dec80a662",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"6bff0c3ac7f529787a042a7b02256eae19ad5b4b"},"Stars out of ten"),o("smoothly-input-range",{key:"eaee03d21dc424fc65158b29a4a7d3b255209fd3",max:10,step:1,label:"Stars"}),o("h3",{key:"f2124aaca6dccfa59cf65efbb9dfbecebf575740"},"Percent"),o("smoothly-input-range",{key:"ce14e10e75cf3320b2699021f99c5757b6598bbe",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"a12635fed326ae754cef8e15aa8f728c0bea9639"},"With icon at start and clear button"),o("smoothly-input-range",{key:"f8050fdae3ff4e0be8f00914e6580d69df51c18b",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"438d15ceb8cd3360ebc6394ee7aee2b0131ac808",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"98dd0d35d727339290b76dfcf4348a846db22396",size:"icon",slot:"end"})))}},[0,"smoothly-input-range-demo"]);function h(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-range-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-clear","smoothly-input-range"];e.forEach((e=>{switch(e){case"smoothly-input-range-demo":if(!customElements.get(a(e))){customElements.define(a(e),b)}break;case"smoothly-button":if(!customElements.get(a(e))){m()}break;case"smoothly-display":if(!customElements.get(a(e))){c()}break;case"smoothly-display-json":if(!customElements.get(a(e))){n()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){l()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){i()}break;case"smoothly-icon":if(!customElements.get(a(e))){d()}break;case"smoothly-input":if(!customElements.get(a(e))){f()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){p()}break;case"smoothly-input-range":if(!customElements.get(a(e))){y()}break}}))}h();export{b as S,h as d};
-//# sourceMappingURL=p-D5WTwmc6.js.map
+import{p as e,H as s,h as o,d as t,t as a}from"./p-BsZrGTcp.js";import{d as m}from"./p-BygBViit.js";import{d as c}from"./p-C5zlJTUx.js";import{d as n}from"./p-CR3Ni_o7.js";import{d as r}from"./p-B-l1S16Z.js";import{d as l}from"./p-Ud7Qhkgt.js";import{d as i}from"./p-C3FORjes.js";import{d}from"./p-lxR7rA3k.js";import{d as f}from"./p-DuVAEZcg.js";import{d as p}from"./p-BhLDGQhC.js";import{d as y}from"./p-B7tRoQDk.js";const b=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(t,{key:"93085adc52dbed67cd824108eaaf64b3bda0fb6e"},o("h2",{key:"a91437c641e21986ad592c73f92a14234eddb9b9"},"Range"),o("h3",{key:"5003225e9af30f278a7f37ccc1daab93df370e80"},"Phone Number"),o("smoothly-input-range",{key:"5c790737cea0d76367f27072088ee92dec80a662",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"6bff0c3ac7f529787a042a7b02256eae19ad5b4b"},"Stars out of ten"),o("smoothly-input-range",{key:"eaee03d21dc424fc65158b29a4a7d3b255209fd3",max:10,step:1,label:"Stars"}),o("h3",{key:"f2124aaca6dccfa59cf65efbb9dfbecebf575740"},"Percent"),o("smoothly-input-range",{key:"ce14e10e75cf3320b2699021f99c5757b6598bbe",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"a12635fed326ae754cef8e15aa8f728c0bea9639"},"With icon at start and clear button"),o("smoothly-input-range",{key:"f8050fdae3ff4e0be8f00914e6580d69df51c18b",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"438d15ceb8cd3360ebc6394ee7aee2b0131ac808",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"98dd0d35d727339290b76dfcf4348a846db22396",size:"icon",slot:"end"})))}},[0,"smoothly-input-range-demo"]);function h(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-range-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-clear","smoothly-input-range"];e.forEach((e=>{switch(e){case"smoothly-input-range-demo":if(!customElements.get(a(e))){customElements.define(a(e),b)}break;case"smoothly-button":if(!customElements.get(a(e))){m()}break;case"smoothly-display":if(!customElements.get(a(e))){c()}break;case"smoothly-display-json":if(!customElements.get(a(e))){n()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){l()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){i()}break;case"smoothly-icon":if(!customElements.get(a(e))){d()}break;case"smoothly-input":if(!customElements.get(a(e))){f()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){p()}break;case"smoothly-input-range":if(!customElements.get(a(e))){y()}break}}))}h();export{b as S,h as d};
+//# sourceMappingURL=p-BQwTK156.js.map

package/dist/components/{p-D-mAUrbR.js → p-BSCQl0rf.js}

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

package/dist/components/{p-DX3KKRD9.js → p-BZPBFs15.js}

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as o,h as i,d as n,t as e}from"./p-BsZrGTcp.js";import{d as c}from"./p-BHEtq3Ue.js";import{d as h}from"./p-BiQsRsV4.js";const l=()=>`.sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}`;const a=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyConfirm=o(this,"smoothlyConfirm");this.doubleClickTime=.2;this.disabled=false}clickHandler(t){if(this.clickTimeStamp&&t.timeStamp-this.clickTimeStamp>this.doubleClickTime*1e3){this.timer&&window.clearTimeout(this.timer);this.clickTimeStamp=undefined;this.smoothlyConfirm.emit({[this.name]:true})}else{this.clickTimeStamp=t.timeStamp;this.timer=window.setTimeout((()=>{this.clickTimeStamp=undefined}),2e3)}}render(){return i(n,{key:"c074a83b5c1adf25489bd21d6ddd877bce15b91b",warning:this.clickTimeStamp},i("smoothly-button",{key:"f4c7658b1c98dc7a7b3bfdd427fba714b43de7d8",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:"warning",disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},i("smoothly-icon",{key:"c41cfe01abddd88b047e6cf90da0864fe13a9d7c",name:"alert-outline",fill:this.fill,color:"warning",size:this.size==="icon"?"tiny":"small"})),i("smoothly-button",{key:"df2f31430eb709a846295c8eb9f1241598c08a35",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:this.color,disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},i("slot",{key:"f442c9e90dc109936afe5267f36ad482a6a841d9"})))}static get style(){return l()}},[262,"smoothly-button-confirm",{color:[1],name:[513],doubleClickTime:[2,"double-click-time"],expand:[513],fill:[1],disabled:[516],shape:[1],size:[1],clickTimeStamp:[32]}]);function d(){if(typeof customElements==="undefined"){return}const t=["smoothly-button-confirm","smoothly-button","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-button-confirm":if(!customElements.get(e(t))){customElements.define(e(t),a)}break;case"smoothly-button":if(!customElements.get(e(t))){c()}break;case"smoothly-icon":if(!customElements.get(e(t))){h()}break}}))}d();export{a as S,d};
-//# sourceMappingURL=p-DX3KKRD9.js.map
+import{p as t,H as s,c as o,h as i,d as n,t as e}from"./p-BsZrGTcp.js";import{d as c}from"./p-BygBViit.js";import{d as l}from"./p-lxR7rA3k.js";const h=()=>`.sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}`;const a=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyConfirm=o(this,"smoothlyConfirm");this.doubleClickTime=.2;this.disabled=false}clickHandler(t){if(this.clickTimeStamp&&t.timeStamp-this.clickTimeStamp>this.doubleClickTime*1e3){this.timer&&window.clearTimeout(this.timer);this.clickTimeStamp=undefined;this.smoothlyConfirm.emit({[this.name]:true})}else{this.clickTimeStamp=t.timeStamp;this.timer=window.setTimeout((()=>{this.clickTimeStamp=undefined}),2e3)}}render(){return i(n,{key:"c074a83b5c1adf25489bd21d6ddd877bce15b91b",warning:this.clickTimeStamp},i("smoothly-button",{key:"f4c7658b1c98dc7a7b3bfdd427fba714b43de7d8",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:"warning",disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},i("smoothly-icon",{key:"c41cfe01abddd88b047e6cf90da0864fe13a9d7c",name:"alert-outline",fill:this.fill,color:"warning",size:this.size==="icon"?"tiny":"small"})),i("smoothly-button",{key:"df2f31430eb709a846295c8eb9f1241598c08a35",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:this.color,disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},i("slot",{key:"f442c9e90dc109936afe5267f36ad482a6a841d9"})))}static get style(){return h()}},[262,"smoothly-button-confirm",{color:[1],name:[513],doubleClickTime:[2,"double-click-time"],expand:[513],fill:[1],disabled:[516],shape:[1],size:[1],clickTimeStamp:[32]}]);function d(){if(typeof customElements==="undefined"){return}const t=["smoothly-button-confirm","smoothly-button","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-button-confirm":if(!customElements.get(e(t))){customElements.define(e(t),a)}break;case"smoothly-button":if(!customElements.get(e(t))){c()}break;case"smoothly-icon":if(!customElements.get(e(t))){l()}break}}))}d();export{a as S,d};
+//# sourceMappingURL=p-BZPBFs15.js.map

package/dist/components/{p-CcXqouEO.js → p-BZjEcsXh.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-BHEtq3Ue.js";import{d as i}from"./p-DX3KKRD9.js";import{d as l}from"./p-DIhqNc1G.js";import{d as r}from"./p-BiQsRsV4.js";import{d as c}from"./p-Ww5QjB3D.js";import{d as f}from"./p-4pGbxojU.js";import{d}from"./p-CtuuZV3u.js";import{d as u}from"./p-BUa0wBSK.js";import{d as p}from"./p-CJEV2v84.js";import{d as h}from"./p-CqyGm3oe.js";import{d as y}from"./p-fnKrPnzp.js";import{d as b}from"./p-Bpc6uh0M.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:"2131171a287333757dd2e257272b2151f445d00a"},t("h2",{key:"ae5d57d207b35d5d25568cb929551076b02b29bb"},"Controlled"),t("smoothly-form",{key:"206b0c12bade21ffe5ec4357c27a11612adf99f7",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"9f607b8f55df8931f04e2df1746bc5b8f239700c",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"5fe97133fc282b8a428ba9d1d28e27f5642857d3",name:"currency"},t("span",{key:"76ca8e412897900e1054a70c2a2645ad3587d55d",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"3099df2a407af93f416da0ff8e6093df00c49467"},"Dummy"),t("smoothly-input-month",{key:"1c5c73a802f6a8e90b8163e8fb9b652e0ba073f6",name:"date",value:this.date,next:true,previous:true},t("span",{key:"71f40ad3683c72e71366e0faa9750c536c82e05a",slot:"year-label"},"Year"),t("span",{key:"71888a27f0f94e796c983a4f41c6a679be7d66fe",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"1f2aba348ed5559946c30abede9e4656c30d887b",slot:"edit",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"6800fe757dab08be1ddb7c22e266b9093ffffefa",slot:"reset",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"f0c595bc65fa6207cd01792e7fa782e3a59b8464",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:[{nameChanged:0}]}}},[2,"smoothly-form-demo-controlled",{name:[32],currency:[32],date:[32]},undefined,{name:[{nameChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-controlled","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-edit","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-controlled":if(!customElements.get(m(e))){customElements.define(m(e),k)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){i()}break;case"smoothly-form":if(!customElements.get(m(e))){l()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){c()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){f()}break;case"smoothly-input-month":if(!customElements.get(m(e))){d()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){u()}break;case"smoothly-input-select":if(!customElements.get(m(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){y()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
-//# sourceMappingURL=p-CcXqouEO.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-BygBViit.js";import{d as i}from"./p-BZPBFs15.js";import{d as l}from"./p-476P3lCN.js";import{d as r}from"./p-lxR7rA3k.js";import{d as c}from"./p-DuVAEZcg.js";import{d as f}from"./p-DVb0lxbZ.js";import{d}from"./p-DlfphBOA.js";import{d as u}from"./p-DxpX6YuH.js";import{d as p}from"./p-GOrXJdjK.js";import{d as h}from"./p-B3b5oz3b.js";import{d as y}from"./p-fnKrPnzp.js";import{d as b}from"./p-Bpc6uh0M.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:"2131171a287333757dd2e257272b2151f445d00a"},t("h2",{key:"ae5d57d207b35d5d25568cb929551076b02b29bb"},"Controlled"),t("smoothly-form",{key:"206b0c12bade21ffe5ec4357c27a11612adf99f7",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"9f607b8f55df8931f04e2df1746bc5b8f239700c",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"5fe97133fc282b8a428ba9d1d28e27f5642857d3",name:"currency"},t("span",{key:"76ca8e412897900e1054a70c2a2645ad3587d55d",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"3099df2a407af93f416da0ff8e6093df00c49467"},"Dummy"),t("smoothly-input-month",{key:"1c5c73a802f6a8e90b8163e8fb9b652e0ba073f6",name:"date",value:this.date,next:true,previous:true},t("span",{key:"71f40ad3683c72e71366e0faa9750c536c82e05a",slot:"year-label"},"Year"),t("span",{key:"71888a27f0f94e796c983a4f41c6a679be7d66fe",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"1f2aba348ed5559946c30abede9e4656c30d887b",slot:"edit",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"6800fe757dab08be1ddb7c22e266b9093ffffefa",slot:"reset",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"f0c595bc65fa6207cd01792e7fa782e3a59b8464",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:[{nameChanged:0}]}}},[2,"smoothly-form-demo-controlled",{name:[32],currency:[32],date:[32]},undefined,{name:[{nameChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-controlled","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-edit","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-controlled":if(!customElements.get(m(e))){customElements.define(m(e),k)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){i()}break;case"smoothly-form":if(!customElements.get(m(e))){l()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){c()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){f()}break;case"smoothly-input-month":if(!customElements.get(m(e))){d()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){u()}break;case"smoothly-input-select":if(!customElements.get(m(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){y()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
+//# sourceMappingURL=p-BZjEcsXh.js.map

package/dist/components/{p-CqMnH54Q.js → p-BeaRYlDR.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,d as o,t as c}from"./p-BsZrGTcp.js";import{d as m}from"./p-BiQsRsV4.js";import{d as n}from"./p-CJEV2v84.js";import{d as a}from"./p-fnKrPnzp.js";const l=()=>``;const i=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.element="smoothly-css"}render(){return s(o,{key:"6b397ed31434037a5f53640cd677e4bf9f680671"},s("smoothly-input-select",{key:"e89de311276c516112329aa634ec4fa372eeeda7",name:"theme",looks:"border",onSmoothlyInput:e=>{const t=document.querySelector(`#${this.element}`);if(t instanceof HTMLLinkElement&&typeof e.detail.theme=="string"){t.href=e.detail.theme}}},s("label",{key:"185ea02a7eeda366e8290a3b2855e287eb62e91d",slot:"label"},"Select theme"),s("slot",{key:"3844628b22bfe87cebc35c2ab396accc02cf48dc"})))}static get style(){return l()}},[262,"smoothly-theme-picker",{element:[1]}]);function r(){if(typeof customElements==="undefined"){return}const e=["smoothly-theme-picker","smoothly-icon","smoothly-input-select","smoothly-item"];e.forEach((e=>{switch(e){case"smoothly-theme-picker":if(!customElements.get(c(e))){customElements.define(c(e),i)}break;case"smoothly-icon":if(!customElements.get(c(e))){m()}break;case"smoothly-input-select":if(!customElements.get(c(e))){n()}break;case"smoothly-item":if(!customElements.get(c(e))){a()}break}}))}r();export{i as S,r as d};
-//# sourceMappingURL=p-CqMnH54Q.js.map
+import{p as e,H as t,h as s,d as o,t as c}from"./p-BsZrGTcp.js";import{d as m}from"./p-lxR7rA3k.js";import{d as n}from"./p-GOrXJdjK.js";import{d as l}from"./p-fnKrPnzp.js";const a=()=>``;const r=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.element="smoothly-css"}render(){return s(o,{key:"6b397ed31434037a5f53640cd677e4bf9f680671"},s("smoothly-input-select",{key:"e89de311276c516112329aa634ec4fa372eeeda7",name:"theme",looks:"border",onSmoothlyInput:e=>{const t=document.querySelector(`#${this.element}`);if(t instanceof HTMLLinkElement&&typeof e.detail.theme=="string"){t.href=e.detail.theme}}},s("label",{key:"185ea02a7eeda366e8290a3b2855e287eb62e91d",slot:"label"},"Select theme"),s("slot",{key:"3844628b22bfe87cebc35c2ab396accc02cf48dc"})))}static get style(){return a()}},[262,"smoothly-theme-picker",{element:[1]}]);function i(){if(typeof customElements==="undefined"){return}const e=["smoothly-theme-picker","smoothly-icon","smoothly-input-select","smoothly-item"];e.forEach((e=>{switch(e){case"smoothly-theme-picker":if(!customElements.get(c(e))){customElements.define(c(e),r)}break;case"smoothly-icon":if(!customElements.get(c(e))){m()}break;case"smoothly-input-select":if(!customElements.get(c(e))){n()}break;case"smoothly-item":if(!customElements.get(c(e))){l()}break}}))}i();export{r as S,i as d};
+//# sourceMappingURL=p-BeaRYlDR.js.map

package/dist/components/{p-_o_lUhve.js → p-BhLDGQhC.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,c as s,h as l,d as r,t as e}from"./p-BsZrGTcp.js";import{C as n,I as i,S as c}from"./p-DIhqNc1G.js";import{E as a}from"./p-DFXJvHuL.js";import{d as h}from"./p-BHEtq3Ue.js";import{d as m}from"./p-BiQsRsV4.js";const y=()=>`[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-clear-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-clear-h{display:inline}[disabled].sc-smoothly-input-clear-h{opacity:0.5}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{font-weight:400;background-color:transparent}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-clear-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-clear-h:has(>a:empty),.sc-smoothly-input-clear-h:has(>button:empty),.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear:empty,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-clear-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-clear-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{min-width:8rem}[size=icon].sc-smoothly-input-clear-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-clear-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:not([disabled]):active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h{display:flex}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h[type="input"].sc-smoothly-input-clear-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-clear-h{cursor:not-allowed}.sc-smoothly-input-clear-h[type="input"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type="input"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}`;const u=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.fill="clear";this.size="icon";this.display=true;this.type="input";this.tooltip="Clear"}async componentWillLoad(){this.smoothlyInputLoad.emit((o=>{if(n.is(o)){this.parent=o;if(a.Element.is(o)){o.listen((async o=>{if(i.is(o)){const t=typeof o.defined=="boolean"?o.defined:Boolean(await o.getValue());this.display=t&&!o.readonly&&!o.disabled}if(o instanceof c){this.display=!o.readonly}}));if(typeof this.disabled!=="boolean"){o.listen((async o=>{if(o instanceof c){this.disabled=o.readonly||Object.values(o.value).filter((o=>o)).length<1}}))}}}}))}clickHandler(){var o;(o=this.parent)===null||o===void 0?void 0:o.clear()}render(){var o;return l(r,{key:"35dfd4b4b5b2aaac1457f14143591df8244e4e2f",title:this.tooltip},l("smoothly-button",{key:"681e2d83c6fe6061919a06ece237673e0c68a159",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(o=this.fill)!==null&&o!==void 0?o:this.type=="input"?"clear":undefined},l("slot",{key:"31f3176ab610d6c1ce68055b6f0df55ba2303e29"}),l("smoothly-icon",{key:"a454fc3409e50dd4a0fb7566460909645066b944",name:"close",size:"tiny"})))}get element(){return this}static get style(){return y()}},[262,"smoothly-input-clear",{color:[1],expand:[513],fill:[513],disabled:[1540],size:[513],shape:[513],display:[1540],type:[513],tooltip:[1]},[[0,"click","clickHandler"]]]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-clear","smoothly-button","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-input-clear":if(!customElements.get(e(o))){customElements.define(e(o),u)}break;case"smoothly-button":if(!customElements.get(e(o))){h()}break;case"smoothly-icon":if(!customElements.get(e(o))){m()}break}}))}d();export{u as S,d};
-//# sourceMappingURL=p-_o_lUhve.js.map
+import{p as o,H as t,c as s,h as l,d as r,t as e}from"./p-BsZrGTcp.js";import{C as n,I as i,S as c}from"./p-476P3lCN.js";import{E as a}from"./p-iQDU7l2c.js";import{d as h}from"./p-BygBViit.js";import{d as m}from"./p-lxR7rA3k.js";const y=()=>`[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-clear-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-clear-h{display:inline}[disabled].sc-smoothly-input-clear-h{opacity:0.5}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{font-weight:400;background-color:transparent}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-clear-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-clear-h:has(>a:empty),.sc-smoothly-input-clear-h:has(>button:empty),.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear:empty,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-clear-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-clear-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{min-width:8rem}[size=icon].sc-smoothly-input-clear-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-clear-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:not([disabled]):active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h{display:flex}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h[type="input"].sc-smoothly-input-clear-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-clear-h{cursor:not-allowed}.sc-smoothly-input-clear-h[type="input"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type="input"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}`;const u=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.fill="clear";this.size="icon";this.display=true;this.type="input";this.tooltip="Clear"}async componentWillLoad(){this.smoothlyInputLoad.emit((o=>{if(n.is(o)){this.parent=o;if(a.Element.is(o)){o.listen((async o=>{if(i.is(o)){const t=typeof o.defined=="boolean"?o.defined:Boolean(await o.getValue());this.display=t&&!o.readonly&&!o.disabled}if(o instanceof c){this.display=!o.readonly}}));if(typeof this.disabled!=="boolean"){o.listen((async o=>{if(o instanceof c){this.disabled=o.readonly||Object.values(o.value).filter((o=>o)).length<1}}))}}}}))}clickHandler(){var o;(o=this.parent)===null||o===void 0?void 0:o.clear()}render(){var o;return l(r,{key:"35dfd4b4b5b2aaac1457f14143591df8244e4e2f",title:this.tooltip},l("smoothly-button",{key:"681e2d83c6fe6061919a06ece237673e0c68a159",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(o=this.fill)!==null&&o!==void 0?o:this.type=="input"?"clear":undefined},l("slot",{key:"31f3176ab610d6c1ce68055b6f0df55ba2303e29"}),l("smoothly-icon",{key:"a454fc3409e50dd4a0fb7566460909645066b944",name:"close",size:"tiny"})))}get element(){return this}static get style(){return y()}},[262,"smoothly-input-clear",{color:[1],expand:[513],fill:[513],disabled:[1540],size:[513],shape:[513],display:[1540],type:[513],tooltip:[1]},[[0,"click","clickHandler"]]]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-clear","smoothly-button","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-input-clear":if(!customElements.get(e(o))){customElements.define(e(o),u)}break;case"smoothly-button":if(!customElements.get(e(o))){h()}break;case"smoothly-icon":if(!customElements.get(e(o))){m()}break}}))}d();export{u as S,d};
+//# sourceMappingURL=p-BhLDGQhC.js.map