smoothly 1.122.0 → 1.124.0

package/dist/components/{p-BSHxNVcQ.js → p-D1kz47jP.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-iQDU7l2c.js";import{I as h}from"./p-vvQg46ti.js";import{d as m}from"./p-CHjWijPI.js";import{d}from"./p-DFSiKg4M.js";import{d as r}from"./p-o8kM0Soe.js";import{d as u}from"./p-MqffyRVU.js";import{d as p}from"./p-BplZiuMF.js";import{d as c}from"./p-CVdJ19AA.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}[right].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{transform-origin:top right}.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:"40f6c261f57e7dba3054cf01875d40cdc554ba16"},s("smoothly-input",{key:"98aa0e61e439a1ae686191425fca97a99e3e9232",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:"e54f5e30a8f8bb9add88f07365a723a784da6060"})),s("smoothly-input",{key:"777133878145c16fe94dc58ed7a3c7cbeb6bd44d",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:"885faf984fcf9070a1d700acc89dd53dfc5f0731",class:"colon"},":"),s("smoothly-input",{key:"4af1ab62eabdb841edd6a20b9db3758eff7e26b6",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:"ae5f1d26cffedde15e3857148fe17c985e147c8d",class:"icons"},s("smoothly-icon",{key:"f50114861f0731b7d5078a6ff683a065defa60e4",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"dbe69226779cb9f14e2077381fd9de71c96f5640",name:"end"})),this.open&&!this.readonly&&s("smoothly-calendar",{key:"e047e6e5de085a1c771854ecb9b990ca16e1aa52",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:"a06fbb5b5d6800c17166980e056023768eeaf26c",slot:"year-label"},s("slot",{key:"2baa75fd451515f003ae91bc1e7393765cee9de7",name:"year-label"})),s("div",{key:"0b35ff73fbd4e4a0b8b49938a2c8f4deb79f6dd0",slot:"month-label"},s("slot",{key:"f41fd202bcd5d82d87b10ec331e8de51bd518f99",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-BSHxNVcQ.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-BLDkKrD6.js";import{d as m}from"./p-l7KxEsrG.js";import{d}from"./p-DFSiKg4M.js";import{d as r}from"./p-BWF43Ktc.js";import{d as u}from"./p-EqRJl32n.js";import{d as p}from"./p-DTo2Itg9.js";import{d as c}from"./p-DtGUtK97.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}[right].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{transform-origin:top right}.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:"40f6c261f57e7dba3054cf01875d40cdc554ba16"},s("smoothly-input",{key:"98aa0e61e439a1ae686191425fca97a99e3e9232",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:"e54f5e30a8f8bb9add88f07365a723a784da6060"})),s("smoothly-input",{key:"777133878145c16fe94dc58ed7a3c7cbeb6bd44d",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:"885faf984fcf9070a1d700acc89dd53dfc5f0731",class:"colon"},":"),s("smoothly-input",{key:"4af1ab62eabdb841edd6a20b9db3758eff7e26b6",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:"ae5f1d26cffedde15e3857148fe17c985e147c8d",class:"icons"},s("smoothly-icon",{key:"f50114861f0731b7d5078a6ff683a065defa60e4",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"dbe69226779cb9f14e2077381fd9de71c96f5640",name:"end"})),this.open&&!this.readonly&&s("smoothly-calendar",{key:"e047e6e5de085a1c771854ecb9b990ca16e1aa52",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:"a06fbb5b5d6800c17166980e056023768eeaf26c",slot:"year-label"},s("slot",{key:"2baa75fd451515f003ae91bc1e7393765cee9de7",name:"year-label"})),s("div",{key:"0b35ff73fbd4e4a0b8b49938a2c8f4deb79f6dd0",slot:"month-label"},s("slot",{key:"f41fd202bcd5d82d87b10ec331e8de51bd518f99",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-D1kz47jP.js.map

package/dist/components/{p-BsHachOX.js → p-D6t9mpY2.js}

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as o,h as e,d as c,t as l}from"./p-BsZrGTcp.js";import{d as h}from"./p-DFSiKg4M.js";const i=()=>`.sc-smoothly-toggle-switch-h{display:block}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{width:100%;height:100%;display:flex;align-items:center;padding-inline:0;cursor:pointer;border:none;border-radius:3em;background-color:rgb(var(--smoothly-color))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-color-tint))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{display:flex;justify-content:flex-start;align-items:center;fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast));transition:100ms ease-in-out}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{fill:rgb(var(--smoothly-success-contrast));stroke:rgb(var(--smoothly-success-contrast))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{background-color:rgb(var(--smoothly-success-color))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-success-tint))}[selected].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{transform:translateX(100%)}[size=tiny].sc-smoothly-toggle-switch-h{--height:1.25rem}[size=small].sc-smoothly-toggle-switch-h{--height:1.5rem}[size=default].sc-smoothly-toggle-switch-h{--height:2rem}[size=large].sc-smoothly-toggle-switch-h{--height:2.5rem}.sc-smoothly-toggle-switch-h{height:var(--height);width:calc(var(--height) * 2)}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{--smoothly-icon-size:var(--height)}`;const r=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyToggleSwitchChange=o(this,"smoothlyToggleSwitchChange");this.checkmark=true;this.selected=false;this.disabled=false;this.size="default";this.color="medium";this.fill="clear"}handleClick(){this.selected=!this.selected;this.smoothlyToggleSwitchChange.emit(this.selected)}render(){return e(c,{key:"c7781efa34cec41259abf21144c91f24e5722624"},e("button",{key:"229d205e4841dd4bf7f6724e42c7579209d770df",type:"button",disabled:this.disabled,onClick:()=>this.handleClick()},e("smoothly-icon",{key:"22f35503b6c74e001101dc6dda4e3e6736f3bba7",color:this.color,name:!this.checkmark?"ellipse":this.selected?"checkmark-circle":"close-circle",fill:"clear",class:{selected:this.selected}})))}static get style(){return i()}},[2,"smoothly-toggle-switch",{checkmark:[516],selected:[1540],disabled:[516],size:[513],color:[513],fill:[513]}]);function g(){if(typeof customElements==="undefined"){return}const t=["smoothly-toggle-switch","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-toggle-switch":if(!customElements.get(l(t))){customElements.define(l(t),r)}break;case"smoothly-icon":if(!customElements.get(l(t))){h()}break}}))}g();export{r as S,g as d};
-//# sourceMappingURL=p-BsHachOX.js.map
+import{p as t,H as s,c as o,h as e,d as c,t as l}from"./p-BsZrGTcp.js";import{d as h}from"./p-DFSiKg4M.js";const i=()=>`.sc-smoothly-toggle-switch-h{display:block}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{width:100%;height:100%;display:flex;align-items:center;padding-inline:0;cursor:pointer;border:none;border-radius:3em;background-color:rgb(var(--smoothly-color))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-color-tint))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{display:flex;justify-content:flex-start;align-items:center;fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast));transition:100ms ease-in-out}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{fill:rgb(var(--smoothly-success-contrast));stroke:rgb(var(--smoothly-success-contrast))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{background-color:rgb(var(--smoothly-success-color))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-success-tint))}[selected].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{transform:translateX(100%)}[size=tiny].sc-smoothly-toggle-switch-h{--height:1.25rem}[size=small].sc-smoothly-toggle-switch-h{--height:1.5rem}[size=default].sc-smoothly-toggle-switch-h{--height:2rem}[size=large].sc-smoothly-toggle-switch-h{--height:2.5rem}.sc-smoothly-toggle-switch-h{height:var(--height);width:calc(var(--height) * 2)}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{--smoothly-icon-size:var(--height)}`;const r=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyToggleSwitchChange=o(this,"smoothlyToggleSwitchChange");this.checkmark=true;this.selected=false;this.disabled=false;this.size="default";this.color="medium";this.fill="clear"}handleClick(){this.selected=!this.selected;this.smoothlyToggleSwitchChange.emit(this.selected)}render(){return e(c,{key:"3a4b9d310da72b52813117929327c8a9a42d32ad"},e("button",{key:"ac17b5375ebd1a4437f8ed632f93f1a7c6dde5b3",type:"button",disabled:this.disabled,onClick:()=>this.handleClick()},e("smoothly-icon",{key:"4a07e19ec0a7ee3d0f124b6bcaa2529e055a2a9f",color:this.color,name:!this.checkmark?"ellipse":this.selected?"checkmark-circle":"close-circle",fill:"clear",class:{selected:this.selected}})))}static get style(){return i()}},[2,"smoothly-toggle-switch",{checkmark:[516],selected:[1540],disabled:[516],size:[513],color:[513],fill:[513]}]);function g(){if(typeof customElements==="undefined"){return}const t=["smoothly-toggle-switch","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-toggle-switch":if(!customElements.get(l(t))){customElements.define(l(t),r)}break;case"smoothly-icon":if(!customElements.get(l(t))){h()}break}}))}g();export{r as S,g as d};
+//# sourceMappingURL=p-D6t9mpY2.js.map

