smoothly 1.113.0 → 1.115.0

package/dist/components/{p-OfpR2_fh.js → p-CJEV2v84.js}

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

package/dist/components/p-CKlr_F9h.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as o,d as s,t as i}from"./p-BsZrGTcp.js";import{i as c}from"./p-BVKhAhsB.js";import{d as n}from"./p-BiQsRsV4.js";import{d as r}from"./p-Ww5QjB3D.js";import{d as m}from"./p-BfwEfI7H.js";import{d as a}from"./p-nFLcvugJ.js";const d=()=>`.sc-smoothly-input-price-demo-h{display:block}`;const p=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:"2d35ede0ba48999e163c9b401e822a703c049639"},o("h2",{key:"6e3c78bd7a51616418555e74379ed81f4351688a"},"State demo on smoothly-input"),o("p",{key:"d43ad6219d21d065dc62197872e4cb689fececb5"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"e2a250b7bfb6433bc61fa3d740df11cae0713f85"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"4d111e1bd9fbc0dcc57d3a842cfd0756a4807991",name:"currency",onSmoothlyInput:e=>this.currency=c.Currency.is(e.detail.currency)?e.detail.currency:undefined},this.currencies.map((e=>o("smoothly-input-radio-item",{key:e,selected:e==this.currency,value:e},e)))),o("smoothly-input",{key:"4c81a6bf8c3d854f3443942a6c1fb64db9b67b54",type:"price",currency:this.currency},"price"))}static get style(){return d()}},[2,"smoothly-input-price-demo",{currencies:[32],currency:[32]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-price-demo","smoothly-icon","smoothly-input","smoothly-input-radio","smoothly-input-radio-item"];e.forEach((e=>{switch(e){case"smoothly-input-price-demo":if(!customElements.get(i(e))){customElements.define(i(e),p)}break;case"smoothly-icon":if(!customElements.get(i(e))){n()}break;case"smoothly-input":if(!customElements.get(i(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){m()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){a()}break}}))}u();export{p as S,u as d};
+//# sourceMappingURL=p-CKlr_F9h.js.map

package/dist/components/{p-Cct10sTX.js → p-CL7fW_Oh.js}

@@ -1,2 +1,2 @@
-import{p as e,H as l,c as o,h as t,d as a,t as s}from"./p-BsZrGTcp.js";const r=()=>`.sc-smoothly-table-expandable-cell-h{display:contents}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);box-sizing:border-box;align-items:center;white-space:nowrap;position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover{background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground));stroke:rgb(var(--smoothly-table-hover-foreground));fill:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{rotate:45deg}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{box-shadow:1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset, -3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset}[open].sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));stroke:rgb(var(--smoothly-table-expanded-foreground));fill:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-cell-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{display:none}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}`;const d=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.smoothlyTableExpandableCellChange=o(this,"smoothlyTableExpandableCellChange");this.smoothlyTableExpandableCellRegister=o(this,"smoothlyTableExpandableCellRegister");this.span=1;this.open=false}componentWillLoad(){this.smoothlyTableExpandableCellRegister.emit()}async close(){this.open=false}clickHandler(e){var l,o;const t=this.detailElement&&e.composedPath().includes(this.detailElement);if(!t){const e=(l=window.getSelection())===null||l===void 0?void 0:l.toString().trim();if(((o=e===null||e===void 0?void 0:e.length)!==null&&o!==void 0?o:0)==0){this.open=!this.open}}}openChange(){this.smoothlyTableExpandableCellChange.emit(this.open)}render(){var e;return t(a,{key:"80017dcf8950e676a48dc9aedc3d11ba12cf011e",style:{"--smoothly-table-cell-span":(e=this.span)===null||e===void 0?void 0:e.toString(10)},onClick:e=>this.clickHandler(e)},t("div",{key:"57e34f20710f1694470a5e8d481d51480d4afb36",class:"content"},t("slot",{key:"664f3698eb43707e4a53a252a57e0e43ddebfb40"})),t("div",{key:"e010fe7654eaec8fc4418cb1560d0f8b3b82df7d",class:"smoothly-table-detail",ref:e=>this.detailElement=e},t("slot",{key:"c524d17ac1f1fd7ed8070cf9eb07590fd0059ca7",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}static get style(){return r()}},[262,"smoothly-table-expandable-cell",{span:[514],open:[1540],close:[64]},undefined,{open:[{openChange:0}]}]);function n(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-expandable-cell"];e.forEach((e=>{switch(e){case"smoothly-table-expandable-cell":if(!customElements.get(s(e))){customElements.define(s(e),d)}break}}))}n();export{d as S,n as d};
-//# sourceMappingURL=p-Cct10sTX.js.map
+import{p as e,H as l,c as o,h as t,d as a,t as s}from"./p-BsZrGTcp.js";const r=()=>`.sc-smoothly-table-expandable-cell-h{display:contents}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);box-sizing:border-box;align-items:center;white-space:nowrap;position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover{background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground));stroke:rgb(var(--smoothly-table-hover-foreground));fill:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{rotate:45deg}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{box-shadow:1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset, -3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset}[open].sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));stroke:rgb(var(--smoothly-table-expanded-foreground));fill:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-cell-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{display:none}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}`;const b=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.smoothlyTableExpandableCellChange=o(this,"smoothlyTableExpandableCellChange");this.smoothlyTableExpandableCellRegister=o(this,"smoothlyTableExpandableCellRegister");this.span=1;this.open=false}componentWillLoad(){this.smoothlyTableExpandableCellRegister.emit()}async close(){this.open=false}clickHandler(e){var l,o;const t=this.detailElement&&e.composedPath().includes(this.detailElement);if(!t){const e=(l=window.getSelection())===null||l===void 0?void 0:l.toString().trim();if(((o=e===null||e===void 0?void 0:e.length)!==null&&o!==void 0?o:0)==0){this.open=!this.open}}}openChange(){this.smoothlyTableExpandableCellChange.emit(this.open)}render(){var e;return t(a,{key:"1c27ff4e5c10ad504e0c8307be3bfb1243afc5d9",style:{"--smoothly-table-cell-span":(e=this.span)===null||e===void 0?void 0:e.toString(10)},onClick:e=>this.clickHandler(e)},t("div",{key:"9df957e7d9f55f6687adbdfc550b3cfa6a8d3dea",class:"content"},t("slot",{key:"505b6a8964feb91d4d0256b6ea3f27519742ef6c"})),t("div",{key:"9054849f559fc9f02c7ba5c9c95cabf1e741f417",class:"smoothly-table-detail",ref:e=>this.detailElement=e},t("slot",{key:"0feb5288d454fc6b606ad4585706f40ec3789443",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}static get style(){return r()}},[262,"smoothly-table-expandable-cell",{span:[514],open:[1540],close:[64]},undefined,{open:[{openChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-expandable-cell"];e.forEach((e=>{switch(e){case"smoothly-table-expandable-cell":if(!customElements.get(s(e))){customElements.define(s(e),b)}break}}))}d();export{b as S,d};
+//# sourceMappingURL=p-CL7fW_Oh.js.map

package/dist/components/{p-DTOzpQD8.js → p-COK__8-d.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as s,d as t,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DX3KKRD9.js";import{d as f}from"./p-BpBeeNcM.js";import{d as r}from"./p-BiQsRsV4.js";import{d as i}from"./p-7ReeDB-R.js";import{d as n}from"./p-xbCL6ChL.js";import{d}from"./p-BEQ2yAjW.js";const l=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return s(t,{key:"644dd5d2d56fea755d44d8cfed8c0b52d64883ef"},s("h2",{key:"f8be0372bf3f537f5e6cd66087aa9102a69fa4b3"},"Card"),s("smoothly-form",{key:"1e006ccad98f0a73c50a312dc39f6c8f07a89f96",looks:"grid",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail))},s("smoothly-input",{key:"af0e0cf9d593a4b95e6d9ccf38cb504bcf30c907",type:"card-number",name:"card"},"Card #"),s("smoothly-input-submit",{key:"8a68e341800be545d7c4b242e60fac52bd56afd5",size:"icon",slot:"submit",color:"success",fill:"solid"}),s("smoothly-input",{key:"031b83a8b2b9f261741c9b430599681ee0c90442",type:"card-expires",name:"expires"},"Expires"),s("smoothly-input",{key:"75f8bbc9cff24f247f88dfd276bef1adaf478586",type:"card-csc",name:"csc"},"CVV/CVC"),s("smoothly-input",{key:"5043b806ecf84bb31b4f713778336063a771ffa9",type:"text",name:"name.first"},"First Name"),s("smoothly-input",{key:"4314de22f36b48c796deec9258e71e282a434bbe",type:"text",name:"name.last"},"Last Name")))}},[2,"smoothly-form-demo-card"]);function b(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-card","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-submit","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-card":if(!customElements.get(m(e))){customElements.define(m(e),l)}break;case"smoothly-button":if(!customElements.get(m(e))){a()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){c()}break;case"smoothly-form":if(!customElements.get(m(e))){f()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){i()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){n()}break;case"smoothly-spinner":if(!customElements.get(m(e))){d()}break}}))}b();export{l as S,b as d};
-//# sourceMappingURL=p-DTOzpQD8.js.map
+import{p as e,H as o,h as s,d as t,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DX3KKRD9.js";import{d as f}from"./p-DIhqNc1G.js";import{d as r}from"./p-BiQsRsV4.js";import{d as i}from"./p-Ww5QjB3D.js";import{d as n}from"./p-CqyGm3oe.js";import{d}from"./p-Bpc6uh0M.js";const l=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return s(t,{key:"644dd5d2d56fea755d44d8cfed8c0b52d64883ef"},s("h2",{key:"f8be0372bf3f537f5e6cd66087aa9102a69fa4b3"},"Card"),s("smoothly-form",{key:"1e006ccad98f0a73c50a312dc39f6c8f07a89f96",looks:"grid",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail))},s("smoothly-input",{key:"af0e0cf9d593a4b95e6d9ccf38cb504bcf30c907",type:"card-number",name:"card"},"Card #"),s("smoothly-input-submit",{key:"8a68e341800be545d7c4b242e60fac52bd56afd5",size:"icon",slot:"submit",color:"success",fill:"solid"}),s("smoothly-input",{key:"031b83a8b2b9f261741c9b430599681ee0c90442",type:"card-expires",name:"expires"},"Expires"),s("smoothly-input",{key:"75f8bbc9cff24f247f88dfd276bef1adaf478586",type:"card-csc",name:"csc"},"CVV/CVC"),s("smoothly-input",{key:"5043b806ecf84bb31b4f713778336063a771ffa9",type:"text",name:"name.first"},"First Name"),s("smoothly-input",{key:"4314de22f36b48c796deec9258e71e282a434bbe",type:"text",name:"name.last"},"Last Name")))}},[2,"smoothly-form-demo-card"]);function b(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-card","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-submit","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-card":if(!customElements.get(m(e))){customElements.define(m(e),l)}break;case"smoothly-button":if(!customElements.get(m(e))){a()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){c()}break;case"smoothly-form":if(!customElements.get(m(e))){f()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){i()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){n()}break;case"smoothly-spinner":if(!customElements.get(m(e))){d()}break}}))}b();export{l as S,b as d};
+//# sourceMappingURL=p-COK__8-d.js.map

package/dist/components/{p-uCXQl-5J.js → p-CPnXAdGI.js}

@@ -1,2 +1,2 @@
-import{p as e,H as l,h as t,d as s,t as a}from"./p-BsZrGTcp.js";const o=()=>`.sc-smoothly-table-cell-h{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}`;const c=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.span=1}render(){var e;return t(s,{key:"2c1a6679cabf05342c1e8a783a4a8fb27fd8c6f1",class:"smoothly-table-cell",style:{"--smoothly-table-cell-span":(e=this.span)===null||e===void 0?void 0:e.toString(10)}},t("slot",{key:"3a33c09387abdf5f499ba1f92dcf92b5b7f71a2d"}))}static get style(){return o()}},[262,"smoothly-table-cell",{span:[514]}]);function n(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-cell"];e.forEach((e=>{switch(e){case"smoothly-table-cell":if(!customElements.get(a(e))){customElements.define(a(e),c)}break}}))}n();export{c as S,n as d};
-//# sourceMappingURL=p-uCXQl-5J.js.map
+import{p as e,H as l,h as t,d as s,t as a}from"./p-BsZrGTcp.js";const o=()=>`.sc-smoothly-table-cell-h{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}`;const c=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.span=1}render(){var e;return t(s,{key:"c135688a83c65d795da7cbc7e946df1842b7eee1",class:"smoothly-table-cell",style:{"--smoothly-table-cell-span":(e=this.span)===null||e===void 0?void 0:e.toString(10)}},t("slot",{key:"06ae1f08e462da16c0a010a99facdbd2bd41f71f"}))}static get style(){return o()}},[262,"smoothly-table-cell",{span:[514]}]);function n(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-cell"];e.forEach((e=>{switch(e){case"smoothly-table-cell":if(!customElements.get(a(e))){customElements.define(a(e),c)}break}}))}n();export{c as S,n as d};
+//# sourceMappingURL=p-CPnXAdGI.js.map

package/dist/components/p-CSXWpZjy.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as o,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{f as r,n as c}from"./p-CkXes5c-.js";import{o as i,s as n}from"./p-Dr7iZPxA.js";import{d as f}from"./p-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as p}from"./p-1j2KmcfQ.js";import{d as y}from"./p-AX8gOGUr.js";import{d}from"./p-DIhqNc1G.js";import{d as u}from"./p-BiQsRsV4.js";import{d as b}from"./p-Ww5QjB3D.js";import{d as h}from"./p-xkRxEiC8.js";import{d as k}from"./p-CtuuZV3u.js";import{d as j}from"./p-BUa0wBSK.js";import{d as E}from"./p-CJEV2v84.js";import{d as B}from"./p-CqyGm3oe.js";import{d as C}from"./p-fnKrPnzp.js";import{d as g}from"./p-Bpc6uh0M.js";var x;(function(t){t.type=i({name:i({first:n(),middle:n().optional(),last:n()}),age:c((t=>18<=t&&t<=120)),country:r("CountryCode",a.CountryCode.Alpha2.is),birthday:r("Date",a.Date.is)})})(x||(x={}));const D=()=>``;const K=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return o(s,{key:"b2defb07fd1fef12b85e5c983c3ec9a06eaacd5c"},o("h2",{key:"4f45fac5e8febcc52cdb7ee2e3cb6e6586c04f34"},"Typed Contact"),o("smoothly-form",{key:"169c7879c27f2e65a5da9f44f2066e65fa4b09db",validator:x.type},o("smoothly-input",{key:"7e11e762f2f88ad82b3bb584f5f151624a73cd37",name:"name.first"},"First Name"),o("smoothly-input",{key:"207226d54b3ac9250512c962200e97e06dfb237d",name:"name.middle"},"Middle Name (optional)"),o("smoothly-input",{key:"5235de33144f057b20a46353ae13c7eaa15fd97b",name:"name.last"},"Last Name"),o("smoothly-input",{key:"3e1607c6f2301ca86a1f430e2c6d3d12c8035f70",name:"age",type:"integer"},"Age (18-120)"),o("smoothly-input-select",{key:"d1fa86d5f8ca6e8a4d0c40e363f60c9ca53aad98",name:"country"},o("span",{key:"b54fe7f96a97014e3baac54b1ac5f903b88b170b",slot:"label"},"Country"),a.CountryCode.Alpha2.values.map((t=>o("smoothly-item",{value:t},a.CountryCode.Name.en.from(t))))),o("smoothly-input-date",{key:"c616775dda21611243a88c6bf23ba280e9e89fb3",name:"birthday"},"Date of birth"),o("smoothly-input-reset",{key:"11c1023ca25b7cae8afb727e1fb21f28ee1e7644",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"3dbb734a1ef36ab8104dc6588c622b38567e61b2",slot:"submit",size:"icon",color:"success"})))}static get style(){return D()}},[2,"smoothly-form-demo-typed"]);function v(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-typed","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-typed":if(!customElements.get(m(t))){customElements.define(m(t),K)}break;case"smoothly-button":if(!customElements.get(m(t))){f()}break;case"smoothly-button-confirm":if(!customElements.get(m(t))){l()}break;case"smoothly-calendar":if(!customElements.get(m(t))){p()}break;case"smoothly-date-text":if(!customElements.get(m(t))){y()}break;case"smoothly-form":if(!customElements.get(m(t))){d()}break;case"smoothly-icon":if(!customElements.get(m(t))){u()}break;case"smoothly-input":if(!customElements.get(m(t))){b()}break;case"smoothly-input-date":if(!customElements.get(m(t))){h()}break;case"smoothly-input-month":if(!customElements.get(m(t))){k()}break;case"smoothly-input-reset":if(!customElements.get(m(t))){j()}break;case"smoothly-input-select":if(!customElements.get(m(t))){E()}break;case"smoothly-input-submit":if(!customElements.get(m(t))){B()}break;case"smoothly-item":if(!customElements.get(m(t))){C()}break;case"smoothly-spinner":if(!customElements.get(m(t))){g()}break}}))}v();export{K as S,v as d};
+//# sourceMappingURL=p-CSXWpZjy.js.map

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

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

package/dist/components/{p-0vl7fnbi.js → p-CUdZx76u.js}

@@ -1,2 +1,2 @@
-import{p as s,H as m,c as o,h as t,t as e}from"./p-BsZrGTcp.js";import{d as a}from"./p-BiQsRsV4.js";const y=()=>`.sc-smoothly-summary-h{display:block}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary{display:flex;column-gap:0.25rem;width:fit-content;list-style:none;align-items:center;cursor:pointer}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary:hover>smoothly-icon.sc-smoothly-summary{opacity:1}.sc-smoothly-summary-h>details[open].sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transform:rotate(90deg)}.sc-smoothly-summary-h>details.sc-smoothly-summary-s>[slot=content]{margin-left:var(--smoothly-summary-content-indent, 1.5rem)}@media (prefers-reduced-motion){.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:none}}`;const r=s(class s extends m{constructor(s){super();if(s!==false){this.__registerHost()}this.smoothlySummaryOpen=o(this,"smoothlySummaryOpen");this.open=false}async toggleHandler(s){if(s.target instanceof HTMLDetailsElement){this.open=s.target.open;this.smoothlySummaryOpen.emit(this.open)}}render(){return t("details",{key:"d77e78b718fca10f4d8e9e2bdae4112cffb4cfc3",onToggle:s=>this.toggleHandler(s),open:this.open},t("summary",{key:"5e264e08db22ec0eb85433d3d72f0f12d10cd2c1"},t("smoothly-icon",{key:"36d49d1d21151034a35fca5b93a064074d49bb84",name:"caret-forward",fill:"solid",size:"tiny"}),t("slot",{key:"55164da27444d19c18b6b931813d12a3d5a4abe4",name:"summary"})),t("slot",{key:"b459e14735415bee4c85af02cff23c0675372931",name:"content"}))}static get style(){return y()}},[262,"smoothly-summary",{open:[1540]}]);function c(){if(typeof customElements==="undefined"){return}const s=["smoothly-summary","smoothly-icon"];s.forEach((s=>{switch(s){case"smoothly-summary":if(!customElements.get(e(s))){customElements.define(e(s),r)}break;case"smoothly-icon":if(!customElements.get(e(s))){a()}break}}))}c();export{r as S,c as d};
-//# sourceMappingURL=p-0vl7fnbi.js.map
+import{p as s,H as m,c as o,h as t,t as a}from"./p-BsZrGTcp.js";import{d as e}from"./p-BiQsRsV4.js";const y=()=>`.sc-smoothly-summary-h{display:block}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary{display:flex;column-gap:0.25rem;width:fit-content;list-style:none;align-items:center;cursor:pointer}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary:hover>smoothly-icon.sc-smoothly-summary{opacity:1}.sc-smoothly-summary-h>details[open].sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transform:rotate(90deg)}.sc-smoothly-summary-h>details.sc-smoothly-summary-s>[slot=content]{margin-left:var(--smoothly-summary-content-indent, 1.5rem)}@media (prefers-reduced-motion){.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:none}}`;const r=s(class s extends m{constructor(s){super();if(s!==false){this.__registerHost()}this.smoothlySummaryOpen=o(this,"smoothlySummaryOpen");this.open=false}async toggleHandler(s){if(s.target instanceof HTMLDetailsElement){this.open=s.target.open;this.smoothlySummaryOpen.emit(this.open)}}render(){return t("details",{key:"eff4cfcc4681f7ae8a50dffb024ed2a2c7f34a82",onToggle:s=>this.toggleHandler(s),open:this.open},t("summary",{key:"579a019b8ae584f018c1a039ad2f637eb136db88"},t("smoothly-icon",{key:"5b13ecddb1ee8805bba66d60aff9f1cfe8cd10b3",name:"caret-forward",fill:"solid",size:"tiny"}),t("slot",{key:"b01c31deaf1bb7574eaa5a383a5385555444845d",name:"summary"})),t("slot",{key:"04fe3aca685b1108f7227f2c45d28d6ef38e9292",name:"content"}))}static get style(){return y()}},[262,"smoothly-summary",{open:[1540]}]);function c(){if(typeof customElements==="undefined"){return}const s=["smoothly-summary","smoothly-icon"];s.forEach((s=>{switch(s){case"smoothly-summary":if(!customElements.get(a(s))){customElements.define(a(s),r)}break;case"smoothly-icon":if(!customElements.get(a(s))){e()}break}}))}c();export{r as S,c as d};
+//# sourceMappingURL=p-CUdZx76u.js.map

package/dist/components/{p-C0XPq5lI.js → p-CVNSeOlg.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{n as c,f as r}from"./p-CkXes5c-.js";import{o as i}from"./p-Dr7iZPxA.js";import{d as l}from"./p-BHEtq3Ue.js";import{d as n}from"./p-DX3KKRD9.js";import{d}from"./p-DdXfvS4U.js";import{d as f}from"./p-B8ljN4o0.js";import{d as p}from"./p-BpBeeNcM.js";import{d as u}from"./p-BiQsRsV4.js";import{d as h}from"./p-7ReeDB-R.js";import{d as y}from"./p-B7ws0a8Z.js";import{d as b}from"./p-B6W5V130.js";import{d as k}from"./p-CGg8GrGq.js";import{d as j}from"./p-OfpR2_fh.js";import{d as E}from"./p-xbCL6ChL.js";import{d as B}from"./p-DKir2dIt.js";import{d as D}from"./p-BEQ2yAjW.js";var x;(function(e){e.type=i({date:r("isoly.Date",a.Date.is),amount:c()})})(x||(x={}));var A;(function(e){e.type=i({schedule:x.type.array()})})(A||(A={}));const R=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(s,{key:"6c26fc85d61f779af5fcab96c9e284d5b878688b"},o("h2",{key:"03b826fce15279c6e12a41b7b36801ae7ee4c519"},"Schedule"),o("smoothly-form",{key:"d346491153ecef66014e4094e2a146d9f22d05d2",looks:"line",validator:A.type},o("smoothly-input-date",{key:"2c9e97babe7f546172b3c2cba82196c023a202bd",name:"schedule.0.date"},"Date"),o("smoothly-input",{key:"ce96e610d3ccd1dc33a73bd50cdaa76a37cd5bdb",name:"schedule.0.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"53f1beac7d55968d08bac99d593df36e1aca34be",name:"schedule.1.date"},"Date"),o("smoothly-input",{key:"4d576bb6887c81df8b3bc70da45b6218d1dce3e9",name:"schedule.1.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"f743cfaa8782867a30cd80320c684b7a50aea546",name:"schedule.2.date"},"Date"),o("smoothly-input",{key:"7a9b171261c173302c61ce089849cdc0ddddf9cf",name:"schedule.2.amount",type:"price"},"Amount"),o("smoothly-input-reset",{key:"fe8b3bb4f160c7f40d1f383e39ac700a5e00ff07",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"2f494f54c287b73b73dd94956018360affffec4c",slot:"submit"})))}},[2,"smoothly-form-demo-schedule"]);function v(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-schedule","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-schedule":if(!customElements.get(m(e))){customElements.define(m(e),R)}break;case"smoothly-button":if(!customElements.get(m(e))){l()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){n()}break;case"smoothly-calendar":if(!customElements.get(m(e))){d()}break;case"smoothly-date-text":if(!customElements.get(m(e))){f()}break;case"smoothly-form":if(!customElements.get(m(e))){p()}break;case"smoothly-icon":if(!customElements.get(m(e))){u()}break;case"smoothly-input":if(!customElements.get(m(e))){h()}break;case"smoothly-input-date":if(!customElements.get(m(e))){y()}break;case"smoothly-input-month":if(!customElements.get(m(e))){b()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){k()}break;case"smoothly-input-select":if(!customElements.get(m(e))){j()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){E()}break;case"smoothly-item":if(!customElements.get(m(e))){B()}break;case"smoothly-spinner":if(!customElements.get(m(e))){D()}break}}))}v();export{R as S,v as d};
-//# sourceMappingURL=p-C0XPq5lI.js.map
+import{p as e,H as t,h as o,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{n as c,f as r}from"./p-CkXes5c-.js";import{o as n}from"./p-Dr7iZPxA.js";import{d as i}from"./p-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as f}from"./p-1j2KmcfQ.js";import{d}from"./p-AX8gOGUr.js";import{d as u}from"./p-DIhqNc1G.js";import{d as p}from"./p-BiQsRsV4.js";import{d as h}from"./p-Ww5QjB3D.js";import{d as y}from"./p-xkRxEiC8.js";import{d as b}from"./p-CtuuZV3u.js";import{d as k}from"./p-BUa0wBSK.js";import{d as j}from"./p-CJEV2v84.js";import{d as E}from"./p-CqyGm3oe.js";import{d as B}from"./p-fnKrPnzp.js";import{d as D}from"./p-Bpc6uh0M.js";var x;(function(e){e.type=n({date:r("isoly.Date",a.Date.is),amount:c()})})(x||(x={}));var A;(function(e){e.type=n({schedule:x.type.array()})})(A||(A={}));const K=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(s,{key:"6c26fc85d61f779af5fcab96c9e284d5b878688b"},o("h2",{key:"03b826fce15279c6e12a41b7b36801ae7ee4c519"},"Schedule"),o("smoothly-form",{key:"d346491153ecef66014e4094e2a146d9f22d05d2",looks:"line",validator:A.type},o("smoothly-input-date",{key:"2c9e97babe7f546172b3c2cba82196c023a202bd",name:"schedule.0.date"},"Date"),o("smoothly-input",{key:"ce96e610d3ccd1dc33a73bd50cdaa76a37cd5bdb",name:"schedule.0.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"53f1beac7d55968d08bac99d593df36e1aca34be",name:"schedule.1.date"},"Date"),o("smoothly-input",{key:"4d576bb6887c81df8b3bc70da45b6218d1dce3e9",name:"schedule.1.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"f743cfaa8782867a30cd80320c684b7a50aea546",name:"schedule.2.date"},"Date"),o("smoothly-input",{key:"7a9b171261c173302c61ce089849cdc0ddddf9cf",name:"schedule.2.amount",type:"price"},"Amount"),o("smoothly-input-reset",{key:"fe8b3bb4f160c7f40d1f383e39ac700a5e00ff07",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"2f494f54c287b73b73dd94956018360affffec4c",slot:"submit"})))}},[2,"smoothly-form-demo-schedule"]);function C(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-schedule","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-schedule":if(!customElements.get(m(e))){customElements.define(m(e),K)}break;case"smoothly-button":if(!customElements.get(m(e))){i()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){l()}break;case"smoothly-calendar":if(!customElements.get(m(e))){f()}break;case"smoothly-date-text":if(!customElements.get(m(e))){d()}break;case"smoothly-form":if(!customElements.get(m(e))){u()}break;case"smoothly-icon":if(!customElements.get(m(e))){p()}break;case"smoothly-input":if(!customElements.get(m(e))){h()}break;case"smoothly-input-date":if(!customElements.get(m(e))){y()}break;case"smoothly-input-month":if(!customElements.get(m(e))){b()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){k()}break;case"smoothly-input-select":if(!customElements.get(m(e))){j()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){E()}break;case"smoothly-item":if(!customElements.get(m(e))){B()}break;case"smoothly-spinner":if(!customElements.get(m(e))){D()}break}}))}C();export{K as S,C as d};
+//# sourceMappingURL=p-CVNSeOlg.js.map

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

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

