smoothly 1.96.0 → 1.97.0

package/dist/smoothly/p-a00d7c21.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as o,g as e}from"./p-ad674a4e.js";import{M as i,T as r}from"./p-cdac3cf4.js";import"./p-34d144e8.js";const c=".sc-smoothly-trigger-source-h{display:block}[hidden].sc-smoothly-trigger-source-h{display:none}";const n=c;const d=class{constructor(o){s(this,o);this.trigger=t(this,"trigger",7);this.smoothlyMessage=t(this,"smoothlyMessage",7);this.listen=undefined}componentDidLoad(){i.listen(this.listen,((s,t)=>{if(r.is(t))this.trigger.emit(t);else this.smoothlyMessage.emit({destination:s,content:t})}),window)}render(){return o("slot",{key:"29194214d33f2c877c1bd5b6d5bbf3df2671560a"})}get element(){return e(this)}};d.style=n;export{d as smoothly_trigger_source};
+//# sourceMappingURL=p-a00d7c21.entry.js.map

package/dist/smoothly/{p-4e31d890.entry.js → p-bcf83be6.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as s}from"./p-ad674a4e.js";import{S as l,B as r}from"./p-b5e2b527.js";import"./p-cdac3cf4.js";import"./p-34d144e8.js";import"./p-ef377b79.js";const m='[color=default].sc-smoothly-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-submit-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-submit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-submit-h{display:inline}[disabled].sc-smoothly-submit-h{opacity:0.5}.sc-smoothly-submit-h>a.sc-smoothly-submit{font-weight:400;background-color:transparent}.sc-smoothly-submit-h>a.sc-smoothly-submit,.sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-submit-h>button.sc-smoothly-submit{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-submit-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-submit-h:has(>a.sc-smoothly-submit:empty),.sc-smoothly-submit-h:has(>button.sc-smoothly-submit:empty),.sc-smoothly-submit-h>a.sc-smoothly-submit:empty,.sc-smoothly-submit-h>button.sc-smoothly-submit:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-submit-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-submit-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-submit{min-width:8rem}[size=icon].sc-smoothly-submit-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-submit-h>button.sc-smoothly-submit{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-submit-h>button.sc-smoothly-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-submit-h{width:100%}[expand=full].sc-smoothly-submit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-submit-h>button.sc-smoothly-submit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-submit-h:not([fill=clear]):not([disabled])>button.sc-smoothly-submit:hover,.sc-smoothly-submit-h:not([disabled])>button.sc-smoothly-submit:focus-visible,[fill=outline].sc-smoothly-submit-h:not([disabled]):active>button.sc-smoothly-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-submit-h:not([disabled])>button.sc-smoothly-submit:hover::before,[fill=outline].sc-smoothly-submit-h:not([disabled])>button.sc-smoothly-submit:focus-within::before,[fill=outline].sc-smoothly-submit-h:not([disabled])>button.sc-smoothly-submit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-submit:hover,.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-submit:focus-visible,.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-submit-h>button.sc-smoothly-submit,.sc-smoothly-submit-h.sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h .sc-smoothly-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-submit-h{display:none}.sc-smoothly-submit-h{margin:1em 0em}';const i=m;const h=class{constructor(s){o(this,s);this.smoothlyInputLoad=t(this,"smoothlyInputLoad",7);this.color="success";this.expand=undefined;this.fill=undefined;this.disabled=false;this.type=undefined;this.size=undefined;this.shape=undefined;this.prevent=true}async componentWillLoad(){console.warn(`smoothly-submit is deprecated, use smoothly-input-submit instead.\n <smoothly-button type="submit"> can also be used if you're using a regular form.`);this.smoothlyInputLoad.emit((o=>{if(l.is(o)){this.parent=o}}))}clickHandler(){var o;(o=this.parent)===null||o===void 0?void 0:o.submit()}render(){return s(r,{key:"1126363e33c9df54032d68e0b1637800fd59a547",disabled:this.disabled,type:this.type},s("slot",{key:"b0c64e8c390d82c430c78fd377f82106ac2cb6f0"}))}};h.style=i;export{h as smoothly_submit};
-//# sourceMappingURL=p-4e31d890.entry.js.map
+import{r as o,c as t,h as s}from"./p-ad674a4e.js";import{S as l,B as r}from"./p-b5e2b527.js";import"./p-cdac3cf4.js";import"./p-34d144e8.js";import"./p-ef377b79.js";const m='[color=default].sc-smoothly-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-submit-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-submit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-submit-h{display:inline}[disabled].sc-smoothly-submit-h{opacity:0.5}.sc-smoothly-submit-h>a.sc-smoothly-submit{font-weight:400;background-color:transparent}.sc-smoothly-submit-h>a.sc-smoothly-submit,.sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-submit-h>button.sc-smoothly-submit{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-submit-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-submit-h:has(>a.sc-smoothly-submit:empty),.sc-smoothly-submit-h:has(>button.sc-smoothly-submit:empty),.sc-smoothly-submit-h>a.sc-smoothly-submit:empty,.sc-smoothly-submit-h>button.sc-smoothly-submit:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-submit-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-submit-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-submit{min-width:8rem}[size=icon].sc-smoothly-submit-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-submit-h>button.sc-smoothly-submit{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-submit-h>button.sc-smoothly-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-submit-h{width:100%}[expand=full].sc-smoothly-submit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-submit-h>button.sc-smoothly-submit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-submit-h:not([fill=clear]):not([disabled])>button.sc-smoothly-submit:hover,.sc-smoothly-submit-h:not([disabled])>button.sc-smoothly-submit:focus-visible,[fill=outline].sc-smoothly-submit-h:not([disabled]):active>button.sc-smoothly-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-submit-h:not([disabled])>button.sc-smoothly-submit:hover::before,[fill=outline].sc-smoothly-submit-h:not([disabled])>button.sc-smoothly-submit:focus-within::before,[fill=outline].sc-smoothly-submit-h:not([disabled])>button.sc-smoothly-submit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-submit:hover,.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-submit:focus-visible,.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-submit-h>button.sc-smoothly-submit,.sc-smoothly-submit-h.sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h .sc-smoothly-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-submit-h{display:none}.sc-smoothly-submit-h{margin:1em 0em}';const i=m;const h=class{constructor(s){o(this,s);this.smoothlyInputLoad=t(this,"smoothlyInputLoad",7);this.color="success";this.expand=undefined;this.fill=undefined;this.disabled=false;this.type=undefined;this.size=undefined;this.shape=undefined;this.prevent=true}async componentWillLoad(){console.warn(`smoothly-submit is deprecated, use smoothly-input-submit instead.\n <smoothly-button type="submit"> can also be used if you're using a regular form.`);this.smoothlyInputLoad.emit((o=>{if(l.is(o)){this.parent=o}}))}clickHandler(){var o;(o=this.parent)===null||o===void 0?void 0:o.submit()}render(){return s(r,{key:"fa8802fdba3357d4e2718ba01cdaacb6eb9dc447",disabled:this.disabled,type:this.type},s("slot",{key:"6089bc597c9ba8a1d8df0ccc3388ca09b9ea4f49"}))}};h.style=i;export{h as smoothly_submit};
+//# sourceMappingURL=p-bcf83be6.entry.js.map