package/dist/components/{p-B3S9rR8a.js → p-D7ibQkKs.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{o as r}from"./p-Dr7iZPxA.js";import{f as c}from"./p-Br0kWrBT.js";import{N as l}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as n}from"./p-mmAi00ak.js";import{d as p}from"./p-Cl8L61mt.js";import{d as f}from"./p-CHjWijPI.js";import{d}from"./p-BE5E3Jm6.js";import{d as h}from"./p-vvQg46ti.js";import{d as y}from"./p-DFSiKg4M.js";import{d as u}from"./p-CtVEKtM6.js";import{d as b}from"./p-MqffyRVU.js";import{d as k}from"./p-BplZiuMF.js";import{d as j}from"./p-BLdivqFr.js";import{d as E}from"./p-CVdJ19AA.js";import{d as B}from"./p-DvOr53No.js";const D=()=>`.sc-smoothly-form-demo-date-h{display:block}`;const v=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.notice=s(this,"notice");this.validator=r({date:c("isoly.Date",i.Date.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(l.failed(`Type is incomplete.`))}else{this.notice.emit(l.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return e(m,{key:"f87469968c363fc2e6908a6b8323d31d10e43f7b"},e("h2",{key:"1b039d54dc14bd23fdf4a67404493fe4fa1002e5"},"Date input"),e("smoothly-form",{key:"503627a427a6e50eaacb0a9aed71b057f0631a35",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},e("smoothly-input-date",{key:"a0e1a4482ab53227b1833ee32edf37537766c34b",name:"date"},"Date"),e("smoothly-input-submit",{key:"3ca7baebc20a2378b0858b84aa4f420d80cc035d",slot:"submit"},e("smoothly-icon",{key:"44b553b4e0cdc44462ca87e7a2c25ab86be2cc34",name:"checkmark-outline"}))))}static get style(){return D()}},[2,"smoothly-form-demo-date"]);function x(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-date","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input-date","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-date":if(!customElements.get(a(t))){customElements.define(a(t),v)}break;case"smoothly-button":if(!customElements.get(a(t))){n()}break;case"smoothly-button-confirm":if(!customElements.get(a(t))){p()}break;case"smoothly-calendar":if(!customElements.get(a(t))){f()}break;case"smoothly-date-text":if(!customElements.get(a(t))){d()}break;case"smoothly-form":if(!customElements.get(a(t))){h()}break;case"smoothly-icon":if(!customElements.get(a(t))){y()}break;case"smoothly-input-date":if(!customElements.get(a(t))){u()}break;case"smoothly-input-month":if(!customElements.get(a(t))){b()}break;case"smoothly-input-select":if(!customElements.get(a(t))){k()}break;case"smoothly-input-submit":if(!customElements.get(a(t))){j()}break;case"smoothly-item":if(!customElements.get(a(t))){E()}break;case"smoothly-spinner":if(!customElements.get(a(t))){B()}break}}))}x();export{v as S,x as d};
-//# sourceMappingURL=p-B3S9rR8a.js.map
+import{p as t,H as o,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{o as r}from"./p-Dr7iZPxA.js";import{f as c}from"./p-Br0kWrBT.js";import{N as l}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as n}from"./p-mmAi00ak.js";import{d as p}from"./p-Cl8L61mt.js";import{d as f}from"./p-l7KxEsrG.js";import{d as h}from"./p-BE5E3Jm6.js";import{d}from"./p-BLDkKrD6.js";import{d as y}from"./p-DFSiKg4M.js";import{d as u}from"./p-CZY1H_tZ.js";import{d as b}from"./p-EqRJl32n.js";import{d as k}from"./p-DTo2Itg9.js";import{d as E}from"./p-C3bp3FF4.js";import{d as j}from"./p-DtGUtK97.js";import{d as D}from"./p-MWZzvkuh.js";const B=()=>`.sc-smoothly-form-demo-date-h{display:block}`;const x=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.notice=s(this,"notice");this.validator=r({date:c("isoly.Date",i.Date.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(l.failed(`Type is incomplete.`))}else{this.notice.emit(l.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return e(m,{key:"f87469968c363fc2e6908a6b8323d31d10e43f7b"},e("h2",{key:"1b039d54dc14bd23fdf4a67404493fe4fa1002e5"},"Date input"),e("smoothly-form",{key:"503627a427a6e50eaacb0a9aed71b057f0631a35",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},e("smoothly-input-date",{key:"a0e1a4482ab53227b1833ee32edf37537766c34b",name:"date"},"Date"),e("smoothly-input-submit",{key:"3ca7baebc20a2378b0858b84aa4f420d80cc035d",slot:"submit"},e("smoothly-icon",{key:"44b553b4e0cdc44462ca87e7a2c25ab86be2cc34",name:"checkmark-outline"}))))}static get style(){return B()}},[2,"smoothly-form-demo-date"]);function T(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-date","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input-date","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-date":if(!customElements.get(a(t))){customElements.define(a(t),x)}break;case"smoothly-button":if(!customElements.get(a(t))){n()}break;case"smoothly-button-confirm":if(!customElements.get(a(t))){p()}break;case"smoothly-calendar":if(!customElements.get(a(t))){f()}break;case"smoothly-date-text":if(!customElements.get(a(t))){h()}break;case"smoothly-form":if(!customElements.get(a(t))){d()}break;case"smoothly-icon":if(!customElements.get(a(t))){y()}break;case"smoothly-input-date":if(!customElements.get(a(t))){u()}break;case"smoothly-input-month":if(!customElements.get(a(t))){b()}break;case"smoothly-input-select":if(!customElements.get(a(t))){k()}break;case"smoothly-input-submit":if(!customElements.get(a(t))){E()}break;case"smoothly-item":if(!customElements.get(a(t))){j()}break;case"smoothly-spinner":if(!customElements.get(a(t))){D()}break}}))}T();export{x as S,T as d};
+//# sourceMappingURL=p-D7ibQkKs.js.map

package/dist/components/p-DAB4uIiw.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as t,d as s,t as o}from"./p-BsZrGTcp.js";import{d as m}from"./p-mmAi00ak.js";import{d as c}from"./p-CN3iME9d.js";import{d as n}from"./p-DG2pfnCV.js";import{d}from"./p-uFR5K4vd.js";import{d as r}from"./p-DvZK__s-.js";import{d as l}from"./p-F8qX8ZuL.js";import{d as i}from"./p-DFSiKg4M.js";import{d as f}from"./p-BWF43Ktc.js";import{d as p}from"./p-e3dhSqSH.js";import{d as y}from"./p-WyNQ9SZM.js";const b=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"93085adc52dbed67cd824108eaaf64b3bda0fb6e"},t("h2",{key:"a91437c641e21986ad592c73f92a14234eddb9b9"},"Range"),t("h3",{key:"5003225e9af30f278a7f37ccc1daab93df370e80"},"Phone Number"),t("smoothly-input-range",{key:"38c9a1cf1be25dec16410ca010c5ae734746e28b",name:"first",min:7e8,max:799999999,step:1,label:"Phone Number"}),t("h3",{key:"d698c7cc1fe2f6a8bd6acdeadfa2ed1e5feaada1"},"Stars out of ten"),t("smoothly-input-range",{key:"dc0f9fa7347edbdcb7bbe8ea454fd9f45f4d9415",name:"stars",max:10,step:1,label:"Stars"}),t("h3",{key:"0a9a613efb97dd6c8493de427aec5c24408cc4fa"},"Percent"),t("smoothly-input-range",{key:"ded29f7d3daac293b6c27a19869b31c91775a14f",name:"percent",type:"percent",max:1,step:.01,label:"Percent"}),t("h3",{key:"589f59a5a0fb056d09d73bb233e2d255630bc951"},"With icon at start and clear button"),t("smoothly-input-range",{key:"80a584d2d100d35cc573c3e4c08345a83c2722d4",step:1,name:"withClear",label:"Select"},t("smoothly-icon",{key:"9aeb80b3577a69016be5ce6e5bb874e08d58e435",name:"checkmark-circle",slot:"start"}),t("smoothly-input-clear",{key:"61d3b0a8b0e97c94a8eb1f042c0b7ee60891d90b",size:"icon",slot:"end"})),t("h3",{key:"a4cca86315fe12f0f65925efaf9e9996cd6437b7"},"Dual (start / end)"),t("smoothly-input-range",{key:"14e337185e98ff57664e34a50df68f1999818680",dual:true,min:90.86,max:1e7,step:1,name:"dualRange",label:"Range"}),t("h3",{key:"6bcd7e2e726e75faea6b630eb65baea6aa867cd9"},"Dual percent"),t("smoothly-input-range",{key:"33a08332e9ee254819afbff1bff39c8e84edd6e1",dual:true,name:"dualRangePercent",type:"percent",min:0,max:1,step:.01},t("smoothly-input-clear",{key:"e4125366bf47fb0dafda9fa254f88c023af2760f",size:"icon",slot:"end"})))}},[0,"smoothly-input-range-demo"]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-range-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-clear","smoothly-input-range"];e.forEach((e=>{switch(e){case"smoothly-input-range-demo":if(!customElements.get(o(e))){customElements.define(o(e),b)}break;case"smoothly-button":if(!customElements.get(o(e))){m()}break;case"smoothly-display":if(!customElements.get(o(e))){c()}break;case"smoothly-display-json":if(!customElements.get(o(e))){n()}break;case"smoothly-display-json-object":if(!customElements.get(o(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(o(e))){r()}break;case"smoothly-display-json-record-key":if(!customElements.get(o(e))){l()}break;case"smoothly-icon":if(!customElements.get(o(e))){i()}break;case"smoothly-input":if(!customElements.get(o(e))){f()}break;case"smoothly-input-clear":if(!customElements.get(o(e))){p()}break;case"smoothly-input-range":if(!customElements.get(o(e))){y()}break}}))}u();export{b as S,u as d};
+//# sourceMappingURL=p-DAB4uIiw.js.map