package/dist/components/p-CgCEK6Lc.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as n}from"./p-1j2KmcfQ.js";import{d as r}from"./p-AX8gOGUr.js";import{d as l}from"./p-DM5CKilY.js";import{d}from"./p-CR3Ni_o7.js";import{d as c}from"./p-B-l1S16Z.js";import{d as h}from"./p-Ud7Qhkgt.js";import{d as u}from"./p-C3FORjes.js";import{d as f}from"./p-BiQsRsV4.js";import{d as p}from"./p-Ww5QjB3D.js";import{d as y}from"./p-CrKwvG9J.js";import{d as b}from"./p-CrkBYYf-.js";import{d as k}from"./p-xkRxEiC8.js";import{d as j}from"./p-NFd9Dxr1.js";import{d as g}from"./p-BFJL6rrU.js";import{d as x}from"./p-CtuuZV3u.js";import{d as E}from"./p-BfwEfI7H.js";import{d as v}from"./p-nFLcvugJ.js";import{d as C}from"./p-CTdXhHGF.js";import{d as I}from"./p-CJEV2v84.js";import{d as U}from"./p-fnKrPnzp.js";import{d as w}from"./p-dBpTpVs8.js";const S=()=>`.sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}@media (max-width: 48rem){.sc-smoothly-input-demo-user-input-h{grid-template-columns:1fr}}`;const B=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.values=["zero","one","two","three","four","five"];this.colors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"]}increment(e){return e===undefined?0:(e+1)%this.values.length}render(){var e,t;return o(s,{key:"eab36e7674fb973f979c4aaed34abadae7576fe0"},o("div",{key:"8225faa4114dc00127534d7a4400b1d9b23f4ae7"},o("h2",{key:"a6e84f195de0a08ef8ea173615663417db7cb4fb"},"User Input Event"),o("p",{key:"e6aad349cb3b67654e5eb4499aa0088367862ceb"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"ca92dbe2b5834d176ee33651b5d4287ece6d585c"},"smoothlyUserInput")," event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).",o("br",{key:"96cfdda6ccf73450ce38e886fbb26681c17667ea"}),"Check the console to see the details of each ",o("code",{key:"13af94b46758e72141f7ba0da21f93f2ef70a052"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"5f3eadf13479a585b26f63bbd14d5a06d4efd82e",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"18606ed8401bc0a7a9146ab7b8da848b9f155971",looks:"border",name:"demo-user-input-text",value:this.textIndex===undefined?"":this.values[this.textIndex],onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Text input"),o("smoothly-button",{key:"89d848edf493f23af859f999c62788cd58f89b9e",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"223ebf76fcfd12bb61cf78cdafb7cc2a6f9ab95a",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"1bb540b065fdf0f3571482e0c8a3417a4d9be70a",slot:"label"},"Select input"),this.values.map(((e,t)=>o("smoothly-item",{value:t,selected:t==this.selectIndex},e)))),o("smoothly-button",{key:"c8759cf4029e8910db9eca83c856bbcd203721ae",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"a613696a09d76a9410d66e4fc51833db30a8acd6",looks:"border",name:"demo-user-input-checkbox",checked:this.checkboxChecked,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Checkbox input"),o("smoothly-button",{key:"552e86df8bca79435198c9d18258d89471c17f2f",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"83d0d370cfb15750bfec897741493bf51352409e",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"205e6dc2498d0ae6b95a119aba4d19c75cefabea",slot:"label"},"Radio input"),this.values.map(((e,t)=>o("smoothly-input-radio-item",{value:e,selected:t==this.radioIndex},e)))),o("smoothly-button",{key:"13bc5121320b0982bdcf65c0ea5454841783ef24",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"c6097f9351a54aefda3b9f51694c71d4faa803a5",looks:"border",name:"demo-user-input-range",step:1,min:0,max:this.values.length,value:this.rangeValue,label:"Range Input",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)}),o("smoothly-button",{key:"5356c9d3d1ebd1edc281d0802deee76cd098ed7d",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"18d6651482ef0254f9c1dd1cdefd2127c4d67dc1",looks:"border",name:"demo-user-input-color",value:typeof this.colorIndex=="number"?this.colors[this.colorIndex]:undefined,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Color input"),o("smoothly-button",{key:"3da5ff4f15a19d39a1537fc0f3f738bc840b17c4",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?i.Date.next(this.dateValue):i.Date.now()},"Next day"),o("smoothly-input-date",{key:"c20a4edf0546a89bcbd55a1f67840ffb6ca6a98a",looks:"border",name:"demo-user-input-date",value:this.dateValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date input"),o("smoothly-button",{key:"0ab185dd19fabc2ded8387b5d08b1580d47726c9",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?i.DateTime.nextDay(this.datetimeValue):i.DateTime.now()},"Next date time"),o("smoothly-input-date-time",{key:"402a80aa4b3b25a460d2acec85964446350501fa",looks:"border",name:"demo-user-input-datetime",value:this.datetimeValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date time input"),o("smoothly-button",{key:"89b12f184e5f3c2953b3882fca43dbea273f5178",color:"tertiary",onClick:()=>this.dateRangeValue=this.dateRangeValue?{start:i.Date.next(this.dateRangeValue.start),end:i.Date.next(this.dateRangeValue.end)}:{start:i.Date.now(),end:i.Date.next(i.Date.now(),10)}},"Next date range"),o("smoothly-input-date-range",{key:"7c2c3867bb8465daf5da9496c70e717bdfd2616c",looks:"border",name:"demo-user-input-daterange",start:(e=this.dateRangeValue)===null||e===void 0?void 0:e.start,end:(t=this.dateRangeValue)===null||t===void 0?void 0:t.end,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date range input"))}static get style(){return S()}},[2,"smoothly-input-demo-user-input",{textIndex:[32],selectIndex:[32],checkboxChecked:[32],radioIndex:[32],rangeValue:[32],colorIndex:[32],dateValue:[32],datetimeValue:[32],dateRangeValue:[32]}]);function N(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-user-input","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-user-input":if(!customElements.get(a(e))){customElements.define(a(e),B)}break;case"smoothly-button":if(!customElements.get(a(e))){m()}break;case"smoothly-calendar":if(!customElements.get(a(e))){n()}break;case"smoothly-date-text":if(!customElements.get(a(e))){r()}break;case"smoothly-display":if(!customElements.get(a(e))){l()}break;case"smoothly-display-json":if(!customElements.get(a(e))){d()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){c()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){h()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){u()}break;case"smoothly-icon":if(!customElements.get(a(e))){f()}break;case"smoothly-input":if(!customElements.get(a(e))){p()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){y()}break;case"smoothly-input-color":if(!customElements.get(a(e))){b()}break;case"smoothly-input-date":if(!customElements.get(a(e))){k()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){j()}break;case"smoothly-input-date-time":if(!customElements.get(a(e))){g()}break;case"smoothly-input-month":if(!customElements.get(a(e))){x()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){E()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){v()}break;case"smoothly-input-range":if(!customElements.get(a(e))){C()}break;case"smoothly-input-select":if(!customElements.get(a(e))){I()}break;case"smoothly-item":if(!customElements.get(a(e))){U()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){w()}break}}))}N();export{B as S,N as d};
+//# sourceMappingURL=p-CgCEK6Lc.js.map

