smoothly 1.96.0 → 1.98.0

package/dist/smoothly/p-41bc2222.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as o,H as s,g as i,F as a}from"./p-ad674a4e.js";import{a as n,C as l,F as r,I as c,T as h,i as d,r as m,D as u,f as y,R as b,M as f}from"./p-cdac3cf4.js";import{B as p,S as g}from"./p-b5e2b527.js";import{T as k,L as v,a as w,D as x,c as C,d as S,C as z,o as I,s as j,b as T,e as _,n as D,A as L}from"./p-34d144e8.js";import{N as O}from"./p-ef01331e.js";import{f as A}from"./p-2257be8c.js";import"./p-ef377b79.js";function M(t){return new E(t??"any")}class E extends k{class="any";is=t=>t!=undefined}function R(){const t=navigator.language;return v.is(t)?t:w.is(t)?v.toLocale(t):undefined}const $='smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header:has(smoothly-burger)>nav>ul smoothly-app-room{width:100%;height:4em}smoothly-app>smoothly-notifier>header{position:sticky;top:0;z-index:5;width:100%;height:var(--header-height);display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade))}smoothly-app>smoothly-notifier>header>nav{width:100%;flex-shrink:2;height:100%}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{display:flex;margin:0}smoothly-app:not([label])>smoothly-notifier>header>h1{display:none}smoothly-app>smoothly-notifier>header>h1{margin-left:1rem;margin-bottom:0.8em;display:flex;height:100%}smoothly-app>smoothly-notifier>header>h1>a{display:inline-block;align-self:center;size:100%;background-position-y:center;text-decoration:none;white-space:nowrap}smoothly-app>smoothly-notifier>header>nav>ul{width:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container{display:flex;align-items:center;height:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{display:flex;align-items:center;height:100%;margin-left:auto;margin-right:1rem}smoothly-app>smoothly-notifier>header>nav>ul>[slot="nav-end"]{width:fit-content;align-self:center;height:fit-content;margin-left:10rem}smoothly-app>smoothly-notifier>header>nav>ul li a{display:flex;height:2.3rem;text-decoration:none;align-items:center;align-self:center}smoothly-app.smoothly-mobile-mode:not([menu-open])>smoothly-notifier>header>nav{display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav{width:fit-content;max-width:100%;top:100%;position:absolute;max-height:calc(100dvh - var(--header-height));overflow-y:scroll;right:0;height:auto}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{flex-direction:column;background-color:rgba(var(--smoothly-color))}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{padding:1.5rem;box-sizing:border-box}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul li{margin-right:0;width:100%}smoothly-app:not(.smoothly-mobile-mode)>smoothly-notifier>header>smoothly-burger{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>smoothly-burger{position:absolute;top:0;right:0}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>[slot="nav-start"]{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-end-container{flex-direction:column;margin:0;align-items:start;justify-content:center}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}';const P=$;const F=class{constructor(o){t(this,o);this.smoothlyUrlChange=e(this,"smoothlyUrlChange",7);this.rooms={};this.label=undefined;this.color=undefined;this.home=undefined;this.menuOpen=false;this.navBreakpoint="48rem";this.mobileMode=false;this.selected=undefined}componentWillLoad(){const t=window.matchMedia(`(max-width: ${this.navBreakpoint})`);this.mobileMode=t.matches;t.addEventListener("change",(t=>this.updateMobileMode(t.matches)))}componentDidLoad(){this.updateMobileMode(this.mobileMode)}updateMobileMode(t){this.mobileMode=t;Object.values(this.rooms).forEach((e=>e===null||e===void 0?void 0:e.element.setMobileMode(t)));if(!t)this.menuOpen=false}async componentDidRender(){var t;if(!this.selected&&!window.location.search)(t=this.home&&this.rooms[this.home]?this.rooms[this.home]:Object.values(this.rooms).find((t=>!(t===null||t===void 0?void 0:t.element.disabled))))===null||t===void 0?void 0:t.element.setSelected(true)}async selectRoom(t){var e;(e=this.rooms[t])===null||e===void 0?void 0:e.element.setSelected(true)}async selectedChanged(){var t;Object.values(this.rooms).forEach((t=>{var e;return(t===null||t===void 0?void 0:t.element.path)!=((e=this.selected)===null||e===void 0?void 0:e.element.path)&&(t===null||t===void 0?void 0:t.element.setSelected(false))}));const e=await((t=this.selected)===null||t===void 0?void 0:t.element.getContent());requestAnimationFrame((()=>{if(this.mainElement&&e)this.mainElement.replaceChildren(e)}))}async locationChangeHandler(t){var e;(e=this.rooms[t.state.smoothlyPath])===null||e===void 0?void 0:e.element.setSelected(true,{history:true});this.smoothlyUrlChange.emit(window.location.href)}roomSelectedHandler(t){this.selected={element:t.target};if(this.mobileMode)this.menuOpen=false;if(!t.detail.history){const e=this.selected.element.path.toString();const o=new URL(window.location.pathname==e?window.location.href:window.location.origin);o.pathname=e;o.search=t.detail.query?`?${t.detail.query}`:"";window.history.pushState({smoothlyPath:e,smoothlyQuery:t.detail.query||""},"",o.href)}}roomLoadedHandler(t){const e=this.rooms[t.target.path.toString()]={element:t.target};if(e.element.selected){this.selected=e}}clickHandler(t){if(this.mobileMode&&!t.composedPath().some((t=>t==this.burgerElement||t==this.navElement)))this.menuOpen=false}render(){return o(s,{key:"b7e0be713865b83fe99301a80d389caa88776471",class:{"smoothly-mobile-mode":this.mobileMode}},o("smoothly-notifier",{key:"665220da3ee11853a65e859f69fccc9f3cf29a71"},o("header",{key:"873a6204b8e2b582333da5971ddb4a1a17090971",color:this.color},o("h1",{key:"17667a60a883330d7716c32508c704d78113e742"},o("a",{key:"71ee5f6eaa3b8d40786d32edc1d74b255907d16f",href:""},this.label)),o("slot",{key:"9fe4fefe85513a3e6b03828c9de82bf3c09494c7",name:"header"}),o("nav",{key:"df3b930ed443f4e5086267bfa0fb721e705f192c",ref:t=>this.navElement=t},o("ul",{key:"1bba9ba37651ec4ed2a18d6e376cf5f3dfe379c1"},o("div",{key:"4ce35665cf56b7d4237131e9587c8b12d40db016",class:"nav-start-container"},o("slot",{key:"e7f9ffd3d49399e81da89800277b74b3d05d0f07",name:"nav-start"})),o("slot",{key:"164866c38eb438bb6be0a01ad7abf04b1dd6796c"}),o("div",{key:"3a8c330eef47914fc704dc1ace63999c09cb0013",class:"nav-end-container"},o("slot",{key:"cf1e24c23f1fadb8b3b573a8caa01370a0266153",name:"nav-end"})))),o("smoothly-burger",{key:"ad47e4a3718859ca513479525a3c627f3e01838f",ref:t=>this.burgerElement=t,open:this.menuOpen,onSmoothlyNavStatus:t=>(t.stopPropagation(),this.menuOpen=t.detail)})),o("main",{key:"895236f6c35e17da9a7fdad52bfd754cde9a6109",ref:t=>this.mainElement=t})))}static get watchers(){return{selected:["selectedChanged"]}}};F.style=P;const H=class{constructor(e){t(this,e);this.baseUrl=undefined}urlChangeHandler(t){console.log("smoothlyUrlChange",t.detail)}render(){return o("smoothly-app",{key:"86d6cc67b58d8c7c04b9fd7e33891dfacb529943",color:"dark",label:"Smoothly Demo",home:"/root",ref:t=>this.app=t},o("smoothly-app-room",{key:"7012500cb2629c53e1156372722e8ef2b6d047eb",path:"/"},o("section",{key:"759dafafbd63e7fff5bf0acd0502e8eec36e8c64",style:{padding:"1em",maxWidth:"32em",margin:"0 auto"}},o("header",{key:"0ed18baa408a674f906abc32425ce6037662a476"},o("h1",{key:"22cb0dc61fece9d2d7acae6a55db19ccc57261df"},"Welcome")),o("p",{key:"d914f970b834d217cd2dfd7d2d05cd0c4b5dcb65"},"Smoothly is a component library written in ",o("a",{key:"3626d6388b49307f475e4071ef114039dcb51f60",href:"http://stenciljs.com"},"Stencil"),". It can therefore be used across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML."),o("p",{key:"319549bf6b8cca5d5f9042b1f74c29e884545a59"},"This is particularly useful when trying to unifying the user experience across projects written in different technology stacks. It is also written to minimize the amount of code you need to write to achieve a nice user experience."))),o("smoothly-app-room",{key:"4c752059c00ad39c3bee1d36bdac99bfad027f5f",path:"/form",label:"Forms",content:o("smoothly-form-demo",null)}),o("smoothly-app-room",{key:"02b7dd008a64194f348bfb0679217ebbea05fac9",path:"/input",label:"Inputs",content:o("smoothly-input-demo",null)}),o("smoothly-app-room",{key:"41c7489608d0da9a8d4a2ab9b1a56c425cc36f21",path:"/table",label:"Tables",content:o("smoothly-table-demo",null)}),o("smoothly-app-room",{key:"b10b3c95084e9f27a6ebeaf5170bb10be8226c87",path:"/button",label:"Buttons",content:o("smoothly-button-demo",null)}),o("smoothly-app-room",{key:"f20620084dd779b954fa440b559db2bdccf0b3a3",path:"/icon",label:"Icons",content:o("smoothly-icon-demo",null)}),o("smoothly-app-room",{key:"5078c24c13064315cf8f761809e60cdfc1734c41",path:"/theme",label:"Theming",content:o("smoothly-theme-demo",null)}),o("smoothly-app-room",{key:"1a215800a294196d53fca85834aac7fea5990e70",path:"/dialog",label:"Dialogs",content:o("smoothly-dialog-demo",null),slot:"nav-end"}),o("smoothly-app-room",{key:"c43bd3e6cdd99d7c481c041d85cdc09abf6777e1",path:"/display",label:"Display",content:o("smoothly-display-demo",null),slot:"nav-end"}),o("smoothly-app-room",{key:"bec674db3cafd8d778f8d7baaa8036ff80c72d5e",path:"/tabs",label:"Tabs",slot:"nav-end"},o("smoothly-tabs-demo",{key:"b6a5e71af63d597edc737c03feacbd05c302ebd1"})),o("smoothly-app-room",{key:"7045bdab3e9f1b9e312c99c51efa7700650d868b",path:"/links",label:"Links",slot:"nav-end"},o("smoothly-input",{key:"bd683968e82f931896daa95af86c0219f147eb40",type:"text"},"Default"),o("div",{key:"75e8b55879905603512fc4d5fe53e3c09a5782d0",style:{padding:"1em",maxWidth:"12em"}},o("smoothly-button",{key:"869802d20dddc052fdfa6e537e641dc48c399117",fill:"solid",color:"danger",link:"https://google.com"},"open"),o("smoothly-button",{key:"e0018a3f508970db339bb3b235e31a65aba2757e",fill:"solid",color:"danger",link:"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",type:"download"},"download"),o("smoothly-button",{key:"7ab52ab0a4f39e20b2e2f26f46c0f8997d57729c",fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),o("smoothly-button",{key:"4824113cd8ce8a18c90c825b8a9b761cb8755b05",disabled:true,fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),o("smoothly-button",{key:"9e49688ab7dd80739746f71e3cab6ef83db80ae7",type:"link",fill:"clear",color:"danger",onClick:()=>alert("clicked")},"action link"))),o("smoothly-app-room",{key:"fa1c5ae55b117380e63b5a770efe06c6df055378",path:"/redirect",label:"Redirect",slot:"nav-end"},o("smoothly-button",{key:"f47bd47275bd85a8e8f3e79e8c934e7927f36890",type:"link",link:"/input"},"To input"),o("smoothly-button",{key:"e24f908b0515b8219dce4d44bb2dd6b2c7f39584",type:"link",link:"../button"},"To button"),o("smoothly-button",{key:"85835e7ebef099c646ca28af45d5827913872853",type:"link",link:new URL("/hidden",window.location.origin).href},"To hidden"),o("smoothly-button",{key:"b74f97297768504a5b4f0cace60acb1d48991633",type:"link",link:"/redirect"},"To redirect"),o("smoothly-button",{key:"cc1cc9fce70b0f47fe652ae60d674fa6707be2cd",type:"link",link:"nested"},"To redirect nested, relative path")),o("smoothly-app-room",{key:"17f2026f91be5f73266c141809bc31521d0acca9",path:"/hidden"},o("p",{key:"3bbd16511c586b7387f4c7a5152131f5aa5a4cdf"},"hello world!")),o("smoothly-app-room",{key:"2635c8a84e6909d055d7c53216cb72aed69fbeab",path:"/redirect/nested"},"this is a nested room"))}};var N=class{constructor(t,e,o,s,i,a){this.type=3;this.name="";this.prefix="";this.value="";this.suffix="";this.modifier=3;this.type=t;this.name=e;this.prefix=o;this.value=s;this.suffix=i;this.modifier=a}hasCustomName(){return this.name!==""&&typeof this.name!=="number"}};var U=/[$_\p{ID_Start}]/u;var Y=/[$_\u200C\u200D\p{ID_Continue}]/u;var W=".*";function B(t,e){return(e?/^[\x00-\xFF]*$/:/^[\x00-\x7F]*$/).test(t)}function V(t,e=false){const o=[];let s=0;while(s<t.length){const i=t[s];const a=function(i){if(!e)throw new TypeError(i);o.push({type:"INVALID_CHAR",index:s,value:t[s++]})};if(i==="*"){o.push({type:"ASTERISK",index:s,value:t[s++]});continue}if(i==="+"||i==="?"){o.push({type:"OTHER_MODIFIER",index:s,value:t[s++]});continue}if(i==="\\"){o.push({type:"ESCAPED_CHAR",index:s++,value:t[s++]});continue}if(i==="{"){o.push({type:"OPEN",index:s,value:t[s++]});continue}if(i==="}"){o.push({type:"CLOSE",index:s,value:t[s++]});continue}if(i===":"){let e="";let i=s+1;while(i<t.length){const o=t.substr(i,1);if(i===s+1&&U.test(o)||i!==s+1&&Y.test(o)){e+=t[i++];continue}break}if(!e){a(`Missing parameter name at ${s}`);continue}o.push({type:"NAME",index:s,value:e});s=i;continue}if(i==="("){let e=1;let i="";let n=s+1;let l=false;if(t[n]==="?"){a(`Pattern cannot start with "?" at ${n}`);continue}while(n<t.length){if(!B(t[n],false)){a(`Invalid character '${t[n]}' at ${n}.`);l=true;break}if(t[n]==="\\"){i+=t[n++]+t[n++];continue}if(t[n]===")"){e--;if(e===0){n++;break}}else if(t[n]==="("){e++;if(t[n+1]!=="?"){a(`Capturing groups are not allowed at ${n}`);l=true;break}}i+=t[n++]}if(l){continue}if(e){a(`Unbalanced pattern at ${s}`);continue}if(!i){a(`Missing pattern at ${s}`);continue}o.push({type:"REGEX",index:s,value:i});s=n;continue}o.push({type:"CHAR",index:s,value:t[s++]})}o.push({type:"END",index:s,value:""});return o}function G(t,e={}){const o=V(t);e.delimiter??(e.delimiter="/#?");e.prefixes??(e.prefixes="./");const s=`[^${K(e.delimiter)}]+?`;const i=[];let a=0;let n=0;let l=new Set;const r=t=>{if(n<o.length&&o[n].type===t)return o[n++].value};const c=()=>r("OTHER_MODIFIER")??r("ASTERISK");const h=t=>{const e=r(t);if(e!==void 0)return e;const{type:s,index:i}=o[n];throw new TypeError(`Unexpected ${s} at ${i}, expected ${t}`)};const d=()=>{let t="";let e;while(e=r("CHAR")??r("ESCAPED_CHAR")){t+=e}return t};const m=t=>t;const u=e.encodePart||m;let y="";const b=t=>{y+=t};const f=()=>{if(!y.length){return}i.push(new N(3,"","",u(y),"",3));y=""};const p=(t,e,o,n,r)=>{let c=3;switch(r){case"?":c=1;break;case"*":c=0;break;case"+":c=2;break}if(!e&&!o&&c===3){b(t);return}f();if(!e&&!o){if(!t){return}i.push(new N(3,"","",u(t),"",c));return}let h;if(!o){h=s}else if(o==="*"){h=W}else{h=o}let d=2;if(h===s){d=1;h=""}else if(h===W){d=0;h=""}let m;if(e){m=e}else if(o){m=a++}if(l.has(m)){throw new TypeError(`Duplicate name '${m}'.`)}l.add(m);i.push(new N(d,m,u(t),h,u(n),c))};while(n<o.length){const t=r("CHAR");const o=r("NAME");let s=r("REGEX");if(!o&&!s){s=r("ASTERISK")}if(o||s){let i=t??"";if(e.prefixes.indexOf(i)===-1){b(i);i=""}f();let a=c();p(i,o,s,"",a);continue}const i=t??r("ESCAPED_CHAR");if(i){b(i);continue}const a=r("OPEN");if(a){const t=d();const e=r("NAME");let o=r("REGEX");if(!e&&!o){o=r("ASTERISK")}const s=d();h("CLOSE");const i=c();p(t,e,o,s,i);continue}f();h("END")}return i}function K(t){return t.replace(/([.+*?^${}()[\]|/\\])/g,"\\$1")}function Z(t){return t&&t.ignoreCase?"ui":"u"}function q(t,e,o){return J(G(t,o),e,o)}function X(t){switch(t){case 0:return"*";case 1:return"?";case 2:return"+";case 3:return""}}function J(t,e,o={}){o.delimiter??(o.delimiter="/#?");o.prefixes??(o.prefixes="./");o.sensitive??(o.sensitive=false);o.strict??(o.strict=false);o.end??(o.end=true);o.start??(o.start=true);o.endsWith="";let s=o.start?"^":"";for(const i of t){if(i.type===3){if(i.modifier===3){s+=K(i.value)}else{s+=`(?:${K(i.value)})${X(i.modifier)}`}continue}if(e)e.push(i.name);const t=`[^${K(o.delimiter)}]+?`;let a=i.value;if(i.type===1)a=t;else if(i.type===0)a=W;if(!i.prefix.length&&!i.suffix.length){if(i.modifier===3||i.modifier===1){s+=`(${a})${X(i.modifier)}`}else{s+=`((?:${a})${X(i.modifier)})`}continue}if(i.modifier===3||i.modifier===1){s+=`(?:${K(i.prefix)}(${a})${K(i.suffix)})`;s+=X(i.modifier);continue}s+=`(?:${K(i.prefix)}`;s+=`((?:${a})(?:`;s+=K(i.suffix);s+=K(i.prefix);s+=`(?:${a}))*)${K(i.suffix)})`;if(i.modifier===0){s+="?"}}const i=`[${K(o.endsWith)}]|$`;const a=`[${K(o.delimiter)}]`;if(o.end){if(!o.strict){s+=`${a}?`}if(!o.endsWith.length){s+="$"}else{s+=`(?=${i})`}return new RegExp(s,Z(o))}if(!o.strict){s+=`(?:${a}(?=${i}))?`}let n=false;if(t.length){const e=t[t.length-1];if(e.type===3&&e.modifier===3){n=o.delimiter.indexOf(e)>-1}}if(!n){s+=`(?=${a}|${i})`}return new RegExp(s,Z(o))}var Q={delimiter:"",prefixes:"",sensitive:true,strict:true};var tt={delimiter:".",prefixes:"",sensitive:true,strict:true};var et={delimiter:"/",prefixes:"/",sensitive:true,strict:true};function ot(t,e){if(!t.length){return false}if(t[0]==="/"){return true}if(!e){return false}if(t.length<2){return false}if((t[0]=="\\"||t[0]=="{")&&t[1]=="/"){return true}return false}function st(t,e){if(t.startsWith(e)){return t.substring(e.length,t.length)}return t}function it(t,e){if(t.endsWith(e)){return t.substr(0,t.length-e.length)}return t}function at(t){if(!t||t.length<2){return false}if(t[0]==="["){return true}if((t[0]==="\\"||t[0]==="{")&&t[1]==="["){return true}return false}var nt=["ftp","file","http","https","ws","wss"];function lt(t){if(!t){return true}for(const e of nt){if(t.test(e)){return true}}return false}function rt(t,e){t=st(t,"#");if(e||t===""){return t}const o=new URL("https://example.com");o.hash=t;return o.hash?o.hash.substring(1,o.hash.length):""}function ct(t,e){t=st(t,"?");if(e||t===""){return t}const o=new URL("https://example.com");o.search=t;return o.search?o.search.substring(1,o.search.length):""}function ht(t,e){if(e||t===""){return t}if(at(t)){return wt(t)}else{return vt(t)}}function dt(t,e){if(e||t===""){return t}const o=new URL("https://example.com");o.password=t;return o.password}function mt(t,e){if(e||t===""){return t}const o=new URL("https://example.com");o.username=t;return o.username}function ut(t,e,o){if(o||t===""){return t}if(e&&!nt.includes(e)){const o=new URL(`${e}:${t}`);return o.pathname}const s=t[0]=="/";t=new URL(!s?"/-"+t:t,"https://example.com").pathname;if(!s){t=t.substring(2,t.length)}return t}function yt(t,e,o){if(ft(e)===t){t=""}if(o||t===""){return t}return xt(t)}function bt(t,e){t=it(t,":");if(e||t===""){return t}return pt(t)}function ft(t){switch(t){case"ws":case"http":return"80";case"wws":case"https":return"443";case"ftp":return"21";default:return""}}function pt(t){if(t===""){return t}if(/^[-+.A-Za-z0-9]*$/.test(t))return t.toLowerCase();throw new TypeError(`Invalid protocol '${t}'.`)}function gt(t){if(t===""){return t}const e=new URL("https://example.com");e.username=t;return e.username}function kt(t){if(t===""){return t}const e=new URL("https://example.com");e.password=t;return e.password}function vt(t){if(t===""){return t}if(/[\t\n\r #%/:<>?@[\]^\\|]/g.test(t)){throw new TypeError(`Invalid hostname '${t}'`)}const e=new URL("https://example.com");e.hostname=t;return e.hostname}function wt(t){if(t===""){return t}if(/[^0-9a-fA-F[\]:]/g.test(t)){throw new TypeError(`Invalid IPv6 hostname '${t}'`)}return t.toLowerCase()}function xt(t){if(t===""){return t}if(/^[0-9]*$/.test(t)&&parseInt(t)<=65535){return t}throw new TypeError(`Invalid port '${t}'.`)}function Ct(t){if(t===""){return t}const e=new URL("https://example.com");e.pathname=t[0]!=="/"?"/-"+t:t;if(t[0]!=="/"){return e.pathname.substring(2,e.pathname.length)}return e.pathname}function St(t){if(t===""){return t}const e=new URL(`data:${t}`);return e.pathname}function zt(t){if(t===""){return t}const e=new URL("https://example.com");e.search=t;return e.search.substring(1,e.search.length)}function It(t){if(t===""){return t}const e=new URL("https://example.com");e.hash=t;return e.hash.substring(1,e.hash.length)}var jt=class{constructor(t){this.tokenList=[];this.internalResult={};this.tokenIndex=0;this.tokenIncrement=1;this.componentStart=0;this.state=0;this.groupDepth=0;this.hostnameIPv6BracketDepth=0;this.shouldTreatAsStandardURL=false;this.input=t}get result(){return this.internalResult}parse(){this.tokenList=V(this.input,true);for(;this.tokenIndex<this.tokenList.length;this.tokenIndex+=this.tokenIncrement){this.tokenIncrement=1;if(this.tokenList[this.tokenIndex].type==="END"){if(this.state===0){this.rewind();if(this.isHashPrefix()){this.changeState(9,1)}else if(this.isSearchPrefix()){this.changeState(8,1);this.internalResult.hash=""}else{this.changeState(7,0);this.internalResult.search="";this.internalResult.hash=""}continue}else if(this.state===2){this.rewindAndSetState(5);continue}this.changeState(10,0);break}if(this.groupDepth>0){if(this.isGroupClose()){this.groupDepth-=1}else{continue}}if(this.isGroupOpen()){this.groupDepth+=1;continue}switch(this.state){case 0:if(this.isProtocolSuffix()){this.internalResult.username="";this.internalResult.password="";this.internalResult.hostname="";this.internalResult.port="";this.internalResult.pathname="";this.internalResult.search="";this.internalResult.hash="";this.rewindAndSetState(1)}break;case 1:if(this.isProtocolSuffix()){this.computeShouldTreatAsStandardURL();let t=7;let e=1;if(this.shouldTreatAsStandardURL){this.internalResult.pathname="/"}if(this.nextIsAuthoritySlashes()){t=2;e=3}else if(this.shouldTreatAsStandardURL){t=2}this.changeState(t,e)}break;case 2:if(this.isIdentityTerminator()){this.rewindAndSetState(3)}else if(this.isPathnameStart()||this.isSearchPrefix()||this.isHashPrefix()){this.rewindAndSetState(5)}break;case 3:if(this.isPasswordPrefix()){this.changeState(4,1)}else if(this.isIdentityTerminator()){this.changeState(5,1)}break;case 4:if(this.isIdentityTerminator()){this.changeState(5,1)}break;case 5:if(this.isIPv6Open()){this.hostnameIPv6BracketDepth+=1}else if(this.isIPv6Close()){this.hostnameIPv6BracketDepth-=1}if(this.isPortPrefix()&&!this.hostnameIPv6BracketDepth){this.changeState(6,1)}else if(this.isPathnameStart()){this.changeState(7,0)}else if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 6:if(this.isPathnameStart()){this.changeState(7,0)}else if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 7:if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 8:if(this.isHashPrefix()){this.changeState(9,1)}break}}}changeState(t,e){switch(this.state){case 0:break;case 1:this.internalResult.protocol=this.makeComponentString();break;case 2:break;case 3:this.internalResult.username=this.makeComponentString();break;case 4:this.internalResult.password=this.makeComponentString();break;case 5:this.internalResult.hostname=this.makeComponentString();break;case 6:this.internalResult.port=this.makeComponentString();break;case 7:this.internalResult.pathname=this.makeComponentString();break;case 8:this.internalResult.search=this.makeComponentString();break;case 9:this.internalResult.hash=this.makeComponentString();break}this.changeStateWithoutSettingComponent(t,e)}changeStateWithoutSettingComponent(t,e){this.state=t;this.componentStart=this.tokenIndex+e;this.tokenIndex+=e;this.tokenIncrement=0}rewind(){this.tokenIndex=this.componentStart;this.tokenIncrement=0}rewindAndSetState(t){this.rewind();this.state=t}safeToken(t){if(t<0){t=this.tokenList.length-t}if(t<this.tokenList.length){return this.tokenList[t]}return this.tokenList[this.tokenList.length-1]}isNonSpecialPatternChar(t,e){const o=this.safeToken(t);return o.value===e&&(o.type==="CHAR"||o.type==="ESCAPED_CHAR"||o.type==="INVALID_CHAR")}isProtocolSuffix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}nextIsAuthoritySlashes(){return this.isNonSpecialPatternChar(this.tokenIndex+1,"/")&&this.isNonSpecialPatternChar(this.tokenIndex+2,"/")}isIdentityTerminator(){return this.isNonSpecialPatternChar(this.tokenIndex,"@")}isPasswordPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}isPortPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}isPathnameStart(){return this.isNonSpecialPatternChar(this.tokenIndex,"/")}isSearchPrefix(){if(this.isNonSpecialPatternChar(this.tokenIndex,"?")){return true}if(this.tokenList[this.tokenIndex].value!=="?"){return false}const t=this.safeToken(this.tokenIndex-1);return t.type!=="NAME"&&t.type!=="REGEX"&&t.type!=="CLOSE"&&t.type!=="ASTERISK"}isHashPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,"#")}isGroupOpen(){return this.tokenList[this.tokenIndex].type=="OPEN"}isGroupClose(){return this.tokenList[this.tokenIndex].type=="CLOSE"}isIPv6Open(){return this.isNonSpecialPatternChar(this.tokenIndex,"[")}isIPv6Close(){return this.isNonSpecialPatternChar(this.tokenIndex,"]")}makeComponentString(){const t=this.tokenList[this.tokenIndex];const e=this.safeToken(this.componentStart).index;return this.input.substring(e,t.index)}computeShouldTreatAsStandardURL(){const t={};Object.assign(t,Q);t.encodePart=pt;const e=q(this.makeComponentString(),void 0,t);this.shouldTreatAsStandardURL=lt(e)}};var Tt=["protocol","username","password","hostname","port","pathname","search","hash"];var _t="*";function Dt(t,e){if(typeof t!=="string"){throw new TypeError(`parameter 1 is not of type 'string'.`)}const o=new URL(t,e);return{protocol:o.protocol.substring(0,o.protocol.length-1),username:o.username,password:o.password,hostname:o.hostname,port:o.port,pathname:o.pathname,search:o.search!==""?o.search.substring(1,o.search.length):void 0,hash:o.hash!==""?o.hash.substring(1,o.hash.length):void 0}}function Lt(t,e){if(!e){return t}return At(t)}function Ot(t,e,o){let s;if(typeof e.baseURL==="string"){try{s=new URL(e.baseURL);t.protocol=Lt(s.protocol.substring(0,s.protocol.length-1),o);t.username=Lt(s.username,o);t.password=Lt(s.password,o);t.hostname=Lt(s.hostname,o);t.port=Lt(s.port,o);t.pathname=Lt(s.pathname,o);t.search=Lt(s.search.substring(1,s.search.length),o);t.hash=Lt(s.hash.substring(1,s.hash.length),o)}catch{throw new TypeError(`invalid baseURL '${e.baseURL}'.`)}}if(typeof e.protocol==="string"){t.protocol=bt(e.protocol,o)}if(typeof e.username==="string"){t.username=mt(e.username,o)}if(typeof e.password==="string"){t.password=dt(e.password,o)}if(typeof e.hostname==="string"){t.hostname=ht(e.hostname,o)}if(typeof e.port==="string"){t.port=yt(e.port,t.protocol,o)}if(typeof e.pathname==="string"){t.pathname=e.pathname;if(s&&!ot(t.pathname,o)){const e=s.pathname.lastIndexOf("/");if(e>=0){t.pathname=Lt(s.pathname.substring(0,e+1),o)+t.pathname}}t.pathname=ut(t.pathname,t.protocol,o)}if(typeof e.search==="string"){t.search=ct(e.search,o)}if(typeof e.hash==="string"){t.hash=rt(e.hash,o)}return t}function At(t){return t.replace(/([+*?:{}()\\])/g,"\\$1")}function Mt(t){return t.replace(/([.+*?^${}()[\]|/\\])/g,"\\$1")}function Et(t,e){e.delimiter??(e.delimiter="/#?");e.prefixes??(e.prefixes="./");e.sensitive??(e.sensitive=false);e.strict??(e.strict=false);e.end??(e.end=true);e.start??(e.start=true);e.endsWith="";const o=".*";const s=`[^${Mt(e.delimiter)}]+?`;const i=/[$_\u200C\u200D\p{ID_Continue}]/u;let a="";for(let n=0;n<t.length;++n){const l=t[n];if(l.type===3){if(l.modifier===3){a+=At(l.value);continue}a+=`{${At(l.value)}}${X(l.modifier)}`;continue}const r=l.hasCustomName();let c=!!l.suffix.length||!!l.prefix.length&&(l.prefix.length!==1||!e.prefixes.includes(l.prefix));const h=n>0?t[n-1]:null;const d=n<t.length-1?t[n+1]:null;if(!c&&r&&l.type===1&&l.modifier===3&&d&&!d.prefix.length&&!d.suffix.length){if(d.type===3){const t=d.value.length>0?d.value[0]:"";c=i.test(t)}else{c=!d.hasCustomName()}}if(!c&&!l.prefix.length&&h&&h.type===3){const t=h.value[h.value.length-1];c=e.prefixes.includes(t)}if(c){a+="{"}a+=At(l.prefix);if(r){a+=`:${l.name}`}if(l.type===2){a+=`(${l.value})`}else if(l.type===1){if(!r){a+=`(${s})`}}else if(l.type===0){if(!r&&(!h||h.type===3||h.modifier!==3||c||l.prefix!=="")){a+="*"}else{a+=`(${o})`}}if(l.type===1&&r&&!!l.suffix.length){if(i.test(l.suffix[0])){a+="\\"}}a+=At(l.suffix);if(c){a+="}"}if(l.modifier!==3){a+=X(l.modifier)}}return a}var Rt=class{constructor(t={},e,o){this.regexp={};this.names={};this.component_pattern={};this.parts={};try{let s=void 0;if(typeof e==="string"){s=e}else{o=e}if(typeof t==="string"){const e=new jt(t);e.parse();t=e.result;if(s===void 0&&typeof t.protocol!=="string"){throw new TypeError(`A base URL must be provided for a relative constructor string.`)}t.baseURL=s}else{if(!t||typeof t!=="object"){throw new TypeError(`parameter 1 is not of type 'string' and cannot convert to dictionary.`)}if(s){throw new TypeError(`parameter 1 is not of type 'string'.`)}}if(typeof o==="undefined"){o={ignoreCase:false}}const i={ignoreCase:o.ignoreCase===true};const a={pathname:_t,protocol:_t,username:_t,password:_t,hostname:_t,port:_t,search:_t,hash:_t};this.pattern=Ot(a,t,true);if(ft(this.pattern.protocol)===this.pattern.port){this.pattern.port=""}let n;for(n of Tt){if(!(n in this.pattern))continue;const t={};const e=this.pattern[n];this.names[n]=[];switch(n){case"protocol":Object.assign(t,Q);t.encodePart=pt;break;case"username":Object.assign(t,Q);t.encodePart=gt;break;case"password":Object.assign(t,Q);t.encodePart=kt;break;case"hostname":Object.assign(t,tt);if(at(e)){t.encodePart=wt}else{t.encodePart=vt}break;case"port":Object.assign(t,Q);t.encodePart=xt;break;case"pathname":if(lt(this.regexp.protocol)){Object.assign(t,et,i);t.encodePart=Ct}else{Object.assign(t,Q,i);t.encodePart=St}break;case"search":Object.assign(t,Q,i);t.encodePart=zt;break;case"hash":Object.assign(t,Q,i);t.encodePart=It;break}try{this.parts[n]=G(e,t);this.regexp[n]=J(this.parts[n],this.names[n],t);this.component_pattern[n]=Et(this.parts[n],t)}catch(t){throw new TypeError(`invalid ${n} pattern '${this.pattern[n]}'.`)}}}catch(t){throw new TypeError(`Failed to construct 'URLPattern': ${t.message}`)}}test(t={},e){let o={pathname:"",protocol:"",username:"",password:"",hostname:"",port:"",search:"",hash:""};if(typeof t!=="string"&&e){throw new TypeError(`parameter 1 is not of type 'string'.`)}if(typeof t==="undefined"){return false}try{if(typeof t==="object"){o=Ot(o,t,false)}else{o=Ot(o,Dt(t,e),false)}}catch(t){return false}let s;for(s of Tt){if(!this.regexp[s].exec(o[s])){return false}}return true}exec(t={},e){let o={pathname:"",protocol:"",username:"",password:"",hostname:"",port:"",search:"",hash:""};if(typeof t!=="string"&&e){throw new TypeError(`parameter 1 is not of type 'string'.`)}if(typeof t==="undefined"){return}try{if(typeof t==="object"){o=Ot(o,t,false)}else{o=Ot(o,Dt(t,e),false)}}catch(t){return null}let s={};if(e){s.inputs=[t,e]}else{s.inputs=[t]}let i;for(i of Tt){let t=this.regexp[i].exec(o[i]);if(!t){return null}let e={};for(let[o,s]of this.names[i].entries()){if(typeof s==="string"||typeof s==="number"){let i=t[o+1];e[s]=i}}s[i]={input:o[i]??"",groups:e}}return s}static compareComponent(t,e,o){const s=(t,e)=>{for(let o of["type","modifier","prefix","value","suffix"]){if(t[o]<e[o])return-1;else if(t[o]===e[o])continue;else return 1}return 0};const i=new N(3,"","","","",3);const a=new N(0,"","","","",3);const n=(t,e)=>{let o=0;for(;o<Math.min(t.length,e.length);++o){let i=s(t[o],e[o]);if(i)return i}if(t.length===e.length){return 0}return s(t[o]??i,e[o]??i)};if(!e.component_pattern[t]&&!o.component_pattern[t]){return 0}if(e.component_pattern[t]&&!o.component_pattern[t]){return n(e.parts[t],[a])}if(!e.component_pattern[t]&&o.component_pattern[t]){return n([a],o.parts[t])}return n(e.parts[t],o.parts[t])}get protocol(){return this.component_pattern.protocol}get username(){return this.component_pattern.username}get password(){return this.component_pattern.password}get hostname(){return this.component_pattern.hostname}get port(){return this.component_pattern.port}get pathname(){return this.component_pattern.pathname}get search(){return this.component_pattern.search}get hash(){return this.component_pattern.hash}};if(!globalThis.URLPattern){globalThis.URLPattern=Rt}const $t='.sc-smoothly-app-room-h{display:flex;justify-content:center;text-align:center;cursor:pointer;height:100%;position:relative}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{overflow-y:auto;height:100%}:not([label].sc-smoothly-app-room-h,[icon]).sc-smoothly-app-room-h,[disabled].sc-smoothly-app-room-h{display:none}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{display:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room{height:100%;list-style:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0 1.5em;height:100%}[selected].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{display:flex;color:rgb(var(--smoothly-color-contrast));background:rgb(var(--smoothly-color-shade))}.sc-smoothly-app-room-h:hover>li.sc-smoothly-app-room>a.sc-smoothly-app-room{color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));transition:0.2s}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>smoothly-icon.sc-smoothly-app-room{align-self:inherit}[icon].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>.label.sc-smoothly-app-room{display:none}[icon][label].sc-smoothly-app-room-h:hover::before,[icon][label].sc-smoothly-app-room-h:hover::after{position:absolute;color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));border-radius:0.25rem;pointer-events:none}[icon][label].sc-smoothly-app-room-h:hover::before{content:"";bottom:-1.75rem;transform:rotate(45deg);width:1.25em;height:1.25em}[icon][label].sc-smoothly-app-room-h:hover::after{content:attr(label);white-space:nowrap;bottom:-3.25rem;padding:.5rem 1rem;border-radius:.25rem}.smoothly-mobile-mode.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0}.smoothly-mobile-mode[icon].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>.label.sc-smoothly-app-room{display:unset;padding:0 1rem}.smoothly-mobile-mode.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}.smoothly-mobile-mode[icon][label].sc-smoothly-app-room-h:hover::before,.smoothly-mobile-mode[icon][label].sc-smoothly-app-room-h:hover::after{content:unset}';const Pt=$t;const Ft=class{constructor(o){t(this,o);this.smoothlyRoomSelect=e(this,"smoothlyRoomSelect",7);this.smoothlyRoomLoad=e(this,"smoothlyRoomLoad",7);this.smoothlyUrlChange=e(this,"smoothlyUrlChange",7);this.label=undefined;this.icon=undefined;this.disabled=undefined;this.path="";this.selected=undefined;this.content=undefined;this.mobileMode=false}componentDidRender(){this.selected&&this.smoothlyUrlChange.emit(window.location.href)}componentWillLoad(){this.selected=(typeof this.path=="string"?new URLPattern({pathname:this.path}):this.path).test(window.location);this.smoothlyRoomLoad.emit({selected:this.selected});this.selected&&window.history.replaceState({smoothlyPath:this.path},"",window.location.href)}async setMobileMode(t){this.mobileMode=t}async getContent(){return this.contentElement}async setSelected(t,e){this.selected=t;if(t){this.smoothlyRoomSelect.emit({history:!!(e===null||e===void 0?void 0:e.history),query:this.query})}}async setQuery(t){if(t.detail.path==this.path&&this.query!=t.detail.query){this.query=t.detail.query;window.history.pushState({smoothlyPath:this.path,smoothlyQuery:this.query},"",`${window.location.pathname}${this.query?`?${this.query}`:""}`);this.smoothlyUrlChange.emit(window.location.href)}}clickHandler(t){if(!t.metaKey&&!t.ctrlKey&&t.which!=2&&t.button!=1){t.preventDefault();this.setSelected(true)}}render(){return o(s,{key:"e06ad4adb4d72a03e6b33e6a2d11698f3cdc450e",class:{"smoothly-mobile-mode":this.mobileMode}},o("li",{key:"f236706b03f0cd505b1081f0998ed1dd0b721766"},o("a",{key:"2147ccb7a8296d1de4cdaa0bf968955c14711e7b",href:typeof this.path=="string"?this.path:this.path.pathname,onClick:t=>this.clickHandler(t)},this.icon&&o("smoothly-icon",{key:"4d1530eb064e95429de842958f1d07e4946dcf15",name:this.icon}),this.label&&o("span",{key:"e5badd955a4fd1b5d12e37fa8dea3bc88eed3841",class:"label"},this.label))),o("div",{key:"cf23be6250b7c42f814b74637f4ed6b6510a216f",ref:t=>this.contentElement=t},this.content&&o("smoothly-lazy",{key:"3a6825efc72c8490827df6e6154b0fbfe3a15d72",content:this.content}),o("slot",{key:"a786686ce15650ef54ef56fd1778f9b8e28c339e"})))}};Ft.style=Pt;const Ht=".sc-smoothly-back-to-top-h{background-color:rgba(var(--smoothly-default-color), 1);opacity:var(--opacity);pointer-events:var(--pointer-events);transition:opacity 400ms;z-index:3;border-radius:50%;box-shadow:var(--smoothly-shadow);height:3rem;width:3rem;position:fixed;bottom:var(--bottom);right:var(--right);outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center}";const Nt=Ht;const Ut=class{constructor(e){t(this,e);this.opacity="0.5";this.bottom="1rem";this.right="1rem";this.visible=undefined}componentWillLoad(){var t;this.scrollableParent=n.findParent(this.element);(t=this.scrollableParent)===null||t===void 0?void 0:t.addEventListener("scroll",(()=>{var t,e;this.visible=((e=(t=this.scrollableParent)===null||t===void 0?void 0:t.scrollTop)!==null&&e!==void 0?e:0)>20}))}render(){const t={"--opacity":this.visible?this.opacity:"0","--pointer-events":this.visible?"auto":"none","--bottom":this.bottom,"--right":this.right};return o(s,{key:"b0263cb27cc406847d1ddfcdb68517e45dc750c7",style:t,onClick:()=>{var t;return(t=this.scrollableParent)===null||t===void 0?void 0:t.scrollTo({top:0,left:0,behavior:"smooth"})}},o("smoothly-icon",{key:"f13bb2fd7f5a707333a59065914e9293d1dd004f",name:"caret-up-outline"}))}get element(){return i(this)}};Ut.style=Nt;const Yt=".sc-smoothly-burger-h{display:flex;justify-content:center;align-items:center;height:100%;cursor:pointer}.sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{--smoothly-icon-size:3rem;margin-right:1em}.sc-smoothly-burger-h:not([open]) smoothly-icon.sc-smoothly-burger{transform:rotate(0deg);transition:transform 100ms ease-in-out}[open].sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{transform:rotate(-90deg);transition:transform 100ms ease-in-out}";const Wt=Yt;const Bt=class{constructor(o){t(this,o);this.smoothlyNavStatus=e(this,"smoothlyNavStatus",7);this.open=false}openChanged(){this.smoothlyNavStatus.emit(this.open)}clickHandler(){this.open=!this.open}render(){return o(s,{key:"707b857b83fc245e0279bda323904ee1cc8e85ee"},o("smoothly-icon",{key:"f514b6a05f9feaab4f13cf46778993c3106697e3",name:"menu"}))}get element(){return i(this)}static get watchers(){return{open:["openChanged"]}}};Bt.style=Wt;const Vt='[color=default].sc-smoothly-button{--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-button{--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-button{--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-button{--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-button{--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-button{--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-button{--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-button{--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-button{--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-button{--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-button-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-button-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-button-h{display:inline}[disabled].sc-smoothly-button-h{opacity:0.5}.sc-smoothly-button-h>a.sc-smoothly-button{font-weight:400;background-color:transparent}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{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-button-h>button.sc-smoothly-button{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-button-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-button-h:has(>a.sc-smoothly-button:empty),.sc-smoothly-button-h:has(>button.sc-smoothly-button:empty),.sc-smoothly-button-h>a.sc-smoothly-button:empty,.sc-smoothly-button-h>button.sc-smoothly-button:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-button-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-button-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-button-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-button{min-width:8rem}[size=icon].sc-smoothly-button-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-button-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-button-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button{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-button-h:not([fill=clear]):not([disabled])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:not([disabled]):active>button.sc-smoothly-button::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:hover::before,[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:focus-within::before,[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button: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-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-button-h>button.sc-smoothly-button,.sc-smoothly-button-h.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-button-h{display:none}';const Gt=Vt;const Kt=class{constructor(e){t(this,e);this.color=undefined;this.expand=undefined;this.fill=undefined;this.tooltip=undefined;this.disabled=false;this.type=undefined;this.size=undefined;this.shape=undefined;this.link=undefined}render(){return o(s,{key:"232453b5d6aae82be66b10cc89a4bc1dbfecfb8c",title:this.tooltip},o(p,{key:"e83e04ffda9c99d7ba4a9a7bcc65c3adfff1aab6",disabled:this.disabled,type:this.type,link:this.link},o("slot",{key:"9ca4777b578e3d16d9d16c88c5c22e97256c3d16"})))}};Kt.style=Gt;const Zt=".sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}";const qt=Zt;const Xt=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyConfirm=e(this,"smoothlyConfirm",7);this.color=undefined;this.name=undefined;this.doubleClickTime=.2;this.expand=undefined;this.fill=undefined;this.disabled=false;this.shape=undefined;this.size=undefined;this.clickTimeStamp=undefined}clickHandler(t){if(this.clickTimeStamp&&t.timeStamp-this.clickTimeStamp>this.doubleClickTime*1e3){this.timer&&window.clearTimeout(this.timer);this.clickTimeStamp=undefined;this.smoothlyConfirm.emit({[this.name]:true})}else{this.clickTimeStamp=t.timeStamp;this.timer=window.setTimeout((()=>{this.clickTimeStamp=undefined}),2e3)}}render(){return o(s,{key:"c074a83b5c1adf25489bd21d6ddd877bce15b91b",warning:this.clickTimeStamp},o("smoothly-button",{key:"f4c7658b1c98dc7a7b3bfdd427fba714b43de7d8",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:"warning",disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},o("smoothly-icon",{key:"c41cfe01abddd88b047e6cf90da0864fe13a9d7c",name:"alert-outline",fill:this.fill,color:"warning",size:this.size==="icon"?"tiny":"small"})),o("smoothly-button",{key:"df2f31430eb709a846295c8eb9f1241598c08a35",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:this.color,disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},o("slot",{key:"f442c9e90dc109936afe5267f36ad482a6a841d9"})))}};Xt.style=qt;const Jt="smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}";const Qt=Jt;const te=class{constructor(e){t(this,e)}render(){return o(s,{key:"533286a87d0525479bd2ee9e28e3b4f0a96d4028"},o("section",{key:"83c431cb9866c7e9ed66d000c45db12cba32a5c1"},o("smoothly-button-demo-standard",{key:"9be3c679df5dae790c20267466f0e59e7129e590"})),o("section",{key:"63c5a3497203d471629c514b4ad65062a65803e4"},o("h4",{key:"4aea5b53872940382d8955d747731846e293bb80"},"Confirm button (two clicks)"),o("div",{key:"0d06137cb8e7e2f0d27c7c9bcee216f6a582ff33"},o("smoothly-button-confirm",{key:"d10630d444951f251fd00100cbef18074e7d206b",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),o("smoothly-button-confirm",{key:"c2b0cd87fe14786eaa690e51dd91ace6443aa3c4",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},o("smoothly-icon",{key:"fa26113fbfdaea0ee2c0b4723084a69b54d7804b",name:"checkmark-outline",size:"tiny"})),o("smoothly-button-confirm",{key:"cbceb8ffdeffeb6231bb4775a12aeca6599e7eb5",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},o("smoothly-icon",{key:"5bbbaeccd43ee1b930a73a2fa676345835f9646a",name:"trash-outline",size:"tiny",fill:"outline"}))),o("smoothly-toggle-switch-demo",{key:"1bd1095e2c679a2526d31987873334f51d175e85"}),o("h4",{key:"6d22aa735b0d7f16093b216086441d0d722a6421"},"Links with icons"),o("smoothly-button",{key:"7a9cf02c47b1ac104935336f57c07d9eacd865eb",type:"link"},o("smoothly-icon",{key:"fe0f7094ce66691d5e10ee2f5f6d65782a37a380",name:"checkmark-circle",slot:"start"}),"type link"),o("smoothly-button",{key:"723452282f7551547060378c9057d40e4f729be7",type:"button",color:"warning",fill:"default"},o("smoothly-icon",{key:"2da735678c8066ac9ca1a0c8fc42be6f71968997",name:"call",slot:"start"}),o("a",{key:"dd1747fde83a34074dd35a505a7305bb608fcf3a",href:"https://google.com"},"link")),o("smoothly-button",{key:"d9aa99e8d2dfecc0766e4322051a142028f1d749",link:"https://google.com",type:"link"},o("smoothly-icon",{key:"6e64f4b3686c18f23b2215a41c53f87785835d1f",name:"arrow-forward",slot:"end"}),"link + type link"),o("h4",{key:"da1b853513b11781bcd032cf4d7e5f771baa2ed9"},"Size and Color test"),o("smoothly-button",{key:"8eb4c40f66e75ab99c197ba42c8a4e3f192dd9a5",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),o("smoothly-button",{key:"60c02db208c08a07c50c56ccb228eb333f67a59c",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),o("smoothly-button",{key:"8d6d6a13382b24bc44fa2153dcdeae8212169a97",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),o("smoothly-button",{key:"1c4cce72723efcde85b1308535263324e4b49041",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),o("smoothly-button",{key:"256c0622be653968e784e8a2a598b88a51dc80f7",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),o("smoothly-button",{key:"d381847e99dca57bd315a6b7438b3e1e55172cc2",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),o("smoothly-button",{key:"6ff5845f5a0d82d9c99817696e9be364d9da950a",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),o("smoothly-button",{key:"e14f96677b4aed688dc8f0ea0b596c6b585f15b0",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),o("smoothly-button",{key:"4cac9d4923a21476b5f6dc4de0430153477200fa",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),o("h4",{key:"b1a485089eea221cab4a23be46a83c3c2e9c2929"},"Expand examples"),o("smoothly-button",{key:"71aa9bd0791d0e326d9d0721fb2f8eb0d2875164",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),o("smoothly-button",{key:"b316c727f5f529a63649558012ee790cb1e53750",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),o("h4",{key:"2afe5f6a00cbc405f8b7901f5e118d03adcd243e"},"Fill examples"),o("div",{key:"8aad1d8d07c40c2ada40a18ebcbc7c89d8652eef"},o("smoothly-button",{key:"63b8df9f6a45f6ff81168f9c3ad43344acc0c4ab",shape:"rounded",color:"primary",fill:"solid"},o("smoothly-icon",{key:"33d1f688aa67a1db212a9b7aa7147de4f8279ae6",name:"checkmark-circle",slot:"start"}),"Fill Solid"),o("smoothly-button",{key:"cda371d608f548bfceb958fedb0a7eb22cdc5c83",shape:"rounded",color:"secondary",fill:"outline"},o("smoothly-icon",{key:"39824d2393567df80731477784e31bad5b019f90",name:"checkmark-circle",slot:"start"}),"Fill Outline"),o("smoothly-button",{key:"d429cf372e423e882717f0867adb31ffd5d45dc6",shape:"rounded",color:"tertiary",fill:"clear"},o("smoothly-icon",{key:"e8473ef999c9f3bb56da4f58b51f593e7ebc4a1b",name:"checkmark-circle",slot:"start"}),"Fill Clear"),o("smoothly-button",{key:"e26709d399f9747d657a805ce69f997127dd46e3",size:"icon",shape:"rounded",color:"success",fill:"solid"},o("smoothly-icon",{key:"99abc1c65692daf112f2d2b1660918951ae60559",name:"basketball"}))),o("h4",{key:"99be735e4b2c91170daf2e3f0d5779a69d7ef08f"},'Buttons with Icon in "start"'),o("div",{key:"af0724fe2f9605a199d1b392d0307a948bc02b0c"},o("smoothly-button",{key:"38a7a2af64996af6adc7514d8ee407eaf2c7878b",shape:"rounded",fill:"solid",color:"warning"},o("smoothly-icon",{key:"951d2c413089f67b6ebe3c6d9f566ad5267cf4ae",name:"checkmark-circle",slot:"start"}),"Check"),o("smoothly-button",{key:"6ee1bc2af768f123a12e294016cc917aa4bd1c0e",shape:"rounded",fill:"solid",color:"secondary"},o("smoothly-icon",{key:"9d0e80208a6e68f919cc7276073232a368cb111a",name:"basketball",slot:"start"}),"Check"),o("smoothly-button",{key:"e5366d8f3ed7a2cf41cece51570301f145c67e19",shape:"rounded",fill:"solid",color:"success"},o("smoothly-icon",{key:"a0ad0a9620d853fda8d7e594031c04a0ec689445",name:"call",slot:"start"}),"Check"),o("smoothly-button",{key:"c94e929cfe5f738f2a3235f43a1f4da5e0c9fc36",size:"icon",fill:"solid",shape:"rounded",color:"success"},o("smoothly-icon",{key:"71a2f51f71668101315aa8533b5bfcf366d7fc5a",name:"call"})),o("smoothly-button",{key:"f33069cba505b599106e46dd64b9c8d5d7af72b1",size:"flexible",fill:"solid",color:"success"},o("smoothly-icon",{key:"23f5cfce66c47cfe7a7bc61270d366dc1a4b1df2",name:"airplane"}))),o("h4",{key:"0e1d80f018cb083f747dca33ac1579623130e4b4"},'Buttons with Icon in "end"'),o("smoothly-button",{key:"a6fb030807e47ece0af3e864fd1021dd073bb694",fill:"solid",color:"light"},"Go Forward",o("smoothly-icon",{key:"257becef67d6cc074ae9ea15c4aa7f4310b6512e",name:"arrow-forward",slot:"end"})),o("h4",{key:"dae9d6d89805ba3dbe25d10b078150475f097f97"},"Test for icon button"),o("div",{key:"430c1bc4c47a98cf456a84a2d5ab2668777f01cd"},o("smoothly-button",{key:"3c58c97ef2193b38eab09a4e533dba5b4f20a4e4",size:"icon",fill:"solid",shape:"rounded",color:"success"},o("smoothly-icon",{key:"59426dc2bd35c313d6619b44f13d517aa7c034ce",name:"call"})),o("smoothly-button",{key:"0fb117873692f75b51c92e333d3f835cd5fbe74f",size:"icon",shape:"rounded",color:"warning",fill:"solid"},o("smoothly-icon",{key:"7162fcc07788dd9829abafb5b7f38e786b86c298",name:"search-outline"})),o("smoothly-button",{key:"f46d225a20b28efeafcb952544ff5600988ada74",size:"icon",shape:"rounded",color:"secondary"},o("smoothly-icon",{key:"787a26836d6788196c5f3761f66c680704df9817",name:"checkmark-circle"}))),o("h4",{key:"2d8596d90b04536a298e7375e2a4ad3b0c463fbc"},"Link examples"),o("div",{key:"5af7537287d37938616bc0478f7cc63e757720e5"},o("smoothly-button",{key:"b6faae4aa4fd72b87c7181ec146dfda0cfa7a248",type:"link"},"type link"),o("smoothly-button",{key:"4d56453b6a595c09cb70cd8708392effda6f9279",type:"button",fill:"clear"},o("a",{key:"607e553ae06c24cb513fe90ecca476295b719283",href:"https://google.com"},"link")),o("smoothly-button",{key:"9a397311efd0a89849a6c8016fce61bf0639cea0",link:"https://google.com",type:"link"},"link + type link")),o("h4",{key:"466df22b0f9265755db176b4947f39cb3892d331"},"Disabled buttons"),o("div",{key:"b146d15d620300b8da5e134618a1b3f904024f61"},o("smoothly-button",{key:"637ee09aedbde2ff0342d469b50bd181a632308c",disabled:true,fill:"solid",color:"secondary"},"Disabled"),o("smoothly-button",{key:"0bdca6978fd1908f3c529668bfe3c128987522a5",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),o("smoothly-back-to-top",{key:"f217299a63164d3d4bcbda3d9ab1b4da44a8f99f"}))}};te.style=Qt;const ee=".sc-smoothly-button-demo-standard-h smoothly-input-select.sc-smoothly-button-demo-standard smoothly-item.sc-smoothly-button-demo-standard{display:flex}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard{display:flex;flex-wrap:wrap;gap:0.5rem}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard>smoothly-button.sc-smoothly-button-demo-standard{margin-block:0}.sc-smoothly-button-demo-standard-h .height-text.sc-smoothly-button-demo-standard{border-left:3px dotted rgb(var(--smoothly-default-contrast));padding-inline:1rem;align-content:center}";const oe=ee;const se=class{constructor(e){t(this,e);this.props={};this.heightText="";this.lastButton=undefined}updateInputHeightText(){setTimeout((()=>{const t=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));if(this.lastButton){const e=this.lastButton.clientHeight;this.heightText=`${e/t}rem (${e}px)`}}),100)}render(){return o(s,{key:"c109a1c44628d1b42425859649047a002ee16ce0"},o("h2",{key:"30b5293b4446f0202ba93d4dfff6b3e73ecd8976"},"Button Standard"),o("smoothly-form",{key:"6281f5092e984b1dfc19a0efcb104d05ab5d8e48",onSmoothlyFormInput:t=>this.props=t.detail,looks:"grid"},o("smoothly-input-checkbox",{key:"77ac5fe8bf329861e476539c8625fd5820bdc413",name:"text.useColor",checked:true},"Use Color as Text"),o("smoothly-input-select",{key:"0dbc3a3420ecefc797b9bdba4f453c90d66c8d1f",name:"size"},o("span",{key:"a989af18c47839ff1d5b1e31450062aec0eb3651",slot:"label"},"Size"),["small","large","icon","flexible"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input",{key:"68d2793e921608a9fa1951b6bd97b87dd87a3e10",name:"text.value",value:"Button"},"Text",o("smoothly-input-clear",{key:"bb3938f242bf725507e7ece9cfdf7cb314bca1f1",slot:"end"})),o("smoothly-input-radio",{key:"797d38475df5bc28ac171152407459d98383233b",name:"expand",clearable:true},o("span",{key:"3210bb5bee8ff0184edfcf6747246efc50ab0752",slot:"label"},"Expand"),o("smoothly-input-radio-item",{key:"ebbd079aa41839ba2ed8078880b3f546371b4dc7",value:"block"},"block"),o("smoothly-input-radio-item",{key:"daf621085701675377fc460d85e9e328bf09ddd6",value:"full"},"full"),o("smoothly-input-clear",{key:"dca4f783b5140ff4c1f0d2aaa1ee9a6fde9f8147",slot:"end"})),o("smoothly-input-select",{key:"9d1cdf02e4b762052d2abd3b431f420e554a28c9",name:"fill"},o("span",{key:"b7095efe1d384897bcbd15353f57ff7da0718f50",slot:"label"},"Fill"),r.values.map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"78c942e631eef9e23c2f8cd47b8521ad2279c7c1",name:"disabled"},"Disabled"),o("smoothly-input-select",{key:"976eb85785d873c38d676634f6f54269804b474f",name:"type"},o("span",{key:"76cbdc4271456d0c2edf6233bdf7dcdfeee9467e",slot:"label"},"Type"),["button","submit","reset","link"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"15cd8593b09827f44817b15ebd28f4702faa1bb7",name:"rounded"},"Rounded"),o("smoothly-input-select",{key:"c93bda31e420e209cc7cd2253943a868a3b53864",name:"icon",menuHeight:"8items"},o("span",{key:"6b76f90f3ecb8c46e8b66a6fb348b658938a3bf8",slot:"label"},"Icon"),c.Name.values.map((t=>o("smoothly-item",{value:t,key:t},o("smoothly-icon",{name:t,size:"small",tooltip:t})))),o("smoothly-input-clear",{key:"0ebe8cb52112672443dd94922191fc5f3b7fb20c",slot:"end"})),o("smoothly-input",{key:"5860bfcdf0a2de4c2109bde9072a114db9de4ba1",name:"tooltip",value:"Tooltip"},"Tooltip",o("smoothly-input-clear",{key:"32672407cf8cbffdec719c479f9615bc3198dc79",slot:"end"}))),o("div",{key:"bfe436596b1585265ea0b711a43831e722c696ac",class:"buttons"},l.values.map(((t,e,s)=>{var i,a;return o("smoothly-button",{onClick:e=>console.log(`Clicked button with color: ${t}`,e),tooltip:this.props.tooltip,ref:t=>s.length-1==e&&(this.lastButton=t),color:t,expand:this.props.expand,fill:this.props.fill,disabled:this.props.disabled,shape:this.props.rounded?"rounded":undefined,size:this.props.size,type:this.props.type,key:t},this.props.icon?o("smoothly-icon",{name:this.props.icon}):undefined,((i=this.props.text)===null||i===void 0?void 0:i.useColor)?t:(a=this.props.text)===null||a===void 0?void 0:a.value)})),o("div",{key:"dc35cbaca69e970cca164c25cb00889a8e2d57f3",class:"height-text"},this.heightText)))}static get watchers(){return{props:["updateInputHeightText"]}}};se.style=oe;function ie(t){const e=new Date(t);e.setDate(1);let o=-((e.getDay()+6)%7)+1;const s=[];for(let e=0;e<6;e++){const i=[];for(let e=0;e<7;e++){const e=new Date(t);e.setUTCDate(o++);i.push(x.create(e))}if(e<5||x.firstOfMonth(i[0])==x.firstOfMonth(t))s.push(i)}return s}function ae(){const t=new globalThis.Date;t.setDate(t.getDate()-t.getDay()+1);const e=[];for(let o=0;o<7;o++){e.push(t.toLocaleString(undefined,{weekday:"short"}));t.setDate(t.getDate()+1)}return e}function ne(t){const e=new globalThis.Date(t);const o=[];for(let s=0;s<12;s++){e.setMonth(s,28);const i=x.create(e);o.push({date:i,name:e.toLocaleString(undefined,{month:"long"}),selected:i.substr(0,7)==t.substr(0,7)})}return o}function le(t,e,o){const s=new globalThis.Date(t);const i=e?x.getYear(e):(new Date).getFullYear()-50;const a=o?x.getYear(o):(new Date).getFullYear()+50;const n=[];for(let e=i;e<=a;e++){s.setFullYear(e);const o=x.create(s);n.push({date:o,name:s.toLocaleString(undefined,{year:"numeric"}),selected:o==t})}return n}const re='.sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));-webkit-user-select:none;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{position:relative;cursor:pointer}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.today.sc-smoothly-calendar::before{content:"";inset:2px;position:absolute;border:1px solid currentColor}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;opacity:0.5}';const ce=re;const he=class{constructor(o){t(this,o);this.smoothlyDateSet=e(this,"smoothlyDateSet",7);this.smoothlyDateRangeSet=e(this,"smoothlyDateRangeSet",7);this.clickCounter=0;this.month=undefined;this.value=undefined;this.start=undefined;this.end=undefined;this.max=undefined;this.min=undefined;this.doubleInput=undefined;this.startInternal=undefined;this.endInternal=undefined}componentWillLoad(){this.onStart();this.onEnd()}onStart(){this.startInternal=this.start}onEnd(){this.endInternal=this.end}async jumpTo(t){var e,o,s,i;const a=x.Year.is(t.Y)?t.Y:(o=(e=this.month)===null||e===void 0?void 0:e.substring(0,4))!==null&&o!==void 0?o:x.now().substring(0,4);const n=x.Month.is(t.M)?t.M:(i=(s=this.month)===null||s===void 0?void 0:s.substring(5,7))!==null&&i!==void 0?i:x.now().substring(5,7);const l=`${a}-${n}-01`;if(x.is(l))this.month=l}onClick(t){this.value=t;this.smoothlyDateSet.emit(this.value)}onClickDoubleInput(t){this.clickCounter+=1;if(this.clickCounter%2==1){this.startInternal=this.endInternal=this.frozenDate=t}else{const e=this.startInternal>t?t:this.startInternal;const o=this.endInternal<t?t:this.endInternal;this.startInternal=e;this.endInternal=o}this.clickCounter%2==0&&this.startInternal&&this.endInternal&&this.smoothlyDateRangeSet.emit({start:this.startInternal,end:this.endInternal})}onHover(t){if(this.doubleInput&&this.clickCounter%2==1){if(t<this.frozenDate){this.startInternal=t;this.endInternal=this.frozenDate}else{this.startInternal=this.frozenDate;this.endInternal=t}}}withinLimit(t){return(!this.min||t>=this.min)&&(!this.max||t<=this.max)}render(){var t,e,s;return o(a,{key:"059f0e84f3e514e98f9b65c19399c2fa9b6e4d36"},o("smoothly-input-month",{key:"bd5d5712c85d72e2844c3b6f31b0d501f3c20a44",name:"month",value:(t=this.month)!==null&&t!==void 0?t:this.value,min:this.min,max:this.max,inCalendar:true,next:true,previous:true,showLabel:false,onSmoothlyInput:t=>{t.stopPropagation();"month"in t.detail&&typeof t.detail.month=="string"&&(this.month=t.detail.month)},onSmoothlyUserInput:t=>t.stopPropagation()},o("div",{key:"648d0269e30104de8dc6425aa68fb8ef7cb10ee3",slot:"year-label"},o("slot",{key:"90e1fc4eb00dcdc93e8ad5c51e16dd7bf1ce9a93",name:"year-label"})),o("div",{key:"78f74a14c8ea728511e7bbef1de0c45a01645494",slot:"month-label"},o("slot",{key:"49928f3995e2c8411e3221249866631d0850185e",name:"month-label"}))),o("table",{key:"aa72a08f00dedc5d6c5bd29d9ee5f7cf92130332"},o("thead",{key:"eb0d84f6bc0a50237d53015d77cd497899e51932"},o("tr",{key:"500bbdb547df0cee0536032e541f0e15a046ac5b"},ae().map((t=>o("th",null,t))))),ie((s=(e=this.month)!==null&&e!==void 0?e:this.value)!==null&&s!==void 0?s:x.now()).map((t=>o("tr",null,t.map((t=>{var e,s,i,a;return o("td",{tabindex:1,onMouseOver:this.withinLimit(t)?()=>this.onHover(t):undefined,onClick:this.withinLimit(t)?()=>this.doubleInput?this.onClickDoubleInput(t):this.onClick(t):undefined,class:{selected:t==this.value||this.doubleInput&&(t==this.startInternal||t==this.endInternal),today:t==x.now(),currentMonth:x.firstOfMonth((s=(e=this.month)!==null&&e!==void 0?e:this.value)!==null&&s!==void 0?s:x.now())==x.firstOfMonth(t),dateRange:this.doubleInput&&t>((i=this.startInternal)!==null&&i!==void 0?i:"")&&t<((a=this.endInternal)!==null&&a!==void 0?a:""),disable:!this.withinLimit(t)}},t.substring(8,10))})))))))}get element(){return i(this)}static get watchers(){return{start:["onStart"],end:["onEnd"]}}};he.style=ce;var de;(function(t){t.guides={Y:"YYYY",M:"MM",D:"DD"};(function(e){function o(e,o){var s;return((s=o===null||o===void 0?void 0:o.length)!==null&&s!==void 0?s:0)>=t.Part.lengthOf(e)}e.isComplete=o;function s(e){return t.guides[e].length}e.lengthOf=s;function i(e,o){const s=t.guides[e];return s.substring(0,s.length-(o!==null&&o!==void 0?o:0))}e.getGuide=i})(t.Part||(t.Part={}));(function(t){function e(t){if(t.Y&&t.M&&parseInt(t.M)>=1&&parseInt(t.M)<=12){const e=x.lastOfMonth(`${t.Y.padStart(4,"0")}-${t.M.padStart(2,"0")}-01`);return x.getDay(e)}else if(t.M&&parseInt(t.M)>=1&&parseInt(t.M)<=12){const e=x.lastOfMonth(`2004-${t.M.padStart(2,"0")}-01`);return x.getDay(e)}return 31}t.lastDay=e;function o(t){if(t.Y&&t.Y.length==4&&t.M&&t.M.length==2&&t.D&&t.D.length==2){const e=`${t.Y}-${t.M}-${t.D}`;const o=x.lastOfMonth(`${t.Y}-${t.M}-01`);return o<e?o:e}return undefined}t.toDate=o;function s(t){if(t){return{Y:t.substring(0,4).padStart(4,"0"),M:t.substring(5,7).padStart(2,"0"),D:t.substring(8,10).padStart(2,"0")}}return undefined}t.fromDate=s})(t.Parts||(t.Parts={}));(function(t){function e(t){switch(t){case"en-US":return"MDY";case"sq-AL":case"es-AR":case"it-IT":case"en-GB":case"fr-FR":case"et-EE":case"de-AT":case"de-DE":case"he-IL":case"is-IS":case"lv-LV":case"pl-PL":case"ru-RU":case"fi-FI":case"hi-IN":case"en-IN":return"DMY";default:return"YMD"}}t.fromLocale=e;function o(t,e){return t.charAt(e)}t.getPart=o;function s(t){return t.split("")}t.toArray=s})(t.Order||(t.Order={}));(function(t){function e(t){switch(t){case"sq-AL":case"es-AR":case"it-IT":case"en-GB":case"fr-FR":case"en-US":return"/";case"et-EE":case"de-AT":case"de-DE":case"he-IL":case"is-IS":case"lv-LV":case"pl-PL":case"ru-RU":case"fi-FI":return".";default:return"-"}}t.fromLocale=e})(t.Separator||(t.Separator={}))})(de||(de={}));var me;(function(t){function e(t){const e=t.currentTarget;const o=window.getSelection();if(!o||o.rangeCount===0||!e.contains(o.anchorNode))return false;if(!o.isCollapsed)return false;const s=o.getRangeAt(0);const i=s.cloneRange();i.selectNodeContents(e);i.setEnd(s.startContainer,s.startOffset);return i.toString().length===0}t.isAtStart=e;function o(t){const e=t.currentTarget;const o=window.getSelection();if(!o||o.rangeCount===0||!e.contains(o.anchorNode))return false;if(!o.isCollapsed)return false;const s=o.getRangeAt(0);const i=s.cloneRange();i.selectNodeContents(e);i.setStart(s.endContainer,s.endOffset);return i.toString().length===0}t.isAtEnd=o;function s(t){if(!t)return;t.focus();const e=document.createRange();e.selectNodeContents(t);const o=window.getSelection();if(!o)return;o.removeAllRanges();o.addRange(e)}t.selectAll=s;function i(t,e){if(!t)return;t.focus();const o=window.getSelection();if(!o)return;const s=document.createRange();const i=t.firstChild||t;const a=Math.max(0,Math.min(e,t.innerText.length));s.setStart(i,a);s.collapse(true);o.removeAllRanges();o.addRange(s)}t.setPosition=i;function a(t){const e=window.getSelection();if(!e||e.rangeCount===0)return true;const o=e.getRangeAt(0);if(!t.contains(o.startContainer)||!t.contains(o.endContainer)){return true}return o.collapsed}t.isCollapsed=a})(me||(me={}));const ue=".sc-smoothly-date-text-h{--guide-opacity:0.5}.sc-smoothly-date-text-h .smoothly-date-text-part.sc-smoothly-date-text:focus{outline:none}.sc-smoothly-date-text-h .guide.sc-smoothly-date-text{opacity:var(--guide-opacity)}.sc-smoothly-date-text-h .smoothly-date-text-part.sc-smoothly-date-text:not(.is-complete)+.guide.sc-smoothly-date-text+.smoothly-date-separator.sc-smoothly-date-text{opacity:var(--guide-opacity)}";const ye=ue;const be=class{constructor(o){t(this,o);this.smoothlyDateTextHasText=e(this,"smoothlyDateTextHasText",7);this.smoothlyDateTextChange=e(this,"smoothlyDateTextChange",7);this.smoothlyDateTextFocusChange=e(this,"smoothlyDateTextFocusChange",7);this.smoothlyDateHasPartialDate=e(this,"smoothlyDateHasPartialDate",7);this.smoothlyDateTextDone=e(this,"smoothlyDateTextDone",7);this.smoothlyDateTextPrevious=e(this,"smoothlyDateTextPrevious",7);this.smoothlyDateTextNext=e(this,"smoothlyDateTextNext",7);this.partElements={0:undefined,1:undefined,2:undefined};this.locale=R();this.readonly=undefined;this.disabled=undefined;this.invalid=undefined;this.showLabel=true;this.value=undefined;this.parts={};this.order=undefined;this.separator=undefined;this.focusedIndex=undefined}componentWillLoad(){var t;this.order=de.Order.fromLocale(this.locale);this.separator=de.Separator.fromLocale(this.locale);this.parts=(t=de.Parts.fromDate(this.value))!==null&&t!==void 0?t:{}}componentDidLoad(){this.updateInputs()}partsHandler(){const t=de.Parts.toDate(this.parts);if(t!=this.previousEmittedValue){this.smoothlyDateTextChange.emit(t);this.previousEmittedValue=t}this.smoothlyDateTextHasText.emit(Object.values(this.parts).some((t=>!!t)))}focusedIndexHandler(){this.smoothlyDateTextFocusChange.emit(typeof this.focusedIndex=="number")}async setValue(t){const e=de.Parts.fromDate(t);this.setAllParts(e)}setAllParts(t){this.parts=t!==null&&t!==void 0?t:{};this.updateInputs()}updateInputs(){var t,e,o;const s=this.order.indexOf("Y");const i=this.order.indexOf("M");const a=this.order.indexOf("D");this.partElements[s]&&(this.partElements[s].innerText=(t=this.parts.Y)!==null&&t!==void 0?t:"");this.partElements[i]&&(this.partElements[i].innerText=(e=this.parts.M)!==null&&e!==void 0?e:"");this.partElements[a]&&(this.partElements[a].innerText=(o=this.parts.D)!==null&&o!==void 0?o:"")}setPart(t,e){this.parts=Object.assign(Object.assign({},this.parts),{[t]:e});const o=this.order.indexOf(t);this.partElements[o]&&(this.partElements[o].innerText=e!==null&&e!==void 0?e:"")}async select(t="start"){const e=t=="start"?0:2;this.setFocus(e)}async deselect(){var t,e;(e=this.partElements[(t=this.focusedIndex)!==null&&t!==void 0?t:0])===null||e===void 0?void 0:e.blur()}getInnerText(t){return t.innerText.replace(/\n/g,"").replace(/\D/g,"")}beforeInputHandler(t){var e;const o=this.order[(e=this.focusedIndex)!==null&&e!==void 0?e:0];const s=this.getInnerText(t.target);const i=t.data&&/\D/.test(t.data);const a=de.Part.isComplete(o,s);const n=me.isCollapsed(t.target);if((t.inputType=="insertText"||t.inputType=="insertFromPaste")&&(i||a&&n)){t.preventDefault()}if(t.inputType=="insertParagraph"||t.inputType=="insertLineBreak"){this.smoothlyDateTextDone.emit();t.preventDefault()}}inputHandler(t){var e,o;const s=de.Order.getPart(this.order,(e=this.focusedIndex)!==null&&e!==void 0?e:0);const i=(o=this.focusedIndex)!==null&&o!==void 0?o:0;const a=this.getInnerText(t.target);this.parts=Object.assign(Object.assign({},this.parts),{[s]:a});if(["D","M"].includes(s)){const t=s=="D";const e=t?de.Parts.lastDay(this.parts):12;const o=t?3:1;const n=parseInt(a);if(a.length>=2){this.commitPart(s,n,i,e)}else if(a.length==1&&n>o){this.autoAdvancePart(s,n,i,e)}}if(de.Part.isComplete(s,a)){this.setFocus(i+1)}const n=de.Parts.toDate(this.parts);if(n){const t=de.Parts.fromDate(n);if(this.parts.D!==(t===null||t===void 0?void 0:t.D)){this.setPart("D",t===null||t===void 0?void 0:t.D)}}if(this.parts.Y||this.parts.M||this.parts.D)this.smoothlyDateHasPartialDate.emit(this.parts)}keyDownHandler(t){var e;const o=this.getInnerText(t.target);const s=(e=this.focusedIndex)!==null&&e!==void 0?e:0;if(me.isAtStart(t)&&t.key=="ArrowLeft"){this.autoAdvanceIfPossible(s);this.setFocus(s-1);t.preventDefault()}else if(me.isAtEnd(t)&&t.key=="ArrowRight"){this.autoAdvanceIfPossible(s);this.setFocus(s+1);t.preventDefault()}else if(t.key=="Home"||t.key=="ArrowUp"){this.autoAdvanceIfPossible(s);this.setFocus(0);t.preventDefault()}else if(t.key=="End"||t.key=="ArrowDown"){this.autoAdvanceIfPossible(s);this.setFocus(2);t.preventDefault()}else if(me.isAtStart(t)&&t.key=="Backspace"&&o==""){this.autoAdvanceIfPossible(s);this.setFocus(s-1);t.preventDefault()}else if(me.isAtEnd(t)&&t.key=="Delete"&&o==""){this.autoAdvanceIfPossible(s);this.setFocus(s+1);t.preventDefault()}}commitPart(t,e,o,s){const i=Math.max(1,Math.min(e,s));this.setPart(t,i.toString().padStart(2,"0"));me.setPosition(this.partElements[o],2)}autoAdvancePart(t,e,o,s){const i=Math.max(1,Math.min(e,s));this.setPart(t,i.toString().padStart(2,"0"));this.setFocus(o+1)}autoAdvanceIfPossible(t){var e;const o=de.Order.getPart(this.order,t);const s=(e=this.parts[o])!==null&&e!==void 0?e:"";if(o=="D"&&s.length==1){this.autoAdvancePart(o,parseInt(s),t,de.Parts.lastDay(this.parts))}else if(o=="M"&&s.length==1){this.autoAdvancePart(o,parseInt(s),t,12)}}setFocus(t){if(t<0){this.smoothlyDateTextPrevious.emit()}else if(t>2){this.smoothlyDateTextNext.emit()}else{me.selectAll(this.partElements[t])}}render(){return o(s,{key:"946b8e3e252c5d9f8f92d0df484df7eefde5bbb1",class:{"has-text":Object.values(this.parts).some((t=>!!t))}},de.Order.toArray(this.order).map(((t,e)=>{var s;return o("span",{onClick:()=>!this.readonly&&!this.disabled&&this.setFocus(e)},o("span",{class:{"smoothly-date-text-part":true,"is-complete":de.Part.isComplete(t,this.parts[t])},onFocus:()=>this.focusedIndex=e,onBlur:()=>this.focusedIndex=undefined,onKeyDown:t=>this.keyDownHandler(t),key:e,ref:t=>this.partElements[e]=t,contenteditable:!(this.readonly||this.disabled),inputmode:"numeric"}),o("span",{class:"guide"},de.Part.getGuide(t,(s=this.parts[t])===null||s===void 0?void 0:s.length)),e<2&&o("span",{class:"smoothly-date-separator"},this.separator))})))}get element(){return i(this)}static get watchers(){return{parts:["partsHandler"],focusedIndex:["focusedIndexHandler"]}}};be.style=ye;const fe=".sc-smoothly-dialog-h{display:block;position:fixed;top:55%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog{margin-top:var(--smoothly-dialog-margin-top)}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) div.header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header])>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog>smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}";const pe=fe;const ge=class{constructor(e){t(this,e);this.color=undefined;this.open=true;this.closable=false;this.header=undefined}TriggerListener(t){if(h.is(t.detail)&&t.detail.name=="close")this.open=false}hostData(){return{style:{display:this.open?"block":"none"}}}__stencil_render(){return o("section",{key:"85e4a5a7c25688aae036cfad4dd3d289e85da5af"},o("div",{key:"13c28f32b769dc4a6e7cdb1a4fddfd69381a122c",class:"header"},this.closable&&o("smoothly-trigger",{key:"fbe80ee6c0f14cc9c44186f649f5b7857f67cde9",fill:"clear",name:"close"},o("smoothly-icon",{key:"491506fd0ee7c1d74c4a3b142f3359a793721f75",name:"close-circle",fill:"solid",color:this.color})),this.header?o("h1",null,this.header):o("slot",{name:"header"})),o("div",{key:"2d5dcc8653cbbf673eae932fc1f31e281ddc87be",class:"content"},o("slot",{key:"feec65314deac1ae4820c323e977f4481abb50ca"})))}render(){return o(s,this.hostData(),this.__stencil_render())}};ge.style=pe;const ke=".sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}";const ve=ke;const we=class{constructor(e){t(this,e);this.openModal=false;this.openTallModal=false;this.showFrame=false}render(){return o(s,{key:"8add700509240579f6f83dc95a6d4d0bddee067e"},o("smoothly-button",{key:"35a3641241542400cfdca56b058887eaaca7c629",fill:"solid",color:"light",onClick:()=>this.openModal=true},"Open Modal"),o("smoothly-button",{key:"38a3e022173090e5a04547774c3a75674ad8937b",fill:"solid",color:"light",onClick:()=>this.openTallModal=true},"Open Modal with long text and top-aligned."),o("smoothly-button",{key:"0c52d6216d204dd41310fda4c810e8212fafe3e4",fill:"solid",color:"light",onClick:()=>this.showFrame=!this.showFrame},"Show Frame"),o("smoothly-modal",{key:"73d07f4662ac3ee4e398c98fdc50073af6a6cd63",closable:true,open:this.openModal,onSmoothlyModalChange:t=>this.openModal=t.detail},o("h2",{key:"4b8420bae8815bf0f491ebb38948f3348a5bc84c",slot:"header"},"Modal"),o("span",{key:"2115cc46f1adb4149cf71331e3151f1fe876f681"},"Are you sure you want to confirm this action?"),o("smoothly-button",{key:"c722bed6d0ace30ab2ef644e219fb599da17276d",slot:"actions",color:"success"},"Confirm"),o("smoothly-button",{key:"18c7bcebed68d09049ccddb2c559edbcc6c0b2d4",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openModal=false},"Cancel")),o("smoothly-modal",{key:"a89476ee4a3f90e1b57b243a4217a43b91874628",closable:true,open:this.openTallModal,onSmoothlyModalChange:t=>this.openTallModal=t.detail,align:"top"},o("h2",{key:"b778a0933b0b0b28aedefadaafed3b3f67f770a3",slot:"header"},"Modal"),o("smoothly-summary",{key:"fdfaa4526ee58e7bb2c356750de4540f45dfbf65"},o("div",{key:"a8418a82b28b6a698214ebff19b2aa28148e6ce2",slot:"summary"},"Lorem ipsum"),o("div",{key:"c4f120ea3e663e2e05fc6e109b8094129c88e8d5",slot:"content"},Array.from({length:10}).map((()=>o("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))))),o("smoothly-button",{key:"e17da5e0786e43d783ec17008bdf956e90d44946",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openTallModal=false},"Cancel")),this.showFrame&&o("smoothly-dialog",{key:"3e5e753799e6d49303cd5afe03448dac8c1a7c0a",closable:true},o("smoothly-frame",{key:"f61497a6984b98e8a392dd33dcc1ac6a7ba35734",url:"https://www.wikipedia.org/",name:"parent",style:{height:"80vh"}})))}};we.style=ve;function xe(t,e,o){let s=0;while(o.exec(t)!=null){s=o.lastIndex;if(o.lastIndex>e)break}o.lastIndex<=e&&(s=t.length);return s}function Ce(t,e,o){let s=0;let i;while((i=o.exec(t))!=null){if(o.lastIndex-i[0].length<e)s=o.lastIndex-i[0].length;else break}return s}function Se(t,e,o){const s=/([\wåäöüéáúíóßðœøæñµçþ_]+|[@-]+)/gi;return o=="backward"?Ce(t,e,s):xe(t,e,s)}var ze;(function(t){function e(t){return t.direction=="backward"?t.start:t.end}t.getCursor=e;function o(t){return t.direction!="backward"?t.start:t.end}t.getStalker=o})(ze||(ze={}));var Ie;(function(t){function e(t){return{value:t.value,selection:{start:t.selection.start,end:t.selection.end,direction:t.selection.direction},remainder:t.remainder}}t.copy=e})(Ie||(Ie={}));class je{value;selection;constructor(t){this.value=t.value;this.selection={start:t.selection?.start,end:t.selection?.end,direction:t.selection?.direction}}get(t,e=1){return this.value.substring(t,t+e)}is(t,...e){const o=this.get(t);return e.some((t=>o==t))}isDigit(t){const e=this.get(t);return e>="0"&&e<="9"}match(t){return this.value.match(t)}replace(t,e,o){let s;if(typeof t=="string"&&typeof e=="string"){let o;s=this;while((o=s.value.indexOf(t))>-1)s=s.replace(o,o+t.length,e)}else if(typeof t=="number"&&typeof e=="number"){const i={value:this.value,selection:{start:this.selection.start,end:this.selection.end,direction:this.selection.direction}};if(!o)o="";i.value=this.value.slice(0,t)+o+this.value.slice(e,this.value.length);if(this.selection.start>=e)i.selection.start=this.selection.start+o.length-e+t;else if(this.selection.start>t&&this.selection.start<e)i.selection.start=Math.min(this.selection.start,t+o.length);if(this.selection.end>=e)i.selection.end=this.selection.end+o.length-e+t;else if(this.selection.end>t&&this.selection.end<e)i.selection.end=Math.min(this.selection.end,t+o.length);s=new je(i)}return s||this}insert(t,e){return this.replace(t,t,e)}append(t){return this.insert(this.value.length,t)}prepend(t){return this.insert(0,t)}suffix(t){return new je({value:this.value+t,selection:this.selection})}delete(t,e){let o;if(!this.value)o=this;else if(typeof t=="string"){let e;o=this;while(t&&(e=o.value.indexOf(t))>-1)o=o.delete(e,e+t.length)}else o=this.replace(t,e||t+1,"");return o}truncate(t){return this.value.length>=t?this.delete(t,this.value.length):this}pad(t,e,o){let s=this;while(t>s.value.length+e.length)s=s.insert(o,e);if(t>s.value.length)s=s.insert(o,e.substring(0,t-s.value.length));return s}padEnd(t,e){return this.pad(t,e,this.value.length)}padStart(t,e){return this.pad(t,e,0)}toLower(){return this.map((t=>t.toLowerCase()))}toUpper(){return this.map((t=>t.toUpperCase()))}map(t){let e=this;let o=0;for(let s=0;s<this.value.length;s++){const i=t(this.get(s),s);e=e.replace(o,o+1,i);o+=i.length}return e}static copy(t){return new je({...t})}static create(){return new je({value:"",selection:{start:0,end:0}})}static modify(t){return new je(typeof t=="string"?{value:t,selection:{start:t.length,end:t.length}}:t)}}var Te;(function(t){function e(t,e,o){let c=Ie.copy(t.unformat(je.copy(e)));if(e.autocomplete=="cc-exp"&&/^\d\d \/$/g.test(e.value))o?.key&&(o.key="Backspace");if(o){if(o.ctrlKey||o.metaKey){if(o.key=="a")n(c,0,c.value.length,"forward");else if(["ArrowLeft","ArrowRight"].includes(o.key)&&e?.type!="password")c=s(t,e,o);else if(["Delete","Backspace"].includes(o.key)&&e?.type!="password")c=i(t,e,o)}else if(["ArrowLeft","ArrowRight","Home","End"].includes(o.key))a(c,o);else if(["Delete","Backspace"].includes(o.key)){c.selection.start==c.selection.end&&n(c,c.selection.start+(o.key=="Backspace"?-1:0),c.selection.end+(o.key=="Delete"?1:0));l(c)}else if(o.key!="Unidentified"){l(c);t.allowed(o.key,c)&&r(c,o.key)}}return t.format(je.copy(c))}t.apply=e;function o(t,e,o){const s=Ie.copy(t.unformat(je.copy(e)));r(s,o);return t.format(je.copy(s))}t.paste=o;function s(t,e,o){let s=ze.getCursor(e.selection);let i=ze.getStalker(e.selection);s=Se(e.value,s,o.key=="ArrowLeft"?"backward":"forward");i=o.shiftKey?i:s;return Ie.copy(t.unformat(je.copy({...e,selection:{start:Math.min(i,s),end:Math.max(i,s),direction:i<s?"forward":i>s?"backward":"none"}})))}function i(t,e,o){const s=ze.getCursor(e.selection);const i=Se(e.value,s,o.key=="Backspace"?"backward":"forward");const a=Ie.copy(t.unformat(je.copy({...e,selection:{start:Math.min(s,i),end:Math.max(s,i),direction:"none"}})));a.value=a.value.substring(0,a.selection.start)+a.value.substring(a.selection.end);a.selection.end=a.selection.start;return a}function a(t,e){let o=ze.getCursor(t.selection);let s=ze.getStalker(t.selection);o=e.key=="Home"?0:e.key=="End"?t.value.length:t.selection.start==t.selection.end||e.shiftKey?Math.min(Math.max(o+(e.key=="ArrowLeft"?-1:1),0),t.value.length):e.key=="ArrowLeft"?t.selection.start:t.selection.end;s=e.shiftKey?s:o;t.selection.direction=s<o?"forward":s>o?"backward":"none";t.selection.start=Math.min(s,o);t.selection.end=Math.max(s,o)}function n(t,e,o,s){t.selection.start=e;t.selection.end=o;s&&(t.selection.direction=s)}function l(t){r(t,"")}function r(t,e){t.value=t.value.substring(0,t.selection.start)+e+t.value.substring(t.selection.end);t.selection.start=t.selection.start+e.length;t.selection.end=t.selection.start}})(Te||(Te={}));const _e={};function De(t,e){_e[t]=e}function Le(t,...e){const o=_e[t];return o&&o(e)}function Oe(t,e,...o){const s=Le(e,...o);return s?s.format(je.modify(s.toString(typeof t=="string"?Ae(t,e,o):t))).value:""}function Ae(t,e,...o){const s=Le(e,o);return s?s.fromString(s.unformat(je.modify(t)).value):undefined}class Me{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,type:"text",inputmode:"numeric",autocomplete:"cc-csc",length:[3,3],pattern:/^\d{3}$/}}unformat(t){return t}allowed(t,e){return e.value.length<3&&t>="0"&&t<="9"}}De("card-csc",(()=>new Me));class Ee{toString(t){return Array.isArray(t)&&t.length==2&&typeof t[0]=="number"&&typeof t[1]=="number"?t[0].toString().padStart(2,"0")+t[1].toString().padStart(2,"0"):""}fromString(t){return typeof t=="string"&&t.length==4?[Number.parseInt(t.slice(0,2)),Number.parseInt(t.slice(2))]:undefined}partialFormat=this.format;format(t){let e=t;if(t.value.length>0&&!t.is(0,"0","1"))e=e.prepend("0");if(e.value.length>1)e=e.insert(2," / ");return{...e,type:"text",inputmode:"numeric",autocomplete:"cc-exp",length:[7,7],pattern:/^(0[1-9]|1[012]) \/ \d\d$/}}unformat(t){return t.delete(" / ")}allowed(t,e){return e.value.length<4&&t>="0"&&t<="9"}}De("card-expires",(()=>new Ee));class Re{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){const e=$e(t.value);const o=t.map(((t,o)=>(o+1<e.length[0]&&e.spaceIndexes.includes(o)?" ":"")+t));return{...o,type:"text",inputmode:"numeric",autocomplete:"cc-number",length:e.length.slice(1),pattern:e.verification,classes:["issuer-"+e.icon]}}unformat(t){return t.delete(" ")}allowed(t,e){const o=$e(e.value);return t>="0"&&t<="9"&&e.value.length<o.length[0]}}De("card-number",(()=>new Re));function $e(t){let e={...Pe,spaceIndexes:t.length==14?[4,10]:Pe.spaceIndexes};for(const o in Fe)if(Object.prototype.hasOwnProperty.call(Fe,o)&&Fe[o].identification.test(t)){e={...Pe,name:o,...Fe[o]};break}return e}const Pe={name:"unknown",verification:/^\d{19}$/,spaceIndexes:[4,8,12],identification:/^\d/,length:[16,16,19],icon:"generic"};const Fe={amex:{verification:/^3[47][0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{3}$/,identification:/^3[47]/,length:[15,18,18],icon:"amex"},dankort:{verification:/^(5019)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^(5019)\d+/,length:[16,19,19],icon:"generic"},diners:{verification:/^3(?:0[0-5]|[68][0-9])[0-9]\s[0-9]{6}\s[0-9]{4}$/,identification:/^3(?:0[0-5]|[68][0-9])/,spaceIndexes:[4,10],length:[14,16,16],icon:"diners"},discover:{verification:/^6(?:011|5[0-9]{2})\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^6(?:011|5[0-9]{2})/,length:[16,19,19],icon:"generic"},electron:{verification:/^((4026|4405|4508|4844|4913|4917)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4})|((4175)\s(00)[0-9]{2}\s[0-9]{4}\s[0-9]{4})$/,identification:/^(4026|417500|4405|4508|4844|4913|4917)/,spaceIndexes:[4,8,12],length:[16,19,19],icon:"generic"},interpayment:{verification:/^(636)[0-9]\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^(636)/,length:[16,19,19],icon:"generic"},jcb:{verification:/^((?:2131|1800)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4})|(35[0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{4})$/,identification:/^(?:2131|1800|35\d{3})/,spaceIndexes:[4,8,12],length:[16,19,19],icon:"generic"},unionpay:{verification:/^(62|88)[0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^(62|88)/,length:[16,19,19],icon:"generic"},maestro:{verification:/^(5018|5020|5038|5612|5893|6304|6759|6761|6762|6763|0604|6390)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^(5018|5020|5038|5612|5893|6304|6759|6761|6762|6763|0604|6390)/,length:[16,19,19],icon:"maestro"},mastercard:{verification:/^5[1-5][0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^5[1-5][0-9]/,length:[16,19,19],icon:"mastercard"},visa:{verification:/^4[0-9]{3}\s[0-9]{4}\s[0-9]{4}\s[0-9](?:[0-9]{3})?$/,spaceIndexes:[4,8,12],identification:/^4[0-9]/,length:[16,16,19],icon:"visa"}};var He;(function(t){function e(t){let e;switch(t){case"sq-AL":case"es-AR":case"it-IT":case"en-GB":case"fr-FR":e="dd/mm/YYYY";break;case"en-US":e="mm/dd/YYYY";break;case"et-EE":case"de-AT":case"de-DE":case"he-IL":case"is-IS":case"lv-LV":case"pl-PL":case"ru-RU":case"fi-FI":e="dd.mm.YYYY";break;case"hi-IN":case"en-IN":e="dd-mm-YYYY";break;default:e="YYYY-mm-dd";break}return e}t.fromLocale=e;function o(t){let e;switch(t){case"dd/mm/YYYY":e="en-GB";break;case"mm/dd/YYYY":e="en-US";break;case"dd.mm.YYYY":e="de-DE";break;default:e="sv-SE";break}return e}t.toLocale=o;function s(t){return typeof t=="string"&&(t=="YYYY-mm-dd"||t=="dd/mm/YYYY"||t=="dd.mm.YYYY"||t=="mm/dd/YYYY")}t.is=s})(He||(He={}));class Ne{separator;constructor(t){this.separator=t}partialFormat(t){const e=this.format(t);return{...e,remainder:this.formatString.slice(e.value.length)}}unformat(t){return t.delete(this.separator)}validMonth(t,e,o){return new Date(Number.parseInt(o??"2004"),Number.parseInt(e),0).getDate()>=Number.parseInt(t)}}const Ue={};function Ye(t,e){Ue[t]=e}De("date",(t=>{const e=t&&t.length>0?t[0]:undefined;const o=He.is(e)?e:He.fromLocale(e);const s=Ue[o]??Ue["YYYY-mm-dd"];return s()}));class We extends Ne{constructor(t){super(t)}toString(t){return x.is(t)&&t.length==10?[t.substring(8,10),t.substring(5,7),t.substring(0,4)].join(this.separator):""}fromString(t){const e=t?.length==8?`${t.substring(4,8)}-${t.substring(2,4)}-${t.substring(0,2)}`:undefined;return x.is(e)?e:undefined}formatString=`DD${this.separator}MM${this.separator}YYYY`;format(t){let e=t.delete(this.separator);if(e.get(0,1)>"3")e=e.insert(0,"0");if(e.value.length>1)e=e.insert(2,this.separator);if(e.get(3,1)>"1")e=e.insert(3,"0");if(e.value.length>4)e=e.insert(5,this.separator);return{...e,type:"text",length:[0,10],pattern:new RegExp(["^(0[1-9]|[12][0-9]|3[01])","(0[1-9]|1[012])","\\d{4}$"].join(this.separator))}}allowed(t,e){return e.selection.start==1&&e.value[0]=="3"?t>="0"&&t<="1":e.selection.start==1&&e.value[0]=="0"?t>="1"&&t<="9":e.selection.start==2?t>="0"&&t<="9"&&(t=="0"||t=="1"||this.validMonth(e.value.substring(0,2),t)):e.selection.start==3?t>="0"&&t<="9"&&this.validMonth(e.value.substring(0,2),e.value[2]+t):e.selection.start==7?t>="0"&&t<="9"&&this.validMonth(e.value.substring(0,2),e.value.substring(2,4),e.value.substring(4,7)+t):e.selection.start<8&&t>="0"&&t<="9"}}Ye("dd.mm.YYYY",(()=>new We(".")));Ye("dd/mm/YYYY",(()=>new We("/")));Ye("dd-mm-YYYY",(()=>new We("-")));class Be extends Ne{constructor(t){super(t)}toString(t){return x.is(t)&&t.length==10?[t.substring(5,7),t.substring(8,10),t.substring(0,4)].join(this.separator):""}fromString(t){const e=t.length==8?`${t.substring(4,8)}-${t.substring(0,2)}-${t.substring(2,4)}`:undefined;return x.is(e)?e:undefined}formatString=`MM${this.separator}DD${this.separator}YYYY`;format(t){let e=t.delete(this.separator);if(e.get(0,1)>"1")e=e.insert(0,"0");if(e.value.length>1)e=e.insert(2,this.separator);if(e.get(3,1)>(e.get(0,2)=="02"?"2":"3"))e=e.insert(3,"0");if(e.value.length>4)e=e.insert(5,this.separator);return{...e,type:"text",length:[0,10],pattern:new RegExp(["^(0[1-9]|1[012])","(0[1-9]|[12][0-9]|3[01])","\\d{4}$"].join(this.separator))}}allowed(t,e){const o=e.selection.start==1&&e.value[0]=="1"?t>="0"&&t<="2":e.selection.start==1&&e.value[0]=="0"?t>="1"&&t<="9":e.selection.start==3?t>="0"&&t<="9"&&this.validMonth(e.value[2]+t,e.value.substring(0,2)):e.selection.start==7?t>="0"&&t<="9"&&this.validMonth(e.value.substring(2,4),e.value.substring(0,2),e.value.substring(4,7)+t):e.selection.start<8&&t>="0"&&t<="9";return o}}Ye("mm/dd/YYYY",(()=>new Be("/")));class Ve extends Ne{constructor(t){super(t)}toString(t){return typeof t!="string"?"":t}fromString(t){const e=t?.length==8?`${t.substring(0,4)}-${t.substring(4,6)}-${t.substring(6,8)}`:undefined;return x.is(e)?e:undefined}daysInMonth(t){const e=`${t.substring(0,4)}-${t.substring(4,6)}-01`;return x.is(e)?+x.lastOfMonth(`${t.substring(0,4)}-${t.substring(4,6)}-01`).substring(8,10):31}formatString=`YYYY${this.separator}MM${this.separator}DD`;format(t){let e=t.delete(this.separator);if(e.value.length>3){e=e.insert(4,this.separator);if(e.get(5,1)>"1")e=e.insert(5,"0");if(e.value.length>6){e=e.insert(7,this.separator);if(e.get(8,1)>this.daysInMonth(t.value).toString().substring(0,1))e=e.insert(8,"0")}}return{...e,type:"text",length:[0,10],pattern:new RegExp(["^\\d{4}","(0[1-9]|1[012])","(0[1-9]|[12][0-9]|3[01])$"].join(this.separator))}}allowed(t,e){const o=this.daysInMonth(e.value);return e.selection.start==5&&e.value[4]=="0"?t>="1"&&t<="9":e.selection.start==5&&e.value[4]=="1"?t>="0"&&t<="2":e.selection.start==7&&e.value[6]=="0"?t>="1"&&t<="9":e.selection.start==7&&(e.value[6]=="2"&&o<30||e.value[6]=="3")?t>="0"&&t<=o.toString().substring(1):e.selection.start<8&&t>="0"&&t<="9"}}Ye("YYYY-mm-dd",(()=>new Ve("-")));class Ge{toString(t){return typeof t=="string"?t:""}fromString(t){let e=t.replace(" ","T");const o="0000-01-01T00:00:00.000Z";if(e?.match(/-\d$/))e=e.substring(0,e.length-1)+"0"+e.substring(e.length-1,e.length);e=!e.match(/^\d{4}-(0[1-9]|1[012])/)?undefined:e+o.substring(e.length,o.length);return C.is(e)?e:undefined}partialFormat=this.format;format(t){let e=Ke(t);if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])[\d:.-]$/))e=e.insert(10," ");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 3$/))e=e.replace(11,12,"23:");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) [45]$/))e=e.insert(11,"23:");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) [6-9]$/))e=e.insert(11,"23:5");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 24$/))e=e.replace(10,13,"00:");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 25$/))e=e.insert(12,"3:");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 2[6-9]$/))e=e.insert(12,"3:5").append(":");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3])\d[\s\S]$/))e=e.insert(13,":");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3]):[6-9]$/))e=e.insert(14,"5");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3]):[0-5]\d\d$/))e=e.insert(16,":");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3]):[0-5]\d:[6-9]$/))e=e.insert(17,"5");return{...e,type:"text",length:[0,19],pattern:/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3])(:[0-5]\d){2}$/}}unformat(t){return t}allowed(t,e){return e.value.length<19&&(t>="0"&&t<="9"||t=="-"||t==":"||t=="."||t==" ")}}De("date-time",(()=>new Ge));function Ke(t,e){let o=t;switch(e){case"dd/mm/YYYY":case"dd.mm.YYYY":if(!Ze(o.value,e))o=o.replace(0,10,Ze("31"+o.value.substring(2,10),e)?"31"+o.value.substring(2,10):Ze("30"+o.value.substring(2,10),e)?"30"+o.value.substring(2,10):Ze("29"+o.value.substring(2,10),e)?"29"+o.value.substring(2,10):Ze("28"+o.value.substring(2,10),e)?"28"+o.value.substring(2,10):o.value);break;case"mm/dd/YYYY":if(!Ze(o.value,e))o=o.replace(0,10,Ze(o.value.substring(0,3)+"31"+o.value.substring(5,10),e)?o.value.substring(0,3)+"31"+o.value.substring(5,10):Ze(o.value.substring(0,3)+"30"+o.value.substring(5,10),e)?o.value.substring(0,3)+"30"+o.value.substring(5,10):Ze(o.value.substring(0,3)+"29"+o.value.substring(5,10),e)?o.value.substring(0,3)+"29"+o.value.substring(5,10):Ze(o.value.substring(0,3)+"28"+o.value.substring(5,10),e)?o.value.substring(0,3)+"28"+o.value.substring(5,10):o.value);break;default:if(t.value.length==10){if(!Ze(o.value)){o=o.replace(0,10,Ze(o.value.substring(0,8)+"31")?o.value.substring(0,8)+"31":Ze(o.value.substring(0,8)+"30")?o.value.substring(0,8)+"30":Ze(o.value.substring(0,8)+"29")?o.value.substring(0,8)+"29":Ze(o.value.substring(0,8)+"28")?o.value.substring(0,8)+"28":o.value);break}return t}}return o}function Ze(t,e){let o;let s;let i;switch(e){case"dd/mm/YYYY":case"dd.mm.YYYY":o=parseInt(t.substring(6,10));s=parseInt(t.substring(3,5));i=parseInt(t.substring(0,2));return o&&s&&i?i>0&&qe(o,s)>=i:false;case"mm/dd/YYYY":o=parseInt(t.substring(6,10));s=parseInt(t.substring(0,2));i=parseInt(t.substring(3,5));return o&&s&&i?i>0&&qe(o,s)>=i:false;default:o=parseInt(t.substring(0,4));s=parseInt(t.substring(5,7));i=parseInt(t.substring(8,10));return o&&s&&i?i>0&&qe(o,s)>=i:false}}function qe(t,e){let o;switch(e){case 1:case 3:case 5:case 7:case 8:case 10:case 12:default:o=31;break;case 4:case 6:case 9:case 11:o=30;break;case 2:o=28;break}return o}class Xe{toString(t){return Array.isArray(t)&&t.length==2&&typeof t[0]=="number"&&typeof t[1]=="number"?t[0].toString()+" / "+t[1].toString():typeof t=="number"?t.toString():""}fromString(t){return typeof t=="string"&&t.match(/^\d{1,2}\s+\/\s+\d{1,2}$/)?[Number.parseInt(t.slice(0,2)),Number.parseInt(t.slice(t.length-2))]:typeof t=="string"&&t.match(/\d{1,2}/)?Number.parseInt(t):undefined}partialFormat=this.format;format(t){let e=t;if(t.match(/^\d\/$/))e=t.replace(1,2," / ");else if(t.match(/^\d{1,2}\s$/))e=t.replace(t.value.length-1,t.value.length," / ");else if(t.match(/^[\D.]+\/[\D.]+$/))e=t.delete(0,t.value.length);else if(t.match(/^[\D.]+\/[\D.]+\d$/))e=t.delete(0,t.value.length-1);else if(t.match(/^[\D.]+\/[\D.]+\d\d$/))e=t.delete(0,t.value.length-2);else if(t.match(/^[\D.]+\//))e=t.delete(0,t.value.search("/")+1);else if(t.match(/^\d\d\/$/))e=t.replace(2,3," / ");else if(t.match(/^\d\d\s+\/$/))e=t.delete(2,t.value.length);else if(t.match(/^\d\s+\/$/))e=t.delete(1,t.value.length);else if(t.match(/^\d\d\s\s+\/\s*$/))e=t.replace(2,t.value.length," / ");else if(t.match(/^\d\s\s+(\/\s*)?$/))e=t.replace(1,t.value.length," / ");else if(t.match(/^\d\s\/\s\d\d.+$/))e=t.delete(6,t.value.length);else if(t.value.length>1&&t.value.indexOf("/")<1)e=t.insert(2," / ");else if(t.value.length>1&&t.value.split("/").length>2)e=t.delete(t.value.lastIndexOf("/"));else if(t.value.length==1&&!t.isDigit(0))e=t.delete(0);return{...e,type:"text",length:[1,7],pattern:/^(\d{1,2}|\d{1,2} \/ \d{1,2})$/}}unformat(t){return t}allowed(t,e){return e.value.length<7&&(t>="0"&&t<="9"||t=="/"||t==" ")}}De("divisor",(()=>new Xe));class Je{separator=":";patterns={allowed:/^-?\d*(?::{0,1}[0-5]{0,1}[0-9]{0,1}|[.,]{0,1}[0-9]{0,2})$/,extract:/^(-?)(\d*)([:,.]{0,1})([0-9]{0,2})$/,zeros:/^(-?)(0+)(?:[1-9]|0[,.:]?)/};toString(t){let e;if(!S.is(t))e="";else{const o=S.normalize(t);if(!o.minutes&&!o.hours)e="";else if(this.separator!=":")e=(+S.toHours(o).toFixed(2)||"").toString(10);else if(o.hours&&!o.minutes)e=o.hours.toString(10);else if(!o.hours&&o.minutes)e=`${o.minutes<0?"-":""}0:${Math.abs(o.minutes).toString(10)}`;else e=`${o.hours?.toString(10)}:${Math.abs(o.minutes??0).toString(10)}`}return e}fromString(t){let e;const o=t.match(this.patterns.extract);if(!o)e=undefined;else{const[t,s,i,a,n]=o;this.separator=a;if(a==":"){const t={hours:parseInt(i),minutes:parseInt(n)};const o=s?-1:1;e=S.normalize({hours:!Number.isFinite(t.hours)?0:t.hours*o,minutes:!Number.isFinite(t.minutes)?0:t.minutes*o})}else{const o=parseFloat(t.replace(",","."));e=S.normalize({hours:!Number.isFinite(o)?0:o})}}return e}partialFormat=this.format;format(t){let e=t;const[,o,s,i]=t.match(this.patterns.extract)??[];if(!s&&i)e=e.insert(o?1:0,"0");const a=e.match(this.patterns.zeros);if(a){const[,t,o]=a;if(o){const s=t?1:0;e=e.delete(s,o.length+s)}}return{...e,type:"tel",pattern:this.patterns.allowed}}unformat(t){const[,,,e]=t.match(this.patterns.extract)??[];if(e)this.separator=e;return t}allowed(t,e){const o=e.value.slice(0,e.selection.start)+t+e.value.slice(e.selection.end);return!!o.match(this.patterns.allowed)}}De("duration",(()=>new Je));class Qe{settings;constructor(t){this.settings=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,...this.settings,type:"text",inputmode:"email",autocomplete:"email"}}unformat(t){return t}allowed(t,e){return this.settings.length==undefined||this.settings.length[1]==undefined||e.value.length<this.settings.length[1]}}De("email",(t=>new Qe(t||{})));class to{settings;mode;constructor(t,e){this.settings=t;this.mode=e}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}split(t){let e;let o="";return t.map(((t,s)=>{const i=s!==0&&t===t.toUpperCase()&&isNaN(+t)&&o!==" "&&this.isSymbolAllowed(t)&&e?" "+t:(t==="_"||t==="-")&&o!==" "?" ":t===" "&&o===" "||!this.isSymbolAllowed(t)||!e&&!this.isSymbolLetter(t)&&this.mode!=="code"?"":t;!e&&(e=this.isSymbolLetter(t));this.isSymbolAllowed(t)&&(o=t);return i})).toLower().delete("-").delete("_")}isSymbolLetter(t){return t>="a"&&t<="z"||t>="A"&&t<="Z"}isSymbolAllowed(t){return this.isSymbolLetter(t)||t>="0"&&t<="9"||t===" "}partialFormat=this.format;format(t){const e=this.split(t);let o;switch(this.mode){case"code":o=e.delete(" ");break;case"pascal":case"camel":let s;o=e.map(((t,e)=>{const o=e===0&&this.mode==="pascal"||s?t.toUpperCase():t.toLowerCase();s=t==" ";return o})).delete(" ");break;case"snake":case"attribute":o=e.replace(" ",this.mode==="snake"?"_":"-");break;default:o=t}return{...o,...this.settings,type:"text",autocomplete:"on"}}unformat(t){return t}allowed(t,e){return this.isSymbolLetter(t)||t>="0"&&t<="9"&&(this.mode=="code"||e.value.length>0)||t=="_"&&this.mode=="snake"&&e.value.length>0||t=="-"&&this.mode=="attribute"&&e.value.length>0}}De("identifier-code",(t=>new to(t||{},"code")));De("identifier-pascal",(t=>new to(t||{},"pascal")));De("identifier-snake",(t=>new to(t||{},"snake")));De("identifier-camel",(t=>new to(t||{},"camel")));De("identifier-attribute",(t=>new to(t||{},"attribute")));class eo{country;constructor(t){this.country=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){let e=t;const o=(new Date).getFullYear().toString();if(t.value.length>1&&t.get(0,2)!="19"&&t.get(0,2)!="20")e=e.prepend(t.get(0,2)>o.substring(2,4)?"19":"20");if(e.value.length>=8)e=e.insert(8,"-");return{...e.truncate(13),type:"text",length:[11,13],pattern:/^\d{6,8}-\d{4}$/}}unformat(t){return t.delete("-")}allowed(t,e){return e.value.length<13&&t>="0"&&t<="9"}}De("identity-number",(t=>new eo(t&&t.length>0?t[0]:undefined)));class oo{min;max;pad;constructor(t){this.min=t.min;this.max=t.max;this.pad=t.pad}toString(t){return typeof t=="number"?t.toString():""}fromString(t){const e=typeof t=="string"?Number.parseInt(t):undefined;return typeof e=="number"&&!Number.isNaN(e)?e:undefined}partialFormat(t){return{...t,type:"text",inputmode:"numeric",length:[3,undefined],pattern:/^[0-9]+$/}}format(t){const e=this.partialFormat(t);const o=this.fromString(e.value);const s=o==undefined?e.value:this.min!=undefined&&o<this.min?this.toString(this.min):this.max!=undefined&&o>this.max?this.toString(this.max):e.value;return{...e,value:typeof this.pad=="number"&&s?s.padStart(this.pad,"0"):s}}unformat(t){return t}allowed(t,e){return t>="0"&&t<="9"&&(this.max==undefined||this.max.toString().length>e.value.length||e.selection.start!=e.selection.end)}}De("integer",(t=>new oo(t?.[0]??{})));class so{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,type:"password",autocomplete:"current-password"}}unformat(t){return t}allowed(t,e){return true}}De("password",(()=>new so));class io{toString(t){let e="";if(typeof t=="number"){const o=t.toString().split(".")[1]?.length??2;e=(t*100).toFixed(!o||o<=1?0:o-2)}return e}fromString(t){const e=typeof t=="string"?Number.parseFloat(t):undefined;return typeof e=="number"&&!Number.isNaN(e)?e/100:undefined}partialFormat=this.format;format(t){return{...t.value?t.suffix(" %"):t,type:"text",inputmode:"numeric",length:[3,undefined],pattern:/^\d+(.\d+)? %+$/}}unformat(t){return t.delete(" %")}allowed(t,e){return t>="0"&&t<="9"||t=="."&&!e.value.includes(".")}}De("percent",(()=>new io));const ao=[{countryCode:"+46",areaCodes:["011","0120","0121","0122","0123","0125","013","0140","0141","0142","0143","0144","0150","0151","0152","0155","0156","0157","0158","0159","016","0171","0173","0174","0175","0176","018","019","021","0220","0221","0222","0223","0224","0225","0226","0227","023","0240","0241","0243","0246","0247","0248","0250","0251","0253","0258","026","0270","0271","0278","0280","0281","0290","0291","0292","0293","0294","0295","0297","0300","0301","0302","0303","0304","031","0320","0321","0322","0325","033","0340","0345","0346","035","036","0370","0371","0372","0380","0381","0382","0383","0390","0392","0393","040","0410","0411","0413","0414","0415","0416","0417","0418","042","0430","0431","0433","0435","044","0451","0454","0455","0456","0457","0459","046","0470","0471","0472","0474","0476","0477","0478","0479","0480","0481","0485","0486","0490","0491","0492","0493","0494","0495","0496","0498","0499","0500","0501","0502","0503","0504","0505","0506","0510","0511","0512","0513","0514","0515","0520","0521","0522","0523","0524","0525","0526","0528","0530","0531","0532","0533","0534","054","0550","0551","0552","0553","0554","0555","0560","0563","0564","0565","0570","0571","0573","0580","0581","0582","0583","0584","0585","0586","0587","0589","0590","0591","060","0611","0612","0613","0620","0621","0622","0623","0624","063","0640","0642","0643","0644","0645","0647","0650","0651","0652","0653","0657","0660","0661","0662","0663","0670","0671","0672","0680","0682","0684","0687","0690","0691","0692","0693","0695","0696","08","090","0910","0911","0912","0913","0914","0915","0916","0918","0920","0921","0922","0923","0924","0925","0926","0927","0928","0929","0930","0932","0933","0934","0935","0940","0941","0942","0943","0950","0951","0952","0953","0954","0960","0961","0970","0971","0973","0975","0976","0977","0978","0980","0981","010","020","0378","070","072","073","076","079","0710","0740","0746","0749","0741","0742","0743","0744","0745","0747","075","077","078","0900","0939","0944","0969","099"]}];class no{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){let e=t;if(e.value.startsWith("+")){for(const t of ao)if(e.value.startsWith(t.countryCode))for(let o of t.areaCodes){o=o.substring(1);if(e.value.startsWith(t.countryCode+o)&&!e.value.includes("-"))e=e.insert(t.countryCode.length,"-").insert(t.countryCode.length+1+o.length,"-")}}else{const t=ao[0];for(const o of t.areaCodes)if(e.value.startsWith(o)&&!e.value.includes("-")){e=e.insert(o.length,"-");e=e.delete(0);e=e.insert(0,"-").insert(0,t.countryCode)}}if(e.value.includes("-")){const t=e.value.indexOf("-",e.value.indexOf("-")+1)+1;const o=e.value.substring(t,e.value.length+1).length;switch(o){case 4:e=e.insert(t+2," ");break;case 5:e=e.insert(t+3," ");break;case 6:e=e.insert(t+2," ");e=e.insert(t+5," ");break;case 7:e=e.insert(t+3," ");e=e.insert(t+6," ");break;case 8:case 9:e=e.insert(t+3," ");e=e.insert(t+7," ");break}if(o>9){const s=Math.ceil(o/3)-1;if(s>0){for(let o=0;o<s;o++){const s=o*3+3+o;e=e.insert(s+t," ")}}}}return{...e,type:"tel",autocomplete:"tel"}}unformat(t){return t.delete(" ").delete("-")}allowed(t,e){return t>="0"&&t<="9"||e.selection.start==0&&t=="+"&&!e.value.includes("+")}}De("phone",(()=>new no));class lo{country;constructor(t){this.country=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){const e=!t.value.includes(" ")&&t.value.length>=4?t.insert(3," "):t;return{...e.truncate(6),type:"text",autocomplete:"postal-code",length:[6,6],pattern:/^\d{3} \d{2}$/}}unformat(t){return t.delete(" ")}allowed(t,e){return e.value.length<=5&&t>="0"&&t<="9"}}De("postal-code",(t=>new lo(t&&t.length>0?t[0]:undefined)));class ro{currency;toInteger;constructor(t){this.currency=t&&typeof t=="object"?t.currency:t;this.toInteger=t&&typeof t=="object"?t.toInteger:undefined}toString(t){return typeof t=="number"?isNaN(t)?"":t.toString():""}fromString(t){const e=typeof t=="string"?Number.parseFloat(t):undefined;return e!=undefined&&!isNaN(e)?e:undefined}partialFormat(t){let e=t.value=="NaN"?t.replace(0,t.value.length,""):je.copy(t);const o=this.currency&&z.decimalDigits(this.currency);e=this.addLeadingIntegerZero(e);e=this.fillDecimalsIfPresent(e,o,"onlyLimit");e=this.truncateIntegerZeros(e);e=this.addThousandSeparators(e);return{...e,remainder:this.format(t).value.slice(e.value.length),type:"text",inputmode:"numeric",length:[3,undefined],pattern:new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d*)?$")}}format(t){let e=t.value=="NaN"?t.replace(0,t.value.length,""):je.copy(t);const o=this.currency&&z.decimalDigits(this.currency);if(!this.toInteger)e=this.forceDecimalZero(e,o);e=this.addLeadingIntegerZero(e);e=this.fillDecimalsIfPresent(e,o,"fillAndLimit");e=this.truncateIntegerZeros(e);e=this.addThousandSeparators(e);e=this.appendCurrency(e);return{...e,type:"text",inputmode:"numeric",length:[3,undefined],pattern:new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d+)?"+(this.currency?" "+this.currency:"")+"$")}}forceDecimalZero(t,e){if(!t.value.includes(".")&&e&&(Math.abs(Number.parseFloat(t.value))>=0||t.value=="0"))t=t.suffix(".0");return t}addLeadingIntegerZero(t){const e=t.value&&t.value.includes(".")?t.value.indexOf("."):undefined;if(e==0)t=t.prepend("0");return t}fillDecimalsIfPresent(t,e,o){const s=t.value.indexOf(".");if(s!=-1){const i=s+1+(e??2)-t.value.length;t=i<0?t.truncate(t.value.length+i):o=="fillAndLimit"?t.suffix("0".repeat(i)):t}return t}truncateIntegerZeros(t){const e=t.match(/^[0\s]{2,}/);if(e)t=t.replace(0,e[0].length,"0");return t}addThousandSeparators(t){let e=t.value.includes(".")?t.value.indexOf("."):t.value.length;const o=e<=0?0:Math.ceil(e/3)-1;for(let s=0;s<o;s++){const i=e-(o-s)*3;t=t.insert(i," ");e++}return t}appendCurrency(t){return this.currency&&(t.value.length>1||t.value.length==1&&t.value.charAt(0)!=".")?t.suffix(" "+this.currency):t}unformat(t){return this.currency?t.delete(" ").delete(""+this.currency):t.delete(" ")}allowed(t,e){return t>="0"&&t<="9"||t=="."&&!e.value.includes(".")&&(!this.currency||z.decimalDigits(this.currency)!=0)}}De("price",(t=>new ro(t&&t.length>0?t[0]:undefined)));class co{settings;constructor(t){this.settings=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,type:"text",...this.settings}}unformat(t){return t}allowed(t,e){return this.settings.length==undefined||this.settings.length[1]==undefined||e.value.length<this.settings.length[1]}}De("text",(t=>new co(t||{})));class ho{toString(t){return typeof t=="string"?"#"+t:""}fromString(t){return t?"#"+t:undefined}partialFormat=this.format;format(t){const e=t.delete("#");return{...e.value?e.prepend("#"):e,type:"text",length:[4,7],pattern:/^#([0-9a-f]{3}|[0-9a-f]{6})$/i}}unformat(t){return t.delete("#")}allowed(t,e){return(t>="0"&&t<="9"||t>="a"&&t<="f"||t>="A"&&t<="F")&&e.value.length<6}}De("hex-color",(()=>new ho));const mo=".sc-smoothly-display-h{display:block;white-space:wrap}[hidden].sc-smoothly-display-h{display:none}.sc-smoothly-display-h>div.sc-smoothly-display{opacity:0.6;font-size:.8rem}";const uo=mo;const yo=class{constructor(e){t(this,e);this.type=undefined;this.label=undefined;this.value=undefined;this.collapseDepth=undefined;this.toInteger=undefined;this.currency=undefined;this.country=undefined;this.format=undefined}render(){var t,e;let s;const i=this.type;switch(i){case"json":s=o("smoothly-display-json",{key:"64f0c43d63b42975833202265cd02a4e7b7af147",value:this.value,collapseDepth:this.collapseDepth});break;default:s=Oe(this.value,i);break;case"email":s=o("a",{key:"0c287d32f128b8740b8c349ee1558ed5e60ce50e",href:"mailto:"+this.value},Oe(this.value,i));break;case"phone":s=o("a",{key:"dc27f6c1d36f47721908d7ae04783ceab3863a29",href:"tel:"+this.value},Oe(this.value,i,this.country));break;case"postal-code":s=Oe(this.value,i,this.country);break;case"price":s=Oe(this.value,i,{currency:this.currency,toInteger:this.toInteger});break;case"date":s=(t=Le(this.type,R()))===null||t===void 0?void 0:t.toString(this.value);break;case"duration":s=Oe(this.value,i)||"0";break;case"date-time":s=this.format?C.localize(this.value,this.format,R()):(e=Le(this.type,R()))===null||e===void 0?void 0:e.toString(this.value);break}return this.label?[o("div",null,this.label),s]:s}};yo.style=uo;const bo=class{constructor(o){t(this,o);this.notice=e(this,"notice",7);this.downloadingSpinner=undefined}noticeWarning(t){console.log("emit",t);this.notice.emit(t)}render(){return[o("main",{key:"f0027441bfef78c171ba61092be17b58234f9441"},o("fieldset",{key:"d6d0987729d19296ae9bca9108b51b02d4cffe12"},o("h2",{key:"8bf8fb79a2962ee6f57199fbca073d3d6108bfaf"},"Smoothly display"),o("dl",{key:"a611e082683866edf1aed27253cc139cdfae914d"},o("dt",{key:"57ab7bbd1eb80eafbac37682b663cb14fbc0afc8"},"Duration"),o("dd",{key:"0ff01664956d694165bfb366cad10146ba748f92"},o("div",{key:"aa1e91e3c22cb273d96ae15597b31c6ce6d826f3"},o("div",{key:"4a51be0b383303cffad2bf958865e943a86eb35c"},o("smoothly-display",{key:"a69cc7be176c850fad91eb13feec5ad81f867e81",style:{display:"inline"},type:"duration",value:{hours:13,minutes:100}})," h"),o("div",{key:"49df16cc21484f0b58025cc55fdcb4f4316db50f"},o("smoothly-display",{key:"865bf3acaced59068f8dea2c22c76cd6906f3d14",style:{display:"inline"},type:"duration",value:{hours:8}})," h"),o("div",{key:"afcb613ed8ee92fc23d2adc1f4a8019840b137a4"},o("smoothly-display",{key:"21eeba322f8ed8b24160c7c4c2cf042c3d942762",style:{display:"inline"},type:"duration",value:{minutes:3}})," h"),o("div",{key:"9a08731fcf35e804463fba62e505fe23f7971b2d"},o("smoothly-display",{key:"39c432749ba1147433b0a4703030c872bfc17b15",style:{display:"inline"},type:"duration",value:{hours:-13,minutes:100}})," h"),o("div",{key:"e2fed37cd00090311d04917160996fb6c9d7c202"},o("smoothly-display",{key:"166fd0d523c1ff7000d21232b3511d46ff642104",style:{display:"inline"},type:"duration",value:{hours:-8}})," h"),o("div",{key:"f59fa2cf4af468c0efd8d282559458d3048bb54a"},o("smoothly-display",{key:"aa40b1c43f5cfe22dd0bc0e6101db78a92c53621",style:{display:"inline"},type:"duration",value:{}})," h"),o("div",{key:"7e15d974058f15a3c42ec1d12ada1673beb1d6b3"},o("smoothly-display",{key:"e2b4163ee526312211aeb628b90b8eedcbe7e6f0",style:{display:"inline"},type:"duration",value:{minutes:-3}})," h"))),o("dt",{key:"bc84f7802f65b61b07be817c9aaf94e3f61ae84d"},"text"),o("dd",{key:"57f8d7a74ceac39909d10cbe481b3971f2ecdeeb"},o("smoothly-display",{key:"642c8f1d612e0debcca8bd7b201bd365af96cfa9",type:"text",value:"text"})),o("dt",{key:"f935e44f241328df81553f11839f5c8ffbc10c9e"},"postal code"),o("dd",{key:"9e330664f885f7219842624d3f38bcb196477f01"},o("smoothly-display",{key:"d9b64e1a659e44ea742cd4eaaa957568fb1e0d34",type:"postal-code",value:"752 31"})),o("dt",{key:"5dbf58da2741a7c0b23fd504b2f98e136f494949"},"password"),o("dd",{key:"4b649f79b01043826cfb8daecc643fe252fab4a8"},o("smoothly-display",{key:"0a3981b795879dc97bfb89c0ba24956742ce239c",type:"password",value:"password"})),o("dt",{key:"65971d774fbdbae74ffc9fc96668ba012701ea71"},"email"),o("dd",{key:"fb22a5ca78f8b003de2dced241e5525fe42c5fde"},o("smoothly-display",{key:"2512acf71be746c2fcc2501451ce785bdbd01455",type:"email",value:"test@example.com"})),o("dt",{key:"b89f91cecf9c963edd07250bf2a065a3da64837b"},"price"),o("dd",{key:"6a2bf5ba95dcc27acc8629a4f3bd4ab8662a0365"},o("smoothly-display",{key:"e591993c95b899fa4aa976cfe3539e0e723e6ef3",type:"price",value:"13.37",currency:"SEK"})),o("dt",{key:"207e97191f04e431c5e511eb85fdbcf63572ffe8"},"price without decimals"),o("dd",{key:"a6420d4a9a8cf3d608e07999dfad03b6fccc43a9"},o("smoothly-display",{key:"b0e5761078c10a07616023a95b10765b86dd5a82",type:"price",value:200,currency:"SEK",toInteger:true})),o("dt",{key:"f3a1266f7e0610880115e0ba93f13cac57e8d038"},"price with decimals if they are set, otherwise no decimal"),o("dd",{key:"601c5f79148527505141bc3a1995b068998190b6"},o("smoothly-display",{key:"349b706f45c15353a5247608d9b5eddd5d514fb3",type:"price",value:200.2,currency:"SEK",toInteger:true})),o("dt",{key:"46331fe9a8124257ee9d5e9713b713831e1f615f"},"price with decimals"),o("dd",{key:"317c8ca991740a994b59830c94e8393bc01d3f07"},o("smoothly-display",{key:"5ec0d759372c9fb36fd2149aae7953600cc67726",type:"price",value:200.2,currency:"SEK"})),o("dt",{key:"60a3e8e4672dcd6050d79937f297404e6e84a04a"},"percent"),o("dd",{key:"572df0ef47bb43bef3f15695ce774e3a205e27f5"},o("smoothly-display",{key:"b740dabdd447e609096a9587e70d04ae069f6ef6",type:"percent",value:"42"})),o("dt",{key:"9af3e07c435f10b3159d9fb313237129246669a4"},"phone"),o("dd",{key:"31d3728c41a9cfad3440d4c5498f129b7be62b3e"},o("smoothly-display",{key:"76bda1d9a032c2df5d10850ed34ec96c94524238",type:"phone",value:"0101881108"})),o("dt",{key:"339edc1575a020d74fe03f3dcd428352d905591f"},"card number"),o("dd",{key:"ef75e57c991ca5a1f886e2f6716d3475d6023e42"},o("smoothly-display",{key:"1e694d62f751eb4c566b54ced5094030249eeebd",type:"card-number",value:"4111111111111111"})),o("dt",{key:"c8cd5d87ac6ab7e778449f6e8528c3aeab576438"},"card expires"),o("dd",{key:"af791cca99d6ea340884d8becdb78c4e11a6a40b"},o("smoothly-display",{key:"5e2c05c3f80af6f427c6bd4842d72db8c5dab3e9",type:"card-expires",value:"7/22"})),o("dt",{key:"6a9433b4e2048cd4de63a47c772ee6418d3acf21"},"card csc"),o("dd",{key:"d7e5f17ce69a12146a8ad54c981e59f5f69ae4da"},o("smoothly-display",{key:"24a9c38b6c032aa554974376e13cb2b8ec0b84d0",type:"card-csc",value:"987"})),o("dt",{key:"48f5cac78c36bb5136f51ba66a6d0f07fb1a895f"},"date"),o("dd",{key:"f5de472e757607197287bb40299df53029677995"},o("smoothly-display",{key:"3c3f43d0b929ab99bf66b7e6d2652480272e199b",type:"date",value:"2022-07-07"})),o("dt",{key:"cc7cdb8e399598175e0772b23a7f7426eb6eb9dc"},"date time"),o("dd",{key:"9ece32e9caa673525dcf71b86cd45b061d9827d9"},o("smoothly-display",{key:"8c34dc9335a1dcd809368d490e38b366e0cbad98",type:"date-time",format:{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T02:02:02Z"})),o("dd",{key:"bffb607f7fff4cbd83976db7ebb4b6d047181749"},o("smoothly-display",{key:"9532c7fc763f670bc7efdf790bba83498224fa2b",type:"date-time",format:{year:"2-digit",month:"long",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"},value:"2022-07-07T02:02:02Z"})),o("dd",{key:"e69696c5cacfd2eb127822b7372401baa4838c1f"},o("smoothly-display",{key:"24dd4186d2e39e2ec123f31155e7ec5e9d473237",type:"date-time",format:{year:"numeric",month:"2-digit",day:"2-digit",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),o("dd",{key:"57656dda4f48f82ea0b089be6613076de5c08613"},o("smoothly-display",{key:"f8dc33572b80480deb71b2333d4ccb28a4d4b556",type:"date-time",format:{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),o("dd",{key:"8e06ce3ce8c92fc344b7d0152667ecd3de933ef0"},o("smoothly-display",{key:"dfe29b01b180372cb1bac5702e0ead534ad59ad5",type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),o("dd",{key:"416f2e6fac955dc4a7a08b543186a5176b4359f2"},o("smoothly-display",{key:"42baa9b698ae41db2a96203f11439217b4dd0598",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),o("dd",{key:"9fa5bf6bcc7f11f24c92ea73235fc2c8fd1a9fa5"},o("smoothly-display",{key:"9dc5fc24afb8952b6556c2f4405e47270f7d96c5",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZone:"Europe/Stockholm"},value:"2022-07-07T12:15Z"})),o("dt",{key:"fa0fee5e4d57648ef7379fcab25b1c861df29572"},"Display JSON"),o("dd",{key:"24e8222807dd1a65b3d0b4d49e4e9b7f2f63ca45"},o("smoothly-display-demo-json",{key:"3bfc573006f805f99a9815efd69bdb4cae7da5b0"})))),o("h2",{key:"526bb69d7ad95db53610949dfdfb1a8335d0d734"},"With labels"),o("dd",{key:"42b3f4d34abb22ce98f7421c04076af3cf9592d7"},o("smoothly-display",{key:"bdfcb7554a39ed2f937ef2acc613f07e863b4460",label:"Today",type:"date",value:x.now()}),o("smoothly-display",{key:"ca523fd7b87353ad81a0fd6747626e3313dcd803",label:"Total amount",type:"price",currency:"SEK",value:6789}),o("smoothly-display",{key:"f185521dbf646db7f2dbd0856d5b51c19cea0f7e",label:"Total amount",type:"price",currency:"GBP",value:678.9}),o("smoothly-display",{key:"2b11b984ee41bcfd8651422099dd0243dea5c1f9",label:"Logs",type:"json",value:[{type:"trace",message:"Hello"},{type:"error",message:"Oh no!"}]})),o("fieldset",{key:"ef8bc44b54f0a98227581bcade3330debc22729c"},o("h2",{key:"0dee7b56295ee035a7459a687e95bdcde727e1f7"},"Test of different kinds of notifier"),o("button",{key:"88076dc7ef7db955ba07bad008e3082c9c3177e4",onClick:()=>this.noticeWarning(O.warn("This is a test warning notice."))},"warning"),o("button",{key:"f07659e51be16b4019d2a4759e62ef7a1e526c32",onClick:()=>this.noticeWarning(O.succeeded("This is a test success notice."))},"success"),o("button",{key:"ba7ae24c1f495c0babea9c9c4a5219129d16b5a1",onClick:()=>this.noticeWarning(O.failed("This is a test danger notice."))},"danger"),o("button",{key:"6bec07e40f8cdf258d1ac09bac883570b6599e82",onClick:()=>this.noticeWarning(O.execute("This is a test execute notice.",(()=>new Promise((t=>window.setTimeout((()=>t([true,"This went great"])),3e3))))))},"execute"),o("button",{key:"30284847af0b9196965d40ef9a1e252fb9c6cb93",onClick:()=>this.noticeWarning(O.delay("This is a test delay notice.",(()=>new Promise((t=>window.setTimeout((()=>t([true,"This went great"])),3e3))))))},"delay")),o("fieldset",{key:"3d00362adfdf13d785a824e7a37151bea10f0991"},o("h2",{key:"ec4235bbe8d792aefe999743de12f8f1657e6789"},"Smoothly spinner"),o("div",{key:"041c2d303ad7de8e19695eaca34461b08af1f8ef",style:{width:"fit-content"}},"Large",o("smoothly-spinner",{key:"7899818b65ed91864b3a566a06c652be320779ee",size:"large",style:{"--spinner-background":"200,255,200","--spinner-background-opacity":"0.2","--spinner-color":"0,130,0"}})),o("div",{key:"d91ace8ab22931ac828734c330ec6bdffb7a1874",style:{width:"fit-content"}},"Medium",o("smoothly-spinner",{key:"e9c676eb8aeb5be8bbe3145fab86c5b8e5ce102d",size:"medium"})),o("div",{key:"4ddb83d57b7054a240391751efb43642f89af289",style:{width:"fit-content"}},"Small",o("smoothly-spinner",{key:"f81d12395407c33d35244069cb3f337c2fc68f7e",size:"small"})),o("div",{key:"442d309f4b04986e52cbeae4758377695fbdc3e4"},"Icon sized spinner on button",l.values.map((t=>o("smoothly-button",{size:"icon",color:t,shape:"rounded",onClick:()=>{this.downloadingSpinner=true;setTimeout((()=>this.downloadingSpinner=false),3e3)}},!this.downloadingSpinner&&o("smoothly-icon",{name:"download-outline"}),this.downloadingSpinner&&o("smoothly-spinner",{size:"icon",style:{"--spinner-background-opacity":"0"}}))))),o("h3",{key:"bc6fe08536d2b7245fecb987c84112377532ff5f"},"Spinner with overlay"),o("div",{key:"286d6fc3429a30743f362b89874b22db0c8f00d8",style:{position:"relative",height:"10em"}},"Large Overlay Spinner",o("smoothly-spinner",{key:"05f8103a25be0a00235dabfaf17b17dd059f110d",overlay:true,size:"large",style:{"--spinner-background":"255,200,255","--spinner-background-opacity":"0.5","--spinner-color":"0,130,0"}})),o("div",{key:"88dae76ba4f26b5ba5dab790d030efd2740a9c3a",style:{position:"relative",height:"10em"}},"Medium Overlay Spinner",o("smoothly-spinner",{key:"ea74d644a344b2347888a609a72b20ac5c8651df",overlay:true,color:"secondary",size:"medium"})),o("div",{key:"64d9ade2587010213832e33830c5eeca985c7480",style:{position:"relative",height:"10em"}},"Small Overlay Spinner",o("smoothly-spinner",{key:"494f01fde3c846454bfa32681895b2253db373a4",overlay:true,size:"small"}))),o("fieldset",{key:"6629bd3d32263860e046c756bd0f392c51f25be0"},o("h2",{key:"33d110238af08bfc80a06d55b93cc128cc3a4d50"},"Smoothly summary"),o("smoothly-summary",{key:"5439e9671227547e17576d921bd4d193184310ae"},o("span",{key:"5aa376de959eac730f1731a9d1abaa7c9b2906e2",slot:"summary"},"Some title"),o("smoothly-summary",{key:"0f3c9220d9317c54c53037b25b92374ee64b8b3b",slot:"content"},o("div",{key:"aa1dc04d09749f3c125eac38fdd59b15f990871e",slot:"summary"},"Some other title"),o("div",{key:"327cbe85e798cbd7b5a6a96acb0d62db4486b6e2",slot:"content"},"A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please."))),o("smoothly-summary",{key:"34df179fe11e57724c204fc7faa92b6dd3d2c312"},o("div",{key:"bc7f0348eba69ce4b5ec090c3132152829cd2bdb",slot:"summary",style:{display:"flex",gap:"0.3rem"}},o("span",{key:"e46943da2844edc16d8c93e99f2a421668af34cf"},"Person"),o("smoothly-icon",{key:"b677ed1036743b2994003c0b4d8573124fa30407",name:"person",color:"light",fill:"clear",size:"tiny"})),o("p",{key:"8a22ac8f00f37ce9b4d90978d329daef975a2856",slot:"content"},"Some person information.")),o("h2",{key:"52120c774608c56017e1b8479631be4019449516"},"Label"),fo.map((t=>o("smoothly-label",{hue:t.hue,description:t.description,shape:"rectangle"},t.name))),o("smoothly-label",{key:"16fba37231ff5ef8859a05e1d7b138ce27ba2769",color:"primary",description:"Using colors",shape:"rectangle"},"Primary")))]}};const fo=[{name:"2fa",hue:120,description:"User has two factor authentication enabled."},{name:"expired",hue:240,description:"User's password has expired."},{name:"inactive",hue:60,description:"User is inactive."}];const po=class{constructor(e){t(this,e)}render(){return o(s,{key:"c459dfb0ab28ba6c9ec1be1f334398200800cf56"},[0,1,3,undefined].map((t=>[o("div",null,"collapseDepth=",t!==null&&t!==void 0?t:"undefined"),o("div",null,o("smoothly-display",{type:"json",value:go,collapseDepth:t}))])))}};const go={name:"stringy",nested:{age:109,array:["one","two","three",{name:"four"}],emptyObject:{},emptyArray:[],truthy:true,falsy:false,null:null,notDefined:undefined,longString:"pepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakor"}};const ko=({value:t,collapseDepth:e})=>I().is(t)||Array.isArray(t)?o("smoothly-display-json-object",{value:t,collapseDepth:e}):o("smoothly-display-json-primitive",{value:t});const vo=".sc-smoothly-display-json-h{font-family:monospace}";const wo=vo;const xo=class{constructor(e){t(this,e);this.value=undefined;this.collapseDepth=undefined}render(){return o(ko,{key:"dc8824ed92fdfde3a318f0449eb531600678000f",value:this.value,collapseDepth:this.collapseDepth})}};xo.style=wo;const Co='.sc-smoothly-display-json-object-h{font-family:monospace;position:relative}[hidden].sc-smoothly-display-json-object-h{display:none}.indent.sc-smoothly-display-json-object{padding-left:1rem;border-left:1px solid rgba(var(--smoothly-default-contrast), 0.3)}.sc-smoothly-display-json-object-h:not(.open) .content.sc-smoothly-display-json-object{opacity:0;position:absolute;pointer-events:none}.sc-smoothly-display-json-object-h>.content.sc-smoothly-display-json-object>.indent.sc-smoothly-display-json-object:last-child>.comma.sc-smoothly-display-json-object{display:none}.sc-smoothly-display-json-object-h .open-bracket.sc-smoothly-display-json-object{cursor:pointer}.sc-smoothly-display-json-object-h .open-bracket.sc-smoothly-display-json-object::after{background-color:rgb(var(--smoothly-light-color));color:rgb(var(--smoothly-light-shade));border:1px solid rgb(var(--smoothly-light-color));white-space:pre;border-radius:0.25rem;font-weight:bold;font-size:0.8em}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover::after{color:rgb(var(--smoothly-default-contrast));border-color:rgb(var(--smoothly-light-shade))}.sc-smoothly-display-json-object-h:not(.open):not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:" ▶ " attr(data-length) " ◀ "}.open.sc-smoothly-display-json-object-h:not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:" ▼ "}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover,.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover~.close-bracket.sc-smoothly-display-json-object{font-weight:bold}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover+.content.sc-smoothly-display-json-object>.indent.sc-smoothly-display-json-object{border-left-color:rgb(var(--smoothly-default-contrast))}';const So=Co;const zo=class{constructor(e){t(this,e);this.openBracket="";this.closeBracket="";this.value=undefined;this.collapseDepth=undefined;this.open=undefined;this.empty=undefined}componentWillLoad(){this.open=typeof this.collapseDepth=="number"?this.collapseDepth>0:true;if(Array.isArray(this.value)){this.openBracket="[";this.closeBracket="]";this.length=this.value.length}else{this.openBracket="{";this.closeBracket="}";this.length=Object.keys(this.value).length}this.empty=this.length==0}render(){const t=typeof this.collapseDepth=="number"?Math.max(this.collapseDepth-1,0):undefined;return o(s,{key:"d8c5fd222b4cbe393ccd7e5fe13ec04bff9c5614",class:{empty:this.empty,open:this.open}},o("span",{key:"56070a9821ec22233a1a53614bf062234b5e1645",class:"open-bracket",onClick:()=>this.open=!this.open,"data-length":this.length},this.openBracket),o("span",{key:"9fb7f10b2c330e486270e875bc3adff84066aa23",class:"content"},Array.isArray(this.value)?this.value.map((e=>o("div",{class:"indent"},o(ko,{value:e,collapseDepth:t}),o("span",{class:"comma"},",")))):Object.entries(this.value).map((([e,s])=>o("div",{class:"indent"},o("smoothly-display-json-record-key",{value:e}),":"," ",o(ko,{value:s,collapseDepth:t}),o("span",{class:"comma"},","))))),o("span",{key:"dbc0412cec64f81e0bd88c48d7299ed8f0143feb",class:"close-bracket"},this.closeBracket))}};zo.style=So;const Io=".sc-smoothly-display-json-primitive-h{font-family:monospace;display:inline;overflow-wrap:anywhere;white-space:pre-wrap}[hidden].sc-smoothly-display-json-primitive-h{display:none}.string.sc-smoothly-display-json-primitive-h,.number.sc-smoothly-display-json-primitive-h,.boolean.sc-smoothly-display-json-primitive-h{font-weight:bold}.string.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-primary-color))}.number.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-secondary-color))}.boolean.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-tertiary-color))}.null.sc-smoothly-display-json-primitive-h,.undefined.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-medium-color))}";const jo=Io;const To=class{constructor(e){t(this,e);this.value=undefined}render(){return o(s,{key:"0e8d894d5b03272d4df6b648eef111b4efe5b236",class:this.value==null?"null":typeof this.value},""+JSON.stringify(this.value))}};To.style=jo;const _o=".sc-smoothly-display-json-record-key-h{font-family:monospace;display:inline;color:rgb(var(--smoothly-default-contrast))}[hidden].sc-smoothly-display-json-record-key-h{display:none}";const Do=_o;const Lo=class{constructor(e){t(this,e);this.value=undefined}render(){return o(s,{key:"2a03b569bedb742a25108741886a5a781f31a703"},'"',this.value,'"')}};Lo.style=Do;class Oo{filter(t){return t.filter((t=>this.is(t)))}stringify(t=0){let e=this.toString();if(this.precedence<t)e="("+e+")";return e}}const Ao=[t=>t instanceof Oo?t:undefined];function Mo(t){Ao.push(t)}let Eo;function Ro(t){Eo=t}function $o(t){let e;for(const o of Ao){e=o(t);if(e)break}return e||Eo}class Po extends Oo{constructor(){super();this.precedence=Number.MAX_SAFE_INTEGER;this.class="Always"}is(t){return true}toString(){return""}}Ro(new Po);class Fo extends Oo{constructor(t){super();this.criteria=t;this.precedence=50;this.class="Any"}is(t){return t&&typeof t=="object"&&Object.getOwnPropertyNames(t).some((e=>this.criteria.is(t[e])||this.is(t[e])))}toString(){return this.criteria.stringify(this.precedence)}}class Ho extends Oo{constructor(t){super();this.precedence=40;this.class="And";this.rules=t.reduce(((t,e)=>e instanceof Ho?[...t,...e.rules]:[...t,e]),[])}is(t){return this.rules.every((e=>e.is(t)))}toString(){return this.rules.map((t=>t.stringify(this.precedence))).join(" ")}generalize(){return new Ho(this.rules.map((t=>t.class=="Property"?t:new Fo(t))))}}function No(...t){return new Ho(t.map($o))}var Uo;(function(t){t.is=Yo})(Uo||(Uo={}));function Yo(t,e=false){return typeof t=="number"||typeof t=="string"||t instanceof Oo||e&&typeof t=="object"&&t&&Object.values(t).every((t=>Array.isArray(t)?t.every((t=>Yo(t,true))):Yo(t,true)))}var Wo=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};var Bo={};var Vo={};var Go={};var Ko={};var Zo={};(function(t){Object.defineProperty(t,"__esModule",{value:true});(function(t){t[t["Logging"]=0]="Logging";t[t["Debug"]=1]="Debug";t[t["Warning"]=2]="Warning";t[t["Recoverable"]=3]="Recoverable";t[t["Critical"]=4]="Critical"})(t.Level||(t.Level={}))})(Zo);Object.defineProperty(Ko,"__esModule",{value:true});const qo=Zo;class Xo{constructor(t,e=qo.Level.Recoverable,o="unknown",s){this.description=t;this.level=e;this.type=o;this.region=s}toString(){return qo.Level[this.level]+": "+this.type+" error. "+this.description+(this.region?" @ "+this.region.toString():"")}}Ko.Message=Xo;Object.defineProperty(Go,"__esModule",{value:true});const Jo=Ko;class Qo{raise(t,e,o,s){if(!(t instanceof Jo.Message))t=new Jo.Message(t,e,o,s);console.error(t.toString())}}Go.ConsoleHandler=Qo;var ts={};var es={};Object.defineProperty(es,"__esModule",{value:true});class os{constructor(t,e){this.line=t;this.column=e}toString(){return"Ln "+this.line+", Col "+this.column}}es.Position=os;Object.defineProperty(ts,"__esModule",{value:true});const ss=es;class is extends ss.Position{constructor(t,e,o){super(e,o);this.resource=t}toString(){return this.resource.toString()+" @ "+super.toString()}}ts.Location=is;var as={};Object.defineProperty(as,"__esModule",{value:true});class ns{constructor(t,e,o,s){this.resource=t;this.start=e;this.end=o;this.content=s}merge(t){return t?new ns(this.resource,this.start,t.end,this.content?this.content:""+t.content?t.content:""):this}toString(){let t=this.resource.toString();if(this.start&&this.end)t+=" ("+this.start.toString()+" - "+this.end.toString()+") ";if(this.content)t+=this.content;return t}}as.Region=ns;Object.defineProperty(Vo,"__esModule",{value:true});var ls=Go;Vo.ConsoleHandler=ls.ConsoleHandler;var rs=Zo;Vo.Level=rs.Level;var cs=ts;Vo.Location=cs.Location;var hs=Ko;Vo.Message=hs.Message;var ds=es;Vo.Position=ds.Position;var ms=as;Vo.Region=ms.Region;var us={};var ys={};var bs={};var fs={};var ps={};Object.defineProperty(ps,"__esModule",{value:true});class gs{constructor(t,e){this.name=t;this.password=e}get isEmpty(){return!this.name&&!this.password}toString(){let t="";if(this.name)t=this.name;if(this.password)t+=":"+this.password;return t}static parse(t){let e;if(t){const o=t.split(":",2);e=new gs(o[0],o[1])}else e=new gs;return e}}ps.User=gs;var ks={};Object.defineProperty(ks,"__esModule",{value:true});class vs{constructor(t=[],e){this.host=t;this.port=e}get isEmpty(){return this.host.length==0&&!this.port}toString(){let t=this.host.join(".");if(this.port)t+=":"+this.port.toString();return t}static parse(t){let e;if(t){const o=t.split(":",2);e=new vs(o[0].split("."),o.length>1?parseInt(o[1]):undefined)}else e=new vs;return e}}ks.Endpoint=vs;Object.defineProperty(fs,"__esModule",{value:true});const ws=ps;const xs=ks;class Cs{constructor(t=new ws.User,e=new xs.Endpoint){this.user=t;this.endpoint=e}get isEmpty(){return this.user.isEmpty&&this.endpoint.isEmpty}toString(){let t="";if(!this.user.isEmpty)t=this.user.toString()+"@";if(!this.endpoint.isEmpty)t=t+this.endpoint.toString();return t}static parse(t){let e;if(t){const o=t.split("@",2);e=new Cs(ws.User.parse(o.length==2?o.pop():undefined),xs.Endpoint.parse(o.pop()))}return e}}fs.Authority=Cs;var Ss={};Object.defineProperty(Ss,"__esModule",{value:true});const zs=fs;class Is{constructor(t=[],e=new zs.Authority,o=[],s={},i){this.scheme=t;this.authority=e;this.path=o;this.query=s;this.fragment=i}get isRelative(){return this.path[0]=="."||this.path[0]==".."}get isFolder(){return this.path[this.path.length-1]==""}get folder(){return this.isFolder?this:new Is(this.scheme,this.authority,this.path.filter(((t,e)=>e<this.path.length-1)),this.query,this.fragment)}get name(){return this.path[this.path.length-1]}get extension(){const t=this.name.split(".");return t.length>1?t[t.length-1]:""}createArray(t,e){const o=[];while(e-- >0)o.push(t);return o}normalize(){let t=0;const e=this.path.reverse().filter(((e,o)=>{let s=false;if((e==""||e==".")&&o<this.path.length-1)s=false;else if(e=="..")t++;else if(t>0)t--;else s=true;return s})).concat(this.createArray("..",t)).reverse();return new Is(this.scheme,this.authority,e,this.query,this.fragment)}resolve(t){return!t?this:new Is(this.scheme.length>0?this.scheme:t.scheme,!this.authority.isEmpty?this.authority:t.authority,this.isRelative?t.folder.path.concat(this.path):this.path,this.query,this.fragment).normalize()}appendPath(t){return new Is(this.scheme,this.authority,t instanceof Array?[...this.path,...t]:[...this.path,t],this.query,this.fragment)}toString(){let t="";if(this.scheme.length>0)t+=this.scheme.join("+")+":";if(!this.authority.isEmpty)t+="//"+this.authority.toString();else if(this.scheme.length>0)t+="//";if(this.path){let e=this.path.join("/");if(e[0]!="."||t.length>0)e="/"+e;t+=e}if(Object.keys(this.query).length>0)t+="?"+this.query.toString();if(this.fragment)t+="#"+this.fragment;return t}static parse(t){let e;switch(t){case"":case null:case undefined:break;default:let o=true;let s=[];let i=t.split("://",2);if(i.length>1){s=(i.shift()||"").split("+");t=i.shift()}else if(t.slice(0,2)=="//")t=t.slice(2);else o=false;let a;let n;if(t&&(a=t.lastIndexOf("#"))>-1){n=t.slice(a+1);t=t.slice(0,a)}let l={};if(t&&(a=t.lastIndexOf("?"))>-1){l=new Object;t.slice(a+1).split(";").forEach((t=>{i=t.split("=");const e=i.shift();const o=i.shift();if(e&&o)l[e]=o}));t=t.slice(0,a)}let r;let c=[];if(t){i=t.split("/");if(i.length>0){switch(i[0]){case".":case"..":break;case"":i.shift();break;default:if(o)r=zs.Authority.parse(i.shift());else i.unshift(".");break}c=i}}e=new Is(s,r,c,l,n);break}return e}}Ss.Locator=Is;Is.empty=new Is(undefined,undefined,undefined,undefined,undefined);Object.defineProperty(bs,"__esModule",{value:true});var js=fs;bs.Authority=js.Authority;var Ts=ks;bs.Endpoint=Ts.Endpoint;var _s=Ss;bs.Locator=_s.Locator;var Ds=ps;bs.User=Ds.User;var Ls={};var Os={};var As={};Object.defineProperty(As,"__esModule",{value:true});class Ms{}As.Device=Ms;Object.defineProperty(Os,"__esModule",{value:true});const Es=As;class Rs extends Es.Device{}Os.InDevice=Rs;Object.defineProperty(Ls,"__esModule",{value:true});const $s=Os;class Ps extends $s.InDevice{static addOpener(t,e){if(!e)e=0;Ps.openers.push({open:t,priority:e});Ps.openers=Ps.openers.sort(((t,e)=>e.priority-t.priority))}static open(t){let e;let o=0;do{e=Ps.openers[o++].open(t)}while(!e&&o<Ps.openers.length);return e}}Ls.Reader=Ps;Ps.openers=[];Object.defineProperty(ys,"__esModule",{value:true});const Fs=bs;const Hs=Vo;const Ns=Ls;var Us=Ls;ys.Reader=Us.Reader;class Ys extends Ns.Reader{constructor(t){super();this.backend=t;this.buffer=[];this.lastContent="";this.lastMark=this.locationValue=this.backend.location}get tabSize(){return this.backend.tabSize}set tabSize(t){this.backend.tabSize=t}get readable(){return!!this.backend}get opened(){return!!this.backend}get isEmpty(){return(this.buffer.length==0||this.buffer[0].data=="\0")&&this.backend.isEmpty}get resource(){const t=this.location;return t?t.resource:Fs.Locator.empty}get location(){return this.locationValue}get region(){return new Hs.Region(this.resource,this.lastMark,this.location,this.lastContent)}close(){return this.backend.close()}peek(t){if(!t)t=1;let e;while(t>this.buffer.length&&(e=this.backend.read()))this.buffer.push({data:e,location:this.backend.location});return this.buffer.length==0?undefined:this.buffer.slice(0,t>this.buffer.length?this.buffer.length:t).map((t=>t.data)).join("")}read(t){if(!t)t=1;const e=this.peek(t);if(e&&e.length>0){this.locationValue=this.buffer[e.length-1].location;this.buffer.splice(0,e.length);this.lastContent+=e}return e}peekIs(t,e){let o;if(t)if(typeof t=="string"){const s=t;while(e&&e-- >0)t+=s;o=this.peek(t.length)==t?t:undefined}else if(t.length>0&&!(o=this.peekIs(t[0]))&&t.length)o=this.peekIs(t.slice(1));return o}readIf(t){let e;if(t)if(typeof t=="string")e=this.peek(t.length)==t&&this.read(t.length)||undefined;else if(t.length>0&&!(e=this.readIf(t[0]))&&t.length)e=this.readIf(t.slice(1));return e}readAll(){let t="";while(this.peek())t+=this.read();return t!=""?t:undefined}mark(){const t=this.region;this.lastMark=this.location;this.lastContent="";return t}static create(t){return t?new Ys(t):undefined}}ys.BufferedReader=Ys;var Ws={};var Bs={};var Vs=Wo&&Wo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(Bs,"__esModule",{value:true});function Gs(t){return Vs(this,void 0,void 0,(function*(){}))}Bs.close=Gs;function Ks(t){return Vs(this,void 0,void 0,(function*(){}))}Bs.fsync=Ks;function Zs(t,e,o){return Vs(this,void 0,void 0,(function*(){return 0}))}Bs.open=Zs;function qs(t,e,o,s){return Vs(this,void 0,void 0,(function*(){return{bytesWritten:0}}))}Bs.write=qs;function Xs(t,e){return{isDirectory:()=>false}}Bs.lstatSync=Xs;function Js(t){return[]}Bs.readdirSync=Js;function Qs(t,e){return""}Bs.readFileSync=Qs;var ti={};Object.defineProperty(ti,"__esModule",{value:true});const ei="/";ti.sep=ei;var oi={};var si=Wo&&Wo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(oi,"__esModule",{value:true});const ii=Vo;const ai=bs;const ni=Ls;class li extends ni.Reader{constructor(t,e){super();this.content=t;this.resource=e;this.tabSize=2;this.count=0;this.line=1;this.column=1;this.lastContent="";this.readable=true;this.content+="\0";this.lastPosition=this.location}get opened(){return this.count+1>=this.content.length}get isEmpty(){return this.opened}get location(){return new ii.Location(this.resource,this.line,this.column)}get region(){return new ii.Region(this.resource,this.lastPosition,this.location,this.lastContent)}close(){return si(this,void 0,void 0,(function*(){const t=!(yield this.isEmpty);if(t)this.count=this.content.length;return t}))}read(){let t;if(this.count<this.content.length)t=this.content.charAt(this.count);else if(this.count==this.content.length)t=undefined;this.count++;if(t){switch(t){case"\n":this.line++;this.column=1;break;case"\t":this.column+=this.tabSize;break;default:this.column++;break}this.lastContent+=t}return t}mark(){const t=this.region;this.lastPosition=this.location;this.lastContent="";return t}static create(t,e){return t!=undefined?new li(t,e||ai.Locator.empty):undefined}}oi.StringReader=li;Object.defineProperty(Ws,"__esModule",{value:true});const ri=Bs;const ci=ti;const hi=bs;const di=Ls;const mi=oi;class ui extends di.Reader{constructor(t){super();this.backend=t}get tabSize(){return this.backend.tabSize}set tabSize(t){this.backend.tabSize=t}get readable(){return this.backend.readable}get opened(){return this.backend.opened}get isEmpty(){return this.backend.isEmpty}get resource(){return this.backend?this.backend.resource:hi.Locator.empty}get location(){return this.backend.location}get region(){return this.backend.region}close(){return this.backend.close()}read(){return this.backend.read()}mark(){return this.backend.mark()}static open(t){let e;if(t&&(t.scheme.length==0||t.scheme.length==1&&t.scheme[0]=="file"))try{e=mi.StringReader.create(ri.readFileSync((t.isRelative?"":ci.sep)+t.path.join(ci.sep),"utf-8"),t)}catch(e){console.log(`Failed to open file: ${t.toString()}`)}return e?new ui(e):undefined}}Ws.FileReader=ui;di.Reader.addOpener((t=>ui.open(t)),10);var yi={};var bi=Wo&&Wo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(yi,"__esModule",{value:true});const fi=Bs;const pi=ti;const gi=bs;const ki=Vo;const vi=Ls;const wi=Ws;class xi extends vi.Reader{constructor(t){super();this.files=t;this.tabSizeValue=2;this.lastLocation=new ki.Location(gi.Locator.empty,0,0)}get tabSize(){return this.tabSizeValue}set tabSize(t){this.tabSizeValue=t;if(this.current)this.current.tabSize=t}get readable(){return this.current!=undefined&&this.current.readable||this.files.length>0}get opened(){return this.current!=undefined||this.files.length>0}get isEmpty(){return this.files.length==0&&(!this.current||this.current.isEmpty)}get resource(){return this.current?this.current.resource:this.lastLocation.resource}get location(){return this.current?this.current.location:this.lastLocation}get region(){return this.current?this.current.region:new ki.Region(this.resource)}close(){return bi(this,void 0,void 0,(function*(){return this.current!=undefined&&(yield this.current.close())}))}read(){let t;if(!this.current&&this.files.length>0){this.current=wi.FileReader.open(this.files.shift());this.current.tabSize=this.tabSize}if(this.current){t=this.current.read();if(t==undefined||t=="\0"){this.current.close();this.current=undefined}}this.lastLocation=this.location;return t}mark(){return this.current?this.current.mark():new ki.Region(this.resource)}static getFiles(t,e,o=[]){let s=[];const i=fi.readdirSync(t);i.forEach((i=>{const a=t+pi.sep+i;if(o.indexOf(a)==-1){if(fi.lstatSync(a).isDirectory())s=s.concat(xi.getFiles(a,e,o));else if(i.length>e.length&&i.lastIndexOf(e,i.length-e.length)===i.length-e.length)s.push(a)}}));return s}static open(t){let e;try{if(t&&(t.scheme.length==0||t.scheme.length==1&&t.scheme[0]=="file")&&t.isFolder||t.name.match("*"))e=xi.getFiles((t.isRelative?"":pi.sep)+t.folder.path.join(pi.sep),t.extension)}catch(t){}return e?new xi(e.map((t=>new gi.Locator(["file"],undefined,t.split(pi.sep))))):undefined}}yi.FolderReader=xi;vi.Reader.addOpener((t=>xi.open(t)),0);var Ci={};var Si={};var zi={};var Ii={};Object.defineProperty(Ii,"__esModule",{value:true});function*ji(t){let e;while((e=t())!=undefined)yield e}function Ti(t){return t.next instanceof Function}function*_i(t,e){let o;while(!(o=t.next()).done)yield o.value;if(Ti(e))while(!(o=e.next()).done)yield o.value;else yield e}class Di{constructor(t){this.iterator=t instanceof Function?ji(t):t}get length(){let t=0;while(!this.next().done)t++;return t}get last(){return this.nextValue&&!this.nextValue.done?this.nextValue.value:undefined}fetch(){const t=this.next();return t.done?undefined:t.value}next(t){return this.nextValue=this.iterator.next(t)}append(t){return new Di(_i(this,t))}map(t){return new Di((()=>{const e=this.fetch();return e!=undefined?t(e):undefined}))}reduce(t,e){const o=this.fetch();return o?this.reduce(t,t(e,o)):e}apply(t){const e=this.fetch();if(e){t(e);this.apply(t)}}filter(t){return new Di((()=>{let e;do{e=this.fetch()}while(e!=undefined&&!t(e));return e}))}toArray(){const t=this.fetch();let e;if(!t)e=[];else{e=this.toArray();e.unshift(t)}return e}static from(t){return new Di(t)}}Ii.Enumerator=Di;Di.empty=Di.from((()=>undefined));var Li={};Object.defineProperty(Li,"__esModule",{value:true});const Oi=Ii;function Ai(t){return t==null?false:typeof t[Symbol.iterator]==="function"}class Mi{constructor(t){this.get=t}get length(){return this.get().length}get first(){return this.get().fetch()}get last(){return this.get().last}getEnumerator(){return new Oi.Enumerator(this.get())}[Symbol.iterator](){return this.getEnumerator()}append(t){return new Mi((()=>this.get().append(t)))}map(t){return new Mi((()=>this.get().map(t)))}reduce(t,e){return this.get().reduce(t,e)}apply(t){this.get().apply(t)}filter(t){return new Mi((()=>this.get().filter(t)))}toArray(){return this.getEnumerator().toArray()}static from(t){return Ai(t)?new Mi((()=>new Oi.Enumerator(t[Symbol.iterator]()))):new Mi((()=>{const e=t();return e instanceof Oi.Enumerator?e:new Oi.Enumerator(e)}))}}Li.Enumerable=Mi;Mi.empty=Mi.from([]);var Ei={};Object.defineProperty(Ei,"__esModule",{value:true});const Ri=Ii;class $i extends Ri.Enumerator{constructor(t){super((()=>this.position<this.backend.length?this.backend[this.position++]:undefined));this.backend=t;this.position=0}}Ei.ArrayEnumerator=$i;var Pi={};Object.defineProperty(Pi,"__esModule",{value:true});const Fi=Ii;class Hi extends Fi.Enumerator{constructor(t){super((()=>{const t=this.peek(0);if(this.buffer.length>0)this.buffer.shift();return t}));this.backend=t;this.buffer=[]}peek(t){if(!t)t=0;let e;while(t>this.buffer.length-1&&(e=this.backend.fetch()))this.buffer.push(e);return t>this.buffer.length-1?undefined:this.buffer[t]}}Pi.BufferedEnumerator=Hi;var Ni={};Object.defineProperty(Ni,"__esModule",{value:true});class Ui{static padLeft(t,e,o){return Ui.pad(t,e,o,true)}static padRight(t,e,o){return Ui.pad(t,e,o,false)}static pad(t,e,o,s){let i="";const a=o-t.length;for(let t=0;t<a;t++)i+=e;return s?i+t:t+i}}Ni.String=Ui;Object.defineProperty(zi,"__esModule",{value:true});var Yi=Ii;zi.Enumerator=Yi.Enumerator;var Wi=Li;zi.Enumerable=Wi.Enumerable;var Bi=Ei;zi.ArrayEnumerator=Bi.ArrayEnumerator;var Vi=Pi;zi.BufferedEnumerator=Vi.BufferedEnumerator;var Gi=Ni;zi.String=Gi.String;var Ki={};Object.defineProperty(Ki,"__esModule",{value:true});const Zi=As;class qi extends Zi.Device{}Ki.OutDevice=qi;var Xi=Wo&&Wo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(Si,"__esModule",{value:true});const Ji=bs;const Qi=zi;const ta=Ki;class ea extends ta.OutDevice{constructor(){super(...arguments);this.newLineSymbol="\n"}write(t){return Xi(this,void 0,void 0,(function*(){return t instanceof Qi.Enumerator?this.writeImplementation(t):t instanceof Array?this.writeImplementation(new Qi.ArrayEnumerator(t)):this.writeImplementation(new Qi.ArrayEnumerator([t]))}))}writeLine(t){return Xi(this,void 0,void 0,(function*(){return t instanceof Qi.Enumerator?this.writeImplementation(t.append(this.newLineSymbol)):t instanceof Array?this.writeImplementation(new Qi.ArrayEnumerator([...t,this.newLineSymbol])):t?this.writeImplementation(new Qi.ArrayEnumerator([t,this.newLineSymbol])):this.writeImplementation(new Qi.ArrayEnumerator([this.newLineSymbol]))}))}static addOpener(t,e){if(!e)e=0;ea.openers.push({open:t,priority:e});ea.openers=ea.openers.sort(((t,e)=>e.priority-t.priority))}static open(t){return Xi(this,void 0,void 0,(function*(){let e;if(typeof t=="string"){const o=Ji.Locator.parse(t);e=o?yield ea.open(o):undefined}else{let o=0;do{e=yield ea.openers[o++].open(t)}while(!e&&o<ea.openers.length)}return e}))}}Si.Writer=ea;ea.openers=[];Object.defineProperty(Ci,"__esModule",{value:true});const oa=Si;class sa extends oa.Writer{constructor(t){super();this.backend=t;this.autoFlush=true;this.indentionSymbol="\t";this.indentionCount=0;this.indentNext=false}get resource(){return this.backend.resource}get opened(){return this.backend.opened}get writable(){return this.backend.writable}flush(){return this.backend.flush()}close(){return this.backend.close()}increase(){this.indentionCount++;return true}decrease(){this.indentionCount--;return this.indentionCount>=0}getIndention(){return this.indentionSymbol.repeat(this.indentionCount)}writeImplementation(t){const e=[];let o;let s=t.fetch();if(s)do{o=s;s=t.fetch();if(this.indentNext)o=this.getIndention()+o;this.indentNext=o.endsWith(this.newLineSymbol);o=o.replace(this.newLineSymbol,this.newLineSymbol+this.getIndention());if(this.indentNext)o=o.substring(0,o.length-this.indentionCount*this.indentionSymbol.length);e.push(this.backend.write(o))}while(s);return Promise.all(e).then((t=>t.reduce(((t,e)=>t&&e),true)))}}Ci.Indenter=sa;var ia={};Object.defineProperty(ia,"__esModule",{value:true});const aa=Ls;const na=ys;class la extends aa.Reader{constructor(t,e){super();this.prefix=e;this.done=false;this.backend=t instanceof na.BufferedReader?t:na.BufferedReader.create(t)}get tabSize(){return this.backend.tabSize}set tabSize(t){this.backend.tabSize=t}get readable(){return this.backend.readable}get opened(){return this.backend.opened}get isEmpty(){return this.done||this.backend.isEmpty}get resource(){return this.backend.resource}get location(){return this.backend.location}get region(){return this.backend.region}close(){return this.backend.close()}read(){let t;if(!this.done){t=this.backend.read();this.done=t=="\n"&&!this.backend.readIf(this.prefix)&&!this.backend.peekIs("\n")}return t}mark(){return this.backend.mark()}static create(t,e){return t&&e?new la(t,e):t}}ia.PrefixReader=la;var ra={};var ca=Wo&&Wo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(ra,"__esModule",{value:true});const ha=Bs;const da=ti;const ma=Si;class ua extends ma.Writer{constructor(t,e){super();this.resource=t;this.descriptor=e;this.autoFlush=false}get opened(){return this.descriptor>0}get writable(){return this.descriptor>0}flush(){return ca(this,void 0,void 0,(function*(){let t=true;try{yield ha.fsync(this.descriptor)}catch(e){t=false}return t}))}close(){return ca(this,void 0,void 0,(function*(){let t=this.opened;if(t){try{yield ha.close(this.descriptor)}catch(e){t=false}this.descriptor=0}return t}))}writeImplementation(t){return ca(this,void 0,void 0,(function*(){let e=true;const o=Buffer.from(t.reduce(((t,e)=>t+e),""));try{const t=yield ha.write(this.descriptor,o,0,"utf8");e=t.bytesWritten==o.length}catch(t){e=false}return e&&(!this.autoFlush||(yield this.flush()))}))}static open(t){return ca(this,void 0,void 0,(function*(){let e;if(t&&(t.scheme.length==0||t.scheme.length==1&&t.scheme[0]=="file"))try{e=yield ha.open((t.isRelative?"":da.sep)+t.path.join(da.sep),"w")}catch(t){e=undefined}return e?new ua(t,e):undefined}))}}ra.FileWriter=ua;ma.Writer.addOpener(ua.open);var ya={};Object.defineProperty(ya,"__esModule",{value:true});const ba=Ls;const fa=ys;class pa extends ba.Reader{constructor(t,e){super();this.endMark=e;this.done=false;this.backend=t instanceof fa.BufferedReader?t:fa.BufferedReader.create(t);this.done=this.backend.peekIs(this.endMark)!=undefined}get tabSize(){return this.backend.tabSize}set tabSize(t){this.backend.tabSize=t}get readable(){return this.backend.readable}get opened(){return!this.done&&this.backend.opened}get isEmpty(){return this.done||this.backend.isEmpty}get resource(){return this.backend.resource}get location(){return this.backend.location}get region(){return this.backend.region}close(){const t=!this.done;if(t)this.done=true;return Promise.resolve(t)}read(){let t;if(!this.done){t=this.backend.read();this.done=this.backend.peekIs(this.endMark)!=undefined}return t}mark(){return this.backend.mark()}static create(t,e){return t&&e?new pa(t,e):t}}ya.TillReader=pa;var ga={};Object.defineProperty(ga,"__esModule",{value:true});const ka=Ls;const va=ys;class wa extends ka.Reader{constructor(t,e){super();this.endMark=e;this.done=-1;this.backend=t instanceof va.BufferedReader?t:va.BufferedReader.create(t);const o=this.backend.peekIs(this.endMark);if(o)this.done=o.length}get tabSize(){return this.backend.tabSize}set tabSize(t){this.backend.tabSize=t}get readable(){return this.backend.readable}get opened(){return!this.done&&this.backend.opened}get isEmpty(){return this.done==0||this.backend.isEmpty}get resource(){return this.backend.resource}get location(){return this.backend.location}get region(){return this.backend.region}close(){const t=this.done>0;if(t)this.done=0;return Promise.resolve(t)}read(){let t;if(this.done!=0){t=this.backend.read();let e;if(this.done>0)this.done--;else if(e=this.backend.peekIs(this.endMark))this.done=e.length}return t}mark(){return this.backend.mark()}static create(t,e){return t&&e?new wa(t,e):t}}ga.UntilReader=wa;Object.defineProperty(us,"__esModule",{value:true});var xa=ys;us.BufferedReader=xa.BufferedReader;var Ca=As;us.Device=Ca.Device;var Sa=Ws;us.FileReader=Sa.FileReader;var za=yi;us.FolderReader=za.FolderReader;var Ia=Ci;us.Indenter=Ia.Indenter;var ja=Os;us.InDevice=ja.InDevice;var Ta=Ki;us.OutDevice=Ta.OutDevice;var _a=ia;us.PrefixReader=_a.PrefixReader;var Da=Ls;us.Reader=Da.Reader;var La=oi;us.StringReader=La.StringReader;var Oa=ra;us.FileWriter=Oa.FileWriter;var Aa=ya;us.TillReader=Aa.TillReader;var Ma=ga;us.UntilReader=Ma.UntilReader;var Ea=Si;us.Writer=Ea.Writer;Object.defineProperty(Bo,"__esModule",{value:true});const Ra=Vo;var $a=Bo.Error=Ra;const Pa=us;var Fa=Bo.IO=Pa;const Ha=bs;Bo.Uri=Ha;const Na=zi;var Ua=Bo.Utilities=Na;class Ya extends Fa.BufferedReader{constructor(t,e){super(typeof t=="string"?Fa.StringReader.create(t):t);this.errorHandler=e}raise(t,e,o="lexical",s){if(!(t instanceof $a.Message)){if(!e)e=$a.Level.Critical;if(!s)s=this.region;t=new $a.Message(t,e,o,s)}if(this.errorHandler)this.errorHandler.raise(t)}requirePrefix(t){return new Ya(new Fa.PrefixReader(this,t),this.errorHandler)}till(t){return new Ya(Fa.TillReader.create(this,t),this.errorHandler)}until(t){return new Ya(Fa.UntilReader.create(this,t),this.errorHandler)}peekIsSymbol(t){return this.peekIs(t??["!","(",")","[","]","|","*",":",".","<=",">=","<",">"," * "," + "," - "," / ",","])?.length??false}peekIsWhitespace(){return!!this.peekIs([" ","\n","\t"])}}function Wa(t,e,o){const s=new Ya(t,e);return new Ua.Enumerator((()=>{let t;let e=1;if(!s.isEmpty){while(s.peekIsWhitespace()&&!s.peekIsSymbol(o))s.read();if(e=s.peekIsSymbol(o))t={value:s.read(e)||"",region:s.mark()};else{let e="";while(!s.isEmpty&&!s.peekIsWhitespace()&&!s.peekIsSymbol(o))e+=s.read();if(e)t={value:e,region:s.mark()}}}return t}))}class Ba{tokenize(t){return Wa(t,undefined,["!","(",")","[","]","|"," | ","*",":",".","<=",">=","<",">"," * "," + ","+"," - ","-"," / "]).map((t=>({value:t.value}))).toArray()}}class Va extends Ba{constructor(t){super();this.class="array";this.array=t}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;return Va.completor.flatMap((t=>t(s,this,e))).reduce(((t,e)=>t.some((t=>t.value==e.value&&t.cursor==e.cursor))?t:[...t,e]),[])}isType(t){return global.Array.isArray(t)}static add(...t){this.completor.push(...t)}static is(t){return t instanceof Va}}Va.completor=[];var Ga;(function(t){function e(t){return typeof t=="object"&&typeof t.start=="number"&&typeof t.end=="number"}t.is=e})(Ga||(Ga={}));var Ka;(function(t){function e(t){return t.map((t=>typeof t.cursor=="number"?t.value.slice(0,t.cursor)+"_"+t.value.slice(t.cursor,t.value.length):t.value+"_"))}t.stringify=e;function o(t,e,s){return Array.isArray(e)?e.map((e=>o(t,e,s))):{value:t+e.value+(s??""),cursor:typeof e?.cursor=="number"?e?.cursor+t.length:Ga.is(e.cursor)?{start:e.cursor.start+t.length,end:e.cursor.end+t.length}:e.value.length+t.length,suggestion:e.suggestion}}t.prepend=o})(Ka||(Ka={}));class Za extends Ba{constructor(){super();this.class="boolean"}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;const i=o?Za.literals.filter((t=>t.value.startsWith(s[0]?.value??""))):s[0]?.value==":"?Ka.prepend(":",Za.literals.filter((t=>t.value.startsWith(s[1]?.value??"")))):[];return[...i??[],...(o?[]:Za.completor).flatMap((t=>t(s,this,e))).reduce(((t,e)=>t.some((t=>t.value==e.value&&t.cursor==e.cursor))?t:[...t,e]),[])]}isType(t){return typeof t=="boolean"}static add(...t){this.completor.push(...t)}}Za.literals=[{value:"true",suggestion:{value:"true"}},{value:"false",suggestion:{value:"false"}}];Za.completor=[];var qa;(function(t){function e(t,e,o){return t.length==0?[{value:":",suggestion:{value:":"}}]:t.length<=3&&t[0].value==":"&&o.value.startsWith(t[1]?.value??"")&&(t[2]?.value??"(")=="("?Ka.prepend(":",[o]):t.length<=4&&t.slice(0,4).reduce(((t,e)=>t+e.value),"")==":"+o.value?Ka.prepend(":"+o.value.substring(0,o.value.length-1),e(),")"):t.length==5&&t.slice(0,3).reduce(((t,e)=>t+e.value),"")+t[4].value==":"+o.value?Ka.prepend(":"+o.value.substring(0,o.value.length-1),e(t.slice(3,t.length-1)),")"):t.length>5&&t.slice(0,3).reduce(((t,e)=>t+e.value),"")+t[t.length-1].value==":"+o.value?Ka.prepend(":"+o.value.substring(0,o.value.length-1),e(t.slice(3,t.length-1)),")"):[]}t.functions=e;function o(t,e,o){return t.length==0?[{value:":",suggestion:{value:":"}}]:t[0].value!=":"?[]:t.length==1?Ka.prepend(":",[o]):Ka.prepend(":",e(t.slice(1)))}t.expressions=o;function s(t,e,o){return t.length>=1&&t[0].value==o.value?Ka.prepend(o.value,e(t.slice(1))):t.length==0||t.length==1&&o.value.startsWith(t[0].value)||t[0].value==o.value.replace(/ /g,"")?[o]:[]}t.operators=s})(qa||(qa={}));class Xa extends Ba{constructor(t){super();this.input=t;this.class="number";if(t)this.value=t}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;return[...s.length>0&&s[0].value==":"&&e?Ka.prepend(":",e.complete(s.slice(1),undefined,this)):e&&s.length>=0&&o?Ka.prepend(" ",e?.complete(s,undefined,undefined)):[],...(o?Xa.completorArgument:Xa.completor).flatMap((t=>t(s,this,e))).reduce(((t,e)=>t.some((t=>t.value==e.value&&t.cursor==e.cursor))?t:[...t,e]),[])]}isType(t){return isNaN(+t)?false:true}static add(...t){this.completor.push(...t)}static addArgument(...t){this.completorArgument.push(...t)}static is(t){return t instanceof Xa||!global.Number.isNaN(t)}}Xa.completor=[];Xa.completorArgument=[];class Ja extends Ba{constructor(t){super();this.properties=t;this.class="object";this.completions=Object.keys(this.properties).map((t=>({value:t,suggestion:{value:t}})))}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;let i;const a=this.filterByType(o);if(!e){const t=s.length>0?this.match(s[0],a):undefined;if(t)i=s.length>=1?Ka.prepend(t.value,this.properties[t.value].complete(s.slice(1),this,o)):[];else if(o&&s.length>2&&o.isType(s[0].value+s[1].value+s[2].value))i=Ka.prepend(s[0].value+s[1].value+s[2].value,o.complete(s.slice(3),this,o));else if(o&&s.length>0&&o.isType(s[0].value))i=Ka.prepend(s[0].value,o.complete(s.slice(1),this,o));else{let t;i=s.length==0?[...this.addDot(a,o),...o?.class=="number"?[]:Ja.wildcard]:s.length==1&&(t=Ja.wildcard.find((t=>t.value==s[0].value)))?Ka.prepend(t.value,this.completions,o?".":""):s.length>=1&&(t=Ja.wildcard.find((t=>t.value==s[0].value)))?Ka.prepend(t.value,this.complete(s.slice(1))):this.addDot(this.partial(s[0],a),o)}}else i=s.length==0?[{value:".",suggestion:{value:"."}}]:s[0].value!="."?[]:s.length==1?Ka.prepend(".",this.addDot(a,o)):this.properties[s[1].value]?Ka.prepend("."+s[1].value,this.properties[s[1].value].complete(s.slice(2),e,o)):Ka.prepend(".",this.addDot(this.partial(s[1],a),o));return[...i.reduce(((t,e)=>t.some((t=>t.value==e.value&&t.cursor==e.cursor))?t:[...t,e]),[]),...Ja.completor.flatMap((t=>t(s,this,e)))]}filterByType(t){return t?this.completions.filter((e=>this.properties[e.value].class==t.class||(this.properties[e.value].class=="object"?this.properties[e.value].filterByType(t).length>0:false))):this.completions}addDot(t,e){return!t?[]:e?t.map((t=>this.properties[t.value].class=="object"?{value:t.value+".",suggestion:{value:t.suggestion?.value+"."}}:t)):t}partial(t,e){const o=e.filter((e=>e.value.startsWith(t.value)));return o&&o.length>0?o:undefined}match(t,e){const o=e.filter((e=>e.value==t.value));return o&&o.length>0?o[0]:undefined}isType(t){return false}static add(...t){this.completor.push(...t)}}Ja.wildcard=[{value:"!",cursor:1,suggestion:{value:"!",description:"not"}}];Ja.completor=[];class Qa extends Ba{constructor(t){super();this.class="string";if(t)this.value=t}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;let i;if(o)i=this.value?.startsWith(s[0]?.value??"")?[{value:this.value,suggestion:{value:this.value}}]:undefined;else i=s.length==0||s[0].value!=":"?undefined:this.value?.startsWith(s[1]?.value??"")?[Ka.prepend(":",{value:this.value,suggestion:{value:this.value}})]:undefined;return[...i??[],...(o?[]:Qa.completor).flatMap((t=>t(s,this,e))).reduce(((t,e)=>t.some((t=>t.value==e.value&&t.cursor==e.cursor))?t:[...t,e]),[])]}isType(t){return typeof t.value=="string"}static add(...t){this.completor.push(...t)}static is(t){return t instanceof Qa}}Qa.completor=[];class tn extends Ba{constructor(t){super();this.type=t;this.class="union"}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;return this.type?this.type?.flatMap((t=>t?.complete(s,e,o)??[])):[]}isType(t){return t instanceof tn}static is(t){return t instanceof tn}}var en;(function(t){function e(t,e){const o=t.complete(e);return o.filter((t=>!e.includes(t.value)&&t.suggestion?.value)).map((t=>({full:t.value,cursor:t?.cursor??t.value.length,addon:t?.suggestion?.value,description:t?.suggestion?.description})))}t.complete=e;function o(t){let e;switch(typeof t){case"object":e=global.Array.isArray(t)?new Va(t.map((t=>o(t)))):new Ja(global.Object.entries(t).reduce(((t,e)=>({...t,[e[0]]:o(e[1])})),{}));break;case"string":e=new Qa(t);break;default:e=new Xa(t);break}return e}t.convert=o;t.Array=Va;t.Boolean=Za;t.Completion=Ka;t.Object=Ja;t.String=Qa;t.Number=Xa;t.Union=tn;t.Completor=qa})(en||(en={}));class on extends Oo{constructor(t){super();this.needle=t;this.precedence=Number.MAX_SAFE_INTEGER;this.class="EndsWith"}is(t){return typeof t=="string"&&t.endsWith(this.needle)}toString(){return`*${this.needle}`}}function sn(t,e){return qa.expressions(t,(t=>!t||t[0].value=="*"&&e.value&&e.value.endsWith(t[1]?.value??"")?[en.Completion.prepend("*",{value:e?.value??"",suggestion:{value:e?.value??""}})]:[]),{value:"*",suggestion:{value:"*",description:"endswith"}})}en.String.add(sn);class an extends Oo{constructor(t){super();this.criteria=t;this.precedence=100;this.class="Every"}is(t){return Array.isArray(t)&&t.every((t=>this.criteria.is(t)))}toString(){return`every(${this.criteria.toString()})`}}function nn(t,e){const o=t=>e.array.some(en.String.is)&&t?e.array.filter(en.String.is).map((e=>e.complete([{value:":"},...t]))).reduce(((t,e)=>Array.isArray(e)?t.concat(e):e?[...t,e]:t),[]):!t&&e.array.some(en.String.is)?e.array.filter(en.String.is).map((t=>({value:t?.value??""}))):e.array.some(en.Number.is)&&t?e.array.filter(en.Number.is).map((e=>e.complete(t))).reduce(((t,e)=>Array.isArray(e)?t.concat(e):e?[...t,e]:t),[]):!t&&e.array.some(en.Number.is)?e.array.filter(en.Number.is).map((t=>({value:(t?.value??"").toString()}))):[];return qa.functions(t,o,{value:"every()",cursor:6,suggestion:{value:"every()"}})}en.Array.add(nn);class ln extends Oo{constructor(t,e,o){super();this.identifier=t;this.argument=e;this.definition=o;this.precedence=85;this.class="FunctionCall"}is(t){return this.definition?.is(t)??true}toString(){return`${this.identifier}(${this.argument.join(", ")})`}}class rn{stringify(t=0){let e=this.toString();if(this.precedence<t)e="("+e+")";return e}}class cn extends rn{constructor(t,e){super();this.name=e;this.precedence=cn.precedence;this.class="Value";if(typeof t=="string")this.value=isNaN(+t.replace(",","."))?t:+t.replace(",",".");else this.value=t}toString(){return this.name?`${this.name?.toString()}.`+this.value.toString():this.value.toString()}evaluate(t){return t?this.get(t):+this.value}get(t){return typeof this.value=="string"?+t[this.value]:this.name&&typeof this.value=="object"?this.value.get(t[this.name]):+this.value}static create(t,e){return new cn(t,e)}}cn.precedence=19;class hn extends Oo{constructor(t){super();this.value=t;this.precedence=85;this.class="GreaterThan";this.symbol=">"}is(t,e){return(isNaN(+t)?t:+t)>(this.value instanceof cn&&typeof this.value.value=="string"&&this.value.value.includes("-")||typeof this.value!="object"?this.value:this.value.evaluate(e))}toString(){return this.value.toString()}}function dn(t,e,o){return en.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:">",suggestion:{value:">"}})}en.Number.add(dn);en.String.add(dn);class mn extends Oo{constructor(t){super();this.value=t;this.precedence=85;this.class="GreaterThanOrEqual";this.symbol=">="}is(t,e){return(isNaN(+t)?t:+t)>=(this.value instanceof cn&&typeof this.value.value=="string"&&this.value.value.includes("-")||typeof this.value!="object"?this.value:this.value.evaluate(e))}toString(){return this.value.toString()}}function un(t,e,o){return en.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:">=",suggestion:{value:">="}})}en.Number.add(un);en.String.add(un);class yn extends Oo{constructor(t){super();this.property=t;this.precedence=85;this.class="Has"}is(t,e){return typeof t=="object"&&t?Object.entries(t).some((t=>{e=typeof e=="string"?e:this.property;return t[0]==e?true:typeof t[1]=="object"&&t[1]?this.is(t[1],e.includes(".")&&e.split(".")[0]==t[0]?e.split(".")[1]:undefined):false})):false}toString(){return`has(${this.property})`}}function bn(t,e,o){return o&&e?.class=="object"?qa.functions(t,(t=>e.completions.filter((e=>e.value.startsWith(t?t[0].value:"")))),{value:"has()",cursor:4,suggestion:{value:"has()"}}):[]}en.Object.add(bn);class fn extends Oo{constructor(t){super();this.needle=t;this.precedence=Number.MAX_SAFE_INTEGER;this.class="Includes"}is(t){return typeof t=="string"&&t.includes(this.needle)}toString(){return`*${this.needle}*`}}function pn(t,e){const o=new fn(t);return e?o.is(e):o}function gn(t,e){return qa.expressions(t,(t=>!t||t.length==3&&e.value?.includes(t[1].value)&&e.value!=t[1].value||t.length==2&&t[0].value+t[1].value=="**"?[en.Completion.prepend("*",{value:e?.value??"",suggestion:{value:e?.value??""}},"*")]:t.length==1&&t[0].value=="*"?[{value:"**",suggestion:{value:"**",description:"includes"}}]:[]),{value:"**",cursor:1,suggestion:{value:"**",description:"includes"}})}en.String.add(gn);class kn extends Oo{constructor(t){super();this.criteria=t;this.precedence=100;this.class="Some"}is(t,e){return Array.isArray(t)&&t.some((t=>this.criteria.is(t,e)))}toString(){return`some(${this.criteria.toString()})`}}function vn(t,e){const o=new kn($o(t));return e?o.is(e):o}function wn(t,e,o){return t.length==0?[{value:":",suggestion:{value:":"}}]:t[0].value!=":"?[]:t.length==1&&t[0].value==":"?en.Completion.prepend(":",e.array.filter(en.String.is).filter((t=>t.value&&t.value!="string")).map((t=>({value:t?.value??"",suggestion:{value:t?.value??""}})))):t.length==2&&t[0].value==":"?en.Completion.prepend(":",e.array.filter(en.String.is).filter((e=>e.value&&e.value!="string"&&e.value.startsWith(t[1].value))).map((t=>({value:t?.value??"",suggestion:{value:t?.value??""}})))):[]}en.Array.add(wn);class xn extends Oo{constructor(t){super();this.value=t;this.precedence=Number.MAX_SAFE_INTEGER;this.class="Is";this.symbol=":"}is(t,e){return Array.isArray(t)&&Yo(this.value)?vn(this.value,t):(typeof t=="boolean"?t.toString():isNaN(+t)?t:+t)==(typeof this.value=="object"?this.value.evaluate(e):this.value)}toString(){return this.value.toString()}}Mo((t=>typeof t=="bigint"||typeof t=="boolean"||typeof t=="number"||typeof t=="string"?new xn(t):undefined));class Cn extends Oo{constructor(t){super();this.value=t;this.precedence=85;this.class="LesserThan";this.symbol="<"}is(t,e){return(isNaN(+t)?t:+t)<(this.value instanceof cn&&typeof this.value.value=="string"&&this.value.value.includes("-")||typeof this.value!="object"?this.value:this.value.evaluate(e))}toString(){return this.value.toString()}}function Sn(t,e,o){return en.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:"<",suggestion:{value:"<"}})}en.Number.add(Sn);en.String.add(Sn);class zn extends Oo{constructor(t){super();this.value=t;this.precedence=85;this.class="LesserThanOrEqual";this.symbol="<="}is(t,e){return(isNaN(+t)?t:+t)<=(this.value instanceof cn&&typeof this.value.value=="string"&&this.value.value.includes("-")||typeof this.value!="object"?this.value:this.value.evaluate(e))}toString(){return this.value.toString()}}function In(t,e,o){return en.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:"<=",suggestion:{value:"<="}})}en.Number.add(In);en.String.add(In);function jn(t,e){return qa.expressions(t,(t=>t&&t?.length==1&&t[0].value=="/"?[{value:"//",cursor:1}]:[]),{value:"//",cursor:1,suggestion:{value:"//",description:"match"}})}en.String.add(jn);class Tn extends Oo{constructor(t){super();this.criteria=t;this.precedence=Tn.precedence;this.class="Not"}is(t){return!this.criteria.is(t)}toString(){return`!${this.criteria.stringify(this.precedence)}`}}Tn.precedence=90;function _n(t,e){const o=new Tn($o(t));return e?o.is(e):o}function Dn(t,e,o){return e&&e.class!="object"&&o?qa.expressions(t,(t=>t[0].value!="!"?[]:en.Completion.prepend("!",e.complete(t.slice(1),o,e))),{value:"!",cursor:1,suggestion:{value:"!",description:"not"}}):[]}en.String.add(Dn);en.Number.add(Dn);en.Boolean.add(Dn);en.Object.add(Dn);class Ln extends Oo{constructor(t){super();this.precedence=Ln.precedence;this.class="Or";this.criteria=t.reduce(((t,e)=>e instanceof Ln?[...t,...e.criteria]:[...t,e]),[])}is(t){return this.criteria.some((e=>e.is(t)))}toString(){return this.criteria.map((t=>t.stringify(this.precedence))).join(" | ")}}Ln.precedence=30;function On(t,e,o){return en.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,undefined):[]),{value:" | ",suggestion:{value:"|",description:"or"}})}en.Number.addArgument(On);class An extends Ua.BufferedEnumerator{constructor(t,e){super(Array.isArray(t)?new Ua.ArrayEnumerator(t):t);this.errorHandler=e}clone(t="(",e=")"){let o=0;return new An(new Ua.Enumerator((()=>{let s;if(this.peekIs(t))o++;else if(this.peekIs(e))o--;if(o>=0)s=this.fetch();return s})),this)}peekIs(...t){return t.every(((t,e)=>{const o=this.peek(e);return o&&o.value&&An.is(t,o.value)}))}fetchIf(...t){const e=[];if(this.peekIs(...t))t.forEach((t=>e.push(this.fetch())));return t.length==1?e.length==1?e[0]:undefined:t.length==e.length?e:undefined}mark(){return Ua.Enumerable.from(Ua.Enumerable.empty)}raise(t,e=$a.Level.Critical,o="grammatical",s){if(typeof t=="string"){if(!s&&this.last)s=this.last.region;t=new $a.Message(t,e,o,s)}this.errorHandler.raise(t)}static is(t,e){return Array.isArray(t)?t.some((t=>An.is(t,e))):typeof t!="string"?t.test(e):t.startsWith("!")&&t!="!"?!An.is(t.substring(1),e):t=="any"?An.symbol.every((t=>t!=e)):t=="symbol"?An.symbol.some((t=>t==e)):t=="identifier"?/[A-Za-z][A-Za-z0-9_]*/.test(e):t==e}}An.wildcard=["*","?"];An.separator=["(",")","."];An.operator=["!","|"];An.comparator=["<","<=",">",">=",":"];An.binaryOperator=[" * "," + "," - "];An.symbol=[...An.wildcard,...An.separator,...An.operator,...An.comparator];function Mn(t,e){if(typeof t=="string"){e=e||new $a.ConsoleHandler;const o=Wa(t,e).toArray();t=new An(o,e)}e=e instanceof Oo?e:undefined;const o=[];while(t.peek()){if(t.fetchIf("|"))o[o.length-1]=new Ln([o[o.length-1],En(0,t)]);else o.push(En(0,t))}return o.length==1?o[0]:new Ho(o)}function En(t,e){let o;const s=typeof t=="number"?e=>t<e:e=>t.precedence>e;const i=typeof t=="number"?undefined:t;for(const t of Rn)if(s(t[1]||Number.MAX_SAFE_INTEGER)){const s=t[0](e,i);if(s){o=En(s,e);break}}return o||i||new Ho([])}const Rn=[];function $n(t,e){Rn.push([t,e])}function Pn(t,e){if(typeof t=="string"){e=e||new $a.ConsoleHandler;const o=Wa(t,e).toArray();t=new An(o,e)}e=e instanceof rn?e:undefined;let o;let s=false;let i=false;while(!o!=s&&!i&&t.peek()){let e=1;s=false;i=false;while(!s&&!i&&t.peek(e)){s=An.binaryOperator.some((o=>t.peek(e)?.value==o));i=An.comparator.some((o=>t.peek(e)?.value==o));e++}o=Fn(o??Number.MAX_SAFE_INTEGER,t)}if(!o)t.raise("Missing Expression");return o??new cn(NaN)}function Fn(t,e){let o;const s=typeof t=="number"?undefined:t;for(const s of Hn){const i=s[0](e,t);if(i){o=i;break}}return o||s}const Hn=[];function Nn(t,e){Hn.push([t,e])}$n((t=>{const e=t.fetchIf(":","every","(")&&new an(Mn(t.clone()));if(e&&!t.fetchIf(")"))t.raise("Missing end of parenthesis.");return e}));$n((t=>{const e=t.fetchIf(":","some","(")&&new kn(Mn(t.clone()));if(e&&!t.fetchIf(")"))t.raise("Missing end of parenthesis.");return e}));$n(Un(Mn));Nn(Un(Pn));function Un(t){return e=>{const o=e.fetchIf("(")&&t(e.clone());if(o&&!e.fetchIf(")"))e.raise("Missing end of parenthesis.");return o}}$n((t=>t.fetchIf(">")&&new hn(Pn(t))));$n((t=>t.fetchIf(">=")&&new mn(Pn(t))));$n((t=>t.fetchIf("<")&&new Cn(Pn(t))));$n((t=>t.fetchIf("<=")&&new zn(Pn(t))));$n((t=>t.fetchIf("!")&&new Tn(En(Tn.precedence,t))));$n((t=>{const e=t.fetchIf("has","(","any",")")||t.fetchIf(":","has","(","any",")");return e&&new yn(e.length==4?e[2].value:e[3].value)}));class Yn extends Oo{constructor(t){super();this.value=t;this.precedence=85;this.class="Within"}is(t){return this.value.includes(t)}toString(){return`within(${this.value.join(", ")})`}}function Wn(t,e){const o=new Yn(t);return e?o.is(e):o}function Bn(t,e,o){return o&&e?.class?qa.functions(t,(t=>[]),{value:"within()",cursor:7,suggestion:{value:"within()"}}):[]}en.String.add(Bn);en.Number.add(Bn);$n((t=>{const e=t.fetchIf(":","within","(");let o;if(e&&t.peek()){o=[t.fetch()?.value??""];while(t.fetchIf(","))o.push(t.fetchIf("any")?.value??"");if(!t.fetchIf(")"))t.raise("Missing end of parenthesis.")}return e&&o?new Yn(o):undefined}));class Vn extends Oo{constructor(t){super();this.criteria=t;this.precedence=85;this.class="Contains"}is(t,e){return Array.isArray(t)&&this.criteria.every((e=>t.some((t=>e==t))))}toString(){return`contains(${this.criteria.join(", ")})`}}function Gn(t,e){const o=new Vn(t);return e?o.is(e):o}function Kn(t,e,o){return qa.functions(t,(()=>[]),{value:"contains()",cursor:9,suggestion:{value:"contains()"}})}en.Array.add(Kn);$n((t=>{const e=t.fetchIf(":","contains","(");const o=[];if(e&&t.peek()){do{o.push(t.fetchIf("any")?.value??"")}while(t.fetchIf(","));if(!t.fetchIf(")"))t.raise("Missing end of parenthesis.")}return e&&o.length>0?new Vn(o):undefined}));$n((t=>{const e=t.peek(3)?.value;const o=[")",",","("].find((t=>t==e))||t.peek(2)?.value==")"?t.fetchIf("identifier","("):undefined;let s;if(o&&t.peek()){s=[t.fetchIf(/[A-Za-z0-9_\.\-]+/)?.value??""];while(t.fetchIf(","))s.push(t.fetchIf(/[A-Za-z0-9_\.\-]+/)?.value??"");if(!t.fetchIf(")"))t.raise("Missing end of parenthesis.")}return o&&s?new ln(o[0].value,s):undefined}));class Zn extends Oo{constructor(t,e){super();this.name=t;this.criteria=e;this.precedence=Zn.precedence;this.class="Property";this.symbol="."}is(t,e){return!this.criteria?t==e?.[this.name]:typeof t=="object"?this.criteria.is(t[this.name],e??t):this.criteria.is(t,e?.[this.name])}toString(){return`${this.name}${this.criteria?this.criteria.symbol??":":""}${this.criteria?.stringify(this.precedence)??""}`}}Zn.precedence=80;function qn(t,e,o){const s=(Array.isArray(t)?t:[t]).reduceRight(((t,e)=>new Zn(e,t)),$o(e));return o?s.is(o):s}Mo((t=>typeof t=="object"&&!(t instanceof Oo)&&!Array.isArray(t)?No(...Object.getOwnPropertyNames(t).map((e=>qn(e,t[e])))):undefined));$n((t=>{const e=[];let o;while(o=t.fetchIf("identifier","."))e.push(o[0].value);if(t.peekIs("identifier",An.comparator)&&(o=t.fetchIf("identifier")))e.push(o.value);return e.length>0?e.reduceRight(((t,e)=>new Zn(e,t)),t.peekIs("identifier")&&(o=t.fetchIf("identifier"))?new Zn(o.value):En(Zn.precedence,t)):undefined}));$n((t=>{const e=t.fetchIf(":","*","any","*")||t.fetchIf("*","any","*");return e&&new fn(e.length==4?e[2].value:e[1].value)}));class Xn extends Oo{constructor(t){super();this.needle=t;this.precedence=Number.MAX_SAFE_INTEGER;this.class="StartsWith"}is(t){return typeof t=="string"&&t.startsWith(this.needle)}toString(){return`${this.needle}*`}}function Jn(t,e){return qa.expressions(t,(t=>!t||t.length==1&&t[0].value=="*"||t.length==2&&t[1].value=="*"&&e.value&&e.value.startsWith(t[0]?.value??"")?[en.Completion.prepend("",{value:e?.value??"",suggestion:{value:e?.value??""}},"*")]:[]),{value:"*",cursor:0,suggestion:{value:"*",description:"startswith"}})}en.String.add(Jn);$n((t=>{const e=t.fetchIf(":","any","*")||t.fetchIf("any","*");return e&&new Xn(e?.length==3?e[1].value:e[0].value)}));$n((t=>{const e=t.fetchIf(":","*","any")||t.fetchIf("*","any");return e&&new on(e?.length==3?e[2].value:e[1].value)}));class Qn extends rn{toString(){const t=this.symbol;return this.left.stringify(Qn.getPrecedence(t))+` ${t} `+this.right.stringify(Qn.getPrecedence(t))}constructor(t,e,o,s){super();this.precedence=e;this.left=o;this.right=s;this.class="InfixOperator";this.symbol=t.replace(/ /g,"")}evaluate(t){let e;switch(this.getSymbol()){case"+":e=this.left.evaluate(t)+this.right.evaluate(t);break;case"-":e=this.left.evaluate(t)-this.right.evaluate(t);break;case"*":e=this.left.evaluate(t)*this.right.evaluate(t);break;default:e=NaN;break}return e}getSymbol(){return this.symbol}stringify(t=0){let e=this.toString();if(this.precedence<t)e="("+e+")";return e}static getPrecedence(t){let e;t=t?.replace(/ /g,"");switch(t){case"+":e=14;break;case"-":e=15;break;case"*":e=16;break;default:e=undefined;break}return e}static create(t,e,o){let s;const i=new Qn("+",14,e,o);const a=Qn.getPrecedence(t);if(a)s=new Qn(t,a,e,o);return s||i}}function tl(t,e,o){return[" + "," - "," * "].map((t=>({value:t,suggestion:{value:t}}))).map((s=>en.Completor.operators(t,(t=>t?o.complete(t,undefined,e):[]),s))).reduce(((t,e)=>t.concat(e)),[])}en.Number.addArgument(tl);Nn(((t,e)=>{let o;const s=t.peekIs(An.binaryOperator)&&t.fetch().value;let i;if(s&&typeof e=="object"){let a;let n;let l=0;i=Qn.getPrecedence(s);while(!n&&t.peek(l)){n=t.peek(l)?.value=="("?Number.MAX_SAFE_INTEGER:Qn.getPrecedence(t.peek(l)?.value);l++}if(n&&i<n){a=Fn(i,t);if(!a){t.raise("Missing right hand side of "+s)}}else a=Fn(NaN,t);if(n&&i==n||n==Number.MAX_SAFE_INTEGER){o=Fn(new Qn(s,i,e,a),t)}else o=new Qn(s,i,e,a)}return o}));Nn(((t,e)=>{const o=[];let s;while(s=t.fetchIf("identifier","."))o.push(s[0].value);let i;if(o.length==0){s=t.fetchIf("any",".","any")||t.fetchIf("any",",","any")||t.fetchIf("any");i=s&&(Array.isArray(s)?new cn(+s.map((t=>t.value.replace(",","."))).join("")):new cn(s.value))}else{s=t.fetchIf("identifier");const e=new cn(s?s.value:0);i=o.length>0?o.reduceRight(((t,e)=>new cn(isNaN(+t)?t:+t,e)),e):undefined}if(i&&typeof e=="number"&&!isNaN(e)&&e!=Number.MAX_SAFE_INTEGER)i=Fn(i,t);return i}));$n((t=>{let e;if(t.fetchIf(":")){let o=false;let s=false;let i=1;while(!o&&!s&&t.peek(i)){o=An.binaryOperator.some((e=>t.peek(i)?.value==e));s=An.comparator.some((e=>t.peek(i)?.value==e));i++}if(o)e=Pn(t)}const o=t.fetchIf("any");return e?new xn(e):o&&new xn(o.value)}));$n((t=>{t.raise(`Ignoring unknown token "${t.fetch()}"`);return undefined}));function el(t,e,o={input:[],identifier:[]}){return ol[e?.class]?.(t,e,o)??e}const ol={};function sl(t,e){ol[t]=e}sl("And",((t,e,o)=>new Ho(e.rules.map((e=>el(t,e,o))))));var il;(function(t){function e(t,e){let o=undefined;let s;const i=typeof t=="string"?t:t.toString();if(e&&e.input&&e.identifier&&e?.input?.length>0&&e?.identifier?.length>0&&e.identifier.includes(i)){s=e.identifier.indexOf(i);o=isNaN(+e.input[s])?e.input[s]:+e.input[s]}return o}t.argument=e})(il||(il={}));sl("EndsWith",((t,e,o)=>{const s=il.argument(e.needle,o);return s?new on(typeof s=="object"?s.value.toString():s.toString()):e}));sl("Every",((t,e,o)=>new an(el(t,e.criteria,o))));sl("FunctionCall",((t,e,o)=>{const s=t[e.identifier];const i=s?Mn(s.definition):undefined;const a=i?el(t,i,{input:o?.input?.concat(e.argument),identifier:o?.identifier?.concat(s.arguments)}):undefined;return new ln(e.identifier,e.argument,a)}));sl("GreaterThan",((t,e,o)=>{const s=il.argument(e.value,o);return s?new hn(s):e}));sl("GreaterThanOrEqual",((t,e,o)=>{const s=il.argument(e.value,o);return s?new mn(s):e}));sl("Has",((t,e,o)=>{const s=il.argument(e.property,o);return s?new yn(typeof s=="object"?s.value.toString():s.toString()):e}));sl("Includes",((t,e,o)=>{const s=il.argument(e.needle,o);return s?new fn(typeof s=="object"?s.value.toString():s.toString()):e}));sl("LesserThan",((t,e,o)=>{const s=il.argument(e.value,o);return s?new Cn(s):e}));sl("LesserThanOrEqual",((t,e,o)=>{const s=il.argument(e.value,o);return s?new zn(s):e}));sl("Not",((t,e,o)=>new Tn(el(t,e.criteria,o))));sl("Or",((t,e,o)=>new Ln(e.criteria.map((e=>el(t,e,o))))));sl("Property",((t,e,o)=>new Zn(e.name,e.criteria&&el(t,e.criteria,o))));sl("Some",((t,e,o)=>new kn(el(t,e.criteria,o))));sl("StartsWith",((t,e,o)=>{const s=il.argument(e.needle,o);return s?new Xn(typeof s=="object"?s.value.toString():s.toString()):e}));sl("Is",((t,e,o)=>{const s=il.argument(e.value,o);return s?new xn(s):e}));class al extends Oo{constructor(t){super();this.criteria=t;this.precedence=Number.MAX_SAFE_INTEGER;this.class="Tuple"}is(t){return this.criteria.length==t.length&&this.criteria.every(((e,o)=>e.is(t[o])))}toString(){return`[${this.criteria.map((t=>t.toString())).join(", ")}]`}}Mo((t=>Array.isArray(t)?new al(t.map($o)):undefined));function nl(t,e){const o=$o(t);return e?o.is(e):o}function ll(t,e){const o=$o(t);return o.filter(e)}const rl=I({emit:d()});var cl;(function(t){let e;(function(t){t.type=I({property:j().optional(),properties:m(j(),j()).optional()})})(e=t.Element||(t.Element={}));t.type=e.type.extend({smoothlyFilterUpdate:rl,smoothlyFilterManipulate:rl})})(cl||(cl={}));const hl='.sc-smoothly-filter-h {\n\tposition: relative;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tmargin-left: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmargin-right: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n.sc-smoothly-filter-h>div.sc-smoothly-filter-s > [slot=detail] {\n\tz-index: 5;\n}\n\n.sc-smoothly-filter-h.sc-smoothly-filter-s > [slot=bar] {\n\tpointer-events: auto;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\n\t&>[looks="plain"] {\n\t\tdisplay: flex;\n\t\talign-self: stretch;\n\t\talign-items: center;\n\t}\n}\n\n.sc-smoothly-filter-h > div.sc-smoothly-filter:empty + smoothly-icon.sc-smoothly-filter {\n\tdisplay: none;\n}\n\n.sc-smoothly-filter-h > smoothly-icon.sc-smoothly-filter {\n\tcursor: pointer;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\tflex-shrink: 0;\n}\n\n.sc-smoothly-filter-h > div.close.sc-smoothly-filter {\n\tposition: fixed;\n\tz-index: 3;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100dvw;\n\theight: 100dvh;\n\tbackground: transparent;\n}\n\n.sc-smoothly-filter-h > div.hidden.sc-smoothly-filter {\n\tdisplay: none;\n}\n\n.sc-smoothly-filter-h > .container.sc-smoothly-filter {\n\tpadding: 2em;\n\tposition: absolute;\n\tright: 0.35em;\n\twidth: fit-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 100%;\n\twidth: fit-content;\n\tz-index: 4;\n\tbackground-color: rgb(var(--smoothly-color));\n\tmargin: 0.8em -2em;\n}\n\n\n.sc-smoothly-filter-h > div.container.sc-smoothly-filter:before {\n\tcontent: "";\n\twidth: 0.6em;\n\theight: 0.6em;\n\ttransform: rotate(45deg);\n\tborder-top: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-left: 1px solid rgb(var(--smoothly-medium-tint));\n\tbackground-color: rgb(var(--smoothly-color));\n\tposition: absolute;\n\tz-index: 3;\n}\n\n\n.sc-smoothly-filter-h > div.container.arrow-top.sc-smoothly-filter:before {\n\tleft: calc(91%);\n\ttop: -5px;\n}\n\n.sc-smoothly-filter-h div.container.sc-smoothly-filter:after {\n\tcontent: "";\n\theight: 100%;\n\twidth: 100%;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-radius: 0.25em;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}';const dl=hl;const ml=class{constructor(o){t(this,o);this.smoothlyFilter=e(this,"smoothlyFilter",7);this.updating=false;this.filters=new Set;this.detailChildren=undefined;this.criteria=No();this.expanded=false}updateHandler(t){t.stopPropagation();if(cl.Element.type.is(t.target))this.filters.add(t.detail)}manipulateHandler(t){t.stopPropagation();this.updating=true;this.criteria=t.detail(this.criteria);this.smoothlyFilter.emit(this.criteria);this.filters.forEach((t=>t(this.criteria)));this.updating=false}filterFieldHandler(t){t.stopPropagation();if(!this.updating){this.smoothlyFilter.emit(this.criteria=No(t.detail));this.filters.forEach((t=>t(this.criteria)))}}clear(){var t;(t=this.field)===null||t===void 0?void 0:t.clear();this.smoothlyFilter.emit(this.criteria=No());this.filters.forEach((t=>t(this.criteria)))}render(){return o(s,{key:"d80c4372569f616eec9d9dce3c02910f3c9220bd"},o("slot",{key:"896325f5ecf8bc018125513533528a207a2774bf",name:"bar"}),o("smoothly-filter-field",{key:"77384e4d304861bafef0f505bf2451963670f625",criteria:this.criteria,ref:t=>this.field=t}),this.criteria.toString()!=""&&o("smoothly-icon",{key:"2fbde76c1523e7f04b3838e9375efcf280321402",name:"close",tooltip:"Clear all filters",size:"small",onClick:()=>{this.clear()}}),o("div",{key:"396ed6dd80fac7e7d6fcd7691c8c79fc037042fc",class:this.expanded?"container arrow-top":"hidden"},o("slot",{key:"fb80eb35ca23cfeed30d3e50398b177a75556d0b",name:"detail"})),o("smoothly-icon",{key:"1203589fd5c9fe219c88fb208c7d7242d778fe1d",name:this.expanded?"options":"options-outline",tooltip:(this.expanded?"Hide":"Show")+" additional filters",size:"small",onClick:()=>{this.expanded=!this.expanded}}),o("div",{key:"559ae34826c02ec0e1c3d83809513eff71eb0db2",class:this.expanded?"close":"hidden",onClick:()=>this.expanded=!this.expanded}))}};ml.style=dl;const ul=".sc-smoothly-filter-field-h{flex-grow:5}";const yl=ul;const bl=class{constructor(o){t(this,o);this.smoothlyFilterField=e(this,"smoothlyFilterField",7);this.value="";this.criteria=undefined}async clear(){var t;await((t=this.input)===null||t===void 0?void 0:t.clear())}filterFieldEmit(){var t;this.smoothlyFilterField.emit(Mn((t=this.value)!==null&&t!==void 0?t:""))}updateValue(t){this.value=t.detail.filter}render(){return o(s,{key:"5cc4e4b4f143253b8db39e8a6adcdaf3d0e952d8"},o("smoothly-input",{key:"64e515c9069eb50deaf4a07f5a5af04ca1605eb5",name:"filter",ref:t=>this.input=t,value:this.criteria.toString(),onSmoothlyInputLooks:t=>t.stopPropagation(),onSmoothlyKeydown:t=>{t.stopPropagation();t.detail.key=="Enter"&&this.filterFieldEmit()},onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyFormDisable:t=>t.stopPropagation(),onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyChange:t=>t.stopPropagation(),onSmoothlyInput:t=>{t.stopPropagation();this.updateValue(t)}},"Filter"))}};bl.style=yl;const fl=".sc-smoothly-filter-input-h{display:contents}.sc-smoothly-filter-input-h>smoothly-input.sc-smoothly-filter-input{flex-grow:1;min-width:10em;flex-basis:40%}";const pl=fl;const gl=class{constructor(o){t(this,o);this.smoothlyFilterUpdate=e(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=e(this,"smoothlyFilterManipulate",7);this.type="text";this.needle="";this.label=undefined;this.property=undefined;this.placeholder=undefined}componentDidLoad(){this.smoothlyFilterUpdate.emit(this.update.bind(this))}update(t){var e;if(t instanceof Ho&&t.rules.length>0)for(const o of t.rules){const t=this.isCriteria(o,this.property);if(t){this.needle=(e=t.needle)!==null&&e!==void 0?e:"";break}}else this.needle=""}isCriteria(t,e){const[o,...s]=e.split(".");return t instanceof Zn&&t.name==o&&(t.criteria instanceof fn&&t.criteria||t.criteria instanceof Zn&&this.isCriteria(t.criteria,s.join(".")))||undefined}inputHandler(t){t.stopPropagation();const e=t.detail[this.property];const o=t=>{let o=t;const s=e?this.getCriteria(e):undefined;if(o instanceof Ho){const t=o.rules.findIndex((t=>this.findInstanceOf(t,this.property)));!s?t!=-1&&o.rules.splice(t,1):t==-1?o.rules.push(s):o.rules[t]=s;o=No(...o.rules)}return o};this.smoothlyFilterManipulate.emit(o.bind(this))}getCriteria(t){return this.property.split(".").reduceRight(((t,e)=>qn(e,t)),pn(t))}findInstanceOf(t,e){const[o,...s]=e.split(".");return t instanceof Zn&&t.name==o&&(s.length==0||!!t.criteria&&this.findInstanceOf(t.criteria,s.join(".")))}render(){return o("smoothly-input",{key:"8e71fe5e757acf5ee4a4c09cb0fcb8d3121fd7c6",name:this.property,value:this.needle,type:this.type,placeholder:this.placeholder,onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyFormDisable:t=>t.stopPropagation(),onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyChange:t=>t.stopPropagation(),onSmoothlyInput:t=>this.inputHandler(t)},this.label,o("slot",{key:"ad5b42ba26c59a18c099b139387dab43c2afa695"}))}};gl.style=pl;const kl=".sc-smoothly-filter-select-h{display:contents}.sc-smoothly-filter-select-h>smoothly-input-select.sc-smoothly-filter-select{flex-grow:1;width:12.5em}.options.sc-smoothly-filter-select{border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}";const vl=kl;const wl=class{constructor(o){t(this,o);this.smoothlyFilterUpdate=e(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=e(this,"smoothlyFilterManipulate",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.updating=false;this.items=new Map;this.label=undefined;this.property=undefined;this.menuHeight=undefined;this.multiple=false;this.type="string";this.looks=undefined}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t}))}async componentDidLoad(){this.smoothlyFilterUpdate.emit(this.update.bind(this))}async smoothlyInputLoadHandler(t){var e,o;(o=await((e=this.selectElement)===null||e===void 0?void 0:e.getItems()))===null||o===void 0?void 0:o.forEach((t=>this.items.set(t.value,{state:this.property.split(".").reduceRight(((t,e)=>({[e]:t})),t.value),item:t})))}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks)}}update(t){this.updating=true;if(t instanceof Ho&&t.rules.length>0)for(const e of this.items.values()){const o=t.rules.some((t=>this.isCriteria(t,this.property,e.state)&&(this.type=="array"?this.findInstanceOf(t,this.property):t.is(e.state))));e.item.selected=o}else this.items.forEach((t=>t.item.selected=false));this.updating=false}isCriteria(t,e,o){const[s,...i]=e.split(".");const a=t instanceof Zn&&t.name==s?this.isCriteria(t.criteria,i.join("."),o[s]):this.multiple?t instanceof Yn&&t.value.some((t=>t==o))||this.type=="array"&&t instanceof Vn&&t.criteria.some((t=>t==o)):t instanceof xn&&t.value==o;return a}selectHandler(t){t.stopPropagation();if(!this.updating){const e=t.detail[this.property];const o=t=>{let o=t;const s=this.getCriteria(e);if(!(o instanceof Oo))o=s?No(o,s):o;else if(o instanceof Ho){const t=o.rules.findIndex((t=>this.findInstanceOf(t,this.property)));!s&&t>=0?o.rules.splice(t,1):!s?undefined:t==-1?o.rules.push(s):o.rules[t]=s;o=No(...o.rules)}return o};this.smoothlyFilterManipulate.emit(o.bind(this))}}findInstanceOf(t,e){const[o,...s]=e.split(".");return t instanceof Zn&&t.name==o&&(t.criteria instanceof Yn||t.criteria instanceof xn||t.criteria instanceof Vn||t.criteria instanceof Zn&&this.findInstanceOf(t.criteria,s.join(".")))}getCriteria(t){let e;if(this.multiple&&j().array({criteria:"minLength",value:1}).is(t))e=this.type=="array"?Gn(t):Wn(t);else if(typeof t=="string")e=nl(t);else e=undefined;return e&&this.property.split(".").reduceRight(((t,e)=>qn(e,t)),e)}render(){return o("smoothly-input-select",{key:"6d72b38daa8c61d5c80a1f658c0056368409692e",ref:t=>this.selectElement=t,name:this.property,looks:this.looks,multiple:this.multiple,menuHeight:this.menuHeight,onSmoothlyInputLooks:t=>t.stopPropagation(),onSmoothlyItemSelect:t=>t.stopPropagation(),onSmoothlyInput:t=>this.selectHandler(t)},this.label&&o("span",{key:"35be4b286aa305a609c1f13feb854880a2ce9db5",slot:"label"},[this.label.slice(0,1).toUpperCase(),this.label.slice(1,this.label.length)].join("")),o("slot",{key:"9a70e72ad7bcf911da188136ff161431e73191e0",name:"items"}))}get element(){return i(this)}};wl.style=vl;const xl=".sc-smoothly-filter-toggle-h{position:relative;display:inline-block;cursor:pointer}.sc-smoothly-filter-toggle-h:hover>smoothly-icon.sc-smoothly-filter-toggle{stroke:rgb(var(--smoothly-success-tint));color:rgb(var(--smoothly-success-tint));fill:rgb(var(--smoothly-success-tint))}[flip].sc-smoothly-filter-toggle-h{transform:scaleX(-1)}";const Cl=xl;const Sl=class{constructor(o){t(this,o);this.smoothlyFilterUpdate=e(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=e(this,"smoothlyFilterManipulate",7);this.icon=undefined;this.properties=undefined;this.tooltip=undefined;this.not=undefined;this.flip=false;this.active=false}componentWillLoad(){this.active&&this.activeHandler()}componentDidLoad(){this.smoothlyFilterUpdate.emit(this.update.bind(this))}update(t){if(t instanceof Ho&&t.rules.length>0){this.active=Object.entries(this.properties).every((([e,o])=>t.rules.some((t=>{const s=!this.not?t:t instanceof Tn?t.criteria:undefined;return o==""?!(s instanceof Zn&&s.name==e):this.isCriteria(s,e,o)}))))}else this.active=false}isCriteria(t,e,o){const[s,...i]=e.split(".");return t instanceof Zn&&t.name==s&&(t.criteria instanceof xn&&t.criteria.value==o||this.isCriteria(t.criteria,i.join("."),o))}activeHandler(t){const e=e=>{let o=e;t&&(this.active=!this.active);if(o instanceof Ho){for(const[t,e]of Object.entries(this.properties)){const s=!this.active||this.active&&e==""?undefined:this.not?_n(this.createCriteria(t,e)):this.createCriteria(t,e);const i=o.rules.findIndex((e=>this.findInstanceOf(e,t)));!s&&i>=0?o.rules.splice(i,1):!s?undefined:i==-1?o.rules.push(s):o.rules[i]=s}o=No(...o.rules)}return o};this.smoothlyFilterManipulate.emit(e.bind(this))}createCriteria(t,e){const[o,...s]=t.split(".");return qn(o,s.length==0?nl(e):this.createCriteria(s.join("."),e))}findInstanceOf(t,e){const o=!this.not?t:t instanceof Tn?t.criteria:false;const[s,...i]=e.split(".");return o instanceof Zn&&o.name==s&&(i.length==0||!!o.criteria&&this.findInstanceOf(o.criteria,i.join(".")))}render(){return o("smoothly-icon",{key:"8e99d15e7835225602da2540570d484bb86eed6a",fill:"clear",color:this.active?"success":"medium",name:this.active?`${this.icon}`:`${this.icon}-outline`,tooltip:this.tooltip,onClick:()=>this.activeHandler(true)})}};Sl.style=Cl;var zl;(function(t){function e(t){return typeof t=="string"&&(t=="GET"||t=="POST"||t=="DELETE"||t=="HEAD"||t=="PATCH"||t=="PUT"||t=="OPTIONS"||t=="TRACE"||t=="CONNECT")}t.is=e;function o(t){t=t?.toUpperCase();return e(t)?t:undefined}t.parse=o})(zl||(zl={}));const Il={};function jl(t,...e){e.forEach((e=>Il[e]=t))}function Tl(t){const e=t.headers.get("Content-Type");const o=e&&e.split(";");const s=Il[o?.[0]??"plain/text"];return s?s(t):t.text()}const _l={};function Dl(t,...e){e.forEach((e=>_l[e]=t))}function Ll(t,e){const o=_l[e?.split(";")[0]??""];return o?o(t,e):t}function Ol(t){return t.toLowerCase().replace(/-[a-z]/g,(t=>t.substring(1).toUpperCase()))}function Al(t){const e=t.replace(/[A-Z]/g,(t=>"-"+t));return e[0].toUpperCase()+e.substring(1)}const Ml=[["aIM","A-IM",1],["accept","Accept",2],["acceptCharset","Accept-Charset",2],["acceptDatetime","Accept-Datetime",1],["acceptEncoding","Accept-Encoding",2],["acceptLanguage","Accept-Language",2],["accessControlRequestMethod","Access-Control-Request-Method",1],["accessControlRequestHeaders","Access-Control-Request-Headers",1],["authorization","Authorization",1],["cacheControl","Cache-Control",1],["cfConnectionIp","CF-Connecting-IP",1],["cfIpCountry","CF-IPCountry",1],["connection","Connection",1],["contentLength","Content-Length",1],["contentMD5","Content-MD5",1],["contentType","Content-Type",1],["cookie","Cookie",1],["date","Date",1],["expect","Expect",1],["forwarded","Forwarded",1],["from","From",1],["host","Host",1],["http2Settings","HTTP2-Settings",1],["ifMatch","If-Match",2],["ifModifiedSince","If-Modified-Since",1],["ifNoneMatch","If-None-Match",2],["ifRange","If-Range",1],["ifUnmodifiedSince","If-Unmodified-Since",1],["maxForwards","Max-Forwards",1],["origin","Origin",1],["pragma","Pragma",1],["proxyAuthorization","Proxy-Authorization",1],["range","Range",1],["referer","Referer",1],["te","TE",2],["trailer","Trailer",1],["transferEncoding","Transfer-Encoding",1],["userAgent","User-Agent",1],["upgrade","Upgrade",2],["via","Via",2],["warning","Warning",1],["upgradeInsecureRequests","Upgrade-Insecure-Requests",1],["xRequestedWith","X-Requested-With",1],["dnt","DNT",1],["xForwardedFor","X-Forwarded-For",1],["xForwardedHost","X-Forwarded-Host",1],["xForwardedProto","X-Forwarded-Proto",1],["xMsContinuation","X-Ms-Continuation",1],["frontEndHttps","Front-End-Https",1],["xHttpMethodOverride","X-Http-Method-Override",1],["xAttDeviceId","X-ATT-DeviceId",1],["xWapProfile","X-Wap-Profile",1],["proxyConnection","Proxy-Connection",1],["xCsrfToken","X-Csrf-Token",1],["xCorrelationID","X-Correlation-ID",1],["xModNonce","x-mod-nonce",1],["xModRetry","x-mod-retry",1],["saveData","Save-Data",1],["xAuthToken","X-Auth-Token",1],["xTrackingId","x-tracking-id",1]];var El;(function(t){function e(t){function e(t){return t==undefined||typeof t=="string"}function o(t){return t==undefined||Array.isArray(t)&&t.every((t=>typeof t=="string"))}return typeof t=="object"&&Ml.every((s=>(s[2]==1?e:o)(t[s[0]])))}t.is=e;function o(t){return Object.fromEntries(Object.entries(t).map((([t,e])=>{const o=Ml.find((([e,o,s])=>e==t));return[o?o[1]:Al(t),Array.isArray(e)?e.join(", "):e]})))}t.to=o;function s(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):a(t)?[...t]:Object.entries(t)).map((([t,e])=>{const o=Ml.find((([e,o,s])=>t.toLowerCase()==o.toLowerCase()));return o?[o[0],o[2]==1||typeof e!="string"?e:e.split(",").map((t=>t.trim()))]:[Ol(t),e]})))}t.from=s;function i(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=i;function a(t){return typeof t.entries=="function"}})(El||(El={}));var Rl;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["method","url","parameter","search","remote","header","body"].some((e=>e==t))))&&zl.is(t.method)&&t.url instanceof URL&&typeof t.parameter=="object"&&Object.entries(t.parameter).every((([t,e])=>typeof t=="string"&&typeof e=="string"))&&typeof t.search=="object"&&Object.entries(t.search).every((([t,e])=>typeof t=="string"&&typeof e=="string"))&&(t.remote==undefined||typeof t.remote=="string")&&(t.header==undefined||El.is(t.header))}t.is=e;async function o(t){const o=e(t)?t:i(t);const s=o.header.contentType?.startsWith("multipart/form-data")?(({contentType:t,...e})=>e)(o.header):o.header;return{url:o.url.toString(),method:o.method,headers:El.to(s),body:["GET","HEAD"].some((t=>t==o.method))?undefined:await Ll(await o.body,o.header.contentType)}}t.to=o;function s(t){const e=new URL(t.url);return{method:zl.parse(t.method)??"GET",url:e,header:El.from(t.headers),parameter:{},search:Object.fromEntries(e.searchParams.entries()),body:Tl(t),..."cf"in t&&{cloudflare:t.cf}}}t.from=s;function i(t){let e;if(typeof t=="string")e=i({url:t});else{const o=typeof t.url=="string"?new URL(t.url):t.url;e={method:zl.parse(t.method)??"GET",url:o,parameter:t.parameter??{},search:{...t.search,...Object.fromEntries(o.searchParams.entries())},remote:t.remote,header:t.header??{},body:t.body}}return e}t.create=i;(function(t){t.is=El.is;t.from=El.from;t.to=El.to})(t.Header||(t.Header={}))})(Rl||(Rl={}));const $l=typeof Response!="undefined"?Response:globalThis.Response;var Pl=undefined&&undefined.__classPrivateFieldGet||function(t,e,o,s){if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?s:o==="a"?s.call(t):s?s.value:e.get(t)};var Fl=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,i){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?i.call(t,o):i?i.value=o:e.set(t,o),o};var Hl,Nl,Ul,Yl,Wl,Bl,Vl,Gl,Kl;class Zl{get state(){return Pl(this,Yl,"f")?"closed":"opened"}set onMessage(t){if(Pl(this,Nl,"f").length&&t){Pl(this,Nl,"f").forEach(t);Fl(this,Nl,[],"f")}Fl(this,Bl,t,"f")}set onClose(t){if(this.state=="closed"&&t)t();Fl(this,Vl,t,"f")}set onOpen(t){if(this.state=="opened"&&t)t();Fl(this,Kl,t,"f")}constructor(t,e){Hl.add(this);Nl.set(this,[]);Ul.set(this,[]);Yl.set(this,false);Wl.set(this,void 0);Bl.set(this,void 0);Vl.set(this,void 0);Kl.set(this,void 0);Fl(this,Wl,t,"f");if(e)Fl(this,Ul,undefined,"f");Pl(this,Wl,"f").addEventListener("open",(()=>{if(Pl(this,Kl,"f"))Pl(this,Kl,"f").call(this);Pl(this,Hl,"m",Gl).bind(this)}));Pl(this,Wl,"f").addEventListener("message",(async t=>{const e=this.processReceived(t.data);Pl(this,Hl,"m",Gl).call(this);if(Pl(this,Bl,"f"))Pl(this,Bl,"f").call(this,e);else Pl(this,Nl,"f")?.push(e)}));Pl(this,Wl,"f").addEventListener("close",(()=>{if(Pl(this,Vl,"f"))Pl(this,Vl,"f").call(this);Fl(this,Yl,true,"f")}))}send(t){if(Pl(this,Ul,"f"))Pl(this,Ul,"f").push(this.processSend(t));else Pl(this,Wl,"f").send(this.processSend(t))}}Nl=new WeakMap,Ul=new WeakMap,Yl=new WeakMap,Wl=new WeakMap,Bl=new WeakMap,Vl=new WeakMap,Kl=new WeakMap,Hl=new WeakSet,Gl=function t(){Pl(this,Ul,"f")?.forEach((t=>Pl(this,Wl,"f").send(t)));Fl(this,Ul,undefined,"f")};class ql extends Zl{processReceived(t){return t?.arrayBuffer?t.arrayBuffer():typeof t=="string"?(new TextEncoder).encode(t).buffer:t}processSend(t){return t}}class Xl extends Zl{processReceived(t){return JSON.parse(t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t)}processSend(t){return JSON.stringify(t)}}class Jl extends Zl{processReceived(t){return t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t}processSend(t){return t}}var Ql=undefined&&undefined.__classPrivateFieldGet||function(t,e,o,s){if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?s:o==="a"?s.call(t):s?s.value:e.get(t)};var tr=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,i){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?i.call(t,o):i?i.value=o:e.set(t,o),o};var er,or,sr;class ir{get json(){if(!Ql(this,er,"f"))tr(this,er,new Xl(this.backend,this.isOpen),"f");return Ql(this,er,"f")}get string(){if(!Ql(this,or,"f"))tr(this,or,new Jl(this.backend,this.isOpen),"f");return Ql(this,or,"f")}get arrayBuffer(){if(!Ql(this,sr,"f"))tr(this,sr,new ql(this.backend,this.isOpen),"f");return Ql(this,sr,"f")}constructor(t,e){this.backend=t;this.isOpen=e;er.set(this,void 0);or.set(this,void 0);sr.set(this,void 0)}createResponse(t={}){return{status:101,socket:this,header:t}}close(t,e){this.backend.close(t,e)}}er=new WeakMap,or=new WeakMap,sr=new WeakMap;var ar;(function(t){t.Factory=ir})(ar||(ar={}));const nr=[["accessControlAllowOrigin","Access-Control-Allow-Origin",1],["accessControlAllowCredentials","Access-Control-Allow-Credentials",1],["accessControlExposeHeaders","Access-Control-Expose-Headers",2],["accessControlMaxAge","Access-Control-Max-Age",1],["accessControlAllowMethods","Access-Control-Allow-Methods",2],["accessControlAllowHeaders","Access-Control-Allow-Headers",2],["acceptPatch","Accept-Patch",1],["acceptRanges","Accept-Ranges",1],["age","Age",1],["allow","Allow",2],["altSvc","Alt-Svc",1],["cacheControl","Cache-Control",1],["cfConnectionIp","CF-Connecting-IP",1],["cfIpCountry","CF-IPCountry",1],["connection","Connection",1],["contentDisposition","Content-Disposition",1],["contentEncoding","Content-Encoding",1],["contentLanguage","Content-Language",2],["contentLength","Content-Length",1],["contentLocation","Content-Location",1],["contentMD5","Content-MD5",1],["contentRange","Content-Range",1],["contentSecurityPolicy","Content-Security-Policy",1],["contentType","Content-Type",1],["date","Date",1],["deltaBase","Delta-Base",1],["eTag","ETag",1],["expires","Expires",1],["iM","IM",1],["lastModified","Last-Modified",1],["link","Link",1],["location","Location",1],["p3P","P3P",1],["pragma","Pragma",1],["proxyAuthenticate","Proxy-Authenticate",1],["publicKeyPins","Public-Key-Pins",1],["refresh","Refresh",1],["retryAfter","Retry-After",1],["server","Server",1],["setCookie","Set-Cookie",1],["status","Status",1],["strictTransportSecurity","Strict-Transport-Security",1],["timingAllowOrigin","Timing-Allow-Origin",2],["trailer","Trailer",1],["transferEncoding","Transfer-Encoding",1],["tk","Tk",1],["upgrade","Upgrade",2],["vary","Vary",2],["via","Via",1],["warning","Warning",1],["wwwAuthenticate","WWW-Authenticate",1],["xContentDuration","X-Content-Duration",1],["xContentSecurityPolicy","X-Content-Security-Policy",1],["xContentTypeOptions","X-Content-Type-Options",1],["xCorrelationId","X-Correlation-ID",1],["xFrameOptions","X-Frame-Options",1],["xMsContinuation","X-Ms-Continuation",1],["xPoweredBy","X-Powered-By",1],["xRequestId","X-Request-ID",1],["xUACompatible","X-UA-Compatible",1],["xWebkitCsp","X-WebKit-CSP",1],["xXssProtection","X-XSS-Protection",1]];var lr;(function(t){function e(t){function e(t){return t==undefined||typeof t=="string"}function o(t){return t==undefined||Array.isArray(t)&&t.every((t=>typeof t=="string"))}return typeof t=="object"&&nr.every((s=>(s[2]==1?e:o)(t[s[0]])))}t.is=e;function o(t){return Object.fromEntries(Object.entries(t).map((([t,e])=>{const o=nr.find((([e,...o])=>e==t));return[o?o[1]:Al(t),Array.isArray(e)?e.join(", "):e]})))}t.to=o;function s(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):a(t)?n(t):Object.entries(t)).map((([t,e])=>{const o=nr.find((([e,o,s])=>t.toLowerCase()==o.toLowerCase()));return o?[o[0],o[2]==1||typeof e!="string"?e:e.split(",").map((t=>t.trim()))]:[Ol(t),e]})))}t.from=s;function i(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=i;function a(t){return typeof t.forEach=="function"}function n(t){const e=[];t.forEach(((t,o)=>e.push([o,t])));return e}})(lr||(lr={}));var rr;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["status","header","body","socket"].some((e=>e==t))))&&(t.status==undefined||typeof t.status=="number")&&(t.header==undefined||lr.is(t.header))&&(t.socket==undefined||typeof t.socket.close=="function"&&typeof t.socket.json?.send=="function"&&typeof t.socket.string?.send=="function"&&typeof t.socket.arrayBuffer?.send=="function")&&(t.status!=undefined||t.header!=undefined||t.body!=undefined)}t.is=e})(rr||(rr={}));var cr;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["status","header","body","socket"].some((e=>e==t))))&&(t.status==undefined||typeof t.status=="number")&&(t.header==undefined||lr.is(t.header))&&(t.socket==undefined||t.socket instanceof WebSocket)}t.is=e;async function o(t){return new $l(await Ll(await t.body,t.header.contentType),{status:t.status,headers:new Headers(lr.to(!t.header.contentType?.startsWith("multipart/formdata")?t.header:(({contentType:t,...e})=>e)(t.header))),...t.socket&&{webSocket:{...t.socket.createResponse().socket}?.backend}})}t.to=o;function s(t){return{status:t.status,header:lr.from(t.headers),body:t.status==101?undefined:Tl(t),...t.webSocket&&{socket:new ar.Factory(t.webSocket)}}}t.from=s;function i(t,e){const o=rr.is(t)?{status:200,header:{},body:undefined,...t.socket&&{socket:t.socket},...t}:typeof t?.createResponse=="function"&&(e==undefined||lr.is(e))?t.createResponse(e):{status:typeof t=="object"&&typeof t.status=="number"&&t.status||200,header:typeof t=="object"?{...t.header,...(t.status==301||t.status==302)&&t.location?{location:t.location}:{}}:{},body:!(typeof t=="object"&&!Array.isArray(t))||t instanceof ArrayBuffer||ArrayBuffer.isView(t)||t instanceof FormData?t:(({header:t,...e})=>e)(t),...t.webSocket&&{socket:new ar.Factory(t.webSocket)}||t.socket&&{socket:t.socket}};if(!o.header.contentType)switch(typeof o.body){case"undefined":break;default:case"object":o.header.contentType=typeof e=="string"?e:e?.contentType?e.contentType:o.body instanceof FormData?"multipart/formdata":o.body instanceof ArrayBuffer||ArrayBuffer.isView(o.body)?a(o.body)?"application/pdf":"application/octet-stream":"application/json; charset=utf-8";break;case"string":o.header.contentType=o.body.slice(0,9).toLowerCase()=="<!doctype"?"text/html; charset=utf-8":/^[A-Za-z0-9-_=]+\.[A-Za-z0-9-_=]+\.?[A-Za-z0-9-_.+/=]*$/.test(o.body)?"application/jwt; charset=utf-8":/^<\?xml version=(.|\n)*\?>(.|\n)*<svg(.|\n)*<\/svg>$/.test(o.body)?"image/svg+xml":"text/plain; charset=utf-8";break}return o}t.create=i;function a(t){const e=new Uint8Array(ArrayBuffer.isView(t)?t.buffer:t).slice(0,4);return[37,80,68,70].every(((t,o)=>t==e[o]))}t.Header=lr;t.Like=rr})(cr||(cr={}));const hr=dr(globalThis.fetch);hr.create=dr;function dr(t){return async e=>{const o=Rl.create(e);return cr.from(await t(o.url.toString(),await Rl.to(o)))}}var mr;(function(t){function e(t){const e=new globalThis.FormData;e.append("*",new globalThis.Blob([(new TextEncoder).encode(JSON.stringify(o(t,"",e)))],{type:"application/json; charset=utf-8"}));return e}t.to=e;function o(t,e,i){return Object.entries(t).reduce(((t,[a,n])=>{n instanceof Blob?i.append(e?`${e}.${a}`:a,n):typeof n=="object"&&n?Array.isArray(n)?t[a]=s(n,e?`${e}.${a}`:a,i):t[a]=o(n,e?`${e}.${a}`:a,i):t[a]=n;return t}),{})}function s(t,e,i){return t.reduce(((t,a)=>{typeof a=="object"&&a?Array.isArray(a)?t.push(s(a,e,i)):t.push(o(a,e,i)):t.push(a);return t}),[])}async function i(t){const e={};for(const[o,s]of t.entries())await a(e,o.split("."),s);return e}t.from=i;async function a(t,[e,...o],s){if(o.length==0)s instanceof Blob&&s.type.startsWith("application/json")?e=="*"?n(t,JSON.parse(await s.text())):typeof t[e]=="object"&&t[e]?n(t[e],JSON.parse(await s.text())):t[e]=JSON.parse(await s.text()):t[e]=s;else a(typeof t[e]=="object"&&t[e]?t[e]:t[e]={},o,s)}function n(t,...e){if(e.length){const[o,...s]=e;Object.entries(o).forEach((([e,s])=>l(s)?n(l(t[e])?t[e]:t[e]={},s):t[e]=o[e]));n(t,...s)}}function l(t){return t&&typeof t=="object"&&!Array.isArray(t)}t.isObject=l})(mr||(mr={}));function ur(t){const e=[];const o=(t,s)=>{switch(typeof s){default:case"bigint":case"boolean":case"number":case"string":e.push(`${t}=${encodeURIComponent(s.toString())}`);break;case"undefined":break;case"object":for(const e in s)if(Object.prototype.hasOwnProperty.call(s,e))o(t?t+`[${e}]`:e,s[e]);break}};o("",t);return e.join("&")}function yr(t){const e=t=>typeof t=="object"&&Object.keys(t).sort().every(((t,e)=>`${t}`==`${e}`))?Object.entries(t).sort().map((t=>typeof t[1]=="object"?e(t[1]):t[1])):typeof t=="object"?Object.fromEntries(Object.entries(t).map((t=>[t[0],e(t[1])]))):t;const o=(t,e,s)=>{t[e[0]]=e.length>1?o(t[e[0]]??{},e.slice(1),s):s;return t};const s=t.split("&").map((t=>t.split("=",2))).map((([t,e])=>[decodeURIComponent(t).split("[").map((t=>t.replace("]",""))),decodeURIComponent(e.replace(/\+/g," "))]));return s.reduce(((t,[s,i])=>e(o(t,s,i))),{})}jl((async t=>await t.text()),"text/plain","text/html");jl((async t=>await t.json()),"application/json");jl((async t=>await t.arrayBuffer()),"application/pdf");jl((async t=>mr.from(await t.formData())),"multipart/form-data");jl((async t=>yr(await t.text())),"application/x-www-form-urlencoded");Dl((async t=>typeof t=="string"?t:t.toString()),"text/plain","text/html");Dl((async t=>JSON.stringify(t)),"application/json");Dl((async t=>t),"application/pdf");Dl((async t=>ur(t)),"application/x-www-form-urlencoded");Dl((async t=>t instanceof globalThis.FormData?t:mr.to(t)),"multipart/form-data");var br;(function(t){function e(t){return t&&typeof t=="object"&&typeof t.clear=="function"}t.is=e})(br||(br={}));class fr{constructor(t){this.parent=t;this.callbacks=[]}async subscribe(t){this.callbacks.push(t);await t(this.parent)}async publish(){Promise.all(this.callbacks.map((t=>t(this.parent))))}static create(t){return new fr(t)}}var pr;(function(t){t.Observer=fr;let e;(function(t){t.type=I({edit:d(),readonly:T(),listen:d(),reset:d(),setInitialValue:d()});t.is=t.type.is})(e=t.Element||(t.Element={}));const o=I({emit:d()});t.type=e.type.extend({isDifferentFromInitial:T(),value:M().optional(),smoothlyFormDisable:o});t.is=t.type.is})(pr||(pr={}));var gr;(function(t){t.values=["plain","grid","border","line","transparent"];t.type=j(t.values);t.is=t.type.is})(gr||(gr={}));var kr;(function(t){let e;(function(t){t.type=I({register:d(),unregister:d(),getValue:d(),disabled:T().optional(),color:l.type.optional(),name:j(),invalid:T().optional(),looks:gr.type.optional(),defined:T().optional(),binary:d().optional()});t.is=t.type.is})(e=t.Element||(t.Element={}));const o=I({emit:d()});t.type=e.type.extend({smoothlyInputLoad:o,smoothlyInput:o,smoothlyUserInput:o,smoothlyKeydown:o.optional(),smoothlyInputForm:o.optional(),parent:pr.type.optional()});t.is=t.type.is;function s(t,e){if(t.parent instanceof xr)t.parent.removeInput(e!==null&&e!==void 0?e:t.name)}t.formRemove=s;function i(t){t.smoothlyInputLoad.emit((e=>t.parent=e))}t.formAdd=i;function a(t,e){if(e)s(t,e);i(t)}t.formRename=a;function n(t,e){if(!(e.target&&"name"in e.target&&e.target.name===t.name)){e.stopPropagation();e.detail(t)}}t.registerSubAction=n})(kr||(kr={}));const vr='smoothly-form{display:block;position:relative}smoothly-form>form{position:relative}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 14rem));flex-basis:40%}smoothly-form[looks="line"]>form>fieldset,smoothly-form[looks="border"]>form>fieldset,smoothly-form[looks="transparent"]>form>fieldset{row-gap:var(--smoothly-form-row-gap, 2rem);column-gap:var(--smoothly-form-column-gap, 2rem)}smoothly-form[looks="grid"]>form>fieldset{padding:1px;gap:1px}smoothly-form>form>div:not(:empty){display:flex;justify-content:end;gap:1em;margin-top:1.5rem}';const wr=vr;const xr=class{constructor(o){t(this,o);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.smoothlyFormInput=e(this,"smoothlyFormInput",7);this.smoothlyFormSubmit=e(this,"smoothlyFormSubmit",7);this.smoothlyFormReset=e(this,"smoothlyFormReset",7);this.smoothlyFormEdit=e(this,"smoothlyFormEdit",7);this.smoothlyFormClear=e(this,"smoothlyFormClear",7);this.notice=e(this,"notice",7);this.isDifferentFromInitial=false;this.contentType="json";this.inputs=new Map;this.readonlyAtLoad=this.readonly;this.observer=pr.Observer.create(this);this.color=undefined;this.value={};this.action=undefined;this.validator=undefined;this.type=this.action?"create":undefined;this.readonly=false;this.looks=undefined;this.name=undefined;this.prevent=true;this.processing=undefined}componentWillLoad(){!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t))}async removeInput(t){if(this.element.isConnected){this.value=u.remove(this.value,t);this.inputs.delete(t);this.smoothlyFormInput.emit(u.convertArrays(this.value))}}async listen(t){this.observer.subscribe(t)}async watchValue(){var t,e;this.isDifferentFromInitial=[...this.inputs.values()].some((t=>pr.type.is(t)?t.isDifferentFromInitial:true));if(this.validator){const o=(e=(t=this.validator)===null||t===void 0?void 0:t.flaw(u.convertArrays(this.value)).flaws)===null||e===void 0?void 0:e.reduce(((t,e)=>e.property?Object.assign(Object.assign({},t),{[e.property]:e}):t),{});for(const[t,e]of this.inputs.entries()){this.validate(o,t,e)}}this.observer.publish()}validate(t,e,o){var s,i;if(e.includes(".")){const[a,...n]=e.split(".");const l=(i=(s=t===null||t===void 0?void 0:t[a])===null||s===void 0?void 0:s.flaws)!==null&&i!==void 0?i:[];this.validate(l.reduce(((t,e)=>e.property?Object.assign(Object.assign({},t),{[e.property]:e}):t),{}),n.join("."),o)}else{const s=t===null||t===void 0?void 0:t[e];o&&(o.invalid=!!s)}}watchReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){t.stopPropagation();t.detail(this.looks,this.color)}async smoothlyInputHandler(t){this.value=u.merge(this.value,t.detail);this.smoothlyFormInput.emit(u.convertArrays(this.value))}async smoothlyKeydownHandler(t){if(t.detail.key=="Enter"&&this.inputs.has(t.detail.name)){t.stopPropagation();await this.submit()}}windowSubmitHandler(t){t.target==this.element&&t.detail.result(false)}submitHandler(t){this.action&&t.stopPropagation()}async smoothlyInputLoadHandler(t){var e;t.stopPropagation();t.detail(this);const o=t.target;if(kr.Element.is(o)){if(await((e=o.binary)===null||e===void 0?void 0:e.call(o)))this.contentType="form-data";const t=await o.getValue();this.value=u.merge(this.value,{[o.name]:t});this.smoothlyFormInput.emit(u.convertArrays(this.value));this.inputs.set(o.name,o)}}async smoothlyFormDisableHandler(t){t.stopPropagation();t.detail(this.readonly)}async submit(t){this.processing=new Promise((e=>{this.smoothlyFormSubmit.emit({value:u.convertArrays(this.value),result:e,type:t==true?"remove":this.type});if(this.action){const o=this.action;this.notice.emit(O.execute("Submitting form",(async()=>{const s=t?"DELETE":!this.type||this.type=="create"?"POST":this.type=="change"?"PUT":this.type=="update"?"PATCH":"GET";const i=await hr(Rl.create(s=="GET"?{method:s,url:`${o}?${ur(this.value)}`}:Object.assign({method:s,url:o},this.value&&{header:{contentType:this.contentType?"multipart/form-data":"application/json"},body:this.value}))).catch((()=>undefined));const a=!i||(i===null||i===void 0?void 0:i.status)<200||i.status>=300?[false,"Failed to submit form."]:[true,"Form successfully submitted."];e(a[0]);return[...a]})))}}));if(await this.processing){this.type=="create"&&await this.clear();await this.setInitialValue();this.readonlyAtLoad&&await this.edit(!this.readonlyAtLoad)}this.processing=undefined}async clear(){await Promise.all([...this.inputs.values()].map((async t=>br.is(t)&&t.clear())));this.smoothlyFormClear.emit()}async edit(t){await Promise.all([...this.inputs.values()].map((async e=>pr.Element.type.is(e)&&e.edit(t))));this.readonly=!t;this.smoothlyFormEdit.emit(t)}async reset(){await Promise.all([...this.inputs.values()].map((t=>pr.Element.type.is(t)&&t.reset())));this.isDifferentFromInitial=[...this.inputs.values()].some((t=>pr.type.is(t)?t.isDifferentFromInitial:true));this.smoothlyFormReset.emit()}async setInitialValue(){await Promise.all([...this.inputs.values()].map((t=>pr.Element.type.is(t)&&t.setInitialValue())))}render(){return o(s,{key:"b48682d82da706446d7e74899da08fa46bd79722"},o("smoothly-spinner",{key:"a4fdb89dfc569ac8efe811b00fbb3d4294ec59a8",overlay:true,hidden:!this.processing}),o("form",{key:"81525fc003f436395409a0f25b0784c370a56cd2",onSubmit:!this.prevent?undefined:t=>t.preventDefault(),name:this.name},o("fieldset",{key:"3deac02265fa896ea631f75399cd27601cd20b12"},o("slot",{key:"092cf27c8da877c5313fa82f1a83b40acaf3dea2"})),o("div",{key:"6931f3c27212d537cadbb4e5323f76da53d5b09c"},o("slot",{key:"0f48515e422398dd0fb40d8085c7df955d2a3e7e",name:"clear"}),o("slot",{key:"fbfd211365d1d41354058e43dc9ad0c1fb37d9ca",name:"edit"}),o("slot",{key:"831ecb5130ec267dbeea4852de21e2c4872a8d96",name:"reset"}),o("slot",{key:"312931437f2b48ea1a57c01525365900f4deff30",name:"delete"}),o("slot",{key:"c7a6fb34b4866931a514cbed7ad5432b3a8051f2",name:"submit"}))))}get element(){return i(this)}static get watchers(){return{value:["watchValue"],readonly:["watchReadonly"]}}};xr.style=wr;const Cr=".sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:calc(100% - 0.5rem)}";const Sr=Cr;const zr=class{constructor(e){t(this,e)}render(){return o(s,{key:"c520f9686d30f0f54e5a7b85a6411c7a6c4c8e26"},o("div",{key:"218bccd1eb09e6c14499c064eb08b16acedab2b8"},o("smoothly-form-demo-all",{key:"77aa11539755efb250357dff60c864437cbeee2d"}),o("smoothly-form-demo-pet",{key:"d3d014e2fa8bedbcb28a74e7ae4f86eb5d8b4325"}),o("smoothly-form-demo-card",{key:"7b5483970827a684367a5ed8df45eb4dfbfacbdb"}),o("smoothly-form-demo-login",{key:"e46120b15dc4f00622c6a3bb3608386c26978d94"}),o("smoothly-form-demo-prices",{key:"75e777d76b24702ea6e0d8d3decc634dcf204c57"}),o("smoothly-form-demo-typed",{key:"dfe06d4d06a4d1ef32c23aba03bd880478b8f9a6"}),o("smoothly-form-demo-transparent",{key:"4e91222efb70aa23ca251cfb30158470b1077169"}),o("smoothly-form-demo-date",{key:"0b953abf55b43d5fbb4b47b5ee0e1a51000decce"}),o("smoothly-form-demo-schedule",{key:"656148a09b8131f87180451cae014ebdeffbb2dc"}),o("smoothly-form-demo-date-range",{key:"30d9a63aba3b4db8a8437e42dd0d113f3bd67186"}),o("smoothly-form-demo-controlled",{key:"5c754319261cdccce3cd7f32423ce71995acdcf8"})))}};zr.style=Sr;const Ir=class{constructor(e){t(this,e)}render(){return o(s,{key:"f87ebe24ef7535d757e8725b636c8c5f32e27ba0"},o("h2",{key:"5241f0eba4da432b480c6dfd9bd7578830551ac1"},"All inputs"),o("smoothly-form",{key:"a0613285e9987be33adf9854772d59daab068593",looks:"grid",type:"create",readonly:true,action:"https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4",onSmoothlyFormSubmit:t=>{Object.entries(t.detail.value).forEach((([t,e])=>console.log(t,e)))}},o("smoothly-input",{key:"b0b7156547112cae4f5d168f83a7a11e8488c9e8",readonly:true,name:"First Name",value:"John"},"First name"),o("smoothly-input",{key:"5419a70db41131bc59e9b0ddd8c370056708e172",showLabel:false,name:"Last name",value:"Doe"},"Last name",o("smoothly-input-clear",{key:"6a012ae5cae0fb5374290cd03cc7cbad353f3406",size:"icon",slot:"end"})),o("smoothly-input",{key:"41f5ca945f6845ad9061f6b926362cbfcae01d1d",type:"phone",name:"Phone",value:"777888999"},"Phone",o("smoothly-input-reset",{key:"b19508551c13d4bd67193d6acb5d6462fe5b1ba2",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"3871f74d499c89843ff7ad1e34776860206c8357",clearable:true,name:"radioFirstInput"},o("label",{key:"ea69c69a9e98f1758205a5ca789feb3171b20995",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"23ea5e016a13cbc0bb97eeefba0303e28dd57537",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"0ed432cec4205d7e25271e9309ea18ba26db4f10",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"7241ba1b311649638d665c823f95050501a231d7",value:"third"},"Label 3")),o("smoothly-input-color",{key:"fa8af54f789ac7e82c94e266ececf1ef35cea9f8",name:"color"},"Color"),o("smoothly-input-select",{key:"d5186d7b98ef556ace8aafa2069d4d7ac9696e61",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"0d517222d1d84036c34e89443a72b43316b92706",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"f95f3715a21df0c713ac13bbfbe2ab14dcc4a940",value:"1"},"January"),o("smoothly-item",{key:"21ffd877b069ea3d9a8fdeb2b89432d84deca067",value:"2"},"February"),o("smoothly-item",{key:"fb032a3c25ccc4778e4f25b2d8fe18d66c7adc13",value:"3"},"March"),o("smoothly-item",{key:"649124af9fc5338f28844bbeb8201766da509e0c",value:"4"},"April"),o("smoothly-item",{key:"437ac584c1cdcee5396602f6fd8f6cf91fe7641a",value:"5"},"May"),o("smoothly-item",{key:"3a34c4b7a2e8233815d2a98761b6b386fa93d1d6",value:"6"},"June"),o("smoothly-item",{key:"d1efd8d1cf676e1fd0ce8eaaf5a0fef42f3ec710",value:"7"},"July"),o("smoothly-item",{key:"191eb07b78ad0d2d8eb8f3d4d8dc31823bbdabf8",value:"8"},"August"),o("smoothly-item",{key:"6c13668fc67dbdd6717e250af16aa9b8392051f4",value:"9"},"September"),o("smoothly-item",{key:"225133ad67ee7f3b153e05c107b26503338deaeb",value:"10"},"October"),o("smoothly-item",{key:"f4ff13b68f8ce7e342e0acb52a0f60408cdb9343",value:"11"},"November"),o("smoothly-item",{key:"45858a3aad26242cac51603ba9f2b44416a40451",value:"12"},"December")),o("smoothly-input-select",{key:"7ed1d42abf67e8ddec48cbbe03bf5cac83139646",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"b9f59017eb104add92c26b2aaebf7c1b4891520a",value:"folder",selected:true},o("smoothly-icon",{key:"ba6256a645f9c179f28a7fd78fb2502985ee1e1b",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"0904069f5ffef98b0031d2cca2c088ca174af9c8",value:"camera"},o("smoothly-icon",{key:"5b1361ae41d71349b17ed8ae5dcd0801f1130022",size:"small",name:"camera-outline"}))),o("smoothly-input-checkbox",{key:"fd4d2841e68ce6fbf6fee5d52be0aa7b89b7ee8f",name:"checkbox"},"Check the box"),o("smoothly-input-checkbox",{key:"be505553364e66f0e07c84638f3388c7fa86df52",name:"checkbox2",checked:true},"Check the box 2"),o("smoothly-input-range",{key:"2b59d9da1babb202e0f4229bd4cf44f33417a993",step:1,name:"range3",value:20,label:"Range"}),o("smoothly-input",{key:"db2e3796a86d37fbdebd6ef723b75b74058abf1d",name:"pets.0.name"},"First Pet's Name"),o("smoothly-input-range",{key:"9e5f22df32f52bbb79608062473ebff9c6313bf1",name:"pets.0.age",max:100,step:1,label:"First Pet's Age"}),o("smoothly-input",{key:"2fbd85a6b4ff8e59da2a347e21e22d459efa92ff",name:"pets.1.name"},"Second Pet's Name"),o("smoothly-input-range",{key:"de5d3819eed414de9e7a2e84dfdaa6b0574e3c62",name:"pets.1.age",max:100,step:1,label:"Second Pet's Age"}),o("smoothly-input",{key:"a476167a0ed9889a668bb3cb725673a3e7610607",name:"pets.2.name"},"Third Pet's Name"),o("smoothly-input-range",{key:"a7478bc13ff8aaf069125171116b58e58cc41bff",name:"pets.2.age",max:100,step:1,label:"Third Pet's Age"}),o("smoothly-input-file",{key:"12beed2cee2c7605e422cca9367bf606fe9957fb",name:"profile",placeholder:"Click or drag your profile picture here..."},o("span",{key:"42c65b9f428f5db584bf3a166b9b6594733f8d80",slot:"label"},"Profile"),o("smoothly-icon",{key:"fa2ab91385f534d7f052ccdbb3205a1da8032963",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),o("smoothly-input",{key:"a9c3ea48b7a41baf04bb40b11bd304aae2ab9197",type:"duration",name:"duration",value:{}},"Duration"),o("smoothly-input-clear",{key:"439e86e9d2bd36eb4f21fdc6477b264025912ccd",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),o("smoothly-input-edit",{key:"b647e995fd7d90693497070b7751fdf787958dc7",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),o("smoothly-input-reset",{key:"7bc5533af945d6d3acea8ceee2a9ab7d166e5d38",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),o("smoothly-input-submit",{key:"c9251420eb11a27433edfa4eb62be070d283b814",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),o("smoothly-input-submit",{key:"5741bc096734acc63eccb7ce5cf66fac7ba3cb65",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}};const jr=class{constructor(e){t(this,e)}render(){return o(s,{key:"380563e89b70c7195faf77cfe59aa7b287bf65c8"},o("h2",{key:"15c8b7c114af4388e99b2eaa2d9b70fa52463e67"},"Card"),o("smoothly-form",{key:"089bae2b007fd14c82f2f946f63c97419174de7e",looks:"grid",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail))},o("smoothly-input",{key:"51a4adf0bc70273b70759a560e4e69d90686ef84",type:"card-number",name:"card"},"Card #"),o("smoothly-input-submit",{key:"5c328965e5e3e54d6dacd06e70cd7a09ff78e081",size:"icon",slot:"submit",color:"success",fill:"solid"}),o("smoothly-input",{key:"cae7ec030ab677708b19735c28e6c4dc50a754fb",type:"card-expires",name:"expires"},"Expires"),o("smoothly-input",{key:"229929c495abca2028ecfdc3e2def372d976eb97",type:"card-csc",name:"csc"},"CVV/CVC"),o("smoothly-input",{key:"05260b48e59cf1a42a44bf361be6c9e3b78935aa",type:"text",name:"name.first"},"First Name"),o("smoothly-input",{key:"50b0822f1264f855f3c24cf3a709952067a9f8f4",type:"text",name:"name.last"},"Last Name")))}};const Tr=class{constructor(e){t(this,e);this.currencies=["GBP","SEK","EUR","USD"];this.name="Initial name";this.currency="EUR";this.date=x.now()}nameChanged(t,e){console.log(`updated name from '${e}' to '${t}'`)}async submitHandler(t){t.stopPropagation();console.log("Received event. Processing...",t.detail);if(!(typeof t.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof t.detail.value.date=="string"))console.error("Bad input. Resolving false.");else if(!z.is(t.detail.value.currency))console.error("Bad input. Resolving false.");else{await new Promise((t=>window.setTimeout(t,1e3)));this.name=t.detail.value.name;this.date=t.detail.value.date;this.currency=t.detail.value.currency;console.log("Finished processing successfully. Resolving true.");t.detail.result(true)}t.detail.result(false)}render(){return o(s,{key:"127eacdf51179a2452403e4663dde0be40455552"},o("h2",{key:"e70564d49f51c04b57ac3b0bce258d70a22fe242"},"Controlled"),o("smoothly-form",{key:"2591ededf60a7c1312a1df93c4041faec8a8d844",readonly:true,looks:"grid",onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input",{key:"fc96c65a316b8d6c8ee884f9a75aaa6f3073934c",type:"text",name:"name",value:this.name},"Name"),o("smoothly-input-select",{key:"22ec7d223940ea5d39876215ccf3140d939d1eb6",name:"currency"},o("span",{key:"23a5a040a4434a403800cd38914bf71dfb054ee1",slot:"label"},"Currency"),this.currencies.map((t=>o("smoothly-item",{selected:t==this.currency,value:t},t)))),o("smoothly-input",{key:"f7ed25cb59c5613f68ac46c2c7ab683ed1502f19"},"Dummy"),o("smoothly-input-month",{key:"dbb0d0b5f451aee0e9ac553a7a7495b2a639ffba",name:"date",value:this.date,next:true,previous:true},o("span",{key:"448ca98878cdc14ff95aa8f0c1b3f0a54a143350",slot:"year-label"},"Year"),o("span",{key:"363426ff1d76786accede88917902ef00e5508d2",slot:"month-label"},"Month")),o("smoothly-input-edit",{key:"7a34a2a619743eec8546afe02042ee19c75ca622",slot:"edit",size:"icon",color:"primary",fill:"default"}),o("smoothly-input-reset",{key:"e11fbad0e4bf0366c3e87330678a9a8250faeacb",slot:"reset",size:"icon",color:"warning",fill:"default"}),o("smoothly-input-submit",{key:"b0a0221c4074d2bef38d09a5ecefa30243521a90",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:["nameChanged"]}}};const _r=".sc-smoothly-form-demo-date-h{display:block}";const Dr=_r;const Lr=class{constructor(o){t(this,o);this.notice=e(this,"notice",7);this.validator=I({date:y("isoly.Date",x.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(O.failed(`Type is incomplete.`))}else{this.notice.emit(O.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return o(s,{key:"adefda2f6f0d537082d10f63ebd53a0497a7ca82"},o("h2",{key:"cf57f578f2caf3001c3ab14ce1b12eee3a8e7f74"},"Date input"),o("smoothly-form",{key:"220ef96f2cef2e4526871b4dd7cae3736ffc3aa6",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input-date",{key:"37a21d5d8b094ba14ce80f2b521989927b40bffa",name:"date"},"Date"),o("smoothly-input-submit",{key:"082d7a7369455a651bce813da2aab843df891835",slot:"submit"},o("smoothly-icon",{key:"01fdc733a2a2ec49589658981ce32183dd6fcb75",name:"checkmark-outline"}))))}};Lr.style=Dr;const Or=".sc-smoothly-form-demo-date-range-h{display:block}";const Ar=Or;const Mr=class{constructor(o){t(this,o);this.notice=e(this,"notice",7);this.validator=I({range:y("isoly.DateRange",_.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(O.failed(`Type is incomplete.`))}else{this.notice.emit(O.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return o(s,{key:"7070cc781370699e35f5c90f89ddd0d2c1e08132"},o("h2",{key:"44687d1177ddbaf97523e92067c4ad7b680b5bd9"},"Date-range input"),o("smoothly-form",{key:"8a0df7c1c746e592b40a2c4422755e001d3a516f",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input-date-range",{key:"a71548e2febc7dc65fb69125fa9200c0a061c384",name:"range"},"Range"),o("smoothly-input-submit",{key:"f0a37a386880bd34a13644093a1cc6256d0e5a64",slot:"submit"},o("smoothly-icon",{key:"bf0dec6f422116ecea2a42b1b057c6e2a412a105",name:"checkmark-outline"}))))}};Mr.style=Ar;const Er=class{constructor(e){t(this,e)}render(){return o(s,{key:"1e3f78829eab55a6c245870eeb74cb6c26063828"},o("h2",{key:"f54eed1eabb841f82de0da90b212ea6c11a2a988"},"Login"),o("smoothly-form",{key:"acdad38bf6530f2624b1b52d88ee0251dd7af3d3",looks:"border"},o("smoothly-input",{key:"68d96eae8c35ac89869f20266896d008d843edf4",type:"text",name:"username"},"Username"),o("smoothly-input",{key:"9beab566c6f7189dfcebae7149d25be6bd2885e1",type:"password",name:"password"},"Password"),o("smoothly-input-reset",{key:"851c57a3d2e2e8b42a36ba97ec3aa086959b0df3",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"dbb45b020eecfd32e532848c4e5b474030c5f1a0",slot:"submit"})))}};const Rr='.sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name="hasOwner"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}';const $r=Rr;const Pr=class{constructor(e){t(this,e);this.hasOwner=false;this.owner={};this.value=undefined}render(){var t,e;return o(s,{key:"fd6f58f335cd349a61d568e69537dfeb7f816567"},o("h2",{key:"fcccf576c54df16f5cb8a1b050def1d7456b3295"},"Pet"),o("h3",{key:"b1ff28871663e3d883717831eddec29a85ba0ccb"},"Value"),o("smoothly-form",{key:"eb882ce38ca479836483edf6d1794362e64b39df",looks:"border",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail)),onSmoothlyFormInput:t=>this.value=Object.assign({},t.detail)},o("smoothly-input",{key:"1d034f4162cfa87ff6f609add559682dd9e05cb6",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"308698375c3d928a829b7a0585b652acd7eb7125",slot:"end"})),o("smoothly-input",{key:"6332686d7d46872727ff9de8a578c3ac117149b8",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"eb1f6aec65f842f22366fa844b0fda1584df0c66",name:"hasOwner",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:t=>{this.hasOwner=t.detail.hasOwner;t.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"cd6c11e114bce17426f90e355eb1db1af7ed8fc1",slot:"end"})),this.hasOwner&&o(a,{key:"e6ac2d7b3087306f99b0fa9b6444e91b5e0e37a6"},o("smoothly-input",{key:"b9acbcf6211fa057df6cf813b3138987f87d0faf",type:"text",name:"owner.firstName",value:this.owner.firstName,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{firstName:t.detail["owner.firstName"]})},"Owner First Name",o("smoothly-input-reset",{key:"6135bc037cb61797db43929298cb0fecb566bae1",slot:"end"})),o("smoothly-input",{key:"ea1cd7c11207f6ffef10b998d48601b23e32784c",type:"text",name:"owner.lastName",value:this.owner.lastName,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{lastName:t.detail["owner.lastName"]})},"Owner Last Name"),o("smoothly-input-file",{key:"7b29325cf763adc7f8a74aa038787bcbc79e2cbc",name:"owner.picture"},o("span",{key:"6cfb9c9ca08c1aa21bffd74440b9fc72be1f9b9e",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"b0e13b530fcbecdc3473f8f3a6b64faae0539f99",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:t.detail["owner.birthday"]})},"Owner birthday",o("smoothly-input-reset",{key:"091080379497e5b4a44baa6e4c308d615d11efd3",slot:"end"})),o("smoothly-input-date-range",{key:"177cf8bab833aefc37641f84e311bae632766e4f",name:"owner.ownedRange",start:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.start,end:(e=this.owner.ownedRange)===null||e===void 0?void 0:e.end,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:t.detail["owner.ownedRange"]})},"Owner ownedRange",o("smoothly-input-reset",{key:"50d628cc5312eeaddc9e63eee1bec136edad5d54",slot:"end"})),o("smoothly-input-range",{key:"45d0b2a96491f83fa490303d972b1888ca238499",name:"owner.height",step:1,max:250,value:this.owner.height,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{height:t.detail["owner.height"]})},"Owner's Height",o("smoothly-input-reset",{key:"e6d5532bae6b869e2689606856fed111437b10b4",slot:"end"})),o("smoothly-input-select",{key:"4eb44a966295ea7c466e05ffefdc78539d67a1c3",name:"owner.favoriteHat"},o("span",{key:"4c5f5c7e8d90c0fbcdc4d7f3a08904a2d2a12e7a",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,e)=>o("smoothly-item",{value:t,key:e,selected:this.owner.favoriteHat==t},t))),o("smoothly-input-reset",{key:"953da4ac3876ae0426e16f575cb73f3d5f2f0167",slot:"end"})),o("smoothly-input-color",{key:"88e770f1c77599d46031e1d58d7c927748e4930c",name:"owner.favoriteColor",value:this.owner.favoriteColor?b.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:t.detail["owner.favoriteColor"]})},"Owner's Favorite Color",o("smoothly-input-reset",{key:"7ede6644743c2635706d4cf278f47e21d3b74d98",slot:"end"})),o("smoothly-input-radio",{key:"c231193127024d9761aa559bec89ffb1eaf09acc",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:t.detail["owner.favoritePizza"]})},o("span",{key:"4388ee769be45cb2df1226a3abf3a4f11cbb6065",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,e)=>o("smoothly-input-radio-item",{value:t,key:e},t)))),o("smoothly-input-checkbox",{key:"012f9e3da80a1ec67aee406964263dd91ea47138",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:t.detail["owner.hasPet"]})},"Has Pet")),o("smoothly-tabs",{key:"69d1dc65939a4deab9b22e83bd326ee88e1ac6fb"},o("smoothly-tab",{key:"add8493e142d0f4fb001bce90659e9ac9b514696",label:"Dog",name:"dog"},o("smoothly-input",{key:"55d8cfe1ec5f5de509df765454025eb0f890b6f3",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"c676d03691f28f7cd69d27ab72f2f79667f7af04",name:"dog.picture"},o("span",{key:"8f3cdfde96d4d8c9667ccc142e1aa324f3da2d26",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"d29a5e0694ab908dc4bdf52f5b9ad6b28985132d",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"474667a7c5357cfc9a4a6dbe98f1d688c4ec4954",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"8ccfb03d70d83cf566676b7ab57ea5191dd5393f",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"2066db8c8d4e5b44a378cf293e2adbb5e8bf460d",name:"dog.favoriteHat"},o("span",{key:"a62342e8af25a36683b5bb71329e5a9838e46ad8",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,e)=>o("smoothly-item",{value:t,key:e},t)))),o("smoothly-input-color",{key:"542fe343740ac056bfbae4cd475115d14e55747c",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"3a974e789695f7d1f7dad1029b18e8234a40f520",name:"dog.favoritePizza"},o("span",{key:"ceb0081e3d6cdbb28132be63098b592399aea837",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,e)=>o("smoothly-input-radio-item",{value:t,key:e},t)))),o("smoothly-input-checkbox",{key:"ee5fee3e5b44ee6ec5bd5c2a745cefc69e828ae2",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"8fa8c7108190cc80ea2f19162d9da05d771cd012",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"1447b9e61334745da924780fe9fd9ffa08d0772f",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"6aa5088e6670b82a7e322a6e3884834a3a6bebc6",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"ea0f62a2bef7ba932d81d1cfc758a30730a942ae",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"0d4ec9d5fb2629416bd2503b21ca161b1a42781c",name:"parrot.picture"},o("span",{key:"277b9fadfca699e97cf6b59f32bc9eb935236ccb",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"bde01c974d7a9a6d8f72ba693d14da87412142ce",slot:"end"})),o("smoothly-input-date",{key:"dbb7ff97e4032431c28296f571bb9c14f4792a9f",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"7c8bc746930884acd71fe8b9e43ad3f39df2280a",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"c2c019d38267cc7cf2e1bb9f9de099093dcba829",slot:"end"})),o("smoothly-input-range",{key:"f9e1e846edc01ff5d1d0a70623e1218115d74922",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"28336ff1ca0555df0bad230de82ca4f27fac0f17",slot:"end"})),o("smoothly-input-select",{key:"1284dab60ff21da638a1c6de3b97bebc89f5336f",name:"parrot.favoriteHat"},o("span",{key:"0f42c20171f445ee7662143458622bfe82edfbee",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,e)=>o("smoothly-item",{value:t,key:e},t)))),o("smoothly-input-month",{key:"6add4cdf7a3ab70b237ebdd1b305702d0206960f",name:"parrot.month"},o("span",{key:"1daadc9241a75387cbce7a75fe580e7816fd3db2",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"436f5e0c5cc9d2ebe4610db98ee2e06c99cdb342",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"266007f891ac4b2b657c5b387cf8decb4f591a71",name:"parrot.favoritePizza"},o("span",{key:"9e90dbf17288235b318dbda58b13bec95dc727c9",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,e)=>o("smoothly-input-radio-item",{value:t,key:e},t)))),o("smoothly-input-checkbox",{key:"9422f35a25153747298d082b011823d983046a86",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"d60ff5f5085e2b3eb74f23c127dd6a3a9897a47a",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"84847bdce423d1d7c2d935d84b725dc3e2f0a5fb",type:"json",value:this.value}))}};Pr.style=$r;const Fr=class{constructor(e){t(this,e)}render(){return o(s,{key:"07b1adb88bd8e33146a7136cfd9937bb514ca7f2"},o("h2",{key:"07aa50d7b9724126041784ebcd6470db505b2b30"},"Prices"),o("smoothly-form",{key:"bacdec10f2b08eb01821fd3d0ef499ac9f226b10",looks:"line"},o("smoothly-input",{key:"1de0e8872ccfaee3b0dd409b6e20b035b827bb24",type:"price",name:"no"},"No currency"),o("smoothly-input",{key:"f3e3ff990f12aed4d9c2fc183b1537c60bd5c334",type:"price",name:"crowns",currency:"SEK",toInteger:true},"SEK (toInteger)"),o("smoothly-input",{key:"43c10d5ed2802155c05ea78c562f7f70750f726e",type:"price",name:"usDollar",currency:"USD"},"USD"),o("smoothly-input",{key:"14b2ed48704938dbd3324cb9643964e94f506f69",type:"price",name:"pounds",currency:"GBP"},"GBP"),o("smoothly-input",{key:"925f583dff01f4776cc356caf5cbf457b029f887",type:"price",name:"peso",currency:"UYW"},"UYW"),o("smoothly-input",{key:"9336ce172a3721c71085eed3a12bdd5059a2506e",type:"price",name:"iceland",currency:"ISK"},"ISK"),o("smoothly-input",{key:"fad2f01e3f1ab0c7cf06cf5da0cfef6636154c5b",type:"price",name:"Palladium",currency:"XPD"},"XPD (Palladium)"),o("smoothly-input-reset",{key:"60aac83fc7d1330da74f5828e8ae59a622ac5595",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"e760313c45ebfd058ed98e0a5ba107d04a69ae8a",slot:"submit"})))}};var Hr;(function(t){t.type=I({date:y("isoly.Date",x.is),amount:D()})})(Hr||(Hr={}));var Nr;(function(t){t.type=I({schedule:Hr.type.array()})})(Nr||(Nr={}));const Ur=class{constructor(e){t(this,e)}render(){return o(s,{key:"c6c8f8e9732b7bee6174b065aca78ec9433d106f"},o("h2",{key:"3abd7dcb1223634ebe153ca72bc01a63b8f1cc0f"},"Schedule"),o("smoothly-form",{key:"58efff0608dccc24e672f0af2c46ed7a6910f91f",looks:"line",validator:Nr.type},o("smoothly-input-date",{key:"edfbd13e8fad7a7c250d0a34b6a05c8e14e7cfc7",name:"schedule.0.date"},"Date"),o("smoothly-input",{key:"b8be4605fffe2989054278d01c92267f5763389e",name:"schedule.0.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"0748a3ebf8c6be536eddc53800c0d411799f5bf4",name:"schedule.1.date"},"Date"),o("smoothly-input",{key:"5bedf4f31945901c20d0cf856a2a1b8ae9e80423",name:"schedule.1.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"e45b5341043beedfde0c3e0384b0e3d102c0a671",name:"schedule.2.date"},"Date"),o("smoothly-input",{key:"bdba3363ca72fde13eacd55ddfe6410c57c7bb41",name:"schedule.2.amount",type:"price"},"Amount"),o("smoothly-input-reset",{key:"18dca6b3c44da961d7b2ef3da97820ae966cd5c4",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"400283fd87c5de2ee10e72873afcba9064fa6814",slot:"submit"})))}};const Yr=class{constructor(e){t(this,e)}render(){return o(s,{key:"23c35e22c6f70f6b55ad18ec6d38a188f0215c9b"},o("h2",{key:"e2fc9d3be81cdd5da0c630b42ede7e6715084d38"},"Transparent"),o("smoothly-form",{key:"084e4048817e9edac303e5eb5cf10ca0b9161a3c",looks:"transparent",onSmoothlyFormSubmit:t=>console.log(t.detail.value)},o("smoothly-input-file",{key:"a8839f3a389be8f634d2f92eba94141b6448592c",name:"file"},o("span",{key:"3c21619014ceb39e67679b08af8b05c0440d85fa",slot:"label"},"File"),o("smoothly-icon",{key:"5ca5dbcc76fd50469eae5d0ed4a2b34b1eca00e3",slot:"button",name:"folder-open-outline",size:"small"})),o("smoothly-input",{key:"6e10c11a9dd709713192cafaf916355866b471f7",type:"duration",looks:"transparent",placeholder:"h:mm"},"Input"),o("smoothly-input-date",{key:"cfa290bcb1a0a5d1330a7ca989673efeb5ee3c51"},"Date"),o("smoothly-input-date-range",{key:"4f50a65e65ec2df78c4a1636b346c5fc14bf4b29"},"Date Range"),o("smoothly-input-select",{key:"cca7b65376fc4a9a00acd0a2e70fd8d452e771ba",name:"transport"},o("smoothly-item",{key:"fb144f0f2b2242e0dd2769f61bf1a472be2c79c5",value:"plane"},o("smoothly-icon",{key:"4474223b29cfd66f71f64a7f617559c9b714bbc1",name:"airplane-outline"})),o("smoothly-item",{key:"5beaffe896df6aa774a94e4ac008596020eb39b5",value:"car"},o("smoothly-icon",{key:"3c84883a539e367eceab216e93d30a6d0da03d03",name:"car-outline"})),o("smoothly-item",{key:"f0d434a1c2c86e14088cc266c9a6b45845e4abf1",value:"bus",selected:true},o("smoothly-icon",{key:"67c1a2c383c6b6afe3f8d090cb92e367c3a2de08",name:"bus-outline"}))),o("smoothly-input-submit",{key:"6feb50ed966210ea27886c404fe104f6b46dfc4e",icon:"checkbox-outline"})))}};var Wr;(function(t){t.type=I({name:I({first:j(),middle:j().optional(),last:j()}),age:D((t=>18<=t&&t<=120)),country:y("CountryCode",L.is),birthday:y("Date",x.is)})})(Wr||(Wr={}));const Br="";const Vr=Br;const Gr=class{constructor(e){t(this,e)}render(){return o(s,{key:"09d832f2e2c7fabdb8a1aa67f9e1597994165e5d"},o("h2",{key:"8c90f3c15aeffc1cf3502e4e6ac153d3de1b9cc8"},"Typed Contact"),o("smoothly-form",{key:"57bce4118b8793986ced78a45d115e0323f6f563",validator:Wr.type},o("smoothly-input",{key:"f5cf0372e007ae990944e92ff880622133e20bf5",name:"name.first"},"First Name"),o("smoothly-input",{key:"8580c166148a543c2a75e06cef0d045aee90e110",name:"name.middle"},"Middle Name (optional)"),o("smoothly-input",{key:"96ace8adf89b75c8b23ae2328d31d904e70bb31b",name:"name.last"},"Last Name"),o("smoothly-input",{key:"51834ec2a86232e2792fe1a4e97b17669e7fc3dc",name:"age",type:"integer"},"Age (18-120)"),o("smoothly-input-select",{key:"8be08f56052a4b985f0bcd66f7a4a1ab6b1d72f2",name:"country"},o("span",{key:"e5daf40e56a6ac2d79440fc62424362f121f6fbd",slot:"label"},"Country"),L.values.map((t=>o("smoothly-item",{value:t},A(t))))),o("smoothly-input-date",{key:"ff85538ce1aa8b04b69fada24c8c1ebb7e0bab12",name:"birthday"},"Date of birth"),o("smoothly-input-reset",{key:"816e986b3a198860cbabf2869b440e10fe60e620",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"e912e9b466f52c4aad5d43ac0fca19ec155560c5",slot:"submit",size:"icon",color:"success"})))}};Gr.style=Vr;const Kr=".sc-smoothly-frame-h{display:block;width:100%;height:100%}[hidden].sc-smoothly-frame-h{display:none}.sc-smoothly-frame-h>iframe.sc-smoothly-frame{border:none;padding:none;margin:none}";const Zr=Kr;const qr=class{constructor(o){t(this,o);this.trigger=e(this,"trigger",7);this.message2=e(this,"message2",7);this.url=undefined;this.name=undefined;this.origin=undefined}get contentWindow(){const t=this.element&&this.element.firstElementChild?this.element.firstElementChild:undefined;return t&&t.contentWindow||undefined}get defaultOrigin(){const t=this.url.match(/^(([a-z]+\+)*[a-z]+:\/\/)?[^/^\n]+/);return t?t[0]:"*"}componentDidLoad(){var t;if(this.contentWindow)f.listen((t=this.origin)!==null&&t!==void 0?t:this.defaultOrigin,((t,e)=>{if(t==this.name)if(h.is(e))this.trigger.emit(e);else this.message2.emit({destination:t,content:e})}),window)}async send(t,e){var o,s;if(typeof t=="string")f.send(((o=this.origin)!==null&&o!==void 0?o:this.defaultOrigin)+"#"+t,e,this.contentWindow);else if(f.is(t)&&this.contentWindow)f.send({destination:((s=this.origin)!==null&&s!==void 0?s:this.defaultOrigin)+"#"+t.destination,content:t.destination},this.contentWindow)}render(){return[]}get element(){return i(this)}};qr.style=Zr;const Xr="[fill].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:content-box}[rotate].sc-smoothly-icon-h{--rotate:rotate(var(--rotation, 0deg));transform:var(--rotate)}[flip=x].sc-smoothly-icon-h{--flip:scaleX(-1);transform:var(--flip)}[flip=y].sc-smoothly-icon-h{--flip:scaleY(-1);transform:var(--flip)}[rotate][flip].sc-smoothly-icon-h{transform:var(--rotate)var(--flip)}[hidden].sc-smoothly-icon-h{display:none}[size=tiny].sc-smoothly-icon-h{--smoothly-icon-size:1.2rem}[size=small].sc-smoothly-icon-h{--smoothly-icon-size:1.4rem}[size=medium].sc-smoothly-icon-h{--smoothly-icon-size:1.8rem}[size=large].sc-smoothly-icon-h{--smoothly-icon-size:2.8rem}[size=xlarge].sc-smoothly-icon-h{--smoothly-icon-size:4rem}.sc-smoothly-icon-h{width:var(--smoothly-icon-size, 1.8rem);height:var(--smoothly-icon-size, 1.8rem)}.sc-smoothly-icon-h.sc-smoothly-icon-s>svg{width:100%}";const Jr=Xr;const Qr=class{constructor(e){t(this,e);this.color=undefined;this.fill="solid";this.name="empty";this.size=undefined;this.rotate=undefined;this.flip=undefined;this.tooltip=undefined;this.latestPromise=undefined}async componentWillLoad(){await this.nameChanged()}async nameChanged(){if(this.name=="empty"){this.updateSvg();return}const t=this.latestPromise=c.load(this.name);const e=await t;if(t!=this.latestPromise)return;if(e){const t=this.sanitizeSvg(e);this.updateSvg(t)}}sanitizeSvg(t){const e=new DOMParser;const o=e.parseFromString(t,"image/svg+xml");const s=o.querySelector("svg");if(s){s.setAttribute("role","img");s.removeAttribute("width");s.removeAttribute("height")}return s!==null&&s!==void 0?s:undefined}updateSvg(t){t?this.element.replaceChildren(t):this.element.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\n\t\t\t\t\t<title>Empty</title>\n\t\t\t\t</svg>`}render(){var t;return o(s,{key:"9020a09ffba054d3478a3ae7df25c7a785e9f7a4",title:this.tooltip,style:{["--rotation"]:`${(t=this.rotate)!==null&&t!==void 0?t:0}deg`}})}get element(){return i(this)}static get watchers(){return{tooltip:["nameChanged"],name:["nameChanged"]}}};Qr.style=Jr;const tc=".sc-smoothly-icon-demo-h{display:block;width:clamp(200px, 100%, 1200px);margin:auto}[hidden].sc-smoothly-icon-demo-h{display:none}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{padding:1rem;position:relative}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover{scale:1.5}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover::after{content:attr(data-name);position:absolute;white-space:nowrap;bottom:100%;background:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-color));padding:0.25rem 1rem;z-index:1;pointer-events:none}";const ec=tc;const oc=class{constructor(o){t(this,o);this.notice=e(this,"notice",7);this.page=0;this.display={};this.props={}}render(){return o(s,{key:"76d04985ea3b05b89e3924d1477e2152cf69987e"},o("h2",{key:"55a228ff66264dee9b1a33451dd38624e36405fd"},"Filter and Variants"),o("smoothly-form",{key:"b7028afd552ad08a426a576334edc075927d4da0",onSmoothlyFormInput:t=>this.display=t.detail},o("smoothly-input",{key:"ef32f99e3efa643130eafe143ff3eb041eb740de",name:"filter"},"Filter"),o("smoothly-input-select",{key:"95246b9a7714f3fa94c5bb9aed572acbc043943a",name:"variant"},o("span",{key:"945522c24b5bd7e486428ff874728c126bfe2bb7",slot:"label"},"Variant"),o("smoothly-item",{key:"624784f7b0621c9d9bc582ff521fd7d027ab4740",value:"outline"},"outline"),o("smoothly-item",{key:"781872747dd78da5c18307937eae02546a54645f",value:"sharp"},"sharp"),o("smoothly-input-clear",{key:"62f2a2dcecd806ab989784da1d29dc1d55d2181c",slot:"end"}))),o("h2",{key:"02700b2b3e514ef0475b89049df54839d1d99818"},"Props"),o("smoothly-form",{key:"ee64fa2e888fc8d5eee88c5f6ba2ac56073a485b",onSmoothlyFormInput:t=>this.props=t.detail},o("smoothly-input-select",{key:"84f79069f3059fb7c6ff9787b8dea43d240fcb04",name:"color"},o("span",{key:"e1384bdbbad1d3ef47d18fe7701515764c21f51f",slot:"label"},"Color"),l.values.map((t=>o("smoothly-item",{value:t,color:t},t))),o("smoothly-input-clear",{key:"57bab5535b6984a060d7a115a700437a9792531a",slot:"end"})),o("smoothly-input-select",{key:"cedc770b05430217c136caf5fb5a6fcc05a99d30",name:"fill"},o("span",{key:"dc0646109f5a72d1701b7c248e4c998a4cc81642",slot:"label"},"Fill"),r.values.map((t=>o("smoothly-item",{value:t},t))),o("smoothly-input-clear",{key:"d639c904f93b4e705378d2327fd711de594020ec",slot:"end"})),o("smoothly-input-select",{key:"0e54bdadbe97e37890076ca87bd4b7e95cf4360f",name:"flip"},o("span",{key:"c8ef684d2a5f69ded9f0084fd2810e89c15fc330",slot:"label"},"Flip"),o("smoothly-item",{key:"52ff2983e7fcecc19de0e9b93bf7f0c74a232eab",value:"x"},"x"),o("smoothly-item",{key:"c2b73656f06d4b843855623840603ce11c92dcc0",value:"y"},"y"),o("smoothly-input-clear",{key:"b245af6ebbc40ad4d0497b3145140e628be0afb8",slot:"end"})),o("smoothly-input-select",{key:"024759f276ae3ffcbdd736c07d291db66f9d951d",name:"size"},o("span",{key:"6cddfc1203383bd0e8262d72f830e5f0f9018db1",slot:"label"},"Size"),o("smoothly-item",{key:"ea1550b29efa366731efa1094de22a3b198ab21b",value:"tiny"},"tiny"),o("smoothly-item",{key:"0d71e4dd9a2d4f5bc8a4fb433cca1c0168acc90e",value:"small"},"small"),o("smoothly-item",{key:"77648ec680152d4eff67a94ee973f914a4fa4ac6",value:"medium"},"medium"),o("smoothly-item",{key:"8e99089682b90d50295eba87e2f962851d5e98a4",value:"large"},"large"),o("smoothly-item",{key:"d8bdde05960be9319372854c3c16e4a8dcbca8a0",value:"xlarge"},"xlarge"),o("smoothly-input-clear",{key:"f5db639f69afffd1a00b2e052d447c287f135e04",slot:"end"})),o("smoothly-input-range",{key:"c1357626e97be16d3c132a6037379de2d7003871",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",o("smoothly-input-clear",{key:"ebb027ab694dc4f8641f0d158ec8d637f24ef9b9",slot:"end"}))),o("h1",{key:"114eb0be41737d8b679a4b2c4e583552cc9b3bcd"},"Icons"),o("div",{key:"16fb9b9010f0ab0ca2729eb5fd3aaf799512f702",class:"icons"},[...c.Name.values.filter((t=>!this.display.filter||t.includes(this.display.filter))).map((t=>this.display.variant?`${t}-${this.display.variant}`:t)),...c.Logo.values.filter((t=>!this.display.filter||t.includes(this.display.filter)))].map((t=>o("smoothly-icon",{name:t,tooltip:t,"data-name":t,color:this.props.color,fill:this.props.fill,flip:this.props.flip,size:this.props.size,rotate:this.props.rotate,onClick:()=>{navigator.clipboard.writeText(t);this.notice.emit(O.succeeded(`Copied "${t}"`))}})))))}};oc.style=ec;var sc;(function(t){function e(t,o){if(t===o)return true;if(typeof t=="object"&&typeof o=="object"){const s=Object.keys(t);if(s.length==Object.keys(o).length&&s.every((s=>e(t[s],o[s]))))return true}return false}t.equal=e;function o(t,o){return!e(t,o)}t.notEqual=o})(sc||(sc={}));var ic;(function(t){function e(t,e,i){const a=/([^.-@\s]+)/gi;return i=="backward"?o(t,e,a):s(t,e,a)}t.getWordBreakIndex=e;function o(t,e,o){let s=0;let i;while((i=o.exec(t))!=null){if(o.lastIndex-i[0].length<e)s=o.lastIndex-i[0].length;else break}return s}function s(t,e,o){let s=0;while(o.exec(t)!=null){s=o.lastIndex;if(o.lastIndex>e)break}o.lastIndex<=e&&(s=t.length);return s}})(ic||(ic={}));class ac{constructor(t,e){this.formatter=t;this.type=e;this.keydownHandlers={ArrowLeft:(t,e)=>t.ctrlKey||t.metaKey?e:this.moveCursor(t,e),ArrowRight:(t,e)=>t.ctrlKey||t.metaKey?e:this.moveCursor(t,e)};this.eventHandlers={beforeinput:{insertText:(t,e)=>this.insert(t,e),insertFromPaste:(t,e)=>this.insert(t,e),insertFromDrop:(t,e)=>this.insert(t,e),deleteContentBackward:(t,e)=>{t.preventDefault();if(e.selection.start==e.selection.end)this.select(e,e.selection.start-1,e.selection.end);this.erase(e);return e},deleteContentForward:(t,e)=>{t.preventDefault();if(e.selection.start==e.selection.end)this.select(e,e.selection.start,e.selection.end+1);this.erase(e);return e},deleteWordBackward:(t,e,o)=>{let s=e;if(this.type!="password"){t.preventDefault();s=this.deleteWord(o,"backward")}return s},deleteWordForward:(t,e,o)=>{let s=e;if(this.type!="password"){t.preventDefault();s=this.deleteWord(o,"forward")}return s},deleteByCut:(t,e)=>{this.erase(e);return e}},input:{insertReplacementText:(t,e)=>Object.assign(Object.assign({},e),{value:t.target.value}),insertCompositionText:(t,e)=>Object.assign(Object.assign({},e),{value:t.target.value}),deleteWordBackward:(t,e)=>this.type=="password"?Object.assign(Object.assign({},e),{value:t.target.value}):e,deleteWordForward:(t,e)=>this.type=="password"?Object.assign(Object.assign({},e),{value:t.target.value}):e,undefined:(t,e)=>Object.assign(Object.assign({},e),{value:t.target.value})}}}static create(t,e){let o;switch(t){case"price":o=Le("price",e);break;case"integer":o=Le("integer",e);break;default:o=Le(t,e);break}return new ac(o||Le("text"),t)}onKeyDown(t,e){var o,s,i,a;let n=e;const l=this.keydownHandlers[t.key];if(l){const r=t.target;e.selection.start=(o=r.selectionStart)!==null&&o!==void 0?o:e.selection.start;e.selection.end=(s=r.selectionEnd)!==null&&s!==void 0?s:e.selection.end;e.selection.direction=(i=r.selectionDirection)!==null&&i!==void 0?i:e.selection.direction;const c=l(t,this.unformatState(e),e);const h=this.partialFormatState(c);if(t.defaultPrevented){r.selectionStart=h.selection.start;r.selectionEnd=h.selection.end;r.selectionDirection=(a=h.selection.direction)!==null&&a!==void 0?a:null}n=h}return n}moveCursor(t,e){t.preventDefault();let o=ze.getCursor(e.selection);let s=ze.getStalker(e.selection);o=Math.min(Math.max(o+(t.key=="ArrowLeft"?-1:1),0),e.value.length);s=t.shiftKey?s:o;e.selection.direction=s<o?"forward":s>o?"backward":"none";e.selection.start=Math.min(s,o);e.selection.end=Math.max(s,o);return e}onFocus(t,e){const o=this.partialFormatState(this.unformatState(e));const s=t.target;s.value=o.value;return o}onBlur(t,e){const o=this.createFormattedState(e);const s=t.target;s.value=o.value;return o}onInputEvent(t,e){var o,s,i,a,n,l,r;const c=t.target;e.selection.start=(o=c.selectionStart)!==null&&o!==void 0?o:e.selection.start;e.selection.end=(s=c.selectionEnd)!==null&&s!==void 0?s:e.selection.end;e.selection.direction=(i=c.selectionDirection)!==null&&i!==void 0?i:e.selection.direction;const h=t.type=="beforeinput"||t.type=="input"?(l=(n=(a=this.eventHandlers[t.type])[t.inputType])===null||n===void 0?void 0:n.call(a,t,this.unformatState(e),e))!==null&&l!==void 0?l:e:e;const d=this.partialFormatState(h);if(t.defaultPrevented){c.value=d.value;c.selectionStart=d.selection.start;c.selectionEnd=d.selection.end;c.selectionDirection=(r=d.selection.direction)!==null&&r!==void 0?r:null}return d}insert(t,e){t.preventDefault();if(typeof t.data=="string")for(const o of t.data)this.formatter.allowed(o,e)&&this.replace(e,o.replace(/(\r|\n|\t)/g,""));return e}deleteWord(t,e){const o=ze.getCursor(t.selection);const s=ic.getWordBreakIndex(t.value,o,e);const i=this.unformatState(Object.assign(Object.assign({},t),{selection:{start:Math.min(o,s),end:Math.max(o,s),direction:"none"}}));const a=i.value.substring(0,i.selection.start)+i.value.substring(i.selection.end);i.value=a;i.selection.end=i.selection.start;return i}select(t,e,o,s){t.selection.start=e;t.selection.end=o;s&&(t.selection.direction=s)}erase(t){this.replace(t,"")}replace(t,e){t.value=t.value.substring(0,t.selection.start)+e+t.value.substring(t.selection.end);t.selection.start=t.selection.start+e.length;t.selection.end=t.selection.start}unformatState(t){return Ie.copy(this.formatter.unformat(je.copy(t)))}partialFormatState(t){return this.formatter.partialFormat(je.copy(t))}createFormattedState(t){return this.formatter.format(je.copy(this.formatter.unformat(je.copy(t))))}toString(t){return this.formatter.toString(t)}initialState(t,e){const o=this.toString(t)||"";const s=o.length;const i=this.createFormattedState({value:o,selection:{start:s,end:s,direction:"none"}});if(e)e.value=i.value;return i}setValue(t,e,o){const s=Object.assign(Object.assign({},e),{value:this.createFormattedState({value:this.formatter.toString(o),selection:e.selection}).value});t.value=s.value;return s}getValue(t){return this.formatter.fromString(this.unformatState(t).value)}setSelection(t,e,o,s){t.focus();t.selectionStart=o;t.selectionEnd=s;this.select(e,o,s);return e}}var nc;(function(t){t.type=I({name:j(),key:j(),shift:T(),ctrl:T(),alt:T(),meta:T()});t.is=t.type.is;function e(t,e){return{name:t,key:e.key,shift:e.shiftKey,ctrl:e.ctrlKey,alt:e.altKey,meta:e.metaKey}}t.create=e})(nc||(nc={}));const lc='.sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-h,[looks="transparent"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks="transparent"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks="transparent"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}.sc-smoothly-input-h:not([disabled])>.smoothly-invalid.sc-smoothly-input{cursor:pointer}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}';const rc=lc;const cc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.smoothlyKeydown=e(this,"smoothlyKeydown",7);this.smoothlyBlur=e(this,"smoothlyBlur",7);this.smoothlyChange=e(this,"smoothlyChange",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.isDifferentFromInitial=false;this.uneditable=this.readonly;this.observer=pr.Observer.create(this);this.color=undefined;this.looks=undefined;this.name=undefined;this.value=undefined;this.type="text";this.required=false;this.showLabel=true;this.autocomplete=undefined;this.placeholder=undefined;this.disabled=false;this.readonly=false;this.toInteger=undefined;this.currency=undefined;this.min=undefined;this.max=undefined;this.pad=undefined;this.invalid=false;this.errorMessage=undefined;this.copyable=undefined;this.initialValue=undefined;this.state=undefined;this.copied=false}async getValue(){return this.stateHandler.getValue(this.state)}async setValue(t){if(this.inputElement)this.state=this.stateHandler.setValue(this.inputElement,this.state,t)}async setFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.focus()}async setSelection(t,e){if(this.inputElement)this.state=this.stateHandler.setSelection(this.inputElement,this.state,t,e<0?this.inputElement.value.length+e+1:e)}async listen(t){this.observer.subscribe(t)}nameChange(t,e){kr.formRename(this,e)}async register(){kr.formAdd(this)}async unregister(){kr.formRemove(this)}async clear(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,undefined)}}async edit(t){!this.uneditable&&(this.readonly=!t)}async reset(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,this.initialValue)}}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()})}async setCustomInitialValue(t){this.initialValue=t}async smoothlyInputLoadHandler(t){kr.registerSubAction(this,t)}typeChange(){var t,e;switch(this.type){case"price":this.stateHandler=ac.create("price",{currency:this.currency,toInteger:this.toInteger});break;case"integer":this.stateHandler=ac.create("integer",{min:this.min,max:this.max,pad:this.pad});break;default:this.stateHandler=ac.create(this.type,R());break}this.state=this.stateHandler.initialState((t=this.value)!==null&&t!==void 0?t:(e=this.state)===null||e===void 0?void 0:e.value,this.inputElement)}stateChange(){const t=this.stateHandler.getValue(this.state);this.isDifferentFromInitial=sc.notEqual(this.initialValue,t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){const e=this.stateHandler.getValue(this.state);if(sc.notEqual(e,t)&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t);this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)})}}readonlyChange(){this.observer.publish()}componentWillLoad(){this.initialValue=this.value;this.typeChange();this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){if(this.inputElement)this.inputElement.value=this.state.value}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}onEvent(t){this.state=this.stateHandler.onInputEvent(t,this.state);if(t.type=="input"||t.defaultPrevented)this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}copyText(t){if(t){navigator.clipboard.writeText(t);this.copied=true}}render(){var t,e,i,a,n,l,r,c,h,d;return o(s,{key:"ca37908f1857547c5ba7a20c512838c22e1c00c7",class:{"has-value":((t=this.state)===null||t===void 0?void 0:t.value)!=undefined&&((e=this.state)===null||e===void 0?void 0:e.value)!=""},onclick:()=>{var t;return(t=this.inputElement)===null||t===void 0?void 0:t.focus()}},o("slot",{key:"8471966b187be0553c20aa74e94e3c524135aaba",name:"start"}),o("div",{key:"1aaa00ac29eea6aff4274a5ed182c9e88ecee91e",class:"smoothly-input-container"},o("div",{key:"87e8dff38036d15be674c37b2aaa1b144bedd68d",class:"guide"},o("div",{key:"265330f23f44613d4e82424403743aa47e1fa40f",class:"value"},(i=this.state)===null||i===void 0?void 0:i.value),o("div",{key:"b75d05e13da01ec15891e7710c7edf4d6f3eafed",class:"remainder"},(a=this.state)===null||a===void 0?void 0:a.remainder)),o("input",{key:"0efb5ac9aa0f1ba043bc66e27b7367b22a05866e",ref:t=>this.inputElement=t,color:this.color,name:this.name,type:(n=this.state)===null||n===void 0?void 0:n.type,inputmode:(l=this.state)===null||l===void 0?void 0:l.inputmode,placeholder:this.placeholder,required:this.required,autocomplete:(r=this.autocomplete)!==null&&r!==void 0?r:(c=this.state)===null||c===void 0?void 0:c.autocomplete,disabled:this.disabled,readOnly:this.readonly,pattern:((h=this.state)===null||h===void 0?void 0:h.pattern)&&((d=this.state)===null||d===void 0?void 0:d.pattern.source),onKeyDown:async t=>{this.state=this.stateHandler.onKeyDown(t,this.state);if(!this.readonly&&!this.disabled)this.smoothlyKeydown.emit(nc.create(this.name,t))},onFocus:t=>!this.readonly&&(this.state=this.stateHandler.onFocus(t,this.state)),onBlur:t=>{if(!this.readonly){const e=this.stateHandler.getValue(this.state);this.state=this.stateHandler.onBlur(t,this.state);this.smoothlyBlur.emit();this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});if(sc.notEqual(e,this.stateHandler.getValue(this.state))){this.smoothlyChange.emit({[this.name]:this.stateHandler.getValue(this.state)});this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}}}),o("label",{key:"9544ecc7dabdd5a7500e6cdc436a8ea811ed1dfc",class:"label float-on-focus",htmlFor:this.name},o("slot",{key:"a9ac68c9ce32a78ac549ac6ca0e5e0af61b4df27"}))),this.copyable&&this.value&&o("span",{key:"472fed6ffedddb52f3f62050d3a1efcabb66db6f",class:"copyable"},o("small",{key:"0b31de55c8fdee49662493eedecd145265efed26"},this.copied?"Copied!":"Copy"),o("smoothly-icon",{key:"1897225b26a2644967de560d09b9a69ae05c4e22",name:"copy-outline",size:"small",onClick:()=>this.copyText(this.value),onMouseLeave:()=>this.copied=false})),o("smoothly-icon",{key:"0b39d127f197daf02a4da12adcbfa590bb0ab7ba",class:"smoothly-invalid",name:"alert-circle",color:"danger",fill:"clear",size:"small",tooltip:this.errorMessage}),o("slot",{key:"35f89df18ba1d68b987eaf7a8da3714582a2201c",name:"end"}))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],currency:["typeChange"],type:["typeChange"],state:["stateChange"],value:["valueChange"],disabled:["readonlyChange"],readonly:["readonlyChange"]}}};cc.style=rc;const hc='.sc-smoothly-input-checkbox-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-checkbox-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-checkbox-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{--smoothly-color-contrast:var(--smoothly-input-foreground)}[looks="transparent"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}';const dc=hc;const mc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.isDifferentFromInitial=false;this.observer=pr.Observer.create(this);this.name=undefined;this.readonly=false;this.disabled=undefined;this.checked=false;this.value=undefined;this.looks=undefined;this.color=undefined}componentWillLoad(){this.initialValue=this.checked;!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));this.observer.publish();this.id="id-"+Math.random().toString(36).substring(2,11)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}async smoothlyInputLoadHandler(t){kr.registerSubAction(this,t)}nameChange(t,e){kr.formRename(this,e)}async register(){kr.formAdd(this)}async unregister(){kr.formRemove(this)}async getValue(){return this.value?this.value[`${!!this.checked}`]:this.checked}async clear(){!this.disabled&&!this.readonly&&(this.checked=false)}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.checked=this.initialValue}async setInitialValue(){this.initialValue=this.checked;this.isDifferentFromInitial=false}async handleDisabledChange(){this.observer.publish()}async elementCheck(t,e){this.isDifferentFromInitial=!!this.initialValue!=!!this.checked;const o=!!this.checked!=!!e;if(o){this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}}render(){return o(s,{key:"bb6f4d6ec2194928ec0e7f1c2a58cce9c49ac552"},o("input",{key:"ccd673f8d7279a26b2d303a0c0790793697fdf01",type:"checkbox",id:this.id,checked:this.checked,disabled:this.disabled||this.readonly,onChange:async t=>{this.checked=t.target.checked;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),this.checked&&o("smoothly-icon",{key:"c3bd2176759b4c069ba0c10d5a9bf471a47250a8",name:"checkmark-outline",size:"tiny"}),o("label",{key:"977f8c81a690951ead38770b7752b9b41f6dbb20",htmlFor:this.id},o("slot",{key:"ee849d646b9a22d5828283218d4cf69d0bdc44e9"})),o("span",{key:"d014a1a601d3bd394104f9159bb3558dd8638b0a",class:"smoothly-checkbox-end-slot"},o("slot",{key:"535f36bf90ec3183f5013ae7231ad7e323a173f0",name:"end"})))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],disabled:["handleDisabledChange"],readonly:["handleDisabledChange"],checked:["elementCheck"]}}};mc.style=dc;const uc='[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-clear-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-clear-h{display:inline}[disabled].sc-smoothly-input-clear-h{opacity:0.5}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{font-weight:400;background-color:transparent}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-clear-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-clear-h:has(>a.sc-smoothly-input-clear:empty),.sc-smoothly-input-clear-h:has(>button.sc-smoothly-input-clear:empty),.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear:empty,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-clear-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-clear-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{min-width:8rem}[size=icon].sc-smoothly-input-clear-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-clear-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:not([disabled]):active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h{display:flex}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h[type="input"].sc-smoothly-input-clear-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-clear-h{cursor:not-allowed}.sc-smoothly-input-clear-h[type="input"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type="input"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}';const yc=uc;const bc=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.color=undefined;this.expand=undefined;this.fill="clear";this.disabled=false;this.size="icon";this.shape=undefined;this.display=true;this.type="input";this.tooltip="Clear"}async componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(br.is(t)){this.parent=t;if(pr.Element.is(t)){t.listen((async t=>{if(kr.is(t)){const e=typeof t.defined=="boolean"?t.defined:Boolean(await t.getValue());this.display=e&&!t.readonly&&!t.disabled}if(t instanceof xr){this.disabled=t.readonly||Object.values(t.value).filter((t=>t)).length<1;this.display=!t.readonly}}))}}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.clear()}render(){var t;return o(s,{key:"cd9c333c2ac4a663fe6cebdb037074ef4cefab41",title:this.tooltip},o("smoothly-button",{key:"e1fd1227b620c3cbef9c4ba1fd41ab90cae36f56",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(t=this.fill)!==null&&t!==void 0?t:this.type=="input"?"clear":undefined},o("slot",{key:"f3a383e5fee2538aa0cc228fccaf1976b5bc7827"}),o("smoothly-icon",{key:"7cffe6821b2bd1ee11ff74f3bd63a856d688886c",name:"close",size:"tiny"})))}get element(){return i(this)}};bc.style=yc;const fc='.sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-color-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-color-h,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:10;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:"";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}';const pc=fc;const gc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.isDifferentFromInitial=false;this.observer=pr.Observer.create(this);this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined;this.looks=undefined;this.color=undefined;this.readonly=false;this.disabled=undefined;this.output="rgb";this.name=undefined;this.showLabel=true;this.open=false;this.sliderMode="rgb"}async componentWillLoad(){this.value&&this.setInitialValue();this.value&&(this.rgb=l.Hex.toRGB(this.value));this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,this.color=e}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t))}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLoadHandler(t){kr.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){kr.formRename(this,e)}watchingReadonly(){this.observer.publish()}async register(){kr.formAdd(this)}async unregister(){kr.formRemove(this)}async getValue(){return this.output==="rgb"?{r:this.rgb.r===undefined?undefined:Math.round(this.rgb.r),g:this.rgb.g===undefined?undefined:Math.round(this.rgb.g),b:this.rgb.b===undefined?undefined:Math.round(this.rgb.b)}:this.value?this.value:undefined}async clear(){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t;this.open=false}async reset(){this.value=this.initialValue;this.open=false}async setInitialValue(){this.initialValue=this.value;this.open=false}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}handleSwitchMode(t){t.stopPropagation();this.sliderMode=t.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=l.Hex.toRGB(this.value))}else{this.value&&(this.hsl=l.RGB.toHSL(l.Hex.toRGB(this.value)))}}async hexInputHandler(t){if(t!==this.value){if(t&&l.Hex.type.is(t)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=l.Hex.toRGB(t)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=l.RGB.toHSL(l.Hex.toRGB(t))}}else if(!t||!l.Hex.type.is(t)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=t;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}sliderInputHandler(t){var e;t.stopPropagation();const o=Object.keys(t.detail)[0];let s=this.sliderMode==="rgb"?this.rgb:this.hsl;if(!(t.detail[o]===undefined)){for(const i of Object.keys(s))if(i===o)s=Object.assign(Object.assign({},s),{[i]:i==="s"||i==="l"?+((e=t.detail[o])!==null&&e!==void 0?e:0)*100:t.detail[o]});else if(s[i]===undefined)s=Object.assign(Object.assign({},s),{[i]:0});if(this.sliderMode==="rgb"){this.rgb=Object.assign({},s);this.hsl=l.RGB.toHSL(this.rgb);this.hexInputHandler(l.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},s);this.rgb=l.HSL.toRGB(this.hsl);this.hexInputHandler(l.RGB.toHex(l.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var t,e,i,a,n,l;return o(s,{key:"9b1cbc0ab4531b0be3c6a8ec5f494e38aad0992e",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((t=this.rgb.r)!==null&&t!==void 0?t:0)}`,"--rgb-g":`${Math.round((e=this.rgb.g)!==null&&e!==void 0?e:0)}`,"--rgb-b":`${Math.round((i=this.rgb.b)!==null&&i!==void 0?i:0)}`,"--hsl-h":`${Math.round((a=this.hsl.h)!==null&&a!==void 0?a:0)}`,"--hsl-s":`${Math.round((n=this.hsl.s)!==null&&n!==void 0?n:0)}%`,"--hsl-l":`${Math.round((l=this.hsl.l)!==null&&l!==void 0?l:0)}%`,"--element-height":`${this.element.clientHeight}px`}},o("smoothly-input",{key:"4b4670e41f318a9e905bd919f61f41dd079135fd",value:this.value,color:this.color,looks:undefined,name:this.name,type:"hex-color",readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,onSmoothlyInput:t=>(t===null||t===void 0?void 0:t.stopPropagation(),this.hexInputHandler(t.detail[this.name]))},o("slot",{key:"e09a966d52d5767eecaabd3d58a2bf58154df117"})),o("div",{key:"e386dd1331ea1cd887738cccdefff94fed71adc5",class:"color-sample"}),o("smoothly-icon",{key:"e1b051f1cd915ea1410d9eb83fde16e1542ab6d2",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),o("div",{key:"1c60634acd1193c2bd6e0c014494c19ab6e27e53"},o("slot",{key:"51f601cf28faa654139009e2cfdae637085543da",name:"end"})),this.open&&!this.readonly&&!this.disabled&&o("div",{key:"1ba1f943bd8fe436d21d5fd8ae56c8f2ef466874",class:"rgb-sliders"},o("smoothly-toggle-switch",{key:"dfbf03c32e92c6db7bb48aafb430c8df8f49e6d9",title:`${this.sliderMode==="rgb"?"To HSL":"To RGB"}`,onSmoothlyToggleSwitchChange:t=>this.handleSwitchMode(t),size:"tiny",checkmark:false,selected:this.sliderMode==="hsl"}),Object.entries(this.rgb).map((([t,e])=>o("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:t,min:0,max:255,color:undefined,type:"text",value:e,step:1,outputSide:"right",onSmoothlyInput:t=>this.sliderInputHandler(t),onSmoothlyUserInput:t=>t.stopPropagation(),label:t.toUpperCase()}))),Object.entries(this.hsl).map((([t,e])=>o("smoothly-input-range",{style:this.sliderMode!="hsl"?{display:"none"}:{},name:t,min:0,max:t==="h"?359:1,color:undefined,type:t==="s"||t==="l"?"percent":"text",value:(t==="s"||t==="l")&&e?e/100:e,step:t==="s"||t==="l"?.01:1,outputSide:"right",onSmoothlyInput:t=>this.sliderInputHandler(t),onSmoothlyUserInput:t=>t.stopPropagation(),label:t.toUpperCase()})))))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],disabled:["watchingReadonly"],readonly:["watchingReadonly"],value:["valueChanged"]}}};gc.style=pc;const kc=class{constructor(e){t(this,e)}render(){return o(s,{key:"8b90083f43a8db87c43f33d13c0e4125258eb8d6"},o("h2",{key:"354d9f00965e36cc287031640278cffae58edf93"},"Color"),o("smoothly-input-color",{key:"93daa25294822d9293c88c73cc1896934908d48a",name:"color"},"Choose color"))}};kc.style="style.css";const vc='.sc-smoothly-input-date-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-h,[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-h>input.sc-smoothly-input-date,[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-h.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .label.sc-smoothly-input-date{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-h.floating-label.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.floating-label .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder] .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly] .sc-smoothly-input-date-s>[slot=label],.floating-label.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-value.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-text.sc-smoothly-input-date-h .label.sc-smoothly-input-date,[placeholder].sc-smoothly-input-date-h .label.sc-smoothly-input-date,[readonly].sc-smoothly-input-date-h .label.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-h .smoothly-date-placeholder.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-placeholder.sc-smoothly-input-date{opacity:0.5;display:block}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date{visibility:hidden}.sc-smoothly-input-date-h>.label.sc-smoothly-input-date{left:var(--input-padding-side)}[show-label].sc-smoothly-input-date-h>.smoothly-date-placeholder.sc-smoothly-input-date,[show-label].sc-smoothly-input-date-h>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side);margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-h:not([show-label])>.smoothly-date-placeholder.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([show-label])>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side) auto;margin-block:auto}.sc-smoothly-input-date-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-h{cursor:not-allowed}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date{position:absolute;z-index:10;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date::before{content:"";position:absolute;left:2rem;top:-0.55rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h>span.icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center;margin-left:auto}';const wc=vc;const xc=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyValueChange=e(this,"smoothlyValueChange",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.changed=false;this.isDifferentFromInitial=false;this.hasFocus=false;this.observer=pr.Observer.create(this);this.locale=undefined;this.color=undefined;this.looks=undefined;this.name=undefined;this.readonly=false;this.disabled=undefined;this.invalid=false;this.errorMessage=undefined;this.placeholder=undefined;this.alwaysShowGuide=false;this.value=undefined;this.open=undefined;this.max=undefined;this.min=undefined;this.showLabel=true;this.hasText=false}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){kr.formRename(this,e)}async register(){kr.formAdd(this)}async unregister(){kr.formRemove(this)}async getValue(){return this.value}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined}onValueChange(t){var e;if(!this.hasFocus){(e=this.dateTextElement)===null||e===void 0?void 0:e.setValue(t)}this.isDifferentFromInitial=this.initialValue!=this.value;this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLoadHandler(t){kr.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}onClick(t){var e;const o=!!this.dateTextElement&&t.composedPath().includes(this.dateTextElement);const s=!!this.calendarElement&&t.composedPath().includes(this.calendarElement);const i=!!this.iconsElement&&t.composedPath().includes(this.iconsElement);if(!this.readonly&&!this.disabled&&!o&&!s&&!i)(e=this.dateTextElement)===null||e===void 0?void 0:e.select();if(!this.readonly&&!this.disabled&&!s&&!i)this.open=!this.open||o}onUserChangedValue(t){var e;t.stopPropagation();const o=(e=t.detail)!==null&&e!==void 0?e:undefined;if(this.value!=o){this.value=o;this.smoothlyUserInput.emit({name:this.name,value:this.value})}}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.isDifferentFromInitial=false}dateSetHandler(t){this.open=false;t.stopPropagation()}render(){return o(s,{key:"9b956b0898976d82dca4d7ce284235e22b7f1639",tabindex:this.disabled?undefined:0,class:{"has-value":!!this.value,"has-text":this.hasText,"floating-label":this.alwaysShowGuide},onClick:t=>this.onClick(t)},o("slot",{key:"6d9fd3c4c21eb854e247c9f57436b0c80ba94649",name:"start"}),o("label",{key:"dcbfd90e319330ed9ae4c0d1d813bc2b9c9e5812",class:"label float-on-focus"},o("slot",{key:"fcf57fd7e6872ded6844fc335ab1b77cfe835e49"})),this.placeholder&&o("span",{key:"c12b142bebcbc9ae0e4eaf44726d638dd2687dc8",class:"smoothly-date-placeholder"},this.placeholder),o("smoothly-date-text",{key:"af65140586d9c3eb57e0c3c3537b2be3ececeae7",ref:t=>this.dateTextElement=t,locale:this.locale,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,value:this.value,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.hasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var e;return t.stopPropagation(),(e=this.calendarElement)===null||e===void 0?void 0:e.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onUserChangedValue(t)),onSmoothlyDateTextDone:t=>{var e;return t.stopPropagation(),this.open=false,(e=this.dateTextElement)===null||e===void 0?void 0:e.deselect()}}),o("span",{key:"65be1fedbc4e9ff4b7aae075bd958cca392fe13d",class:"icons",ref:t=>this.iconsElement=t},o("slot",{key:"02d2bd88b58332797b47346cc387d34e9f0d70ab",name:"end"})),this.open&&!this.readonly&&o("smoothly-calendar",{key:"09cf6353d5806f3e97ce3f3a178c3b50690d5cbe",ref:t=>this.calendarElement=t,doubleInput:false,value:this.value,onSmoothlyDateSet:t=>(t.stopPropagation(),this.onUserChangedValue(t)),max:this.max,min:this.min},o("div",{key:"df7602b9e2ed4e0a38c26b8263e091a5a4d3969d",slot:"year-label"},o("slot",{key:"a101177668b137a89e6af63a5302322cdf8a3750",name:"year-label"})),o("div",{key:"5bbba9b6a83438d467699324efd1ffcbd0e9fd57",slot:"month-label"},o("slot",{key:"e7e86ae5d4cea5fa80b934ab8e01ffc33fc9a132",name:"month-label"}))))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],value:["onValueChange"],disabled:["watchingReadonly"],readonly:["watchingReadonly"]}}};xc.style=wc;const Cc=".sc-smoothly-input-date-demo-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(42rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-date-demo-h .sc-smoothly-input-date-demo:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}";const Sc=Cc;const zc=class{constructor(e){t(this,e);this.date=undefined;this.alwaysShowGuide=false}render(){return o(s,{key:"191fe0a37d160b07317f1585c0a0b6d09c22983e"},o("div",{key:"c289398819d08aa6e608bf1e98d9149f7b981de7"},o("h2",{key:"8c0875cfe6af62e2aefb1faba9185a6f1813cc58"},"Date input"),o("p",{key:"7908bdc75aabfe06fa926e53cd9c854b3437c44c"},"Different locales formatting the same date"),o("smoothly-button",{key:"f4d9f68bda448d5e6dc7f6f61d124c94b24a5573",color:"primary",onClick:()=>this.date=this.date?x.next(this.date):x.now()},"Set date"),o("smoothly-input-checkbox",{key:"fb3f1a290a0bae953e5365d5c9e96b989dde94ee",looks:"transparent",onSmoothlyUserInput:t=>{this.alwaysShowGuide=t.detail.value;console.log(this.alwaysShowGuide)}},"Always Show Guide")),["en-US","en-GB","de-DE","se-SE"].map((t=>o(a,null,o("smoothly-input-date",{locale:t,name:t,looks:"border",value:this.date,alwaysShowGuide:this.alwaysShowGuide},t,o("smoothly-input-clear",{slot:"end"})),o("smoothly-input-date-range",{locale:t,name:t+"-range",looks:"border",start:this.date,end:this.date?x.next(this.date):undefined,alwaysShowGuide:this.alwaysShowGuide},t," Range",o("smoothly-input-clear",{slot:"end"}))))))}};zc.style=Sc;const Ic='.sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-range-h,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.floating-label.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-text.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h [slot=start].sc-smoothly-input-date-range{align-self:center}.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{left:var(--input-padding-side)}.sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{white-space:pre}.sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side);display:none}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-placeholder.sc-smoothly-input-date-range{display:block;opacity:0.5}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-separator.sc-smoothly-input-date-range{visibility:hidden}.sc-smoothly-input-date-range-h smoothly-date-text.start-date-text.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side) 0}.sc-smoothly-input-date-range-h smoothly-date-text.end-date-text.sc-smoothly-input-date-range{margin-inline:0 var(--input-padding-side)}[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h smoothly-date-text.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-placeholder.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:auto}.sc-smoothly-input-date-range-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range{position:absolute;z-index:10;top:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range::before{content:"";position:absolute;top:-0.55rem;left:3rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>.smoothly-date-range-input-part.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>span.icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}';const jc=Ic;const Tc=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.isDifferentFromInitial=false;this.hasFocus=false;this.observer=pr.Observer.create(this);this.locale=undefined;this.name="dateRange";this.color=undefined;this.looks=undefined;this.readonly=false;this.disabled=undefined;this.showLabel=true;this.start=undefined;this.end=undefined;this.placeholder=undefined;this.alwaysShowGuide=false;this.invalid=false;this.max=undefined;this.min=undefined;this.open=undefined;this.startHasText=false;this.endHasText=false}async componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));this.smoothlyInput.emit({[this.name]:await this.getValue()});!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}startChanged(t,e){this.updateValue(e,this.end)}endChanged(t,e){this.updateValue(this.start,e)}async updateValue(t,e){var o,s;if(t!=this.start||e!=this.end){this.isDifferentFromInitial=this.initialStart!=this.start||this.initialEnd!=this.end;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}if(!this.hasFocus){(o=this.startTextElement)===null||o===void 0?void 0:o.setValue(this.start);(s=this.endTextElement)===null||s===void 0?void 0:s.setValue(this.end)}}watchingReadonly(){this.observer.publish()}smoothlyInputLoadHandler(t){kr.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}onClick(t){var e,o;const s=!!this.startTextElement&&t.composedPath().includes(this.startTextElement);const i=!!this.endTextElement&&t.composedPath().includes(this.endTextElement);const a=s||i;if(!a&&!this.readonly&&!this.disabled)this.start&&!this.end?(e=this.endTextElement)===null||e===void 0?void 0:e.select():(o=this.startTextElement)===null||o===void 0?void 0:o.select();if(!this.readonly&&!this.disabled)this.open=!this.open||a}async onSmoothlyDateTextChange(t,e){var o,s,i;t.stopPropagation();const a=(o=t.detail)!==null&&o!==void 0?o:undefined;const n=e=="start"?a:this.start;const l=e=="end"?a:this.end;if(x.is(n)&&x.is(l)&&n>l){this.start=l;this.end=n;(s=this.startTextElement)===null||s===void 0?void 0:s.setValue(this.start);(i=this.endTextElement)===null||i===void 0?void 0:i.setValue(this.end);this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}else if(this[e]!=a){this[e]=a;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){kr.formRename(this,e)}async register(){kr.formAdd(this)}async unregister(){kr.formRemove(this)}async getValue(){return this.start||this.end?{start:this.start,end:this.end}:undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.start=this.initialStart;this.end=this.initialEnd}async setInitialValue(){this.initialStart=this.start;this.initialEnd=this.end;this.isDifferentFromInitial=false}async clear(){this.start=undefined;this.end=undefined;this.smoothlyInput.emit({[this.name]:undefined})}render(){return o(s,{key:"e679040ae05b729f921a4ee33f0d8080e6dcff73",tabindex:this.disabled?undefined:0,class:{"has-value":!!(this.start||this.end),"has-text":!!(this.startHasText||this.endHasText),"floating-label":this.alwaysShowGuide}},o("span",{key:"459c0e53a0f225c2a3c6f2b283e0af03a178e99f",class:"smoothly-date-range-input-part",onClick:t=>this.onClick(t)},o("slot",{key:"9919d8355ce88285435e525c1b697ddf4f6cec77",name:"start"}),o("label",{key:"d84eb3506216d16187c3a61ea260941c17bfd22d",class:"label float-on-focus"},o("slot",{key:"6d9728f0e13d1b3f18d66d19d7ff3adfa6b9557a"})),this.placeholder&&o("span",{key:"a46d828926e3e41dc4557acecd597655f0772f41",class:"smoothly-date-range-placeholder"},this.placeholder),o("smoothly-date-text",{key:"e4b593d68430c58ab9fe2f7778addc71018ca581",ref:t=>this.startTextElement=t,class:"start-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.startHasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var e;return t.stopPropagation(),(e=this.calendarElement)===null||e===void 0?void 0:e.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onSmoothlyDateTextChange(t,"start")),onSmoothlyDateTextNext:t=>{var e;return t.stopPropagation(),(e=this.endTextElement)===null||e===void 0?void 0:e.select()},onSmoothlyDateTextDone:t=>{var e,o;return t.stopPropagation(),this.end?((e=this.startTextElement)===null||e===void 0?void 0:e.deselect(),this.open=false):(o=this.endTextElement)===null||o===void 0?void 0:o.select()},value:this.start,readonly:this.readonly,disabled:this.disabled,invalid:this.invalid,showLabel:this.showLabel}),o("span",{key:"8202a1af32cb67caf4cabddbaf80f2775f34277a",class:"smoothly-date-range-separator"}," – "),o("smoothly-date-text",{key:"eb43cd46ca12848bea21af6ae1fe65a5e84d457b",ref:t=>this.endTextElement=t,class:"end-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.endHasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var e;return t.stopPropagation(),(e=this.calendarElement)===null||e===void 0?void 0:e.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onSmoothlyDateTextChange(t,"end")),onSmoothlyDateTextPrevious:t=>{var e;return t.stopPropagation(),(e=this.startTextElement)===null||e===void 0?void 0:e.select("end")},onSmoothlyDateTextNext:t=>t.stopPropagation(),onSmoothlyDateTextDone:t=>{var e;return t.stopPropagation(),(e=this.endTextElement)===null||e===void 0?void 0:e.deselect(),this.open=false},value:this.end,readonly:this.readonly,disabled:this.disabled,invalid:this.invalid,showLabel:this.showLabel})),o("span",{key:"422516b5f919cf0c9cd0b5480e2b4a506894d01b",class:"icons"},o("slot",{key:"6083b435efed3bbc24239ef4a67a8a7398544a76",name:"end"})),this.open&&o("smoothly-calendar",{key:"3cd38d0d77157e4e4b9b09969ef0e6313acf9e7c",ref:t=>this.calendarElement=t,doubleInput:true,onSmoothlyDateSet:t=>t.stopPropagation(),onSmoothlyDateRangeSet:t=>{t.stopPropagation();this.open=false;this.start=t.detail.start;this.end=t.detail.end;this.smoothlyInput.emit({[this.name]:t.detail});this.smoothlyUserInput.emit({name:this.name,value:t.detail})},value:this.start,start:this.start,end:this.end,max:this.max,min:this.min}))}get element(){return i(this)}static get watchers(){return{start:["startChanged"],end:["endChanged"],disabled:["watchingReadonly"],readonly:["watchingReadonly"],name:["nameChange"]}}};Tc.style=jc;const _c='.sc-smoothly-input-date-time-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-time-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-time-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-time-h,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:10;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:"";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name="date"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name="hour"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name="minute"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}';const Dc=_c;const Lc=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyValueChange=e(this,"smoothlyValueChange",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.isDifferentFromInitial=false;this.observer=pr.Observer.create(this);this.color=undefined;this.looks=undefined;this.name=undefined;this.readonly=false;this.disabled=undefined;this.invalid=false;this.errorMessage=undefined;this.value=undefined;this.open=undefined;this.showLabel=true;this.min=undefined;this.max=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish();this.valueChange(this.value)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){kr.formRename(this,e)}async register(){kr.formAdd(this)}async unregister(){kr.formRemove(this)}async getValue(){const t=this.date&&typeof this.hour=="number"&&typeof this.minute=="number"?`${this.date}T${`${this.hour}`.padStart(2,"0")}:${`${this.minute}`.padStart(2,"0")}:00.000Z`:undefined;return C.is(t)?t:undefined}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}async handleChange(){const t=await this.getValue();this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){if(C.is(t)){this.date=C.getDate(t);this.hour=C.getHour(t);this.minute=C.getMinute(t)}this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLoadHandler(t){kr.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){if(C.is(this.initialValue)){this.date=C.getDate(this.initialValue);this.hour=C.getHour(this.initialValue);this.minute=C.getMinute(this.initialValue)}else{this.date=undefined;this.hour=undefined;this.minute=undefined}}async setInitialValue(){this.initialValue=await this.getValue();this.isDifferentFromInitial=false}render(){return o(s,{key:"4a9bc8cb5a9617237b63cff35930d693dbf11d1f"},o("smoothly-input",{key:"7ab42b7d0fb7389703a42b460939ce8cee8698fb",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:"date",onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,type:"date",value:this.date,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.date=t.detail.date},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}},o("slot",{key:"8fc841cb3735e2b4e2e13fc974dde4d4271e0627"})),o("smoothly-input",{key:"012223abf5a9cf71b378da011cc5dcee5b75be8e",name:"hour",type:"integer",max:23,pad:2,value:this.hour,readonly:this.readonly,disabled:this.disabled,placeholder:"hh",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.hour=t.detail.hour},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),o("span",{key:"79c8a593aea2d4bead18363b41264d3ce1205bd8",class:"colon"},":"),o("smoothly-input",{key:"8b76dea985a9fc687279a50a6e8c3307a2465907",name:"minute",type:"integer",max:59,pad:2,value:this.minute,readonly:this.readonly,disabled:this.disabled,placeholder:"mm",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.minute=t.detail.minute},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),o("span",{key:"4bb9c14d94c8e2e9e9dbacd01eff9d69023a732a",class:"icons"},o("smoothly-icon",{key:"8be49066019b25edd9d8c98e453b91fe55ba862c",class:"smoothly-invalid",name:"alert-circle",color:"danger",fill:"clear",size:"small",tooltip:this.errorMessage}),o("slot",{key:"a6dce3592939a8444cd81b5f8733e24db3c1119d",name:"end"})),this.open&&!this.readonly&&o("smoothly-calendar",{key:"9b5b104ea97c56efa6aceed6faacfd4e50e934e7",doubleInput:false,value:this.value?C.getDate(this.value):undefined,min:this.min?C.getDate(this.min):undefined,max:this.max?C.getDate(this.max):undefined,onSmoothlyDateSet:async t=>{t.stopPropagation();this.date=t.detail;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()});this.open=false}},o("div",{key:"326cfb1f0feb1c656b4a2c5acd61e426710c2d28",slot:"year-label"},o("slot",{key:"fbad1dfc2c2a74aa8281720c08ef4cc900209171",name:"year-label"})),o("div",{key:"b8c65f212912c2306d21764ce2a32056fa0b12ed",slot:"month-label"},o("slot",{key:"ffb2c1b1a71a2eb0af33dd9b52862d76851f63e0",name:"month-label"}))))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],date:["handleChange"],hour:["handleChange"],minute:["handleChange"],value:["valueChange"],disabled:["watchingReadonly"],readonly:["watchingReadonly"]}}};Lc.style=Dc;const Oc=".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{max-width:min(calc(100% - 2rem), 56rem);margin:auto}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 18rem));flex-basis:40%}";const Ac=Oc;const Mc=class{constructor(o){t(this,o);this.smoothlyUrlUpdate=e(this,"smoothlyUrlUpdate",7);this.numbers=[1,2,3,4,5,6,7,8,9];this.duration={hours:8};this.alphanumeric="!@##"}render(){return o(s,{key:"7f574c5c82806c7ee00a06c793b883984cf6a317"},o("smoothly-input-demo-standard",{key:"7776c856dfbc7795c37b12f4e1ccff9a58a53f02"}),o("smoothly-input-date-demo",{key:"8695fac1f681495d23a203f0c1e658369a5208e5"}),o("smoothly-input-demo-user-input",{key:"a6b2084ab3bb40d10b12807cbfa18ec4aa8c80a5"}),o("div",{key:"50487efa2c862624ce4738c461878b38efcbb8f9",class:"inputs"},o("h2",{key:"48456a442136dcf27f068d619a4648f21231d4df"},"Calendar"),o("smoothly-input-date",{key:"4ea9c301b995bd9ba221deec879a46c4fca68b5b",name:"some-date"},"Calendar"),o("smoothly-input-date-time",{key:"0e87054e90eba9ac97cdcd48cdc2094deb765efb",name:"someDateTime",value:C.now()},"DateTime"),o("h2",{key:"c7967bf8213f8e987ee1350ac4b86bbddd4794bf"},"Date Range"),o("smoothly-input-date-range",{key:"c5aee42f2de2c7da2b95e724e4e545e5459f7ca6",name:"testing",start:x.now(),end:x.nextMonth(x.now()),min:"2021-10-01",max:"2025-01-31"}),o("smoothly-input-date-range",{key:"1371f956391aa79369174d3bfc22bdb5ee5cf996",name:"testing",start:x.now(),end:x.nextMonth(x.now()),min:"2021-10-10",max:"2024-12-30"},o("smoothly-input-reset",{key:"d1b12734f006eaf59d8543c0578539f67245e0f7",slot:"end",size:"icon"})),o("smoothly-input-date-range",{key:"23306a5a8f414e14691e9fa39c9282dfc6ae3d1d",looks:"grid",start:x.now(),end:x.nextMonth(x.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--smoothly-input-border-radius":"0.5rem"}},o("smoothly-input-clear",{key:"1774cefd3304bfa5c283a10cc44d85f6fe1eacc2",slot:"end",size:"icon"})),o("h2",{key:"7dc7b7271a81cd121f10fa61e28e88eaa037af3e"},"Date"),o("smoothly-input-date",{key:"17b588159bde4dfbf0146ac942fa235d8d998688"},"Date"),o("smoothly-input-date",{key:"b9445869f64033bac130b0b0dca501752610af95",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),o("smoothly-input-date",{key:"f34cd3598997c242ddb6b76698f7f821a601674e",value:"2021-10-28"},"Date",o("smoothly-input-reset",{key:"a46fc2210b837bebdc3cc7a27b07067e0a679476",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"a3811bb817fbdf3d28474494b8a7dffd71fac67a",value:"2021-10-28"},"Date",o("smoothly-input-clear",{key:"0499c2a7c5434ed716ad1ef87c2786609d94e97e",slot:"end",size:"icon"})),o("h2",{key:"683a2678f46ad1989cc4dd2edef990430beb547c"},"Select"),o("div",{key:"682acef1f140100dd2e985b6899b89e4914e771e",class:"select-div"},o("smoothly-input-select",{key:"2e38d749bf959df4d3ced73e8e9d59b8e3d38a4e",name:"select-dessert",looks:"border"},o("label",{key:"01432777fc4d5bbdde9c83e24015513b6c14016f",slot:"label"},"Select with clear button"),o("smoothly-item",{key:"0f53eaac56e52386945622443068d6769f57b382",value:"1"},"Ice cream"),o("smoothly-item",{key:"4ad0fee8dade01fd46c1c97397bebb9183385562",value:"2"},"Sponge cake"),o("smoothly-item",{key:"67fb0107c5cd4294725f6a8399f5c93d589ee717",value:"3",disabled:true},"Disabled Item"),o("smoothly-item",{key:"422b942a8306f00eb5cff7ef79d81ecf57033291",value:"4"},"Cookie"),o("smoothly-item",{key:"c77baa484e234d42d66c0e2a436f5ecdd7510b33",value:"5"},"Croissant"),o("smoothly-item",{key:"36f84fdd871d2b8b7b89df7da54d07883c052282",value:"6"},"Chocolate fondue"),o("smoothly-input-clear",{key:"1b6ab234c1c7c58bb065165373947f922ba466b4",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"cc2452592ab8c6b99b9630f9e464128c4a464350",multiple:true,name:"select-dessert-multiple",looks:"border"},o("label",{key:"9172fbe566574d3a6376d69dec7a5d6b50834633",slot:"label"},"Select multiple with reset button"),o("smoothly-item",{key:"75f90ab0248783d98e5fabdbcca908da69b1af21",value:"ice cream"},"Ice cream"),o("smoothly-item",{key:"91adf3c9485a41aed6a5acb6edad6a76c91e13b3",value:"sponge cake"},"Sponge cake"),o("smoothly-item",{key:"3dc66017de31e85c8d9ea8a5127a1cb2b7760071",selected:true,value:"cookie"},"Cookie"),o("smoothly-item",{key:"733bd688bde445381df687fd17fb0d8a0ed8bf3b",value:"croissant"},"Croissant"),o("smoothly-item",{key:"1425d34d36caa1cb8bc15307110b4c5dfda7c2d1",selected:true,value:"chocolate fondue"},"Chocolate fondue"),o("smoothly-input-reset",{key:"5ac44d62a99fa114f404edc847b645305f4ea42d",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"79fb109059a58e0f50f525f4437639c621b83b06",name:"spirit-animals",looks:"border",mutable:true},o("label",{key:"33400cbca7257a35b9c931e046c51c18e50c9b55",slot:"label"},"Select or add new options"),o("smoothly-item",{key:"0b394b9204545e7fe0ea938127c6cb625eaa919e",value:"manatee"},"Manatee"),o("smoothly-item",{key:"8643b17c6b78739ce7c41737fd7ee764f4933c0d",selected:true,value:"cthulu"},"Cthulu")),o("smoothly-input-select",{key:"1c6f7c00f1c21a3be1a8390a28306a5720982eae",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"b07f756a35e549b77e50be75f3a5e2fafc2b3099",value:"folder",selected:true},o("smoothly-icon",{key:"c50555d5282480fd507d55311bbfe0723dd03d53",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"6fa0811cc61e90332301cefcb2688ff27e31019a",value:"camera"},o("smoothly-icon",{key:"ab64f6988bb978556353d6d0097617d526ac304c",size:"small",name:"camera-outline"}))),o("smoothly-input-select",{key:"7a844e5cf695497cc30429d3e0bfb51cf30017ce",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"3b319069eb3dd5c5c7270acf6e16b5a3b7655dbf",slot:"label"},"Alphabet ordered select"),Array.from({length:26}).map(((t,e)=>String.fromCharCode(e+65))).map((t=>o("smoothly-item",{value:t,selected:t=="H"},t)))),o("smoothly-input-select",{key:"24aa969e8e2608189b3c443e09ef3fa98c9feedd",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"9c9c9e0d707a6f96fcba1b686873a9010be75a7d",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"0b6387482d71923df9e0b9d717d3ba88d8c98bd1",value:"1"},"January"),o("smoothly-item",{key:"0947d179f35c567b557bda9dad655a8e25f6dd25",value:"2"},"February"),o("smoothly-item",{key:"38daf41ad88e97e0852f296df2e5489948fce0f8",value:"3"},"March"),o("smoothly-item",{key:"9ff729a187a5df043428043439a5f09ecc7260a4",value:"4"},"April"),o("smoothly-item",{key:"71719ee81658c4897712459e3165accde7765bb8",value:"5"},"May"),o("smoothly-item",{key:"7e917da27127b438a7de7d3c8e0aa3dce4eb2d72",value:"6"},"June"),o("smoothly-item",{key:"b70be51c019bf2f8dcf3e9e06168ac024b0a1c0b",value:"7"},"July"),o("smoothly-item",{key:"32b97c0167a10cee962e417018b829723671ad50",value:"8"},"August"),o("smoothly-item",{key:"d54ca3fbb8cc3e1d68f9f68b9dbd4d432473e920",value:"9"},"September"),o("smoothly-item",{key:"d2209e23a9b8db4ea2281421dc108b177e1c04a7",value:"10"},"October"),o("smoothly-item",{key:"73621556ac499b85857df738fc3bf1850cd4f964",value:"11"},"November"),o("smoothly-item",{key:"c6793237c76e6a26e374198ba2bdcdf9e8643251",value:"12"},"December")),o("div",{key:"099d5c7456bc5836d7f0f2a840eb70ae81237f5a",class:"select-div-row"},o("smoothly-input-select",{key:"804cf7f085aef7513ef3b76057af284dabab699c",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"830e7259b185f6f5e4df5f31545063549c2a69b2",value:"folder",selected:true},o("smoothly-icon",{key:"abe9cdf7e8096b1b317bb6c62a9b274271479391",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"01607bfabfaa6df288dfd242c90e41af8e4fe5b2",value:"camera"},o("smoothly-icon",{key:"71481f1e468a8e3dde815421f18ec6ee94ed7384",size:"small",name:"camera-outline"})),o("smoothly-item",{key:"a059b96cdc6c6d7df8ca5185b81d53680c635b22",value:"boat"},o("smoothly-icon",{key:"ebe1246148aa4df73a62461f885e4b846e502836",size:"small",name:"boat-outline"}))),o("smoothly-input-select",{key:"3eed3dc23316f18ab61b20a17ef3a602b8ebe7f2",name:"select-number",clearable:false},this.numbers.map((t=>o("smoothly-item",{value:"number",selected:t===3},t)))),o("smoothly-input",{key:"bcfcc36500f746e17649c9ad9a553b88dc0823dc",name:"name",value:"Sten Qvist"},"Name"))),o("h2",{key:"041402c92d6c43264d811dccc9b8ab6004a42792"},"Duration"),o("smoothly-input",{key:"451397df5c93c9bc71b5a13aa5a3d40e6e7dd42f",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:t=>this.duration=t.detail.duration},"Duration"),o("smoothly-input",{key:"6fb8b8e8ea5b94a5fbdcca74b3852b75ef477a7c",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:t=>{const e=t.detail.duration;this.duration=e}},"Duration"),o("h2",{key:"a47dea26355bddf40255f0a88f72381b15b6fd39"},"Integer with Min/Max"),o("smoothly-input",{key:"5708f669787dcfbe8fc18cd20ce1f43903331b3f",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),o("smoothly-input",{key:"ba607eca48fd5d5c54da40c56f58f88b429a11c9",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),o("smoothly-input",{key:"3899120a4588724eb5486c713e6b3592f9490106",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),o("smoothly-input",{key:"a83a35c1ddabdfe8338e5daa270642cd9a00cd7a",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),o("h2",{key:"69838545fe489b84e54394656f3fec9993214768"},"Invalid text with warning icon and tooltip"),o("smoothly-input",{key:"2579f64feccd3ac373562867d7fc6c3a2fdc75b4",copyable:true,name:"alphanumeric",invalid:!/^[a-zA-Z0-9]+$/.test(this.alphanumeric),errorMessage:"Only alphanumeric allowed",value:this.alphanumeric,onSmoothlyInput:t=>this.alphanumeric=t.detail.alphanumeric},"Alphanumeric"),o("h2",{key:"d55229c36af45dbeab240431c674fd1fee27b49c"},"Identifiers"),o("smoothly-input",{key:"d7abf3ed7f1d633e0ba5abe6673a6e634a896738",type:"identifier-code"},"Code"),o("smoothly-input",{key:"8d600bc128529a9a6091fa18f0bea9bed1a74d7a",type:"identifier-attribute"},"Attribute"),o("smoothly-input",{key:"85a4a2f01be2b3fd39014833fd495958866838da",type:"identifier-snake"},"Snake"),o("smoothly-input",{key:"035f5f628c25f3d0398c9e8dc10390e5dacc0024",type:"identifier-pascal"},"Pascal"),o("smoothly-input",{key:"673f91b6cae1ba8b04b496e20e58d1a4d1c92965",type:"identifier-camel"},"Camel"),o("h2",{key:"85a4af61aca5745d0125fb8305a8f640c0b5cdf1"},"Input Alternatives"),o("smoothly-input",{key:"e4b05f18bb44d4c7b9fdcef83551d9f8c591274b",type:"text",name:"name.last"},o("smoothly-icon",{key:"2bdcd29f5ae945c37f5a7bb6e5587759bc567351",name:"checkmark-circle",slot:"start"}),"First Name"),o("smoothly-input",{key:"7b17f499a2061624e34fe89fb81d6cfbed54ccd6",type:"text",name:"name.first"},"Last Name",o("smoothly-icon",{key:"58041447b7edc6ee18d0f4752c7efaf6767ad2af",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"70d890653d67ad30256b754bdbe3ffd0a5699044",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",o("smoothly-icon",{key:"a1836734b16b3cccdbc0af9b0d894ed478d45e0d",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"6c2a657437514116b1ae60210b289004b2e6a956",placeholder:"test"}),o("smoothly-input-submit",{key:"8e686ba1a74b8f9d85cc6778a314c793946d248e",slot:"submit",fill:"solid",onSubmit:t=>alert(t),color:"success"}),o("h4",{key:"a5b71808338b0ae5f06806bcd97142581a2a11f9"},"Smoothly checkboxes"),o("div",{key:"309b348a380979cd64fdab4a66fd302a48b12b6f",class:"checkbox-group"},o("smoothly-input-checkbox",{key:"efcc143919480eb5901b12800f01ea4847a2df14",disabled:true,name:"first-checkbox"},o("smoothly-icon",{key:"a8835c00691583079ff65b59f750f59d470538c1",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),o("smoothly-input-checkbox",{key:"fefb3a5f492b1d39993ca89fc265b9312d0a75cb",name:"second-checkbox",checked:true},o("smoothly-icon",{key:"916895ae8d167ad667109ea5a94ce72131e03cb6",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",o("smoothly-input-clear",{key:"26f2c7dccea2f4eb93fe8c82bd9291b2bc139c19",size:"icon",slot:"end"})),o("smoothly-input-checkbox",{key:"5c71f635dd09d730ba6048bbc4bdf3d40de58a05",name:"third-checkbox"},"3rd")),o("h4",{key:"24380ae0e1f791eef55523ae58f818286b1414cf"},"Smoothly Radio Buttons"),o("smoothly-input-radio",{key:"376572dae3e2bb0dce2a68fe3503277a0681079b",clearable:true,name:"radioFirstInput"},o("smoothly-icon",{key:"149759fd8c4d501ad96744e01701142face0d6c2",name:"checkmark-circle",slot:"start"}),o("label",{key:"2032d793fc1c94de9cb856c06c64d0b03e6f77cd",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"50ccd0ae9fb6dfab3a27b574f7bee10ec96089e8",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"2f52388467ff677b40de490648d2c07cc3ee3b30",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"b2dee0bfdd05ccfff9995011e5cef0663241a214",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"3d990b0e3d8e629f00970acf2c8d1e30a79e4966",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"9f56ea2525dd6bc4a6a889b170f49b79542dd590",name:"radioSecondInput"},o("label",{key:"dac6544a61c1f064360e5dd2b5520f63e2cc3938",slot:"label"},"Not clearable"),o("smoothly-input-radio-item",{key:"c4b32f24642b851f6b8da9c65df85df4294c598e",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"ca04462b6e8866f76edd48dcaac734b90f0a9b75",value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"6fa1b64cac9e953977a12687fa14a7218789f79c",value:"third"},"Label 3"),o("smoothly-input-radio-item",{key:"4e32b3131c7becffb45d63a70926b8b0c2e1627f",value:"fourth"},"Label 4"),o("smoothly-input-radio-item",{key:"a841d0bf0bdde25c84b224e9d77fab3e7db2898c",value:"fifth"},"Label 5"),o("smoothly-input-radio-item",{key:"f5bf467213cdc73642fcfd2278ee8b963c1c1bc7",value:"sixth"},"Label 6")),o("smoothly-input-range-demo",{key:"7c617d877ef45d0bd9a58066d3d185ae008f2eef"}),o("smoothly-input-color-demo",{key:"ea9a64faece9ecf51e9d0f8e798f78d92e0590c3"}),o("smoothly-input-price-demo",{key:"cc124983e4ca6aea3b925e2b229fcaac03565501"}),o("smoothly-back-to-top",{key:"b01d5285d4fbf07edc5e955faa214f1fd40fd5d1"})))}};Mc.style=Ac;const Ec='.sc-smoothly-input-demo-standard-h{max-width:min(calc(100% - 0.5rem), 48rem);margin:auto}.sc-smoothly-input-demo-standard-h h2.sc-smoothly-input-demo-standard,.sc-smoothly-input-demo-standard-h p.sc-smoothly-input-demo-standard{margin:.5rem 0}.sc-smoothly-input-demo-standard-h>.description.sc-smoothly-input-demo-standard{--smoothly-form-input-min-width:18rem}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:1fr 9rem;gap:1rem;position:relative;justify-content:space-around}div.input-wrapper.sc-smoothly-input-demo-standard>[name].sc-smoothly-input-demo-standard{grid-column:1 / 2}div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard{width:100%;text-align:center;border-bottom:1px dashed black}div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard{align-content:center;grid-column:2 / 3;border-left:1px dashed black;padding-left:1rem;content:"hello"}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{width:0.5rem;grid-column:1 / 2;white-space:nowrap;overflow:visible;position:relative;cursor:default}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard::before{content:"";position:absolute;width:100%;top:1.5rem;bottom:-1rem;border:1px  dashed black;z-index:2}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard:hover::before{bottom:-100vh}';const Rc=Ec;const $c=class{constructor(e){t(this,e);this.duration={hours:8};this.options={}}connectedCallback(){this.updateInputHeightText()}componentDidRender(){this.updateInputHeightText()}updateInputHeightText(){const t=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));this.element.querySelectorAll(".height").forEach((e=>{const o=e.clientHeight;e.innerHTML=`<b>${o/t}rem</b> (${o}pixels)`}))}render(){return o(s,{key:"0d47a2dd423a8bcdd889139f74ef2ec375d0ea97"},o("div",{key:"a884b4c59f663f8c47aa9e3736e6a82235e9d276",class:"description"},o("h2",{key:"7c0b8da3728fd79d203de1895c6ae146e1eb8aef"},"Input Standard"),o("p",{key:"10fe94edd162dd158388508c2470359447e6da57"},"Height of input should be ",o("code",{key:"dffd62a251af68595f7c5659a2251ada08999b63"},"3rem")," including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."),o("smoothly-form",{key:"3f8c09fbdce4b808a430cf7266d40d25a596803d",looks:"grid",onSmoothlyFormInput:t=>this.options=t.detail},o("smoothly-input-select",{key:"563356600a698bf3c974a61b79520aa8f77c249f",name:"color"},o("span",{key:"e12af511b6921b2d9f7d50b45fdbe3d5b34f6817",slot:"label"},"Color"),l.values.map((t=>o("smoothly-item",{value:t},o("span",{color:t},t)))),o("smoothly-input-clear",{key:"23c642ae01bb6d0f7aaf653c027eb255ee38d90a",slot:"end"})),o("smoothly-input-select",{key:"fa106dd22e247954860c217692ca37a24fe4f772",name:"looks"},o("span",{key:"c42065aac1f357b670cf2a99bb8be554fb314cd9",slot:"label"},"Looks"),gr.values.map((t=>o("smoothly-item",{value:t},t)))),o("smoothly-input-range",{key:"c3b585f898718c9f81ef15c1469eccf08988c00e",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"8fab112575cb1c02c2019022cee83e5e5e65a9c6",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"c34401c8b28faa79a139869c0766e8f8af357ca8",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"672b5bc96fa9e6886c90b5e8354d7dea8c916270",name:"invalid"},"Invalid"),o("smoothly-input",{key:"c395fd3b7ca8d1243cd9e9ea4e006f1fd7ef1a27",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"121d1a50813987b2aeac50afe73e40c6a7c4fb8b",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"265ce4b0e44c8fda1b3188929eb5901e1658bfd5",name:"placeholder"},"Placeholder"),o("smoothly-input-checkbox",{key:"1eafaaaa6696f9f1d696742869d10aba19c2f0c9",name:"alwaysShowGuide"},"Always Show Guide (for date inputs)"))),o("div",{key:"f6a5d34435c177c5dc64c31632dc7a1e65f3e270",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"c4d82ee52f0d44015df7eb734c98aa41f7c92827",class:"width"},"width: 100%"),o("div",{key:"2ae68895caf503ba92049a32d0054439f069123b",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"f5f4ee65ccf3180d2f9181fbc258c79e916e14ee",name:"text",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"bf32f13cfbfa88add92692bf9ee02b836eeea2be"},"Text"),o("smoothly-input-clear",{key:"26639066ab906f755f7a42e154b1954f1f34f19d",slot:"end"})),o("div",{key:"de01a46f39aa6f331c5edf54208a6f9f726337e3",class:"height"}),o("smoothly-input-select",{key:"abb4be407f4b7ed51d5f796bdfce3b2b56c468a4",name:"month",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"49f71dbb091094f79927778d18a0a58e70689f42",slot:"label"},"Select"),o("smoothly-item",{key:"4b0e9cb4ce233c50a42fe249a3aef5648dc62558",value:"1"},"January"),o("smoothly-item",{key:"38380b0f13ddeb83e2e19e0ac645dcdbacf6c4df",value:"2"},"February"),o("smoothly-item",{key:"4f65be9a949261542191e3b484ad646e17f04987",value:"3"},"March"),o("smoothly-item",{key:"b6e9be5fbe31a12865717daddcd1a4039c942205",value:"4"},"April"),o("smoothly-item",{key:"6c867101a115315e30bcf525d3fde4a8e49a5719",value:"5"},"May"),o("smoothly-item",{key:"ba4792a24e862aed054b356a444f9b791add16b1",value:"6"},"June"),o("smoothly-item",{key:"9cc3a21ed384c2e2415311770925458dc13ac8d1",value:"7"},"July"),o("smoothly-item",{key:"53cf8809b4dbc8256448b5c08a9d07f274e365a3",value:"8"},"August"),o("smoothly-item",{key:"47a43966214064dab4d321cf9116b5cd87409dd3",value:"9"},"September"),o("smoothly-item",{key:"c71ceab27a3f86a5c2a27dc251b18f119f5ac623",value:"10"},"October"),o("smoothly-item",{key:"7e824138f3b0b28a414465d69bb71c4d6786c3b5",value:"11"},"November"),o("smoothly-item",{key:"e7813efea82efe4cd4a8bfa54a7a55b21f53fa48",value:"12"},"December"),o("smoothly-input-clear",{key:"7072ef8f9ac5b9a3028cbd2962560fc315f3d58b",slot:"end"})),o("div",{key:"3a1c4b4c2834bbb4921e330a77fe477c4741f181",class:"height"}),o("smoothly-input-checkbox",{key:"50499f2f1a4258a56caeb2266da17a9e881c7993",name:"checkbox",checked:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled},"Check",o("smoothly-input-reset",{key:"550d44f73f1ae07461d73f66febd5138867e8247",slot:"end"})),o("div",{key:"acb1b0eaab732df76e2c586e8f56ee6c81fbdd87",class:"height"}),o("smoothly-input-radio",{key:"ec7f8b66f806e63a09320e2ebfcda71be001cd3b",name:"radio",clearable:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("label",{key:"00de1fcac1f811970b3f1154d6286dc7bd6036d8",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"35ea9212aa0f8eec4a96dedc406b428f58b848e6",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"db11c348c12a468a854c53c5f5f692ae7dcbaeb1",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"65707145740b173f4379c6bf5706a962a91bb021",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"883be5fef36a7e6fb16c57b30fcad312f1f25a6b",slot:"end"})),o("div",{key:"2cd8b1bb4ac90fd34732d2bfc34116bcc8429045",class:"height"}),o("smoothly-input-file",{key:"87739b41a33b7be135c5b3ed02648e702ac386ca",name:"file",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"0d10524c66e0625ec86431a8c19dcedf83f47eac",slot:"label"},"File"),o("smoothly-input-clear",{key:"a95f256a28cf294430040b6c6028921f0c620c8d",slot:"end"})),o("div",{key:"48650848e22a86ca8aa7501e09fbd8c5f0ce83ea",class:"height"}),o("smoothly-input-range",{key:"b1e96735886d8e3e4b451ed17fa11ecada3e2302",name:"range",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,label:this.options.showLabel?"Range":undefined},o("smoothly-input-clear",{key:"ab7f71a498ce9404aacc63f0273bd3b715ddf12c",slot:"end"})),o("div",{key:"0ff2870912f9ae2e2b41ba9d982c906124ef2641",class:"height"}),o("smoothly-input-color",{key:"fa4d779da5bfaea1e9644e721d9f6c4249949407",name:"color",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"63674017888873443dc7b744114dae7996e79c52"},"Color"),o("smoothly-input-clear",{key:"6344ad242592e19365961e80cc0814023eaa7dc2",slot:"end"})),o("div",{key:"16e0b71b1b6b1ee68813e3827b96bffe5ec63ef7",class:"height"}),o("smoothly-input-date",{key:"8ed46719b1c1e9a9085bd5decb2f0b76fda17e08",name:"date",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,showLabel:this.options.showLabel,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide},this.options.showLabel&&o("span",{key:"c268eeb0f99af102c6e1dc62b3d4a2ef01fb0982"},"Date"),o("smoothly-input-clear",{key:"828d7b0e5719ee2c8e8ef5e431f19061dd1ade2b",slot:"end"})),o("div",{key:"fe422ed5cc16bbb664f5dc190e59d05027b9ab6c",class:"height"}),o("smoothly-input-date-time",{key:"f45a43382ca831e1755ef2d9ee3ff2529f52e092",name:"dateTime",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel},"DateTime",o("smoothly-input-clear",{key:"000c95f6c81a9c8f84c88e258804c190de62a085",slot:"end"})),o("div",{key:"e203612e082b43846696f0e8f25ba1633c8a40c0",class:"height"}),o("smoothly-input-date-range",{key:"0a813285a0bb45af8a02e66bd7f336218ba2bf3f",name:"dateRange",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"8c4b143da14013a4e7869cc09ac125fd978ba652"},"Date Range"),o("smoothly-input-clear",{key:"71942a3eb11884fd20b5dd66f93bfebfaaaa917e",slot:"end"})),o("div",{key:"6ddfef156eb2dcbb511742abe5e03f0dec1e78fa",class:"height"})))}get element(){return i(this)}};$c.style=Rc;const Pc=".sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}@media (max-width: 48rem){.sc-smoothly-input-demo-user-input-h{grid-template-columns:1fr}}";const Fc=Pc;const Hc=class{constructor(e){t(this,e);this.values=["zero","one","two","three","four","five"];this.colors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"];this.textIndex=undefined;this.selectIndex=undefined;this.checkboxChecked=undefined;this.radioIndex=undefined;this.rangeValue=undefined;this.colorIndex=undefined;this.dateValue=undefined;this.datetimeValue=undefined;this.dateRangeValue=undefined}increment(t){return t===undefined?0:(t+1)%this.values.length}render(){var t,e;return o(s,{key:"e5373df530143e9be043fef3040f0c28e4e6befd"},o("div",{key:"e43682af956adff7d7717bc0460eed3b1bb95d84"},o("h2",{key:"4332098a4a62650fee3ff36df29bbab86ece7e9d"},"User Input Event"),o("p",{key:"b20f95a50866658227c61b92cd110ec481da9aea"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"d7966a4bf162c151d82b4202e72cd090eaf54ea0"},"smoothlyUserInput")," event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).",o("br",{key:"c491689d80addd8399ee02ab7cfc6c14f599bb85"}),"Check the console to see the details of each ",o("code",{key:"919ebbf26937841a5396d0d8b1f7d56a268ac292"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"241df770721275520a479cac831b972062cf0fce",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"1c8afb64233081bd049d91a0dd0e8071aad85856",looks:"border",name:"demo-user-input-text",value:this.textIndex===undefined?"":this.values[this.textIndex],onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Text input"),o("smoothly-button",{key:"5fe334fb6629980fec2ee42d22df173f86b9bec2",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"0972c18426ec3adf17de6b187c582d875de17c75",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},o("span",{key:"0e6d5f9596b71bae1f548aaf3cc830e9327dda05",slot:"label"},"Select input"),this.values.map(((t,e)=>o("smoothly-item",{value:e,selected:e==this.selectIndex},t)))),o("smoothly-button",{key:"66f5d072734363f0457f38252105272c643354ce",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"37bb578799dfb2de20c6ed9c26214acc5a4b3c0b",looks:"border",name:"demo-user-input-checkbox",checked:this.checkboxChecked,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Checkbox input"),o("smoothly-button",{key:"a70017b8ad95581ec4361d96350f809942b61d93",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"07558d4cbc286b03af94f0cc93718f35a93a73f6",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},o("span",{key:"1e6fa16c98dbf64e75d4527a5619a37d30631801",slot:"label"},"Radio input"),this.values.map(((t,e)=>o("smoothly-input-radio-item",{value:t,selected:e==this.radioIndex},t)))),o("smoothly-button",{key:"d3d7581a7c25ce7a7add6cc0f318bb738fbfcf56",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"cf1ad804353d6cecc2a92f1c919f0814ddc90293",looks:"border",name:"demo-user-input-range",step:1,min:0,max:this.values.length,value:this.rangeValue,label:"Range Input",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)}),o("smoothly-button",{key:"ac4215b8764d794d7b2b502e8978eeb066bb482b",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"b0f18cbf601c7a7e1b105b6ade6b7738e735c1af",looks:"border",name:"demo-user-input-color",value:typeof this.colorIndex=="number"?this.colors[this.colorIndex]:undefined,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Color input"),o("smoothly-button",{key:"353846f23973a62890ca228fce9434606c351eab",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?x.next(this.dateValue):x.now()},"Next day"),o("smoothly-input-date",{key:"e4e466950e474177dfd57b95741256ece59aeba7",looks:"border",name:"demo-user-input-date",value:this.dateValue,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Date input"),o("smoothly-button",{key:"e39a9742e3c896ed0b8083b0cb12694971c2f7b3",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?C.nextDay(this.datetimeValue):C.now()},"Next date time"),o("smoothly-input-date-time",{key:"91d54581db356cfcfc093286eb125502398315bd",looks:"border",name:"demo-user-input-datetime",value:this.datetimeValue,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Date time input"),o("smoothly-button",{key:"1bfc78adefad21783c035335cf764bdb92c537e4",color:"tertiary",onClick:()=>this.dateRangeValue=this.dateRangeValue?{start:x.next(this.dateRangeValue.start),end:x.next(this.dateRangeValue.end)}:{start:x.now(),end:x.next(x.now(),10)}},"Next date range"),o("smoothly-input-date-range",{key:"78f36ca1d6a278db6d7bd4644689331be84c488a",looks:"border",name:"demo-user-input-daterange",start:(t=this.dateRangeValue)===null||t===void 0?void 0:t.start,end:(e=this.dateRangeValue)===null||e===void 0?void 0:e.end,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Date range input"))}};Hc.style=Fc;const Nc='[color=default].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-edit-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-edit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-edit-h{display:inline}[disabled].sc-smoothly-input-edit-h{opacity:0.5}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit{font-weight:400;background-color:transparent}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-edit-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-edit-h:has(>a.sc-smoothly-input-edit:empty),.sc-smoothly-input-edit-h:has(>button.sc-smoothly-input-edit:empty),.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit:empty,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-edit-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-edit-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-edit{min-width:8rem}[size=icon].sc-smoothly-input-edit-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-edit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-edit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-edit-h{width:100%}[expand=full].sc-smoothly-input-edit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-edit-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:focus-visible,[fill=outline].sc-smoothly-input-edit-h:not([disabled]):active>button.sc-smoothly-input-edit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:hover::before,[fill=outline].sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:focus-within::before,[fill=outline].sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-edit:focus-visible,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-edit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h .sc-smoothly-input-edit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-edit-h{display:none}.sc-smoothly-input-edit-h:not([display]){display:none}[editable].sc-smoothly-input-edit-h{opacity:0.5}.sc-smoothly-input-edit-h[type="input"].sc-smoothly-input-edit-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-edit-h smoothly-icon.default.sc-smoothly-input-edit{transform:translate(.1em, -.1em)}.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>button>*+smoothly-icon{display:none}';const Uc=Nc;const Yc=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.color="tertiary";this.expand=undefined;this.fill=undefined;this.disabled=false;this.display=true;this.shape=undefined;this.type="input";this.size=undefined;this.tooltip="Edit"}componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(pr.type.is(t)){this.parent=t;t.listen((async t=>{this.display=t.readonly}))}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.edit(true)}render(){var t;return o(s,{key:"9413c465eefd77797e42c791530e44dff3846f28",title:this.tooltip},o("smoothly-button",{key:"6671fd2c91156be7d9a584e1a99f5b8b4f32eb1e",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(t=this.fill)!==null&&t!==void 0?t:this.type=="input"?"clear":undefined},o("slot",{key:"acaa5562e2b97fb0bf0f774fda77efdb33ba66cc"}),o("smoothly-icon",{key:"8defa183091cea2766970860a93f9005085e7325",class:"default",name:"create-outline",size:"tiny"})))}};Yc.style=Uc;const Wc='.sc-smoothly-input-file-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-file-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-file-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-file-h,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background-color:transparent}[looks="transparent"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-file-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.floating-label.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-text.sc-smoothly-input-file-h .label.sc-smoothly-input-file,[placeholder].sc-smoothly-input-file-h .label.sc-smoothly-input-file,[readonly].sc-smoothly-input-file-h .label.sc-smoothly-input-file,.sc-smoothly-input-file-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-file{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-file-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{--smoothly-button-height:1.4rem;margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h:not([readonly]),.sc-smoothly-input-file-h:not([readonly]) *.sc-smoothly-input-file{cursor:pointer}[disabled].sc-smoothly-input-file-h,[disabled].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}';const Bc=Wc;const Vc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.isDifferentFromInitial=false;this.observer=pr.Observer.create(this);this.transfer=new DataTransfer;this.readonly=false;this.disabled=undefined;this.accept=undefined;this.color=undefined;this.looks=undefined;this.camera=undefined;this.name=undefined;this.showLabel=true;this.value=undefined;this.placeholder=undefined;this.dragging=false}get files(){this.transfer.items.clear();this.value&&this.transfer.items.add(this.value);return this.transfer.files}async componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){kr.formRename(this,e)}async register(){kr.formAdd(this)}async unregister(){kr.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}smoothlyInputLoadHandler(t){kr.registerSubAction(this,t)}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}async binary(){return true}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}inputHandler(t){var e,o,s;t.stopPropagation();if((o=(e=this.input)===null||e===void 0?void 0:e.files)===null||o===void 0?void 0:o.length){this.value=(s=this.input)===null||s===void 0?void 0:s.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}dropHandler(t){var e;t.preventDefault();t.stopPropagation();this.dragging=false;if((e=t.dataTransfer)===null||e===void 0?void 0:e.files.length){this.value=t.dataTransfer.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}clickHandler(t){var e;if(!this.readonly&&!this.disabled&&!t.composedPath().find((t=>t==this.input))){(e=this.input)===null||e===void 0?void 0:e.click()}}dragOverHandler(t){t.preventDefault();t.stopPropagation()}dragEnterHandler(t){t.preventDefault();!this.readonly&&!this.disabled&&(this.dragging=true)}dragLeaveHandler(t){t.stopPropagation();this.dragging=false}render(){var t,e,i;return o(s,{key:"8f0c65d2c9ed0950c1c5115f615f6d66e1242165",class:{dragging:this.dragging,"has-value":!!this.value},tabindex:this.disabled?undefined:0,onClick:t=>this.clickHandler(t),onDragOver:t=>this.dragOverHandler(t),onDragEnter:t=>this.dragEnterHandler(t)},o("label",{key:"c03b59a35dbef07d3f0c4e0d58aecdd963fb499c"},o("slot",{key:"75a815e3f443bb3e6c8e0aa81c30b68f9cddc9ce",name:"label"})),o("div",{key:"2e7c8f558cd1d344b1659ef2fde701dd612f3b53",class:"input"},o("smoothly-button",{key:"8382da9351a2d57dfa17ff0a399066b1f645c5d8",disabled:this.disabled,type:"button",color:this.color,fill:"clear",size:"flexible"},o("slot",{key:"6e8366cbb446f9f5be138978711f7172f18d0005",name:"button"})),o("span",{key:"8b64bdf48fb8f8cf552e1d000c18e3e415826056"},(e=(t=this.value)===null||t===void 0?void 0:t.name)!==null&&e!==void 0?e:this.placeholder),o("div",{key:"26d26451e82bdb71ac7be890f308363dddd8a73e",class:"drag-overlay",onDrop:t=>this.dropHandler(t),onDragLeave:t=>this.dragLeaveHandler(t)},o("smoothly-icon",{key:"da2cb7bc7b9e481dd0edf6730adc4a9d26409167",name:"document-attach-outline"})),o("input",{key:"d19b4581fb2070dc0baa3ae6c9da9d3a5ca288d5",onFocus:()=>console.log("focus file input!"),ref:t=>this.input=t,type:"file",disabled:this.disabled,capture:this.camera=="back"?"environment":"user",accept:(i=this.accept)!==null&&i!==void 0?i:!this.camera?undefined:"image/jpeg",files:this.files,onInput:t=>this.inputHandler(t)})),o("span",{key:"8f4442060ca91b9d3ce769f71999031b9858aaaf",onClick:t=>t.stopPropagation()},o("slot",{key:"7fb47acfd5d5c4ae68b309d5302564cf757100a6",name:"end"})))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],value:["valueChanged"]}}};Vc.style=Bc;const Gc=".sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center;cursor:pointer}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;cursor:not-allowed}";const Kc=Gc;const Zc=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.observer=pr.Observer.create(this);this.readonly=undefined;this.color=undefined;this.looks=undefined;this.name=undefined;this.value=x.now();this.max=undefined;this.min=undefined;this.next=false;this.previous=false;this.inCalendar=false;this.showLabel=true;this.allowPreviousMonth=true;this.allowNextMonth=true}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.valueChanged()}valueChanged(){this.smoothlyInput.emit({[this.name]:this.value})}adjustMonth(t){var e;if(!this.readonly){const o=x.parse((e=this.value)!==null&&e!==void 0?e:x.now());o.setMonth(o.getMonth()+t);this.value=x.create(o)}}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}setAllowPreviousMonth(){var t,e;const o=x.previousMonth((t=this.value)!==null&&t!==void 0?t:x.now()).substring(0,7);const s=(e=this.min)===null||e===void 0?void 0:e.substring(0,7);this.allowPreviousMonth=!s||o>=s}setAllowNextMonth(){var t,e;const o=x.nextMonth((t=this.value)!==null&&t!==void 0?t:x.now()).substring(0,7);const s=(e=this.max)===null||e===void 0?void 0:e.substring(0,7);this.allowNextMonth=!s||o<=s}nameChange(t,e){kr.formRename(this,e)}async register(){kr.formAdd(this)}async unregister(){kr.formRemove(this)}async getValue(){return this.value}async clear(){var t,e;(t=this.year)===null||t===void 0?void 0:t.clear();(e=this.month)===null||e===void 0?void 0:e.clear()}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){var t,e;(t=this.year)===null||t===void 0?void 0:t.reset();(e=this.month)===null||e===void 0?void 0:e.reset()}async setInitialValue(){var t,e;(t=this.year)===null||t===void 0?void 0:t.setInitialValue();(e=this.month)===null||e===void 0?void 0:e.setInitialValue()}inputHandler(t){if(t.target!=this.element){t.stopPropagation();const e=t.detail[`${this.name}-year`];const o=t.detail[`${this.name}-month`];if(o&&x.is(o))this.value=x.firstOfMonth(o);else if(e&&x.is(e))this.value=x.firstOfMonth(e)}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks,this.color)}}async smoothlyInputLoadHandler(t){if(t.target!=this.element)t.stopPropagation()}render(){var t,e;return o(s,{key:"a19d91c6e7a3418e4cc6645072227e24660a1055"},o("smoothly-icon",{key:"f49eef91fe444f2b2c46602239ffb720b463498a",name:"caret-back-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowPreviousMonth},onClick:()=>this.allowPreviousMonth&&this.adjustMonth(-1)}),o("smoothly-input-select",{key:"63b194505c76cb794711fd50d6129c9037388687",ref:t=>this.year=t,name:`${this.name}-year`,readonly:this.readonly,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const e=t.detail.value;if(e&&x.is(e)){const t=x.firstOfMonth(e);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},o("div",{key:"cb2f05a587d6dd8a54e0e9ef4e9b8d2da2956613",slot:"label"},o("slot",{key:"25e30084d491b00bc0963c5d5675419f2a88ee02",name:"year-label"})),le((t=this.value)!==null&&t!==void 0?t:x.now(),this.min,this.max).map((t=>o("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),o("smoothly-input-select",{key:"46bd63861b1facb4dfd7fd2dd0f4e7ade2a1535e",ref:t=>this.month=t,name:`${this.name}-month`,readonly:this.readonly,color:this.color,looks:this.looks,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const e=t.detail.value;if(e&&x.is(e)){const t=x.firstOfMonth(e);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},o("div",{key:"7c9c95e399522fcadc86a7d56565ed24f83bd1dd",slot:"label"},o("slot",{key:"8332af277b6a5c3e16a92487fa886dac4ba594dd",name:"month-label"})),ne((e=this.value)!==null&&e!==void 0?e:x.now()).map((t=>o("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),o("smoothly-icon",{key:"cd668eac7633d2d767387599488fe6bb7326b8f0",name:"caret-forward-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowNextMonth},onClick:()=>this.allowNextMonth&&this.adjustMonth(1)}))}get element(){return i(this)}static get watchers(){return{value:["valueChanged","setAllowPreviousMonth","setAllowNextMonth"],min:["setAllowPreviousMonth"],max:["setAllowNextMonth"],name:["nameChange"]}}};Zc.style=Kc;const qc=".sc-smoothly-input-price-demo-h{display:block}";const Xc=qc;const Jc=class{constructor(e){t(this,e);this.currencies=["EUR","USD","GBP"];this.currency="USD"}render(){return o(s,{key:"671d9e1e09c36db8094dfe6f1ab4dd682b28fe73"},o("h2",{key:"85a013c5fe711cc2a9dc759707a4e3880530377a"},"State demo on smoothly-input"),o("p",{key:"57296c7eb9eacc94aee6802d6808181af5d4190a"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"b41379a50dd8e97d98a5eebc38694e04d192414c"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"3fc4076c53a6a0571f5375974d8b7e9b2bfb4414",name:"currency",onSmoothlyInput:t=>this.currency=z.is(t.detail.currency)?t.detail.currency:undefined},this.currencies.map((t=>o("smoothly-input-radio-item",{key:t,selected:t==this.currency,value:t},t)))),o("smoothly-input",{key:"390be92c6e43aeaa2d5072b43539041ea794d51b",type:"price",currency:this.currency},"price"))}};Jc.style=Xc;const Qc='.sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-radio-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-radio-h,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks="transparent"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}';const th=Qc;const eh=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.isDifferentFromInitial=false;this.valueReceivedOnLoad=false;this.observer=pr.Observer.create(this);this.value=undefined;this.looks=undefined;this.color=undefined;this.direction=undefined;this.clearable=undefined;this.readonly=false;this.disabled=undefined;this.name=undefined;this.showLabel=true}componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,this.color=e}));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){!this.valueReceivedOnLoad&&this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));this.initialValue=this.active}handleRegister(t){t.stopPropagation();t.detail(this)}smoothlyInputLoadHandler(t){kr.registerSubAction(this,t)}smoothlyRadioInputHandler(t){var e,o,s;t.stopPropagation();if(!this.readonly&&!this.disabled||!this.valueReceivedOnLoad){if(this.clearable&&((e=this.active)===null||e===void 0?void 0:e.value)===t.detail.value)this.clear();else if(((o=this.active)===null||o===void 0?void 0:o.value)!==t.detail.value){(s=this.active)===null||s===void 0?void 0:s.select(false);this.active=t.detail;this.value=this.active.value;this.active.select(true)}}if(t.detail.userInitiated)this.smoothlyUserInput.emit({name:this.name,value:this.value});!this.valueReceivedOnLoad&&(this.valueReceivedOnLoad=!this.valueReceivedOnLoad)}async listen(t){this.observer.subscribe(t)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){kr.formRename(this,e)}async register(){kr.formAdd(this)}async unregister(){kr.formRemove(this)}async getValue(){return this.value}async clear(){var t;if(this.clearable){(t=this.active)===null||t===void 0?void 0:t.select(false);this.active=undefined;this.value=undefined}}async edit(t){this.readonly=!t}async reset(){var t,e,o;(t=this.active)===null||t===void 0?void 0:t.select(false);this.active=this.initialValue;this.value=(e=this.initialValue)===null||e===void 0?void 0:e.value;(o=this.active)===null||o===void 0?void 0:o.select(true)}async setInitialValue(){this.initialValue=this.active;this.valueChanged()}async valueChanged(){var t;this.valueReceivedOnLoad&&(this.isDifferentFromInitial=((t=this.initialValue)===null||t===void 0?void 0:t.value)!==this.value);this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}watchingReadonly(){this.observer.publish()}render(){return o(s,{key:"4c16989054af995a7be51103116b7d105561fd8e",class:"floating-label"},o("slot",{key:"e2b996cf016c205ea24d7accfe6859d633e894d5",name:"start"}),o("div",{key:"226acd15ed59d43c23c07faf55babc8891e978cf"},o("slot",{key:"1294f90114f30f05694cbc0189b654673dec3bed",name:"label"}),o("div",{key:"0410baed00c39e0e7fdf31f88392c9b28274e1d8",class:"options"},o("slot",{key:"90adaea59355acc73a5630d4250b051b9e4cec45"}))),o("slot",{key:"d2b6c6892825c7182b7e28e788c5eadf56f25f71",name:"end"}))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],value:["valueChanged"],disabled:["watchingReadonly"],readonly:["watchingReadonly"]}}};eh.style=th;const oh=".sc-smoothly-input-radio-item-h{display:flex;align-items:center;position:relative}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:pointer}smoothly-input-radio[disabled] .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:not-allowed}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>smoothly-icon.sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-input-foreground)}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>smoothly-icon[name=checkmark-circle].sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-success-color)}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}";const sh=oh;const ih=class{constructor(o){t(this,o);this.smoothlyRadioItemSelect=e(this,"smoothlyRadioItemSelect",7);this.smoothlyRadioItemRegister=e(this,"smoothlyRadioItemRegister",7);this.value=undefined;this.selected=false;this.looks=undefined;this.name=undefined;this.disabled=undefined}componentWillLoad(){this.smoothlyRadioItemRegister.emit((t=>{this.name=t.name;t.listen((async t=>{if(kr.is(t))this.disabled=t.disabled}))}));this.selected&&this.inputHandler(false)}inputHandler(t){this.smoothlyRadioItemSelect.emit({value:this.value,selected:this.selected,select:t=>this.selected=t,userInitiated:t})}render(){return o(s,{key:"df843e11d9c3363b27ceb3e4930e353072a8c537",onClick:()=>this.inputHandler(true)},o("input",{key:"a38159efa771785ca314bdbce6569bcc05503089",name:this.name,type:"radio",checked:this.selected,disabled:this.disabled}),o("smoothly-icon",{key:"f3c5afda5328b233102ec346d05ba260dfe6cca3",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",tooltip:"Select"}),o("label",{key:"80c90ca1625f26ec43f7e4fcdb3da585ee0e463e"},o("slot",{key:"af191ac240791505df6eb37658920f3564b71a42"})))}get element(){return i(this)}};ih.style=sh;const ah='.sc-smoothly-input-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}';const nh=ah;const lh=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.isDifferentFromInitial=false;this.observer=pr.Observer.create(this);this.initialValue=undefined;this.value=undefined;this.looks=undefined;this.color=undefined;this.defined=false;this.readonly=false;this.disabled=undefined;this.type="text";this.min=0;this.max=100;this.name="range";this.step=undefined;this.outputSide="left";this.label=undefined;this.showInput=false}componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,this.color=e}));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.value&&(this.initialValue=this.value);this.valueChanged()}smoothlyInputLoadHandler(t){kr.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){kr.formRename(this,e)}async register(){kr.formAdd(this)}async unregister(){kr.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.isDifferentFromInitial=false;this.valueChanged()}valueChanged(){var t,e;const o=!this.step?undefined:(e=(t=this.step.toString().split(".")[1])===null||t===void 0?void 0:t.length)!==null&&e!==void 0?e:0;this.value=Number.isNaN(this.value)||this.value==undefined?undefined:+this.value.toFixed(o);this.isDifferentFromInitial=this.initialValue!=this.value;this.defined=typeof this.value=="number";this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value})}watchingReadonly(){this.observer.publish()}setValue(t){var e;if(t==undefined)this.value=undefined;else if(t<this.min)this.value=this.min;else if(t>this.max)this.value=this.max;else this.value=t;this.input&&(this.input.value=this.type=="text"?(e=this.value)===null||e===void 0?void 0:e.toString():this.value)}render(){var t,e,i;return o(s,{key:"51d0d50c2260a8efef459a490a6d40576edf8904",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},o("slot",{key:"b8115e4e8c82c45c95983a6ca05ac4910547d509",name:"start"}),o("div",{key:"21ac65ef6af325989f1586a4109f28b02c4d9414"},o("label",{key:"a8730e6a0478abdd2a81a2153ed1863f389f632d",htmlFor:this.name},this.label),o("smoothly-input",{key:"cce8eef1cb3fe30cafec2fccdcde4bb992b163ef",ref:t=>this.input=t,looks:undefined,color:this.color,name:this.name,showLabel:this.outputSide==="left"&&!!this.label,type:this.type,onSmoothlyInputLoad:async t=>(t.stopPropagation(),this.setValue(kr.Element.is(t.target)?Number(await t.target.getValue()):undefined)),onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.setValue(kr.Element.is(t.target)?Number(await t.target.getValue()):undefined)},value:this.type=="percent"?this.value:(t=this.value)===null||t===void 0?void 0:t.toString(),placeholder:this.outputSide==="right"?"-":undefined,readonly:this.readonly,disabled:this.disabled},this.label),o("smoothly-display",{key:"6ab9f7b99bf40826eb17eb300cd8be062defa4d3",label:(this.type=="percent"?this.min*100:this.min).toString()}),o("input",{key:"690aa75a19a26cf290c1290988357edab5097ab3",name:this.name,part:"range",type:"range",min:this.min,max:this.max,step:(e=this.step)!==null&&e!==void 0?e:"any",disabled:this.readonly||this.disabled,onInput:t=>{t.stopPropagation();this.setValue(t.target.valueAsNumber);this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:(i=this.value)!==null&&i!==void 0?i:this.min}),o("smoothly-display",{key:"f1541e975526a02100826dc3f817c64626b2750d",label:(this.type=="percent"?this.max*100:this.max).toString()})),o("slot",{key:"06897088ceab10a99692b4fe2d06e5d227dd44f8",name:"end"}))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],value:["valueChanged"],disabled:["watchingReadonly"],readonly:["watchingReadonly"]}}};lh.style=nh;const rh=class{constructor(e){t(this,e)}render(){return o(s,{key:"fe8877ae479bd8b4e8a530dbcdd2f8cac31170b2"},o("h2",{key:"d39ba6d14b8740a8d18fd3e62c51964a0079dfdd"},"Range"),o("h3",{key:"1cde1d9dbda26b591f092ff6c1215a78c85668e3"},"Phone Number"),o("smoothly-input-range",{key:"0df83246ce1c17510de342817b3e8371a405fd5f",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"5aeaf74220d18db5d292b43316b862bb30e596fa"},"Stars out of ten"),o("smoothly-input-range",{key:"9cf4138304c1bddf4f368c145129b85ac3c9fc98",max:10,step:1,label:"Stars"}),o("h3",{key:"ec9ace4a4ca1da8e781839d7a7dc5808b4185c5a"},"Percent"),o("smoothly-input-range",{key:"02512fb3b2a215c4ffe0cde5fbf79defe6bc431f",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"ff48ee90a6f0876d954fa97e55c100fdce94406f"},"With icon at start and clear button"),o("smoothly-input-range",{key:"f48778410e5ee8104c032220124a602bc3e84c7e",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"f08ec1e3e9621a87029901e2958a0d4221ab3e15",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"4b7382dc9c566fd1f94c080901e1949610fcb40e",size:"icon",slot:"end"})))}};const ch='[color=default].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-reset-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-reset-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-reset-h{display:inline}[disabled].sc-smoothly-input-reset-h{opacity:0.5}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset{font-weight:400;background-color:transparent}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-reset-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-reset-h:has(>a.sc-smoothly-input-reset:empty),.sc-smoothly-input-reset-h:has(>button.sc-smoothly-input-reset:empty),.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset:empty,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-reset-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-reset-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-reset{min-width:8rem}[size=icon].sc-smoothly-input-reset-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-reset-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-reset-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-reset-h{width:100%}[expand=full].sc-smoothly-input-reset-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-reset-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:not([disabled]):active>button.sc-smoothly-input-reset::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:hover::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-within::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h .sc-smoothly-input-reset-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h[type="input"].sc-smoothly-input-reset-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-reset-h{cursor:not-allowed}.sc-smoothly-input-reset-h[type="input"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type="input"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}';const hh=ch;const dh=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.color=undefined;this.expand=undefined;this.fill=undefined;this.disabled=false;this.size="icon";this.shape=undefined;this.display=true;this.type="input";this.tooltip="Reset"}async componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(pr.Element.type.is(t)){this.parent=t;this.readonlyAtLoad=t.readonly;t.listen((async t=>{if(kr.is(t)){const e=typeof t.defined=="boolean"?t.defined:Boolean(await t.getValue());this.display=t.readonly||!e?false:t.isDifferentFromInitial}if(t instanceof xr){this.display=!t.readonly;this.disabled=!this.readonlyAtLoad&&!t.isDifferentFromInitial}}))}}))}clickHandler(t){var e,o;t.stopPropagation();(e=this.parent)===null||e===void 0?void 0:e.reset();this.parent instanceof xr&&this.readonlyAtLoad&&((o=this.parent)===null||o===void 0?void 0:o.edit(false))}render(){var t;return o(s,{key:"00ce2610388bdfe4a860afc1eec4c91360ed0baa",title:this.tooltip},o("smoothly-button",{key:"f65ac219effa216faa6aeb8e8ef472b7656ce745",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(t=this.fill)!==null&&t!==void 0?t:this.type=="input"?"clear":undefined,onClick:t=>this.clickHandler(t)},o("slot",{key:"5432ebbc44053abcfa66d760436a8218f413f58f"}),o("smoothly-icon",{key:"098d71829c81316bcdaf71a072c37d8334a505c4",flip:"x",name:"refresh-outline",size:"tiny"})))}};dh.style=hh;var mh;(function(t){let e;(function(t){t.type=I({value:M(),deselectable:T(),selected:T().optional(),filter:d()});t.is=t.type.is})(e=t.Element||(t.Element={}));t.type=e.type.extend({});t.is=t.type.is})(mh||(mh={}));const uh='.sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-select-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-select-h,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background-color:transparent}[looks="transparent"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-select-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.floating-label.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-text.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>div.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h .label.sc-smoothly-input-select{left:.5rem}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);min-width:fit-content;border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks="grid"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{left:-1px;right:-1px}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:0.5rem;border:1px solid rgb(var(--smoothly-input-foreground));border-radius:0.15rem;vertical-align:middle}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::after{content:"✔";position:absolute;left:0.65rem;color:rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::before{border:1px solid rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::after{color:rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:hover::before{border:1px solid rgb(var(--smoothly-item-hover-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:hover::after{color:rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{padding:.7rem .7rem .7rem .25rem}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{display:flex;position:sticky;top:0;gap:1rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview::before{content:"";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}';const yh=uh;const bh=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.smoothlyItemSelect=e(this,"smoothlyItemSelect",7);this.isDifferentFromInitial=false;this.initialValue=[];this.initialValueHandled=false;this.observer=pr.Observer.create(this);this.items=[];this.lastOpen=false;this.invalid=false;this.errorMessage=undefined;this.name="selected";this.color=undefined;this.looks=undefined;this.showLabel=true;this.showSelected=true;this.readonly=false;this.disabled=false;this.inCalendar=false;this.ordered=undefined;this.multiple=false;this.clearable=true;this.defined=false;this.placeholder=undefined;this.menuHeight=undefined;this.required=false;this.searchDisabled=false;this.mutable=false;this.open=false;this.selected=[];this.filter="";this.addedItems=[]}componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){this.selected&&!this.initialValueHandled&&(this.initialValue=[...this.selected]);this.initialValueHandled=true;this.onSelectedChange()}componentDidRender(){var t,e,o,s,i;this.itemHeight===undefined&&(this.itemHeight=(t=this.items.find((t=>t.clientHeight>0)))===null||t===void 0?void 0:t.clientHeight);if(this.menuHeight&&this.itemHeight){(e=this.element)===null||e===void 0?void 0:e.style.setProperty("--menu-height",!this.menuHeight.endsWith("items")||this.items.length==0?this.menuHeight:`${this.itemHeight*+((s=(o=this.menuHeight.match(/^(\d+(\.\d+)?|\.\d+)/g))===null||o===void 0?void 0:o[0])!==null&&s!==void 0?s:"10")}px`)}(i=this.element)===null||i===void 0?void 0:i.style.setProperty("--element-height",`${this.element.clientHeight}px`);if(this.ordered&&!this.multiple&&this.open&&!this.lastOpen){this.scrollToSelected()}}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){kr.formRename(this,e)}async register(){kr.formAdd(this)}async unregister(){kr.formRemove(this)}async getValue(){return!this.multiple&&this.selected[0]?this.selected[0].value:this.multiple&&this.selected.length>0?this.selected.map((t=>t.value)):undefined}async getItems(){return this.items}async listen(t){this.observer.subscribe(t)}async reset(){this.selected.forEach((t=>t.selected=t.hidden=false));this.initialValue.forEach((t=>t.selected=true));this.selected=[...this.initialValue];this.displaySelected();this.isDifferentFromInitial=false;this.open&&this.handleShowOptions()}async clear(){var t;if(this.clearable){this.selected.forEach((t=>t.selected=t.hidden=false));this.selected=[];if(this.displaySelectedElement){this.displaySelectedElement.innerHTML=(t=this.placeholder)!==null&&t!==void 0?t:""}}}async edit(t){this.readonly=!t}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=[...this.selected]}async onSelectedChange(){this.initialValueHandled&&(this.isDifferentFromInitial=!this.areValuesEqual(this.selected,this.initialValue));this.defined=this.selected.length>0;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}onRequiredChange(){this.items.forEach((t=>t.deselectable=!this.required))}async onFilterChange(t){t=t.toLowerCase();await Promise.all(this.items.map((e=>e.filter(t))))}watchingReadonly(){this.observer.publish()}async smoothlyInputLoadHandler(t){if(t.target&&("name"in t.target&&t.target.name!==this.name||t.composedPath().some((t=>t==this.iconsDiv))&&!t.composedPath().some((t=>t==this.toggle)))){t.stopPropagation()}else if(mh.Element.is(t.target)){t.stopPropagation();t.target.deselectable=!this.required;this.items.push(t.target)}kr.registerSubAction(this,t);this.displaySelected()}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&this.handleShowOptions()}onItemDomChange(t){t.stopPropagation();const e=t.target;if(e.selected)this.displaySelected()}async onItemSelect(t){t.stopPropagation();const e=t.detail.item;if(this.multiple){this.selected=e.selected?[...this.selected,e]:this.selected.filter((t=>t.selected))}else if(e.selected||!this.items.some((t=>t.selected))){this.selected[0]&&(this.selected[0].hidden=this.selected[0].selected=false);this.selected=!e.selected?this.selected.filter((t=>t.selected)):[e];!this.showSelected&&e.selected&&(e.hidden=true)}this.displaySelected();if(t.detail.userInitiated)this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}onClosed(t,e){this.lastOpen=e;if(!t){const t=this.items.find((t=>t.marked));if(t){t.marked=false}}}handleShowOptions(t){const e=(t===null||t===void 0?void 0:t.composedPath().some((t=>t==this.iconsDiv)))&&!t.composedPath().some((t=>t==this.toggle));const o=t===null||t===void 0?void 0:t.composedPath().find((t=>"tagName"in t&&t.tagName=="SMOOTHLY-ITEM"));!this.readonly&&!this.disabled&&!(o&&this.items.includes(o)&&this.multiple)&&!e&&(this.open=!this.open);this.filter=""}areValuesEqual(t,e){return t.length===e.length&&e.every((e=>t.includes(e)))}displaySelected(){var t;const e=this.selected.map((t=>`<div>${t.innerHTML}</div>`)).join("");this.displaySelectedElement&&(this.displaySelectedElement.innerHTML=this.selected.length>0?e:(t=this.placeholder)!==null&&t!==void 0?t:"")}onKeyDown(t){if(!this.searchDisabled){t.stopPropagation();const e=this.items.some((t=>t.getAttribute("hidden")===null));if(t.key!="Tab"&&!t.ctrlKey&&!t.metaKey)t.preventDefault();if(this.open){switch(t.key){case"ArrowUp":e&&this.move(-1);break;case"ArrowDown":e&&this.move(1);break;case"Escape":if(this.filter=="")this.open=false;else this.filter="";break;case"Backspace":this.filter=t.ctrlKey?"":this.filter.slice(0,-1);break;case"Enter":const o=this.items.find((t=>t.marked));if(o===null||o===void 0?void 0:o.value)o.selected=!o.selected;if(!this.multiple){this.open=false;this.filter=""}break;case"Tab":this.open=false;break;default:if(t.key.length==1)this.filter+=t.key;break}}else{switch(t.key){case"Enter":case" ":this.handleShowOptions();break;case"ArrowDown":this.handleShowOptions();this.move(1);break;case"ArrowUp":this.handleShowOptions();this.move(-1);break;case"Tab":break;default:this.handleShowOptions();if(t.key.length==1)this.filter+=t.key;break}}}}scrollToSelected(){const t=this.items.find((t=>t.selected));if(t){this.items.map((t=>t.marked=false));t.marked=true;this.scrollTo(t,"instant")}}move(t){const e=this.items.filter((t=>!t.hidden&&!t.disabled));let o=e.findIndex((t=>t.marked));if(o==-1)o=0;else{e[o].marked=false;o=(o+t+e.length)%e.length}e[o].marked=true;this.scrollTo(e[o],"smooth")}scrollTo(t,e){var o,s,i;(o=this.optionsDiv)===null||o===void 0?void 0:o.scrollTo({top:t.offsetTop+t.offsetHeight/2-((i=(s=this.optionsDiv)===null||s===void 0?void 0:s.clientHeight)!==null&&i!==void 0?i:0)/2,behavior:e})}addItem(){this.addedItems=this.addedItems.concat(o("smoothly-item",{value:this.filter,selected:true},this.filter))}render(){return o(s,{key:"8fb98d71f28eb7993c1c2896558482db5f56652b",tabIndex:this.disabled?undefined:0,class:{"has-value":this.selected.length!==0,open:this.open},onClick:t=>this.handleShowOptions(t)},o("div",{key:"1090a06c5c7de17dcaeb38d0ed8c5b56e3069960",class:"select-display",ref:t=>this.displaySelectedElement=t},this.placeholder),o("div",{key:"697bcc836df8f03ce34f818235d22ced5cd08896",class:"icons",ref:t=>this.iconsDiv=t},o("smoothly-icon",{key:"c641081541db43343741b9eb194ab3f1c43cf83d",class:"smoothly-invalid",name:"alert-circle",color:"danger",fill:"clear",size:"small",tooltip:this.errorMessage}),o("slot",{key:"0ca8c13238af71f2752af6698ebcd5d0b6cffe49",name:"end"}),this.looks=="border"&&!this.readonly&&o("smoothly-icon",{key:"5795da645bcdb603333d3647da26bf191b354dab",ref:t=>this.toggle=t,size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"})),o("slot",{key:"c5b0ddb7948644f81d405cb6cf6fa5bdf1acb03b",name:"label"}),o("div",{key:"dfbcab1b4f7a0a5cd6c5c0fe9f2ea95ce66be115",class:{hidden:!this.open,options:true},ref:t=>this.optionsDiv=t},this.filter.length>0&&o("div",{key:"7e185303558604bb2c27081eebdc3a3b61d2ca61",class:"search-preview"},o("smoothly-icon",{key:"da863d6e5856b4af291a04cd7bf52fb68015e126",name:"search-outline",size:"small"}),this.filter,o("smoothly-icon",{key:"3c6ca8765f897ec2f7a1dfa130862f0dc9dbd057",name:"backspace-outline",size:"small",onClick:t=>{t.stopPropagation();this.filter="";this.element.focus()}}),this.mutable&&o("smoothly-icon",{key:"13cb293844c4cf243e1fbb3d9c266119373fbf4f",name:"add",size:"small",onClick:t=>{t.stopPropagation();this.addItem()}})),o("slot",{key:"3d13a87402765f06ee37c69c156c7b41dc1af6af"}),this.addedItems))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],selected:["onSelectedChange"],required:["onRequiredChange"],filter:["onFilterChange"],disabled:["watchingReadonly"],readonly:["watchingReadonly"],open:["onClosed"]}}};bh.style=yh;const fh='[color=default].sc-smoothly-input-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-input-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-input-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-input-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-input-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-input-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-input-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-input-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-input-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-input-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-input-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-input-submit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-submit-h{display:inline}[disabled].sc-smoothly-input-submit-h{opacity:0.5}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit{font-weight:400;background-color:transparent}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit,.sc-smoothly-input-submit-h>button.sc-smoothly-input-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-input-submit-h>button.sc-smoothly-input-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-input-submit-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-submit-h:has(>a.sc-smoothly-input-submit:empty),.sc-smoothly-input-submit-h:has(>button.sc-smoothly-input-submit:empty),.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit:empty,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-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-input-submit-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-submit{min-width:8rem}[size=icon].sc-smoothly-input-submit-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-submit-h{width:100%}[expand=full].sc-smoothly-input-submit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-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-input-submit-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-visible,[fill=outline].sc-smoothly-input-submit-h:not([disabled]):active>button.sc-smoothly-input-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:hover::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-within::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-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-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:focus-visible,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-icon,.sc-smoothly-input-submit-h .sc-smoothly-input-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-input-submit-h{display:none}.sc-smoothly-input-submit-h{display:flex}.sc-smoothly-input-submit-h:not([display]){display:none}.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button button>*+smoothly-icon,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button-confirm button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-submit-h{cursor:not-allowed}';const ph=fh;const gh=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.delete=false;this.color=undefined;this.icon="checkmark-outline";this.expand=undefined;this.fill=undefined;this.disabled=false;this.display=false;this.shape=undefined;this.size="icon";this.tooltip=this.delete?"Remove":"Submit"}componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(g.is(t)&&pr.type.is(t)){this.parent=t;t.listen((async t=>{var e;this.display=!t.readonly;this.disabled=!this.delete&&(t.readonly||"validator"in t&&t.validator instanceof k&&!((e=t.validator)===null||e===void 0?void 0:e.is(u.convertArrays(t.value)))||!t.isDifferentFromInitial)}))}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.submit(this.delete)}render(){var t,e;return o(s,{key:"f7f8d66cc479ee4cd0f92bc148dec2c0cb2d48f7",title:this.tooltip},this.delete==true?o("smoothly-button-confirm",{size:this.size,shape:this.shape,expand:this.expand,color:(t=this.color)!==null&&t!==void 0?t:"danger",fill:this.fill,onSmoothlyConfirm:()=>this.clickHandler()},o("slot",null),o("smoothly-icon",{name:"trash-outline",fill:"solid",size:"tiny"})):o("smoothly-button",{disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:(e=this.color)!==null&&e!==void 0?e:"success",fill:this.fill,onClick:()=>this.clickHandler()},o("slot",null),this.icon&&o("smoothly-icon",{name:this.icon,fill:"solid",size:"tiny"})))}};gh.style=ph;const kh="[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-item-selected-background));color:rgb(var(--smoothly-item-selected-foreground));border-left:.3em solid rgb(var(--smoothly-item-selected-border))}[disabled].sc-smoothly-item-h,.sc-smoothly-item-h[disabled].sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-disabled-background));color:rgb(var(--smoothly-item-disabled-foreground));opacity:var(--smoothly-item-disabled-opacity);cursor:not-allowed}.sc-smoothly-item-h{display:flex;align-items:center;padding:0.5em;cursor:pointer;border-left:.3em solid transparent;color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground));box-sizing:border-box;min-height:3rem}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground))}.sc-smoothly-item-h:not([disabled])[marked],.sc-smoothly-item-h:not([disabled]):hover,.sc-smoothly-item-h:not([disabled])[marked].sc-smoothly-item-s>*,.sc-smoothly-item-h:not([disabled]):hover.sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-hover-background));color:rgb(var(--smoothly-item-hover-foreground));fill:rgb(var(--smoothly-item-hover-foreground));stroke:rgb(var(--smoothly-item-hover-foreground))}";const vh=kh;const wh=class{constructor(o){t(this,o);this.smoothlyItemSelect=e(this,"smoothlyItemSelect",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyItemDOMChange=e(this,"smoothlyItemDOMChange",7);this.userInitiated=false;this.value=undefined;this.selected=false;this.marked=undefined;this.disabled=false;this.deselectable=true}clickHandler(){if(!this.disabled&&(!this.selected||this.deselectable)){this.userInitiated=true;this.selected=!this.selected}}selectedWatcher(){this.smoothlyItemSelect.emit({userInitiated:this.userInitiated,item:this.element});this.userInitiated=false}componentWillLoad(){this.smoothlyInputLoad.emit((()=>{}))}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>this.smoothlyItemDOMChange.emit()));this.mutationObserver.observe(this.element,{childList:true,subtree:true,characterData:true});if(this.selected&&!this.disabled)this.smoothlyItemSelect.emit({userInitiated:false,item:this.element})}async filter(t){var e;const o=typeof this.value==="string"?this.value:JSON.stringify((e=this.value)!==null&&e!==void 0?e:"");this.element.hidden=t?!(o.includes(t)||this.element.innerText.toLowerCase().includes(t)):false}render(){return o(s,{key:"e20234d30e92293239fab80b17123a82aaf7a4df",tabIndex:-1},o("slot",{key:"4087bb39941fd908d388a64a6036e3c50ead3a9c"}))}get element(){return i(this)}static get watchers(){return{selected:["selectedWatcher"]}}};wh.style=vh;const xh=".sc-smoothly-label-h{position:relative;width:max-content;display:flex;justify-content:center;align-items:center;padding:0.15em 0.6em;border-radius:2em;color:rgb(var(--smoothly-default-contrast));background-color:hsl(var(--hue), 85%, 70%)}[shape=rectangle].sc-smoothly-label-h{border-radius:0.3em}";const Ch=xh;const Sh=class{constructor(e){t(this,e);this.hue=undefined;this.description=undefined;this.shape=undefined}render(){var t;return o(s,{key:"de59874afe507061a1c3ede6954e5e4431fa7c68",title:this.description,style:{"--hue":(t=this.hue)===null||t===void 0?void 0:t.toString()}},o("slot",{key:"fcb5def4232e85094c4504191a20fdde03b4cdb8"}))}};Sh.style=Ch;const zh=".sc-smoothly-lazy-h{display:block}";const Ih=zh;const jh=class{constructor(e){t(this,e);this.show=false;this.content=undefined}loadMoreHandler(t){t.stopPropagation();this.show=true}render(){return o(s,{key:"9f9a3ad03a3cffa605de2e0a311c71ff0501cc74"},o("slot",{key:"0e222b762686df3a561c17e45966654e6bdaa711",name:"before"}),o("smoothly-load-more",{key:"b655698abb3cb1dc76e941d8c7b2b627221dcb85",onSmoothlyLoadMore:t=>this.loadMoreHandler(t)}),this.show&&(typeof this.content=="function"?o(this.content,null):this.content),o("slot",{key:"dd06292abea01a005890a0c168a5152f6737ceb1"}))}};jh.style=Ih;const Th=class{constructor(o){t(this,o);this.smoothlyLoadMore=e(this,"smoothlyLoadMore",7);this.triggerMode="intersection";this.name="";this.multiple=false;this.inView=undefined}checkInView(){if(this.inView)this.smoothlyLoadMore.emit(this.name)}connectedCallback(){var t;this.observer=new IntersectionObserver(((t,e)=>this.observationHandler(e,t)));this.observer.observe(this.element);if(this.triggerMode=="scroll"){this.inView&&this.smoothlyLoadMore.emit(this.name);if(this.multiple||!this.multiple&&!this.inView){this.scrollableParent=n.findParent(this.element);(t=this.scrollableParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.checkInView.bind(this),{once:!this.multiple})}}}disconnectedCallback(){var t;(t=this.scrollableParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.checkInView.bind(this));this.observer.disconnect()}observationHandler(t,e){var o,s;this.inView=((s=(o=e.find((t=>t.target==this.element)))===null||o===void 0?void 0:o.intersectionRatio)!==null&&s!==void 0?s:0)>0;if(this.inView){this.smoothlyLoadMore.emit(this.name);!this.multiple&&(t.unobserve(this.element),t.disconnect())}}render(){return o(s,{key:"5200709c13719dcdfa30a25d921fa27e38750fcd"})}get element(){return i(this)}};const _h='.sc-smoothly-modal-h{position:fixed;display:flex;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--smoothly-modal-backdrop));color:rgb(var(--smoothly-modal-foreground));z-index:5}.sc-smoothly-modal-h:not([open]),[hidden].sc-smoothly-modal-h{display:none}[align=center].sc-smoothly-modal-h{align-items:center}[align=top].sc-smoothly-modal-h>div.modal.sc-smoothly-modal{margin-top:calc((100dvh - var(--smoothly-modal-max-height)) / 2)}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal{display:flex;flex-direction:column;padding:2rem;gap:1.5rem;width:var(--smoothly-modal-width, 40rem);max-width:calc(100dvw - 1rem);height:fit-content;max-height:min(var(--smoothly-modal-max-height), 100dvh);background:rgb(var(--smoothly-modal-background, var(--smoothly-color)));border:1px solid rgb(var(--smoothly-modal-border));border-radius:var(--smoothly-modal-border-radius);box-shadow:var(--smoothly-modal-shadow);box-sizing:border-box}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:empty,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal:empty{display:none}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal{display:flex;justify-content:space-between;align-items:center}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>*.sc-smoothly-modal{margin-block:0}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal:not(.header):not(.actions){overflow-y:auto}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:not(:has([slot="header"])){justify-content:end}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]){cursor:pointer;opacity:0.7;color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]):hover{opacity:1}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}';const Dh=_h;const Lh=class{constructor(o){t(this,o);this.smoothlyModalChange=e(this,"smoothlyModalChange",7);this.open=false;this.closable=false;this.align="center"}openChanged(){this.smoothlyModalChange.emit(this.open)}async closeModal(){this.open=false}async openModal(){this.open=true}render(){return o(s,{key:"8fa3a1a8abe74467813cad81e8822982d40eccdf",role:"alertdialog",onClick:t=>{this.closable&&!t.composedPath().some((t=>{var e;return(e=t.classList)===null||e===void 0?void 0:e.contains("modal")}))&&this.closeModal()}},o("div",{key:"e3cb0cb62a91cc16a4c115861e393504c1c8476f",class:"modal"},o("div",{key:"6473ae0b383fa946ade76b878bcb1ee146c340d2",class:"header"},o("slot",{key:"b2370ebebfc0b3b9dd67437c955ee7e1576deafd",name:"header"}),this.closable&&o("smoothly-icon",{key:"561a9331a431ee605bc3e0e52765017206c7a43d",name:"close-outline",fill:"solid",onClick:()=>this.closeModal()})),o("slot",{key:"ef0da1a3d54c242df32342c1d1a09f74cd2581be"}),o("div",{key:"f937cbaea5e2bdd15f9aa0aa8f6fadacd0a93766",class:"actions"},o("slot",{key:"e23325708937e00b7138c30371d1474409fb70cb",name:"actions"}))))}static get watchers(){return{open:["openChanged"]}}};Lh.style=Dh;const Oh=".sc-smoothly-notification-h{display:block;position:relative;min-width:min(calc(100% - 1rem), 30rem);min-height:3rem;border-radius:5px;margin:0.5rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin-inline:1rem 2rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{--smoothly-icon-size:1.6rem;position:absolute;right:0}";const Ah=Oh;const Mh=class{constructor(o){t(this,o);this.remove=e(this,"remove",7);this.listener=t=>{if(t.state=="closed")this.remove.emit(t);else this.tick={}};this.notice=undefined;this.closable=true;this.icon=undefined;this.tick={}}get properties(){let t;switch(this.notice.state){case"delayed":case"warning":t=["warning","warning-outline"];break;case"success":t=["success","checkmark-circle"];break;case"executing":t=["light","hourglass-outline"];break;case"failed":t=["danger","alert-circle"];break;default:t=["light",undefined];break}return t}onTrigger(t){if(t.detail.name=="close"){t.stopPropagation();this.notice.close()}}onUpdatedNotice(t,e){if(e)e.unlisten(this.listener);t.listen(this.listener)}componentDidLoad(){this.onUpdatedNotice(this.notice)}render(){return o(s,{key:"874ce3aaa62fd7424e2c6629e13111b14649c7db",color:this.properties[0],fill:"solid"},this.closable&&o("smoothly-trigger",{key:"57057c09df734c4d359fd9952314032373c93828",fill:"clear",name:"close"},o("smoothly-icon",{key:"ae2a94d9120759f44e0a0549e23b17d19fbf30a6",name:"close-circle-outline"})),o("span",{key:"c7a626eed0dc03b93f30ef5b7e0f22abad133b93",class:this.icon?"icon":"clean"},this.icon&&o("smoothly-icon",{key:"aa195f76644db7643cc4b31191cc2f0f27c24c49",name:this.properties[1]}),o("p",{key:"176a35c914559bde761a2e055353c2162e92a7e1"},this.notice.message)))}static get watchers(){return{notice:["onUpdatedNotice"]}}};Mh.style=Ah;const Eh=".sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier{pointer-events:none;display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier>smoothly-notification.sc-smoothly-notifier{pointer-events:all}";const Rh=Eh;const $h=class{constructor(e){t(this,e);this.icon=false;this.notices=[]}onNotice(t){this.notices=[...this.notices,t.detail]}onRemove(t){this.notices=[...this.notices.filter((e=>e!=t.detail))]}render(){return o(s,{key:"377473bb85fda49bf6654709bc583c8122a8a5fc"},o("slot",{key:"0039c64ec570faa5702882cc273bd5bd778b0c0e"}),o("div",{key:"133205707821a6b56218eae7b1b135985301665a",class:"smoothly-notifier-wrapper"},this.notices.map((t=>o("smoothly-notification",{notice:t,icon:this.icon})))))}};$h.style=Rh;const Ph="[hidden].sc-smoothly-spinner-h{display:none}.sc-smoothly-spinner-h{cursor:wait;--spinner-time:1.4s;--spinner-color:var(--smoothly-color-contrast);--spinner-background:var(--smoothly-color);--spinner-background-opacity:var(--smoothly-semitransparent, 0.8);display:block;stroke:rgb(var(--spinner-color));background-color:rgba(var(--spinner-background), var(--spinner-background-opacity))}.sc-smoothly-spinner-h:not([overlay]){width:var(--spinner-size);height:var(--spinner-size)}[overlay].sc-smoothly-spinner-h{position:absolute;inset:0;width:100%;height:100%;z-index:4;background-color:rgba(var(--spinner-background), var(--spinner-background-opacity))}[color].sc-smoothly-spinner-h:not([overlay]),[color][overlay].sc-smoothly-spinner-h{background-color:rgba(var(--spinner-background), var(--spinner-background-opacity));stroke:rgb(var(--spinner-color))}[overlay].sc-smoothly-spinner-h>svg.sc-smoothly-spinner{position:absolute;width:var(--spinner-size);left:calc(50% - var(--spinner-size) / 2);top:calc(50% - var(--spinner-size) / 2)}.sc-smoothly-spinner-h>svg.sc-smoothly-spinner{animation:SPIN-SVG var(--spinner-time) linear infinite}.sc-smoothly-spinner-h>svg.sc-smoothly-spinner>circle.sc-smoothly-spinner{transform-origin:center;animation:SPIN-CIRCLE var(--spinner-time) ease-in-out infinite;stroke-dasharray:187;stroke-dashoffset:0}@keyframes SPIN-SVG{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes SPIN-CIRCLE{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}";const Fh=Ph;const Hh=class{constructor(e){t(this,e);this.size="large";this.overlay=undefined}render(){const t=this.size=="large"?6:this.size=="medium"?8:this.size=="icon"?8:12;return o(s,{key:"81b3ddac04d63c10cef57db98b33d20d3c486d1d",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},o("svg",{key:"a56a9b915feb8212b71cab991aaea00eeef858fa",class:"spinner",viewBox:`0 0 ${60+t} ${60+t}`,xmlns:"http://www.w3.org/2000/svg"},o("circle",{key:"80b73ff22092fd16f75fa632c45441585ae7bad5",class:"path",fill:"none","stroke-width":t,"stroke-linecap":"round",cx:`${30+t/2}`,cy:`${30+t/2}`,r:"30"})))}};Hh.style=Fh;const Nh=".sc-smoothly-summary-h{display:block}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary{display:flex;column-gap:0.25rem;width:fit-content;list-style:none;align-items:center;cursor:pointer}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary:hover>smoothly-icon.sc-smoothly-summary{opacity:1}.sc-smoothly-summary-h>details[open].sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transform:rotate(90deg)}.sc-smoothly-summary-h>details.sc-smoothly-summary-s>[slot=content]{margin-left:var(--smoothly-summary-content-indent, 1.5rem)}@media (prefers-reduced-motion){.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:none}}";const Uh=Nh;const Yh=class{constructor(o){t(this,o);this.smoothlySummaryOpen=e(this,"smoothlySummaryOpen",7);this.open=false}async toggleHandler(t){if(t.target instanceof HTMLDetailsElement){this.open=t.target.open;this.smoothlySummaryOpen.emit(this.open)}}render(){return o("details",{key:"bbeeca90e53734b3e3fd868962beee5f692c65f9",onToggle:t=>this.toggleHandler(t),open:this.open},o("summary",{key:"e859d2917705c7f6e0b850de7d8efa9f2b88212a"},o("smoothly-icon",{key:"f432d3670a80d5df6384555195736d29468bdce9",name:"caret-forward",fill:"solid",size:"tiny"}),o("slot",{key:"21344a4ffa7f4154d07a0c584b0550b7c395afd3",name:"summary"})),o("slot",{key:"5b2c189f3cb88911ede221584e4824d6e336d82d",name:"content"}))}};Yh.style=Uh;const Wh=".sc-smoothly-tab-h{display:contents;--smoothly-tab-line-width:2px;--smoothly-tab-line-width-active:5px}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{grid-column:span 1;background-color:transparent;border-bottom-color:rgb(var(--smoothly-default-shade));border-bottom-width:var(--smoothly-tab-line-width);border-bottom-style:solid}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{color:rgba(var(--smoothly-default-contrast), 0.6)}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{cursor:not-allowed}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{display:flex;justify-content:center;padding:0.5rem 1rem;width:fit-content;border-radius:0.5rem 0.5rem 0 0;margin:auto;cursor:pointer;position:relative}.sc-smoothly-tab-h:not([disabled])>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab:hover{background-color:rgb(var(--smoothly-tab-hover-background, var(--smoothly-default-shade)))}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{font-weight:bold}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab::before{content:'';position:absolute;height:var(--smoothly-tab-line-width-active);background-color:rgb(var(--smoothly-tab-active-line, var(--smoothly-primary-color)));inset-inline:0;bottom:calc(-1 * var(--smoothly-tab-line-width))}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label[data-smoothly-tooltip].sc-smoothly-tab:hover::after{content:attr(data-smoothly-tooltip);font-size:0.9rem;position:absolute;top:calc(100% + 0.25rem);padding:0.5rem 0.75rem;border-radius:0.5rem;background-color:rgb(var(--smoothly-medium-color));color:rgb(var(--smoothly-medium-contrast));white-space:nowrap;z-index:1}.sc-smoothly-tab-h>div.sc-smoothly-tab:nth-child(2){grid-row:2 / 3;grid-column:1 / -1}";const Bh=Wh;const Vh=class{constructor(o){t(this,o);this.smoothlyTabOpen=e(this,"smoothlyTabOpen",7);this.smoothlyTabLoad=e(this,"smoothlyTabLoad",7);this.inputs={};this.label=undefined;this.name=undefined;this.tooltip=undefined;this.open=undefined;this.disabled=undefined}async openHandler(){if(this.open)this.smoothlyTabOpen.emit(this.name);this.open?await Promise.all(Object.values(this.inputs).map((t=>t.register()))):await Promise.all(Object.values(this.inputs).map((t=>t.unregister())))}connectedCallback(){this.smoothlyTabLoad.emit((t=>{var e;(e=this.smoothlyTabs)===null||e===void 0?void 0:e.removeTab(this.element);this.smoothlyTabs=t}))}disconnectedCallback(){var t;(t=this.smoothlyTabs)===null||t===void 0?void 0:t.removeTab(this.element)}async componentDidLoad(){await this.openHandler()}onInputLoad(t){if(kr.Element.is(t.target)){this.inputs[t.target.name]=t.target;if(!this.open)t.stopPropagation()}}render(){return o(s,{key:"2a9419f70ed2126516bc5ee55affbc8965ac2783"},o("div",{key:"13fd8f7013833d85c6300848205feee915f97822",onClick:()=>!this.disabled&&(this.open=true)},o("label",{key:"ec233d8c479867447482aa97dfef805a21143dd9","data-smoothly-tooltip":this.tooltip},this.label)),o("div",{key:"daabe3447f10b0231793cda1b7e1dc4c6ff0b298",hidden:!this.open},o("slot",{key:"53f98e491dde3a333c4c4b0d9955762d8440145d"})))}get element(){return i(this)}static get watchers(){return{open:["openHandler"]}}};Vh.style=Bh;const Gh=".sc-smoothly-table-h{display:grid;grid-template-columns:repeat(var(--columns), auto);color:rgb(var(--smoothly-table-foreground));stroke:rgb(var(--smoothly-table-foreground));fill:rgb(var(--smoothly-table-foreground))}.sc-smoothly-table-h smoothly-table.sc-smoothly-table smoothly-table-head.sc-smoothly-table{top:var(--smoothly-table-cell-min-height);z-index:2}.sc-smoothly-table-h smoothly-table.sc-smoothly-table smoothly-table-head.sc-smoothly-table:nth-child(2){top:calc(var(--smoothly-table-cell-min-height) * 2);z-index:2}";const Kh=Gh;const Zh=class{constructor(e){t(this,e);this.columns=1}smoothlyTableExpandableRowChange(t){t.stopPropagation()}smoothlyTableExpandableCellChange(t){t.stopPropagation()}render(){return o(s,{key:"2d475aad72fcaf31aed36d99f2684a5012e5dd06",style:{"--columns":this.columns.toString()}},o("slot",{key:"ed1188366aa69849604369b1d0286541027a13a1"}))}};Zh.style=Kh;const qh=".sc-smoothly-table-body-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;color:rgb(var(--smoothly-table-foreground));background-color:rgb(var(--smoothly-table-background))}";const Xh=qh;const Jh=class{constructor(e){t(this,e)}render(){return o(s,{key:"4ca1a1cc8e285f8a87b5b8dd385b414de8599968"},o("slot",{key:"f998de1a4a3998a9d6f8391618098b839702d4de"}))}};Jh.style=Xh;const Qh=".sc-smoothly-table-cell-h{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}";const td=Qh;const ed=class{constructor(e){t(this,e);this.span=1}render(){var t;return o(s,{key:"608d5b165eeb45ada644442d3adf5c0817f08f72",class:"smoothly-table-cell",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)}},o("slot",{key:"b274f770e741e3fca953b6012963042ebd78f055"}))}};ed.style=td;const od=".sc-smoothly-table-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}";const sd=od;const id=class{constructor(e){t(this,e)}render(){return o(s,{key:"efe7db65edfcc29401a4b6144451a594e6aa6b51"},o("smoothly-table-demo-filler-row",{key:"b5d3ed513629fa9004ccdbe2d0b4fa5a846c9c1c"}),o("smoothly-table-demo-group",{key:"59e9996230870d75df4225bb1e8fca8054ae4bfd"}),o("smoothly-table-demo-colspan",{key:"76350cc4b70f56b5efd23e03f418aa7255ec0881"}),o("smoothly-table-demo-simple",{key:"7a713c248f8710a291c397dd40f60d3a8a753ece"}),o("smoothly-table-demo-nested-no-cell",{key:"3c82254151124465fe4a2f0b72c84f32e00505c2"}),o("smoothly-table-demo-filtered",{key:"20656c59c35345217d823184d9678a6a87f40ade"}))}};id.style=sd;const ad=".sc-smoothly-table-demo-colspan-h{display:block}.sc-smoothly-table-demo-colspan-h smoothly-display.sc-smoothly-table-demo-colspan{display:inline}";const nd=ad;const ld=class{constructor(e){t(this,e)}render(){return o(s,{key:"206c3432bf7936b15e972c161424e6b0e102a15c"},o("smoothly-table",{key:"fd9a1adfc79d7e3fa130e55614c8956aa9993ce7",columns:3},o("smoothly-table-head",{key:"079086e32eab6c27ec06646b7cc1addc5a45e218"},o("smoothly-table-row",{key:"6b421c777d5857d7b8c6e92dfa8ebb9e65c24f0d"},o("smoothly-table-cell",{key:"9c0f4181cefa485af433741c55eb8033057333ba"},"Date"),o("smoothly-table-cell",{key:"6b089e4d9d9d43ead73b8602d1f482b019810ee7"},"Skip"),o("smoothly-table-cell",{key:"b3a5f766b5a7bc15fe29aa2ba35d908f33883f7f"},"Total"))),o("smoothly-table-body",{key:"12be40d0b1546ef3bcb8d95815e3a6751a34dc95"},o("smoothly-table-row",{key:"22d3015ebb0c1a19b412c175f231de9cd3f9f04c"},o("smoothly-table-cell",{key:"cb591fa2b41381aa1c663a701a76b953ff610262",span:2},o("smoothly-display",{key:"a9dfcaebab3333ea62c290c9952ecc7c77ba33a7",type:"date",value:"2024-01-01"})),o("smoothly-table-cell",{key:"b3680b9847f0e5635538af75af7c117d86464fcc"},o("smoothly-display",{key:"c89fca16b3f2e836dc9dd8c2378f4b26bab2be1f",type:"price",value:120,currency:"EUR"}))),o("smoothly-table-row",{key:"d2574793e06a73ede9721349f9e26ea596947500"},o("smoothly-table-expandable-cell",{key:"2ab7fcbb3c3f54298e7b9f4b6b8287f0e5c07c04",span:2},o("smoothly-display",{key:"40f846739879908115983e730c2e135fc3473977",type:"date",value:"2024-01-02"}),o("smoothly-lazy",{key:"9989441f4da6a580d7d7a21a8623a1dafc0d6a3d",slot:"detail",content:o("smoothly-display",{type:"date-time",value:"2024-01-02T13:37:00.000Z"})})),o("smoothly-table-expandable-cell",{key:"20f47281da324a3fe529553b57c2e50de7a7039d"},o("smoothly-display",{key:"d9d02229b0bfa49122ede86d2513648a1448d8bf",type:"price",value:220,currency:"EUR"}),o("smoothly-lazy",{key:"7803a63f59d968622edfb07fed2b40338fb1b460",slot:"detail",content:o("span",null,o("smoothly-display",{type:"price",value:120,currency:"EUR"})," + ",o("smoothly-display",{type:"price",value:100,currency:"EUR"}))}))),o("smoothly-table-row",{key:"0bf9dd84e89fef204799961f85e24b5a14d4c4d4"},o("smoothly-table-cell",{key:"7feacfd6127864b97ac910256f434b42ee57dcd6"},o("smoothly-display",{key:"df857a1e9f9503c08c49f564a47bbb4b3b96f170",type:"date",value:"2024-01-02"})),o("smoothly-table-cell",{key:"bd1848a3218ec7b9177b0354570fc3a96f827c0a"},"Not Skipped"),o("smoothly-table-cell",{key:"1656b57464928e417afa36732fe710654c6c1e8d"},o("smoothly-display",{key:"6097190c8c8c9ae2899a0497d524da52f42a145e",type:"price",value:320,currency:"EUR"}))))))}};ld.style=nd;const rd=".sc-smoothly-table-demo-filler-row-h{display:block}.sc-smoothly-table-demo-filler-row-h>smoothly-display.sc-smoothly-table-demo-filler-row{font-size:2em}.sc-smoothly-table-demo-filler-row-h>*.sc-smoothly-table-demo-filler-row{margin-bottom:2rem}";const cd=rd;const hd=class{constructor(e){t(this,e);this.cats=[]}async componentDidLoad(){window.setTimeout((()=>{this.cats=undefined}),3e3)}render(){return o(s,{key:"e2842ae7ee217b160d69fc5fa6cb686af528e2fc"},o("smoothly-display",{key:"8ec4889c9bc004f61f6b9d91b87e9135f2b7ba11",type:"text",value:"Filler row"}),o("smoothly-table",{key:"39f5a22a15a05631cf015918050e94215a336d62",color:"primary",columns:4},o("smoothly-table-head",{key:"271ced47bcbc64f53cc70bf3f1ca757059ac81dd"},o("smoothly-table-row",{key:"7a7566c40b27be58ab6bc3f6eeea2b5e90726cf5"},o("smoothly-table-cell",{key:"c3f0eb89f019759418b4524fa923194e1eaa05c9"},"Breed"),o("smoothly-table-cell",{key:"beb4c8b9c55d96c4f3e9faa71bfc9bf3971a1e25"},"Country"),o("smoothly-table-cell",{key:"6c8e3177e07f82961707a6f31729ede9da79acd9"},"Coat"),o("smoothly-table-cell",{key:"71023e2b53ab05e19b5d2f973f4b45c6ad1b7525"},"Origin"))),o("smoothly-table-body",{key:"a4a2e96740dbb0191031fb008fba9c349f4d37b1"},this.cats===undefined?o("smoothly-table-filler-row",null,"No data to display"):this.cats.length===0?o("smoothly-table-filler-row",null,o("smoothly-spinner",{style:{margin:"auto"},color:"default",size:"small"})):this.cats.map((t=>o("smoothly-table-row",null,o("div",{class:"smoothly-table-cell"},t.breed),o("div",{class:"smoothly-table-cell"},t.country),o("div",{class:"smoothly-table-cell"},t.coat),o("div",{class:"smoothly-table-cell"},t.origin)))))))}};hd.style=cd;var dd=undefined&&undefined.__classPrivateFieldGet||function(t,e,o,s){if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?s:o==="a"?s.call(t):s?s.value:e.get(t)};var md=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,i){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?i.call(t,o):i?i.value=o:e.set(t,o),o};var ud;class yd{get selected(){var t;return md(this,ud,(t=dd(this,ud,"f"))!==null&&t!==void 0?t:Object.values(this.data),"f")}constructor(t,e={}){this.key=t;this.data=e;ud.set(this,void 0)}handle(t){var e;return new yd(this.key,"check-all"in t?(e=t["check-all"])!==null&&e!==void 0?e:{}:Object.fromEntries(Object.entries(Object.assign(Object.assign({},this.data),t)).filter((([t,e])=>e!=undefined))))}render(t){var e,s,i;return Array.isArray(t)?o("smoothly-checkbox",{name:"check-all",value:Object.fromEntries(t.map((t=>[t[this.key],t]))),intermediate:this.selected.length>0&&this.selected.length<t.length,checked:this.selected.length==t.length?true:this.selected.length==0&&false}):o("smoothly-checkbox",{name:(e=t[this.key])===null||e===void 0?void 0:e.toString(),value:t,checked:!!this.data[(i=(s=t[this.key])===null||s===void 0?void 0:s.toString())!==null&&i!==void 0?i:""]})}static create(t){return new yd(t)}}ud=new WeakMap;const bd='.sc-smoothly-table-demo-filtered-h{display:grid;grid-template-columns:auto auto;grid-template-areas:"header filter"\n\t\t"main main";margin-bottom:50em}.sc-smoothly-table-demo-filtered-h>smoothly-display.sc-smoothly-table-demo-filtered{font-size:2em;grid-area:header}.sc-smoothly-table-demo-filtered-h>smoothly-filter.sc-smoothly-table-demo-filtered{margin-left:auto;grid-area:filter;height:fit-content}.sc-smoothly-table-demo-filtered-h>*.sc-smoothly-table-demo-filtered{margin-bottom:2rem;grid-area:main}.sc-smoothly-table-demo-filtered-h>smoothly-table.sc-smoothly-table-demo-filtered{grid-template-columns:min-content repeat(calc(var(--columns) - 1), auto)}smoothly-table.sc-smoothly-table-demo-filtered>smoothly-table-row.sc-smoothly-table-demo-filtered>smoothly-table-cell.sc-smoothly-table-demo-filtered:nth-of-type(2),.sc-smoothly-table-demo-filtered-h>smoothly-table.sc-smoothly-table-demo-filtered>smoothly-table-head.sc-smoothly-table-demo-filtered>smoothly-table-row.sc-smoothly-table-demo-filtered>smoothly-table-cell.sc-smoothly-table-demo-filtered:nth-of-type(4){justify-content:end}';const fd=bd;const pd=class{constructor(e){t(this,e);this.criteria={};this.cats=undefined;this.selector=yd.create("breed")}onFilterUpdate(t){t.stopPropagation();this.criteria=t.detail}smoothlyInputHandler(t){t.stopPropagation();this.selector=this.selector.handle(t.detail)}async componentWillLoad(){const t=await hr("https://catfact.ninja/breeds?limit=15");this.cats=t.status==200&&(await t.body).data.map((t=>{var e,o;return Object.assign(Object.assign({},t),{price:[...t.breed].reduce(((t,e)=>t+e.charCodeAt(0)),0),nested:Object.assign(Object.assign({},t),{names:(e=gd[t.country])!==null&&e!==void 0?e:[]}),names:(o=gd[t.country])!==null&&o!==void 0?o:[]})}))}render(){const t=this.cats&&ll(this.criteria,this.cats);return o(s,{key:"b2496133669576bf999beed5b34209da721db862"},o("smoothly-display",{key:"e6ca869034ac2981e7b2725a9b0b15a187ff0533",type:"text",value:"Filtered"}),o("smoothly-filter",{key:"9671d4342e35e40dca90683c6051b277395e5b8d"},o("smoothly-filter-toggle",{key:"bdb72d2b1cd012fccfeaafc6a39b0939da679581",properties:{["nested.pattern"]:"Ticked",breed:""},icon:"add",tooltip:"Nested Ticked",slot:"bar"}),o("smoothly-filter-toggle",{key:"7e02ac6837819923749faf9d27b06877b6a91f53",properties:{pattern:"Ticked",breed:""},icon:"paw",tooltip:"Ticked cats",slot:"bar"}),o("smoothly-filter-toggle",{key:"ce9dedd04d828a036dd35893f816107a3e2bff98",properties:{breed:"Bombay",pattern:"Solid"},icon:"radio-button-on",tooltip:"Solid bombay cats",slot:"bar"}),o("smoothly-filter-toggle",{key:"12246409d8b02f58a02951e3045a2f1d608393f3",properties:{pattern:"Colorpoint"},not:true,active:true,icon:"alert",tooltip:"Colored cats",slot:"bar"}),o("smoothly-filter-select",{key:"92d614561377e367e09fcf360398211106f22caa",menuHeight:"5items",label:"coat",property:"nested.coat",slot:"bar",multiple:false},this.cats&&Object.values(this.cats.reduce(((t,e)=>e.nested?Object.assign(Object.assign({},t),{[e.nested.coat]:e}):t),{})).map((t=>{var e;return((e=t.nested)===null||e===void 0?void 0:e.coat)&&o("smoothly-item",{slot:"items",value:t.nested.coat},t.nested.coat)}))),o("div",{key:"7633ee0389289db186d8f69ec959489e7ce849ee",slot:"detail"},o("smoothly-form",{key:"9e298b588a374bb5d25815598bfb90ef5e0b7249",looks:"border"},o("smoothly-filter-select",{key:"c1e06cf576321f8d1689fb717da71e0ab94adc54",menuHeight:"5items",label:"coat",property:"nested.coat",multiple:true},this.cats&&Object.values(this.cats.reduce(((t,e)=>e.nested?Object.assign(Object.assign({},t),{[e.nested.coat]:e}):t),{})).map((t=>{var e;return((e=t.nested)===null||e===void 0?void 0:e.coat)&&o("smoothly-item",{slot:"items",value:t.nested.coat},t.nested.coat)}))),o("smoothly-filter-select",{key:"502b2cd5e7bb76f26e37b7baaf48d32f3d45ad8a",menuHeight:"5items",label:"breed",property:"breed",multiple:false},this.cats&&Object.values(this.cats.reduce(((t,e)=>e.breed?Object.assign(Object.assign({},t),{[e.breed]:e}):t),{})).map((t=>t.breed&&o("smoothly-item",{slot:"items",value:t.breed},t.breed)))),o("smoothly-filter-select",{key:"86ce003b89b69ac422fcaa99814154c9b5c7e811",menuHeight:"5items",label:"names",property:"nested.names",multiple:true,type:"array"},Object.keys(Object.values(gd).flat().reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:true})),{})).flatMap((t=>o("smoothly-item",{slot:"items",value:t},t)))),o("smoothly-filter-input",{key:"1b1633c816f19e098226dc046ba96890f554fa2e",label:"Coat",property:"coat"}),o("smoothly-filter-input",{key:"2a2ae7d91ad02a57f6d704e12a491811654416a8",label:"Nested Coat",property:"nested.coat"})))),!t?"Failed to load data.":o("smoothly-table",{columns:4},o("smoothly-table-head",null,o("smoothly-table-row",null,o("smoothly-table-cell",null,this.selector.render(t)),o("smoothly-table-cell",null,"Breed"),o("smoothly-table-cell",null,"Coat"),o("smoothly-table-cell",null,"Price"))),t.map((t=>o("smoothly-table-row",null,o("smoothly-table-cell",null,this.selector.render(t)),o("smoothly-table-expandable-cell",null,t.breed,o("div",{slot:"detail"},"Country: ",t.country)),o("smoothly-table-expandable-cell",null,t.coat,o("div",{slot:"detail"},"Pattern: ",t.pattern)),o("smoothly-table-cell",null,o("smoothly-display",{type:"price",value:t.price,currency:"SEK"}))))),o("smoothly-table-foot",null,o("smoothly-table-row",null,o("smoothly-table-cell",{span:3},o("smoothly-display",{type:"text",value:`Selected: ${this.selector.selected.length!=0?this.selector.selected.length:t?t.length:"?"}`}))))))}};const gd={"United States":["bill","bob","brad","joe","molly"],Australia:["nigel","bruce","sheila","brad","shane"],"United Kingdom":["nigel","james","molly","shane","bob"],Greece:["dionysius","demetrius","polikarpos"]};pd.style=fd;const kd=".sc-smoothly-table-demo-group-h{display:block}.sc-smoothly-table-demo-group-h smoothly-display.sc-smoothly-table-demo-group{display:inline}.sc-smoothly-table-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-table-demo-group{grid-column:span 2}.sc-smoothly-table-demo-group-h>smoothly-display.sc-smoothly-table-demo-group{display:inherit;font-size:2em}.sc-smoothly-table-demo-group-h>*.sc-smoothly-table-demo-group{margin-bottom:2rem}.sc-smoothly-table-demo-group-h fake-group-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-row-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-expandable-row-wrapper.sc-smoothly-table-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-table-demo-group-h fake-cell-wrapper.sc-smoothly-table-demo-group{grid-column:span 1;display:block}.sc-smoothly-table-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-table-demo-group{display:contents}";const vd=kd;const wd=class{constructor(e){t(this,e)}render(){return o(s,{key:"da018054a4b16d6fd81dc60fc9ddf3e4c77860c1"},o("smoothly-display",{key:"51aa321cd3b22275ff7dc12e1b82b42fc1997c25",type:"text",value:"Group"}),o("smoothly-table",{key:"32aec70ba3bc78e572b118d0a7c796cf1b40a9cc",color:"primary",columns:2},o("smoothly-table-head",{key:"75374db74064f5ec5926b08baedffa2f553037e3"},o("smoothly-table-row",{key:"fc5e9fb16db4aaf96b005fdc08b0973fd94d5a6b"},o("smoothly-table-cell",{key:"7ef43c21f5c4760cf379ebed4fd77a0c4263ef6a"},"Date"),o("smoothly-table-cell",{key:"33f0ad771cb46b032661ff5b43d5fdc4dd6425bb"},"Total"))),o("smoothly-table-body",{key:"d74fc9dbf2cae53ad0dbb53412132e1090591a65"},o("smoothly-table-row-group",{key:"7cd93d9bcc6ee81c60e96b402bd96dbb9db74725",align:true},o("smoothly-display",{key:"3dcbc09dea2add837101f1ba69e90fa4a46edea9",slot:"start",type:"date",value:"2024-01-01"}),o("smoothly-display",{key:"6d5c82538e836f4e47c802b711a94876b77f3817",slot:"end",type:"price",currency:"EUR",value:510}),o("smoothly-table-expandable-row",{key:"8a8c2bc2dcfb221fa92f01c7356340811d88996b"},o("smoothly-table-cell",{key:"fd6da924a5a26c7e8961c66ea2bb31f9f81d715a"},o("smoothly-display",{key:"443b690dc480dad5705fa5e3841bb3c7a2c256da",type:"date-time",value:"2024-01-01T01:37:00.000Z"})),o("smoothly-table-cell",{key:"6775c121dfef064a1c2536514fa8d38aeab30624"},o("smoothly-display",{key:"de6f0ce1d1f23d0b64059b9768834e0795ffc3db",type:"price",currency:"EUR",value:250})),o("smoothly-lazy",{key:"4eedf3384b751068dbe9d7e54f77f0821658a24b",slot:"detail",content:o(a,null,"Details of 2024-01-01T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"2e86dcf3208a55f0c5a32013638e167dcc949fd3"},o("smoothly-table-cell",{key:"3563fa6a11720be09e59404cc39f8c5b2c0932ec"},o("smoothly-display",{key:"828d9102af9043b3af6f74d0dec9d474a85e4c87",type:"date-time",value:"2024-01-01T13:37:00.000Z"})),o("smoothly-table-cell",{key:"4deb09e2dcdbccf59c02b7797e18561569ecba39"},o("smoothly-display",{key:"aa34dca36239d202565311e5e89bfc65832cb10a",type:"price",currency:"EUR",value:260})),o("smoothly-lazy",{key:"e7716c3cf2fe6a6ffdfdbd386c12a8d4ce9e5549",slot:"detail",content:o(a,null,"Details of 2024-01-01T13:37:00.000Z")}))),o("smoothly-table-row",{key:"07c2d59e74294030d8a5af6bf66cfbcb00f0c7fd"},o("smoothly-table-cell",{key:"c71040890a72916ad35b12ee588d6ba0420646b8"},o("smoothly-display",{key:"68cb381ce234e38d8bbbfbfa47ea43d94e5e7ec4",type:"date",value:"2024-01-02"})),o("smoothly-table-cell",{key:"2481c10a323c27700db2acd5912caf0ef974a23e"},o("smoothly-display",{key:"a1d92551f0d769e5e148f20225805f5d178cb40f",type:"price",currency:"EUR",value:130}))),o("smoothly-table-row-group",{key:"eab21ae8ceae4007183b890f0f843db056f75b3b"},o("smoothly-display",{key:"e3cab2799afc3b8220eeb5959ba349954d64f432",slot:"start",type:"date",value:"2024-01-03"}),o("smoothly-display",{key:"2c008844c5e33e2c94a71312bb83017bd2f5c21a",slot:"end",type:"price",currency:"EUR",value:720}),o("smoothly-table-expandable-row",{key:"8fc307fb2ca022baaca2185e4ad07bb2ae1874b3"},o("smoothly-table-cell",{key:"bf8896a16335d24b7c454d865561e38fc9f7e18d"},o("smoothly-display",{key:"d390d1e203be30e671640ab40ecfc303cd2ad373",type:"date-time",value:"2024-01-03T01:37:00.000Z"})),o("smoothly-table-cell",{key:"b7b0f8552e8553da4688617e91d1ec363cb76ac1"},o("smoothly-display",{key:"f15c573f1b1bda33e7e645648a38f27ba2b760c2",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"9e3b1abdc5531434bff506e5fd60e3cf2f5b1302",slot:"detail",content:o(a,null,"Details of 2024-01-03T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"685d8ca397497da8c1d6284061b1f27c6d7dd0bb"},o("smoothly-table-cell",{key:"617e0c3c1b7a30eb275ed475d42e705be7dfc5ea"},o("smoothly-display",{key:"afaa145b63c5a6b3627d5996381e2d5bda27172d",type:"date-time",value:"2024-01-03T13:37:00.000Z"})),o("smoothly-table-cell",{key:"1b13e3bb4d32abd553a47dc62035d8334020a5d5"},o("smoothly-display",{key:"9412d8622d09f5927efdc5bb3ec65c4def72af80",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"2587a7908fbc2573eda2a718aa748225f7e950e7",slot:"detail",content:o(a,null,"Details of 2024-01-03T13:37:00.000Z")}))),o("smoothly-table-row-group",{key:"cacde2dbf4de84459496605e81d3164060ee33c6"},o("smoothly-display",{key:"c38877961cce544f5503aafdd7816d0ed732c1d2",slot:"start",type:"date",value:"2024-01-04"}),o("smoothly-table-expandable-row",{key:"6b14e1f8b1b25199c60f46aa721816e943a490d3"},o("smoothly-table-cell",{key:"1d7f5ec04613837bd2b59dbcd2663411f4ed0cb6"},o("smoothly-display",{key:"67307cd9c3ffd4c2c9efe340d7c83b8fbc4bc534",type:"date-time",value:"2024-01-04T01:37:00.000Z"})),o("smoothly-table-cell",{key:"e8170034117e3be53d6d3c6244ae324d7314db52"},o("smoothly-display",{key:"68169967a6b58da90e4829477b1eec315a7ac976",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"c202d836185afef6ef82f26c42dd88d7def426d9",slot:"detail",content:o(a,null,"Details of 2024-01-04T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"d01d644c0eddfef155d11734bb446fec2c05bb45"},o("smoothly-table-cell",{key:"25fc8925fbede3bbc1d8820ec1e45f2b24d5b667"},o("smoothly-display",{key:"2173e747b53529897a2d8b59529a57e970b90315",type:"date-time",value:"2024-01-04T13:37:00.000Z"})),o("smoothly-table-cell",{key:"ed4fe4b60e75f53e05c5a8db757402c61e7d70a0"},o("smoothly-display",{key:"ed5c13a807f6b72a357be497ce19453775ec46e8",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"45397867dde0889104541487e4583efb409b0b5f",slot:"detail",content:o(a,null,"Details of 2024-01-04T13:37:00.000Z")}))),o("smoothly-table-row-group",{key:"67aef82d4437f494d548dee5a43ce5cbfc5ab72f"},o("smoothly-display",{key:"b9eef7f0227a3724f179d0ee78c7a176f715f508",slot:"end",type:"price",currency:"EUR",value:720}),o("smoothly-table-expandable-row",{key:"07f54cf1e98b36b00e51bf05b8510aed92e99235"},o("smoothly-table-cell",{key:"72ffadaf8aef7fd69d22437dada51c9c42514440"},o("smoothly-display",{key:"da23b7948ee52423977da6fa03db5e17cc45b349",type:"date-time",value:"2024-01-05T01:37:00.000Z"})),o("smoothly-table-cell",{key:"07341b7e77b18bd7f35f7ec19d8f0ce5125bd87b"},o("smoothly-display",{key:"6aaa00ea2364f5aaf31dc25d2b349d21328fcdc5",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"bfc335f98ecd74084e50dc910e4c7aad297ad214",slot:"detail",content:o(a,null,"Details of 2024-01-05T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"966c6857a25076214d04d9e3005140b544062217"},o("smoothly-table-cell",{key:"62ceb6e434e519560be7626dd9b949eea5471cac"},o("smoothly-display",{key:"865dd5f8b1c4d2b74696d6f70f19ae07fb31c01b",type:"date-time",value:"2024-01-05T13:37:00.000Z"})),o("smoothly-table-cell",{key:"bd9f91491faa6a42777c05c12c98c3d2b6527ee2"},o("smoothly-display",{key:"7605031ad04f719305c75913906d8ec1ecda1957",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"c5d8373f3f7d5bca502f9c1af9ced0f87d63d447",slot:"detail",content:o(a,null,"Details of 2024-01-05T13:37:00.000Z")}))),o("fake-group-wrapper",{key:"6aa2a583c922c3e2b54866a0a7b8367876fa71ba"},o("smoothly-table-row-group",{key:"e66a37d22790a34947db4aef076ff68fa775aba2"},o("smoothly-display",{key:"026dfdfa13d81da7276a14aedc7624bf877d60a1",slot:"start",type:"date",value:"2024-01-06"}),o("smoothly-display",{key:"012e25ac22a4af1bf7c3da7e979faf9ef894b8eb",slot:"end",type:"price",currency:"EUR",value:720}),o("fake-row-wrapper",{key:"5aec00c528da5f999e9cdd4bf21cd9e2cb3ab503"},o("smoothly-table-row",{key:"b733662dbe7f3c4a635af51719531597e252c295"},o("fake-cell-wrapper",{key:"8a20a4fe8699569b946e82d184df6ece1027ccc9"},o("smoothly-table-cell",{key:"b9719cb65467fec3ff95c44ed42ea7e28d58c47d"},o("smoothly-display",{key:"c875865ff95ae604ea72c3d7d4a44cce6c81d70f",type:"date",value:"2024-01-02"}))),o("fake-expandable-cell-wrapper",{key:"a8e641b74ac5252beafd6a18270e9619123b5173"},o("smoothly-table-expandable-cell",{key:"1c2a62ed15b03d462a1f03e01845546a7849caee"},o("smoothly-display",{key:"593b8b35deb66e2870ee64e7cbbec8e954241986",type:"price",currency:"EUR",value:130}),o("smoothly-lazy",{key:"0dea3b894850a75f3189b6d20594e4eebda93383",slot:"detail",content:o("span",null,o("smoothly-display",{type:"price",value:100,currency:"EUR"})," + ",o("smoothly-display",{type:"price",value:30,currency:"EUR"}))}))))),o("fake-expandable-row-wrapper",{key:"53a8d5e0edbbfae641257bde1d2957aa83bcf28c"},o("smoothly-table-expandable-row",{key:"187e5073bd8a6b6beb9986b73374e271b7074e16"},o("fake-cell-wrapper",{key:"d92cc6581ce932ad32f87014d625fa8dbcd52ddb",class:"span-2"},o("smoothly-table-cell",{key:"6d02637fd50db42ef9c00689fd83744fa6fa1930",span:2},o("smoothly-display",{key:"e7ac8d9d25dc03f6de7a75cb18f7e1287cbb0551",type:"date",value:"2024-01-07"}))),o("smoothly-lazy",{key:"febf6353725027457a7adeab916a8620fff60404",slot:"detail",content:o("smoothly-display",{type:"date-time",value:"2024-01-07T13:37:00.000Z"})}))))),o("smoothly-table-row-group",{key:"e4d7e6a2d08b1ca22fa82e36bcac5626d174d917"},o("smoothly-display",{key:"e6c1395ac51f719ce119dbdfa01d14114460da99",slot:"start",type:"date",value:"2024-01-08"}),o("smoothly-display",{key:"003a6cbd69b50fb04252ec20c30c83b3ad7f2da2",slot:"end",type:"price",currency:"EUR",value:720})))))}};wd.style=vd;const xd=[{id:"667d329f9f4934ecdc4bf9eb",balance:1450.03,age:35,eyeColor:"blue",name:"Glenda Ballard",gender:"female",company:"ZENTIA",registered:"2022-06-13T12:39:15.908",friends:[{id:0,name:"Manning Hunter",age:30,balance:1922.25},{id:1,name:"Mcmillan Oliver",age:32,balance:2440.53},{id:2,name:"Graham Garza",age:33,balance:3712.59},{id:3,name:"Gabrielle Neal",age:36,balance:2519.25},{id:4,name:"Dotson Duncan",age:29,balance:3274.11}]},{id:"667d329f4e07097167ef92a2",balance:2488.91,age:21,eyeColor:"blue",name:"Delaney Haley",gender:"male",company:"COMTOURS",registered:"2018-05-11T08:58:36.197",friends:[{id:0,name:"Elsa Cochran",age:28,balance:2009.45},{id:1,name:"Willis Acevedo",age:33,balance:2198.01},{id:2,name:"Slater Fowler",age:34,balance:2888.16},{id:3,name:"Ashley Wilkerson",age:22,balance:1863.65},{id:4,name:"Ola Lynch",age:23,balance:3649.29}]},{id:"667d329f14a0aeea0d70d5e7",balance:1660.91,age:36,eyeColor:"brown",name:"Riddle Reilly",gender:"male",company:"OPTIQUE",registered:"2016-09-15T09:46:07.962",friends:[{id:0,name:"Hazel Steele",age:33,balance:3129.64},{id:1,name:"Golden Chapman",age:40,balance:2491},{id:2,name:"Solomon Lopez",age:26,balance:1382.71},{id:3,name:"Castro Booth",age:23,balance:1991.6},{id:4,name:"Hernandez Bartlett",age:25,balance:2842.85},{id:5,name:"Lindsay Wagner",age:20,balance:3636.6}]},{id:"667d329f953aaaba19bea98b",balance:1381.34,age:24,eyeColor:"brown",name:"Diana Burns",gender:"female",company:"CODACT",registered:"2023-06-02T09:07:46.478",friends:[{id:0,name:"Tamika Merritt",age:25,balance:2401.06},{id:1,name:"Ballard Buckner",age:36,balance:1986.13},{id:2,name:"Stokes Ramirez",age:25,balance:3521.75},{id:3,name:"Wood Aguirre",age:36,balance:1186.13},{id:4,name:"Sophia Bowen",age:25,balance:2750.95},{id:5,name:"Wilkinson Gordon",age:34,balance:3864.91}]},{id:"667d329f6a753976e21e23b5",balance:3054.74,age:22,eyeColor:"brown",name:"Jackson Burnett",gender:"male",company:"COMCUR",registered:"2019-06-05T09:17:31.312",friends:[{id:0,name:"Atkinson Alston",age:37,balance:1025.72},{id:1,name:"Delia Ford",age:34,balance:3061.87},{id:2,name:"Marylou Hanson",age:33,balance:3255.77},{id:3,name:"Kelly Ray",age:32,balance:3671.73},{id:4,name:"Valdez Weeks",age:38,balance:3911.29},{id:5,name:"Hayes Crawford",age:20,balance:3194.97}]},{id:"667d329fc4805cafac37861e",balance:1173.94,age:20,eyeColor:"green",name:"Stephenson Mcleod",gender:"male",company:"POLARAX",registered:"2015-12-10T07:36:10.267",friends:[{id:0,name:"Kristine Newton",age:26,balance:2713.9},{id:1,name:"Craft Patel",age:40,balance:3822.36},{id:2,name:"Cochran French",age:30,balance:1535.91},{id:3,name:"Bowen Vinson",age:29,balance:2787.01},{id:4,name:"Adrian Ewing",age:21,balance:2319.14},{id:5,name:"Jimmie Mathews",age:31,balance:2869.09},{id:6,name:"Dixon Daugherty",age:24,balance:1496.25}]},{id:"667d329f76318162fe27b208",balance:2977.01,age:24,eyeColor:"blue",name:"Claudette Christensen",gender:"female",company:"PIVITOL",registered:"2021-08-08T07:08:00.936",friends:[{id:0,name:"Parker Lamb",age:36,balance:3409.27},{id:1,name:"Kennedy Bryan",age:34,balance:3904.27},{id:2,name:"Johanna Barton",age:20,balance:3613.79},{id:3,name:"Vazquez Melendez",age:26,balance:3692.31},{id:4,name:"Mendoza Wooten",age:31,balance:2175.64},{id:5,name:"Kelli Hicks",age:21,balance:1326.46},{id:6,name:"Jill Sanchez",age:36,balance:3214.36}]},{id:"667d329ff80a953b7f0a73d2",balance:1993.09,age:20,eyeColor:"green",name:"Buckley Gutierrez",gender:"male",company:"HOUSEDOWN",registered:"2015-04-02T04:53:42.985",friends:[{id:0,name:"Leanne Pennington",age:37,balance:3111.48},{id:1,name:"Juarez Hoover",age:29,balance:2000.62},{id:2,name:"Navarro Mccormick",age:22,balance:3083.93},{id:3,name:"Berry Curry",age:31,balance:3181.41},{id:4,name:"Josefa Howard",age:30,balance:3744.56}]},{id:"667d329f4f53eb59f0512361",balance:2374.56,age:34,eyeColor:"brown",name:"Sallie Mccoy",gender:"female",company:"REALYSIS",registered:"2018-05-11T05:26:36.604",friends:[{id:0,name:"Martina Kirby",age:22,balance:1278.07},{id:1,name:"Macias Lyons",age:20,balance:2991.44},{id:2,name:"Alta Chaney",age:26,balance:1032.71},{id:3,name:"White Manning",age:39,balance:3103.16},{id:4,name:"Mason Rosa",age:31,balance:1384.77},{id:5,name:"Meghan Martin",age:27,balance:1982.09}]},{id:"667d329f8a6cf9319bfdbd30",balance:3220.94,age:23,eyeColor:"blue",name:"Huff Hull",gender:"male",company:"GADTRON",registered:"2023-02-14T01:58:56.938",friends:[{id:0,name:"Rochelle Maldonado",age:28,balance:1548.77},{id:1,name:"Diann Conrad",age:32,balance:1721.33},{id:2,name:"Hope Jarvis",age:38,balance:1265.24},{id:3,name:"Dixie Huffman",age:31,balance:3764.23},{id:4,name:"Erickson Porter",age:27,balance:2958.59},{id:5,name:"Christensen Thomas",age:21,balance:1233.2}]},{id:"667d329f1415ecb1efb216cc",balance:2907.83,age:26,eyeColor:"brown",name:"Hancock Eaton",gender:"male",company:"POLARIUM",registered:"2018-02-25T01:03:11.860",friends:[{id:0,name:"Flynn Gilmore",age:27,balance:2582.57},{id:1,name:"Kline Hickman",age:31,balance:3853.99},{id:2,name:"Hatfield Owens",age:40,balance:2016.57},{id:3,name:"Michael Carson",age:31,balance:1293.03},{id:4,name:"Strickland Lowery",age:23,balance:1367.06},{id:5,name:"Georgia Chavez",age:37,balance:2957.48},{id:6,name:"Alma Berry",age:26,balance:2357.01}]},{id:"667d329f722eb89c82b56dec",balance:1602.02,age:35,eyeColor:"brown",name:"Lorrie Mcpherson",gender:"female",company:"PYRAMIA",registered:"2018-12-07T05:18:34.223",friends:[{id:0,name:"Bridgett Everett",age:37,balance:1438.53},{id:1,name:"Carlene Farley",age:25,balance:1410.54},{id:2,name:"Phoebe Mendez",age:24,balance:1979.36},{id:3,name:"Louella Cox",age:36,balance:3430.55},{id:4,name:"Velez Pugh",age:30,balance:3436.5}]},{id:"667d329ff853efe8c4e0a454",balance:2654.19,age:36,eyeColor:"brown",name:"Luann Jennings",gender:"female",company:"NAXDIS",registered:"2014-02-18T04:25:50.302",friends:[{id:0,name:"Walton Gentry",age:26,balance:1328.43},{id:1,name:"Lucy Koch",age:23,balance:2134.54},{id:2,name:"Toni Meyers",age:31,balance:2572.29},{id:3,name:"Vicki Frost",age:39,balance:3299.36},{id:4,name:"Meadows Baker",age:21,balance:2323.75}]},{id:"667d329f84f3bfbfcc763674",balance:2528.48,age:28,eyeColor:"brown",name:"Michelle Carey",gender:"female",company:"IDEGO",registered:"2016-10-01T04:25:07.187",friends:[{id:0,name:"Roman Sanders",age:40,balance:3551.16},{id:1,name:"Amanda Herman",age:22,balance:3928.02},{id:2,name:"Kay Montgomery",age:26,balance:3241.16},{id:3,name:"Valentine Wilder",age:23,balance:1413.31},{id:4,name:"Brigitte Nixon",age:32,balance:3113.39}]},{id:"667d329f4359ec766055a765",balance:3732.65,age:30,eyeColor:"brown",name:"Beach Maddox",gender:"male",company:"GEEKETRON",registered:"2021-03-24T11:55:31.135",friends:[{id:0,name:"Candy Gibbs",age:20,balance:2602.28},{id:1,name:"Alissa Rosario",age:36,balance:1958.84},{id:2,name:"Imelda Harmon",age:23,balance:3817.79},{id:3,name:"Addie Serrano",age:35,balance:3154.77},{id:4,name:"Jordan Shields",age:26,balance:3566.08}]},{id:"667d329f9ef3817d307e2583",balance:2151.52,age:32,eyeColor:"brown",name:"Whitney Hood",gender:"male",company:"EVENTAGE",registered:"2021-06-17T12:11:56.473",friends:[{id:0,name:"Noel Walsh",age:29,balance:2790.49},{id:1,name:"Barlow Rodriquez",age:35,balance:1664.23},{id:2,name:"Nash Keith",age:23,balance:2285.17},{id:3,name:"Chavez Webster",age:23,balance:3381.55},{id:4,name:"Herminia Chen",age:24,balance:1064.96},{id:5,name:"Susana Glass",age:22,balance:2749.35}]},{id:"667d329f9bd581700cac2dbc",balance:2209.77,age:40,eyeColor:"blue",name:"Tasha Mosley",gender:"female",company:"QUIZKA",registered:"2014-05-11T11:44:55.071",friends:[{id:0,name:"Larsen Wall",age:22,balance:1523.28},{id:1,name:"Holmes Hopkins",age:35,balance:1112.68},{id:2,name:"Giles Espinoza",age:21,balance:2550.95},{id:3,name:"Aimee Rosales",age:26,balance:2195.06},{id:4,name:"Karin Little",age:28,balance:2896.23},{id:5,name:"Angelita Mcfadden",age:25,balance:1051.15}]},{id:"667d329f6e2dbb2002be4b9e",balance:3298.23,age:31,eyeColor:"brown",name:"Schneider Walker",gender:"male",company:"BLEENDOT",registered:"2020-02-11T08:57:29.025",friends:[{id:0,name:"Helena William",age:34,balance:2579.69},{id:1,name:"Silva Ware",age:30,balance:2683.79},{id:2,name:"Enid Oconnor",age:22,balance:1816.46},{id:3,name:"Knowles Goff",age:24,balance:1675.75},{id:4,name:"Carolina Greer",age:29,balance:3337.27}]},{id:"667d329f8c548510c5d4f5ce",balance:2823.51,age:35,eyeColor:"green",name:"Mayo Shepard",gender:"male",company:"KIOSK",registered:"2024-02-24T12:45:57.463",friends:[{id:0,name:"Olga Hester",age:21,balance:3878.21},{id:1,name:"Rogers Sampson",age:23,balance:2669.62},{id:2,name:"Myra Johnson",age:27,balance:3489.32},{id:3,name:"Mcfadden Phillips",age:20,balance:2758.8},{id:4,name:"Park Moody",age:23,balance:3519.08}]},{id:"667d329f6574ada6f090fd54",balance:2631.69,age:40,eyeColor:"blue",name:"Avis Carlson",gender:"female",company:"LINGOAGE",registered:"2016-08-08T08:59:54.752",friends:[{id:0,name:"Mcdonald Dyer",age:25,balance:2262.39},{id:1,name:"Irene Baldwin",age:29,balance:1291.1},{id:2,name:"Rollins Anderson",age:26,balance:1437.04},{id:3,name:"Juliana Larson",age:29,balance:3492.22},{id:4,name:"Michele Gardner",age:20,balance:2003.15},{id:5,name:"Vang Cardenas",age:31,balance:1855.52},{id:6,name:"Puckett Hubbard",age:21,balance:1659.92}]}];const Cd=".sc-smoothly-table-demo-nested-no-cell-h{display:block}.sc-smoothly-table-demo-nested-no-cell-h>smoothly-display.sc-smoothly-table-demo-nested-no-cell{font-size:2em}.sc-smoothly-table-demo-nested-no-cell-h>*.sc-smoothly-table-demo-nested-no-cell{margin-bottom:2rem}.sc-smoothly-table-demo-nested-no-cell-h smoothly-table-expandable-row.sc-smoothly-table-demo-nested-no-cell{position:relative}";const Sd=Cd;const zd=class{constructor(e){t(this,e);this.loadingIndex=undefined;this.loadedRows=[]}render(){return o(s,{key:"d9a2afc99200a5d26f91685928f65f17e7bf4011"},o("smoothly-display",{key:"8ba8c8c5d923b3a33d945bedc7012c2d8972bbe5",type:"text",value:"Nested"}),o("smoothly-table",{key:"3d9b1557644de9b8fa357aa1172028d9c8783d38",color:"primary",columns:8},o("smoothly-table-head",{key:"542ce03049d85cc1eaba4eb12fd622cc98deb8b9"},o("smoothly-table-row",{key:"48bfb36158c329821c054ae2058f00f2ca2b57f4"},o("div",{key:"ce0e5c7fa53dd372d911e281d0b9821056a23476",class:"smoothly-table-cell"},"Id"),o("div",{key:"f17c235a442ef273ffc7015ccd7e8af83254edad",class:"smoothly-table-cell"},"Registered"),o("div",{key:"5a23f578af6264b760ea2708fb45ec5dc323378f",class:"smoothly-table-cell"},"Name"),o("div",{key:"cd2bac823bd19c8d7c7f74aac4469e8c7b84e156",class:"smoothly-table-cell"},"Age"),o("div",{key:"62ec178c9917b2349572001481e1297d296c5d17",class:"smoothly-table-cell"},"Balance"),o("div",{key:"41caf4b33aafb15e67df78ce700cd1e44889b95d",class:"smoothly-table-cell"},"EyeColor"),o("div",{key:"7aa2168dc4a0b4bb80a9f19aaa2a34de0a78f9ec",class:"smoothly-table-cell"},"Gender"),o("div",{key:"d5a5f5e6abd610224c2fabde318232bf482fc3e3",class:"smoothly-table-cell"},"Company"))),o("smoothly-table-body",{key:"02f484daac071e7c67643da886605c48456f8ddc"},xd.map(((t,e)=>o("smoothly-table-expandable-row",{onSmoothlyTableExpandableRowChange:t=>{if(t.detail){this.loadingIndex=e;setTimeout((()=>{this.loadingIndex=undefined;this.loadedRows=[...this.loadedRows,e]}),1500)}}},this.loadingIndex===e&&o("smoothly-spinner",{overlay:true,size:"small"}),this.loadedRows.includes(e)&&o("smoothly-table-demo-nested-no-cell-inner",{color:"secondary",data:t.friends,slot:"detail"}),o("div",{class:"smoothly-table-cell"},t.id),o("div",{class:"smoothly-table-cell"},t.registered),o("div",{class:"smoothly-table-cell"},t.name),o("div",{class:"smoothly-table-cell"},t.age),o("div",{class:"smoothly-table-cell"},t.balance),o("div",{class:"smoothly-table-cell"},t.eyeColor),o("div",{class:"smoothly-table-cell"},t.gender),o("div",{class:"smoothly-table-cell"},t.company))))),o("smoothly-table-foot",{key:"e071f5ee248cc2d4ad39e4ef33d2ce8fe95a4bed"},o("smoothly-table-row",{key:"5c1c6ddf0c8544176bf0a0dc2ea94c92e368d028"},o("div",{key:"36887d23065d3694040b2ff045727fa670c9fec9",class:"smoothly-table-cell"},"Footer Cell"),o("div",{key:"352c1ec7f806cfac4f751a837d688ba8ecbbd97d",class:"smoothly-table-cell"},"Footer Cell")))))}};zd.style=Sd;const Id=".sc-smoothly-table-demo-nested-no-cell-inner-h{display:block;margin:1em auto;width:60%}";const jd=Id;const Td=class{constructor(e){t(this,e);this.data=undefined}render(){var t;return o(s,{key:"2fad17f95bd478c2eb533b0239a63694b83c9f81"},o("smoothly-table",{key:"0e6f6d73e4c9046818b3266afc85978907af7a56",columns:4},o("smoothly-table-head",{key:"a6521280e62df7ca1831a93b9e583b7a2fd6c20b"},o("smoothly-table-row",{key:"87c4affbf2d36422ef5d9fda6873629437160528"},o("div",{key:"7eeb79369fc478d3e6338d906e8da75f28f91a0a",class:"smoothly-table-cell"},"Id"),o("div",{key:"920af80028d7658e16b3cee5fb02ba6dbf1f0640",class:"smoothly-table-cell"},"Name"),o("div",{key:"8c52f5f92a7d918639a6c6190513ebebfe7ac346",class:"smoothly-table-cell"},"Age"),o("div",{key:"462dd0bab5ddd117dc1e589798677f69fd0beeff",class:"smoothly-table-cell"},"Balance"))),o("smoothly-table-body",{key:"632d73be3c9eb538258f6728ff192099ce4aa264"},(t=this.data)===null||t===void 0?void 0:t.map((t=>o("smoothly-table-expandable-row",null,o("div",{class:"smoothly-table-cell"},t.id),o("div",{class:"smoothly-table-cell"},t.name),o("div",{class:"smoothly-table-cell"},t.age),o("div",{class:"smoothly-table-cell"},t.balance)))))))}};Td.style=jd;const _d=".sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}";const Dd=_d;const Ld=class{constructor(e){t(this,e)}render(){return o(s,{key:"3c44e473cd3c7a39000d80d2cd8f7d4f6259d28c"},o("smoothly-display",{key:"4f67509b54850559c717b9c8feb45a61517537b5",type:"text",value:"Simple"}),o("smoothly-table",{key:"498414973d54fe1b049058d0c0d5db97911c759f",color:"primary",columns:2},o("smoothly-table-head",{key:"1cb4600f3bac84ed5a33240fece52904266cb058"},o("smoothly-table-row",{key:"cf64bbd77000b3d278ab7f8216d9cb0baf07150b"},o("smoothly-table-cell",{key:"85f0427a93dcbe123fdb1e40cc35c1b84356ae75"},"Breed"),o("smoothly-table-cell",{key:"4d8843cfa736067b351e06d852e55093e012cfea"},"Coat"))),o("smoothly-table-body",{key:"93facc4b9d076dc19a5c4e8926c51bdc9d27068c"},Od.map((t=>o("smoothly-table-row",null,o("smoothly-table-expandable-cell",null,t.breed,o("div",{slot:"detail"},"Country:",o("br",null),t.country)),o("smoothly-table-expandable-cell",null,t.coat,o("div",{slot:"detail"},"Pattern: ",t.pattern))))),o("smoothly-table-row",{key:"a6aace80a3161945f19daa5f5b47dc5af1569bcc"},o("smoothly-table-cell",{key:"a6a9bd8fa88a0008fbb320af534a45e32ac3705c"},"Cell5"),o("smoothly-table-expandable-cell",{key:"fc44f561b827ce8d002ed7787c11a0de6d68c3f6"},"Expandable Cell",o("div",{key:"a8f331b0b4b2e4acaf0fc46b9b11dc6cfb29d577",slot:"detail"},"Content of the expandable cell"))),o("smoothly-table-row",{key:"ce878da536b3f96454218e7ffde80c1c668503e9"},o("smoothly-table-expandable-cell",{key:"bf67df9a09086f2202e2654b0a219499ba63c6d6"},"Expandable Cell 1",o("div",{key:"efbbea44e97c4d4537d12f43528dc92587766c5d",slot:"detail"},"Content of the expandable cell 1")),o("smoothly-table-expandable-cell",{key:"50bcdf77eaf5b80f79ba333f0e6fe2abc2404e78"},"Expandable Cell 2",o("div",{key:"402aa4ba61635738550d68d106755b48e60059f7",slot:"detail"},"Content of the expandable cell 2")))),o("smoothly-table-foot",{key:"7fce823d7ac195d33d123493f98972b3337d4308"},o("smoothly-table-row",{key:"15796d7fb9e7d1c5072682f7cb0ac17a0dd75a80"},o("smoothly-table-cell",{key:"3d57499943e186926e3e5829ff1ee47db0737abb"},"Footer Cell"),o("smoothly-table-cell",{key:"33376913bad1c9f73f6bbd23e7c6065247ac9ab9"},"Footer Cell")))))}};const Od=[{breed:"Abyssinian",country:"Ethiopia",origin:"Natural/Standard",coat:"Short",pattern:"Ticked"},{breed:"Aegean",country:"Greece",origin:"Natural/Standard",coat:"Semi-long",pattern:"Bi- or tri-colored"},{breed:"American Curl",country:"United States",origin:"Mutation",coat:"Short/Long",pattern:"All"},{breed:"American Bobtail",country:"United States",origin:"Mutation",coat:"Short/Long",pattern:"All"},{breed:"American Shorthair",country:"United States",origin:"Natural",coat:"Short",pattern:"All but colorpoint"},{breed:"American Wirehair",country:"United States",origin:"Mutation",coat:"Rex",pattern:"All but colorpoint"},{breed:"Arabian Mau",country:"Arabian Peninsula",origin:"Natural",coat:"Short",pattern:""},{breed:"Australian Mist",country:"Australia",origin:"Crossbreed",coat:"Short",pattern:"Spotted and Classic tabby"},{breed:"Asian",country:"developed in the United Kingdom (founding stock from Asia)",origin:"",coat:"Short",pattern:"Evenly solid"},{breed:"Asian Semi-longhair",country:"United Kingdom",origin:"Crossbreed",coat:"Semi-long",pattern:"Solid"}];Ld.style=Dd;const Ad='.sc-smoothly-table-expandable-cell-h{display:contents}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);box-sizing:border-box;align-items:center;white-space:nowrap;position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover{background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground));stroke:rgb(var(--smoothly-table-hover-foreground));fill:rgb(var(--smoothly-table-hover-foreground))}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{rotate:45deg}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{box-shadow:1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset, -3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset}[open].sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));stroke:rgb(var(--smoothly-table-expanded-foreground));fill:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-cell-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{display:none}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}';const Md=Ad;const Ed=class{constructor(o){t(this,o);this.smoothlyTableExpandableCellChange=e(this,"smoothlyTableExpandableCellChange",7);this.smoothlyTableExpandableCellRegister=e(this,"smoothlyTableExpandableCellRegister",7);this.span=1;this.open=false}componentWillLoad(){this.smoothlyTableExpandableCellRegister.emit()}async close(){this.open=false}clickHandler(t){var e,o;const s=this.detailElement&&t.composedPath().includes(this.detailElement);if(!s){const t=(e=window.getSelection())===null||e===void 0?void 0:e.toString().trim();if(((o=t===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0)==0)this.open=!this.open}}openChange(){this.smoothlyTableExpandableCellChange.emit(this.open)}render(){var t;return o(s,{key:"ac06673cd91c65a5a80d81229e9f9336f675c14b",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)},onClick:t=>this.clickHandler(t)},o("div",{key:"8fd0cf961de88d5a7120259324ed61628f960b53",class:"content"},o("slot",{key:"1cb3e3c0c98c2338ae21598c740255d18bfe5714"})),o("div",{key:"28cbeb9e91ef6c96df4272f2cab92bddb81c8946",class:"smoothly-table-detail",ref:t=>this.detailElement=t},o("slot",{key:"af8954d6bd1c1ce393a1ede0b70971324af5f903",name:"detail"})))}static get watchers(){return{open:["openChange"]}}};Ed.style=Md;const Rd='.sc-smoothly-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>.smoothly-table-cell{grid:subgrid;cursor:pointer;grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell.sc-smoothly-table-expandable-row:hover){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-table-expandable-row-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type{position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell.sc-smoothly-table-expandable-row:hover)>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{rotate:45deg}[open].sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{overflow:visible;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}';const $d=Rd;const Pd=class{constructor(o){t(this,o);this.smoothlyTableExpandableRowChange=e(this,"smoothlyTableExpandableRowChange",7);this.open=false}clickHandler(t){var e,o;const s=this.div&&t.composedPath().includes(this.div);if(!s){const t=(e=window.getSelection())===null||e===void 0?void 0:e.toString().trim();if(((o=t===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0)==0)this.open=!this.open}}openChange(){this.smoothlyTableExpandableRowChange.emit(this.open)}render(){return o(s,{key:"6033a860074a26860ac2d9397cfa4391831ed4ac",onClick:t=>this.clickHandler(t)},o("slot",{key:"7a95e4cb3c3e224a7341aa2a2334f20eb8a532bf"}),o("div",{key:"fd83d53e3db726abead7cf59f7b0bda74a72562c",class:"smoothly-table-detail",ref:t=>this.div=t},o("slot",{key:"1db917174ae6c70ae7944e67c70e79cf62354f81",name:"detail"})))}static get watchers(){return{open:["openChange"]}}};Pd.style=$d;const Fd=".sc-smoothly-table-filler-row-h{grid-column:1 / -1}";const Hd=Fd;const Nd=class{constructor(e){t(this,e)}render(){return o("smoothly-table-row",{key:"39f4df9798bfe072c1939753ba2cfcd52c8c6d14"},o("smoothly-table-cell",{key:"c4925e9dc2e432ec346681054de64387c1b191c7"},o("slot",{key:"7cd372f479837d10ee4a0d53ca4089d80e333183"})))}};Nd.style=Hd;const Ud=".sc-smoothly-table-foot-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;position:sticky;z-index:1;bottom:0;background-color:rgb(var(--smoothly-table-footer-background));color:rgb(var(--smoothly-table-footer-foreground));stroke:rgb(var(--smoothly-table-footer-foreground));fill:rgb(var(--smoothly-table-footer-foreground))}";const Yd=Ud;const Wd=class{constructor(e){t(this,e)}render(){return o(s,{key:"c136890da1c10d7845b054fcb7160bf6573c3b1c"},o("slot",{key:"2ba64ba55fc7842cdbfe8950aa075fcc82be49e2"}))}};Wd.style=Yd;const Bd=".sc-smoothly-table-head-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;top:0;position:sticky;z-index:3;--smoothly-color:var(--smoothly-table-header-background);--smoothly-color-contrast:var(--smoothly-table-header-foreground);background-color:rgb(var(--smoothly-table-header-background));color:rgb(var(--smoothly-table-header-foreground));stroke:rgb(var(--smoothly-table-header-foreground));fill:rgb(var(--smoothly-table-header-foreground));font-weight:bold;transition:box-shadow 0.3s ease}.scrolled.sc-smoothly-table-head-h{box-shadow:var(--smoothly-table-header-shadow)}";const Vd=Bd;const Gd=class{constructor(e){t(this,e);this.onScroll=t=>{if(t.target instanceof HTMLElement){this.scrollParent=t.target;const e=this.scrollParent.getBoundingClientRect();const o=this.element.getBoundingClientRect();this.scrolled=e.top==o.top}};this.scrolled=undefined}connectedCallback(){var t;this.scrollParent=n.findParent(this.element);(t=this.scrollParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.onScroll)}disconnectedCallback(){var t;(t=this.scrollParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.onScroll)}render(){return o(s,{key:"fc2b929afcaaae8784a250b33c1784b51f6069d0",class:{scrolled:!!this.scrolled}},o("slot",{key:"0647311dac1ee867e9bde641f11f7ac581179d33"}))}get element(){return i(this)}};Gd.style=Vd;const Kd=".sc-smoothly-table-row-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;box-sizing:border-box;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-row-h .smoothly-table-cell.sc-smoothly-table-row,.sc-smoothly-table-row-h.sc-smoothly-table-row-s>.smoothly-table-cell{display:flex;grid-column:span var(--smoothly-table-cell-span, 1);align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell){grid-template-rows:auto 0fr 0fr}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell[open]){grid-template-rows:auto 1fr 0fr}";const Zd=Kd;const qd=class{constructor(e){t(this,e);this.expandableCells=new Set}smoothlyTableExpandableCellRegisterHandler(t){t.stopPropagation();this.expandableCells.add(t.target)}smoothlyTableExpandableCellChangeHandler(t){if(t.detail)for(const e of this.expandableCells)t.target!=e&&e.close()}render(){return o(s,{key:"d1154a9f154063757b445c703fd472bf61789038"},o("slot",{key:"6365abd761556dc9a04d3d03ee97168b2b4f029a"}))}};qd.style=Zd;const Xd='.sc-smoothly-table-row-group-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;margin-top:1px}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child{grid-column:1/-1;display:grid;position:relative;cursor:pointer;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);background-color:rgb(var(--smoothly-default-tint));border-bottom:1px solid rgb(var(--smoothly-default-shade));position:relative;padding-left:1.1rem}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child:hover{color:rgb(var(--smoothly-table-hover-foreground));background-color:rgb(var(--smoothly-table-hover-background))}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child::before{rotate:45deg}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:last-child{grid-column:1/-1;display:grid;grid-template-columns:subgrid}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child{grid-template-columns:subgrid}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group{display:contents}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group>*.sc-smoothly-table-row-group{display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem)}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child{grid-column:1/-1;display:grid;align-items:center;grid-template-columns:repeat(2, auto);justify-content:space-between}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group:first-child{justify-self:start;display:flex;gap:1rem}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group:last-child{justify-self:end;display:flex;gap:1rem}.sc-smoothly-table-row-group-h:not([open]){grid-template-rows:auto 0fr}.sc-smoothly-table-row-group-h:not([open])>div.sc-smoothly-table-row-group:last-child{grid-row:2;overflow:hidden}';const Jd=Xd;const Qd=class{constructor(o){t(this,o);this.smoothlyTableRowGroupChange=e(this,"smoothlyTableRowGroupChange",7);this.align=false;this.open=false}clickHandler(){var t,e;const o=(t=window.getSelection())===null||t===void 0?void 0:t.toString().trim();if(((e=o===null||o===void 0?void 0:o.length)!==null&&e!==void 0?e:0)==0){this.open=!this.open;this.smoothlyTableRowGroupChange.emit(this.open)}}render(){return o(s,{key:"7e997a6abf62fee39b266f148a6157a880182d44"},o("div",{key:"be5ed254470787857415ee61dcbb275bdcad6938",onClick:()=>this.clickHandler()},o("div",{key:"7bfb0dc7d14be32c973d7524fe5dd8b339b4b70a"},o("slot",{key:"277d81983cc2f7c23bc50d3c41175c161e461b86",name:"start"})),o("div",{key:"813cab4c382c1cedc39b7286898074ba4ada84bf"},o("slot",{key:"86cc29d007effc636195285f8ba217fd772b26a6",name:"end"}))),o("div",{key:"bc3b16d26f262c19bf5e0fb957db15dcbfcaf332"},o("slot",{key:"ab625e1e87b7eabeb8ef5d84d2174e5a70cdeafd"})))}};Qd.style=Jd;const tm=".sc-smoothly-tabs-h{display:grid;grid-template-columns:repeat(var(--tabs), auto);grid-template-rows:auto auto}.sc-smoothly-tabs-h.hide-tabs.sc-smoothly-tabs-s>smoothly-tab>div:first-child{display:none}";const em=tm;const om=class{constructor(o){t(this,o);this.smoothlyTabOpen=e(this,"smoothlyTabOpen",7);this.tabs="always";this.numberOfTabs=undefined;this.tabElements=[];this.selectedElement=undefined}async removeTab(t){if(this.element.isConnected){this.tabElements=this.tabElements.filter((e=>e!==t));if(t.open){const t=this.tabElements.find((t=>!t.disabled));t&&(t.open=true)}}}onInputLoad(t){t.stopPropagation();if(this.isSmoothlyTabElement(t.target)&&t.target.parentElement==this.element&&!this.tabElements.includes(t.target)){t.detail(this);this.tabElements=[...this.tabElements,t.target]}}isSmoothlyTabElement(t){return(t===null||t===void 0?void 0:t.tagName)=="SMOOTHLY-TAB"}openChanged(t){const e=t.target;if(this.isSmoothlyTabElement(e)){t.stopPropagation();this.selectedElement=e;this.smoothlyTabOpen.emit(t.detail)}}onSelectedChange(t,e){if(e)e.open=false}render(){var t;return o(s,{key:"28655ff72cd053aef804eef92d7d9a2a07d51471",class:{"hide-tabs":this.tabs=="multiple"&&this.tabElements.length==1},style:{"--tabs":`${(t=this.numberOfTabs)!==null&&t!==void 0?t:this.tabElements.length}`}},o("slot",{key:"e64cb62f45153086026d0d813901d6a38a81dd14"}))}get element(){return i(this)}static get watchers(){return{selectedElement:["onSelectedChange"]}}};om.style=em;const sm=".sc-smoothly-tabs-demo-h{display:block}[hidden].sc-smoothly-tabs-demo-h{display:none}.sc-smoothly-tabs-demo-h>*.sc-smoothly-tabs-demo{margin:auto;max-width:1200px;width:100%;margin-block:5rem}.sc-smoothly-tabs-demo-h code.sc-smoothly-tabs-demo{color:rgb(var(--smoothly-medium-contrast));background-color:rgb(var(--smoothly-medium-color));padding-inline:0.25rem;border-radius:0.25rem}";const im=sm;const am=class{constructor(e){t(this,e);this.extraTab1=undefined;this.extraTab2=undefined}render(){return o(s,{key:"b62a8ae826fac8ab9bd918d17c9bb4bb2cde74a4"},o("div",{key:"6319af78c4c93f0c1afa7964f539d1da3aea06de"},o("smoothly-button",{key:"528e4e880dcf7d490649f5cd15f275b7d5b20c9d",color:"primary",onClick:()=>this.extraTab1=!this.extraTab1},this.extraTab1?"Remove":"Add"," tab")),o("smoothly-tabs",{key:"bbf8219b3d9f2278494b6c1970457ef78f593535",tabs:"multiple"},o("smoothly-tab",{key:"176284720bf9b0310f45df70cde15719a9b9ac45",label:"Single Tab",open:true},o("strong",{key:"d5d108161a9cc3057ab5a012e9a229b3d0bac2d0"},"Single Tab content here.")," If only one tab is available setting ",o("code",{key:"4f61bc9ce5acea5b491ab37ba1401a79dd874840"},"tabs")," to"," ",o("code",{key:"172992639ebf1fc3910deaec479693bf18fee99f"},'"multiple"')," will hide the tab navigation and display the single tab's content directly."),this.extraTab1&&o("smoothly-tab",{key:"0eb7431accdfa9eec7fe1c950000217081ba3a51",label:"Extra tab"},"When there are more then one tab, the tab navigation will show.")),o("div",{key:"78eb4b4f24b515f3f5e2e133c7d7d91c2613d8d5"},o("smoothly-button",{key:"401c9f0313b43813f32bb2b9d5af044496712baf",color:"primary",onClick:()=>this.extraTab2=!this.extraTab2},this.extraTab2?"Remove":"Add"," tab")),o("smoothly-tabs",{key:"3509d3b8e2384a5b76ac7025113fad7ab6ed811a"},o("smoothly-tab",{key:"ee2f6481f5528915afb26923316f7cfb21e17bcf",label:"Disabled tab",tooltip:"Tooltip for test3",disabled:true},"this is a test message again!"),o("smoothly-tab",{key:"49a14aaca20b3956cf2c5bb80793f407c050ca86",label:"test1",tooltip:"Tooltip for test1",open:true},"Hello world!"),o("smoothly-tab",{key:"af7143a98a2e0d6bdd20808e4da81bef8a35b67f",label:"test2"},"this is a test message!"),this.extraTab2&&o("smoothly-tab",{key:"e5b5ba3d85119c4e3450be4710fc6007931b0092",label:"test-extra"},"this is a test message!")))}};am.style=im;const nm=".sc-smoothly-theme-color-h{display:flex;flex-direction:column;align-items:center}.sc-smoothly-theme-color-h>.sc-smoothly-theme-color:first-child{margin-top:0.2rem}";const lm=nm;const rm=class{constructor(e){t(this,e);this.color=undefined}render(){return o(s,{key:"8223831dfa84ea7a14906e3006e97db1f158443d"},this.color,["tint","color","shade"].map((t=>o("smoothly-theme-color-variant",{title:`${this.color} ${t}`,color:this.color,variant:t}))))}};rm.style=lm;const cm=".sc-smoothly-theme-color-variant-h{display:flex;justify-content:center;align-items:center;width:3em;height:3em;font-weight:900}[color][variant=color].sc-smoothly-theme-color-variant-h{background:rgb(var(--smoothly-color))}[color][variant=tint].sc-smoothly-theme-color-variant-h{background:rgb(var(--smoothly-color-tint))}[color][variant=shade].sc-smoothly-theme-color-variant-h{background:rgb(var(--smoothly-color-shade))}";const hm=cm;const dm=class{constructor(e){t(this,e);this.color=undefined;this.variant="color"}render(){return"Aa"}};dm.style=hm;const mm=".sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1rem;column-gap:0.5rem;width:fit-content}";const um=mm;const ym=class{constructor(e){t(this,e)}render(){return["primary","secondary","tertiary","success","warning","danger","light","medium","dark","default"].map((t=>o("smoothly-theme-color",{color:t})))}};ym.style=um;const bm=".sc-smoothly-theme-demo-h{max-width:min(calc(100% - 2rem), 56rem);margin:auto;display:flex;flex-direction:column;gap:2em;margin-top:2em}.sc-smoothly-theme-demo-h>smoothly-theme-picker.sc-smoothly-theme-demo{width:20em}.sc-smoothly-theme-demo-h>div.sc-smoothly-theme-demo{display:flex;flex-direction:row;justify-content:space-between;gap:1rem}";const fm=bm;const pm=class{constructor(e){t(this,e)}render(){return o(s,{key:"f3a9bce2ea9ea921ddc0cdd0af59f278be0808fa"},o("h2",{key:"0cde0c59c478d9793c78277783ddca18a2c46dd6"},"Theme"),o("smoothly-theme-picker",{key:"cb06e7228d22bfc7fa5231b38ccb5bd281026751"},o("smoothly-item",{key:"37a46c34ec4767c282487d34c0178ac96d4f0a27",selected:true,value:"assets/style/smoothly.css"},"Smoothly"),o("smoothly-item",{key:"961b69baea8b3760c095834bd8604d93ae1e3c74",value:"https://app.issuefab.com/assets/style/index.css"},"Issuefab"),o("smoothly-item",{key:"23989e21f124308a39da7e657726916184e5ab72",value:"https://app.proquse.com/assets/style/index.css"},"Proquse"),o("smoothly-item",{key:"93ffa3949d02f68f7a7dfa5f79b351a8eb8b7f56",value:"https://app.weekmeter.com/assets/style/index.css"},"Weekmeter"),o("smoothly-item",{key:"98bc1c21a725ae552e75e7133b32406c15c21c5b",value:"https://dash.pax2pay.app/p2pdash.css"},"Pax2Pay Dashboard"),o("smoothly-item",{key:"73481eca7b2759efa8ed022eda4d9ff4388e8068",value:"https://ui.pax2pay.app/assets/style/pax2pay.css"},"Pax2Pay Portal"),o("smoothly-item",{key:"9402ca492b8d2f7671bd6134f4bc89d0ea2da416",value:"https://theme.payfunc.com/intergiro/index.css"},"Intergiro Monitor"),o("smoothly-item",{key:"6e1e73a3d57216f482d5dc2d8054374c0501b33d",value:"https://theme.payfunc.com/light/index.css"},"Payfunc Light"),o("smoothly-item",{key:"71d27357073891f1bb129289464955dc85458e96",value:"https://theme.payfunc.com/dark/index.css"},"Payfunc Dark")),o("div",{key:"15d5aab8433956d0a159c42cd702607c6df2cda7"},o("smoothly-theme-colors",{key:"77b4c95e2e8761a9703601c3a890342a791559a3"}),o("smoothly-theme-guide",{key:"ff190b0fba8f600ad5774743b287088e519cb28f"})),o("smoothly-button",{key:"d75520d40a986fe09897fd50e0244d039ceca933",type:"link",link:"/redirect"},"To redirect"),o("smoothly-button",{key:"6db6194c220c2906ee8a5f3d5ed9b9e97d7ff9ec",type:"link",link:"/redirect"},"To /redirect"),o("smoothly-button",{key:"a0f9cba373c1a31ee5997a64f07dfa84e82f273e",type:"link",link:new URL("/redirect",window.location.origin).href},'To new URL("redirect")'),o("smoothly-button",{key:"26987f874341cebb9742beeff94e830ab569dd2c",type:"link",link:"redirect/nested"},"To redirect nested"))}};pm.style=fm;const gm=".sc-smoothly-theme-guide-h{max-width:50ch}";const km=gm;const vm=class{constructor(e){t(this,e)}render(){return[o("smoothly-display",{key:"e33cb6c2fb224049dc0618a101d4a34ce4a97979"},"Tint is used as background to highlight, for example hovering an item in the select menu."),o("br",{key:"3a5221a91fb24771d7f00c44ed8f56f21c82dff0"}),o("smoothly-display",{key:"a84c2e5055c178dadf46cd2b977bf1a262cb7f30"},"Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),o("br",{key:"76ef02c10cd940ed85f86a0d68cf91c474ae5231"}),o("smoothly-display",{key:"0eb2188895599cb3925dd1ea319115e7207f638b"},"Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),o("br",{key:"59f39e2da1a7c941fea84706d87575ad8c0f3a38"}),o("smoothly-display",{key:"56727256e187ecfb71ef10626b86db6a1bccf755"},"One can use the ","<smoothly-color>"," component to switch between what color set is used."," "),o("br",{key:"02f2dfbbf17e60d7e7981b2180cc5fc1cfa8531d"})]}};vm.style=km;const wm="";const xm=wm;const Cm=class{constructor(e){t(this,e);this.element="smoothly-css"}render(){return o(s,{key:"bd78dc0c77ab62560dfa7dcfd6d70eb6c20822aa"},o("smoothly-input-select",{key:"9f4134cf70fe712423e5102d196a8310cb1e189d",name:"theme",looks:"border",onSmoothlyInput:t=>{const e=document.querySelector(`#${this.element}`);if(e instanceof HTMLLinkElement&&typeof t.detail.theme=="string")e.href=t.detail.theme}},o("label",{key:"233405b26871eab292f6c258fbc43464515f7c01",slot:"label"},"Select theme"),o("slot",{key:"14656f7d3466ceedbb9db0a1733c07978c8bad68"})))}};Cm.style=xm;const Sm=".sc-smoothly-toggle-switch-h{display:block}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{width:100%;height:100%;display:flex;align-items:center;padding-inline:0;cursor:pointer;border:none;border-radius:3em;background-color:rgb(var(--smoothly-color))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-color-tint))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{display:flex;justify-content:flex-start;align-items:center;fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast));transition:100ms ease-in-out}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{fill:rgb(var(--smoothly-success-contrast));stroke:rgb(var(--smoothly-success-contrast))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{background-color:rgb(var(--smoothly-success-color))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-success-tint))}[selected].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{transform:translateX(100%)}[size=tiny].sc-smoothly-toggle-switch-h{--height:1.25rem}[size=small].sc-smoothly-toggle-switch-h{--height:1.5rem}[size=default].sc-smoothly-toggle-switch-h{--height:2rem}[size=large].sc-smoothly-toggle-switch-h{--height:2.5rem}.sc-smoothly-toggle-switch-h{height:var(--height);width:calc(var(--height) * 2)}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{--smoothly-icon-size:var(--height)}";const zm=Sm;const Im=class{constructor(o){t(this,o);this.smoothlyToggleSwitchChange=e(this,"smoothlyToggleSwitchChange",7);this.checkmark=true;this.selected=false;this.disabled=false;this.size="default";this.color="medium";this.fill="clear"}handleClick(){this.selected=!this.selected;this.smoothlyToggleSwitchChange.emit(this.selected)}render(){return o(s,{key:"93ae759c47e932319428b842eb408698c2849b31"},o("button",{key:"5ed72f7e5cde56e49dc9d3116dc9fd507d496d4b",type:"button",disabled:this.disabled,onClick:()=>this.handleClick()},o("smoothly-icon",{key:"bcc686be4b1477a7cb469263d8e0bc02f0ffadb8",color:this.color,name:!this.checkmark?"ellipse":this.selected?"checkmark-circle":"close-circle",fill:"clear",class:{selected:this.selected}})))}};Im.style=zm;const jm=".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 Tm=jm;const _m=class{constructor(e){t(this,e)}render(){return o(s,{key:"c622506b07d0d5d4f8f7bb65ec0b808216ac71f4"},o("h4",{key:"8f5bccb8bf300780d0f50a9b66a8433a2a6e4423"},"Toggle switches"),o("div",{key:"5c94e88e5016e60741c95aecb3fccf42f2ce2bf9"},o("p",{key:"a842fa899ab91738c7748ba2efb0f727a26c3ec5"},"Checkmark"),o("span",{key:"0a89a7c406c050db45ebefd7426bca1f44748e36"},o("p",{key:"d70ab8939a0ce332845cb41af0e21c777c0ee73a"},"Tiny"),o("smoothly-toggle-switch",{key:"52c88ff1e6e9e2f8989b7aef24e1e66c983e298a",disabled:false,size:"tiny"})),o("span",{key:"4a0a857accdc647288cf7f3c349f09964a5de0df"},o("p",{key:"488c5fe7676ea3641f4222ceb658c2c026fcabc1"},"Small"),o("smoothly-toggle-switch",{key:"c8fee404136527423d490fb03b49ed387b67419a",disabled:false,size:"small"})),o("span",{key:"c319ed9031d6a6420510428088c784305a09684c"},o("p",{key:"42e785cdd2d12032f310e58cd8b2842748b2cdda"},"Standard"),o("smoothly-toggle-switch",{key:"f5124d5042159df3b4fcc164b0efb4adcf1b01da",disabled:false})),o("span",{key:"8113acc2967dca4ace18ccf45f97f8b7daac4221"},o("p",{key:"e19f0f93cd75db150867e10f48b009ee4eb0cb4b"},"Large"),o("smoothly-toggle-switch",{key:"c4beb63b9038e1d3589ccc30d243eb0236548d88",disabled:false,size:"large"})),o("p",{key:"9c2d02b48add10ad48387ea0c4b9f2450dd39cc6"},"Colors checkmark"),o("span",{key:"7f91266d633dda37b21f3b9c162f791ac4b38746"},o("p",{key:"9d86ab646d05c081851046b020c2cbbd765acae4"},"Danger"),o("smoothly-toggle-switch",{key:"fb3dc5c94a4a05d727772d762a5abff0fa202e82",color:"danger",disabled:false,size:"small"})),o("span",{key:"f581c530b32021d2a0847fec0f17d95be39d8d7e"},o("p",{key:"6a0ecea4b4fe03f88838a36e5ec9386da4272791"},"Primary color"),o("smoothly-toggle-switch",{key:"0f862750bacdc23bc516220586c2a47dc3ce649e",color:"primary",disabled:false,size:"small"})),o("span",{key:"ab0980c909071f57d9a13f22d88d4301b583067a"},o("p",{key:"4b0a69324cf7b8f04bcfdbf35731a43c37aade9f"},"Secondary color"),o("smoothly-toggle-switch",{key:"6442d57ecdb61558e7cb6048c586f46b3e3941b1",color:"secondary",disabled:false,size:"small"})),o("p",{key:"bb47bc7dd98ceb86bfbd0e28391321731f95dad5"}),o("p",{key:"c64a2ff112b72d9cff6afd6c371a3da7083cd1f1"},"Colors no checkmark"),o("span",{key:"d690a84b3d08750e3e2ff7cd6473feb0a715b4d8"},o("p",{key:"849781f19a7523b22f8f0dffe0fa15185d38de2f"},"Danger"),o("smoothly-toggle-switch",{key:"29788801258d901f6cc0780bee771ae78da455e5",checkmark:false,color:"danger",disabled:false,size:"small"})),o("span",{key:"33fabad2c343849cdd76aebee35b8f99f25d86ba"},o("p",{key:"006efb42b3d98028594a306799d12a4a16f0fc75"},"Primary color"),o("smoothly-toggle-switch",{key:"af3f58fbcf78c86ba6bf56735977ababf19d1077",checkmark:false,color:"primary",disabled:false,size:"small"})),o("span",{key:"6e44a069cdfcc16f35dedbd02e394eeb56ed7197"},o("p",{key:"8ded09c92723b570e0a8806adab267e29b878a1f"},"Secondary color"),o("smoothly-toggle-switch",{key:"676edb5d7c66dc6882234361f64d57e07a14b606",checkmark:false,color:"secondary",disabled:false,size:"small"}))))}};_m.style=Tm;const Dm=".sc-smoothly-trigger-h{display:block;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-trigger-h{display:none}[disabled].sc-smoothly-trigger-h{opacity:0.5}.sc-smoothly-trigger-h>button.sc-smoothly-trigger{border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-trigger-h:not([disabled]):hover,.sc-smoothly-trigger-h:not([disabled]):focus,.sc-smoothly-trigger-h:not([disabled]):active{border-color:var(--smoothly-trigger-border)}[expand=full].sc-smoothly-trigger-h>button.sc-smoothly-trigger,[expand=block].sc-smoothly-trigger-h>button.sc-smoothly-trigger{width:100%}[expand=full].sc-smoothly-trigger-h{border-left:none;border-right:none}";const Lm=Dm;const Om=class{constructor(o){t(this,o);this.trigger=e(this,"trigger",7);this.color=undefined;this.fill=undefined;this.disabled=false;this.type="button";this.name=undefined;this.value=undefined}onClick(t){this.trigger.emit({name:this.name,value:this.value});t.stopPropagation();t.preventDefault()}render(){let t;switch(this.type){case"link":t=this.disabled?o("slot",null):o("a",{onClick:t=>this.onClick(t)},o("slot",null));break;case"button":t=o("button",{key:"fc636c1efded46fbc488da77da59375c0e6042e9",disabled:this.disabled,name:this.name},o("slot",{key:"cf9af420179685f2eb7edcff63de43eeba1639a4"}));break}return t}};Om.style=Lm;export{F as smoothly_app,H as smoothly_app_demo,Ft as smoothly_app_room,Ut as smoothly_back_to_top,Bt as smoothly_burger,Kt as smoothly_button,Xt as smoothly_button_confirm,te as smoothly_button_demo,se as smoothly_button_demo_standard,he as smoothly_calendar,be as smoothly_date_text,ge as smoothly_dialog,we as smoothly_dialog_demo,yo as smoothly_display,bo as smoothly_display_demo,po as smoothly_display_demo_json,xo as smoothly_display_json,zo as smoothly_display_json_object,To as smoothly_display_json_primitive,Lo as smoothly_display_json_record_key,ml as smoothly_filter,bl as smoothly_filter_field,gl as smoothly_filter_input,wl as smoothly_filter_select,Sl as smoothly_filter_toggle,xr as smoothly_form,zr as smoothly_form_demo,Ir as smoothly_form_demo_all,jr as smoothly_form_demo_card,Tr as smoothly_form_demo_controlled,Lr as smoothly_form_demo_date,Mr as smoothly_form_demo_date_range,Er as smoothly_form_demo_login,Pr as smoothly_form_demo_pet,Fr as smoothly_form_demo_prices,Ur as smoothly_form_demo_schedule,Yr as smoothly_form_demo_transparent,Gr as smoothly_form_demo_typed,qr as smoothly_frame,Qr as smoothly_icon,oc as smoothly_icon_demo,cc as smoothly_input,mc as smoothly_input_checkbox,bc as smoothly_input_clear,gc as smoothly_input_color,kc as smoothly_input_color_demo,xc as smoothly_input_date,zc as smoothly_input_date_demo,Tc as smoothly_input_date_range,Lc as smoothly_input_date_time,Mc as smoothly_input_demo,$c as smoothly_input_demo_standard,Hc as smoothly_input_demo_user_input,Yc as smoothly_input_edit,Vc as smoothly_input_file,Zc as smoothly_input_month,Jc as smoothly_input_price_demo,eh as smoothly_input_radio,ih as smoothly_input_radio_item,lh as smoothly_input_range,rh as smoothly_input_range_demo,dh as smoothly_input_reset,bh as smoothly_input_select,gh as smoothly_input_submit,wh as smoothly_item,Sh as smoothly_label,jh as smoothly_lazy,Th as smoothly_load_more,Lh as smoothly_modal,Mh as smoothly_notification,$h as smoothly_notifier,Hh as smoothly_spinner,Yh as smoothly_summary,Vh as smoothly_tab,Zh as smoothly_table,Jh as smoothly_table_body,ed as smoothly_table_cell,id as smoothly_table_demo,ld as smoothly_table_demo_colspan,hd as smoothly_table_demo_filler_row,pd as smoothly_table_demo_filtered,wd as smoothly_table_demo_group,zd as smoothly_table_demo_nested_no_cell,Td as smoothly_table_demo_nested_no_cell_inner,Ld as smoothly_table_demo_simple,Ed as smoothly_table_expandable_cell,Pd as smoothly_table_expandable_row,Nd as smoothly_table_filler_row,Wd as smoothly_table_foot,Gd as smoothly_table_head,qd as smoothly_table_row,Qd as smoothly_table_row_group,om as smoothly_tabs,am as smoothly_tabs_demo,rm as smoothly_theme_color,dm as smoothly_theme_color_variant,ym as smoothly_theme_colors,pm as smoothly_theme_demo,vm as smoothly_theme_guide,Cm as smoothly_theme_picker,Im as smoothly_toggle_switch,_m as smoothly_toggle_switch_demo,Om as smoothly_trigger};
-//# sourceMappingURL=p-41bc2222.entry.js.map