package/dist/components/p-DB5eYiPc.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as o,h as a,d as s,t as c}from"./p-BsZrGTcp.js";import{i as m}from"./p-BVKhAhsB.js";import{d}from"./p-CCwzp3Kg.js";import{d as l}from"./p-mmAi00ak.js";import{d as i}from"./p-Cl8L61mt.js";import{d as f}from"./p-l7KxEsrG.js";import{d as b}from"./p-BE5E3Jm6.js";import{d as n}from"./p-CN3iME9d.js";import{d as r}from"./p-DG2pfnCV.js";import{d as y}from"./p-uFR5K4vd.js";import{d as u}from"./p-DvZK__s-.js";import{d as h}from"./p-F8qX8ZuL.js";import{d as p}from"./p-BLDkKrD6.js";import{d as k}from"./p-DFSiKg4M.js";import{d as v}from"./p-BWF43Ktc.js";import{d as g}from"./p-BAMxyPpe.js";import{d as j}from"./p-e3dhSqSH.js";import{d as E}from"./p-BkrgS2Eo.js";import{d as x}from"./p-BeMfiXqA.js";import{d as S}from"./p-CZY1H_tZ.js";import{d as C}from"./p-B1agr2Cu.js";import{d as w}from"./p-Bp65xiCy.js";import{d as D}from"./p-D1kz47jP.js";import{d as z}from"./p-CMEM-pz8.js";import{d as M}from"./p-C3ntRScd.js";import{d as L}from"./p-_46rt1sK.js";import{d as A}from"./p-BR6cMQkb.js";import{d as B}from"./p-EqRJl32n.js";import{d as I}from"./p-DTVTH7QY.js";import{d as F}from"./p-CcJ_7PQR.js";import{d as K}from"./p-CvhP-Vls.js";import{d as N}from"./p-WyNQ9SZM.js";import{d as P}from"./p-DAB4uIiw.js";import{d as H}from"./p-CMhSJk_G.js";import{d as Z}from"./p-DTo2Itg9.js";import{d as J}from"./p-C3bp3FF4.js";import{d as R}from"./p-DtGUtK97.js";import{d as T}from"./p-MWZzvkuh.js";import{d as Q}from"./p-Cvc3SMPo.js";import{d as _}from"./p-2Y5tLcQ1.js";import{d as G}from"./p-D6t9mpY2.js";const q=()=>`.sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{max-width:min(calc(100% - 2rem), 56rem);margin:auto}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 18rem));flex-basis:40%}`;const V=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.smoothlyUrlUpdate=o(this,"smoothlyUrlUpdate");this.duration={hours:8};this.alphanumeric="!@##";this.numbers=[1,2,3,4,5,6,7,8,9]}render(){return a(s,{key:"9abde760302f7d14296fc58d56b168ccd992c88a"},a("smoothly-input-demo-standard",{key:"7145773de0c84eab437b1dc065202dc2cb19b37a"}),a("smoothly-input-date-demo",{key:"c0304ad310674ae499009d58ddce974f7412c33f"}),a("smoothly-input-demo-user-input",{key:"efde7d5d40929dcc96890f54a91797d0251db2bc"}),a("smoothly-input-demo-radio",{key:"9cde328a31101ee88b7ac3fd7f86abb00b8aedca"}),a("div",{key:"066262aa80f355d87120622b163621c209b0f43c",class:"inputs"},a("h2",{key:"bc38dbe23f7eb3611cac8cf83c5ce0634cb4e722"},"Calendar"),a("smoothly-input-date",{key:"f56708f29f4fa6158ea18b55d806215ee414c599",name:"some-date"},"Calendar"),a("smoothly-input-date-time",{key:"5fe8d855011464f877d70981663f27980080c16a",name:"someDateTime",value:m.DateTime.now()},"DateTime"),a("h2",{key:"f060f3978aeb3707d20c26cdf03724ffb8b25220"},"Date Range"),a("smoothly-input-date-range",{key:"397960f5adb2f9cdb84883e4a4a73134054e23be",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-01",max:"2025-01-31"}),a("smoothly-input-date-range",{key:"37e2a88696a6c59498b203a00067c96028b8b7a9",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2024-12-30"},a("smoothly-input-reset",{key:"e50dcde7cd3ce5a5286f5a9e6dfd8bbee00be2f9",slot:"end",size:"icon"})),a("smoothly-input-date-range",{key:"ab99b94f110b3861c6b0350e555442325332f42a",looks:"grid",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--smoothly-input-border-radius":"0.5rem"}},a("smoothly-input-clear",{key:"7f6081c65f5280584d04b6ce8f7905ac77634a3e",slot:"end",size:"icon"})),a("h2",{key:"37f34f036ee7dc8fb75c4c00659da25e601ff5b1"},"Date"),a("smoothly-input-date",{key:"511529a03ebe91114a24ac5a1942bf2007e1c338"},"Date"),a("smoothly-input-date",{key:"f0b777d7e776387614b9cbeb866f91fd20c86710",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),a("smoothly-input-date",{key:"11c9d53699c3f56ab059fcc4ae23ae3ede7c3ef7",value:"2021-10-28"},"Date",a("smoothly-input-reset",{key:"d8f02f6d1c3a5866f9666199b8dff8bffa2f020a",slot:"end",size:"icon"})),a("smoothly-input-date",{key:"b818db6b9c7b7a3e52bd110795f814f440eab4f7",value:"2021-10-28"},"Date",a("smoothly-input-clear",{key:"c099251b5d2925af72bf10d4e897f4102f62be43",slot:"end",size:"icon"})),a("h2",{key:"8033cbfa7ee22ca7440d58952676a43f092c1304"},"Select"),a("div",{key:"1de49162035bde4ab43a46cea27a2e4ef016c784",class:"select-div"},a("smoothly-input-select",{key:"2d2acbd594c6a260b1bd571f00a35e53db9f904f",name:"select-dessert",looks:"border"},a("label",{key:"4a1ebbb1757580ebfba6c58651fa8207a186274c",slot:"label"},"Select with clear button"),a("smoothly-item",{key:"10fe2d4eec5af17e61f704b594be8a700dde57e8",value:"1"},"Ice cream"),a("smoothly-item",{key:"50f3be0902fa5d9989e0827df63cbbc1e4969a4e",value:"2"},"Sponge cake"),a("smoothly-item",{key:"54d4950affc3378a23311d30f01a6b75877921a8",value:"3",disabled:true},"Disabled Item"),a("smoothly-item",{key:"2b669d8c3138b6bef8b2c0a5b0a17f07ea2b1fc3",value:"4"},"Cookie"),a("smoothly-item",{key:"1d222cd2827315a43f1d8412777f2deab42c707e",value:"5"},"Croissant"),a("smoothly-item",{key:"f5582ec1306d69273508415467d56ef166d59592",value:"6"},"Chocolate fondue"),a("smoothly-input-clear",{key:"903c91c69080f05179a1d4c5c4176f651bbac1a7",size:"icon",slot:"end"})),a("smoothly-input-select",{key:"a73b2cdcca14bddac369727f65113cfe2e36f9c8",multiple:true,name:"select-dessert-multiple",looks:"border"},a("label",{key:"264c0c5c870d69ccd4acd552c0c69b75bdf41322",slot:"label"},"Select multiple with reset button"),a("smoothly-item",{key:"1b013b6fce5892e21cec768704c1c7847f9c2d6b",value:"ice cream"},"Ice cream"),a("smoothly-item",{key:"cbf0fb98cd04b4c21d56c4640ebc7fea61de1b8e",value:"sponge cake"},"Sponge cake"),a("smoothly-item",{key:"5244238b76c116e31888c36887b3f4ac5c88f2d0",selected:true,value:"cookie"},"Cookie"),a("smoothly-item",{key:"665cd5efa69f937a8de2e16549f6b5030f87aadd",value:"croissant"},"Croissant"),a("smoothly-item",{key:"f33f606105a30eadeb8ad91d1d098b59f03f1de2",selected:true,value:"chocolate fondue"},"Chocolate fondue"),a("smoothly-input-reset",{key:"903d7955210a152bdd397bf011ede1bdff121949",size:"icon",slot:"end"})),a("smoothly-input-select",{key:"a3b64c46106cc3059130d7c3a91d7f490d1d2751",name:"spirit-animals",looks:"border",mutable:true},a("label",{key:"a004cf922bae1aad8f4df3af6898096e965cfc6a",slot:"label"},"Select or add new options"),a("smoothly-item",{key:"4aa4ef91d108edb11936203365632dfc604e6973",value:"manatee"},"Manatee"),a("smoothly-item",{key:"12985b2fd02dec4a942274c1ecd0b8d64045fb62",selected:true,value:"cthulu"},"Cthulu")),a("smoothly-input-select",{key:"926065319fff2eb3024955686991469cf4128a36",name:"select-icon",clearable:false,showSelected:false},a("smoothly-item",{key:"1ac998cba750b6779c9d2159cef8245ab915f528",value:"folder",selected:true},a("smoothly-icon",{key:"30d4832563d4b16c0bbb77cb33e0da404b743090",size:"small",name:"folder-outline"})),a("smoothly-item",{key:"b04f79adc06b65369baed20874f53ef04a33f80f",value:"camera"},a("smoothly-icon",{key:"b16eaceb42a9e0b56587ce78e8cfdc6452dddd7b",size:"small",name:"camera-outline"}))),a("smoothly-input-select",{key:"5e225cc4758897b81015db7495c7d7a224776e53",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},a("label",{key:"4b9bcc2a3fe30dabc8669888a19ce86f369cc41e",slot:"label"},"Alphabet ordered select"),Array.from({length:26}).map(((e,t)=>String.fromCharCode(t+65))).map((e=>a("smoothly-item",{value:e,selected:e=="H"},e)))),a("smoothly-input-select",{key:"a171d4ffb8e1bfc698f0fc9ae4ed69e98ced36c9",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},a("label",{key:"a23c78b0a859472f5e0123b0c02c010911417369",slot:"label"},"Month multiple select"),a("smoothly-item",{key:"a733057d56e91b60e5baa989e26dddbd91e0241a",value:"1"},"January"),a("smoothly-item",{key:"376d92471d5d2eaa9dd88812a8fc583153410198",value:"2"},"February"),a("smoothly-item",{key:"7a1fce8efd0b7974e5528a5fa5662c1dfd778394",value:"3"},"March"),a("smoothly-item",{key:"cb9baf077486cb9bcdbbf89649530a5e0d6063c7",value:"4"},"April"),a("smoothly-item",{key:"0a3473edcc3c472a629ba3d8a79f902acb2e26f3",value:"5"},"May"),a("smoothly-item",{key:"5fdae912db41bffabf3b295d2c3032277dffaa94",value:"6"},"June"),a("smoothly-item",{key:"80047591254fd32dc669b14753e4786d43d3c97d",value:"7"},"July"),a("smoothly-item",{key:"c9df20403a3c394c64aba952b9fedf32e79ccb4d",value:"8"},"August"),a("smoothly-item",{key:"68313242691a68d57283d668fe9b515793737c7e",value:"9"},"September"),a("smoothly-item",{key:"443d7a691c41599d0d89db84b537eb1f257ef517",value:"10"},"October"),a("smoothly-item",{key:"9744bb0bda7582ad2b8b1f90fdf8032258463c54",value:"11"},"November"),a("smoothly-item",{key:"a96a75320e5c546549c4fa35f4176f35a82f5441",value:"12"},"December")),a("div",{key:"d873c1eec59cde6d8922fe4a50e243a63cab66c5",class:"select-div-row"},a("smoothly-input-select",{key:"50e5308ef0fd5c89c0ef0994a1614e633a3d79e0",name:"select-icon",clearable:false,showSelected:false},a("smoothly-item",{key:"a2126b796f28e4c49dd55ca407bfe9c2d71a732a",value:"folder",selected:true},a("smoothly-icon",{key:"9e59ce322358f4648b7b2cf603f4fa0bbee5e7e6",size:"small",name:"folder-outline"})),a("smoothly-item",{key:"c5695fa853b6cd50323c0bb19b179e66241f7c6e",value:"camera"},a("smoothly-icon",{key:"63fc661e772f7b8f425d1aa3acb7d151169e0ca8",size:"small",name:"camera-outline"})),a("smoothly-item",{key:"beaa91042b1183a2fe5eb9f84309cddab6cdaf74",value:"boat"},a("smoothly-icon",{key:"9214d9c9c794dc289f1d99e65877a05a92be2c51",size:"small",name:"boat-outline"}))),a("smoothly-input-select",{key:"9f1f41dce39f38e5fe63e5d771be4ea768732018",name:"select-number",clearable:false},this.numbers.map((e=>a("smoothly-item",{value:"number",selected:e===3},e)))),a("smoothly-input",{key:"73f079ee5dc954e5274c0d4506687186e985ebc7",name:"name",value:"Sten Qvist"},"Name")),a("smoothly-input-select",{key:"f180ea82340d92cfd514a8f02b0610de97955db6",name:"persistent-search",isSearchPersistent:true,menuHeight:"7.5items",searchPlaceholder:"Not here? Type to search."},a("label",{key:"0bb5a665c356d9262946b012e97e5ebfa6e3a2cc",slot:"label"},"Persistent Search select"),this.numbers.map((e=>a("smoothly-item",{value:e},e))))),a("h2",{key:"aa748593e7a304b916fe003db3574355e861f91f"},"Duration"),a("smoothly-input",{key:"6665cf5c786a67bfd315ca5e698201a28ac58bd9",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:e=>this.duration=e.detail.duration},"Duration"),a("smoothly-input",{key:"acc1524d8f3d81b502f152b9c4a4269f04ec28a3",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:e=>{const t=e.detail.duration;this.duration=t}},"Duration"),a("h2",{key:"ec697e0d8a4c08cf76096f8ecea3cf928ac8ffed"},"Integer with Min/Max"),a("smoothly-input",{key:"d93e6fcb19b42a47bfb083731678f70aa29e6b91",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),a("smoothly-input",{key:"5e08ee5eacadbe550677ed2f80bf120d31f330bb",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),a("smoothly-input",{key:"dd76431b7c0aab1d449d1008e4b8f304e569981f",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),a("smoothly-input",{key:"9f505d2068e98d936255a2077ce4a7fe10120237",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),a("h2",{key:"0e6dfdc5d485752df47122337bb0e15b052cde03"},"Invalid text with warning icon and tooltip"),a("smoothly-input",{key:"0c015c17a330733637adbd5e60fed447f4224456",copyable:true,name:"alphanumeric",invalid:!/^[a-zA-Z0-9]+$/.test(this.alphanumeric),errorMessage:"Only alphanumeric allowed",value:this.alphanumeric,onSmoothlyInput:e=>this.alphanumeric=e.detail.alphanumeric},"Alphanumeric"),a("h2",{key:"3443f52822907571e8f158e8fbd5ee31db147e0c"},"Identifiers"),a("smoothly-input",{key:"04f0103307050d20d7a3c8aac48f872b7bed47a9",type:"identifier-code"},"Code"),a("smoothly-input",{key:"ada6bccee4f18ce4cb4f43bacc170bdcac4e5f8d",type:"identifier-attribute"},"Attribute"),a("smoothly-input",{key:"d1dd0cd0fb145e64da7622e650d08068034234d7",type:"identifier-snake"},"Snake"),a("smoothly-input",{key:"6bb9c33e28690ad8ba5910f57f4323b17380bd4d",type:"identifier-pascal"},"Pascal"),a("smoothly-input",{key:"c6d0145666d97941bf4e3cc3f000dcf7df622456",type:"identifier-camel"},"Camel"),a("h2",{key:"a0fd68fd64318c72d4fb5617999eb28434f46acb"},"Input Alternatives"),a("smoothly-input",{key:"b258a367eb583950f4e88462759553304b34ab5f",type:"text",name:"name.last"},a("smoothly-icon",{key:"6680c161daaa98a7eefb134fa6ac01e057a4cda8",name:"checkmark-circle",slot:"start"}),"First Name"),a("smoothly-input",{key:"c3fbc85c3dd1548a2e13dfefb72e999c2e540af3",type:"text",name:"name.first"},"Last Name",a("smoothly-icon",{key:"b870dd9c6a9ec3c8cff7eb0d72b8ff8d01ff4787",name:"checkmark-circle",slot:"end"})),a("smoothly-input",{key:"56483f22dadebefc68a137ef7ea47c201455f9ac",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",a("smoothly-icon",{key:"ab1a1418475389089a04e781020fdec0843db208",name:"checkmark-circle",slot:"end"})),a("smoothly-input",{key:"235e4ba12e66afc201a687d67ba68c09e47c6ae3",placeholder:"test"}),a("smoothly-input-submit",{key:"6cd11548c4da7a358b0c41fc17872173fb5542ed",slot:"submit",fill:"solid",onSubmit:e=>alert(e),color:"success"}),a("h4",{key:"6426ff9a5dcd88a79a0e25f8131a905111e1100d"},"Smoothly checkboxes"),a("div",{key:"2ee293c7ee7cc7028cc5a64c7514089f6e513970",class:"checkbox-group"},a("smoothly-input-checkbox",{key:"04543bfef656a978cfa97278be15ee98ac340226",disabled:true,name:"first-checkbox"},a("smoothly-icon",{key:"d6364cf232eb21eb05d8c0d2c561b5f83c2bfc22",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),a("smoothly-input-checkbox",{key:"6002b3d4d656de70f45268684091700bb51a34d9",name:"second-checkbox",checked:true},a("smoothly-icon",{key:"a62dede44cee8482cedf454666d74eadcae5b648",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",a("smoothly-input-clear",{key:"efa5fb6d1c0b98657fcdb2f767a1b540cfbe64c2",size:"icon",slot:"end"})),a("smoothly-input-checkbox",{key:"7e9bae820feaf07266c5855521656fb77795f213",name:"third-checkbox"},"3rd")),a("h4",{key:"5e82e2cabd6bfba777cb525f9327f8d0b44bb0a4"},"Smoothly Radio Buttons"),a("smoothly-input-radio",{key:"2f509cac6e45fede44fb781e0d89e3641cbe7087",clearable:true,name:"radioFirstInput"},a("smoothly-icon",{key:"3d8d785ab281ced175b9eff30588e456b9d467c8",name:"checkmark-circle",slot:"start"}),a("label",{key:"7818d1cd7adf436e618c2c1657a9cdb703bd9872",slot:"label"},"Clearable"),a("smoothly-input-radio-item",{key:"8dcef2f957dec38a75138907c0f7b90dfd60eb06",value:"first"},"Label 1"),a("smoothly-input-radio-item",{key:"8abcba992493b5a48c52e83354accb5cd811600e",selected:true,value:"second"},"Label 2"),a("smoothly-input-radio-item",{key:"258b7a4eeed806d90bf532232204c5816138f0e3",value:"third"},"Label 3"),a("smoothly-input-clear",{key:"8162121c8509d4dbfa817f8da1ce83e772635eae",size:"icon",slot:"end"})),a("smoothly-input-radio",{key:"1fb58d1a85229c423cfcdc3cc9dda03e2656a156",name:"radioSecondInput"},a("label",{key:"aa058078296bf6bdb306014dbb2bfff8f4ea4127",slot:"label"},"Not clearable"),a("smoothly-input-radio-item",{key:"a5705cd459d7d23a673bebb2922d96b05886b174",value:"first"},"Label 1"),a("smoothly-input-radio-item",{key:"eaf40dd525cc87eb6945c2f2c13fa3bc88a87b8a",value:"second"},"Label 2"),a("smoothly-input-radio-item",{key:"804cab03ddaaa8117ede9be9c64a7702a6a80e9e",value:"third"},"Label 3"),a("smoothly-input-radio-item",{key:"5fb7e710781e5fbb151dc7e1375e558f2f5b31d6",value:"fourth"},"Label 4"),a("smoothly-input-radio-item",{key:"8eb82275acfeb773ed48a3a16e9185655811f1ac",value:"fifth"},"Label 5"),a("smoothly-input-radio-item",{key:"ca59f13504dabd0cbfe5f990df73b4d1cf3fba40",value:"sixth"},"Label 6")),a("smoothly-input-range-demo",{key:"fb8307d6c518fcb16fe272cbedba69c5a824b631"}),a("smoothly-input-color-demo",{key:"3a5e50a5f2aee26c49a2f0ffd879f6efe6717697"}),a("smoothly-input-price-demo",{key:"69c1564a1952541b35af40a5675029b32bc43256"}),a("smoothly-back-to-top",{key:"574445159a65c986532d39d381a37a606cde04b0"})))}static get style(){return q()}},[2,"smoothly-input-demo",{duration:[32],alphanumeric:[32]}]);function Y(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo","smoothly-back-to-top","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-color-demo","smoothly-input-date","smoothly-input-date-demo","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-demo-radio","smoothly-input-demo-standard","smoothly-input-demo-user-input","smoothly-input-file","smoothly-input-month","smoothly-input-price-demo","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-range-demo","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo":if(!customElements.get(c(e))){customElements.define(c(e),V)}break;case"smoothly-back-to-top":if(!customElements.get(c(e))){d()}break;case"smoothly-button":if(!customElements.get(c(e))){l()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){i()}break;case"smoothly-calendar":if(!customElements.get(c(e))){f()}break;case"smoothly-date-text":if(!customElements.get(c(e))){b()}break;case"smoothly-display":if(!customElements.get(c(e))){n()}break;case"smoothly-display-json":if(!customElements.get(c(e))){r()}break;case"smoothly-display-json-object":if(!customElements.get(c(e))){y()}break;case"smoothly-display-json-primitive":if(!customElements.get(c(e))){u()}break;case"smoothly-display-json-record-key":if(!customElements.get(c(e))){h()}break;case"smoothly-form":if(!customElements.get(c(e))){p()}break;case"smoothly-icon":if(!customElements.get(c(e))){k()}break;case"smoothly-input":if(!customElements.get(c(e))){v()}break;case"smoothly-input-checkbox":if(!customElements.get(c(e))){g()}break;case"smoothly-input-clear":if(!customElements.get(c(e))){j()}break;case"smoothly-input-color":if(!customElements.get(c(e))){E()}break;case"smoothly-input-color-demo":if(!customElements.get(c(e))){x()}break;case"smoothly-input-date":if(!customElements.get(c(e))){S()}break;case"smoothly-input-date-demo":if(!customElements.get(c(e))){C()}break;case"smoothly-input-date-range":if(!customElements.get(c(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(c(e))){D()}break;case"smoothly-input-demo-radio":if(!customElements.get(c(e))){z()}break;case"smoothly-input-demo-standard":if(!customElements.get(c(e))){M()}break;case"smoothly-input-demo-user-input":if(!customElements.get(c(e))){L()}break;case"smoothly-input-file":if(!customElements.get(c(e))){A()}break;case"smoothly-input-month":if(!customElements.get(c(e))){B()}break;case"smoothly-input-price-demo":if(!customElements.get(c(e))){I()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){F()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){K()}break;case"smoothly-input-range":if(!customElements.get(c(e))){N()}break;case"smoothly-input-range-demo":if(!customElements.get(c(e))){P()}break;case"smoothly-input-reset":if(!customElements.get(c(e))){H()}break;case"smoothly-input-select":if(!customElements.get(c(e))){Z()}break;case"smoothly-input-submit":if(!customElements.get(c(e))){J()}break;case"smoothly-item":if(!customElements.get(c(e))){R()}break;case"smoothly-spinner":if(!customElements.get(c(e))){T()}break;case"smoothly-tab":if(!customElements.get(c(e))){Q()}break;case"smoothly-tabs":if(!customElements.get(c(e))){_()}break;case"smoothly-toggle-switch":if(!customElements.get(c(e))){G()}break}}))}Y();export{V as S,Y as d};
+//# sourceMappingURL=p-DB5eYiPc.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["styleCss","SmoothlyInputDemo","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","duration","hours","alphanumeric","numbers","render","h","Host","key","class","name","value","isoly","DateTime","now","start","Date","end","nextMonth","min","max","slot","size","looks","showLabel","style","disabled","multiple","selected","mutable","clearable","showSelected","ordered","menuHeight","placeholder","Array","from","length","map","_","i","String","fromCharCode","char","number","isSearchPersistent","searchPlaceholder","type","onSmoothlyInput","e","detail","copyable","invalid","test","errorMessage","fill","onSubmit","alert","color","checked"],"sources":["src/components/input/demo/style.css?tag=smoothly-input-demo&encapsulation=scoped","src/components/input/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-top: 2em;\n\tmargin-bottom: 10rem;\n}\n\n:host .select-div-row {\n\tdisplay: flex;\n}\n\n:host .select-div-row smoothly-input {\n flex: 1;\n}\n\nsmoothly-input-demo-standard {\n\tmargin-bottom: 2rem;\n}\n\ndiv.inputs {\n\tmax-width: min(calc(100% - 2rem), 56rem);\n\tmargin: auto;\n}\n\ndiv.inputs>h2:not(:first-child) {\n\tpadding-top: 3em;\n\tmargin-top: 3em;\n\tborder-top: 1px solid black;\n}\n\n.checkbox-group {\n\tdisplay: flex;\n\tgap: 1.5em;\n\talign-items: center;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n.select-div {\n\tdisplay: flex;\n\t/* justify-content: space-between; */\n\tgap: 1em;\n\tflex-wrap: wrap;\n}\n\n.select-div>* {\n\tflex-grow: 1;\n\tmin-width: min(100%, var(--smoothly-form-input-min-width, 18rem));\n\tflex-basis: 40%;\n}\n","import { Component, Event, EventEmitter, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemo {\n\t@State() duration: isoly.TimeSpan = { hours: 8 }\n\t@State() alphanumeric: string = \"!@##\"\n\tprivate numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9]\n\t@Event() smoothlyUrlUpdate: EventEmitter<{ path: string; query?: string }>\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input-demo-standard />\n\t\t\t\t<smoothly-input-date-demo />\n\t\t\t\t<smoothly-input-demo-user-input />\n\t\t\t\t<smoothly-input-demo-radio />\n\t\t\t\t<div class=\"inputs\">\n\t\t\t\t\t<h2>Calendar</h2>\n\t\t\t\t\t<smoothly-input-date name=\"some-date\">Calendar</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-time name=\"someDateTime\" value={isoly.DateTime.now()}>\n\t\t\t\t\t\tDateTime\n\t\t\t\t\t</smoothly-input-date-time>\n\t\t\t\t\t<h2>Date Range</h2>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname=\"testing\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-01\"\n\t\t\t\t\t\tmax=\"2025-01-31\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname=\"testing\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\t\t\tmax=\"2024-12-30\">\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tlooks=\"grid\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\t\t\tmax=\"2025-12-30\"\n\t\t\t\t\t\tshowLabel={false}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\"--smoothly-input-border-radius\": \"0.5rem\",\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<h2>Date</h2>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date showLabel={false} value=\"2021-10-28\" max=\"2021-12-30\" min=\"2021-10-10\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date value=\"2021-10-28\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date value=\"2021-10-28\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<h2>Select</h2>\n\t\t\t\t\t<div class=\"select-div\">\n\t\t\t\t\t\t<smoothly-input-select name=\"select-dessert\" looks=\"border\">\n\t\t\t\t\t\t\t<label slot=\"label\">Select with clear button</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"1\">Ice cream</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"2\">Sponge cake</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"3\" disabled>\n\t\t\t\t\t\t\t\tDisabled Item\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"4\">Cookie</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"5\">Croissant</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"6\">Chocolate fondue</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select multiple name=\"select-dessert-multiple\" looks=\"border\">\n\t\t\t\t\t\t\t<label slot=\"label\">Select multiple with reset button</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"ice cream\">Ice cream</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"sponge cake\">Sponge cake</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"cookie\">\n\t\t\t\t\t\t\t\tCookie\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"croissant\">Croissant</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"chocolate fondue\">\n\t\t\t\t\t\t\t\tChocolate fondue\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-input-reset size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"spirit-animals\" looks=\"border\" mutable>\n\t\t\t\t\t\t\t<label slot=\"label\">Select or add new options</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"manatee\">Manatee</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"cthulu\">\n\t\t\t\t\t\t\t\tCthulu\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select ordered menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t\t<label slot=\"label\">Alphabet ordered select</label>\n\t\t\t\t\t\t\t{Array.from({ length: 26 })\n\t\t\t\t\t\t\t\t.map((_, i) => String.fromCharCode(i + 65))\n\t\t\t\t\t\t\t\t.map(char => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={char} selected={char == \"H\"}>\n\t\t\t\t\t\t\t\t\t\t{char}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select multiple menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t\t<label slot=\"label\">Month multiple select</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\n\t\t\t\t\t\t<div class=\"select-div-row\">\n\t\t\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t<smoothly-item value=\"boat\">\n\t\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"boat-outline\" />\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t\t<smoothly-input-select name=\"select-number\" clearable={false}>\n\t\t\t\t\t\t\t\t{this.numbers.map(number => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value=\"number\" selected={number === 3}>\n\t\t\t\t\t\t\t\t\t\t{number}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t\t<smoothly-input name=\"name\" value=\"Sten Qvist\">\n\t\t\t\t\t\t\t\tName\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<smoothly-input-select\n\t\t\t\t\t\t\tname=\"persistent-search\"\n\t\t\t\t\t\t\tisSearchPersistent\n\t\t\t\t\t\t\tmenuHeight=\"7.5items\"\n\t\t\t\t\t\t\tsearchPlaceholder=\"Not here? Type to search.\">\n\t\t\t\t\t\t\t<label slot=\"label\">Persistent Search select</label>\n\t\t\t\t\t\t\t{this.numbers.map(number => (\n\t\t\t\t\t\t\t\t<smoothly-item value={number}>{number}</smoothly-item>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h2>Duration</h2>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"duration\"\n\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\tplaceholder=\"hh:mm\"\n\t\t\t\t\t\tvalue={this.duration}\n\t\t\t\t\t\tonSmoothlyInput={e => (this.duration = e.detail.duration)}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"duration\"\n\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\tvalue={this.duration}\n\t\t\t\t\t\tplaceholder=\"-hh:mm\"\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\tconst duration = e.detail.duration\n\t\t\t\t\t\t\tthis.duration = duration\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Integer with Min/Max</h2>\n\t\t\t\t\t<smoothly-input name=\"days\" type=\"integer\" min={0} max={365}>\n\t\t\t\t\t\tDays per year (0-365)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"hour\" type=\"integer\" min={0} max={23}>\n\t\t\t\t\t\tHours per day (0-23)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"minute\" type=\"integer\" min={0} max={59}>\n\t\t\t\t\t\tMinutes per hour (0-59)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"minute\" type=\"integer\" min={18} max={120}>\n\t\t\t\t\t\tAge (18-120)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Invalid text with warning icon and tooltip</h2>\n\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tcopyable\n\t\t\t\t\t\tname=\"alphanumeric\"\n\t\t\t\t\t\tinvalid={!/^[a-zA-Z0-9]+$/.test(this.alphanumeric)}\n\t\t\t\t\t\terrorMessage={\"Only alphanumeric allowed\"}\n\t\t\t\t\t\tvalue={this.alphanumeric}\n\t\t\t\t\t\tonSmoothlyInput={e => (this.alphanumeric = e.detail.alphanumeric)}>\n\t\t\t\t\t\tAlphanumeric\n\t\t\t\t\t</smoothly-input>\n\n\t\t\t\t\t<h2>Identifiers</h2>\n\t\t\t\t\t<smoothly-input type=\"identifier-code\">Code</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-attribute\">Attribute</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-snake\">Snake</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-pascal\">Pascal</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-camel\">Camel</smoothly-input>\n\t\t\t\t\t<h2>Input Alternatives</h2>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tFirst Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\">\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\" placeholder=\"Smith\">\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input placeholder=\"test\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" fill=\"solid\" onSubmit={(e: Event) => alert(e)} color=\"success\" />\n\t\t\t\t\t<h4>Smoothly checkboxes</h4>\n\t\t\t\t\t<div class=\"checkbox-group\">\n\t\t\t\t\t\t<smoothly-input-checkbox disabled name=\"first-checkbox\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" size=\"tiny\" />\n\t\t\t\t\t\t\tFirst\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"second-checkbox\" checked>\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" size=\"tiny\" />\n\t\t\t\t\t\t\tsecond\n\t\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"third-checkbox\">3rd</smoothly-input-checkbox>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Smoothly Radio Buttons</h4>\n\t\t\t\t\t<smoothly-input-radio clearable name=\"radioFirstInput\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t<label slot=\"label\">Clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-radio name=\"radioSecondInput\">\n\t\t\t\t\t\t<label slot=\"label\">Not clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"second\"}>Label 2</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"fourth\"}>Label 4</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"fifth\"}>Label 5</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"sixth\"}>Label 6</smoothly-input-radio-item>\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-range-demo />\n\t\t\t\t\t<smoothly-input-color-demo />\n\t\t\t\t\t<smoothly-input-price-demo />\n\t\t\t\t\t<smoothly-back-to-top />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-DWcI5nnM.js → p-DDlDQL4g.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as t,d as s,t as c}from"./p-BsZrGTcp.js";import{d as m}from"./p-mmAi00ak.js";import{d as r}from"./p-Cl8L61mt.js";import{d as a}from"./p-vvQg46ti.js";import{d as n}from"./p-DFSiKg4M.js";import{d as f}from"./p-o8kM0Soe.js";import{d as i}from"./p-C22G-tNF.js";import{d as p}from"./p-BLdivqFr.js";import{d as l}from"./p-DvOr53No.js";const y=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"d89cfc4c738e18c59e84d5a40ac90b59ebcaa551"},t("h2",{key:"d16f1cd51c9a42f877e8e63bd29f7dcb438fa618"},"Prices"),t("smoothly-form",{key:"54c6b506b280868839cf1c7b8c164f522a75f565",looks:"line"},t("smoothly-input",{key:"fc19f9f370d6a24be561adf18631cfda95ad27fe",type:"price",name:"no"},"No currency"),t("smoothly-input",{key:"339ee6c1ec60a602b3393741a54cbdb4a7847453",type:"price",name:"crowns",currency:"SEK",toInteger:true},"SEK (toInteger)"),t("smoothly-input",{key:"9bc604033f31ac1469bd7b50ff0c69baeab75b22",type:"price",name:"usDollar",currency:"USD"},"USD"),t("smoothly-input",{key:"9e38c5260d5cef788a1b1e493a54de7350d5ce10",type:"price",name:"pounds",currency:"GBP"},"GBP"),t("smoothly-input",{key:"63bb932ba93d35014c30c6ff8e0ff7cb0275da6a",type:"price",name:"peso",currency:"UYW"},"UYW"),t("smoothly-input",{key:"b0e40b64dc06806a270439ee5eef3ebbf65cfc06",type:"price",name:"iceland",currency:"ISK"},"ISK"),t("smoothly-input",{key:"1b9e0e5f2c19a80eebc03c24c90e28f91c4be87d",type:"price",name:"Palladium",currency:"XPD"},"XPD (Palladium)"),t("smoothly-input-reset",{key:"cf298b534cb48e04ddf87ad3bad2297254c7dfab",slot:"reset",fill:"default",type:"form",color:"warning"}),t("smoothly-input-submit",{key:"0db94f32db809a84dfec09db0f8af27de58745fa",slot:"submit"})))}},[2,"smoothly-form-demo-prices"]);function b(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-prices","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-reset","smoothly-input-submit","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-prices":if(!customElements.get(c(e))){customElements.define(c(e),y)}break;case"smoothly-button":if(!customElements.get(c(e))){m()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){r()}break;case"smoothly-form":if(!customElements.get(c(e))){a()}break;case"smoothly-icon":if(!customElements.get(c(e))){n()}break;case"smoothly-input":if(!customElements.get(c(e))){f()}break;case"smoothly-input-reset":if(!customElements.get(c(e))){i()}break;case"smoothly-input-submit":if(!customElements.get(c(e))){p()}break;case"smoothly-spinner":if(!customElements.get(c(e))){l()}break}}))}b();export{y as S,b as d};
-//# sourceMappingURL=p-DWcI5nnM.js.map
+import{p as e,H as o,h as t,d as s,t as c}from"./p-BsZrGTcp.js";import{d as m}from"./p-mmAi00ak.js";import{d as r}from"./p-Cl8L61mt.js";import{d as a}from"./p-BLDkKrD6.js";import{d as n}from"./p-DFSiKg4M.js";import{d as f}from"./p-BWF43Ktc.js";import{d as i}from"./p-CMhSJk_G.js";import{d as p}from"./p-C3bp3FF4.js";import{d as l}from"./p-MWZzvkuh.js";const y=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"d89cfc4c738e18c59e84d5a40ac90b59ebcaa551"},t("h2",{key:"d16f1cd51c9a42f877e8e63bd29f7dcb438fa618"},"Prices"),t("smoothly-form",{key:"54c6b506b280868839cf1c7b8c164f522a75f565",looks:"line"},t("smoothly-input",{key:"fc19f9f370d6a24be561adf18631cfda95ad27fe",type:"price",name:"no"},"No currency"),t("smoothly-input",{key:"339ee6c1ec60a602b3393741a54cbdb4a7847453",type:"price",name:"crowns",currency:"SEK",toInteger:true},"SEK (toInteger)"),t("smoothly-input",{key:"9bc604033f31ac1469bd7b50ff0c69baeab75b22",type:"price",name:"usDollar",currency:"USD"},"USD"),t("smoothly-input",{key:"9e38c5260d5cef788a1b1e493a54de7350d5ce10",type:"price",name:"pounds",currency:"GBP"},"GBP"),t("smoothly-input",{key:"63bb932ba93d35014c30c6ff8e0ff7cb0275da6a",type:"price",name:"peso",currency:"UYW"},"UYW"),t("smoothly-input",{key:"b0e40b64dc06806a270439ee5eef3ebbf65cfc06",type:"price",name:"iceland",currency:"ISK"},"ISK"),t("smoothly-input",{key:"1b9e0e5f2c19a80eebc03c24c90e28f91c4be87d",type:"price",name:"Palladium",currency:"XPD"},"XPD (Palladium)"),t("smoothly-input-reset",{key:"cf298b534cb48e04ddf87ad3bad2297254c7dfab",slot:"reset",fill:"default",type:"form",color:"warning"}),t("smoothly-input-submit",{key:"0db94f32db809a84dfec09db0f8af27de58745fa",slot:"submit"})))}},[2,"smoothly-form-demo-prices"]);function b(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-prices","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-reset","smoothly-input-submit","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-prices":if(!customElements.get(c(e))){customElements.define(c(e),y)}break;case"smoothly-button":if(!customElements.get(c(e))){m()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){r()}break;case"smoothly-form":if(!customElements.get(c(e))){a()}break;case"smoothly-icon":if(!customElements.get(c(e))){n()}break;case"smoothly-input":if(!customElements.get(c(e))){f()}break;case"smoothly-input-reset":if(!customElements.get(c(e))){i()}break;case"smoothly-input-submit":if(!customElements.get(c(e))){p()}break;case"smoothly-spinner":if(!customElements.get(c(e))){l()}break}}))}b();export{y as S,b as d};
+//# sourceMappingURL=p-DDlDQL4g.js.map

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

package/dist/components/{p-DY_crgmf.js → p-DGKXbkuc.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as t,d as a,t as l}from"./p-BsZrGTcp.js";import{d as s}from"./p-CN3iME9d.js";import{d}from"./p-DG2pfnCV.js";import{d as r}from"./p-uFR5K4vd.js";import{d as c}from"./p-DvZK__s-.js";import{d as b}from"./p-F8qX8ZuL.js";import{d as m}from"./p-Cx_sM6Sy.js";import{d as i}from"./p-DO3QrEu1.js";import{d as n}from"./p-D57O7AkC.js";import{d as y}from"./p-C9_7A_n7.js";import{d as f}from"./p-DYvlD9aR.js";import{d as p}from"./p-DlkQKgfQ.js";import{d as h}from"./p-CceVYEd4.js";const u=()=>`.sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}`;const k=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(a,{key:"8efeaf989f017e292c876bdfe46bf3763f6c38c5"},t("smoothly-display",{key:"f4127d4acd1adcefbefaf08e77460e4a1b8627e5",type:"text",value:"Simple"}),t("smoothly-table",{key:"0470e4b7620877db36cb9cc082e7996b0c3c3adc",color:"primary",columns:2},t("smoothly-table-head",{key:"0739e075a0ef3ee56a8f0d058fe27d449e428b6d"},t("smoothly-table-row",{key:"37fad0b5a35f4bf08b888b336f80cd3921cb9376"},t("smoothly-table-cell",{key:"74f2b61cb27427da21adeadcee39db458c5bbe41"},"Breed"),t("smoothly-table-cell",{key:"d0309714adc9d2373bddc750f23fe86ebd320388"},"Coat"))),t("smoothly-table-body",{key:"86d24356c0efed06ac5306553bc6be2c5791393f"},j.map((e=>t("smoothly-table-row",null,t("smoothly-table-expandable-cell",null,e.breed,t("div",{slot:"detail"},"Country:",t("br",null),e.country)),t("smoothly-table-expandable-cell",null,e.coat,t("div",{slot:"detail"},"Pattern: ",e.pattern))))),t("smoothly-table-row",{key:"47925f54c706f1af062a6d51fab1178fa27639a8"},t("smoothly-table-cell",{key:"275711ca0e9e6c0275cbada6a4e0adec2edccb6d"},"Cell5"),t("smoothly-table-expandable-cell",{key:"e60f863711fa70bbebf63c2ac93866c75c1c06bc"},"Expandable Cell",t("div",{key:"26a19a10ec7929bc51168b5b2f7d96299be1303d",slot:"detail"},"Content of the expandable cell"))),t("smoothly-table-row",{key:"b012a0e9ad962aed5ef51e9468f082139ab7148d"},t("smoothly-table-expandable-cell",{key:"e428d929f46034021ef275faee7626205ec4dcc6"},"Expandable Cell 1",t("div",{key:"96492566f55202c5c6b03a5521863dd9d149f709",slot:"detail"},"Content of the expandable cell 1")),t("smoothly-table-expandable-cell",{key:"f42f607dc543d1a3bc0e5a5fa9875251b65687b9"},"Expandable Cell 2",t("div",{key:"7f67331945212bb0f94f428bfd61265a927bc2ee",slot:"detail"},"Content of the expandable cell 2")))),t("smoothly-table-foot",{key:"c94be30d6813c85a1823796894a2ab2e7d2ef0b2"},t("smoothly-table-row",{key:"6e2cd14e0e50cd507e1b3c205f5b77296f4f8f06"},t("smoothly-table-cell",{key:"fb716cd817b77c5907a42454944b4212102280b1"},"Footer Cell"),t("smoothly-table-cell",{key:"8ec34e17ed42736c2d64353306278adfa66d7b38"},"Footer Cell")))))}static get style(){return u()}},[2,"smoothly-table-demo-simple"]);const j=[{breed:"Abyssinian",country:"Ethiopia",origin:"Natural/Standard",coat:"Short",pattern:"Ticked"},{breed:"Aegean",country:"Greece",origin:"Natural/Standard",coat:"Semi-long",pattern:"Bi- or tri-colored"},{breed:"American Curl",country:"United States",origin:"Mutation",coat:"Short/Long",pattern:"All"},{breed:"American Bobtail",country:"United States",origin:"Mutation",coat:"Short/Long",pattern:"All"},{breed:"American Shorthair",country:"United States",origin:"Natural",coat:"Short",pattern:"All but colorpoint"},{breed:"American Wirehair",country:"United States",origin:"Mutation",coat:"Rex",pattern:"All but colorpoint"},{breed:"Arabian Mau",country:"Arabian Peninsula",origin:"Natural",coat:"Short",pattern:""},{breed:"Australian Mist",country:"Australia",origin:"Crossbreed",coat:"Short",pattern:"Spotted and Classic tabby"},{breed:"Asian",country:"developed in the United Kingdom (founding stock from Asia)",origin:"",coat:"Short",pattern:"Evenly solid"},{breed:"Asian Semi-longhair",country:"United Kingdom",origin:"Crossbreed",coat:"Semi-long",pattern:"Solid"}];function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-simple","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-expandable-cell","smoothly-table-foot","smoothly-table-head","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-demo-simple":if(!customElements.get(l(e))){customElements.define(l(e),k)}break;case"smoothly-display":if(!customElements.get(l(e))){s()}break;case"smoothly-display-json":if(!customElements.get(l(e))){d()}break;case"smoothly-display-json-object":if(!customElements.get(l(e))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(l(e))){c()}break;case"smoothly-display-json-record-key":if(!customElements.get(l(e))){b()}break;case"smoothly-table":if(!customElements.get(l(e))){m()}break;case"smoothly-table-body":if(!customElements.get(l(e))){i()}break;case"smoothly-table-cell":if(!customElements.get(l(e))){n()}break;case"smoothly-table-expandable-cell":if(!customElements.get(l(e))){y()}break;case"smoothly-table-foot":if(!customElements.get(l(e))){f()}break;case"smoothly-table-head":if(!customElements.get(l(e))){p()}break;case"smoothly-table-row":if(!customElements.get(l(e))){h()}break}}))}E();export{k as S,E as d};
-//# sourceMappingURL=p-DY_crgmf.js.map
+import{p as e,H as o,h as t,d as a,t as l}from"./p-BsZrGTcp.js";import{d as s}from"./p-CN3iME9d.js";import{d}from"./p-DG2pfnCV.js";import{d as b}from"./p-uFR5K4vd.js";import{d as r}from"./p-DvZK__s-.js";import{d as m}from"./p-F8qX8ZuL.js";import{d as i}from"./p-nBkQozv8.js";import{d as c}from"./p-ca1ZzpjQ.js";import{d as n}from"./p-CFSQhgLX.js";import{d as y}from"./p-6t4TTe9M.js";import{d as f}from"./p-gELDTDod.js";import{d as p}from"./p-DDxHDn3A.js";import{d as h}from"./p-KvtHm4oA.js";const u=()=>`.sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}`;const k=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(a,{key:"2efdbea999fe8e2d237d018147ee9080b893ad33"},t("smoothly-display",{key:"12b21356d7aeeae6940243380352b95c12dfff5d",type:"text",value:"Simple"}),t("smoothly-table",{key:"793660cc185168cfc2d80f61e57ab67faffa00d3",color:"primary",columns:2},t("smoothly-table-head",{key:"9d85b0d97a12838aa8c6953155e8a009507f49ac"},t("smoothly-table-row",{key:"4c6f644786476efe6a1beffcbda13abdcad2fd75"},t("smoothly-table-cell",{key:"9538d1875ee057f07c33163e1e78a0e30e6558c0"},"Breed"),t("smoothly-table-cell",{key:"194bf1b1adf62ea0b12c3389fc75fe8d511b14bb"},"Coat"))),t("smoothly-table-body",{key:"1dec581f127727e413a6e4aad94c7b0d29d8f850"},j.map((e=>t("smoothly-table-row",null,t("smoothly-table-expandable-cell",null,e.breed,t("div",{slot:"detail"},"Country:",t("br",null),e.country)),t("smoothly-table-expandable-cell",null,e.coat,t("div",{slot:"detail"},"Pattern: ",e.pattern))))),t("smoothly-table-row",{key:"0492ef355b8d6829d9e65cd419c521b76bb215f9"},t("smoothly-table-cell",{key:"3459b0e72cb10dfb0d7f820d5b9fda5ac13c2b17"},"Cell5"),t("smoothly-table-expandable-cell",{key:"31b3691b9b4e1b51072bbf1bd22e23ad134d3996"},"Expandable Cell",t("div",{key:"d0e20ad230d037628ad34b4a12d768c3b4fb4ead",slot:"detail"},"Content of the expandable cell"))),t("smoothly-table-row",{key:"74cc23ba61afe01a6f5a89f57fe85d6514aded50"},t("smoothly-table-expandable-cell",{key:"8e0faf1f2361181aa17943da5c065e7f3a0d87dc"},"Expandable Cell 1",t("div",{key:"cbf4bd0814781875bc48ec498699425c21b586ab",slot:"detail"},"Content of the expandable cell 1")),t("smoothly-table-expandable-cell",{key:"be15d9e43dad85222e8bc652e6bd68bdbf636a0f"},"Expandable Cell 2",t("div",{key:"7e1507e45c07ff40bc662a24e6f1d93671de1467",slot:"detail"},"Content of the expandable cell 2")))),t("smoothly-table-foot",{key:"94624f1591f9d3a18e3b84dbf8f76d8a46916028"},t("smoothly-table-row",{key:"a769b1e334d1f73a1cfc5a9539f31a99fb9e152c"},t("smoothly-table-cell",{key:"e14dd9f2bf4762b8e8c91c6309b8b3e966b504bd"},"Footer Cell"),t("smoothly-table-cell",{key:"d1b743ab0a072476bf6f7e7240bec71f2a242949"},"Footer Cell")))))}static get style(){return u()}},[2,"smoothly-table-demo-simple"]);const j=[{breed:"Abyssinian",country:"Ethiopia",origin:"Natural/Standard",coat:"Short",pattern:"Ticked"},{breed:"Aegean",country:"Greece",origin:"Natural/Standard",coat:"Semi-long",pattern:"Bi- or tri-colored"},{breed:"American Curl",country:"United States",origin:"Mutation",coat:"Short/Long",pattern:"All"},{breed:"American Bobtail",country:"United States",origin:"Mutation",coat:"Short/Long",pattern:"All"},{breed:"American Shorthair",country:"United States",origin:"Natural",coat:"Short",pattern:"All but colorpoint"},{breed:"American Wirehair",country:"United States",origin:"Mutation",coat:"Rex",pattern:"All but colorpoint"},{breed:"Arabian Mau",country:"Arabian Peninsula",origin:"Natural",coat:"Short",pattern:""},{breed:"Australian Mist",country:"Australia",origin:"Crossbreed",coat:"Short",pattern:"Spotted and Classic tabby"},{breed:"Asian",country:"developed in the United Kingdom (founding stock from Asia)",origin:"",coat:"Short",pattern:"Evenly solid"},{breed:"Asian Semi-longhair",country:"United Kingdom",origin:"Crossbreed",coat:"Semi-long",pattern:"Solid"}];function g(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-simple","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-expandable-cell","smoothly-table-foot","smoothly-table-head","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-demo-simple":if(!customElements.get(l(e))){customElements.define(l(e),k)}break;case"smoothly-display":if(!customElements.get(l(e))){s()}break;case"smoothly-display-json":if(!customElements.get(l(e))){d()}break;case"smoothly-display-json-object":if(!customElements.get(l(e))){b()}break;case"smoothly-display-json-primitive":if(!customElements.get(l(e))){r()}break;case"smoothly-display-json-record-key":if(!customElements.get(l(e))){m()}break;case"smoothly-table":if(!customElements.get(l(e))){i()}break;case"smoothly-table-body":if(!customElements.get(l(e))){c()}break;case"smoothly-table-cell":if(!customElements.get(l(e))){n()}break;case"smoothly-table-expandable-cell":if(!customElements.get(l(e))){y()}break;case"smoothly-table-foot":if(!customElements.get(l(e))){f()}break;case"smoothly-table-head":if(!customElements.get(l(e))){p()}break;case"smoothly-table-row":if(!customElements.get(l(e))){h()}break}}))}g();export{k as S,g as d};
+//# sourceMappingURL=p-DGKXbkuc.js.map

package/dist/components/p-DNSImvvt.js

@@ -0,0 +1,2 @@
+import{p as e,H as c,h as a,d as s,t as d}from"./p-BsZrGTcp.js";import{d as o}from"./p-DFSiKg4M.js";import{d as f}from"./p-D6t9mpY2.js";const b=()=>`.sc-smoothly-toggle-switch-demo-h>div.sc-smoothly-toggle-switch-demo{display:grid;grid-template-columns:repeat(5, max-content);gap:1em}.sc-smoothly-toggle-switch-demo-h>div.sc-smoothly-toggle-switch-demo>span.sc-smoothly-toggle-switch-demo>p.sc-smoothly-toggle-switch-demo{margin:0}`;const l=e(class e extends c{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return a(s,{key:"89947ffb728f613799f1ce93372ef3ec8f0cc111"},a("h4",{key:"a31e7b5e87461383260677fdaf600a784c228575"},"Toggle switches"),a("div",{key:"bcaab8c0c0a2b201eccd9618f5c4cdd7bf6aadbd"},a("p",{key:"094b895b55b8fa71b47908d5c96eeb1ea15e11f7"},"Checkmark"),a("span",{key:"8f4efd3fcea4e6c12e541a779f6c8404da35b731"},a("p",{key:"f6fdd02e752edec8bf4742e16450fcbc7b6688b9"},"Tiny"),a("smoothly-toggle-switch",{key:"3fc6037f4960b8d32ce09f3f9ebba37016e6664a",disabled:false,size:"tiny"})),a("span",{key:"92a0e20c60b42601e287d6ded2d410cf9621fa32"},a("p",{key:"6f093b2c7c57b5fe575c31a6226a62952264b19f"},"Small"),a("smoothly-toggle-switch",{key:"5218f5534e4b5fb85aa3fe936ae41793ee442fa6",disabled:false,size:"small"})),a("span",{key:"599a5d20bac26ee391ab151ec3d5676fccdc8054"},a("p",{key:"225ae580a936c57910647d1c85f092299e8b35dc"},"Standard"),a("smoothly-toggle-switch",{key:"8207f999bfb0f904c351cea0b527428180215013",disabled:false})),a("span",{key:"82fec0c1bc65ed93ab46f2959ca8ce06e52dbcb3"},a("p",{key:"7b054a1c33329eced30415d1fc1d72d3021135ca"},"Large"),a("smoothly-toggle-switch",{key:"ed2ef6bb357f09b69f086ef8c8a2ce98c5b5748d",disabled:false,size:"large"})),a("p",{key:"79b05ec925bac067ef54dbe70a4bf5e80ab7e4ea"},"Colors checkmark"),a("span",{key:"7d56fa63b7ea2027292cfe7c4d2299effeb23f38"},a("p",{key:"f9a8be885bdbad1e7a7df85b44f173ef54be4446"},"Danger"),a("smoothly-toggle-switch",{key:"14c4d887786aa9b174b2a26d343308949373167b",color:"danger",disabled:false,size:"small"})),a("span",{key:"536e6923c3a0dc41ef2578477bca30aa4ade8c53"},a("p",{key:"ae6488e2f6bfe13d6b66cae9745126ec981178cb"},"Primary color"),a("smoothly-toggle-switch",{key:"9cc32d5f6a276302a112aacf61a632e7d8628ba7",color:"primary",disabled:false,size:"small"})),a("span",{key:"5770c9460bbba19e751d3925d4f2079eb82b2eed"},a("p",{key:"52ac34e499689e7707c1f00ec257f2b2c5421289"},"Secondary color"),a("smoothly-toggle-switch",{key:"0ed76db9819fbb9c055b97ae379f7e570cb1941d",color:"secondary",disabled:false,size:"small"})),a("p",{key:"0ccac3a8a3d45f84e2e897ca1c70bdf5399fdb82"}),a("p",{key:"83ffda4b2eda61607de34fbfa6ec3a0cf57d34b4"},"Colors no checkmark"),a("span",{key:"152648b67751cc22397a520de71a40f7b546f042"},a("p",{key:"5f84c9c846c0c3c8f31d419b8b2dc9a71201c697"},"Danger"),a("smoothly-toggle-switch",{key:"2e8f8db8f6e44225f52a0c23c55a18221d9194bb",checkmark:false,color:"danger",disabled:false,size:"small"})),a("span",{key:"ed667a303cd132a9c33998fd24318784c7e211a2"},a("p",{key:"8dd99066536c3569875e1d9b1756201f13b355b0"},"Primary color"),a("smoothly-toggle-switch",{key:"596e8528d7068418d54650dd77e57e9d7e0c8b6f",checkmark:false,color:"primary",disabled:false,size:"small"})),a("span",{key:"b5aedfa2dc4cca37b931eb8303f1768d091a9c5d"},a("p",{key:"2b3b9216aeb1f94641b91eb0c0ec81afdc39561f"},"Secondary color"),a("smoothly-toggle-switch",{key:"8d5c92b17027032fa44a88a13382e223787b029a",checkmark:false,color:"secondary",disabled:false,size:"small"}))))}static get style(){return b()}},[2,"smoothly-toggle-switch-demo"]);function t(){if(typeof customElements==="undefined"){return}const e=["smoothly-toggle-switch-demo","smoothly-icon","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-toggle-switch-demo":if(!customElements.get(d(e))){customElements.define(d(e),l)}break;case"smoothly-icon":if(!customElements.get(d(e))){o()}break;case"smoothly-toggle-switch":if(!customElements.get(d(e))){f()}break}}))}t();export{l as S,t as d};
+//# sourceMappingURL=p-DNSImvvt.js.map