package/dist/smoothly/smoothly.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as o}from"./p-ad674a4e.js";export{s as setNonce}from"./p-ad674a4e.js";import{g as l}from"./p-72539472.js";var t=()=>{const o=import.meta.url;const l={};if(o!==""){l.resourcesUrl=new URL(".",o).href}return e(l)};t().then((async e=>{await l();return o(JSON.parse('[["p-41bc2222",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]},[[8,"smoothlyUrlChange","urlChangeHandler"]]],[2,"smoothly-form-demo"],[2,"smoothly-input-demo",{"duration":[32],"alphanumeric":[32]}],[2,"smoothly-table-demo"],[0,"smoothly-button-demo"],[2,"smoothly-icon-demo",{"display":[32],"props":[32]}],[2,"smoothly-theme-demo"],[0,"smoothly-display-demo",{"downloadingSpinner":[32]}],[2,"smoothly-dialog-demo",{"openModal":[32],"openTallModal":[32],"showFrame":[32]}],[4,"smoothly-app",{"label":[513],"color":[1],"home":[1],"menuOpen":[1540,"menu-open"],"navBreakpoint":[513,"nav-breakpoint"],"mobileMode":[32],"selected":[32],"selectRoom":[64]},[[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelect","roomSelectedHandler"],[0,"smoothlyRoomLoad","roomLoadedHandler"],[8,"click","clickHandler"]],{"selected":["selectedChanged"]}],[6,"smoothly-app-room",{"label":[513],"icon":[513],"disabled":[516],"path":[1],"selected":[1540],"content":[16],"mobileMode":[32],"setMobileMode":[64],"getContent":[64],"setSelected":[64]},[[8,"smoothlyUrlUpdate","setQuery"]]],[2,"smoothly-tabs-demo",{"extraTab1":[32],"extraTab2":[32]}],[2,"smoothly-form-demo-pet",{"hasOwner":[32],"owner":[32],"value":[32]}],[2,"smoothly-input-demo-standard",{"duration":[32],"options":[32]}],[2,"smoothly-form-demo-all"],[2,"smoothly-input-demo-user-input",{"textIndex":[32],"selectIndex":[32],"checkboxChecked":[32],"radioIndex":[32],"rangeValue":[32],"colorIndex":[32],"dateValue":[32],"datetimeValue":[32],"dateRangeValue":[32]}],[2,"smoothly-table-demo-filtered",{"criteria":[32],"cats":[32],"selector":[32]},[[0,"smoothlyFilter","onFilterUpdate"],[0,"smoothlyInput","smoothlyInputHandler"]]],[2,"smoothly-form-demo-transparent"],[2,"smoothly-table-demo-group"],[2,"smoothly-form-demo-schedule"],[2,"smoothly-form-demo-typed"],[2,"smoothly-table-demo-colspan"],[2,"smoothly-table-demo-nested-no-cell",{"loadingIndex":[32],"loadedRows":[32]}],[2,"smoothly-form-demo-controlled",{"name":[32],"currency":[32],"date":[32]},null,{"name":["nameChanged"]}],[2,"smoothly-form-demo-date"],[2,"smoothly-form-demo-date-range"],[2,"smoothly-table-demo-filler-row",{"cats":[32]}],[2,"smoothly-table-demo-simple"],[2,"smoothly-button-demo-standard",{"props":[32],"heightText":[32],"lastButton":[32]},null,{"props":["updateInputHeightText"]}],[2,"smoothly-input-date-demo",{"date":[32],"alwaysShowGuide":[32]}],[0,"smoothly-input-color-demo"],[0,"smoothly-input-range-demo"],[2,"smoothly-form-demo-login"],[2,"smoothly-form-demo-prices"],[2,"smoothly-form-demo-card"],[0,"smoothly-display-demo-json"],[2,"smoothly-theme-guide"],[2,"smoothly-input-price-demo",{"currencies":[32],"currency":[32]}],[6,"smoothly-notifier",{"icon":[4],"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-theme-picker",{"element":[1]}],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-theme-colors"],[2,"smoothly-toggle-switch-demo"],[2,"smoothly-burger",{"open":[1540]},[[0,"click","clickHandler"]],{"open":["openChanged"]}],[6,"smoothly-modal",{"open":[1540],"closable":[516],"align":[513],"closeModal":[64],"openModal":[64]},null,{"open":["openChanged"]}],[2,"smoothly-frame",{"url":[1],"name":[513],"origin":[1],"send":[64]}],[6,"smoothly-label",{"hue":[2],"description":[1],"shape":[513]}],[2,"smoothly-table-demo-nested-no-cell-inner",{"data":[16]}],[6,"smoothly-filter",{"detailChildren":[32],"criteria":[32],"expanded":[32]},[[0,"smoothlyFilterUpdate","updateHandler"],[0,"smoothlyFilterManipulate","manipulateHandler"],[0,"smoothlyFilterField","filterFieldHandler"]]],[6,"smoothly-filter-select",{"label":[1],"property":[1],"menuHeight":[1,"menu-height"],"multiple":[4],"type":[1],"looks":[1025]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]]],[6,"smoothly-filter-input",{"label":[1],"property":[1],"placeholder":[1],"needle":[32]}],[2,"smoothly-notification",{"notice":[16],"closable":[4],"icon":[4],"tick":[32]},[[0,"trigger","onTrigger"]],{"notice":["onUpdatedNotice"]}],[6,"smoothly-table-filler-row"],[2,"smoothly-back-to-top",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-filter-toggle",{"icon":[1],"properties":[16],"tooltip":[1],"not":[4],"flip":[516],"active":[1028]}],[6,"smoothly-summary",{"open":[1540]}],[2,"smoothly-theme-color",{"color":[1]}],[6,"smoothly-table-row-group",{"align":[516],"open":[1540]}],[2,"smoothly-filter-field",{"criteria":[8],"clear":[64]}],[6,"smoothly-tab",{"label":[1],"name":[1],"tooltip":[1],"open":[1540],"disabled":[516]},[[0,"smoothlyInputLoad","onInputLoad"],[0,"smoothlyInput","onInputLoad"]],{"open":["openHandler"]}],[6,"smoothly-tabs",{"tabs":[513],"numberOfTabs":[2,"number-of-tabs"],"tabElements":[32],"selectedElement":[32],"removeTab":[64]},[[0,"smoothlyTabLoad","onInputLoad"],[0,"smoothlyTabOpen","openChanged"]],{"selectedElement":["onSelectedChange"]}],[2,"smoothly-theme-color-variant",{"color":[513],"variant":[513]}],[6,"smoothly-input-edit",{"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"display":[1540],"shape":[513],"type":[513],"size":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[6,"smoothly-lazy",{"show":[1028],"content":[16]}],[6,"smoothly-table-expandable-row",{"open":[1540]},null,{"open":["openChange"]}],[6,"smoothly-table-foot"],[6,"smoothly-input-date-time",{"color":[1537],"looks":[1537],"name":[513],"readonly":[1540],"disabled":[516],"invalid":[516],"errorMessage":[513,"error-message"],"value":[1025],"open":[1028],"showLabel":[516,"show-label"],"min":[1],"max":[1],"date":[32],"hour":[32],"minute":[32],"register":[64],"unregister":[64],"getValue":[64],"listen":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{"name":["nameChange"],"date":["handleChange"],"hour":["handleChange"],"minute":["handleChange"],"value":["valueChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[2,"smoothly-load-more",{"triggerMode":[1,"trigger-mode"],"name":[1],"multiple":[4],"inView":[32]}],[6,"smoothly-table-expandable-cell",{"span":[514],"open":[1540],"close":[64]},null,{"open":["openChange"]}],[6,"smoothly-trigger",{"color":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input-file",{"readonly":[1540],"disabled":[516],"accept":[1],"color":[1537],"looks":[1537],"camera":[513],"name":[513],"showLabel":[516,"show-label"],"value":[1040],"placeholder":[1537],"dragging":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"binary":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"name":["nameChange"],"value":["valueChanged"]}],[6,"smoothly-table-body"],[6,"smoothly-table-cell",{"span":[514]}],[6,"smoothly-input-color",{"value":[1025],"looks":[1537],"color":[1537],"readonly":[1540],"disabled":[516],"output":[1],"name":[513],"showLabel":[516,"show-label"],"open":[32],"sliderMode":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{"name":["nameChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"],"value":["valueChanged"]}],[6,"smoothly-table",{"columns":[2]},[[0,"smoothlyTableExpandableRowChange","smoothlyTableExpandableRowChange"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChange"]]],[6,"smoothly-table-head",{"scrolled":[32]}],[6,"smoothly-input-date-range",{"locale":[513],"name":[513],"color":[1537],"looks":[1537],"readonly":[1540],"disabled":[516],"showLabel":[516,"show-label"],"start":[1025],"end":[1025],"placeholder":[513],"alwaysShowGuide":[516,"always-show-guide"],"invalid":[4],"max":[1],"min":[1],"open":[32],"startHasText":[32],"endHasText":[32],"register":[64],"unregister":[64],"getValue":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"clear":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[8,"click","onWindowClick"]],{"start":["startChanged"],"end":["endChanged"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"],"name":["nameChange"]}],[6,"smoothly-table-row",null,[[0,"smoothlyTableExpandableCellRegister","smoothlyTableExpandableCellRegisterHandler"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChangeHandler"]]],[6,"smoothly-input-checkbox",{"name":[513],"readonly":[1540],"disabled":[516],"checked":[1028],"value":[16],"looks":[1537],"color":[1537],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"name":["nameChange"],"disabled":["handleDisabledChange"],"readonly":["handleDisabledChange"],"checked":["elementCheck"]}],[6,"smoothly-input-radio-item",{"value":[1032],"selected":[1540],"looks":[1537],"name":[1025],"disabled":[32]}],[6,"smoothly-input-radio",{"value":[1032],"looks":[1537],"color":[1537],"direction":[513],"clearable":[4],"readonly":[1540],"disabled":[516],"name":[513],"showLabel":[516,"show-label"],"listen":[64],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyRadioItemRegister","handleRegister"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyRadioItemSelect","smoothlyRadioInputHandler"]],{"name":["nameChange"],"value":["valueChanged"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[6,"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"],"value":["valueChanged"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[6,"smoothly-input-date",{"locale":[513],"color":[1537],"looks":[1537],"name":[513],"readonly":[1540],"disabled":[516],"invalid":[4],"errorMessage":[513,"error-message"],"placeholder":[513],"alwaysShowGuide":[516,"always-show-guide"],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"showLabel":[516,"show-label"],"hasText":[32],"register":[64],"unregister":[64],"getValue":[64],"listen":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"],[0,"smoothlyDateSet","dateSetHandler"]],{"name":["nameChange"],"value":["onValueChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[6,"smoothly-input-clear",{"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"size":[513],"shape":[513],"display":[1540],"type":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[6,"smoothly-input-reset",{"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"size":[513],"shape":[513],"display":[1540],"type":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[2,"smoothly-toggle-switch",{"checkmark":[516],"selected":[1540],"disabled":[516],"size":[513],"color":[513],"fill":[513]}],[6,"smoothly-input-submit",{"delete":[516],"color":[1],"icon":[8],"expand":[513],"fill":[513],"disabled":[1540],"display":[1540],"shape":[513],"size":[513],"tooltip":[1]}],[2,"smoothly-date-text",{"locale":[1],"readonly":[516],"disabled":[516],"invalid":[516],"showLabel":[516,"show-label"],"value":[1],"parts":[32],"order":[32],"separator":[32],"focusedIndex":[32],"setValue":[64],"select":[64],"deselect":[64]},[[0,"beforeinput","beforeInputHandler"],[2,"input","inputHandler"]],{"parts":["partsHandler"],"focusedIndex":["focusedIndexHandler"]}],[6,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1],"end":[1],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"startInternal":[32],"endInternal":[32],"jumpTo":[64]},null,{"start":["onStart"],"end":["onEnd"]}],[6,"smoothly-button-confirm",{"color":[1],"name":[513],"doubleClickTime":[2,"double-click-time"],"expand":[513],"fill":[1],"disabled":[516],"shape":[1],"size":[1],"clickTimeStamp":[32]}],[6,"smoothly-input-month",{"readonly":[1540],"color":[513],"looks":[1537],"name":[513],"value":[1025],"max":[1025],"min":[1025],"next":[516],"previous":[516],"inCalendar":[516,"in-calendar"],"showLabel":[516,"show-label"],"allowPreviousMonth":[32],"allowNextMonth":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"value":["valueChanged","setAllowPreviousMonth","setAllowNextMonth"],"min":["setAllowPreviousMonth"],"max":["setAllowNextMonth"],"name":["nameChange"]}],[4,"smoothly-form",{"color":[1537],"value":[1040],"action":[1],"validator":[16],"type":[1],"readonly":[1028],"looks":[513],"name":[513],"prevent":[4],"processing":[1040],"removeInput":[64],"listen":[64],"submit":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyKeydown","smoothlyKeydownHandler"],[8,"smoothlyFormSubmit","windowSubmitHandler"],[0,"smoothlyFormSubmit","submitHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyFormDisable","smoothlyFormDisableHandler"]],{"value":["watchValue"],"readonly":["watchReadonly"]}],[2,"smoothly-display",{"type":[1],"label":[1],"value":[8],"collapseDepth":[2,"collapse-depth"],"toInteger":[4,"to-integer"],"currency":[1],"country":[1],"format":[16]}],[2,"smoothly-display-json",{"value":[8],"collapseDepth":[2,"collapse-depth"]}],[2,"smoothly-spinner",{"size":[513],"overlay":[516]}],[2,"smoothly-display-json-object",{"value":[16],"collapseDepth":[2,"collapse-depth"],"open":[32],"empty":[32]}],[2,"smoothly-display-json-primitive",{"value":[8]}],[2,"smoothly-display-json-record-key",{"value":[8]}],[6,"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"],[0,"keydown","onKeyDown"]],{"name":["nameChange"],"selected":["onSelectedChange"],"required":["onRequiredChange"],"filter":["onFilterChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"],"open":["onClosed"]}],[6,"smoothly-input",{"color":[1537],"looks":[1537],"name":[513],"value":[1032],"type":[513],"required":[516],"showLabel":[516,"show-label"],"autocomplete":[1],"placeholder":[513],"disabled":[516],"readonly":[1540],"toInteger":[4,"to-integer"],"currency":[513],"min":[2],"max":[2],"pad":[2],"invalid":[516],"errorMessage":[513,"error-message"],"copyable":[516],"initialValue":[32],"state":[32],"copied":[32],"getValue":[64],"setValue":[64],"setFocus":[64],"setSelection":[64],"listen":[64],"register":[64],"unregister":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"setCustomInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"input","onEvent"],[0,"beforeinput","onEvent"]],{"name":["nameChange"],"currency":["typeChange"],"type":["typeChange"],"state":["stateChange"],"value":["valueChange"],"disabled":["readonlyChange"],"readonly":["readonlyChange"]}],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"disabled":[516],"deselectable":[4],"filter":[64]},[[0,"click","clickHandler"]],{"selected":["selectedWatcher"]}],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"tooltip":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[513],"size":[513],"rotate":[514],"flip":[513],"tooltip":[1],"latestPromise":[32]},null,{"tooltip":["nameChanged"],"name":["nameChanged"]}]]],["p-ef387b27",[[2,"smoothly-input-checkbox-demo"]]],["p-ed0c6bf7",[[6,"smoothly-checkbox",{"size":[1],"checked":[1540],"intermediate":[1540],"unavailable":[516],"disabled":[516],"name":[513],"value":[8],"t":[32],"toggle":[64],"clear":[64]},null,{"checked":["unavailableChanged"],"unavailable":["unavailableChanged"]}]]],["p-1f393d2d",[[6,"smoothly-color",{"color":[513]}]]],["p-93e60427",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["p-4e31d890",[[6,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"prevent":[4]},[[0,"click","clickHandler"]]]]],["p-68d9c9fc",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["p-eb9ae48f",[[6,"smoothly-trigger-source",{"listen":[1]}]]]]'),e)}));
+import{p as e,b as o}from"./p-ad674a4e.js";export{s as setNonce}from"./p-ad674a4e.js";import{g as l}from"./p-72539472.js";var t=()=>{const o=import.meta.url;const l={};if(o!==""){l.resourcesUrl=new URL(".",o).href}return e(l)};t().then((async e=>{await l();return o(JSON.parse('[["p-51b0aa9b",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]},[[8,"smoothlyUrlChange","urlChangeHandler"]]],[2,"smoothly-form-demo"],[2,"smoothly-input-demo",{"duration":[32],"alphanumeric":[32]}],[2,"smoothly-table-demo"],[0,"smoothly-button-demo"],[2,"smoothly-icon-demo",{"display":[32],"props":[32]}],[2,"smoothly-theme-demo"],[0,"smoothly-display-demo",{"downloadingSpinner":[32]}],[2,"smoothly-dialog-demo",{"openModal":[32],"openTallModal":[32],"showFrame":[32]}],[4,"smoothly-app",{"label":[513],"color":[1],"home":[1],"menuOpen":[1540,"menu-open"],"navBreakpoint":[513,"nav-breakpoint"],"mobileMode":[32],"selected":[32],"selectRoom":[64]},[[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelect","roomSelectedHandler"],[0,"smoothlyRoomLoad","roomLoadedHandler"],[8,"click","clickHandler"]],{"selected":["selectedChanged"]}],[6,"smoothly-app-room",{"label":[513],"icon":[513],"disabled":[516],"path":[1],"selected":[1540],"content":[16],"mobileMode":[32],"setMobileMode":[64],"getContent":[64],"setSelected":[64]},[[8,"smoothlyUrlUpdate","setQuery"]]],[2,"smoothly-tabs-demo",{"extraTab1":[32],"extraTab2":[32]}],[2,"smoothly-form-demo-pet",{"hasOwner":[32],"owner":[32],"value":[32]}],[2,"smoothly-input-demo-standard",{"duration":[32],"options":[32]}],[2,"smoothly-form-demo-all"],[2,"smoothly-input-demo-user-input",{"textIndex":[32],"selectIndex":[32],"checkboxChecked":[32],"radioIndex":[32],"rangeValue":[32],"colorIndex":[32],"dateValue":[32],"datetimeValue":[32],"dateRangeValue":[32]}],[2,"smoothly-table-demo-filtered",{"criteria":[32],"cats":[32],"selector":[32]},[[0,"smoothlyFilter","onFilterUpdate"],[0,"smoothlyInput","smoothlyInputHandler"]]],[2,"smoothly-form-demo-transparent"],[2,"smoothly-table-demo-group"],[2,"smoothly-form-demo-schedule"],[2,"smoothly-form-demo-typed"],[2,"smoothly-table-demo-colspan"],[2,"smoothly-table-demo-nested-no-cell",{"loadingIndex":[32],"loadedRows":[32]}],[2,"smoothly-form-demo-controlled",{"name":[32],"currency":[32],"date":[32]},null,{"name":["nameChanged"]}],[2,"smoothly-form-demo-date"],[2,"smoothly-form-demo-date-range"],[2,"smoothly-table-demo-filler-row",{"cats":[32]}],[2,"smoothly-table-demo-simple"],[2,"smoothly-button-demo-standard",{"props":[32],"heightText":[32],"lastButton":[32]},null,{"props":["updateInputHeightText"]}],[2,"smoothly-input-date-demo",{"date":[32],"alwaysShowGuide":[32]}],[0,"smoothly-input-color-demo"],[0,"smoothly-input-range-demo"],[2,"smoothly-form-demo-login"],[2,"smoothly-form-demo-prices"],[2,"smoothly-form-demo-card"],[0,"smoothly-display-demo-json"],[2,"smoothly-theme-guide"],[2,"smoothly-input-price-demo",{"currencies":[32],"currency":[32]}],[6,"smoothly-notifier",{"icon":[4],"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-theme-picker",{"element":[1]}],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-theme-colors"],[2,"smoothly-toggle-switch-demo"],[2,"smoothly-burger",{"open":[1540]},[[0,"click","clickHandler"]],{"open":["openChanged"]}],[6,"smoothly-modal",{"open":[1540],"closable":[516],"align":[513],"closeModal":[64],"openModal":[64]},null,{"open":["openChanged"]}],[2,"smoothly-frame",{"url":[1],"name":[513],"origin":[1],"send":[64]}],[6,"smoothly-label",{"hue":[2],"description":[1],"shape":[513]}],[2,"smoothly-table-demo-nested-no-cell-inner",{"data":[16]}],[6,"smoothly-filter",{"detailChildren":[32],"criteria":[32],"expanded":[32]},[[0,"smoothlyFilterUpdate","updateHandler"],[0,"smoothlyFilterManipulate","manipulateHandler"],[0,"smoothlyFilterField","filterFieldHandler"]]],[6,"smoothly-filter-select",{"label":[1],"property":[1],"menuHeight":[1,"menu-height"],"multiple":[4],"type":[1],"looks":[1025]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]]],[6,"smoothly-filter-input",{"label":[1],"property":[1],"placeholder":[1],"needle":[32]}],[2,"smoothly-notification",{"notice":[16],"closable":[4],"icon":[4],"tick":[32]},[[0,"trigger","onTrigger"]],{"notice":["onUpdatedNotice"]}],[6,"smoothly-table-filler-row"],[2,"smoothly-back-to-top",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-filter-toggle",{"icon":[1],"properties":[16],"tooltip":[1],"not":[4],"flip":[516],"active":[1028]}],[6,"smoothly-summary",{"open":[1540]}],[2,"smoothly-theme-color",{"color":[1]}],[6,"smoothly-table-row-group",{"align":[516],"open":[1540]}],[2,"smoothly-filter-field",{"criteria":[8],"clear":[64]}],[6,"smoothly-tab",{"label":[1],"name":[1],"tooltip":[1],"open":[1540],"disabled":[516]},[[0,"smoothlyInputLoad","onInputLoad"],[0,"smoothlyInput","onInputLoad"]],{"open":["openHandler"]}],[6,"smoothly-tabs",{"tabs":[513],"numberOfTabs":[2,"number-of-tabs"],"tabElements":[32],"selectedElement":[32],"removeTab":[64]},[[0,"smoothlyTabLoad","onInputLoad"],[0,"smoothlyTabOpen","openChanged"]],{"selectedElement":["onSelectedChange"]}],[2,"smoothly-theme-color-variant",{"color":[513],"variant":[513]}],[6,"smoothly-input-edit",{"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"display":[1540],"shape":[513],"type":[513],"size":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[6,"smoothly-lazy",{"show":[1028],"content":[16]}],[6,"smoothly-table-expandable-row",{"open":[1540]},null,{"open":["openChange"]}],[6,"smoothly-table-foot"],[6,"smoothly-input-date-time",{"color":[1537],"looks":[1537],"name":[513],"readonly":[1540],"disabled":[516],"invalid":[516],"errorMessage":[513,"error-message"],"value":[1025],"open":[1028],"showLabel":[516,"show-label"],"min":[1],"max":[1],"date":[32],"hour":[32],"minute":[32],"register":[64],"unregister":[64],"getValue":[64],"listen":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{"name":["nameChange"],"date":["handleChange"],"hour":["handleChange"],"minute":["handleChange"],"value":["valueChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[2,"smoothly-load-more",{"triggerMode":[1,"trigger-mode"],"name":[1],"multiple":[4],"inView":[32]}],[6,"smoothly-table-expandable-cell",{"span":[514],"open":[1540],"close":[64]},null,{"open":["openChange"]}],[6,"smoothly-trigger",{"color":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input-file",{"readonly":[1540],"disabled":[516],"accept":[1],"color":[1537],"looks":[1537],"camera":[513],"name":[513],"showLabel":[516,"show-label"],"value":[1040],"placeholder":[1537],"dragging":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"binary":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"name":["nameChange"],"value":["valueChanged"]}],[6,"smoothly-table-body"],[6,"smoothly-table-cell",{"span":[514]}],[6,"smoothly-input-color",{"value":[1025],"looks":[1537],"color":[1537],"readonly":[1540],"disabled":[516],"output":[1],"name":[513],"showLabel":[516,"show-label"],"open":[32],"sliderMode":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{"name":["nameChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"],"value":["valueChanged"]}],[6,"smoothly-table",{"columns":[2]},[[0,"smoothlyTableExpandableRowChange","smoothlyTableExpandableRowChange"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChange"]]],[6,"smoothly-table-head",{"scrolled":[32]}],[6,"smoothly-input-date-range",{"locale":[513],"name":[513],"color":[1537],"looks":[1537],"readonly":[1540],"disabled":[516],"showLabel":[516,"show-label"],"start":[1025],"end":[1025],"placeholder":[513],"alwaysShowGuide":[516,"always-show-guide"],"invalid":[516],"errorMessage":[513,"error-message"],"max":[1],"min":[1],"open":[32],"startHasText":[32],"endHasText":[32],"register":[64],"unregister":[64],"getValue":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"clear":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[8,"click","onWindowClick"]],{"start":["startChanged"],"end":["endChanged"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"],"name":["nameChange"]}],[6,"smoothly-table-row",null,[[0,"smoothlyTableExpandableCellRegister","smoothlyTableExpandableCellRegisterHandler"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChangeHandler"]]],[6,"smoothly-input-checkbox",{"name":[513],"readonly":[1540],"disabled":[516],"checked":[1028],"value":[16],"looks":[1537],"color":[1537],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"name":["nameChange"],"disabled":["handleDisabledChange"],"readonly":["handleDisabledChange"],"checked":["elementCheck"]}],[6,"smoothly-input-radio-item",{"value":[1032],"selected":[1540],"looks":[1537],"name":[1025],"disabled":[32]}],[6,"smoothly-input-radio",{"value":[1032],"looks":[1537],"color":[1537],"direction":[513],"clearable":[4],"readonly":[1540],"disabled":[516],"name":[513],"showLabel":[516,"show-label"],"listen":[64],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyRadioItemRegister","handleRegister"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyRadioItemSelect","smoothlyRadioInputHandler"]],{"name":["nameChange"],"value":["valueChanged"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[6,"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"],"value":["valueChanged"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[6,"smoothly-input-date",{"locale":[513],"color":[1537],"looks":[1537],"name":[513],"readonly":[1540],"disabled":[516],"invalid":[516],"errorMessage":[513,"error-message"],"placeholder":[513],"alwaysShowGuide":[516,"always-show-guide"],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"showLabel":[516,"show-label"],"hasText":[32],"register":[64],"unregister":[64],"getValue":[64],"listen":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"],[0,"smoothlyDateSet","dateSetHandler"]],{"name":["nameChange"],"value":["onValueChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[6,"smoothly-input-clear",{"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"size":[513],"shape":[513],"display":[1540],"type":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[6,"smoothly-input-reset",{"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"size":[513],"shape":[513],"display":[1540],"type":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[2,"smoothly-toggle-switch",{"checkmark":[516],"selected":[1540],"disabled":[516],"size":[513],"color":[513],"fill":[513]}],[6,"smoothly-input-submit",{"delete":[516],"color":[1],"icon":[8],"expand":[513],"fill":[513],"disabled":[1540],"display":[1540],"shape":[513],"size":[513],"tooltip":[1]}],[2,"smoothly-date-text",{"locale":[1],"readonly":[516],"disabled":[516],"showLabel":[516,"show-label"],"value":[1],"parts":[32],"order":[32],"separator":[32],"focusedIndex":[32],"setValue":[64],"select":[64],"deselect":[64]},[[0,"beforeinput","beforeInputHandler"],[2,"input","inputHandler"]],{"parts":["partsHandler"],"focusedIndex":["focusedIndexHandler"]}],[6,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1],"end":[1],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"startInternal":[32],"endInternal":[32],"jumpTo":[64]},null,{"start":["onStart"],"end":["onEnd"]}],[6,"smoothly-button-confirm",{"color":[1],"name":[513],"doubleClickTime":[2,"double-click-time"],"expand":[513],"fill":[1],"disabled":[516],"shape":[1],"size":[1],"clickTimeStamp":[32]}],[6,"smoothly-input-month",{"readonly":[1540],"color":[513],"looks":[1537],"name":[513],"value":[1025],"max":[1025],"min":[1025],"next":[516],"previous":[516],"inCalendar":[516,"in-calendar"],"showLabel":[516,"show-label"],"allowPreviousMonth":[32],"allowNextMonth":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"value":["valueChanged","setAllowPreviousMonth","setAllowNextMonth"],"min":["setAllowPreviousMonth"],"max":["setAllowNextMonth"],"name":["nameChange"]}],[4,"smoothly-form",{"color":[1537],"value":[1040],"action":[1],"validator":[16],"type":[1],"readonly":[1028],"looks":[513],"name":[513],"prevent":[4],"processing":[1040],"removeInput":[64],"listen":[64],"submit":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyKeydown","smoothlyKeydownHandler"],[8,"smoothlyFormSubmit","windowSubmitHandler"],[0,"smoothlyFormSubmit","submitHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyFormDisable","smoothlyFormDisableHandler"]],{"value":["watchValue"],"readonly":["watchReadonly"]}],[2,"smoothly-display",{"type":[1],"label":[1],"value":[8],"collapseDepth":[2,"collapse-depth"],"toInteger":[4,"to-integer"],"currency":[1],"country":[1],"format":[16]}],[2,"smoothly-display-json",{"value":[8],"collapseDepth":[2,"collapse-depth"]}],[2,"smoothly-spinner",{"size":[513],"overlay":[516]}],[2,"smoothly-display-json-object",{"value":[16],"collapseDepth":[2,"collapse-depth"],"open":[32],"empty":[32]}],[2,"smoothly-display-json-primitive",{"value":[8]}],[2,"smoothly-display-json-record-key",{"value":[8]}],[6,"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"],[0,"keydown","onKeyDown"]],{"name":["nameChange"],"selected":["onSelectedChange"],"required":["onRequiredChange"],"filter":["onFilterChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"],"open":["onClosed"]}],[6,"smoothly-input",{"color":[1537],"looks":[1537],"name":[513],"value":[1032],"type":[513],"required":[516],"showLabel":[516,"show-label"],"autocomplete":[1],"placeholder":[513],"disabled":[516],"readonly":[1540],"toInteger":[4,"to-integer"],"currency":[513],"min":[2],"max":[2],"pad":[2],"invalid":[516],"errorMessage":[513,"error-message"],"copyable":[516],"initialValue":[32],"state":[32],"copied":[32],"getValue":[64],"setValue":[64],"setFocus":[64],"setSelection":[64],"listen":[64],"register":[64],"unregister":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"setCustomInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"input","onEvent"],[0,"beforeinput","onEvent"]],{"name":["nameChange"],"currency":["typeChange"],"type":["typeChange"],"state":["stateChange"],"value":["valueChange"],"disabled":["readonlyChange"],"readonly":["readonlyChange"]}],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"disabled":[516],"deselectable":[4],"filter":[64]},[[0,"click","clickHandler"]],{"selected":["selectedWatcher"]}],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"tooltip":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[513],"size":[513],"rotate":[514],"flip":[513],"tooltip":[1],"latestPromise":[32]},null,{"tooltip":["nameChanged"],"name":["nameChanged"]}]]],["p-ef387b27",[[2,"smoothly-input-checkbox-demo"]]],["p-ed0c6bf7",[[6,"smoothly-checkbox",{"size":[1],"checked":[1540],"intermediate":[1540],"unavailable":[516],"disabled":[516],"name":[513],"value":[8],"t":[32],"toggle":[64],"clear":[64]},null,{"checked":["unavailableChanged"],"unavailable":["unavailableChanged"]}]]],["p-1f393d2d",[[6,"smoothly-color",{"color":[513]}]]],["p-93e60427",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["p-bcf83be6",[[6,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"prevent":[4]},[[0,"click","clickHandler"]]]]],["p-1591ed71",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["p-a00d7c21",[[6,"smoothly-trigger-source",{"listen":[1]}]]]]'),e)}));
 //# sourceMappingURL=smoothly.esm.js.map