package/dist/components/{p-uWmGtcyP.js.map → p-CgCEK6Lc.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyInputDemoUserInput","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","values","colors","increment","index","undefined","length","render","h","Host","key","color","onClick","textIndex","looks","name","value","onSmoothlyUserInput","e","console","debug","type","detail","selectIndex","slot","map","selected","checkboxChecked","checked","radioIndex","rangeValue","step","min","max","label","colorIndex","dateValue","isoly","Date","next","now","datetimeValue","DateTime","nextDay","dateRangeValue","start","end","_a","_b"],"sources":["src/components/input/demo/user-input/style.css?tag=smoothly-input-demo-user-input&encapsulation=scoped","src/components/input/demo/user-input/index.tsx"],"sourcesContent":[":host {\n\tmax-width: min(100%, 56rem);\n\tmargin-inline: auto;\n\tdisplay: grid;\n\tgrid-template-columns: 12rem 1fr;\n\tgap: 1rem;\n}\n:host > div {\n\tgrid-column: 1 / -1;\n}\n\n\n/* Mobile */\n@media (max-width: 48rem) {\n\t:host {\n\t\tgrid-template-columns: 1fr;\n\t}\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo-user-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemoUserInput {\n\tprivate readonly values = [\"zero\", \"one\", \"two\", \"three\", \"four\", \"five\"]\n\t@State() textIndex?: number\n\t@State() selectIndex?: number\n\t@State() checkboxChecked: boolean\n\t@State() radioIndex?: number\n\t@State() rangeValue?: number\n\tprivate readonly colors = [\"#ff0000\", \"#00ff00\", \"#0000ff\", \"#ffff00\", \"#00ffff\", \"#ff00ff\"]\n\t@State() colorIndex?: number\n\t@State() dateValue?: isoly.Date\n\t@State() datetimeValue?: isoly.DateTime\n\t@State() dateRangeValue?: isoly.DateRange\n\n\tincrement(index?: number): number {\n\t\treturn index === undefined ? 0 : (index + 1) % this.values.length\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>User Input Event</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tThese inputs demonstrate how user input is handled. The <code>smoothlyUserInput</code> event fires only when\n\t\t\t\t\t\tthe user interacts with an input, not when its value is changed programmatically (such as by clicking the\n\t\t\t\t\t\tbuttons above).\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\tCheck the console to see the details of each <code>smoothlyUserInput</code> event.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.textIndex = this.increment(this.textIndex))}>\n\t\t\t\t\tChange text\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-text\"\n\t\t\t\t\tvalue={this.textIndex === undefined ? \"\" : this.values[this.textIndex]}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tText input\n\t\t\t\t</smoothly-input>\n\n\t\t\t\t<smoothly-button onClick={() => (this.selectIndex = this.increment(this.selectIndex))} color=\"tertiary\">\n\t\t\t\t\tNext select item\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-select\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Select input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-item value={index} selected={index == this.selectIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.checkboxChecked = !this.checkboxChecked)}>\n\t\t\t\t\tToggle checkbox\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-checkbox\"\n\t\t\t\t\tchecked={this.checkboxChecked}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tCheckbox input\n\t\t\t\t</smoothly-input-checkbox>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.radioIndex = this.increment(this.radioIndex))}>\n\t\t\t\t\tNext radio item\n\t\t\t\t</smoothly-button>\n\t\t\t\t{/* Bug: radio has bugs when changing programmatically - TODO: consider changing to using a regular radio input as underlying controls */}\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-radio\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Radio input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-input-radio-item value={value} selected={index == this.radioIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-radio>\n\n\t\t\t\t{/* Not sure how to test smoothly-input-file */}\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.rangeValue = this.increment(this.rangeValue))}>\n\t\t\t\t\tNext range value\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-range\"\n\t\t\t\t\tstep={1}\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={this.values.length}\n\t\t\t\t\tvalue={this.rangeValue}\n\t\t\t\t\tlabel={\"Range Input\"}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}\n\t\t\t\t/>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.colorIndex = this.increment(this.colorIndex))}>\n\t\t\t\t\tNext color\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-color\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-color\"\n\t\t\t\t\tvalue={typeof this.colorIndex == \"number\" ? this.colors[this.colorIndex] : undefined}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tColor input\n\t\t\t\t</smoothly-input-color>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() => (this.dateValue = this.dateValue ? isoly.Date.next(this.dateValue) : isoly.Date.now())}>\n\t\t\t\t\tNext day\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-date\"\n\t\t\t\t\tvalue={this.dateValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate input\n\t\t\t\t</smoothly-input-date>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.datetimeValue = this.datetimeValue\n\t\t\t\t\t\t\t? isoly.DateTime.nextDay(this.datetimeValue)\n\t\t\t\t\t\t\t: isoly.DateTime.now())\n\t\t\t\t\t}>\n\t\t\t\t\tNext date time\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-time\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-datetime\"\n\t\t\t\t\tvalue={this.datetimeValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate time input\n\t\t\t\t</smoothly-input-date-time>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.dateRangeValue = this.dateRangeValue\n\t\t\t\t\t\t\t? { start: isoly.Date.next(this.dateRangeValue.start), end: isoly.Date.next(this.dateRangeValue.end) }\n\t\t\t\t\t\t\t: { start: isoly.Date.now(), end: isoly.Date.next(isoly.Date.now(), 10) })\n\t\t\t\t\t}>\n\t\t\t\t\tNext date range\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-daterange\"\n\t\t\t\t\tstart={this.dateRangeValue?.start}\n\t\t\t\t\tend={this.dateRangeValue?.end}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate range input\n\t\t\t\t</smoothly-input-date-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"u3BAAA,MAAMA,EAAW,IAAM,oU,MCQVC,EAA0BC,EAAA,MAAAD,UAAAE,EALvC,WAAAC,CAAAC,G,4CAMkBC,KAAAC,OAAS,CAAC,OAAQ,MAAO,MAAO,QAAS,OAAQ,QAMjDD,KAAAE,OAAS,CAAC,UAAW,UAAW,UAAW,UAAW,UAAW,UAyJlF,CAnJA,SAAAC,CAAUC,GACT,OAAOA,IAAUC,UAAY,GAAKD,EAAQ,GAAKJ,KAAKC,OAAOK,M,CAG5D,MAAAC,G,QACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,OAAAE,IAAA,4CACCF,EAAA,MAAAE,IAAA,gEACAF,EAAA,KAAAE,IAAA,uGACyDF,EAAA,QAAAE,IAAA,iEAA8B,mJAGtFF,EAAA,MAAAE,IAAA,6CAAM,gDACuCF,EAAA,QAAAE,IAAA,iEAA8B,YAG7EF,EAAA,mBAAAE,IAAA,2CAAiBC,MAAM,WAAWC,QAAS,IAAOZ,KAAKa,UAAYb,KAAKG,UAAUH,KAAKa,YAAW,eAGlGL,EAAA,kBAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,uBACLC,MAAOhB,KAAKa,YAAcR,UAAY,GAAKL,KAAKC,OAAOD,KAAKa,WAC5DI,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QAAM,cAI/ER,EAAA,mBAAAE,IAAA,2CAAiBE,QAAS,IAAOZ,KAAKuB,YAAcvB,KAAKG,UAAUH,KAAKuB,aAAeZ,MAAM,YAAU,oBAGvGH,EAAA,yBAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,yBACLE,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QACxER,EAAA,QAAAE,IAAA,2CAAMc,KAAK,SAAO,gBACjBxB,KAAKC,OAAOwB,KAAI,CAACT,EAAOZ,IACxBI,EAAA,iBAAeQ,MAAOZ,EAAOsB,SAAUtB,GAASJ,KAAKuB,aACnDP,MAKJR,EAAA,mBAAAE,IAAA,2CAAiBC,MAAM,WAAWC,QAAS,IAAOZ,KAAK2B,iBAAmB3B,KAAK2B,iBAAgB,mBAG/FnB,EAAA,2BAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,2BACLa,QAAS5B,KAAK2B,gBACdV,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QAAM,kBAI/ER,EAAA,mBAAAE,IAAA,2CAAiBC,MAAM,WAAWC,QAAS,IAAOZ,KAAK6B,WAAa7B,KAAKG,UAAUH,KAAK6B,aAAY,mBAIpGrB,EAAA,wBAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,wBACLE,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QACxER,EAAA,QAAAE,IAAA,2CAAMc,KAAK,SAAO,eACjBxB,KAAKC,OAAOwB,KAAI,CAACT,EAAOZ,IACxBI,EAAA,6BAA2BQ,MAAOA,EAAOU,SAAUtB,GAASJ,KAAK6B,YAC/Db,MAOJR,EAAA,mBAAAE,IAAA,2CAAiBC,MAAM,WAAWC,QAAS,IAAOZ,KAAK8B,WAAa9B,KAAKG,UAAUH,KAAK8B,aAAY,oBAGpGtB,EAAA,wBAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,wBACLgB,KAAM,EACNC,IAAK,EACLC,IAAKjC,KAAKC,OAAOK,OACjBU,MAAOhB,KAAK8B,WACZI,MAAO,cACPjB,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,SAGzER,EAAA,mBAAAE,IAAA,2CAAiBC,MAAM,WAAWC,QAAS,IAAOZ,KAAKmC,WAAanC,KAAKG,UAAUH,KAAKmC,aAAY,cAGpG3B,EAAA,wBAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,wBACLC,aAAchB,KAAKmC,YAAc,SAAWnC,KAAKE,OAAOF,KAAKmC,YAAc9B,UAC3EY,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QAAM,eAI/ER,EAAA,mBAAAE,IAAA,2CACCC,MAAM,WACNC,QAAS,IAAOZ,KAAKoC,UAAYpC,KAAKoC,UAAYC,EAAMC,KAAKC,KAAKvC,KAAKoC,WAAaC,EAAMC,KAAKE,OAAM,YAGtGhC,EAAA,uBAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,uBACLC,MAAOhB,KAAKoC,UACZnB,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QAAM,cAI/ER,EAAA,mBAAAE,IAAA,2CACCC,MAAM,WACNC,QAAS,IACPZ,KAAKyC,cAAgBzC,KAAKyC,cACxBJ,EAAMK,SAASC,QAAQ3C,KAAKyC,eAC5BJ,EAAMK,SAASF,OAAM,kBAI1BhC,EAAA,4BAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,2BACLC,MAAOhB,KAAKyC,cACZxB,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QAAM,mBAI/ER,EAAA,mBAAAE,IAAA,2CACCC,MAAM,WACNC,QAAS,IACPZ,KAAK4C,eAAiB5C,KAAK4C,eACzB,CAAEC,MAAOR,EAAMC,KAAKC,KAAKvC,KAAK4C,eAAeC,OAAQC,IAAKT,EAAMC,KAAKC,KAAKvC,KAAK4C,eAAeE,MAC9F,CAAED,MAAOR,EAAMC,KAAKE,MAAOM,IAAKT,EAAMC,KAAKC,KAAKF,EAAMC,KAAKE,MAAO,MAAM,mBAI7EhC,EAAA,6BAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,4BACL8B,OAAOE,EAAA/C,KAAK4C,kBAAc,MAAAG,SAAA,SAAAA,EAAEF,MAC5BC,KAAKE,EAAAhD,KAAK4C,kBAAc,MAAAI,SAAA,SAAAA,EAAEF,IAC1B7B,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QAAM,oB","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyInputDemoUserInput","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","values","colors","increment","index","undefined","length","render","h","Host","key","color","onClick","textIndex","looks","name","value","onSmoothlyUserInput","e","console","debug","type","detail","selectIndex","slot","map","selected","checkboxChecked","checked","radioIndex","rangeValue","step","min","max","label","colorIndex","dateValue","isoly","Date","next","now","datetimeValue","DateTime","nextDay","dateRangeValue","start","end","_a","_b"],"sources":["src/components/input/demo/user-input/style.css?tag=smoothly-input-demo-user-input&encapsulation=scoped","src/components/input/demo/user-input/index.tsx"],"sourcesContent":[":host {\n\tmax-width: min(100%, 56rem);\n\tmargin-inline: auto;\n\tdisplay: grid;\n\tgrid-template-columns: 12rem 1fr;\n\tgap: 1rem;\n}\n:host > div {\n\tgrid-column: 1 / -1;\n}\n\n\n/* Mobile */\n@media (max-width: 48rem) {\n\t:host {\n\t\tgrid-template-columns: 1fr;\n\t}\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo-user-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemoUserInput {\n\tprivate readonly values = [\"zero\", \"one\", \"two\", \"three\", \"four\", \"five\"]\n\t@State() textIndex?: number\n\t@State() selectIndex?: number\n\t@State() checkboxChecked: boolean\n\t@State() radioIndex?: number\n\t@State() rangeValue?: number\n\tprivate readonly colors = [\"#ff0000\", \"#00ff00\", \"#0000ff\", \"#ffff00\", \"#00ffff\", \"#ff00ff\"]\n\t@State() colorIndex?: number\n\t@State() dateValue?: isoly.Date\n\t@State() datetimeValue?: isoly.DateTime\n\t@State() dateRangeValue?: isoly.DateRange\n\n\tincrement(index?: number): number {\n\t\treturn index === undefined ? 0 : (index + 1) % this.values.length\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>User Input Event</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tThese inputs demonstrate how user input is handled. The <code>smoothlyUserInput</code> event fires only when\n\t\t\t\t\t\tthe user interacts with an input, not when its value is changed programmatically (such as by clicking the\n\t\t\t\t\t\tbuttons above).\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\tCheck the console to see the details of each <code>smoothlyUserInput</code> event.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.textIndex = this.increment(this.textIndex))}>\n\t\t\t\t\tChange text\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-text\"\n\t\t\t\t\tvalue={this.textIndex === undefined ? \"\" : this.values[this.textIndex]}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tText input\n\t\t\t\t</smoothly-input>\n\n\t\t\t\t<smoothly-button onClick={() => (this.selectIndex = this.increment(this.selectIndex))} color=\"tertiary\">\n\t\t\t\t\tNext select item\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-select\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Select input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-item value={index} selected={index == this.selectIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.checkboxChecked = !this.checkboxChecked)}>\n\t\t\t\t\tToggle checkbox\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-checkbox\"\n\t\t\t\t\tchecked={this.checkboxChecked}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tCheckbox input\n\t\t\t\t</smoothly-input-checkbox>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.radioIndex = this.increment(this.radioIndex))}>\n\t\t\t\t\tNext radio item\n\t\t\t\t</smoothly-button>\n\t\t\t\t{/* Bug: radio has bugs when changing programmatically - TODO: consider changing to using a regular radio input as underlying controls */}\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-radio\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Radio input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-input-radio-item value={value} selected={index == this.radioIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-radio>\n\n\t\t\t\t{/* Not sure how to test smoothly-input-file */}\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.rangeValue = this.increment(this.rangeValue))}>\n\t\t\t\t\tNext range value\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-range\"\n\t\t\t\t\tstep={1}\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={this.values.length}\n\t\t\t\t\tvalue={this.rangeValue}\n\t\t\t\t\tlabel={\"Range Input\"}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}\n\t\t\t\t/>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.colorIndex = this.increment(this.colorIndex))}>\n\t\t\t\t\tNext color\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-color\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-color\"\n\t\t\t\t\tvalue={typeof this.colorIndex == \"number\" ? this.colors[this.colorIndex] : undefined}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tColor input\n\t\t\t\t</smoothly-input-color>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() => (this.dateValue = this.dateValue ? isoly.Date.next(this.dateValue) : isoly.Date.now())}>\n\t\t\t\t\tNext day\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-date\"\n\t\t\t\t\tvalue={this.dateValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate input\n\t\t\t\t</smoothly-input-date>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.datetimeValue = this.datetimeValue\n\t\t\t\t\t\t\t? isoly.DateTime.nextDay(this.datetimeValue)\n\t\t\t\t\t\t\t: isoly.DateTime.now())\n\t\t\t\t\t}>\n\t\t\t\t\tNext date time\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-time\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-datetime\"\n\t\t\t\t\tvalue={this.datetimeValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate time input\n\t\t\t\t</smoothly-input-date-time>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.dateRangeValue = this.dateRangeValue\n\t\t\t\t\t\t\t? { start: isoly.Date.next(this.dateRangeValue.start), end: isoly.Date.next(this.dateRangeValue.end) }\n\t\t\t\t\t\t\t: { start: isoly.Date.now(), end: isoly.Date.next(isoly.Date.now(), 10) })\n\t\t\t\t\t}>\n\t\t\t\t\tNext date range\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-daterange\"\n\t\t\t\t\tstart={this.dateRangeValue?.start}\n\t\t\t\t\tend={this.dateRangeValue?.end}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate range input\n\t\t\t\t</smoothly-input-date-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"k3BAAA,MAAMA,EAAW,IAAM,oU,MCQVC,EAA0BC,EAAA,MAAAD,UAAAE,EALvC,WAAAC,CAAAC,G,4CAMkBC,KAAAC,OAAS,CAAC,OAAQ,MAAO,MAAO,QAAS,OAAQ,QAMjDD,KAAAE,OAAS,CAAC,UAAW,UAAW,UAAW,UAAW,UAAW,UAyJlF,CAnJA,SAAAC,CAAUC,GACT,OAAOA,IAAUC,UAAY,GAAKD,EAAQ,GAAKJ,KAAKC,OAAOK,M,CAG5D,MAAAC,G,QACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,OAAAE,IAAA,4CACCF,EAAA,MAAAE,IAAA,gEACAF,EAAA,KAAAE,IAAA,uGACyDF,EAAA,QAAAE,IAAA,iEAA8B,mJAGtFF,EAAA,MAAAE,IAAA,6CAAM,gDACuCF,EAAA,QAAAE,IAAA,iEAA8B,YAG7EF,EAAA,mBAAAE,IAAA,2CAAiBC,MAAM,WAAWC,QAAS,IAAOZ,KAAKa,UAAYb,KAAKG,UAAUH,KAAKa,YAAW,eAGlGL,EAAA,kBAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,uBACLC,MAAOhB,KAAKa,YAAcR,UAAY,GAAKL,KAAKC,OAAOD,KAAKa,WAC5DI,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QAAM,cAI/ER,EAAA,mBAAAE,IAAA,2CAAiBE,QAAS,IAAOZ,KAAKuB,YAAcvB,KAAKG,UAAUH,KAAKuB,aAAeZ,MAAM,YAAU,oBAGvGH,EAAA,yBAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,yBACLE,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QACxER,EAAA,QAAAE,IAAA,2CAAMc,KAAK,SAAO,gBACjBxB,KAAKC,OAAOwB,KAAI,CAACT,EAAOZ,IACxBI,EAAA,iBAAeQ,MAAOZ,EAAOsB,SAAUtB,GAASJ,KAAKuB,aACnDP,MAKJR,EAAA,mBAAAE,IAAA,2CAAiBC,MAAM,WAAWC,QAAS,IAAOZ,KAAK2B,iBAAmB3B,KAAK2B,iBAAgB,mBAG/FnB,EAAA,2BAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,2BACLa,QAAS5B,KAAK2B,gBACdV,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QAAM,kBAI/ER,EAAA,mBAAAE,IAAA,2CAAiBC,MAAM,WAAWC,QAAS,IAAOZ,KAAK6B,WAAa7B,KAAKG,UAAUH,KAAK6B,aAAY,mBAIpGrB,EAAA,wBAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,wBACLE,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QACxER,EAAA,QAAAE,IAAA,2CAAMc,KAAK,SAAO,eACjBxB,KAAKC,OAAOwB,KAAI,CAACT,EAAOZ,IACxBI,EAAA,6BAA2BQ,MAAOA,EAAOU,SAAUtB,GAASJ,KAAK6B,YAC/Db,MAOJR,EAAA,mBAAAE,IAAA,2CAAiBC,MAAM,WAAWC,QAAS,IAAOZ,KAAK8B,WAAa9B,KAAKG,UAAUH,KAAK8B,aAAY,oBAGpGtB,EAAA,wBAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,wBACLgB,KAAM,EACNC,IAAK,EACLC,IAAKjC,KAAKC,OAAOK,OACjBU,MAAOhB,KAAK8B,WACZI,MAAO,cACPjB,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,SAGzER,EAAA,mBAAAE,IAAA,2CAAiBC,MAAM,WAAWC,QAAS,IAAOZ,KAAKmC,WAAanC,KAAKG,UAAUH,KAAKmC,aAAY,cAGpG3B,EAAA,wBAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,wBACLC,aAAchB,KAAKmC,YAAc,SAAWnC,KAAKE,OAAOF,KAAKmC,YAAc9B,UAC3EY,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QAAM,eAI/ER,EAAA,mBAAAE,IAAA,2CACCC,MAAM,WACNC,QAAS,IAAOZ,KAAKoC,UAAYpC,KAAKoC,UAAYC,EAAMC,KAAKC,KAAKvC,KAAKoC,WAAaC,EAAMC,KAAKE,OAAM,YAGtGhC,EAAA,uBAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,uBACLC,MAAOhB,KAAKoC,UACZnB,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QAAM,cAI/ER,EAAA,mBAAAE,IAAA,2CACCC,MAAM,WACNC,QAAS,IACPZ,KAAKyC,cAAgBzC,KAAKyC,cACxBJ,EAAMK,SAASC,QAAQ3C,KAAKyC,eAC5BJ,EAAMK,SAASF,OAAM,kBAI1BhC,EAAA,4BAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,2BACLC,MAAOhB,KAAKyC,cACZxB,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QAAM,mBAI/ER,EAAA,mBAAAE,IAAA,2CACCC,MAAM,WACNC,QAAS,IACPZ,KAAK4C,eAAiB5C,KAAK4C,eACzB,CAAEC,MAAOR,EAAMC,KAAKC,KAAKvC,KAAK4C,eAAeC,OAAQC,IAAKT,EAAMC,KAAKC,KAAKvC,KAAK4C,eAAeE,MAC9F,CAAED,MAAOR,EAAMC,KAAKE,MAAOM,IAAKT,EAAMC,KAAKC,KAAKF,EAAMC,KAAKE,MAAO,MAAM,mBAI7EhC,EAAA,6BAAAE,IAAA,2CACCI,MAAM,SACNC,KAAK,4BACL8B,OAAOE,EAAA/C,KAAK4C,kBAAc,MAAAG,SAAA,SAAAA,EAAEF,MAC5BC,KAAKE,EAAAhD,KAAK4C,kBAAc,MAAAI,SAAA,SAAAA,EAAEF,IAC1B7B,oBAAqBC,GAAKC,QAAQC,MAAMF,EAAEG,KAAMH,EAAEI,OAAOP,KAAMG,EAAEI,OAAON,QAAM,oB","ignoreList":[]}

package/dist/components/{p-DRiOEv4L.js → p-CmPHR3tf.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as s,h as o,t as r}from"./p-BsZrGTcp.js";const i=()=>`.sc-smoothly-trigger-h{display:block;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-trigger-h{display:none}[disabled].sc-smoothly-trigger-h{opacity:0.5}.sc-smoothly-trigger-h>button.sc-smoothly-trigger{border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-trigger-h:not([disabled]):hover,.sc-smoothly-trigger-h:not([disabled]):focus,.sc-smoothly-trigger-h:not([disabled]):active{border-color:var(--smoothly-trigger-border)}[expand=full].sc-smoothly-trigger-h>button.sc-smoothly-trigger,[expand=block].sc-smoothly-trigger-h>button.sc-smoothly-trigger{width:100%}[expand=full].sc-smoothly-trigger-h{border-left:none;border-right:none}`;const l=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.trigger=s(this,"trigger");this.disabled=false;this.type="button"}onClick(t){this.trigger.emit({name:this.name,value:this.value});t.stopPropagation();t.preventDefault()}render(){let t;switch(this.type){case"link":t=this.disabled?o("slot",null):o("a",{onClick:t=>this.onClick(t)},o("slot",null));break;case"button":t=o("button",{key:"e5464a11e71f956f08e7c02a72f49246c411d679",disabled:this.disabled,name:this.name},o("slot",{key:"aa8aed4cddd4978a5636b816ef4d5ff2737dedc3"}));break}return t}static get style(){return i()}},[262,"smoothly-trigger",{color:[513],fill:[513],disabled:[516],type:[513],name:[1],value:[8]},[[0,"click","onClick"]]]);function n(){if(typeof customElements==="undefined"){return}const t=["smoothly-trigger"];t.forEach((t=>{switch(t){case"smoothly-trigger":if(!customElements.get(r(t))){customElements.define(r(t),l)}break}}))}n();export{l as S,n as d};
-//# sourceMappingURL=p-DRiOEv4L.js.map
+import{p as t,H as s,c as e,h as o,t as r}from"./p-BsZrGTcp.js";const i=()=>`.sc-smoothly-trigger-h{display:block;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-trigger-h{display:none}[disabled].sc-smoothly-trigger-h{opacity:0.5}.sc-smoothly-trigger-h>button.sc-smoothly-trigger{border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-trigger-h:not([disabled]):hover,.sc-smoothly-trigger-h:not([disabled]):focus,.sc-smoothly-trigger-h:not([disabled]):active{border-color:var(--smoothly-trigger-border)}[expand=full].sc-smoothly-trigger-h>button.sc-smoothly-trigger,[expand=block].sc-smoothly-trigger-h>button.sc-smoothly-trigger{width:100%}[expand=full].sc-smoothly-trigger-h{border-left:none;border-right:none}`;const l=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.trigger=e(this,"trigger");this.disabled=false;this.type="button"}onClick(t){this.trigger.emit({name:this.name,value:this.value});t.stopPropagation();t.preventDefault()}render(){let t;switch(this.type){case"link":t=this.disabled?o("slot",null):o("a",{onClick:t=>this.onClick(t)},o("slot",null));break;case"button":t=o("button",{key:"a8277d3521475192961463b4867553aacea5f8e3",disabled:this.disabled,name:this.name},o("slot",{key:"6998482165ff6a73d87eb079235f88741353a1ce"}));break}return t}static get style(){return i()}},[262,"smoothly-trigger",{color:[513],fill:[513],disabled:[516],type:[513],name:[1],value:[8]},[[0,"click","onClick"]]]);function n(){if(typeof customElements==="undefined"){return}const t=["smoothly-trigger"];t.forEach((t=>{switch(t){case"smoothly-trigger":if(!customElements.get(r(t))){customElements.define(r(t),l)}break}}))}n();export{l as S,n as d};
+//# sourceMappingURL=p-CmPHR3tf.js.map

package/dist/components/{p-C-dGqk3e.js → p-CoJyQegK.js}

@@ -1,2 +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-uCXQl-5J.js";import{d as r}from"./p-MCxlBxSA.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:"74889d28c93b9142041a444f3c88842851eabfee"},o("smoothly-table-cell",{key:"f085bb29ceb64ec8a0e6a1b2ef07323aaf79dbff"},o("slot",{key:"c09f20c0fe10bac51d4c2ebb12127935092e8d90"})))}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-C-dGqk3e.js.map
+import{p as e,H as t,h as o,t as s}from"./p-BsZrGTcp.js";import{d as l}from"./p-CPnXAdGI.js";import{d as a}from"./p-C02MtoAQ.js";const r=()=>`.sc-smoothly-table-filler-row-h{grid-column:1 / -1}`;const c=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o("smoothly-table-row",{key:"7561aa3596121beb8d1fa3af10d14ed9be08f7f2"},o("smoothly-table-cell",{key:"04c9c851fb31ec6a246b2bc82cdbc7293478a0e3"},o("slot",{key:"f0db97bf64c0979fbca0c6f5ab4296684f743a70"})))}static get style(){return r()}},[262,"smoothly-table-filler-row"]);function m(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-filler-row","smoothly-table-cell","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-filler-row":if(!customElements.get(s(e))){customElements.define(s(e),c)}break;case"smoothly-table-cell":if(!customElements.get(s(e))){l()}break;case"smoothly-table-row":if(!customElements.get(s(e))){a()}break}}))}m();export{c as S,m as d};
+//# sourceMappingURL=p-CoJyQegK.js.map

package/dist/components/p-CooymHn6.js

@@ -0,0 +1,2 @@
+import{p as e,H as l,h as o,d as s,t}from"./p-BsZrGTcp.js";import{d as a}from"./p-Bes8H54c.js";import{d as c}from"./p-BGBbdXaw.js";import{d as m}from"./p-CFgT9iMG.js";import{d}from"./p-D-mAUrbR.js";import{d as b}from"./p-C02MtoAQ.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(s,{key:"9150c28b151e6567c9d4d385068702f600fcb2f1"},o("smoothly-table",{key:"7261ea2339bc05332c0bb2e8d43a9362bbe13d3a",columns:4},o("smoothly-table-head",{key:"d800c29461ff8bc75f0ac1265e50640c0138d211"},o("smoothly-table-row",{key:"56bb549fe6154737b01ad2564df4c58a6e5f8c52"},o("div",{key:"e6e3a1c445d93d2c814c7cb6057643124c132de2",class:"smoothly-table-cell"},"Id"),o("div",{key:"c92d18120e36c54139713090f821a605ad42e3fc",class:"smoothly-table-cell"},"Name"),o("div",{key:"2fc4f2987f92840727806f222a300bf463990917",class:"smoothly-table-cell"},"Age"),o("div",{key:"4c5f4888480ac4afdc2a7ea0ea1223f019ac342f",class:"smoothly-table-cell"},"Balance"))),o("smoothly-table-body",{key:"ea1511197b149bc2963a00345c5cde47378c7f26"},(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(t(e))){customElements.define(t(e),r)}break;case"smoothly-table":if(!customElements.get(t(e))){a()}break;case"smoothly-table-body":if(!customElements.get(t(e))){c()}break;case"smoothly-table-expandable-row":if(!customElements.get(t(e))){m()}break;case"smoothly-table-head":if(!customElements.get(t(e))){d()}break;case"smoothly-table-row":if(!customElements.get(t(e))){b()}break}}))}y();export{r as S,y as d};
+//# sourceMappingURL=p-CooymHn6.js.map

package/dist/components/p-CqMnH54Q.js

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

package/dist/components/p-CqSiLhUe.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{C as d}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{L as i,d as l}from"./p-DIhqNc1G.js";import{d as c}from"./p-BHEtq3Ue.js";import{d as m}from"./p-1j2KmcfQ.js";import{d as r}from"./p-AX8gOGUr.js";import{d as n}from"./p-DM5CKilY.js";import{d as h}from"./p-CR3Ni_o7.js";import{d as b}from"./p-B-l1S16Z.js";import{d as f}from"./p-Ud7Qhkgt.js";import{d as p}from"./p-C3FORjes.js";import{d as y}from"./p-BiQsRsV4.js";import{d as u}from"./p-Ww5QjB3D.js";import{d as k}from"./p-CrKwvG9J.js";import{d as g}from"./p-_o_lUhve.js";import{d as v}from"./p-CrkBYYf-.js";import{d as j}from"./p-xkRxEiC8.js";import{d as w}from"./p-NFd9Dxr1.js";import{d as E}from"./p-BFJL6rrU.js";import{d as x}from"./p-BRoShuOu.js";import{d as B}from"./p-CtuuZV3u.js";import{d as C}from"./p-BfwEfI7H.js";import{d as L}from"./p-nFLcvugJ.js";import{d as R}from"./p-CTdXhHGF.js";import{d as S}from"./p-BUa0wBSK.js";import{d as D}from"./p-CJEV2v84.js";import{d as M}from"./p-fnKrPnzp.js";import{d as F}from"./p-Bpc6uh0M.js";import{d as G}from"./p-dBpTpVs8.js";const T=()=>`.sc-smoothly-input-demo-standard-h{max-width:min(calc(100% - 0.5rem), 48rem);margin:auto}.sc-smoothly-input-demo-standard-h h2.sc-smoothly-input-demo-standard,.sc-smoothly-input-demo-standard-h p.sc-smoothly-input-demo-standard{margin:.5rem 0}.sc-smoothly-input-demo-standard-h>.description.sc-smoothly-input-demo-standard{--smoothly-form-input-min-width:18rem}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:1fr 9rem;gap:1rem;position:relative;justify-content:space-around}div.input-wrapper.sc-smoothly-input-demo-standard>[name].sc-smoothly-input-demo-standard{grid-column:1 / 2}div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard{width:100%;text-align:center;border-bottom:1px dashed black}div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard{align-content:center;grid-column:2 / 3;border-left:1px dashed black;padding-left:1rem;content:"hello"}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{width:0.5rem;grid-column:1 / 2;white-space:nowrap;overflow:visible;position:relative;cursor:default}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard::before{content:"";position:absolute;width:100%;top:1.5rem;bottom:-1rem;border:1px  dashed black;z-index:2}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard:hover::before{bottom:-100vh}`;const J=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.duration={hours:8};this.options={}}connectedCallback(){this.updateInputHeightText()}componentDidRender(){this.updateInputHeightText()}updateInputHeightText(){const e=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));this.element.querySelectorAll(".height").forEach((t=>{const o=t.clientHeight;t.innerHTML=`<b>${o/e}rem</b> (${o}pixels)`}))}render(){return o(s,{key:"d2a4b3a8e5675b4fe394f551166318902c09ea84"},o("div",{key:"67b40a89a1cbf17d511c56d966a9173e02a9c92e",class:"description"},o("h2",{key:"fdd28a17423a0da06745fc2aad06e1acbde54be4"},"Input Standard"),o("p",{key:"e9e84428aa2ebe4ea0b1d04410629ed85de1d329"},"Height of input should be ",o("code",{key:"faccb606910cbe8418c176efd45ff05eafd0ffc8"},"3rem")," including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."),o("smoothly-form",{key:"f8770ba1128622c8b40be48cd26214ed162035e3",looks:"grid",onSmoothlyFormInput:e=>this.options=e.detail},o("smoothly-input-select",{key:"82ce7ab02f341b560e6347164a19c9273580ed18",name:"color"},o("span",{key:"4062538c8b4b25d9a1cc1f625df0313383990193",slot:"label"},"Color"),d.values.map((e=>o("smoothly-item",{value:e},o("span",{color:e},e)))),o("smoothly-input-clear",{key:"659e785d9f5e4043fcf15dc457dde4dc48676215",slot:"end"})),o("smoothly-input-select",{key:"656b68d41b449cde70e4d86b252dc70d994f63ce",name:"looks"},o("span",{key:"39ef79d28d1dbec7a678b93fa031615457560351",slot:"label"},"Looks"),i.values.map((e=>o("smoothly-item",{value:e},e)))),o("smoothly-input-range",{key:"3ae946ee3c4cdcf5b698b0456499c4807e53b257",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"f73361b452096abbda4ebc6908371c397c0a9fd4",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"7a4762f9122be37ce57099515e0d9fac7c18df94",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"0ac401e2b9e2525dfc899eda4957a61b99947758",name:"invalid"},"Invalid"),o("smoothly-input",{key:"2ba7f175d8aeef4301598f3c3da5d436a17c45c7",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"5844e0ab1cc53ecd0691d585fa4461f89c9994bc",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"6d46add6231e87d95dd8aea7bd91181c47a56490",name:"placeholder"},"Placeholder"),o("smoothly-input-checkbox",{key:"43af9a815da45bc2ce0e54e8442e3a8ab1bc534c",name:"alwaysShowGuide"},"Always Show Guide (for date inputs)"))),o("div",{key:"cf6750528c66ee0c0b9e97478de77514cbd39045",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"4fbc0ba2b6b142f6c4ac8379157b2953d88cb062",class:"width"},"width: 100%"),o("div",{key:"7fb5a3a68f6ed4d14bcab9758a8de0a95de7e80c",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"3d379565ac3335e2ef39e7d616b082fd5247619e",name:"text",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"7d37fa391bb86cf43fe84db4826d8394c04d8af9"},"Text"),o("smoothly-input-clear",{key:"5c5b48cd36f13a3b50fc49809edb17148993a004",slot:"end"})),o("div",{key:"c666bcf200205fbe3d4e045ee69530b217d4845d",class:"height"}),o("smoothly-input-select",{key:"9a2bb30a995830fecbc0dc7f9df2895470ac8e3b",name:"month",color:this.options.color,looks:this.options.looks,menuHeight:"6.7items",readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"d91f28c2c80c6b95703b9476c8d07b64387f989a",slot:"label"},"Select"),o("smoothly-item",{key:"61aeaf05ac730b30d7fb29b749dcf6ba59932c9c",value:"1"},"January"),o("smoothly-item",{key:"131052c2a6ad24d5c93cda5352dd16873e81fc81",value:"2"},"February"),o("smoothly-item",{key:"599a8b88c0abd24346856c8c653c1adc69d432e0",value:"3"},"March"),o("smoothly-item",{key:"e8933cb5d5af0fbb4d898a919a1d0ccc26584c11",value:"4"},"April"),o("smoothly-item",{key:"eb7b7c07dd9fcb31eba2b5a8da79da32e14f2c67",value:"5"},"May"),o("smoothly-item",{key:"48e70f3d930689aed016ac28241e6f8d253f61db",value:"6"},"June"),o("smoothly-item",{key:"738b7ad9d5286f6afc8ad033d9cbb9e066c4c861",value:"7"},"July"),o("smoothly-item",{key:"aad0e64de6bf35b315fb3472c8cad86e3fb195d9",value:"8"},"August"),o("smoothly-item",{key:"81c533fd3eeaa48ae7917f6064a17724b101b650",value:"9"},"September"),o("smoothly-item",{key:"69f567c427f80cee633f72ac4dd06a4d4b4a27c7",value:"10"},"October"),o("smoothly-item",{key:"0d87e5fa94a04a60b527d7a5f1670b1788bd4339",value:"11"},"November"),o("smoothly-item",{key:"34b1425da536971ffde20fbab5b96c9d23f71fe3",value:"12"},"December"),o("smoothly-input-clear",{key:"d16aad09e1f53274a0c6d23c071f2abe1157ce4f",slot:"end"})),o("div",{key:"51931a5ed8ec83b8937cd7899a303569cf8bf7cd",class:"height"}),o("smoothly-input-checkbox",{key:"20d5a02ab8d8f1f709b030a0258598de61250555",name:"checkbox",checked:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled},"Check",o("smoothly-input-reset",{key:"d36312b0bb0393568cf05e51eea4cfa057dce607",slot:"end"})),o("div",{key:"c1353494563098fc08fe2c93cceeb80d56a1aa51",class:"height"}),o("smoothly-input-radio",{key:"84976dd68dfe5534f28c02395d2476593bcb3bcd",name:"radio",clearable:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("label",{key:"fd87d0cfc047bcaf959908191d798ea774daca25",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"4029068fb2fea98f2b5c19ec87e8dea13cf22365",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"1ab27866d3db524f52da4f76a3abb5eff1deeed3",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"9415dd464250d9af68a54de51a9e6b15234f8faf",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"8ea8291c65ca421b0044fe3e0da4127f9fac0c40",slot:"end"})),o("div",{key:"fa351e941ec780e05a037c2c1948dabd8ef371e8",class:"height"}),o("smoothly-input-file",{key:"b45c3bf3c7b5e9e8408a6cecacdda30c7ce392df",name:"file",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"7e81668b6bf2a3f72238d18d02c21f19bf6c2756",slot:"label"},"File"),o("smoothly-input-clear",{key:"4ead6310cb554351b45699cbbc6d84804d26611b",slot:"end"})),o("div",{key:"73cd3845233377057ff16a18b9ad85eb4e4be30f",class:"height"}),o("smoothly-input-range",{key:"ec0f42a5ee5fddd52fb5c0d283f9add183e429fd",name:"range",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,label:this.options.showLabel?"Range":undefined},o("smoothly-input-clear",{key:"49536b00574ad5e0cba72b9a8fdeee599435a886",slot:"end"})),o("div",{key:"cc112e755aeb5724b6e4bc511ed1b4e32b394d08",class:"height"}),o("smoothly-input-color",{key:"dbd6daa2196f6ba316721ed338c0638d6c713e00",name:"color",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"04197c11337298f86531d7ba52d67df221619051"},"Color"),o("smoothly-input-clear",{key:"6489a29a796e8e443efdf27574df27e4e24111ee",slot:"end"})),o("div",{key:"e48defb9f45eaa2f935b0108cf3ec6e331d4ecb2",class:"height"}),o("smoothly-input-date",{key:"0a5c51ecc51013f9572ed8cd8ef38f6d92bd4f5b",name:"date",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide},this.options.showLabel&&o("span",{key:"21f21c543ff1df34c50333fba2d1ca8377ea4e37"},"Date"),o("smoothly-input-clear",{key:"f8226e817b97c90070b649935ac70d6ba11f7b30",slot:"end"})),o("div",{key:"8920789228e2911822a6b822d1c8c37537a225e4",class:"height"}),o("smoothly-input-date-time",{key:"2e58e0e5f6370f7a4d0dd7f17c56718038167e6a",name:"dateTime",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel},"DateTime",o("smoothly-input-clear",{key:"9ebc24b5b639628fd5f3d11a72500bcd6ae9ab0f",slot:"end"})),o("div",{key:"dddb389df78c212ec451422436e3f0468f523065",class:"height"}),o("smoothly-input-date-range",{key:"76b7832bcf134165961c00e610180ee37b74968d",name:"dateRange",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"023a98551ba8d1b848665506fdad5282338a2d2e"},"Date Range"),o("smoothly-input-clear",{key:"078a1ca386a3f814286b35fc0579573b8e4d64c3",slot:"end"})),o("div",{key:"32733c0b81a14c8a982c1607d5635d807894b2ae",class:"height"})))}get element(){return this}static get style(){return T()}},[2,"smoothly-input-demo-standard",{duration:[32],options:[32]}]);function U(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-standard","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-standard":if(!customElements.get(a(e))){customElements.define(a(e),J)}break;case"smoothly-button":if(!customElements.get(a(e))){c()}break;case"smoothly-calendar":if(!customElements.get(a(e))){m()}break;case"smoothly-date-text":if(!customElements.get(a(e))){r()}break;case"smoothly-display":if(!customElements.get(a(e))){n()}break;case"smoothly-display-json":if(!customElements.get(a(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){b()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){f()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){p()}break;case"smoothly-form":if(!customElements.get(a(e))){l()}break;case"smoothly-icon":if(!customElements.get(a(e))){y()}break;case"smoothly-input":if(!customElements.get(a(e))){u()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){k()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){g()}break;case"smoothly-input-color":if(!customElements.get(a(e))){v()}break;case"smoothly-input-date":if(!customElements.get(a(e))){j()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(a(e))){E()}break;case"smoothly-input-file":if(!customElements.get(a(e))){x()}break;case"smoothly-input-month":if(!customElements.get(a(e))){B()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){C()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){L()}break;case"smoothly-input-range":if(!customElements.get(a(e))){R()}break;case"smoothly-input-reset":if(!customElements.get(a(e))){S()}break;case"smoothly-input-select":if(!customElements.get(a(e))){D()}break;case"smoothly-item":if(!customElements.get(a(e))){M()}break;case"smoothly-spinner":if(!customElements.get(a(e))){F()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){G()}break}}))}U();export{J as S,U as d};
+//# sourceMappingURL=p-CqSiLhUe.js.map

package/dist/components/{p-CbWiiNJL.js → p-CqXSfYre.js}

@@ -1,2 +1,2 @@
-import{p as o,H as s,h as t,d as r,t as l}from"./p-BsZrGTcp.js";import{T as e}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{d as i}from"./p-BiQsRsV4.js";import{d as a}from"./p-DRiOEv4L.js";const c=()=>`.sc-smoothly-dialog-h{display:block;position:fixed;top:55%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog{margin-top:var(--smoothly-dialog-margin-top)}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) div.header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header])>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog>smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}`;const d=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}this.open=true;this.closable=false}TriggerListener(o){if(e.is(o.detail)&&o.detail.name=="close"){this.open=false}}hostData(){return{style:{display:this.open?"block":"none"}}}__stencil_render(){return t("section",{key:"d3c1f7ac7d570b91b7f333e6ed1a3d324968c87c"},t("div",{key:"008dcd5c0e1ab41ae9af6b064888a16391b2c9d3",class:"header"},this.closable&&t("smoothly-trigger",{key:"fefe3f3dcf2fb30a1da8617169b513228674fa62",fill:"clear",name:"close"},t("smoothly-icon",{key:"dbc75bd2df07148370796f4b2836cc1046332f3e",name:"close-circle",fill:"solid",color:this.color})),this.header?t("h1",null,this.header):t("slot",{name:"header"})),t("div",{key:"ef442c19429cead69075b022cb0511bd5cdbab50",class:"content"},t("slot",{key:"65681298d9f89649128e93c9193b5e7488157ddf"})))}static get style(){return c()}render(){return t(r,this.hostData(),this.__stencil_render())}},[262,"smoothly-dialog",{color:[513],open:[1540],closable:[516],header:[513]},[[0,"trigger","TriggerListener"]]]);function h(){if(typeof customElements==="undefined"){return}const o=["smoothly-dialog","smoothly-icon","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-dialog":if(!customElements.get(l(o))){customElements.define(l(o),d)}break;case"smoothly-icon":if(!customElements.get(l(o))){i()}break;case"smoothly-trigger":if(!customElements.get(l(o))){a()}break}}))}h();export{d as S,h as d};
-//# sourceMappingURL=p-CbWiiNJL.js.map
+import{p as o,H as s,h as t,d as r,t as l}from"./p-BsZrGTcp.js";import{T as e}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{d as i}from"./p-BiQsRsV4.js";import{d as a}from"./p-CmPHR3tf.js";const c=()=>`.sc-smoothly-dialog-h{display:block;position:fixed;top:55%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog{margin-top:var(--smoothly-dialog-margin-top)}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) div.header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header])>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog>smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}`;const d=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}this.open=true;this.closable=false}TriggerListener(o){if(e.is(o.detail)&&o.detail.name=="close"){this.open=false}}hostData(){return{style:{display:this.open?"block":"none"}}}__stencil_render(){return t("section",{key:"d3c1f7ac7d570b91b7f333e6ed1a3d324968c87c"},t("div",{key:"008dcd5c0e1ab41ae9af6b064888a16391b2c9d3",class:"header"},this.closable&&t("smoothly-trigger",{key:"fefe3f3dcf2fb30a1da8617169b513228674fa62",fill:"clear",name:"close"},t("smoothly-icon",{key:"dbc75bd2df07148370796f4b2836cc1046332f3e",name:"close-circle",fill:"solid",color:this.color})),this.header?t("h1",null,this.header):t("slot",{name:"header"})),t("div",{key:"ef442c19429cead69075b022cb0511bd5cdbab50",class:"content"},t("slot",{key:"65681298d9f89649128e93c9193b5e7488157ddf"})))}static get style(){return c()}render(){return t(r,this.hostData(),this.__stencil_render())}},[262,"smoothly-dialog",{color:[513],open:[1540],closable:[516],header:[513]},[[0,"trigger","TriggerListener"]]]);function h(){if(typeof customElements==="undefined"){return}const o=["smoothly-dialog","smoothly-icon","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-dialog":if(!customElements.get(l(o))){customElements.define(l(o),d)}break;case"smoothly-icon":if(!customElements.get(l(o))){i()}break;case"smoothly-trigger":if(!customElements.get(l(o))){a()}break}}))}h();export{d as S,h as d};
+//# sourceMappingURL=p-CqXSfYre.js.map