package/dist/components/{p-Cs1TuGgV.js.map → p-DNSImvvt.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyToggleSwitchDemo","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","disabled","size","color","checkmark"],"sources":["src/components/toggle-switch/demo/style.css?tag=smoothly-toggle-switch-demo&encapsulation=scoped","src/components/toggle-switch/demo/index.tsx"],"sourcesContent":[":host>div {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(5, max-content);\n\tgap: 1em;\n}\n\n:host>div>span>p {\n\tmargin: 0;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-toggle-switch-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyToggleSwitchDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h4>Toggle switches</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<p>Checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Tiny</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"tiny\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Small</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Standard</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Large</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"large\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<p>Colors checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Danger</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"danger\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Primary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"primary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Secondary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"secondary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<p></p>\n\t\t\t\t\t<p>Colors no checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Danger</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"danger\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Primary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"primary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Secondary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"secondary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"mIAAA,MAAMA,EAAW,IAAM,6R,MCOVC,EAAwBC,EAAA,MAAAD,UAAAE,E,4DACpC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,MAAAE,IAAA,+DACAF,EAAA,OAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,yDACAF,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,oDACAF,EAAA,0BAAAE,IAAA,2CAAwBC,SAAU,MAAOC,KAAK,UAE/CJ,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,qDACAF,EAAA,0BAAAE,IAAA,2CAAwBC,SAAU,MAAOC,KAAK,WAE/CJ,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,wDACAF,EAAA,0BAAAE,IAAA,2CAAwBC,SAAU,SAEnCH,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,qDACAF,EAAA,0BAAAE,IAAA,2CAAwBC,SAAU,MAAOC,KAAK,WAE/CJ,EAAA,KAAAE,IAAA,gEACAF,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,sDACAF,EAAA,0BAAAE,IAAA,2CAAwBG,MAAM,SAASF,SAAU,MAAOC,KAAK,WAE9DJ,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,6DACAF,EAAA,0BAAAE,IAAA,2CAAwBG,MAAM,UAAUF,SAAU,MAAOC,KAAK,WAE/DJ,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,+DACAF,EAAA,0BAAAE,IAAA,2CAAwBG,MAAM,YAAYF,SAAU,MAAOC,KAAK,WAEjEJ,EAAA,KAAAE,IAAA,6CACAF,EAAA,KAAAE,IAAA,mEACAF,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,sDACAF,EAAA,0BAAAE,IAAA,2CAAwBI,UAAW,MAAOD,MAAM,SAASF,SAAU,MAAOC,KAAK,WAEhFJ,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,6DACAF,EAAA,0BAAAE,IAAA,2CAAwBI,UAAW,MAAOD,MAAM,UAAUF,SAAU,MAAOC,KAAK,WAEjFJ,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,+DACAF,EAAA,0BAAAE,IAAA,2CAAwBI,UAAW,MAAOD,MAAM,YAAYF,SAAU,MAAOC,KAAK,Y","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyToggleSwitchDemo","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","disabled","size","color","checkmark"],"sources":["src/components/toggle-switch/demo/style.css?tag=smoothly-toggle-switch-demo&encapsulation=scoped","src/components/toggle-switch/demo/index.tsx"],"sourcesContent":[":host>div {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(5, max-content);\n\tgap: 1em;\n}\n\n:host>div>span>p {\n\tmargin: 0;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-toggle-switch-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyToggleSwitchDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h4>Toggle switches</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<p>Checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Tiny</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"tiny\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Small</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Standard</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Large</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"large\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<p>Colors checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Danger</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"danger\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Primary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"primary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Secondary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"secondary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<p></p>\n\t\t\t\t\t<p>Colors no checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Danger</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"danger\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Primary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"primary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Secondary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"secondary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"wIAAA,MAAMA,EAAW,IAAM,6R,MCOVC,EAAwBC,EAAA,MAAAD,UAAAE,E,4DACpC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,MAAAE,IAAA,+DACAF,EAAA,OAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,yDACAF,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,oDACAF,EAAA,0BAAAE,IAAA,2CAAwBC,SAAU,MAAOC,KAAK,UAE/CJ,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,qDACAF,EAAA,0BAAAE,IAAA,2CAAwBC,SAAU,MAAOC,KAAK,WAE/CJ,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,wDACAF,EAAA,0BAAAE,IAAA,2CAAwBC,SAAU,SAEnCH,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,qDACAF,EAAA,0BAAAE,IAAA,2CAAwBC,SAAU,MAAOC,KAAK,WAE/CJ,EAAA,KAAAE,IAAA,gEACAF,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,sDACAF,EAAA,0BAAAE,IAAA,2CAAwBG,MAAM,SAASF,SAAU,MAAOC,KAAK,WAE9DJ,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,6DACAF,EAAA,0BAAAE,IAAA,2CAAwBG,MAAM,UAAUF,SAAU,MAAOC,KAAK,WAE/DJ,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,+DACAF,EAAA,0BAAAE,IAAA,2CAAwBG,MAAM,YAAYF,SAAU,MAAOC,KAAK,WAEjEJ,EAAA,KAAAE,IAAA,6CACAF,EAAA,KAAAE,IAAA,mEACAF,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,sDACAF,EAAA,0BAAAE,IAAA,2CAAwBI,UAAW,MAAOD,MAAM,SAASF,SAAU,MAAOC,KAAK,WAEhFJ,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,6DACAF,EAAA,0BAAAE,IAAA,2CAAwBI,UAAW,MAAOD,MAAM,UAAUF,SAAU,MAAOC,KAAK,WAEjFJ,EAAA,QAAAE,IAAA,4CACCF,EAAA,KAAAE,IAAA,+DACAF,EAAA,0BAAAE,IAAA,2CAAwBI,UAAW,MAAOD,MAAM,YAAYF,SAAU,MAAOC,KAAK,Y","ignoreList":[]}

package/dist/components/{p-CKD_8Dn1.js → p-DTVTH7QY.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,d as s,t as c}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as n}from"./p-DFSiKg4M.js";import{d as r}from"./p-o8kM0Soe.js";import{d as m}from"./p-wjlHVReJ.js";import{d as a}from"./p-4Xn3Nprv.js";const p=()=>`.sc-smoothly-input-price-demo-h{display:block}`;const d=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.currencies=["EUR","USD","GBP"];this.currency="USD"}render(){return o(s,{key:"2643df3e90deb2ae7492de2e95307210c9d96a1a"},o("h2",{key:"8d7c08032c0fd5d42ea0a4b83bbc789ee12ad60c"},"State demo on smoothly-input"),o("p",{key:"7bd734e458356493b22a048bf6b3cc33eb089a88"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"9129cc133c3e16c1473ce93c4bf4e85f02e1dc76"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"100da1f7a7e0a4e8ccb610211dc1ef0f9a324853",name:"currency",onSmoothlyInput:e=>this.currency=i.Currency.is(e.detail.currency)?e.detail.currency:undefined},this.currencies.map((e=>o("smoothly-input-radio-item",{key:e,selected:e==this.currency,value:e},e)))),o("smoothly-input",{key:"b60680c3c0a27ab6e1616844da966aaf5add80fe",type:"price",currency:this.currency},"price"))}static get style(){return p()}},[2,"smoothly-input-price-demo",{currencies:[32],currency:[32]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-price-demo","smoothly-icon","smoothly-input","smoothly-input-radio","smoothly-input-radio-item"];e.forEach((e=>{switch(e){case"smoothly-input-price-demo":if(!customElements.get(c(e))){customElements.define(c(e),d)}break;case"smoothly-icon":if(!customElements.get(c(e))){n()}break;case"smoothly-input":if(!customElements.get(c(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){m()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){a()}break}}))}u();export{d as S,u as d};
-//# sourceMappingURL=p-CKD_8Dn1.js.map
+import{p as e,H as t,h as o,d as s,t as c}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as n}from"./p-DFSiKg4M.js";import{d as r}from"./p-BWF43Ktc.js";import{d as m}from"./p-CcJ_7PQR.js";import{d as a}from"./p-CvhP-Vls.js";const p=()=>`.sc-smoothly-input-price-demo-h{display:block}`;const h=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.currencies=["EUR","USD","GBP"];this.currency="USD"}render(){return o(s,{key:"c7b07f8d277b3a91da7389f15338e1c3ceeb71e6"},o("h2",{key:"1ff6b680677204eb802cb3fe21ed533903c17cca"},"State demo on smoothly-input"),o("p",{key:"5e322e242eb2ef3dc4400e59745e8cf806126735"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"839cebc0650dbe161f76620a62809a3213f11889"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"ef6d1e619f0ae3598de284efa24bcfcebcc92e13",name:"currency",onSmoothlyInput:e=>this.currency=i.Currency.is(e.detail.currency)?e.detail.currency:undefined},this.currencies.map((e=>o("smoothly-input-radio-item",{key:e,selected:e==this.currency,value:e},e)))),o("smoothly-input",{key:"36eb82850d2472f5e9e02c88bbdcda3a9a4a8184",type:"price",currency:this.currency},"price"))}static get style(){return p()}},[2,"smoothly-input-price-demo",{currencies:[32],currency:[32]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-price-demo","smoothly-icon","smoothly-input","smoothly-input-radio","smoothly-input-radio-item"];e.forEach((e=>{switch(e){case"smoothly-input-price-demo":if(!customElements.get(c(e))){customElements.define(c(e),h)}break;case"smoothly-icon":if(!customElements.get(c(e))){n()}break;case"smoothly-input":if(!customElements.get(c(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){m()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){a()}break}}))}u();export{h as S,u as d};
+//# sourceMappingURL=p-DTVTH7QY.js.map

package/dist/components/p-DTo2Itg9.js

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

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

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

package/dist/components/p-DWA8xW2u.js

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

package/dist/components/p-DXFBAVrd.js

@@ -0,0 +1,2 @@
+import{p as e,H as l,h as o,d as t,t as s}from"./p-BsZrGTcp.js";import{d as a}from"./p-nBkQozv8.js";import{d as c}from"./p-ca1ZzpjQ.js";import{d}from"./p-BNCRANHq.js";import{d as m}from"./p-DDxHDn3A.js";import{d as b}from"./p-KvtHm4oA.js";const n=()=>`.sc-smoothly-table-demo-nested-no-cell-inner-h{display:block;margin:1em auto;width:60%}`;const r=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}}render(){var e;return o(t,{key:"36f6b45a302f17eea86896fc1904184b34589f19"},o("smoothly-table",{key:"571e5c1870d82817d674f46832196ba837680b31",columns:4},o("smoothly-table-head",{key:"5b7b5b8d02ff31ec82cd35e6ec688a7adcedcf9e"},o("smoothly-table-row",{key:"c7f09a8188bf6be442e687813a9615c3d7afb95a"},o("div",{key:"b4294b01db0691cfb53c0e8e2b9c5dd487c2e07d",class:"smoothly-table-cell"},"Id"),o("div",{key:"ff9f0472466eb4cad25d0663c183a0a7fe932807",class:"smoothly-table-cell"},"Name"),o("div",{key:"0275a1da6d14f24d65dd1c179801ac865426dcbe",class:"smoothly-table-cell"},"Age"),o("div",{key:"3381fd46e6978680d84691992ad093de04ee1ecc",class:"smoothly-table-cell"},"Balance"))),o("smoothly-table-body",{key:"fc58d8650b0e04d350518f33cc2fa07f308e40cf"},(e=this.data)===null||e===void 0?void 0:e.map((e=>o("smoothly-table-expandable-row",null,o("div",{class:"smoothly-table-cell"},e.id),o("div",{class:"smoothly-table-cell"},e.name),o("div",{class:"smoothly-table-cell"},e.age),o("div",{class:"smoothly-table-cell"},e.balance)))))))}static get style(){return n()}},[2,"smoothly-table-demo-nested-no-cell-inner",{data:[16]}]);function y(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-nested-no-cell-inner","smoothly-table","smoothly-table-body","smoothly-table-expandable-row","smoothly-table-head","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(s(e))){customElements.define(s(e),r)}break;case"smoothly-table":if(!customElements.get(s(e))){a()}break;case"smoothly-table-body":if(!customElements.get(s(e))){c()}break;case"smoothly-table-expandable-row":if(!customElements.get(s(e))){d()}break;case"smoothly-table-head":if(!customElements.get(s(e))){m()}break;case"smoothly-table-row":if(!customElements.get(s(e))){b()}break}}))}y();export{r as S,y as d};
+//# sourceMappingURL=p-DXFBAVrd.js.map