package/dist/smoothly/smoothly.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,65iBAAuCJ,EAAA","ignoreList":[]}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,s7iBAAuCJ,EAAA","ignoreList":[]}

package/dist/types/components/input/date/range/index.d.ts

@@ -22,6 +22,7 @@ export declare class SmoothlyInputDateRange implements Clearable, Input, Editabl
     placeholder: string;
     alwaysShowGuide: boolean;
     invalid?: boolean;
+    errorMessage?: string;
     max?: isoly.Date;
     min?: isoly.Date;
     parent: Editable | undefined;

package/dist/types/components/input/date/text/index.d.ts

@@ -7,7 +7,6 @@ export declare class SmoothlyInputDateRangeText {
     locale?: isoly.Locale;
     readonly: boolean;
     disabled: boolean;
-    invalid: boolean;
     showLabel: boolean;
     value?: isoly.Date;
     parts: DateFormat.Parts;

package/dist/types/components.d.ts

@@ -126,7 +126,6 @@ export namespace Components {
     interface SmoothlyDateText {
         "deselect": () => Promise<void>;
         "disabled": boolean;
-        "invalid": boolean;
         "locale"?: isoly.Locale;
         "readonly": boolean;
         "select": (place?: "start" | "end") => Promise<void>;
@@ -374,6 +373,7 @@ export namespace Components {
         "disabled"?: boolean;
         "edit": (editable: boolean) => Promise<void>;
         "end": isoly.Date | undefined;
+        "errorMessage"?: string;
         "getValue": () => Promise<Partial<isoly.DateRange> | undefined>;
         "invalid"?: boolean;
         "listen": (listener: Editable.Observer.Listener) => Promise<void>;
@@ -2413,7 +2413,6 @@ declare namespace LocalJSX {
     }
     interface SmoothlyDateText {
         "disabled"?: boolean;
-        "invalid"?: boolean;
         "locale"?: isoly.Locale;
         "onSmoothlyDateHasPartialDate"?: (event: SmoothlyDateTextCustomEvent<DateFormat.Parts>) => void;
         "onSmoothlyDateTextChange"?: (event: SmoothlyDateTextCustomEvent<isoly.Date | undefined>) => void;
@@ -2666,6 +2665,7 @@ declare namespace LocalJSX {
         "color"?: Color;
         "disabled"?: boolean;
         "end"?: isoly.Date | undefined;
+        "errorMessage"?: string;
         "invalid"?: boolean;
         "locale"?: isoly.Locale;
         "looks"?: Looks;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "smoothly",
-	"version": "1.96.0",
+	"version": "1.97.0",
 	"description": "Web component library written in Stencil.",
 	"author": "Utily",
 	"license": "MIT",

package/dist/components/p-03da765f.js.map

@@ -1 +0,0 @@
-{"file":"p-03da765f.js","mappings":"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","names":["isoly.DateTime"],"sources":["src/components/input/date/time/style.css?tag=smoothly-input-date-time&encapsulation=scoped","src/components/input/date/time/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tmax-width: 100vw;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tmin-height: var(--input-min-height);\n}\n\n:host>smoothly-input {\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n\t--smoothly-input-border-focus: none;\n}\n\n:host:not([readonly])>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled]>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host[looks=transparent] smoothly-input {\n\toutline: none;\n}\n\n:host>smoothly-calendar {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmin-width: 18rem;\n\tmax-width: 22rem;\n}\n\n:host>smoothly-calendar::before {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\ttop: -0.55rem;\n\tleft: 2rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n:host>smoothly-input[name=\"date\"] {\n\twidth: 12rem;\n}\n:host>smoothly-input[name=\"hour\"] {\n\twidth: 4rem;\n}\n:host>smoothly-input[name=\"minute\"] {\n\tmin-width: 4rem;\n\tflex-grow: 1;\n}\n:host>span.colon {\n\tpadding: \n\t\tvar(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);\n}\n:host>.icons>.smoothly-invalid {\n\tdisplay: none;\n\tz-index: 2;\n\tcursor: pointer;\n\tpadding: 0.5rem;\n}\n:host[invalid]>.icons>.smoothly-invalid {\n\tdisplay: flex;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../../model\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-date-time\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateTime implements ComponentWillLoad, Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate initialValue?: isoly.DateTime\n\tprivate observer = Editable.Observer.create(this)\n\t@Prop({ mutable: true }) value?: isoly.DateTime\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() min?: isoly.DateTime\n\t@Prop() max?: isoly.DateTime\n\t@State() date?: isoly.Date\n\t@State() hour?: number\n\t@State() minute?: number\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyValueChange: EventEmitter<isoly.DateTime>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad(): void {\n\t\tthis.setInitialValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t\tthis.valueChange(this.value)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.DateTime | undefined> {\n\t\tconst value =\n\t\t\tthis.date && typeof this.hour == \"number\" && typeof this.minute == \"number\"\n\t\t\t\t? `${this.date}T${`${this.hour}`.padStart(2, \"0\")}:${`${this.minute}`.padStart(2, \"0\")}:00.000Z`\n\t\t\t\t: undefined\n\t\treturn isoly.DateTime.is(value) ? value : undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t\tthis.date = undefined\n\t\tthis.hour = undefined\n\t\tthis.minute = undefined\n\t}\n\n\t@Watch(\"date\")\n\t@Watch(\"hour\")\n\t@Watch(\"minute\")\n\tasync handleChange() {\n\t\tconst value = await this.getValue()\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\n\t@Watch(\"value\")\n\tvalueChange(value?: isoly.DateTime) {\n\t\tif (isoly.DateTime.is(value)) {\n\t\t\tthis.date = isoly.DateTime.getDate(value)\n\t\t\tthis.hour = isoly.DateTime.getHour(value)\n\t\t\tthis.minute = isoly.DateTime.getMinute(value)\n\t\t}\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateTime) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tif (isoly.DateTime.is(this.initialValue)) {\n\t\t\tthis.date = isoly.DateTime.getDate(this.initialValue)\n\t\t\tthis.hour = isoly.DateTime.getHour(this.initialValue)\n\t\t\tthis.minute = isoly.DateTime.getMinute(this.initialValue)\n\t\t} else {\n\t\t\tthis.date = undefined\n\t\t\tthis.hour = undefined\n\t\t\tthis.minute = undefined\n\t\t}\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialValue = await this.getValue()\n\t\tthis.isDifferentFromInitial = false\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks == \"transparent\" ? this.looks : undefined}\n\t\t\t\t\tname={\"date\"}\n\t\t\t\t\tonFocus={() => !this.readonly && !this.disabled && (this.open = !this.open)}\n\t\t\t\t\tonClick={() => !this.readonly && !this.disabled && (this.open = !this.open)}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tvalue={this.date}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.date = e.detail.date\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"hour\"\n\t\t\t\t\ttype=\"integer\"\n\t\t\t\t\tmax={23}\n\t\t\t\t\tpad={2}\n\t\t\t\t\tvalue={this.hour}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tplaceholder=\"hh\"\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.hour = e.detail.hour\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<span class=\"colon\">:</span>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"minute\"\n\t\t\t\t\ttype=\"integer\"\n\t\t\t\t\tmax={59}\n\t\t\t\t\tpad={2}\n\t\t\t\t\tvalue={this.minute}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tplaceholder=\"mm\"\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.minute = e.detail.minute\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<span class=\"icons\">\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tclass=\"smoothly-invalid\"\n\t\t\t\t\t\tname=\"alert-circle\"\n\t\t\t\t\t\tcolor=\"danger\"\n\t\t\t\t\t\tfill=\"clear\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\ttooltip={this.errorMessage}\n\t\t\t\t\t/>\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && !this.readonly && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\tvalue={this.value ? isoly.DateTime.getDate(this.value) : undefined}\n\t\t\t\t\t\tmin={this.min ? isoly.DateTime.getDate(this.min) : undefined}\n\t\t\t\t\t\tmax={this.max ? isoly.DateTime.getDate(this.max) : undefined}\n\t\t\t\t\t\tonSmoothlyDateSet={async e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.date = e.detail\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-calendar>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/p-1e58d3b9.js

@@ -1,45 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$2 } from './p-604f869e.js';
-import { d as defineCustomElement$1 } from './p-efbd2a4f.js';
-
-const styleCss = ".sc-smoothly-toggle-switch-demo-h>div.sc-smoothly-toggle-switch-demo{display:grid;grid-template-columns:repeat(5, max-content);gap:1em}.sc-smoothly-toggle-switch-demo-h>div.sc-smoothly-toggle-switch-demo>span.sc-smoothly-toggle-switch-demo>p.sc-smoothly-toggle-switch-demo{margin:0}";
-const SmoothlyToggleSwitchDemoStyle0 = styleCss;
-
-const SmoothlyToggleSwitchDemo = proxyCustomElement(class SmoothlyToggleSwitchDemo extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    render() {
-        return (h(Host, { key: 'c622506b07d0d5d4f8f7bb65ec0b808216ac71f4' }, h("h4", { key: '8f5bccb8bf300780d0f50a9b66a8433a2a6e4423' }, "Toggle switches"), h("div", { key: '5c94e88e5016e60741c95aecb3fccf42f2ce2bf9' }, h("p", { key: 'a842fa899ab91738c7748ba2efb0f727a26c3ec5' }, "Checkmark"), h("span", { key: '0a89a7c406c050db45ebefd7426bca1f44748e36' }, h("p", { key: 'd70ab8939a0ce332845cb41af0e21c777c0ee73a' }, "Tiny"), h("smoothly-toggle-switch", { key: '52c88ff1e6e9e2f8989b7aef24e1e66c983e298a', disabled: false, size: "tiny" })), h("span", { key: '4a0a857accdc647288cf7f3c349f09964a5de0df' }, h("p", { key: '488c5fe7676ea3641f4222ceb658c2c026fcabc1' }, "Small"), h("smoothly-toggle-switch", { key: 'c8fee404136527423d490fb03b49ed387b67419a', disabled: false, size: "small" })), h("span", { key: 'c319ed9031d6a6420510428088c784305a09684c' }, h("p", { key: '42e785cdd2d12032f310e58cd8b2842748b2cdda' }, "Standard"), h("smoothly-toggle-switch", { key: 'f5124d5042159df3b4fcc164b0efb4adcf1b01da', disabled: false })), h("span", { key: '8113acc2967dca4ace18ccf45f97f8b7daac4221' }, h("p", { key: 'e19f0f93cd75db150867e10f48b009ee4eb0cb4b' }, "Large"), h("smoothly-toggle-switch", { key: 'c4beb63b9038e1d3589ccc30d243eb0236548d88', disabled: false, size: "large" })), h("p", { key: '9c2d02b48add10ad48387ea0c4b9f2450dd39cc6' }, "Colors checkmark"), h("span", { key: '7f91266d633dda37b21f3b9c162f791ac4b38746' }, h("p", { key: '9d86ab646d05c081851046b020c2cbbd765acae4' }, "Danger"), h("smoothly-toggle-switch", { key: 'fb3dc5c94a4a05d727772d762a5abff0fa202e82', color: "danger", disabled: false, size: "small" })), h("span", { key: 'f581c530b32021d2a0847fec0f17d95be39d8d7e' }, h("p", { key: '6a0ecea4b4fe03f88838a36e5ec9386da4272791' }, "Primary color"), h("smoothly-toggle-switch", { key: '0f862750bacdc23bc516220586c2a47dc3ce649e', color: "primary", disabled: false, size: "small" })), h("span", { key: 'ab0980c909071f57d9a13f22d88d4301b583067a' }, h("p", { key: '4b0a69324cf7b8f04bcfdbf35731a43c37aade9f' }, "Secondary color"), h("smoothly-toggle-switch", { key: '6442d57ecdb61558e7cb6048c586f46b3e3941b1', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'bb47bc7dd98ceb86bfbd0e28391321731f95dad5' }), h("p", { key: 'c64a2ff112b72d9cff6afd6c371a3da7083cd1f1' }, "Colors no checkmark"), h("span", { key: 'd690a84b3d08750e3e2ff7cd6473feb0a715b4d8' }, h("p", { key: '849781f19a7523b22f8f0dffe0fa15185d38de2f' }, "Danger"), h("smoothly-toggle-switch", { key: '29788801258d901f6cc0780bee771ae78da455e5', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '33fabad2c343849cdd76aebee35b8f99f25d86ba' }, h("p", { key: '006efb42b3d98028594a306799d12a4a16f0fc75' }, "Primary color"), h("smoothly-toggle-switch", { key: 'af3f58fbcf78c86ba6bf56735977ababf19d1077', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '6e44a069cdfcc16f35dedbd02e394eeb56ed7197' }, h("p", { key: '8ded09c92723b570e0a8806adab267e29b878a1f' }, "Secondary color"), h("smoothly-toggle-switch", { key: '676edb5d7c66dc6882234361f64d57e07a14b606', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
-    }
-    static get style() { return SmoothlyToggleSwitchDemoStyle0; }
-}, [2, "smoothly-toggle-switch-demo"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["smoothly-toggle-switch-demo", "smoothly-icon", "smoothly-toggle-switch"];
-    components.forEach(tagName => { switch (tagName) {
-        case "smoothly-toggle-switch-demo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SmoothlyToggleSwitchDemo);
-            }
-            break;
-        case "smoothly-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "smoothly-toggle-switch":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SmoothlyToggleSwitchDemo as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-1e58d3b9.js.map

package/dist/components/p-1fbab324.js.map

@@ -1 +0,0 @@
-{"file":"p-1fbab324.js","mappings":"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","names":["isly.object","isly.any","isly.boolean","isly.function"],"sources":["src/components/item/Item.ts","src/components/input/select/style.css?tag=smoothly-input-select&encapsulation=scoped","src/components/input/select/index.tsx"],"sourcesContent":["import { isly } from \"isly\"\n\nexport interface Item extends Item.Element {}\n\nexport namespace Item {\n\texport interface Element {\n\t\tvalue: any\n\t\tselected?: boolean\n\t\tdeselectable: boolean\n\t\tfilter: (filter: string) => Promise<void>\n\t}\n\texport namespace Element {\n\t\texport const type = isly.object<Element>({\n\t\t\tvalue: isly.any(),\n\t\t\tdeselectable: isly.boolean(),\n\t\t\tselected: isly.boolean().optional(),\n\t\t\tfilter: isly.function(),\n\t\t})\n\t\texport const is = type.is\n\t}\n\texport const type = Element.type.extend<Item>({})\n\texport const is = type.is\n}\n","@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex-direction: row;\n\tposition: relative;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tfill: rgb(var(--smoothly-input-foreground));\n\tstroke: rgb(var(--smoothly-input-foreground));\n\tpadding-left: var(--input-padding-side);\n}\n\n:host.open {\n\tborder-radius: var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0;\n}\n\n:host.icon {\n\twidth: fit-content;\n\tflex-direction: column;\n}\n\n:host>div.select-display {\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tpadding: var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;\n\toverflow: hidden;\n\twidth: 100%;\n\twhite-space: nowrap;\n\tgap: 1rem;\n\ttext-overflow: ellipsis;\n}\n:host:not([readonly]):not([disabled])>div.select-display {\n\tcursor: pointer;\n}\n\n:host:not(:has([slot=label]))>div.select-display,\n:host:not([show-label])>div.select-display  {\n\tpadding: .6rem .8rem .6rem 0;\n\talign-items: center;\n}\n\n:host>div.select-display smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tfill: rgb(var(--smoothly-input-foreground));\n\tstroke: rgb(var(--smoothly-input-foreground));\n}\n\n:host>div.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host:hover>div.icons::slotted(smoothly-icon) {\n\tfilter: opacity(100%);\n}\n\n:host>div.icons>smoothly-icon[name=caret-down-outline],\n:host>div.icons>smoothly-icon[name=caret-forward-outline] {\n\topacity: .7;\n\theight: 100%;\n\tpadding-inline: var(--input-padding-side);\n}\n:host:not([readonly]):not([disabled])>div.icons>smoothly-icon[name=caret-down-outline],\n:host:not([readonly]):not([disabled])>div.icons>smoothly-icon[name=caret-forward-outline] {\n\tcursor: pointer;\n}\n\n:host[invalid]>div>smoothly-icon.smoothly-invalid {\n\tdisplay: block;\n\tpadding: 0.5rem;\n}\n\n:host>div>smoothly-icon.smoothly-invalid {\n\tdisplay: none\n}\n\n:host .label {\n\tleft: .5rem;\n}\n\n:host.has-value:has([slot=label]:not(:empty))>div.select-display,\n:host:not(.has-value)[placeholder]>div.select-display {\n\toverflow: hidden;\n\twidth: 100%;\n}\n\n:host>.options {\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: absolute;\n\ttop: var(--element-height);\n\tz-index: 10;\n\tmax-height: var(--menu-height, unset);\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tleft: 0;\n\tright: 0;\n\tborder-radius: 0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);\n\tmin-width: fit-content;\n\tborder: rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;\n\tborder-top: rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px;\n}\n:host[looks=\"grid\"]>div.options,\n:host[looks=border]>div.options,\n:host[looks=\"transparent\"]>div.options {\n\tleft: -1px;\n\tright: -1px;\n}\n:host[multiple]>div.options>smoothly-item::before {\n\tcontent: \"\";\n\tdisplay: inline-block;\n\twidth: 1rem;\n\theight: 1rem;\n\tmargin-right: 0.5rem;\n\tborder: 1px solid rgb(var(--smoothly-input-foreground));\n\tborder-radius: 0.15rem;\n\tvertical-align: middle;\n}\n:host[multiple]>div.options>smoothly-item[selected]::after {\n\tcontent: \"✔\";\n\tposition: absolute;\n\tleft: 0.65rem; \n\tcolor: rgb(var(--smoothly-item-selected-foreground))\n}\n:host[multiple]>div.options>smoothly-item[selected]::before {\n\tborder: 1px solid rgb(var(--smoothly-item-selected-foreground));\n}\n:host[multiple]>div.options>smoothly-item[selected]::after {\n\tcolor: rgb(var(--smoothly-item-selected-foreground));\n}\n:host[multiple]>div.options>smoothly-item:hover::before {\n\tborder: 1px solid rgb(var(--smoothly-item-hover-foreground));\n}\n:host[multiple]>div.options>smoothly-item:hover::after {\n\tcolor: rgb(var(--smoothly-item-hover-foreground));\n}\n:host>div.options::slotted(smoothly-item),\n:host>div.options::slotted(div.search-preview) {\n\tpadding: .7rem .7rem .7rem .25rem;\n}\n\n:host>div.options::slotted(div.search-preview) {\n\tdisplay: flex;\n\tposition: sticky;\n\ttop: 0;\n\tgap: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-color-contrast));\n\tfill: rgb(var(--smoothly-color-contrast));\n\tstroke: rgb(var(--smoothly-color-contrast));\n}\n:host>div.options::slotted(div.search-preview)::before {\n\t/* Hack to not make the search-preview have opacity without showing what is underneath */\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgba(var(--smoothly-primary-tint), 0.5);\n\tz-index: -1;\n}\n\n:host>div.options>div.search-preview>smoothly-icon[name=\"backspace-outline\"] {\n\tmargin-left: auto;\n\tmargin-right: 0;\n}\n\n:host>div.options.hidden {\n\tdisplay: none;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { Item } from \"../../item/Item\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-select\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputSelect implements Input, Editable, Clearable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate initialValue: HTMLSmoothlyItemElement[] = []\n\tprivate initialValueHandled = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate displaySelectedElement?: HTMLElement\n\tprivate iconsDiv?: HTMLElement\n\tprivate toggle?: HTMLElement\n\tprivate optionsDiv?: HTMLDivElement\n\tprivate items: HTMLSmoothlyItemElement[] = []\n\tprivate itemHeight: number | undefined\n\t@Element() element: HTMLSmoothlyInputSelectElement\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop({ reflect: true }) name = \"selected\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ reflect: true, mutable: true }) showSelected?: boolean = true\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) inCalendar = false\n\t@Prop({ reflect: true }) ordered?: boolean\n\t@Prop({ reflect: true }) multiple = false\n\t@Prop() clearable = true\n\t@Prop({ mutable: true }) defined = false\n\t@Prop({ reflect: true }) placeholder?: string | any\n\t@Prop() menuHeight?: `${number}${\"items\" | \"rem\" | \"px\" | \"vh\"}`\n\t@Prop() required = false\n\t@Prop() searchDisabled = false\n\t@Prop() mutable = false\n\tprivate lastOpen = false\n\t@State() open = false\n\t@State() selected: HTMLSmoothlyItemElement[] = []\n\t@State() filter = \"\"\n\t@State() addedItems: HTMLSmoothlyItemElement[] = []\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyItemSelect: EventEmitter<HTMLSmoothlyItemElement>\n\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tcomponentDidLoad(): void | Promise<void> {\n\t\tthis.selected && !this.initialValueHandled && (this.initialValue = [...this.selected])\n\t\tthis.initialValueHandled = true\n\t\tthis.onSelectedChange()\n\t}\n\tcomponentDidRender(): void | Promise<void> {\n\t\tthis.itemHeight === undefined && (this.itemHeight = this.items.find(item => item.clientHeight > 0)?.clientHeight)\n\t\tif (this.menuHeight && this.itemHeight) {\n\t\t\tthis.element?.style.setProperty(\n\t\t\t\t\"--menu-height\",\n\t\t\t\t!this.menuHeight.endsWith(\"items\") || this.items.length == 0\n\t\t\t\t\t? this.menuHeight\n\t\t\t\t\t: `${this.itemHeight * +(this.menuHeight.match(/^(\\d+(\\.\\d+)?|\\.\\d+)/g)?.[0] ?? \"10\")}px`\n\t\t\t)\n\t\t}\n\t\tthis.element?.style.setProperty(\"--element-height\", `${this.element.clientHeight}px`)\n\n\t\tif (this.ordered && !this.multiple && this.open && !this.lastOpen) {\n\t\t\tthis.scrollToSelected()\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<any | any[] | undefined> {\n\t\treturn !this.multiple && this.selected[0]\n\t\t\t? this.selected[0].value\n\t\t\t: this.multiple && this.selected.length > 0\n\t\t\t? this.selected.map(item => item.value)\n\t\t\t: undefined\n\t}\n\t@Method()\n\tasync getItems(): Promise<HTMLSmoothlyItemElement[]> {\n\t\treturn this.items\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.selected.forEach(item => (item.selected = item.hidden = false))\n\t\tthis.initialValue.forEach(item => (item.selected = true))\n\t\tthis.selected = [...this.initialValue]\n\t\tthis.displaySelected()\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.open && this.handleShowOptions()\n\t}\n\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tif (this.clearable) {\n\t\t\tthis.selected.forEach(item => (item.selected = item.hidden = false))\n\t\t\tthis.selected = []\n\t\t\tif (this.displaySelectedElement) {\n\t\t\t\tthis.displaySelectedElement.innerHTML = this.placeholder ?? \"\"\n\t\t\t}\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.initialValue = [...this.selected]\n\t}\n\t@Watch(\"selected\")\n\tasync onSelectedChange() {\n\t\tthis.initialValueHandled && (this.isDifferentFromInitial = !this.areValuesEqual(this.selected, this.initialValue))\n\t\tthis.defined = this.selected.length > 0\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"required\")\n\tonRequiredChange(): void {\n\t\tthis.items.forEach(item => (item.deselectable = !this.required))\n\t}\n\t@Watch(\"filter\")\n\tasync onFilterChange(value: string): Promise<void> {\n\t\tvalue = value.toLowerCase()\n\t\tawait Promise.all(this.items.map(item => item.filter(value)))\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputSelect) => void>): Promise<void> {\n\t\tif (\n\t\t\tevent.target &&\n\t\t\t((\"name\" in event.target && event.target.name !== this.name) ||\n\t\t\t\t(event.composedPath().some(e => e == this.iconsDiv) && !event.composedPath().some(e => e == this.toggle)))\n\t\t) {\n\t\t\tevent.stopPropagation()\n\t\t} else if (Item.Element.is(event.target)) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.target.deselectable = !this.required\n\t\t\tthis.items.push(event.target as HTMLSmoothlyItemElement)\n\t\t}\n\t\tInput.registerSubAction(this, event)\n\t\tthis.displaySelected()\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && this.handleShowOptions()\n\t}\n\t@Listen(\"smoothlyItemDOMChange\")\n\tonItemDomChange(e: CustomEvent) {\n\t\te.stopPropagation()\n\t\tconst item = e.target as HTMLSmoothlyItemElement\n\t\tif (item.selected)\n\t\t\tthis.displaySelected()\n\t}\n\t@Listen(\"smoothlyItemSelect\")\n\tasync onItemSelect(event: CustomEvent<{ userInitiated: boolean; item: HTMLSmoothlyItemElement }>): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tconst item = event.detail.item\n\t\tif (this.multiple) {\n\t\t\tthis.selected = item.selected ? [...this.selected, item] : this.selected.filter(item => item.selected)\n\t\t} else if (item.selected || !this.items.some(e => e.selected)) {\n\t\t\tthis.selected[0] && (this.selected[0].hidden = this.selected[0].selected = false)\n\t\t\tthis.selected = !item.selected ? this.selected.filter(item => item.selected) : [item]\n\t\t\t!this.showSelected && item.selected && (item.hidden = true)\n\t\t}\n\t\tthis.displaySelected()\n\t\tif (event.detail.userInitiated)\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t}\n\t@Watch(\"open\")\n\tonClosed(open: boolean, before: boolean): void {\n\t\tthis.lastOpen = before\n\t\tif (!open) {\n\t\t\tconst markedItem = this.items.find(item => item.marked)\n\t\t\tif (markedItem) {\n\t\t\t\tmarkedItem.marked = false\n\t\t\t}\n\t\t}\n\t}\n\thandleShowOptions(event?: Event): void {\n\t\tconst wasButtonClicked =\n\t\t\tevent?.composedPath().some(e => e == this.iconsDiv) && !event.composedPath().some(e => e == this.toggle)\n\t\tconst clickedItem = event\n\t\t\t?.composedPath()\n\t\t\t.find((el): el is HTMLSmoothlyItemElement => \"tagName\" in el && el.tagName == \"SMOOTHLY-ITEM\")\n\t\t!this.readonly &&\n\t\t\t!this.disabled &&\n\t\t\t!(clickedItem && this.items.includes(clickedItem) && this.multiple) &&\n\t\t\t!wasButtonClicked &&\n\t\t\t(this.open = !this.open)\n\t\tthis.filter = \"\"\n\t}\n\tareValuesEqual(selected: HTMLSmoothlyItemElement[], initialValue: HTMLSmoothlyItemElement[]): boolean {\n\t\treturn selected.length === initialValue.length && initialValue.every(value => selected.includes(value))\n\t}\n\tdisplaySelected(): void {\n\t\tconst displayString: string = this.selected.map(option => `<div>${option.innerHTML}</div>`).join(\"\")\n\t\tthis.displaySelectedElement &&\n\t\t\t(this.displaySelectedElement.innerHTML = this.selected.length > 0 ? displayString : this.placeholder ?? \"\")\n\t}\n\t@Listen(\"keydown\")\n\tonKeyDown(event: KeyboardEvent) {\n\t\tif (!this.searchDisabled) {\n\t\t\tevent.stopPropagation()\n\t\t\tconst visibleItems = this.items.some(item => item.getAttribute(\"hidden\") === null)\n\t\t\tif (event.key != \"Tab\" && !event.ctrlKey && !event.metaKey)\n\t\t\t\tevent.preventDefault()\n\t\t\tif (this.open) {\n\t\t\t\tswitch (event.key) {\n\t\t\t\t\tcase \"ArrowUp\":\n\t\t\t\t\t\tvisibleItems && this.move(-1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"ArrowDown\":\n\t\t\t\t\t\tvisibleItems && this.move(1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"Escape\":\n\t\t\t\t\t\tif (this.filter == \"\")\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\telse\n\t\t\t\t\t\t\tthis.filter = \"\"\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"Backspace\":\n\t\t\t\t\t\tthis.filter = event.ctrlKey ? \"\" : this.filter.slice(0, -1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"Enter\":\n\t\t\t\t\t\tconst result = this.items.find(item => item.marked)\n\t\t\t\t\t\tif (result?.value)\n\t\t\t\t\t\t\tresult.selected = !result.selected\n\t\t\t\t\t\tif (!this.multiple) {\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\tthis.filter = \"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"Tab\":\n\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\tbreak\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tif (event.key.length == 1)\n\t\t\t\t\t\t\tthis.filter += event.key\n\t\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tswitch (event.key) {\n\t\t\t\t\tcase \"Enter\":\n\t\t\t\t\tcase \" \":\n\t\t\t\t\t\tthis.handleShowOptions()\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"ArrowDown\":\n\t\t\t\t\t\tthis.handleShowOptions()\n\t\t\t\t\t\tthis.move(1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"ArrowUp\":\n\t\t\t\t\t\tthis.handleShowOptions()\n\t\t\t\t\t\tthis.move(-1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"Tab\":\n\t\t\t\t\t\tbreak\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tthis.handleShowOptions()\n\t\t\t\t\t\tif (event.key.length == 1)\n\t\t\t\t\t\t\tthis.filter += event.key\n\t\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tprivate scrollToSelected() {\n\t\tconst selectedItem = this.items.find(item => item.selected)\n\t\tif (selectedItem) {\n\t\t\tthis.items.map(item => (item.marked = false))\n\t\t\tselectedItem.marked = true\n\t\t\tthis.scrollTo(selectedItem, \"instant\")\n\t\t}\n\t}\n\tprivate move(direction: -1 | 1): void {\n\t\tconst selectableItems = this.items.filter(item => !item.hidden && !item.disabled)\n\t\tlet markedIndex = selectableItems.findIndex(item => item.marked)\n\t\tif (markedIndex == -1)\n\t\t\tmarkedIndex = 0\n\t\telse {\n\t\t\tselectableItems[markedIndex].marked = false\n\t\t\tmarkedIndex = (markedIndex + direction + selectableItems.length) % selectableItems.length\n\t\t}\n\t\tselectableItems[markedIndex].marked = true\n\t\tthis.scrollTo(selectableItems[markedIndex], \"smooth\")\n\t}\n\tprivate scrollTo(item: HTMLSmoothlyItemElement, behavior?: \"instant\" | \"smooth\") {\n\t\tthis.optionsDiv?.scrollTo({\n\t\t\ttop: item.offsetTop + item.offsetHeight / 2 - (this.optionsDiv?.clientHeight ?? 0) / 2,\n\t\t\tbehavior,\n\t\t})\n\t}\n\tprivate addItem() {\n\t\tthis.addedItems = this.addedItems.concat(\n\t\t\t<smoothly-item value={this.filter} selected>\n\t\t\t\t{this.filter}\n\t\t\t</smoothly-item>\n\t\t)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\ttabIndex={this.disabled ? undefined : 0}\n\t\t\t\tclass={{ \"has-value\": this.selected.length !== 0, open: this.open }}\n\t\t\t\tonClick={(event: Event) => this.handleShowOptions(event)}>\n\t\t\t\t<div class=\"select-display\" ref={element => (this.displaySelectedElement = element)}>\n\t\t\t\t\t{this.placeholder}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"icons\" ref={element => (this.iconsDiv = element)}>\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tclass=\"smoothly-invalid\"\n\t\t\t\t\t\tname=\"alert-circle\"\n\t\t\t\t\t\tcolor=\"danger\"\n\t\t\t\t\t\tfill=\"clear\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\ttooltip={this.errorMessage}\n\t\t\t\t\t/>\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t\t{this.looks == \"border\" && !this.readonly && (\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tref={element => (this.toggle = element)}\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tname={this.open ? \"caret-down-outline\" : \"caret-forward-outline\"}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"label\" />\n\t\t\t\t<div class={{ hidden: !this.open, options: true }} ref={(el: HTMLDivElement) => (this.optionsDiv = el)}>\n\t\t\t\t\t{this.filter.length > 0 && (\n\t\t\t\t\t\t<div class=\"search-preview\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"search-outline\" size=\"small\" />\n\t\t\t\t\t\t\t{this.filter}\n\t\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\t\tname=\"backspace-outline\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tthis.filter = \"\"\n\t\t\t\t\t\t\t\t\tthis.element.focus()\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{this.mutable && (\n\t\t\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\t\t\tname=\"add\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\tthis.addItem()\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<slot />\n\t\t\t\t\t{this.addedItems}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}