smoothly 1.2.1-alpha.22 → 1.2.1-alpha.24

package/dist/smoothly/p-32d55e4c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,c as o,H as s,g as a,F as i}from"./p-ad674a4e.js";import{b as n,a as l,T as r,C as c,o as d,i as h,s as b,r as m,c as y,D as u,f,R as p,n as g,M as k,I as v}from"./p-99846f9b.js";import{L as x,a as w,D as S,b as C,T as z,C as j,c as _,A as T}from"./p-05e38ae2.js";import{r as I,N as O}from"./p-c3f85494.js";import{f as L}from"./p-cf245e8a.js";function A(t){return new E(t??"any")}class E extends n{constructor(){super(...arguments);this.class="any";this.is=t=>t!=undefined}}function D(){const t=navigator.language;return x.is(t)?t:w.is(t)?x.toLocale(t):undefined}const M='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}header:has(smoothly-burger[visible])>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}@media screen and (max-width: 900px){smoothly-app>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-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{flex-direction:column;background-color:rgba(var(--smoothly-color))}smoothly-app>smoothly-notifier>header>nav>ul{padding:1.5rem;box-sizing:border-box}smoothly-app>smoothly-notifier>header>nav>ul li{margin-right:0;width:100%}smoothly-app>smoothly-notifier>header>smoothly-burger{position:absolute;top:0;right:0}smoothly-app>smoothly-notifier>header>nav>ul>[slot="nav-start"]{display:none}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container,smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{flex-direction:column;margin:0;align-items:start;justify-content:center}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}}smoothly-app>smoothly-notifier>header>nav:not(.menu-open){display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}';const $=M;const R=class{constructor(e){t(this,e);this.rooms={};this.label=undefined;this.color=undefined;this.home=undefined;this.menuOpen=false;this.selected=undefined}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());if(this.mainElement&&e){this.mainElement.innerHTML="";this.mainElement.appendChild(e)}}burgerVisibilityHandler(t){this.burgerVisibility=t.detail}burgerStatusHandler(t){t.stopPropagation();this.menuOpen=t.detail}async locationChangeHandler(t){var e;(e=this.rooms[t.state.smoothlyPath])===null||e===void 0?void 0:e.element.setSelected(true,{history:true})}roomSelectedHandler(t){this.selected={element:t.target};if(this.burgerVisibility)this.menuOpen=false;if(!t.detail.history){const t=this.selected.element.path.toString();const e=new URL(window.location.pathname==t?window.location.href:window.location.origin);e.pathname=t;window.history.pushState({smoothlyPath:t},"",e.href)}}roomLoadedHandler(t){const e=this.rooms[t.target.path.toString()]={element:t.target};if(e.element.selected){this.selected=e;window.history.replaceState({smoothlyPath:e.element.path},"",window.location.href)}}clickHandler(t){if(this.burgerVisibility)if(t.composedPath().some((t=>t==this.burgerElement||t==this.navElement)));else this.menuOpen=false}render(){return e("smoothly-notifier",{key:"e9b90a7541f72cd1357e2bb68c1f26709984d176"},e("header",{key:"2fad88bef48cd6afcb8e5a3dc88c3126413e24cb",color:this.color},e("h1",{key:"56b0cf1059806fa6d522ff7c306d68e5b1fe6a02"},e("a",{key:"4609bf678748cbaf824c169f8723de0944d1940a",href:""},this.label)),e("slot",{key:"69b8995d75823b0dc79f9ac3e6589d93373d0b9e",name:"header"}),e("nav",{key:"74c0984bd564554aea61d69cc56057d49dc59431",ref:t=>this.navElement=t,class:{"menu-open":this.menuOpen}},e("ul",{key:"824b6fca8abe6cb0d94cf6af063522eb17bd7f24"},e("div",{key:"b341a3703747911119ce85bfcb799d85e8b36bc3",class:"nav-start-container"},e("slot",{key:"a88cd0274213cdcaea4750f26e543ff2a86458e9",name:"nav-start"})),e("slot",{key:"abefaa514bb2b5d9580c462d44356cc9336dbbad"}),e("div",{key:"3bd9dc239b15781dada1557337fda06525f03486",class:"nav-end-container"},e("slot",{key:"d42926c3698e00ef3d90cf9a0a2222c1b5ad0bbc",name:"nav-end"})))),e("smoothly-burger",{key:"174b04034324bd0e8e44416fe7781873c0749b01",ref:t=>this.burgerElement=t,open:this.menuOpen,onSmoothlyNavStatus:t=>this.burgerStatusHandler(t),onSmoothlyVisibleStatus:t=>this.burgerVisibilityHandler(t)})),e("main",{key:"116290e55aafdce447c85854f8f8a6040210b81a",ref:t=>this.mainElement=t}))}static get watchers(){return{selected:["selectedChanged"]}}};R.style=$;const P=class{constructor(e){t(this,e);this.baseUrl=undefined}render(){return e("smoothly-app",{key:"aa798117a543b094b87cd4f794e41c2c62eedcf5",color:"dark",label:"Smoothly Demo",home:"/root",ref:t=>this.app=t},e("smoothly-trigger",{key:"8576545a5f1408fe488c80ca5a0856650d3d5b49",slot:"nav-start",type:"link",name:"logout"},e("smoothly-icon",{key:"193f43f5a6d919ba06eec2a08149ed2374aee06f",toolTip:"Log out",name:"log-out",size:"medium"})),e("smoothly-app-room",{key:"e8844d73ceb204d13bfc279e946a0bac80dc4d68",path:"/root",label:"root"},e("smoothly-theme-demo",{key:"6cb3d1813bf4d9fe930ef3ed82215aac2af0d628"})),e("smoothly-app-room",{key:"cbf46329c16c64a199535b1553e7a8c672529fbc",path:"/links",label:"Links"},e("smoothly-input",{key:"4a9793a5fcca2a9addc6090c9c0cd671b1ebbd24",type:"text"},"Default"),e("div",{key:"14eeb3c49e15d784862c4f6e9d59c8a3d8da7963",style:{padding:"1em",maxWidth:"12em"}},e("smoothly-button",{key:"31b4d3395c2591401eb6dab6da14d6caac0411fe",fill:"solid",color:"danger",link:"https://google.com"},"open"),e("smoothly-button",{key:"bfad0b8b15643d8d31c85ee11a9c0e84db2ab6c9",fill:"solid",color:"danger",link:"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",type:"download"},"download"),e("smoothly-button",{key:"bebe8268049b005938a50db82b40c0ee87612743",fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),e("smoothly-button",{key:"e29cddc1f4bfd034dde47491361278c6ce87ba7d",disabled:true,fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),e("smoothly-button",{key:"d8cc0600b0632998ba1b869ad084edab91fad2e5",type:"link",fill:"clear",color:"danger",onClick:()=>alert("clicked")},"action link"))),e("smoothly-app-room",{key:"ac76d59a6a1abf64390f2abf922d5f5a6dee1669",path:"/form",label:"Form"},e("smoothly-form-demo",{key:"0bdc1d11f5b8f934dda4ff392458b08d4a70be3f"})),e("smoothly-app-room",{key:"4563223ad6f765c0939cc30cd45dc30cd5d69032",path:"/input",label:"Input"},e("smoothly-input-demo",{key:"375c06afd265f6307fc66e93c9835dc49ce3e6d6"})),e("smoothly-app-room",{key:"42e0a3a236f724591145301dd9df043f679af9ee",path:"/button",label:"Button"},e("smoothly-button-demo",{key:"5901292f12d2d24973a2cf5387508a431803b2e8"})),e("smoothly-app-room",{key:"d4a8784af2165b95cfc42aff5ca3be1e5c958e87",path:"/dialog",label:"Dialog"},e("smoothly-dialog-demo",{key:"35c854b7844271e48d3f0e6533f9306c8464baf0"})),e("smoothly-app-room",{key:"e2ad58e1f1265d3a5027cd3f224083e40d5973f7",path:"/display",label:"Display",icon:"eye-outline"},e("smoothly-display-demo",{key:"2bfc57d7150503495f8b12d2ed3d9ec7d5d89a88"})),e("smoothly-app-room",{key:"8d586a62c12cf26864db2f247ad12681f590a77d",path:"/table",label:"Table"},e("smoothly-table-demo",{key:"38415d9b5ce66403af5628b3348410592e67fa23"})),e("smoothly-app-room",{key:"751c2b58dcbc1863dcc5529d88dd4fdd903e757a",path:"/next",label:"Next"},e("smoothly-next-demo",{key:"4e59f67d38365c613cea03506f3084ea692ee586"})),e("smoothly-app-room",{key:"ae695b723b25a16a108fa9e0c2b3b09533e50286",path:"/tabs",label:"Tabs",slot:"nav-end"},e("smoothly-tabs-demo",{key:"c283c99faa9ac420440b044c3aeebe8a01ec43e4"})),e("smoothly-app-room",{key:"267db613a187c690e77b432dd39bcff73234ac38",path:"/icon",label:"Icon",content:e("smoothly-icon-demo",null),slot:"nav-end"}),e("smoothly-app-room",{key:"8bfbb99b17ad01a4fd09b8806a822546cdf720a3",path:"/redirect",label:"Redirect",slot:"nav-end"},e("smoothly-button",{key:"d4b35584d2c1287d720ebc459100761b276de121",type:"link",link:"/input"},"To input"),e("smoothly-button",{key:"8f207c300488db536215a3c61edb66519a22cc4d",type:"link",link:"../button"},"To button"),e("smoothly-button",{key:"c71e440088db8957a47434ab649fe7fe7c6c0f8e",type:"link",link:new URL("/hidden",window.location.origin).href},"To hidden"),e("smoothly-button",{key:"e6257c6f6da592e923ba67f73d587b35d2435d09",type:"link",link:"/redirect"},"To redirect"),e("smoothly-button",{key:"d55eb65cf2286b9fef264f8531f68b499af73199",type:"link",link:"nested"},"To redirect nested, relative path")),e("smoothly-app-room",{key:"3ba5cd1cfc05a1b00ec42ea9ddfebbe8abf74d02",path:"/hidden"},e("p",{key:"0033b0c86f9199c4623da10af5ad62ae3c89eb82"},"hello world!")),e("smoothly-app-room",{key:"5f43fc7540b1d3a123b278eed2b6be274a661fd5",path:"/redirect/nested"},"this is a nested room"))}};var N=class{constructor(t,e,o,s,a,i){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=a;this.modifier=i}hasCustomName(){return this.name!==""&&typeof this.name!=="number"}};var H=/[$_\p{ID_Start}]/u;var F=/[$_\u200C\u200D\p{ID_Continue}]/u;var U=".*";function Y(t,e){return(e?/^[\x00-\xFF]*$/:/^[\x00-\x7F]*$/).test(t)}function W(t,e=false){const o=[];let s=0;while(s<t.length){const a=t[s];const i=function(a){if(!e)throw new TypeError(a);o.push({type:"INVALID_CHAR",index:s,value:t[s++]})};if(a==="*"){o.push({type:"ASTERISK",index:s,value:t[s++]});continue}if(a==="+"||a==="?"){o.push({type:"OTHER_MODIFIER",index:s,value:t[s++]});continue}if(a==="\\"){o.push({type:"ESCAPED_CHAR",index:s++,value:t[s++]});continue}if(a==="{"){o.push({type:"OPEN",index:s,value:t[s++]});continue}if(a==="}"){o.push({type:"CLOSE",index:s,value:t[s++]});continue}if(a===":"){let e="";let a=s+1;while(a<t.length){const o=t.substr(a,1);if(a===s+1&&H.test(o)||a!==s+1&&F.test(o)){e+=t[a++];continue}break}if(!e){i(`Missing parameter name at ${s}`);continue}o.push({type:"NAME",index:s,value:e});s=a;continue}if(a==="("){let e=1;let a="";let n=s+1;let l=false;if(t[n]==="?"){i(`Pattern cannot start with "?" at ${n}`);continue}while(n<t.length){if(!Y(t[n],false)){i(`Invalid character '${t[n]}' at ${n}.`);l=true;break}if(t[n]==="\\"){a+=t[n++]+t[n++];continue}if(t[n]===")"){e--;if(e===0){n++;break}}else if(t[n]==="("){e++;if(t[n+1]!=="?"){i(`Capturing groups are not allowed at ${n}`);l=true;break}}a+=t[n++]}if(l){continue}if(e){i(`Unbalanced pattern at ${s}`);continue}if(!a){i(`Missing pattern at ${s}`);continue}o.push({type:"REGEX",index:s,value:a});s=n;continue}o.push({type:"CHAR",index:s,value:t[s++]})}o.push({type:"END",index:s,value:""});return o}function B(t,e={}){const o=W(t);e.delimiter??(e.delimiter="/#?");e.prefixes??(e.prefixes="./");const s=`[^${V(e.delimiter)}]+?`;const a=[];let i=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 d=t=>{const e=r(t);if(e!==void 0)return e;const{type:s,index:a}=o[n];throw new TypeError(`Unexpected ${s} at ${a}, expected ${t}`)};const h=()=>{let t="";let e;while(e=r("CHAR")??r("ESCAPED_CHAR")){t+=e}return t};const b=t=>t;const m=e.encodePart||b;let y="";const u=t=>{y+=t};const f=()=>{if(!y.length){return}a.push(new N(3,"","",m(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){u(t);return}f();if(!e&&!o){if(!t){return}a.push(new N(3,"","",m(t),"",c));return}let d;if(!o){d=s}else if(o==="*"){d=U}else{d=o}let h=2;if(d===s){h=1;d=""}else if(d===U){h=0;d=""}let b;if(e){b=e}else if(o){b=i++}if(l.has(b)){throw new TypeError(`Duplicate name '${b}'.`)}l.add(b);a.push(new N(h,b,m(t),d,m(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 a=t??"";if(e.prefixes.indexOf(a)===-1){u(a);a=""}f();let i=c();p(a,o,s,"",i);continue}const a=t??r("ESCAPED_CHAR");if(a){u(a);continue}const i=r("OPEN");if(i){const t=h();const e=r("NAME");let o=r("REGEX");if(!e&&!o){o=r("ASTERISK")}const s=h();d("CLOSE");const a=c();p(t,e,o,s,a);continue}f();d("END")}return a}function V(t){return t.replace(/([.+*?^${}()[\]|/\\])/g,"\\$1")}function G(t){return t&&t.ignoreCase?"ui":"u"}function K(t,e,o){return q(B(t,o),e,o)}function Z(t){switch(t){case 0:return"*";case 1:return"?";case 2:return"+";case 3:return""}}function q(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 a of t){if(a.type===3){if(a.modifier===3){s+=V(a.value)}else{s+=`(?:${V(a.value)})${Z(a.modifier)}`}continue}if(e)e.push(a.name);const t=`[^${V(o.delimiter)}]+?`;let i=a.value;if(a.type===1)i=t;else if(a.type===0)i=U;if(!a.prefix.length&&!a.suffix.length){if(a.modifier===3||a.modifier===1){s+=`(${i})${Z(a.modifier)}`}else{s+=`((?:${i})${Z(a.modifier)})`}continue}if(a.modifier===3||a.modifier===1){s+=`(?:${V(a.prefix)}(${i})${V(a.suffix)})`;s+=Z(a.modifier);continue}s+=`(?:${V(a.prefix)}`;s+=`((?:${i})(?:`;s+=V(a.suffix);s+=V(a.prefix);s+=`(?:${i}))*)${V(a.suffix)})`;if(a.modifier===0){s+="?"}}const a=`[${V(o.endsWith)}]|$`;const i=`[${V(o.delimiter)}]`;if(o.end){if(!o.strict){s+=`${i}?`}if(!o.endsWith.length){s+="$"}else{s+=`(?=${a})`}return new RegExp(s,G(o))}if(!o.strict){s+=`(?:${i}(?=${a}))?`}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+=`(?=${i}|${a})`}return new RegExp(s,G(o))}var J={delimiter:"",prefixes:"",sensitive:true,strict:true};var X={delimiter:".",prefixes:"",sensitive:true,strict:true};var Q={delimiter:"/",prefixes:"/",sensitive:true,strict:true};function tt(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 et(t,e){if(t.startsWith(e)){return t.substring(e.length,t.length)}return t}function ot(t,e){if(t.endsWith(e)){return t.substr(0,t.length-e.length)}return t}function st(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 at=["ftp","file","http","https","ws","wss"];function it(t){if(!t){return true}for(const e of at){if(t.test(e)){return true}}return false}function nt(t,e){t=et(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 lt(t,e){t=et(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 rt(t,e){if(e||t===""){return t}if(st(t)){return kt(t)}else{return gt(t)}}function ct(t,e){if(e||t===""){return t}const o=new URL("https://example.com");o.password=t;return o.password}function dt(t,e){if(e||t===""){return t}const o=new URL("https://example.com");o.username=t;return o.username}function ht(t,e,o){if(o||t===""){return t}if(e&&!at.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 bt(t,e,o){if(yt(e)===t){t=""}if(o||t===""){return t}return vt(t)}function mt(t,e){t=ot(t,":");if(e||t===""){return t}return ut(t)}function yt(t){switch(t){case"ws":case"http":return"80";case"wws":case"https":return"443";case"ftp":return"21";default:return""}}function ut(t){if(t===""){return t}if(/^[-+.A-Za-z0-9]*$/.test(t))return t.toLowerCase();throw new TypeError(`Invalid protocol '${t}'.`)}function ft(t){if(t===""){return t}const e=new URL("https://example.com");e.username=t;return e.username}function pt(t){if(t===""){return t}const e=new URL("https://example.com");e.password=t;return e.password}function gt(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 kt(t){if(t===""){return t}if(/[^0-9a-fA-F[\]:]/g.test(t)){throw new TypeError(`Invalid IPv6 hostname '${t}'`)}return t.toLowerCase()}function vt(t){if(t===""){return t}if(/^[0-9]*$/.test(t)&&parseInt(t)<=65535){return t}throw new TypeError(`Invalid port '${t}'.`)}function xt(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 wt(t){if(t===""){return t}const e=new URL(`data:${t}`);return e.pathname}function St(t){if(t===""){return t}const e=new URL("https://example.com");e.search=t;return e.search.substring(1,e.search.length)}function Ct(t){if(t===""){return t}const e=new URL("https://example.com");e.hash=t;return e.hash.substring(1,e.hash.length)}var zt=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=W(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,J);t.encodePart=ut;const e=K(this.makeComponentString(),void 0,t);this.shouldTreatAsStandardURL=it(e)}};var jt=["protocol","username","password","hostname","port","pathname","search","hash"];var _t="*";function Tt(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 It(t,e){if(!e){return t}return Lt(t)}function Ot(t,e,o){let s;if(typeof e.baseURL==="string"){try{s=new URL(e.baseURL);t.protocol=It(s.protocol.substring(0,s.protocol.length-1),o);t.username=It(s.username,o);t.password=It(s.password,o);t.hostname=It(s.hostname,o);t.port=It(s.port,o);t.pathname=It(s.pathname,o);t.search=It(s.search.substring(1,s.search.length),o);t.hash=It(s.hash.substring(1,s.hash.length),o)}catch{throw new TypeError(`invalid baseURL '${e.baseURL}'.`)}}if(typeof e.protocol==="string"){t.protocol=mt(e.protocol,o)}if(typeof e.username==="string"){t.username=dt(e.username,o)}if(typeof e.password==="string"){t.password=ct(e.password,o)}if(typeof e.hostname==="string"){t.hostname=rt(e.hostname,o)}if(typeof e.port==="string"){t.port=bt(e.port,t.protocol,o)}if(typeof e.pathname==="string"){t.pathname=e.pathname;if(s&&!tt(t.pathname,o)){const e=s.pathname.lastIndexOf("/");if(e>=0){t.pathname=It(s.pathname.substring(0,e+1),o)+t.pathname}}t.pathname=ht(t.pathname,t.protocol,o)}if(typeof e.search==="string"){t.search=lt(e.search,o)}if(typeof e.hash==="string"){t.hash=nt(e.hash,o)}return t}function Lt(t){return t.replace(/([+*?:{}()\\])/g,"\\$1")}function At(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=`[^${At(e.delimiter)}]+?`;const a=/[$_\u200C\u200D\p{ID_Continue}]/u;let i="";for(let n=0;n<t.length;++n){const l=t[n];if(l.type===3){if(l.modifier===3){i+=Lt(l.value);continue}i+=`{${Lt(l.value)}}${Z(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 d=n>0?t[n-1]:null;const h=n<t.length-1?t[n+1]:null;if(!c&&r&&l.type===1&&l.modifier===3&&h&&!h.prefix.length&&!h.suffix.length){if(h.type===3){const t=h.value.length>0?h.value[0]:"";c=a.test(t)}else{c=!h.hasCustomName()}}if(!c&&!l.prefix.length&&d&&d.type===3){const t=d.value[d.value.length-1];c=e.prefixes.includes(t)}if(c){i+="{"}i+=Lt(l.prefix);if(r){i+=`:${l.name}`}if(l.type===2){i+=`(${l.value})`}else if(l.type===1){if(!r){i+=`(${s})`}}else if(l.type===0){if(!r&&(!d||d.type===3||d.modifier!==3||c||l.prefix!=="")){i+="*"}else{i+=`(${o})`}}if(l.type===1&&r&&!!l.suffix.length){if(a.test(l.suffix[0])){i+="\\"}}i+=Lt(l.suffix);if(c){i+="}"}if(l.modifier!==3){i+=Z(l.modifier)}}return i}var Dt=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 zt(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 a={ignoreCase:o.ignoreCase===true};const i={pathname:_t,protocol:_t,username:_t,password:_t,hostname:_t,port:_t,search:_t,hash:_t};this.pattern=Ot(i,t,true);if(yt(this.pattern.protocol)===this.pattern.port){this.pattern.port=""}let n;for(n of jt){if(!(n in this.pattern))continue;const t={};const e=this.pattern[n];this.names[n]=[];switch(n){case"protocol":Object.assign(t,J);t.encodePart=ut;break;case"username":Object.assign(t,J);t.encodePart=ft;break;case"password":Object.assign(t,J);t.encodePart=pt;break;case"hostname":Object.assign(t,X);if(st(e)){t.encodePart=kt}else{t.encodePart=gt}break;case"port":Object.assign(t,J);t.encodePart=vt;break;case"pathname":if(it(this.regexp.protocol)){Object.assign(t,Q,a);t.encodePart=xt}else{Object.assign(t,J,a);t.encodePart=wt}break;case"search":Object.assign(t,J,a);t.encodePart=St;break;case"hash":Object.assign(t,J,a);t.encodePart=Ct;break}try{this.parts[n]=B(e,t);this.regexp[n]=q(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,Tt(t,e),false)}}catch(t){return false}let s;for(s of jt){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,Tt(t,e),false)}}catch(t){return null}let s={};if(e){s.inputs=[t,e]}else{s.inputs=[t]}let a;for(a of jt){let t=this.regexp[a].exec(o[a]);if(!t){return null}let e={};for(let[o,s]of this.names[a].entries()){if(typeof s==="string"||typeof s==="number"){let a=t[o+1];e[s]=a}}s[a]={input:o[a]??"",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 a=new N(3,"","","","",3);const i=new N(0,"","","","",3);const n=(t,e)=>{let o=0;for(;o<Math.min(t.length,e.length);++o){let a=s(t[o],e[o]);if(a)return a}if(t.length===e.length){return 0}return s(t[o]??a,e[o]??a)};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],[i])}if(!e.component_pattern[t]&&o.component_pattern[t]){return n([i],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=Dt}const Mt='.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}@media screen and (max-width: 900px){.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0}[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}.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}[icon][label].sc-smoothly-app-room-h:hover::before,[icon][label].sc-smoothly-app-room-h:hover::after{content:unset}}';const $t=Mt;const Rt=class{constructor(e){t(this,e);this.smoothlyRoomSelected=o(this,"smoothlyRoomSelected",7);this.smoothlyRoomLoaded=o(this,"smoothlyRoomLoaded",7);this.label=undefined;this.icon=undefined;this.disabled=undefined;this.path="";this.selected=undefined;this.content=undefined}componentWillLoad(){this.selected=(typeof this.path=="string"?new URLPattern({pathname:this.path}):this.path).test(window.location);this.smoothlyRoomLoaded.emit({selected:this.selected})}async getContent(){return this.contentElement}async setSelected(t,e){this.selected=t;if(t)this.smoothlyRoomSelected.emit({history:!!(e===null||e===void 0?void 0:e.history)})}clickHandler(t){if(!t.metaKey&&!t.ctrlKey&&t.which!=2&&t.button!=1){t.preventDefault();this.setSelected(true)}}render(){return e(s,{key:"c8a335193ee0aa36091178413f9c66aeedb8c055"},e("li",{key:"14789089daba4c466cfae4f85d4cc00f713d2f7d"},e("a",{key:"5fa57305ed064e5c797b19bbdb21bb80798e5bd7",href:typeof this.path=="string"?this.path:this.path.pathname,onClick:t=>this.clickHandler(t)},this.icon&&e("smoothly-icon",{key:"8e460965cfcf0be0dbc4ec3b0a5f2fac870c8847",name:this.icon}),this.label&&e("span",{key:"df177b3036464c00da7b305b59425e2421809adc",class:"label"},this.label))),e("div",{key:"8efc7494ce11d1260c32aba361d72a5a51cac010",ref:t=>this.contentElement=t},this.content&&e("smoothly-lazy",{key:"2bd422f0c20d4e56746dce0d120c578171a70a57",content:this.content}),e("slot",{key:"d45b27b47bd8bdb85fed17fc196d53eb33234bd8"})))}};Rt.style=$t;const Pt=".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=Pt;const Ht=class{constructor(e){t(this,e);this.opacity="0.5";this.bottom="1rem";this.right="1rem";this.visible=undefined}componentWillLoad(){var t;this.scrollableParent=l.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 e(s,{key:"d58ae307b6f213cac17096127f4f02f89261134e",style:t,onClick:()=>{var t;return(t=this.scrollableParent)===null||t===void 0?void 0:t.scrollTo({top:0,left:0,behavior:"smooth"})}},e("smoothly-icon",{key:"ced3df0d986862792b4233ab646aa39acfbf5276",name:"caret-up-outline"}))}get element(){return a(this)}};Ht.style=Nt;const Ft="[visible].sc-smoothly-burger-h{display:flex;justify-content:center;align-items:center;height:100%}[visible].sc-smoothly-burger-h .burger.sc-smoothly-burger smoothly-icon.sc-smoothly-burger{font-size:1.7em;cursor:pointer;margin-right:1em}.sc-smoothly-burger-h:not([visible]){display:none}.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 Ut=Ft;const Yt=class{constructor(e){t(this,e);this.smoothlyNavStatus=o(this,"smoothlyNavStatus",7);this.smoothlyVisibleStatus=o(this,"smoothlyVisibleStatus",7);this.visible=undefined;this.open=false;this.mediaQuery="(max-width: 900px)";this.history=undefined}componentWillLoad(){this.history=window.matchMedia(this.mediaQuery).matches;if(!window.matchMedia(this.mediaQuery).matches)this.visible=false;else this.visible=true;this.smoothlyNavStatus.emit(!this.visible);this.smoothlyVisibleStatus.emit(this.visible)}openChanged(){this.smoothlyNavStatus.emit(this.open)}clickHandler(t){if(this.visible)this.open=!this.open}resizeHandler(){const t=window.matchMedia(this.mediaQuery).matches;if(t!=this.history){if(t){this.visible=true;this.open=false}else{this.visible=false;this.open=false}this.smoothlyVisibleStatus.emit(this.visible);this.smoothlyNavStatus.emit(!this.visible)}this.history=t}render(){return e(s,{key:"6e32b13474959bdbd15eb7be2339e1e14f109d33"},e("span",{key:"93fc4c98a838d5a37f5df7ac675e201b9c017cfd",class:"burger"},e("smoothly-icon",{key:"6c11e78a8e1ba2180ec15117a5affa8bcd52f4bd",name:"menu"})))}get element(){return a(this)}static get watchers(){return{open:["openChanged"]}}};Yt.style=Ut;const Wt=({disabled:t,type:o,link:s},a)=>t&&(s||o=="link")?e("slot",null):o=="link"?e("a",{href:s,onClick:!s||!Vt(s)?undefined:t=>(t.preventDefault(),I(Bt(s)))},e("slot",{name:"start"}),e("slot",null),a,e("slot",{name:"end"})):o=="download"?e("a",{href:s,target:"_blank",download:true},e("slot",{name:"start"}),e("slot",null),a,e("slot",{name:"end"})):e("button",{disabled:t},e("slot",{name:"start"}),e("slot",null),a,e("slot",{name:"end"}));function Bt(t){let e;if(t.startsWith(window.location.origin))e=new URL(t).pathname;else if(t.match(/^\//))e=new URL(t,window.location.origin).pathname;else e=new URL(`${window.location.pathname.replace(/\/+$/,"")}/${t}`,window.location.origin).pathname;return e}function Vt(t){return new URL(t,window.location.origin).origin==window.location.origin}const Gt='[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-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);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;pointer-events:none}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-button-h>a.sc-smoothly-button:empty,.sc-smoothly-button-h>button.sc-smoothly-button:empty{border-width:0}.sc-smoothly-button-h>button.sc-smoothly-button{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-button-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-button{padding:0.8em;min-width:8em}.sc-smoothly-button-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-button{padding:0.6em}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{padding:0.5em}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-button-h>button.sc-smoothly-button{font-size:100%}[size=large].sc-smoothly-button-h>button.sc-smoothly-button{font-size:130%}.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;align-items: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])>button.sc-smoothly-button:hover,.sc-smoothly-button-h>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:active>button.sc-smoothly-button::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:hover::before,[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:focus-within::before,[fill=outline].sc-smoothly-button-h>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])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>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 Kt=Gt;const Zt=class{constructor(e){t(this,e);this.color=undefined;this.expand=undefined;this.fill=undefined;this.disabled=false;this.type="button";this.size=undefined;this.shape=undefined;this.link=undefined}render(){return e(Wt,{key:"510dea725bd1a1d8e014d4d3f7657e14eaf4dda0",disabled:this.disabled,type:this.type,link:this.link},e("slot",{key:"67e8771b5cea6002ec4d5a50da271a16008b6326"}))}};Zt.style=Kt;const qt=".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 Jt=qt;const Xt=class{constructor(e){t(this,e);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyConfirm=o(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 e(s,{key:"f6fef52919cece13e8cefc87e6876375057a0f07",warning:this.clickTimeStamp},e("smoothly-button",{key:"15ba285763f7e51d255144bf7b4a74c4e12ecc22",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:"warning",disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},e("smoothly-icon",{key:"ab590fe61a83cede946727532183e7fa3f3420bf",name:"alert-outline",fill:this.fill,color:"warning",size:this.size==="icon"?"tiny":"small"})),e("smoothly-button",{key:"7e2f4b3056cea2eacba62a7e0ebaaa967ab98f4d",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)},e("slot",{key:"516023c4ad2d3080f49284d5f6ae9b299954c977"})))}};Xt.style=Jt;const Qt="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 te=Qt;const ee=class{constructor(e){t(this,e)}render(){return[e("h2",{key:"3c8025ac2be655262bcd2b450a7bf231a4fb4895"},"Buttons"),e("section",{key:"7135bb7d07661d9c7feef8b28bd17f0cc2c290c2"},e("h4",{key:"a15d2adbce40601099357e61ceb47627f491e820"},"Confirm button (two clicks)"),e("div",{key:"ae1862a69fa8a949b3eb4338fcd42db23f33e0ea"},e("smoothly-button-confirm",{key:"c2408dce7880cb2c97feb9abf74cfe23293d9e8a",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),e("smoothly-button-confirm",{key:"b933c3bfcc21591ea587c022be60b5dfa83d29dd",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},e("smoothly-icon",{key:"bb53ab8ab65c37b896d4d8889187fbaf1453b6aa",name:"checkmark-outline",size:"tiny"})),e("smoothly-button-confirm",{key:"29e5f6c63362ec0f2d67212ec119fb1527cf0715",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},e("smoothly-icon",{key:"5503b6db201faf2fc6756efb8eb7eed61f4e99b3",name:"trash-outline",size:"tiny",fill:"outline"}))),e("h4",{key:"ff82842ee1489a963ff6e609496210f1551c96d2"},"Toggle button"),e("smoothly-toggle",{key:"6222a1678c626c55914eac351c85d72a7f34baf9"},e("smoothly-icon",{key:"8bac18e6a2e093b6b3351e213f80f8659cf2bfad",name:"card",fill:"solid",slot:"icon-slot"})),e("smoothly-toggle",{key:"1f6fb978ecb57512a2edb0e827f3f755b9fed7b3"},e("smoothly-icon",{key:"92e78f07a80098c87db14a753ee185bbb4787965",name:"briefcase",slot:"icon-slot"})),e("smoothly-toggle",{key:"9dd282964fd8c821f9eaa4835a94ee46792160fd"},e("smoothly-icon",{key:"27fde3eb695917bb2aa80166deb3f79763672615",name:"airplane",slot:"icon-slot"})),e("smoothly-toggle-switch-demo",{key:"8142bb42ee3d41d537aaf9881499d8c14ae636ab"}),e("h4",{key:"8bf7ce023276823e238dc778ea7de087227b3c55"},"Links with icons"),e("smoothly-button",{key:"5dc5c52e56653c38b24653f8a09492b657a52812",type:"link"},e("smoothly-icon",{key:"bd37a7612e50a5b46a463cb33fcb3d3db4984fdc",name:"checkmark-circle",slot:"start"}),"type link"),e("smoothly-button",{key:"8c88fe90275d89b4d9266292ee5dfe2c89189453",type:"button",color:"warning",fill:"default"},e("smoothly-icon",{key:"7d0f38f8def892c6a70f94cfae60c97379f97a19",name:"call",slot:"start"}),e("a",{key:"c9a545939c8c69a936d7234f667a38304475ce29",href:"https://google.com"},"link")),e("smoothly-button",{key:"19ad20237f00b0fc3be118342479c542172aac85",link:"https://google.com",type:"link"},e("smoothly-icon",{key:"9417f3deb9468f0ec67b5e6f2e691d75237dfd8b",name:"arrow-forward",slot:"end"}),"link + type link"),e("h4",{key:"431e11211e7388a31e74c05c872f1225da3a8f2d"},"Size and Color test"),e("smoothly-button",{key:"e06b07125a4809a2fbfba8b663e7df05f2cafe2a",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),e("smoothly-button",{key:"4e6e0cd9552783605c85c0179ceb9867073d52f2",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),e("smoothly-button",{key:"86e387b350d60cf3bf568aab93a4f87351556b03",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),e("smoothly-button",{key:"81ae2d506757e6d6aefa22389b27cf52115b0cd6",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),e("smoothly-button",{key:"8e54050a99f8373f550dc225ec562415d6a28341",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),e("smoothly-button",{key:"73fff1e9835ea73331f883f877b330ffc92366e2",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),e("smoothly-button",{key:"38c004df8478e18cfaadeafb000d566e618cd4ce",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),e("smoothly-button",{key:"423bc99ba52358b5fab7d023926c13d3d4147f79",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),e("smoothly-button",{key:"66f6cfaa814db14e2eb4dc58ff61d3f3e5df6407",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),e("h4",{key:"e8ab771bcfd1cb19d506768c70bd1489c3a63612"},"Expand examples"),e("smoothly-button",{key:"c33ba658c35a6d638885657a10b8355c1a39cad8",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),e("smoothly-button",{key:"893978e950151a1f3bd34fa4e4d67be88a703f94",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),e("h4",{key:"7ca51c36f0f7795529b768ff164fe897a545a503"},"Fill examples"),e("div",{key:"352da5da95852f703b34102dacd5056e96d49d2f"},e("smoothly-button",{key:"11060ec131da8694e760f9659ed298ff064bd02c",shape:"rounded",color:"primary",fill:"solid"},e("smoothly-icon",{key:"c1720e101a57dd3d3c6142ff00d7b6d3050b93ce",name:"checkmark-circle",slot:"start"}),"Fill Solid"),e("smoothly-button",{key:"a04d9f0204302610c9394e95bf954764fe8eaf8c",shape:"rounded",color:"secondary",fill:"outline"},e("smoothly-icon",{key:"d6dc32cc36c6f801abf35271167d2bca787faea3",name:"checkmark-circle",slot:"start"}),"Fill Outline"),e("smoothly-button",{key:"ffd1db87eaeb7e12f983146449be5d79e7de2b53",shape:"rounded",color:"tertiary",fill:"clear"},e("smoothly-icon",{key:"15086ae92c84b20973d964c699b219cca193fd6d",name:"checkmark-circle",slot:"start"}),"Fill Clear"),e("smoothly-button",{key:"461519344c8a5024d6b0dce79171375645abbdf8",size:"icon",shape:"rounded",color:"success",fill:"solid"},e("smoothly-icon",{key:"1068fe90e108438f28c66f8f4c6b2a6f203120df",name:"basketball"}))),e("h4",{key:"8e09f401d9ec18825e5b248cac01bddbf10ad95b"},'Buttons with Icon in "start"'),e("div",{key:"d17091668a8b535291fe14b7fb5fa64bcee3d77d"},e("smoothly-button",{key:"7fbcf5e63dfa6370f6ea8db63fe23eaafdf92d56",shape:"rounded",fill:"solid",color:"warning"},e("smoothly-icon",{key:"43da748cdca6199f9b0d677ec26a6ed14349522e",name:"checkmark-circle",slot:"start"}),"Check"),e("smoothly-button",{key:"dc64fcac7f381493149bd161dc78fa0b75d1e01f",shape:"rounded",fill:"solid",color:"secondary"},e("smoothly-icon",{key:"b64e9f855ee14612b83a4d6d320247056825e85a",name:"basketball",slot:"start"}),"Check"),e("smoothly-button",{key:"f714f8a9a143d68077a10e9bcc3008aebe34b931",shape:"rounded",fill:"solid",color:"success"},e("smoothly-icon",{key:"b39275e626a28eceb0d6c34b1781f175cf012b2d",name:"call",slot:"start"}),"Check"),e("smoothly-button",{key:"3c744c78969e58dbff1efadd767c59353a261a3b",size:"icon",fill:"solid",shape:"rounded",color:"success"},e("smoothly-icon",{key:"64aa5126a00bd7e0c157defe25e0c0a636f6a524",name:"call"})),e("smoothly-button",{key:"a5fff4c066a80e3e1b592b76facee2bb4bba2083",size:"flexible",fill:"solid",color:"success"},e("smoothly-icon",{key:"a3d95e518c35e3f4e508d303dad7d1b40c55319a",name:"airplane"}))),e("h4",{key:"308a6bfd84cfc8466d3df9900b39577edd0d58de"},'Buttons with Icon in "end"'),e("smoothly-button",{key:"d2a76de598220adf8083e951bc2694d81643c833",fill:"solid",color:"light"},"Go Forward",e("smoothly-icon",{key:"878b5626becbb010ac6b8556251fe51b0360cf22",name:"arrow-forward",slot:"end"})),e("h4",{key:"94f535345d7687b50d2d07cc3d61b24ca18ed4a0"},"Test for icon button"),e("div",{key:"9a3da368b7c537da7f95d60d75509940d462329e"},e("smoothly-button",{key:"065d688ae55163481d40f96e12c8e917360fc05b",size:"icon",fill:"solid",shape:"rounded",color:"success"},e("smoothly-icon",{key:"758c53a3eae336fbf8d3d7270236e4105ed532d4",name:"call"})),e("smoothly-button",{key:"32b14031344f9c74984ae1d8da0715b0b2b76be0",size:"icon",shape:"rounded",color:"warning",fill:"solid"},e("smoothly-icon",{key:"8e1988d9199e234f1b206d81fc69457c0461edf0",name:"search-outline"})),e("smoothly-button",{key:"16d4c1196b3b9f39777649f5047e5024624367a3",size:"icon",shape:"rounded",color:"secondary"},e("smoothly-icon",{key:"f217f1893799b98be1aee4d07f91766e791d5a6b",name:"checkmark-circle"}))),e("h4",{key:"07490863a687effc3cce1e96b730cb73441470e5"},"Link examples"),e("div",{key:"8d551baa54233f19b6829cbe6bd83498c2a8cc33"},e("smoothly-button",{key:"6eee7e1bc81598a59034ea1677795e0552b62327",type:"link"},"type link"),e("smoothly-button",{key:"c9121104f5847dc29da2bf88f09d8c7bab43ffbc",type:"button",fill:"clear"},e("a",{key:"b8cc19e6bd19dd64138d909e3a7e2a966c1ba8dd",href:"https://google.com"},"link")),e("smoothly-button",{key:"d47a8cb6b0f0102411f7badf1829d8d1c7ffd66c",link:"https://google.com",type:"link"},"link + type link")),e("h4",{key:"5468594fd4858fe83b593dac3e1da0a0982182bf"},"Disabled buttons"),e("div",{key:"cd4000d7596bc837b5735e72ac50a047f985244b"},e("smoothly-button",{key:"cd0fae2e3e985640c3cc8a89e34ef7c5c84c55d6",disabled:true,fill:"solid",color:"secondary"},"Disabled"),e("smoothly-button",{key:"72ed13dfb8bc8262daab63047dfb455f1fb602f7",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),e("smoothly-back-to-top",{key:"2ec8649e3e567d6875b2c6a07125bdebd844786a"})]}};ee.style=te;function oe(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 a=[];for(let e=0;e<7;e++){const e=new Date(t);e.setUTCDate(o++);a.push(S.create(e))}if(e<5||S.firstOfMonth(a[0])==S.firstOfMonth(t))s.push(a)}return s}function se(){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 ae(t){const e=new globalThis.Date(t);const o=[];for(let s=0;s<12;s++){e.setMonth(s,28);const a=S.create(e);o.push({date:a,name:e.toLocaleString(undefined,{month:"long"}),selected:a.substr(0,7)==t.substr(0,7)})}return o}function ie(t,e,o){const s=new globalThis.Date(t);const a=e?S.getYear(e):(new Date).getFullYear()-50;const i=o?S.getYear(o):(new Date).getFullYear()+50;const n=[];for(let e=a;e<=i;e++){s.setFullYear(e);const o=S.create(s);n.push({date:o,name:s.toLocaleString(undefined,{year:"numeric"}),selected:o==t})}return n}const ne='.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 le=ne;const re=class{constructor(e){t(this,e);this.smoothlyValueChange=o(this,"smoothlyValueChange",7);this.smoothlyStartChange=o(this,"smoothlyStartChange",7);this.smoothlyEndChange=o(this,"smoothlyEndChange",7);this.smoothlyDateSet=o(this,"smoothlyDateSet",7);this.smoothlyDateRangeSet=o(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.firstSelected=undefined}onStart(t){this.smoothlyStartChange.emit(t)}onEnd(t){this.smoothlyEndChange.emit(t)}onClick(t){this.smoothlyValueChange.emit(this.value=t);this.clickCounter+=1;if(this.doubleInput){if(this.clickCounter%2==1)this.start=this.end=this.frozenDate=t;else{if(this.start&&t>this.start)this.end=t;else this.start=t}}!this.doubleInput&&this.smoothlyDateSet.emit(this.value);this.doubleInput&&this.clickCounter%2==0&&this.start&&this.end&&this.smoothlyDateRangeSet.emit({start:this.start,end:this.end})}onHover(t){if(this.doubleInput&&this.clickCounter%2==1){if(t<this.frozenDate){this.start=t;this.end=this.frozenDate}else{this.start=this.frozenDate;this.end=t}}}withinLimit(t){return(!this.min||t>=this.min)&&(!this.max||t<=this.max)}render(){var t,o,s;return e(i,{key:"01266a8f05c6f56bef69d4a461a92da65eb74175"},e("smoothly-input-month",{key:"3a848417dc83bc7ad2a4b4014abb3d0e18b306ff",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)}},e("div",{key:"2a07d690ad6f4b3ac5e659d9529e0809ad166ae4",slot:"year-label"},e("slot",{key:"969b558389bae096e008ab054f984054f384d36f",name:"year-label"})),e("div",{key:"d83fb0f82ab0ee7dd97e2b9dde36cdde2fde2091",slot:"month-label"},e("slot",{key:"aba0c170d3f5eadd461a0cdb12f8825edf429e74",name:"month-label"}))),e("table",{key:"437adf99b1dffa736954ab87eaa7b8639d139c91"},e("thead",{key:"d2ac8275277c4dc17946a1e8da12a170165889c3"},e("tr",{key:"a58f3d8ac02c850bb25973d8eaf3891cb8a79788"},se().map((t=>e("th",null,t))))),oe((s=(o=this.month)!==null&&o!==void 0?o:this.value)!==null&&s!==void 0?s:S.now()).map((t=>e("tr",null,t.map((t=>{var o,s,a,i;return e("td",{tabindex:1,onMouseOver:()=>this.withinLimit(t)?this.onHover(t):undefined,onClick:this.withinLimit(t)?()=>this.onClick(t):undefined,class:{selected:t==this.value||this.doubleInput&&(t==this.start||t==this.end),today:t==S.now(),currentMonth:S.firstOfMonth((s=(o=this.month)!==null&&o!==void 0?o:this.value)!==null&&s!==void 0?s:S.now())==S.firstOfMonth(t),dateRange:this.doubleInput&&t>((a=this.start)!==null&&a!==void 0?a:"")&&t<((i=this.end)!==null&&i!==void 0?i:""),disable:!this.withinLimit(t)}},t.substring(8,10))})))))))}get element(){return a(this)}static get watchers(){return{start:["onStart"],end:["onEnd"]}}};re.style=le;const ce=".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 de=ce;const he=class{constructor(e){t(this,e);this.color=undefined;this.open=true;this.closable=false;this.header=undefined}TriggerListener(t){if(r.is(t.detail)&&t.detail.name=="close")this.open=false}hostData(){return{style:{display:this.open?"block":"none"}}}__stencil_render(){return e("section",{key:"895d01d3dc41982402c51de51028bd6f775fc83a"},e("div",{key:"a10dddff73f3afde845bed759770b71c9fe87d17",class:"header"},this.closable&&e("smoothly-trigger",{key:"42957dd2cfa11eb08041897a84073d93e87d7f11",fill:"clear",name:"close"},e("smoothly-icon",{key:"245fed623b099c0c7d8aff0c2a098c5730329a3d",name:"close-circle",fill:"solid",color:this.color})),this.header?e("h1",null,this.header):e("slot",{name:"header"})),e("div",{key:"0ad2e35ade6a11497a69b5e6c63be9f05de79c78",class:"content"},e("slot",{key:"0af86e9eda2be05845a2653a1e97c60848911e03"})))}render(){return e(s,this.hostData(),this.__stencil_render())}};he.style=de;const be=".sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}";const me=be;const ye=class{constructor(e){t(this,e);this.openModal=false;this.showFrame=false}render(){return e(s,{key:"6c4ba68e4b6f35ae85b1c580a64c04595ae6117c"},e("smoothly-button",{key:"f67e91a8698cc5ec7202372e789fabe725c1e7e5",fill:"solid",color:"light",onClick:()=>this.openModal=true},"Open Modal"),e("smoothly-button",{key:"b2d30f776331757892584ef8956bb81a2bd207c7",fill:"solid",color:"light",onClick:()=>this.showFrame=!this.showFrame},"Show Frame"),e("smoothly-modal",{key:"7a722ab3c5edade7fa4550ea7d87c6364caa02dd",closable:true,open:this.openModal,onSmoothlyModalChange:t=>this.openModal=t.detail},e("h2",{key:"48f5e0c1380214c301ba0bea1bdef0fc5457cba9",slot:"header"},"Modal"),e("span",{key:"b55816e13c2941e69d7aaedf9f48729708e0f08c"},"Are you sure you want to confirm this action?"),e("smoothly-button",{key:"d68ce299fe568f359ae087b71f2622cc46754046",slot:"actions",color:"success"},"Confirm"),e("smoothly-button",{key:"791bac22ef5643e20acdb6c3d3e65d24685ab983",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openModal=false},"Cancel")),this.showFrame&&e("smoothly-dialog",{key:"6500f4c114d5b50b75a9dde232c52caf67df5332",closable:true},e("smoothly-frame",{key:"24fbc3add95843e4e63703173fd51a9546787285",url:"https://www.wikipedia.org/",name:"parent",style:{height:"80vh"}})))}};ye.style=me;function ue(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 fe(t,e,o){let s=0;let a;while((a=o.exec(t))!=null){if(o.lastIndex-a[0].length<e)s=o.lastIndex-a[0].length;else break}return s}function pe(t,e,o){const s=/([\wåäöüéáúíóßðœøæñµçþ_]+|[@-]+)/gi;return o=="backward"?fe(t,e,s):ue(t,e,s)}var ge;(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})(ge||(ge={}));var ke;(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})(ke||(ke={}));class ve{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 a={value:this.value,selection:{start:this.selection.start,end:this.selection.end,direction:this.selection.direction}};if(!o)o="";a.value=this.value.slice(0,t)+o+this.value.slice(e,this.value.length);if(this.selection.start>=e)a.selection.start=this.selection.start+o.length-e+t;else if(this.selection.start>t&&this.selection.start<e)a.selection.start=Math.min(this.selection.start,t+o.length);if(this.selection.end>=e)a.selection.end=this.selection.end+o.length-e+t;else if(this.selection.end>t&&this.selection.end<e)a.selection.end=Math.min(this.selection.end,t+o.length);s=new ve(a)}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 ve({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 a=t(this.get(s),s);e=e.replace(o,o+1,a);o+=a.length}return e}static copy(t){return new ve({...t})}static create(){return new ve({value:"",selection:{start:0,end:0}})}static modify(t){return new ve(typeof t=="string"?{value:t,selection:{start:t.length,end:t.length}}:t)}}var xe;(function(t){function e(t,e,o){let c=ke.copy(t.unformat(ve.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=a(t,e,o)}else if(["ArrowLeft","ArrowRight","Home","End"].includes(o.key))i(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(ve.copy(c))}t.apply=e;function o(t,e,o){const s=ke.copy(t.unformat(ve.copy(e)));r(s,o);return t.format(ve.copy(s))}t.paste=o;function s(t,e,o){let s=ge.getCursor(e.selection);let a=ge.getStalker(e.selection);s=pe(e.value,s,o.key=="ArrowLeft"?"backward":"forward");a=o.shiftKey?a:s;return ke.copy(t.unformat(ve.copy({...e,selection:{start:Math.min(a,s),end:Math.max(a,s),direction:a<s?"forward":a>s?"backward":"none"}})))}function a(t,e,o){const s=ge.getCursor(e.selection);const a=pe(e.value,s,o.key=="Backspace"?"backward":"forward");const i=ke.copy(t.unformat(ve.copy({...e,selection:{start:Math.min(s,a),end:Math.max(s,a),direction:"none"}})));i.value=i.value.substring(0,i.selection.start)+i.value.substring(i.selection.end);i.selection.end=i.selection.start;return i}function i(t,e){let o=ge.getCursor(t.selection);let s=ge.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}})(xe||(xe={}));const we={};function Se(t,e){we[t]=e}function Ce(t,...e){const o=we[t];return o&&o(e)}function ze(t,e,...o){const s=Ce(e,...o);return s?s.format(ve.modify(s.toString(typeof t=="string"?je(t,e,o):t))).value:""}function je(t,e,...o){const s=Ce(e,o);return s?s.fromString(s.unformat(ve.modify(t)).value):undefined}class _e{constructor(){this.partialFormat=this.format}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}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"}}Se("card-csc",(()=>new _e));class Te{constructor(){this.partialFormat=this.format}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}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"}}Se("card-expires",(()=>new Te));class Ie{constructor(){this.partialFormat=this.format}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}format(t){const e=Oe(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=Oe(e.value);return t>="0"&&t<="9"&&e.value.length<o.length[0]}}Se("card-number",(()=>new Ie));function Oe(t){let e={...Le,spaceIndexes:t.length==14?[4,10]:Le.spaceIndexes};for(const o in Ae)if(Object.prototype.hasOwnProperty.call(Ae,o)&&Ae[o].identification.test(t)){e={...Le,name:o,...Ae[o]};break}return e}const Le={name:"unknown",verification:/^\d{19}$/,spaceIndexes:[4,8,12],identification:/^\d/,length:[16,16,19],icon:"generic"};const Ae={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 Ee;(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})(Ee||(Ee={}));class De{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 Me={};function $e(t,e){Me[t]=e}Se("date",(t=>{const e=t&&t.length>0?t[0]:undefined;const o=Ee.is(e)?e:Ee.fromLocale(e);const s=Me[o]??Me["YYYY-mm-dd"];return s()}));class Re extends De{constructor(t){super(t);this.formatString=`DD${this.separator}MM${this.separator}YYYY`}toString(t){return S.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 S.is(e)?e:undefined}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"}}$e("dd.mm.YYYY",(()=>new Re(".")));$e("dd/mm/YYYY",(()=>new Re("/")));$e("dd-mm-YYYY",(()=>new Re("-")));class Pe extends De{constructor(t){super(t);this.formatString=`MM${this.separator}DD${this.separator}YYYY`}toString(t){return S.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 S.is(e)?e:undefined}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}}$e("mm/dd/YYYY",(()=>new Pe("/")));class Ne extends De{constructor(t){super(t);this.formatString=`YYYY${this.separator}MM${this.separator}DD`}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 S.is(e)?e:undefined}daysInMonth(t){const e=`${t.substring(0,4)}-${t.substring(4,6)}-01`;return S.is(e)?+S.lastOfMonth(`${t.substring(0,4)}-${t.substring(4,6)}-01`).substring(8,10):31}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"}}$e("YYYY-mm-dd",(()=>new Ne("-")));class He{constructor(){this.partialFormat=this.format}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}format(t){let e=Fe(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==" ")}}Se("date-time",(()=>new He));function Fe(t,e){let o=t;switch(e){case"dd/mm/YYYY":case"dd.mm.YYYY":if(!Ue(o.value,e))o=o.replace(0,10,Ue("31"+o.value.substring(2,10),e)?"31"+o.value.substring(2,10):Ue("30"+o.value.substring(2,10),e)?"30"+o.value.substring(2,10):Ue("29"+o.value.substring(2,10),e)?"29"+o.value.substring(2,10):Ue("28"+o.value.substring(2,10),e)?"28"+o.value.substring(2,10):o.value);break;case"mm/dd/YYYY":if(!Ue(o.value,e))o=o.replace(0,10,Ue(o.value.substring(0,3)+"31"+o.value.substring(5,10),e)?o.value.substring(0,3)+"31"+o.value.substring(5,10):Ue(o.value.substring(0,3)+"30"+o.value.substring(5,10),e)?o.value.substring(0,3)+"30"+o.value.substring(5,10):Ue(o.value.substring(0,3)+"29"+o.value.substring(5,10),e)?o.value.substring(0,3)+"29"+o.value.substring(5,10):Ue(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(!Ue(o.value)){o=o.replace(0,10,Ue(o.value.substring(0,8)+"31")?o.value.substring(0,8)+"31":Ue(o.value.substring(0,8)+"30")?o.value.substring(0,8)+"30":Ue(o.value.substring(0,8)+"29")?o.value.substring(0,8)+"29":Ue(o.value.substring(0,8)+"28")?o.value.substring(0,8)+"28":o.value);break}return t}}return o}function Ue(t,e){let o;let s;let a;switch(e){case"dd/mm/YYYY":case"dd.mm.YYYY":o=parseInt(t.substring(6,10));s=parseInt(t.substring(3,5));a=parseInt(t.substring(0,2));return o&&s&&a?a>0&&Ye(o,s)>=a:false;case"mm/dd/YYYY":o=parseInt(t.substring(6,10));s=parseInt(t.substring(0,2));a=parseInt(t.substring(3,5));return o&&s&&a?a>0&&Ye(o,s)>=a:false;default:o=parseInt(t.substring(0,4));s=parseInt(t.substring(5,7));a=parseInt(t.substring(8,10));return o&&s&&a?a>0&&Ye(o,s)>=a:false}}function Ye(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 We{constructor(){this.partialFormat=this.format}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}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==" ")}}Se("divisor",(()=>new We));class Be{constructor(){this.separator=":";this.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[,.:]?)/};this.partialFormat=this.format}toString(t){let e;if(!z.is(t))e="";else{const o=z.normalize(t);if(!o.minutes&&!o.hours)e="";else if(this.separator!=":")e=(+z.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,a,i,n]=o;this.separator=i;if(i==":"){const t={hours:parseInt(a),minutes:parseInt(n)};const o=s?-1:1;e=z.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=z.normalize({hours:!Number.isFinite(o)?0:o})}}return e}format(t){let e=t;const[,o,s,a]=t.match(this.patterns.extract)??[];if(!s&&a)e=e.insert(o?1:0,"0");const i=e.match(this.patterns.zeros);if(i){const[,t,o]=i;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)}}Se("duration",(()=>new Be));class Ve{constructor(t){this.settings=t;this.partialFormat=this.format}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}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]}}Se("email",(t=>new Ve(t||{})));class Ge{constructor(t,e){this.settings=t;this.mode=e;this.partialFormat=this.format}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 a=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 a})).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===" "}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}}Se("identifier-code",(t=>new Ge(t||{},"code")));Se("identifier-pascal",(t=>new Ge(t||{},"pascal")));Se("identifier-snake",(t=>new Ge(t||{},"snake")));Se("identifier-camel",(t=>new Ge(t||{},"camel")));Se("identifier-attribute",(t=>new Ge(t||{},"attribute")));class Ke{constructor(t){this.country=t;this.partialFormat=this.format}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}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"}}Se("identity-number",(t=>new Ke(t&&t.length>0?t[0]:undefined)));class Ze{constructor(){this.partialFormat=this.format}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}format(t){return{...t,type:"text",inputmode:"numeric",length:[3,undefined],pattern:/^[0-9]+$/}}unformat(t){return t}allowed(t,e){return t>="0"&&t<="9"}}Se("integer",(()=>new Ze));class qe{constructor(){this.partialFormat=this.format}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}format(t){return{...t,type:"password",autocomplete:"current-password"}}unformat(t){return t}allowed(t,e){return true}}Se("password",(()=>new qe));class Je{constructor(){this.partialFormat=this.format}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}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(".")}}Se("percent",(()=>new Je));const Xe=[{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 Qe{constructor(){this.partialFormat=this.format}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}format(t){let e=t;if(e.value.startsWith("+")){for(const t of Xe)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=Xe[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("+")}}Se("phone",(()=>new Qe));class to{constructor(t){this.country=t;this.partialFormat=this.format}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}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"}}Se("postal-code",(t=>new to(t&&t.length>0?t[0]:undefined)));class eo{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,""):ve.copy(t);const o=this.currency&&j.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,""):ve.copy(t);const o=this.currency&&j.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 a=s+1+(e??2)-t.value.length;t=a<0?t.truncate(t.value.length+a):o=="fillAndLimit"?t.suffix("0".repeat(a)):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 a=e-(o-s)*3;t=t.insert(a," ");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||j.decimalDigits(this.currency)!=0)}}Se("price",(t=>new eo(t&&t.length>0?t[0]:undefined)));class oo{constructor(t){this.settings=t;this.partialFormat=this.format}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}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]}}Se("text",(t=>new oo(t||{})));class so{constructor(){this.partialFormat=this.format}toString(t){return typeof t=="string"?"#"+t:""}fromString(t){return t?"#"+t:undefined}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}}Se("hex-color",(()=>new so));const ao=".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 io=ao;const no=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,o;let s;const a=this.type;switch(a){case"json":s=e("smoothly-display-json",{key:"0c9bec874f0f21678c2a9e48696e99172d94add0",value:this.value,collapseDepth:this.collapseDepth});break;default:s=ze(this.value,a);break;case"email":s=e("a",{key:"a9d33b95c096c5ba49842f8770cab32bfb5479fd",href:"mailto:"+this.value},ze(this.value,a));break;case"phone":s=e("a",{key:"62f3aef05eadab71c7d87168d02d13e01faaef33",href:"tel:"+this.value},ze(this.value,a,this.country));break;case"postal-code":s=ze(this.value,a,this.country);break;case"price":s=ze(this.value,a,{currency:this.currency,toInteger:this.toInteger});break;case"date":s=(t=Ce(this.type,D()))===null||t===void 0?void 0:t.toString(this.value);break;case"duration":s=ze(this.value,a)||"0";break;case"date-time":s=this.format?C.localize(this.value,this.format,D()):(o=Ce(this.type,D()))===null||o===void 0?void 0:o.toString(this.value);break}return this.label?[e("div",null,this.label),s]:s}};no.style=io;const lo=class{constructor(e){t(this,e);this.notice=o(this,"notice",7);this.downloadingSpinner=undefined}noticeWarning(t){console.log("emit",t);this.notice.emit(t)}render(){return[e("main",{key:"1884d99c36f0634c0541dcbba73f078f1f2e146f"},e("fieldset",{key:"1f1bfd94d014dbcb3e2b216b1d030487556ec12d"},e("h2",{key:"d74303a581f7b12ba9439b82158abd5ff3a954b3"},"Smoothly display"),e("dl",{key:"7d2b802071231e313225322119cd6bd43007e11f"},e("dt",{key:"c4089b2fd1c555f27dc067a79e03a70c51b481c2"},"Duration"),e("dd",{key:"12876e8af94ebef30bdf50c193e502216bdf282c"},e("div",{key:"9f1dbbbdcdbb7b160d4c03f38e48b932d067cb71"},e("div",{key:"a639d9137db808a3cdc7cfecdd19712bdc52c86d"},e("smoothly-display",{key:"72c5fdf95929f7b4f34c2bf52df82a970c45e922",style:{display:"inline"},type:"duration",value:{hours:13,minutes:100}})," h"),e("div",{key:"8f7a1860a1abb16ae1aec3e61b79b03c663ecb3d"},e("smoothly-display",{key:"7c753fdd3400c5aba71f26cc7fcb988e271671ca",style:{display:"inline"},type:"duration",value:{hours:8}})," h"),e("div",{key:"0e94ccc042565b4a8f2f4574699aa5dbc2391da6"},e("smoothly-display",{key:"f1b2e0a178c5e52e84378b6fe8bfd1d7066d6517",style:{display:"inline"},type:"duration",value:{minutes:3}})," h"),e("div",{key:"066ebf90522f44fb03e87e42bcf1ee0645a3fda1"},e("smoothly-display",{key:"e7f712610fdb0fde221ae752ab81941141fe1736",style:{display:"inline"},type:"duration",value:{hours:-13,minutes:100}})," h"),e("div",{key:"73a3e283f7dd191c4ab5b950e30376587cbc9860"},e("smoothly-display",{key:"95dac3ecda205c1c8eac4efeb76aff25f9432352",style:{display:"inline"},type:"duration",value:{hours:-8}})," h"),e("div",{key:"c8d0a225e9743c1acaedb51a032fe0c9ab03e97b"},e("smoothly-display",{key:"6a8a03aee7a070f7a395d77b387b2e026b26630b",style:{display:"inline"},type:"duration",value:{}})," h"),e("div",{key:"6867f3a04a4f8a1884ca753f77019da2e38193f3"},e("smoothly-display",{key:"13fa79643263fdcbe8aaa7b25c64a0913f1cecf1",style:{display:"inline"},type:"duration",value:{minutes:-3}})," h"))),e("dt",{key:"bd9bf2570d75bf161c05f9875947799ff3267db4"},"text"),e("dd",{key:"688fdae9d08f2a008c1281437b50f3f92481dbd2"},e("smoothly-display",{key:"c220de6401d1aa13251c3e66c0daf822499ee08b",type:"text",value:"text"})),e("dt",{key:"97c14363d67efc9e086b01eb4f1b6d6d517b723f"},"postal code"),e("dd",{key:"d644b1d763d3d99de89cbb478cd930f5d9344072"},e("smoothly-display",{key:"80d74c9776e2f97fb51d4d1b7bb5eecd4bdd0067",type:"postal-code",value:"752 31"})),e("dt",{key:"b0fe5f014cdcce5f246df01977abd4f81ddc10f2"},"password"),e("dd",{key:"99cfc035193811268af615778aec9758a5c29ba4"},e("smoothly-display",{key:"01414318b7fa3d68cee849f6a1c7b2dc073091f1",type:"password",value:"password"})),e("dt",{key:"31b6dd5816132673b12d085906273622f2a7fe67"},"email"),e("dd",{key:"738b0106ac2228e6207678c4b310135a73614982"},e("smoothly-display",{key:"39c4c8fce8247b0ef025e1f246e1501f5ced2764",type:"email",value:"test@example.com"})),e("dt",{key:"2fe0afb508eb4a324a7bd4c3f12b5ed990234d4a"},"price"),e("dd",{key:"d8f43c0efd5997cf84df8e1041059dd65641bd4b"},e("smoothly-display",{key:"a49efc19974c2a3abbea9ead4b432b194874089b",type:"price",value:"13.37",currency:"SEK"})),e("dt",{key:"98181a41b44286f039e688e81a314544923cdaa2"},"price without decimals"),e("dd",{key:"9775482a24ad31b1882e9284320d6d0f9dea6b25"},e("smoothly-display",{key:"f95b697244ff916b5abe814951491bd446c6a129",type:"price",value:200,currency:"SEK",toInteger:true})),e("dt",{key:"acbbe2f964fa678c8323ca293eea908a602dda4c"},"price with decimals if they are set, otherwise no decimal"),e("dd",{key:"2316ed6bbafd30c898a55cd347d887646351a059"},e("smoothly-display",{key:"bae4a8e049119718cbc749d3fbd04e660e6d3213",type:"price",value:200.2,currency:"SEK",toInteger:true})),e("dt",{key:"75c83574a45e947c705a527627a95dd928d0d302"},"price with decimals"),e("dd",{key:"33a0a8dcaf8c622bc23b0ccd5ea5da772e5f5d0a"},e("smoothly-display",{key:"8281b39bf3e683e267b0933340b16ef2df39eea0",type:"price",value:200.2,currency:"SEK"})),e("dt",{key:"be28aad75033edb9a7d2f22ab9353ff8dc917a48"},"percent"),e("dd",{key:"2819b8d662e4dd9391a96053adfdf6e0bc8017d2"},e("smoothly-display",{key:"6b2ffb4bfbd6b0e3c607a056e264e13afceb8fa6",type:"percent",value:"42"})),e("dt",{key:"3d9ab902cf90db8cda244761f5a6cd0e3959cfe5"},"phone"),e("dd",{key:"fcc3f2c0f42d863c81da28285d371c142b1a267c"},e("smoothly-display",{key:"417a233b8a47abd611e54793492349485185103f",type:"phone",value:"0101881108"})),e("dt",{key:"91ccc7e6fb8e6e4bbf33ff6fe2fc7aeca2f014c5"},"card number"),e("dd",{key:"d03ca2f1002073d85e375639da979b1e46506ab1"},e("smoothly-display",{key:"8b4c6367af7f3a731122974ccbccecb5d183808b",type:"card-number",value:"4111111111111111"})),e("dt",{key:"039698ebc4190e3e728d46085fe42bd7a677bb92"},"card expires"),e("dd",{key:"a2acfaa95ee16e5ab3536776ceb1fd7e43498933"},e("smoothly-display",{key:"03d35dc9b8a9334f5a0036819dcd24456cb0cb39",type:"card-expires",value:"7/22"})),e("dt",{key:"5770e2dc7e5c9024087110cbbe96ac2d0c34e45a"},"card csc"),e("dd",{key:"cb7137f7ac9a45a73a174618d1e08ac9198b0c28"},e("smoothly-display",{key:"6698bbdf05f0f9aeff9a524a6c6e9b3a162e611f",type:"card-csc",value:"987"})),e("dt",{key:"bb3132ddd71145977ee78e7ae1b3ef36309ece50"},"date"),e("dd",{key:"15d8e19ad162991a87685384d6b85b9f56cf7d88"},e("smoothly-display",{key:"5e9e982f3f1f5d520fc6295f7129cecd6923f4cd",type:"date",value:"2022-07-07"})),e("dt",{key:"35dcaf719cdd984bd152b3f7d3882d61b3f740d5"},"date time"),e("dd",{key:"19c1e94cc9bccf8ed4fa6ced58456003919deeb1"},e("smoothly-display",{key:"534cac8ced225a5e4e18d024cede0ede390f1382",type:"date-time",format:{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T02:02:02Z"})),e("dd",{key:"5cb68a16a2a58e482f479f7b0cd55bec7c2dd843"},e("smoothly-display",{key:"6e0103ac51fda62fee2b92b6c5b675659af55d14",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"})),e("dd",{key:"d2a30230571dd5408d957375e12dec0991430628"},e("smoothly-display",{key:"1ab7d44d8e8d54c35bab5994ba93ddeb7e4d8a34",type:"date-time",format:{year:"numeric",month:"2-digit",day:"2-digit",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),e("dd",{key:"9d78a6759e91cd6b4448e6f6736036d4a3da29d2"},e("smoothly-display",{key:"bf6e329d185ee7077c5f3e1321e08acae2eaf4e9",type:"date-time",format:{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),e("dd",{key:"e18e944f3a2634c8845fc3c8ac37218b99a7449e"},e("smoothly-display",{key:"08f12a25ac1a82a29c4f3b0b2c243abf35e5dc19",type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),e("dd",{key:"77a762a3d71ea5a4a0aec54f6a00b7cefb63599f"},e("smoothly-display",{key:"8295f62596514d41bf862485f13c8c71c0a4f1cc",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),e("dd",{key:"9b80503f3e137006d711017eaf10b3db5da34875"},e("smoothly-display",{key:"66645f730d1177045b8f5eacaeab2c329f0dff44",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"})),e("dt",{key:"06daf48cc5f219d8d20ded0b2d17eb5c15ee802f"},"Display JSON"),e("dd",{key:"68e52d5d58c9e6b2a81afdf12d068e486206a75c"},e("smoothly-display-demo-json",{key:"2e7cea8ceaf6d757aedbda66b7ecd3fbcba9626c"})))),e("h2",{key:"8b6e6410e5893b39746d297490f4ba6c1a9e43ab"},"With labels"),e("dd",{key:"fe7442c9d9790bcf21f96982d051c3c405ae04b7"},e("smoothly-display",{key:"af5004ede783be29b7068ed1c61d22710e282bf4",label:"Today",type:"date",value:S.now()}),e("smoothly-display",{key:"882f57a8e91fa1d74fe2ccf1ec71367ce2a499f2",label:"Total amount",type:"price",currency:"SEK",value:6789}),e("smoothly-display",{key:"fa228466f55ac337f553733415b7bde7038f562b",label:"Total amount",type:"price",currency:"GBP",value:678.9}),e("smoothly-display",{key:"04eac3bb5a5382815e2f92a2b4c54182166b9637",label:"Logs",type:"json",value:[{type:"trace",message:"Hello"},{type:"error",message:"Oh no!"}]})),e("fieldset",{key:"393f6b45c8bc45dc1cddeec02c24aac06230cb53"},e("h2",{key:"9a5c714f14f433c33e740099765886557b6ce3be"},"Test of different kinds of notifier"),e("button",{key:"d51beff4cb95a30b38da85ed78fb462891e318f6",onClick:()=>this.noticeWarning(O.warn("This is a test warning notice."))},"warning"),e("button",{key:"c4dc373da9d151ee072193142a35a6abd7d4e9dd",onClick:()=>this.noticeWarning(O.succeeded("This is a test success notice."))},"success"),e("button",{key:"3244cf32b9f79b4d946902566d7ca22d586bceb4",onClick:()=>this.noticeWarning(O.failed("This is a test danger notice."))},"danger"),e("button",{key:"9d4f44f4bfdbd7777bc8704e469264c0ccbb4592",onClick:()=>this.noticeWarning(O.execute("This is a test execute notice.",(()=>new Promise((t=>window.setTimeout((()=>t([true,"This went great"])),3e3))))))},"execute"),e("button",{key:"0e28a01647de5450e3f945da1e7a4cf6232618cd",onClick:()=>this.noticeWarning(O.delay("This is a test delay notice.",(()=>new Promise((t=>window.setTimeout((()=>t([true,"This went great"])),3e3))))))},"delay")),e("fieldset",{key:"7392a2b3a129b0d06eace6a4b2f1d101fd2f5cbc"},e("h2",{key:"677cb38a68a02bda1ad5184c822ab50837211481"},"Smoothly spinner"),e("div",{key:"feca9fa309b2ed6b5dc3ff0f631f479343c80f68",style:{width:"fit-content"}},"Large",e("smoothly-spinner",{key:"12977c80104f2deb49ee424adfc07d4652736284",size:"large",style:{"--spinner-background":"200,255,200","--spinner-background-opacity":"0.2","--spinner-color":"0,130,0"}})),e("div",{key:"b2c8342d2d56fe92cbcf5b009fbae25ed8eb55d6",style:{width:"fit-content"}},"Medium",e("smoothly-spinner",{key:"d74801142948ed1a9f84f396080abc9852d62785",size:"medium"})),e("div",{key:"a30d593857302fc6624284ddbe44d7721c220113",style:{width:"fit-content"}},"Small",e("smoothly-spinner",{key:"5e3ee46d77b88d6ecd81e36f340b9c561652e515",size:"small"})),e("div",{key:"ccfc1d96cecb1d7f0d69dfd8db9b0b8445dc9a05"},"Icon sized spinner on button",c.types.map((t=>e("smoothly-button",{size:"icon",color:t,shape:"rounded",onClick:()=>{this.downloadingSpinner=true;setTimeout((()=>this.downloadingSpinner=false),3e3)}},!this.downloadingSpinner&&e("smoothly-icon",{name:"download-outline"}),this.downloadingSpinner&&e("smoothly-spinner",{size:"icon",style:{"--spinner-background-opacity":"0"}}))))),e("h3",{key:"6ab29d607099b5d52f0814af7ed4bd874333d5aa"},"Spinner with overlay"),e("div",{key:"c3be578d6f72d9c68486713e169e54bc35fb6686",style:{position:"relative",height:"10em"}},"Large Overlay Spinner",e("smoothly-spinner",{key:"250c12f2ef7d820475b6205e712a7d4e1aea0581",overlay:true,size:"large",style:{"--spinner-background":"255,200,255","--spinner-background-opacity":"0.5","--spinner-color":"0,130,0"}})),e("div",{key:"6f73e8dd28efa4d12903dd710fe2940f95fc2777",style:{position:"relative",height:"10em"}},"Medium Overlay Spinner",e("smoothly-spinner",{key:"eb7cd93a1107a3b332deba784c248e14bb733d52",overlay:true,color:"secondary",size:"medium"})),e("div",{key:"98e4c675a13f2d6509180546ec8aaf907f2fbf33",style:{position:"relative",height:"10em"}},"Small Overlay Spinner",e("smoothly-spinner",{key:"7f2c9b9757b84bcf8db81d2d806c91c7a98b3cc1",overlay:true,size:"small"}))),e("fieldset",{key:"578b058ee4690857b3515e1c2296c6440e91b703"},e("h2",{key:"7bb174dfc72444554375b6b47459f5019bd130a1"},"Smoothly summary"),e("smoothly-summary",{key:"0c68ec73e784689353c6c532b3ca2b1d410b98ab"},e("p",{key:"bfb5aa482d17553212b9c85707173aea3f637feb",slot:"summary"},"Some title"),e("p",{key:"1892b2651a47f0ed653d7162644aa32b8f09711d",slot:"content"},"Some content")),e("smoothly-summary",{key:"cc74ca77a9554d5c70e5cf42f3128afcb22c03a6",size:"large"},e("p",{key:"6d15505296c1861c2b4862cfa1fc832a9ed8bacb",slot:"summary"},"Some title"),e("p",{key:"a280d03667de795224971f994bfa73e005b6f6ac",slot:"content"},"Some content")),e("smoothly-summary",{key:"4fa2131e8bcb195e7e66afe9cef21d4006cae169",color:"danger",fill:"clear"},e("div",{key:"ae7c5e9b5c4aa915ae78b1626db62d8b701cde75",slot:"summary",style:{display:"flex",gap:"0.3rem"}},e("span",{key:"622c3667246779558feb3de07abb29dc83afbcd0"},"Person"),e("smoothly-icon",{key:"95ecff619b7ccfa363800791cfcb4e9f7748f5b8",name:"person",color:"light",fill:"clear",size:"tiny"})),e("p",{key:"e8cdfc372f68dbd7d1d04abe20e3744bfec51820",slot:"content"},"Some person information.")),e("smoothly-summary",{key:"6bc59ec419d844418476576813ff65a0d74f73ac",color:"danger",fill:"clear",open:true},e("p",{key:"c5a748de209024c344bc90def813852871870b5b",slot:"summary"},"Some other title"),e("p",{key:"a7c767bff5806090c0ea09f32b31ae01df60d8fd",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.")),e("h2",{key:"2543a49bd5e55d2b0a9d9fa4ad258baf0751125f"},"Label"),ro.map((t=>e("smoothly-label",{hue:t.hue,description:t.description,shape:"rectangle"},t.name))),e("smoothly-label",{key:"f7e3385b40c099a5610b90c6e309b501e43d9bd1",color:"primary",description:"Using colors",shape:"rectangle"},"Primary")))]}};const ro=[{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 co=class{constructor(e){t(this,e)}render(){return e(s,{key:"47b2d50e314a8a014996083c7cb374c5f6720d15"},[0,1,3,undefined].map((t=>[e("div",null,"collapseDepth=",t!==null&&t!==void 0?t:"undefined"),e("div",null,e("smoothly-display",{type:"json",value:ho,collapseDepth:t}))])))}};const ho={name:"stringy",nested:{age:109,array:["one","two","three",{name:"four"}],emptyObject:{},emptyArray:[],truthy:true,falsy:false,null:null,notDefined:undefined,longString:"pepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakor"}};const bo=({value:t,collapseDepth:o})=>d().is(t)||Array.isArray(t)?e("smoothly-display-json-object",{value:t,collapseDepth:o}):e("smoothly-display-json-primitive",{value:t});const mo=".sc-smoothly-display-json-h{font-family:monospace}";const yo=mo;const uo=class{constructor(e){t(this,e);this.value=undefined;this.collapseDepth=undefined}render(){return e(bo,{key:"2de1ab30b99f654340413c94d770bc83e0dacda0",value:this.value,collapseDepth:this.collapseDepth})}};uo.style=yo;const fo='.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 rgb(var(--smoothly-light-shade))}.sc-smoothly-display-json-object-h:not(.open) .content.sc-smoothly-display-json-object{display: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}.open-bracket.sc-smoothly-display-json-object::after{background-color:rgb(var(--smoothly-light-color));color:rgb(var(--smoothly-light-shade));white-space:pre;border-radius:0.25rem;font-weight:bold;font-size:0.8em}.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:" ▼ "}';const po=fo;const go=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 e(s,{key:"6f80167fe29f5e9f5cce053aed85f7004b657c10",class:{empty:this.empty,open:this.open}},e("span",{key:"4ca590eedfab5fc6582fc5edc9c4cc1c7c1d6666",class:"open-bracket",onClick:()=>this.open=!this.open,"data-length":this.length},this.openBracket),e("span",{key:"58a1e870beb473b7659dc8b5835366719f5e84ce",class:"content"},Array.isArray(this.value)?this.value.map((o=>e("div",{class:"indent"},e(bo,{value:o,collapseDepth:t}),e("span",{class:"comma"},",")))):Object.entries(this.value).map((([o,s])=>e("div",{class:"indent"},e("smoothly-display-json-record-key",{value:o}),":"," ",e(bo,{value:s,collapseDepth:t}),e("span",{class:"comma"},","))))),e("span",{key:"a574be7feeee9f2995dcf2a15f03c21252cc4efe"},this.closeBracket))}};go.style=po;const ko=".sc-smoothly-display-json-primitive-h{font-family:monospace;display:inline;word-wrap:anywhere}[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 vo=ko;const xo=class{constructor(e){t(this,e);this.value=undefined}render(){return e(s,{key:"715afdf74552ced18f93c08ebc7118e146e34ab3",class:this.value==null?"null":typeof this.value},""+JSON.stringify(this.value))}};xo.style=vo;const wo=".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 So=wo;const Co=class{constructor(e){t(this,e);this.value=undefined}render(){return e(s,{key:"77c1e22f681a110773bad450f94ee9bb9199054f"},'"',this.value,'"')}};Co.style=So;class zo{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 jo=[t=>t instanceof zo?t:undefined];function _o(t){jo.push(t)}let To;function Io(t){To=t}function Oo(t){let e;for(const o of jo){e=o(t);if(e)break}return e||To}class Lo extends zo{constructor(){super();this.precedence=Number.MAX_SAFE_INTEGER;this.class="Always"}is(t){return true}toString(){return""}}Io(new Lo);class Ao extends zo{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 Eo extends zo{constructor(t){super();this.precedence=40;this.class="And";this.rules=t.reduce(((t,e)=>e instanceof Eo?[...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 Eo(this.rules.map((t=>t.class=="Property"?t:new Ao(t))))}}function Do(...t){return new Eo(t.map(Oo))}var Mo;(function(t){t.is=$o})(Mo||(Mo={}));function $o(t,e=false){return typeof t=="number"||typeof t=="string"||t instanceof zo||e&&typeof t=="object"&&t&&Object.values(t).every((t=>Array.isArray(t)?t.every((t=>$o(t,true))):$o(t,true)))}var Ro=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};var Po={};var No={};var Ho={};var Fo={};var Uo={};(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={}))})(Uo);Object.defineProperty(Fo,"__esModule",{value:true});const Yo=Uo;class Wo{constructor(t,e=Yo.Level.Recoverable,o="unknown",s){this.description=t;this.level=e;this.type=o;this.region=s}toString(){return Yo.Level[this.level]+": "+this.type+" error. "+this.description+(this.region?" @ "+this.region.toString():"")}}Fo.Message=Wo;Object.defineProperty(Ho,"__esModule",{value:true});const Bo=Fo;class Vo{raise(t,e,o,s){if(!(t instanceof Bo.Message))t=new Bo.Message(t,e,o,s);console.error(t.toString())}}Ho.ConsoleHandler=Vo;var Go={};var Ko={};Object.defineProperty(Ko,"__esModule",{value:true});class Zo{constructor(t,e){this.line=t;this.column=e}toString(){return"Ln "+this.line+", Col "+this.column}}Ko.Position=Zo;Object.defineProperty(Go,"__esModule",{value:true});const qo=Ko;class Jo extends qo.Position{constructor(t,e,o){super(e,o);this.resource=t}toString(){return this.resource.toString()+" @ "+super.toString()}}Go.Location=Jo;var Xo={};Object.defineProperty(Xo,"__esModule",{value:true});class Qo{constructor(t,e,o,s){this.resource=t;this.start=e;this.end=o;this.content=s}merge(t){return t?new Qo(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}}Xo.Region=Qo;Object.defineProperty(No,"__esModule",{value:true});var ts=Ho;No.ConsoleHandler=ts.ConsoleHandler;var es=Uo;No.Level=es.Level;var os=Go;No.Location=os.Location;var ss=Fo;No.Message=ss.Message;var as=Ko;No.Position=as.Position;var is=Xo;No.Region=is.Region;var ns={};var ls={};var rs={};var cs={};var ds={};Object.defineProperty(ds,"__esModule",{value:true});class hs{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 hs(o[0],o[1])}else e=new hs;return e}}ds.User=hs;var bs={};Object.defineProperty(bs,"__esModule",{value:true});class ms{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 ms(o[0].split("."),o.length>1?parseInt(o[1]):undefined)}else e=new ms;return e}}bs.Endpoint=ms;Object.defineProperty(cs,"__esModule",{value:true});const ys=ds;const us=bs;class fs{constructor(t=new ys.User,e=new us.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 fs(ys.User.parse(o.length==2?o.pop():undefined),us.Endpoint.parse(o.pop()))}return e}}cs.Authority=fs;var ps={};Object.defineProperty(ps,"__esModule",{value:true});const gs=cs;class ks{constructor(t=[],e=new gs.Authority,o=[],s={},a){this.scheme=t;this.authority=e;this.path=o;this.query=s;this.fragment=a}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 ks(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 ks(this.scheme,this.authority,e,this.query,this.fragment)}resolve(t){return!t?this:new ks(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 ks(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 a=t.split("://",2);if(a.length>1){s=(a.shift()||"").split("+");t=a.shift()}else if(t.slice(0,2)=="//")t=t.slice(2);else o=false;let i;let n;if(t&&(i=t.lastIndexOf("#"))>-1){n=t.slice(i+1);t=t.slice(0,i)}let l={};if(t&&(i=t.lastIndexOf("?"))>-1){l=new Object;t.slice(i+1).split(";").forEach((t=>{a=t.split("=");const e=a.shift();const o=a.shift();if(e&&o)l[e]=o}));t=t.slice(0,i)}let r;let c=[];if(t){a=t.split("/");if(a.length>0){switch(a[0]){case".":case"..":break;case"":a.shift();break;default:if(o)r=gs.Authority.parse(a.shift());else a.unshift(".");break}c=a}}e=new ks(s,r,c,l,n);break}return e}}ps.Locator=ks;ks.empty=new ks(undefined,undefined,undefined,undefined,undefined);Object.defineProperty(rs,"__esModule",{value:true});var vs=cs;rs.Authority=vs.Authority;var xs=bs;rs.Endpoint=xs.Endpoint;var ws=ps;rs.Locator=ws.Locator;var Ss=ds;rs.User=Ss.User;var Cs={};var zs={};var js={};Object.defineProperty(js,"__esModule",{value:true});class _s{}js.Device=_s;Object.defineProperty(zs,"__esModule",{value:true});const Ts=js;class Is extends Ts.Device{}zs.InDevice=Is;Object.defineProperty(Cs,"__esModule",{value:true});const Os=zs;class Ls extends Os.InDevice{static addOpener(t,e){if(!e)e=0;Ls.openers.push({open:t,priority:e});Ls.openers=Ls.openers.sort(((t,e)=>e.priority-t.priority))}static open(t){let e;let o=0;do{e=Ls.openers[o++].open(t)}while(!e&&o<Ls.openers.length);return e}}Cs.Reader=Ls;Ls.openers=[];Object.defineProperty(ls,"__esModule",{value:true});const As=rs;const Es=No;const Ds=Cs;var Ms=Cs;ls.Reader=Ms.Reader;class $s extends Ds.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:As.Locator.empty}get location(){return this.locationValue}get region(){return new Es.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 $s(t):undefined}}ls.BufferedReader=$s;var Rs={};var Ps={};var Ns=Ro&&Ro.__awaiter||function(t,e,o,s){function a(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function n(t){try{r(s.next(t))}catch(t){i(t)}}function l(t){try{r(s["throw"](t))}catch(t){i(t)}}function r(t){t.done?o(t.value):a(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(Ps,"__esModule",{value:true});function Hs(t){return Ns(this,void 0,void 0,(function*(){}))}Ps.close=Hs;function Fs(t){return Ns(this,void 0,void 0,(function*(){}))}Ps.fsync=Fs;function Us(t,e,o){return Ns(this,void 0,void 0,(function*(){return 0}))}Ps.open=Us;function Ys(t,e,o,s){return Ns(this,void 0,void 0,(function*(){return{bytesWritten:0}}))}Ps.write=Ys;function Ws(t,e){return{isDirectory:()=>false}}Ps.lstatSync=Ws;function Bs(t){return[]}Ps.readdirSync=Bs;function Vs(t,e){return""}Ps.readFileSync=Vs;var Gs={};Object.defineProperty(Gs,"__esModule",{value:true});const Ks="/";Gs.sep=Ks;var Zs={};var qs=Ro&&Ro.__awaiter||function(t,e,o,s){function a(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function n(t){try{r(s.next(t))}catch(t){i(t)}}function l(t){try{r(s["throw"](t))}catch(t){i(t)}}function r(t){t.done?o(t.value):a(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(Zs,"__esModule",{value:true});const Js=No;const Xs=rs;const Qs=Cs;class ta extends Qs.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 Js.Location(this.resource,this.line,this.column)}get region(){return new Js.Region(this.resource,this.lastPosition,this.location,this.lastContent)}close(){return qs(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 ta(t,e||Xs.Locator.empty):undefined}}Zs.StringReader=ta;Object.defineProperty(Rs,"__esModule",{value:true});const ea=Ps;const oa=Gs;const sa=rs;const aa=Cs;const ia=Zs;class na extends aa.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:sa.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=ia.StringReader.create(ea.readFileSync((t.isRelative?"":oa.sep)+t.path.join(oa.sep),"utf-8"),t)}catch(e){console.log(`Failed to open file: ${t.toString()}`)}return e?new na(e):undefined}}Rs.FileReader=na;aa.Reader.addOpener((t=>na.open(t)),10);var la={};var ra=Ro&&Ro.__awaiter||function(t,e,o,s){function a(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function n(t){try{r(s.next(t))}catch(t){i(t)}}function l(t){try{r(s["throw"](t))}catch(t){i(t)}}function r(t){t.done?o(t.value):a(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(la,"__esModule",{value:true});const ca=Ps;const da=Gs;const ha=rs;const ba=No;const ma=Cs;const ya=Rs;class ua extends ma.Reader{constructor(t){super();this.files=t;this.tabSizeValue=2;this.lastLocation=new ba.Location(ha.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 ba.Region(this.resource)}close(){return ra(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=ya.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 ba.Region(this.resource)}static getFiles(t,e,o=[]){let s=[];const a=ca.readdirSync(t);a.forEach((a=>{const i=t+da.sep+a;if(o.indexOf(i)==-1){if(ca.lstatSync(i).isDirectory())s=s.concat(ua.getFiles(i,e,o));else if(a.length>e.length&&a.lastIndexOf(e,a.length-e.length)===a.length-e.length)s.push(i)}}));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=ua.getFiles((t.isRelative?"":da.sep)+t.folder.path.join(da.sep),t.extension)}catch(t){}return e?new ua(e.map((t=>new ha.Locator(["file"],undefined,t.split(da.sep))))):undefined}}la.FolderReader=ua;ma.Reader.addOpener((t=>ua.open(t)),0);var fa={};var pa={};var ga={};var ka={};Object.defineProperty(ka,"__esModule",{value:true});function*va(t){let e;while((e=t())!=undefined)yield e}function xa(t){return t.next instanceof Function}function*wa(t,e){let o;while(!(o=t.next()).done)yield o.value;if(xa(e))while(!(o=e.next()).done)yield o.value;else yield e}class Sa{constructor(t){this.iterator=t instanceof Function?va(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 Sa(wa(this,t))}map(t){return new Sa((()=>{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 Sa((()=>{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 Sa(t)}}ka.Enumerator=Sa;Sa.empty=Sa.from((()=>undefined));var Ca={};Object.defineProperty(Ca,"__esModule",{value:true});const za=ka;function ja(t){return t==null?false:typeof t[Symbol.iterator]==="function"}class _a{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 za.Enumerator(this.get())}[Symbol.iterator](){return this.getEnumerator()}append(t){return new _a((()=>this.get().append(t)))}map(t){return new _a((()=>this.get().map(t)))}reduce(t,e){return this.get().reduce(t,e)}apply(t){this.get().apply(t)}filter(t){return new _a((()=>this.get().filter(t)))}toArray(){return this.getEnumerator().toArray()}static from(t){return ja(t)?new _a((()=>new za.Enumerator(t[Symbol.iterator]()))):new _a((()=>{const e=t();return e instanceof za.Enumerator?e:new za.Enumerator(e)}))}}Ca.Enumerable=_a;_a.empty=_a.from([]);var Ta={};Object.defineProperty(Ta,"__esModule",{value:true});const Ia=ka;class Oa extends Ia.Enumerator{constructor(t){super((()=>this.position<this.backend.length?this.backend[this.position++]:undefined));this.backend=t;this.position=0}}Ta.ArrayEnumerator=Oa;var La={};Object.defineProperty(La,"__esModule",{value:true});const Aa=ka;class Ea extends Aa.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]}}La.BufferedEnumerator=Ea;var Da={};Object.defineProperty(Da,"__esModule",{value:true});class Ma{static padLeft(t,e,o){return Ma.pad(t,e,o,true)}static padRight(t,e,o){return Ma.pad(t,e,o,false)}static pad(t,e,o,s){let a="";const i=o-t.length;for(let t=0;t<i;t++)a+=e;return s?a+t:t+a}}Da.String=Ma;Object.defineProperty(ga,"__esModule",{value:true});var $a=ka;ga.Enumerator=$a.Enumerator;var Ra=Ca;ga.Enumerable=Ra.Enumerable;var Pa=Ta;ga.ArrayEnumerator=Pa.ArrayEnumerator;var Na=La;ga.BufferedEnumerator=Na.BufferedEnumerator;var Ha=Da;ga.String=Ha.String;var Fa={};Object.defineProperty(Fa,"__esModule",{value:true});const Ua=js;class Ya extends Ua.Device{}Fa.OutDevice=Ya;var Wa=Ro&&Ro.__awaiter||function(t,e,o,s){function a(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function n(t){try{r(s.next(t))}catch(t){i(t)}}function l(t){try{r(s["throw"](t))}catch(t){i(t)}}function r(t){t.done?o(t.value):a(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(pa,"__esModule",{value:true});const Ba=rs;const Va=ga;const Ga=Fa;class Ka extends Ga.OutDevice{constructor(){super(...arguments);this.newLineSymbol="\n"}write(t){return Wa(this,void 0,void 0,(function*(){return t instanceof Va.Enumerator?this.writeImplementation(t):t instanceof Array?this.writeImplementation(new Va.ArrayEnumerator(t)):this.writeImplementation(new Va.ArrayEnumerator([t]))}))}writeLine(t){return Wa(this,void 0,void 0,(function*(){return t instanceof Va.Enumerator?this.writeImplementation(t.append(this.newLineSymbol)):t instanceof Array?this.writeImplementation(new Va.ArrayEnumerator([...t,this.newLineSymbol])):t?this.writeImplementation(new Va.ArrayEnumerator([t,this.newLineSymbol])):this.writeImplementation(new Va.ArrayEnumerator([this.newLineSymbol]))}))}static addOpener(t,e){if(!e)e=0;Ka.openers.push({open:t,priority:e});Ka.openers=Ka.openers.sort(((t,e)=>e.priority-t.priority))}static open(t){return Wa(this,void 0,void 0,(function*(){let e;if(typeof t=="string"){const o=Ba.Locator.parse(t);e=o?yield Ka.open(o):undefined}else{let o=0;do{e=yield Ka.openers[o++].open(t)}while(!e&&o<Ka.openers.length)}return e}))}}pa.Writer=Ka;Ka.openers=[];Object.defineProperty(fa,"__esModule",{value:true});const Za=pa;class qa extends Za.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)))}}fa.Indenter=qa;var Ja={};Object.defineProperty(Ja,"__esModule",{value:true});const Xa=Cs;const Qa=ls;class ti extends Xa.Reader{constructor(t,e){super();this.prefix=e;this.done=false;this.backend=t instanceof Qa.BufferedReader?t:Qa.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 ti(t,e):t}}Ja.PrefixReader=ti;var ei={};var oi=Ro&&Ro.__awaiter||function(t,e,o,s){function a(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function n(t){try{r(s.next(t))}catch(t){i(t)}}function l(t){try{r(s["throw"](t))}catch(t){i(t)}}function r(t){t.done?o(t.value):a(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(ei,"__esModule",{value:true});const si=Ps;const ai=Gs;const ii=pa;class ni extends ii.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 oi(this,void 0,void 0,(function*(){let t=true;try{yield si.fsync(this.descriptor)}catch(e){t=false}return t}))}close(){return oi(this,void 0,void 0,(function*(){let t=this.opened;if(t){try{yield si.close(this.descriptor)}catch(e){t=false}this.descriptor=0}return t}))}writeImplementation(t){return oi(this,void 0,void 0,(function*(){let e=true;const o=Buffer.from(t.reduce(((t,e)=>t+e),""));try{const t=yield si.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 oi(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 si.open((t.isRelative?"":ai.sep)+t.path.join(ai.sep),"w")}catch(t){e=undefined}return e?new ni(t,e):undefined}))}}ei.FileWriter=ni;ii.Writer.addOpener(ni.open);var li={};Object.defineProperty(li,"__esModule",{value:true});const ri=Cs;const ci=ls;class di extends ri.Reader{constructor(t,e){super();this.endMark=e;this.done=false;this.backend=t instanceof ci.BufferedReader?t:ci.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 di(t,e):t}}li.TillReader=di;var hi={};Object.defineProperty(hi,"__esModule",{value:true});const bi=Cs;const mi=ls;class yi extends bi.Reader{constructor(t,e){super();this.endMark=e;this.done=-1;this.backend=t instanceof mi.BufferedReader?t:mi.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 yi(t,e):t}}hi.UntilReader=yi;Object.defineProperty(ns,"__esModule",{value:true});var ui=ls;ns.BufferedReader=ui.BufferedReader;var fi=js;ns.Device=fi.Device;var pi=Rs;ns.FileReader=pi.FileReader;var gi=la;ns.FolderReader=gi.FolderReader;var ki=fa;ns.Indenter=ki.Indenter;var vi=zs;ns.InDevice=vi.InDevice;var xi=Fa;ns.OutDevice=xi.OutDevice;var wi=Ja;ns.PrefixReader=wi.PrefixReader;var Si=Cs;ns.Reader=Si.Reader;var Ci=Zs;ns.StringReader=Ci.StringReader;var zi=ei;ns.FileWriter=zi.FileWriter;var ji=li;ns.TillReader=ji.TillReader;var _i=hi;ns.UntilReader=_i.UntilReader;var Ti=pa;ns.Writer=Ti.Writer;Object.defineProperty(Po,"__esModule",{value:true});const Ii=No;var Oi=Po.Error=Ii;const Li=ns;var Ai=Po.IO=Li;const Ei=rs;Po.Uri=Ei;const Di=ga;var Mi=Po.Utilities=Di;class $i extends Ai.BufferedReader{constructor(t,e){super(typeof t=="string"?Ai.StringReader.create(t):t);this.errorHandler=e}raise(t,e,o="lexical",s){if(!(t instanceof Oi.Message)){if(!e)e=Oi.Level.Critical;if(!s)s=this.region;t=new Oi.Message(t,e,o,s)}if(this.errorHandler)this.errorHandler.raise(t)}requirePrefix(t){return new $i(new Ai.PrefixReader(this,t),this.errorHandler)}till(t){return new $i(Ai.TillReader.create(this,t),this.errorHandler)}until(t){return new $i(Ai.UntilReader.create(this,t),this.errorHandler)}peekIsSymbol(t){return this.peekIs(t??["!","(",")","[","]","|","*",":",".","<=",">=","<",">"," * "," + "," - "," / ",","])?.length??false}peekIsWhitespace(){return!!this.peekIs([" ","\n","\t"])}}function Ri(t,e,o){const s=new $i(t,e);return new Mi.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 Pi{tokenize(t){return Ri(t,undefined,["!","(",")","[","]","|"," | ","*",":",".","<=",">=","<",">"," * "," + ","+"," - ","-"," / "]).map((t=>({value:t.value}))).toArray()}}class Ni extends Pi{constructor(t){super();this.class="array";this.array=t}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;return Ni.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 Ni}}Ni.completor=[];var Hi;(function(t){function e(t){return typeof t=="object"&&typeof t.start=="number"&&typeof t.end=="number"}t.is=e})(Hi||(Hi={}));var Fi;(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:Hi.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})(Fi||(Fi={}));class Ui extends Pi{constructor(){super();this.class="boolean"}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;const a=o?Ui.literals.filter((t=>t.value.startsWith(s[0]?.value??""))):s[0]?.value==":"?Fi.prepend(":",Ui.literals.filter((t=>t.value.startsWith(s[1]?.value??"")))):[];return[...a??[],...(o?[]:Ui.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)}}Ui.literals=[{value:"true",suggestion:{value:"true"}},{value:"false",suggestion:{value:"false"}}];Ui.completor=[];var Yi;(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??"(")=="("?Fi.prepend(":",[o]):t.length<=4&&t.slice(0,4).reduce(((t,e)=>t+e.value),"")==":"+o.value?Fi.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?Fi.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?Fi.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?Fi.prepend(":",[o]):Fi.prepend(":",e(t.slice(1)))}t.expressions=o;function s(t,e,o){return t.length>=1&&t[0].value==o.value?Fi.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})(Yi||(Yi={}));class Wi extends Pi{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?Fi.prepend(":",e.complete(s.slice(1),undefined,this)):e&&s.length>=0&&o?Fi.prepend(" ",e?.complete(s,undefined,undefined)):[],...(o?Wi.completorArgument:Wi.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 Wi||!global.Number.isNaN(t)}}Wi.completor=[];Wi.completorArgument=[];class Bi extends Pi{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 a;const i=this.filterByType(o);if(!e){const t=s.length>0?this.match(s[0],i):undefined;if(t)a=s.length>=1?Fi.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))a=Fi.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))a=Fi.prepend(s[0].value,o.complete(s.slice(1),this,o));else{let t;a=s.length==0?[...this.addDot(i,o),...o?.class=="number"?[]:Bi.wildcard]:s.length==1&&(t=Bi.wildcard.find((t=>t.value==s[0].value)))?Fi.prepend(t.value,this.completions,o?".":""):s.length>=1&&(t=Bi.wildcard.find((t=>t.value==s[0].value)))?Fi.prepend(t.value,this.complete(s.slice(1))):this.addDot(this.partial(s[0],i),o)}}else a=s.length==0?[{value:".",suggestion:{value:"."}}]:s[0].value!="."?[]:s.length==1?Fi.prepend(".",this.addDot(i,o)):this.properties[s[1].value]?Fi.prepend("."+s[1].value,this.properties[s[1].value].complete(s.slice(2),e,o)):Fi.prepend(".",this.addDot(this.partial(s[1],i),o));return[...a.reduce(((t,e)=>t.some((t=>t.value==e.value&&t.cursor==e.cursor))?t:[...t,e]),[]),...Bi.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)}}Bi.wildcard=[{value:"!",cursor:1,suggestion:{value:"!",description:"not"}}];Bi.completor=[];class Vi extends Pi{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 a;if(o)a=this.value?.startsWith(s[0]?.value??"")?[{value:this.value,suggestion:{value:this.value}}]:undefined;else a=s.length==0||s[0].value!=":"?undefined:this.value?.startsWith(s[1]?.value??"")?[Fi.prepend(":",{value:this.value,suggestion:{value:this.value}})]:undefined;return[...a??[],...(o?[]:Vi.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 Vi}}Vi.completor=[];class Gi extends Pi{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 Gi}static is(t){return t instanceof Gi}}var Ki;(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 Ni(t.map((t=>o(t)))):new Bi(global.Object.entries(t).reduce(((t,e)=>({...t,[e[0]]:o(e[1])})),{}));break;case"string":e=new Vi(t);break;default:e=new Wi(t);break}return e}t.convert=o;t.Array=Ni;t.Boolean=Ui;t.Completion=Fi;t.Object=Bi;t.String=Vi;t.Number=Wi;t.Union=Gi;t.Completor=Yi})(Ki||(Ki={}));class Zi extends zo{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 qi(t,e){return Yi.expressions(t,(t=>!t||t[0].value=="*"&&e.value&&e.value.endsWith(t[1]?.value??"")?[Ki.Completion.prepend("*",{value:e?.value??"",suggestion:{value:e?.value??""}})]:[]),{value:"*",suggestion:{value:"*",description:"endswith"}})}Ki.String.add(qi);class Ji extends zo{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 Xi(t,e){const o=t=>e.array.some(Ki.String.is)&&t?e.array.filter(Ki.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(Ki.String.is)?e.array.filter(Ki.String.is).map((t=>({value:t?.value??""}))):e.array.some(Ki.Number.is)&&t?e.array.filter(Ki.Number.is).map((e=>e.complete(t))).reduce(((t,e)=>Array.isArray(e)?t.concat(e):e?[...t,e]:t),[]):!t&&e.array.some(Ki.Number.is)?e.array.filter(Ki.Number.is).map((t=>({value:(t?.value??"").toString()}))):[];return Yi.functions(t,o,{value:"every()",cursor:6,suggestion:{value:"every()"}})}Ki.Array.add(Xi);class Qi extends zo{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 tn{stringify(t=0){let e=this.toString();if(this.precedence<t)e="("+e+")";return e}}class en extends tn{constructor(t,e){super();this.name=e;this.precedence=en.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 en(t,e)}}en.precedence=19;class on extends zo{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 en&&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 Ki.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:">",suggestion:{value:">"}})}Ki.Number.add(sn);Ki.String.add(sn);class an extends zo{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 en&&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 nn(t,e,o){return Ki.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:">=",suggestion:{value:">="}})}Ki.Number.add(nn);Ki.String.add(nn);class ln extends zo{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 rn(t,e,o){return o&&e?.class=="object"?Yi.functions(t,(t=>e.completions.filter((e=>e.value.startsWith(t?t[0].value:"")))),{value:"has()",cursor:4,suggestion:{value:"has()"}}):[]}Ki.Object.add(rn);class cn extends zo{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 dn(t,e){const o=new cn(t);return e?o.is(e):o}function hn(t,e){return Yi.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=="**"?[Ki.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"}})}Ki.String.add(hn);class bn extends zo{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 mn(t,e){const o=new bn(Oo(t));return e?o.is(e):o}function yn(t,e,o){return t.length==0?[{value:":",suggestion:{value:":"}}]:t[0].value!=":"?[]:t.length==1&&t[0].value==":"?Ki.Completion.prepend(":",e.array.filter(Ki.String.is).filter((t=>t.value&&t.value!="string")).map((t=>({value:t?.value??"",suggestion:{value:t?.value??""}})))):t.length==2&&t[0].value==":"?Ki.Completion.prepend(":",e.array.filter(Ki.String.is).filter((e=>e.value&&e.value!="string"&&e.value.startsWith(t[1].value))).map((t=>({value:t?.value??"",suggestion:{value:t?.value??""}})))):[]}Ki.Array.add(yn);class un extends zo{constructor(t){super();this.value=t;this.precedence=Number.MAX_SAFE_INTEGER;this.class="Is";this.symbol=":"}is(t,e){return Array.isArray(t)&&$o(this.value)?mn(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()}}_o((t=>typeof t=="bigint"||typeof t=="boolean"||typeof t=="number"||typeof t=="string"?new un(t):undefined));class fn extends zo{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 en&&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 pn(t,e,o){return Ki.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:"<",suggestion:{value:"<"}})}Ki.Number.add(pn);Ki.String.add(pn);class gn extends zo{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 en&&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 kn(t,e,o){return Ki.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:"<=",suggestion:{value:"<="}})}Ki.Number.add(kn);Ki.String.add(kn);function vn(t,e){return Yi.expressions(t,(t=>t&&t?.length==1&&t[0].value=="/"?[{value:"//",cursor:1}]:[]),{value:"//",cursor:1,suggestion:{value:"//",description:"match"}})}Ki.String.add(vn);class xn extends zo{constructor(t){super();this.criteria=t;this.precedence=xn.precedence;this.class="Not"}is(t){return!this.criteria.is(t)}toString(){return`!${this.criteria.stringify(this.precedence)}`}}xn.precedence=90;function wn(t,e){const o=new xn(Oo(t));return e?o.is(e):o}function Sn(t,e,o){return e&&e.class!="object"&&o?Yi.expressions(t,(t=>t[0].value!="!"?[]:Ki.Completion.prepend("!",e.complete(t.slice(1),o,e))),{value:"!",cursor:1,suggestion:{value:"!",description:"not"}}):[]}Ki.String.add(Sn);Ki.Number.add(Sn);Ki.Boolean.add(Sn);Ki.Object.add(Sn);class Cn extends zo{constructor(t){super();this.precedence=Cn.precedence;this.class="Or";this.criteria=t.reduce(((t,e)=>e instanceof Cn?[...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(" | ")}}Cn.precedence=30;function zn(t,e,o){return Ki.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,undefined):[]),{value:" | ",suggestion:{value:"|",description:"or"}})}Ki.Number.addArgument(zn);class jn extends Mi.BufferedEnumerator{constructor(t,e){super(Array.isArray(t)?new Mi.ArrayEnumerator(t):t);this.errorHandler=e}clone(t="(",e=")"){let o=0;return new jn(new Mi.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&&jn.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 Mi.Enumerable.from(Mi.Enumerable.empty)}raise(t,e=Oi.Level.Critical,o="grammatical",s){if(typeof t=="string"){if(!s&&this.last)s=this.last.region;t=new Oi.Message(t,e,o,s)}this.errorHandler.raise(t)}static is(t,e){return Array.isArray(t)?t.some((t=>jn.is(t,e))):typeof t!="string"?t.test(e):t.startsWith("!")&&t!="!"?!jn.is(t.substring(1),e):t=="any"?jn.symbol.every((t=>t!=e)):t=="symbol"?jn.symbol.some((t=>t==e)):t=="identifier"?/[A-Za-z][A-Za-z0-9_]*/.test(e):t==e}}jn.wildcard=["*","?"];jn.separator=["(",")","."];jn.operator=["!","|"];jn.comparator=["<","<=",">",">=",":"];jn.binaryOperator=[" * "," + "," - "];jn.symbol=[...jn.wildcard,...jn.separator,...jn.operator,...jn.comparator];function _n(t,e){if(typeof t=="string"){e=e||new Oi.ConsoleHandler;const o=Ri(t,e).toArray();t=new jn(o,e)}e=e instanceof zo?e:undefined;const o=[];while(t.peek()){if(t.fetchIf("|"))o[o.length-1]=new Cn([o[o.length-1],Tn(0,t)]);else o.push(Tn(0,t))}return o.length==1?o[0]:new Eo(o)}function Tn(t,e){let o;const s=typeof t=="number"?e=>t<e:e=>t.precedence>e;const a=typeof t=="number"?undefined:t;for(const t of In)if(s(t[1]||Number.MAX_SAFE_INTEGER)){const s=t[0](e,a);if(s){o=Tn(s,e);break}}return o||a||new Eo([])}const In=[];function On(t,e){In.push([t,e])}function Ln(t,e){if(typeof t=="string"){e=e||new Oi.ConsoleHandler;const o=Ri(t,e).toArray();t=new jn(o,e)}e=e instanceof tn?e:undefined;let o;let s=false;let a=false;while(!o!=s&&!a&&t.peek()){let e=1;s=false;a=false;while(!s&&!a&&t.peek(e)){s=jn.binaryOperator.some((o=>t.peek(e)?.value==o));a=jn.comparator.some((o=>t.peek(e)?.value==o));e++}o=An(o??Number.MAX_SAFE_INTEGER,t)}if(!o)t.raise("Missing Expression");return o??new en(NaN)}function An(t,e){let o;const s=typeof t=="number"?undefined:t;for(const s of En){const a=s[0](e,t);if(a){o=a;break}}return o||s}const En=[];function Dn(t,e){En.push([t,e])}On((t=>{const e=t.fetchIf(":","every","(")&&new Ji(_n(t.clone()));if(e&&!t.fetchIf(")"))t.raise("Missing end of parenthesis.");return e}));On((t=>{const e=t.fetchIf(":","some","(")&&new bn(_n(t.clone()));if(e&&!t.fetchIf(")"))t.raise("Missing end of parenthesis.");return e}));On(Mn(_n));Dn(Mn(Ln));function Mn(t){return e=>{const o=e.fetchIf("(")&&t(e.clone());if(o&&!e.fetchIf(")"))e.raise("Missing end of parenthesis.");return o}}On((t=>t.fetchIf(">")&&new on(Ln(t))));On((t=>t.fetchIf(">=")&&new an(Ln(t))));On((t=>t.fetchIf("<")&&new fn(Ln(t))));On((t=>t.fetchIf("<=")&&new gn(Ln(t))));On((t=>t.fetchIf("!")&&new xn(Tn(xn.precedence,t))));On((t=>{const e=t.fetchIf("has","(","any",")")||t.fetchIf(":","has","(","any",")");return e&&new ln(e.length==4?e[2].value:e[3].value)}));class $n extends zo{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 Rn(t,e){const o=new $n(t);return e?o.is(e):o}function Pn(t,e,o){return o&&e?.class?Yi.functions(t,(t=>[]),{value:"within()",cursor:7,suggestion:{value:"within()"}}):[]}Ki.String.add(Pn);Ki.Number.add(Pn);On((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 $n(o):undefined}));class Nn extends zo{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 Hn(t,e){const o=new Nn(t);return e?o.is(e):o}function Fn(t,e,o){return Yi.functions(t,(()=>[]),{value:"contains()",cursor:9,suggestion:{value:"contains()"}})}Ki.Array.add(Fn);On((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 Nn(o):undefined}));On((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 Qi(o[0].value,s):undefined}));class Un extends zo{constructor(t,e){super();this.name=t;this.criteria=e;this.precedence=Un.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)??""}`}}Un.precedence=80;function Yn(t,e,o){const s=(Array.isArray(t)?t:[t]).reduceRight(((t,e)=>new Un(e,t)),Oo(e));return o?s.is(o):s}_o((t=>typeof t=="object"&&!(t instanceof zo)&&!Array.isArray(t)?Do(...Object.getOwnPropertyNames(t).map((e=>Yn(e,t[e])))):undefined));On((t=>{const e=[];let o;while(o=t.fetchIf("identifier","."))e.push(o[0].value);if(t.peekIs("identifier",jn.comparator)&&(o=t.fetchIf("identifier")))e.push(o.value);return e.length>0?e.reduceRight(((t,e)=>new Un(e,t)),t.peekIs("identifier")&&(o=t.fetchIf("identifier"))?new Un(o.value):Tn(Un.precedence,t)):undefined}));On((t=>{const e=t.fetchIf(":","*","any","*")||t.fetchIf("*","any","*");return e&&new cn(e.length==4?e[2].value:e[1].value)}));class Wn extends zo{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 Bn(t,e){return Yi.expressions(t,(t=>!t||t.length==1&&t[0].value=="*"||t.length==2&&t[1].value=="*"&&e.value&&e.value.startsWith(t[0]?.value??"")?[Ki.Completion.prepend("",{value:e?.value??"",suggestion:{value:e?.value??""}},"*")]:[]),{value:"*",cursor:0,suggestion:{value:"*",description:"startswith"}})}Ki.String.add(Bn);On((t=>{const e=t.fetchIf(":","any","*")||t.fetchIf("any","*");return e&&new Wn(e?.length==3?e[1].value:e[0].value)}));On((t=>{const e=t.fetchIf(":","*","any")||t.fetchIf("*","any");return e&&new Zi(e?.length==3?e[2].value:e[1].value)}));class Vn extends tn{toString(){const t=this.symbol;return this.left.stringify(Vn.getPrecedence(t))+` ${t} `+this.right.stringify(Vn.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 a=new Vn("+",14,e,o);const i=Vn.getPrecedence(t);if(i)s=new Vn(t,i,e,o);return s||a}}function Gn(t,e,o){return[" + "," - "," * "].map((t=>({value:t,suggestion:{value:t}}))).map((s=>Ki.Completor.operators(t,(t=>t?o.complete(t,undefined,e):[]),s))).reduce(((t,e)=>t.concat(e)),[])}Ki.Number.addArgument(Gn);Dn(((t,e)=>{let o;const s=t.peekIs(jn.binaryOperator)&&t.fetch().value;let a;if(s&&typeof e=="object"){let i;let n;let l=0;a=Vn.getPrecedence(s);while(!n&&t.peek(l)){n=t.peek(l)?.value=="("?Number.MAX_SAFE_INTEGER:Vn.getPrecedence(t.peek(l)?.value);l++}if(n&&a<n){i=An(a,t);if(!i){t.raise("Missing right hand side of "+s)}}else i=An(NaN,t);if(n&&a==n||n==Number.MAX_SAFE_INTEGER){o=An(new Vn(s,a,e,i),t)}else o=new Vn(s,a,e,i)}return o}));Dn(((t,e)=>{const o=[];let s;while(s=t.fetchIf("identifier","."))o.push(s[0].value);let a;if(o.length==0){s=t.fetchIf("any",".","any")||t.fetchIf("any",",","any")||t.fetchIf("any");a=s&&(Array.isArray(s)?new en(+s.map((t=>t.value.replace(",","."))).join("")):new en(s.value))}else{s=t.fetchIf("identifier");const e=new en(s?s.value:0);a=o.length>0?o.reduceRight(((t,e)=>new en(isNaN(+t)?t:+t,e)),e):undefined}if(a&&typeof e=="number"&&!isNaN(e)&&e!=Number.MAX_SAFE_INTEGER)a=An(a,t);return a}));On((t=>{let e;if(t.fetchIf(":")){let o=false;let s=false;let a=1;while(!o&&!s&&t.peek(a)){o=jn.binaryOperator.some((e=>t.peek(a)?.value==e));s=jn.comparator.some((e=>t.peek(a)?.value==e));a++}if(o)e=Ln(t)}const o=t.fetchIf("any");return e?new un(e):o&&new un(o.value)}));On((t=>{t.raise(`Ignoring unknown token "${t.fetch()}"`);return undefined}));function Kn(t,e,o={input:[],identifier:[]}){return Zn[e?.class]?.(t,e,o)??e}const Zn={};function qn(t,e){Zn[t]=e}qn("And",((t,e,o)=>new Eo(e.rules.map((e=>Kn(t,e,o))))));var Jn;(function(t){function e(t,e){let o=undefined;let s;const a=typeof t=="string"?t:t.toString();if(e&&e.input&&e.identifier&&e?.input?.length>0&&e?.identifier?.length>0&&e.identifier.includes(a)){s=e.identifier.indexOf(a);o=isNaN(+e.input[s])?e.input[s]:+e.input[s]}return o}t.argument=e})(Jn||(Jn={}));qn("EndsWith",((t,e,o)=>{const s=Jn.argument(e.needle,o);return s?new Zi(typeof s=="object"?s.value.toString():s.toString()):e}));qn("Every",((t,e,o)=>new Ji(Kn(t,e.criteria,o))));qn("FunctionCall",((t,e,o)=>{const s=t[e.identifier];const a=s?_n(s.definition):undefined;const i=a?Kn(t,a,{input:o?.input?.concat(e.argument),identifier:o?.identifier?.concat(s.arguments)}):undefined;return new Qi(e.identifier,e.argument,i)}));qn("GreaterThan",((t,e,o)=>{const s=Jn.argument(e.value,o);return s?new on(s):e}));qn("GreaterThanOrEqual",((t,e,o)=>{const s=Jn.argument(e.value,o);return s?new an(s):e}));qn("Has",((t,e,o)=>{const s=Jn.argument(e.property,o);return s?new ln(typeof s=="object"?s.value.toString():s.toString()):e}));qn("Includes",((t,e,o)=>{const s=Jn.argument(e.needle,o);return s?new cn(typeof s=="object"?s.value.toString():s.toString()):e}));qn("LesserThan",((t,e,o)=>{const s=Jn.argument(e.value,o);return s?new fn(s):e}));qn("LesserThanOrEqual",((t,e,o)=>{const s=Jn.argument(e.value,o);return s?new gn(s):e}));qn("Not",((t,e,o)=>new xn(Kn(t,e.criteria,o))));qn("Or",((t,e,o)=>new Cn(e.criteria.map((e=>Kn(t,e,o))))));qn("Property",((t,e,o)=>new Un(e.name,e.criteria&&Kn(t,e.criteria,o))));qn("Some",((t,e,o)=>new bn(Kn(t,e.criteria,o))));qn("StartsWith",((t,e,o)=>{const s=Jn.argument(e.needle,o);return s?new Wn(typeof s=="object"?s.value.toString():s.toString()):e}));qn("Is",((t,e,o)=>{const s=Jn.argument(e.value,o);return s?new un(s):e}));class Xn extends zo{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(", ")}]`}}_o((t=>Array.isArray(t)?new Xn(t.map(Oo)):undefined));function Qn(t,e){const o=Oo(t);return e?o.is(e):o}function tl(t,e){const o=Oo(t);return o.filter(e)}const el=d({emit:h()});var ol;(function(t){let e;(function(t){t.type=d({property:b().optional(),properties:m(b(),b()).optional()})})(e=t.Element||(t.Element={}));t.type=e.type.extend({smoothlyFilterUpdate:el,smoothlyFilterManipulate:el})})(ol||(ol={}));const sl='.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 al=sl;const il=class{constructor(e){t(this,e);this.smoothlyFilter=o(this,"smoothlyFilter",7);this.updating=false;this.filters=new Set;this.detailChildren=undefined;this.criteria=Do();this.expanded=false}updateHandler(t){t.stopPropagation();if(ol.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=Do(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=Do());this.filters.forEach((t=>t(this.criteria)))}render(){return e(s,{key:"3754a76da51207f0083f1c434f8988e0035470f2"},e("slot",{key:"b80c020ef2cdd6158dafcf348865e41010f6ee33",name:"bar"}),e("smoothly-filter-field",{key:"6e0a90aa767fe4691b6d266420596c6c2f741e37",criteria:this.criteria,ref:t=>this.field=t}),this.criteria.toString()!=""&&e("smoothly-icon",{key:"62f58d470f598bb433fbdf7ca54fab5d9e52505f",name:"close",toolTip:"Clear all filters",size:"small",onClick:()=>{this.clear()}}),e("div",{key:"7fa7844e45a4290ee7fbb1a8aeb7b113d97dbde2",class:this.expanded?"container arrow-top":"hidden"},e("slot",{key:"8ada24b23feafab59eb3bea282680adca784c88b",name:"detail"})),e("smoothly-icon",{key:"6daf693884fdb02bc84bcf59ddbd07c7613028aa",name:this.expanded?"options":"options-outline",toolTip:(this.expanded?"Hide":"Show")+" additional filters",size:"small",onClick:()=>{this.expanded=!this.expanded}}),e("div",{key:"32a3e3a7da81f88cdecbc49478234c638b4e80c5",class:this.expanded?"close":"hidden",onClick:()=>this.expanded=!this.expanded}))}};il.style=al;const nl=".sc-smoothly-filter-field-h{flex-grow:5}";const ll=nl;const rl=class{constructor(e){t(this,e);this.smoothlyFilterField=o(this,"smoothlyFilterField",7);this.criteria=undefined}async clear(){var t;await((t=this.input)===null||t===void 0?void 0:t.clear())}filterFieldEmit(){var t,e;this.smoothlyFilterField.emit(_n((e=(t=this.input)===null||t===void 0?void 0:t.value)!==null&&e!==void 0?e:""))}render(){return e(s,{key:"c7980e675d10a13d599be6e9117558311b9def83",onKeyDown:t=>t.key=="Enter"&&this.filterFieldEmit()},e("smoothly-input",{key:"1f99654cce7732353df4a32139e8cea7ced6cc21",name:"filter",ref:t=>this.input=t,value:this.criteria.toString(),onSmoothlyInputLooks:t=>t.stopPropagation(),onSmoothlyBlur:t=>{t.stopPropagation();this.filterFieldEmit()},onSmoothlyFormDisable:t=>t.stopPropagation(),onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyChange:t=>t.stopPropagation(),onSmoothlyInput:t=>{t.stopPropagation()}},"Filter"))}};rl.style=ll;const cl=".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 dl=cl;const hl=class{constructor(e){t(this,e);this.smoothlyFilterUpdate=o(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=o(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 Eo&&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 Un&&t.name==o&&(t.criteria instanceof cn&&t.criteria||t.criteria instanceof Un&&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 Eo){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=Do(...o.rules)}return o};this.smoothlyFilterManipulate.emit(o.bind(this))}getCriteria(t){return this.property.split(".").reduceRight(((t,e)=>Yn(e,t)),dn(t))}findInstanceOf(t,e){const[o,...s]=e.split(".");return t instanceof Un&&t.name==o&&(s.length==0||!!t.criteria&&this.findInstanceOf(t.criteria,s.join(".")))}render(){return e("smoothly-input",{key:"4187159fd95484dda23ff00224d2804bcee0880b",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,e("slot",{key:"962175017c27931cbdcae9599d37682c6cb048fa"}))}};hl.style=dl;const bl=".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 ml=bl;const yl=class{constructor(e){t(this,e);this.smoothlyFilterUpdate=o(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=o(this,"smoothlyFilterManipulate",7);this.smoothlyInputLooks=o(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 Eo&&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,...a]=e.split(".");const i=t instanceof Un&&t.name==s?this.isCriteria(t.criteria,a.join("."),o[s]):this.multiple?t instanceof $n&&t.value.some((t=>t==o))||this.type=="array"&&t instanceof Nn&&t.criteria.some((t=>t==o)):t instanceof un&&t.value==o;return i}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 zo))o=s?Do(o,s):o;else if(o instanceof Eo){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=Do(...o.rules)}return o};this.smoothlyFilterManipulate.emit(o.bind(this))}}findInstanceOf(t,e){const[o,...s]=e.split(".");return t instanceof Un&&t.name==o&&(t.criteria instanceof $n||t.criteria instanceof un||t.criteria instanceof Nn||t.criteria instanceof Un&&this.findInstanceOf(t.criteria,s.join(".")))}getCriteria(t){let e;if(this.multiple&&b().array({criteria:"minLength",value:1}).is(t))e=this.type=="array"?Hn(t):Rn(t);else if(typeof t=="string")e=Qn(t);else e=undefined;return e&&this.property.split(".").reduceRight(((t,e)=>Yn(e,t)),e)}render(){return e("smoothly-input-select",{key:"ec623ee8b6a2e2fb107efe27039990dd6c53be3f",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&&e("span",{key:"95e15be5bdd76d12bd19f2762d319b1ebc8edae9",slot:"label"},[this.label.slice(0,1).toUpperCase(),this.label.slice(1,this.label.length)].join("")),e("slot",{key:"8ea0afb0352974f405895bb6c5514c3835af718c",name:"items"}))}get element(){return a(this)}};yl.style=ml;const ul=".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 fl=ul;const pl=class{constructor(e){t(this,e);this.smoothlyFilterUpdate=o(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=o(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 Eo&&t.rules.length>0){this.active=Object.entries(this.properties).every((([e,o])=>t.rules.some((t=>{const s=!this.not?t:t instanceof xn?t.criteria:undefined;return o==""?!(s instanceof Un&&s.name==e):this.isCriteria(s,e,o)}))))}else this.active=false}isCriteria(t,e,o){const[s,...a]=e.split(".");return t instanceof Un&&t.name==s&&(t.criteria instanceof un&&t.criteria.value==o||this.isCriteria(t.criteria,a.join("."),o))}activeHandler(t){const e=e=>{let o=e;t&&(this.active=!this.active);if(o instanceof Eo){for(const[t,e]of Object.entries(this.properties)){const s=!this.active||this.active&&e==""?undefined:this.not?wn(this.createCriteria(t,e)):this.createCriteria(t,e);const a=o.rules.findIndex((e=>this.findInstanceOf(e,t)));!s&&a>=0?o.rules.splice(a,1):!s?undefined:a==-1?o.rules.push(s):o.rules[a]=s}o=Do(...o.rules)}return o};this.smoothlyFilterManipulate.emit(e.bind(this))}createCriteria(t,e){const[o,...s]=t.split(".");return Yn(o,s.length==0?Qn(e):this.createCriteria(s.join("."),e))}findInstanceOf(t,e){const o=!this.not?t:t instanceof xn?t.criteria:false;const[s,...a]=e.split(".");return o instanceof Un&&o.name==s&&(a.length==0||!!o.criteria&&this.findInstanceOf(o.criteria,a.join(".")))}render(){return e("smoothly-icon",{key:"d67dff0a06d70b061fc695f099dec5f7bccbbecc",fill:"clear",color:this.active?"success":"medium",name:this.active?`${this.icon}`:`${this.icon}-outline`,toolTip:this.toolTip,onClick:()=>this.activeHandler(true)})}};pl.style=fl;var gl;(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})(gl||(gl={}));const kl={};function vl(t,...e){e.forEach((e=>kl[e]=t))}function xl(t){const e=t.headers.get("Content-Type");const o=e&&e.split(";");const s=kl[o?.[0]??"plain/text"];return s?s(t):t.text()}const wl={};function Sl(t,...e){e.forEach((e=>wl[e]=t))}function Cl(t,e){const o=wl[e?.split(";")[0]??""];return o?o(t,e):t}function zl(t){return t.toLowerCase().replace(/-[a-z]/g,(t=>t.substring(1).toUpperCase()))}function jl(t){const e=t.replace(/[A-Z]/g,(t=>"-"+t));return e[0].toUpperCase()+e.substring(1)}const _l=[["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 Tl;(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"&&_l.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=_l.find((([e,o,s])=>e==t));return[o?o[1]:jl(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(", ")])):i(t)?[...t]:Object.entries(t)).map((([t,e])=>{const o=_l.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()))]:[zl(t),e]})))}t.from=s;function a(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=a;function i(t){return typeof t.entries=="function"}})(Tl||(Tl={}));var Il;(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))))&&gl.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||Tl.is(t.header))}t.is=e;async function o(t){const o=e(t)?t:a(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:Tl.to(s),body:["GET","HEAD"].some((t=>t==o.method))?undefined:await Cl(await o.body,o.header.contentType)}}t.to=o;function s(t){const e=new URL(t.url);return{method:gl.parse(t.method)??"GET",url:e,header:Tl.from(t.headers),parameter:{},search:Object.fromEntries(e.searchParams.entries()),body:xl(t),..."cf"in t&&{cloudflare:t.cf}}}t.from=s;function a(t){let e;if(typeof t=="string")e=a({url:t});else{const o=typeof t.url=="string"?new URL(t.url):t.url;e={method:gl.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=a;(function(t){t.is=Tl.is;t.from=Tl.from;t.to=Tl.to})(t.Header||(t.Header={}))})(Il||(Il={}));const Ol=typeof Response!="undefined"?Response:globalThis.Response;var Ll=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 Al=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,a){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?a.call(t,o):a?a.value=o:e.set(t,o),o};var El,Dl,Ml,$l,Rl,Pl,Nl,Hl,Fl;class Ul{get state(){return Ll(this,$l,"f")?"closed":"opened"}set onMessage(t){if(Ll(this,Dl,"f").length&&t){Ll(this,Dl,"f").forEach(t);Al(this,Dl,[],"f")}Al(this,Pl,t,"f")}set onClose(t){if(this.state=="closed"&&t)t();Al(this,Nl,t,"f")}set onOpen(t){if(this.state=="opened"&&t)t();Al(this,Fl,t,"f")}constructor(t,e){El.add(this);Dl.set(this,[]);Ml.set(this,[]);$l.set(this,false);Rl.set(this,void 0);Pl.set(this,void 0);Nl.set(this,void 0);Fl.set(this,void 0);Al(this,Rl,t,"f");if(e)Al(this,Ml,undefined,"f");Ll(this,Rl,"f").addEventListener("open",(()=>{if(Ll(this,Fl,"f"))Ll(this,Fl,"f").call(this);Ll(this,El,"m",Hl).bind(this)}));Ll(this,Rl,"f").addEventListener("message",(async t=>{const e=this.processReceived(t.data);Ll(this,El,"m",Hl).call(this);if(Ll(this,Pl,"f"))Ll(this,Pl,"f").call(this,e);else Ll(this,Dl,"f")?.push(e)}));Ll(this,Rl,"f").addEventListener("close",(()=>{if(Ll(this,Nl,"f"))Ll(this,Nl,"f").call(this);Al(this,$l,true,"f")}))}send(t){if(Ll(this,Ml,"f"))Ll(this,Ml,"f").push(this.processSend(t));else Ll(this,Rl,"f").send(this.processSend(t))}}Dl=new WeakMap,Ml=new WeakMap,$l=new WeakMap,Rl=new WeakMap,Pl=new WeakMap,Nl=new WeakMap,Fl=new WeakMap,El=new WeakSet,Hl=function t(){Ll(this,Ml,"f")?.forEach((t=>Ll(this,Rl,"f").send(t)));Al(this,Ml,undefined,"f")};class Yl extends Ul{processReceived(t){return t?.arrayBuffer?t.arrayBuffer():typeof t=="string"?(new TextEncoder).encode(t).buffer:t}processSend(t){return t}}class Wl extends Ul{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 Bl extends Ul{processReceived(t){return t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t}processSend(t){return t}}var Vl=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 Gl=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,a){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?a.call(t,o):a?a.value=o:e.set(t,o),o};var Kl,Zl,ql;class Jl{get json(){if(!Vl(this,Kl,"f"))Gl(this,Kl,new Wl(this.backend,this.isOpen),"f");return Vl(this,Kl,"f")}get string(){if(!Vl(this,Zl,"f"))Gl(this,Zl,new Bl(this.backend,this.isOpen),"f");return Vl(this,Zl,"f")}get arrayBuffer(){if(!Vl(this,ql,"f"))Gl(this,ql,new Yl(this.backend,this.isOpen),"f");return Vl(this,ql,"f")}constructor(t,e){this.backend=t;this.isOpen=e;Kl.set(this,void 0);Zl.set(this,void 0);ql.set(this,void 0)}createResponse(t={}){return{status:101,socket:this,header:t}}close(t,e){this.backend.close(t,e)}}Kl=new WeakMap,Zl=new WeakMap,ql=new WeakMap;var Xl;(function(t){t.Factory=Jl})(Xl||(Xl={}));const Ql=[["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 tr;(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"&&Ql.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=Ql.find((([e,...o])=>e==t));return[o?o[1]:jl(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(", ")])):i(t)?n(t):Object.entries(t)).map((([t,e])=>{const o=Ql.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()))]:[zl(t),e]})))}t.from=s;function a(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=a;function i(t){return typeof t.forEach=="function"}function n(t){const e=[];t.forEach(((t,o)=>e.push([o,t])));return e}})(tr||(tr={}));var er;(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||tr.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})(er||(er={}));var or;(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||tr.is(t.header))&&(t.socket==undefined||t.socket instanceof WebSocket)}t.is=e;async function o(t){return new Ol(await Cl(await t.body,t.header.contentType),{status:t.status,headers:new Headers(tr.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:tr.from(t.headers),body:t.status==101?undefined:xl(t),...t.webSocket&&{socket:new Xl.Factory(t.webSocket)}}}t.from=s;function a(t,e){const o=er.is(t)?{status:200,header:{},body:undefined,...t.socket&&{socket:t.socket},...t}:typeof t?.createResponse=="function"&&(e==undefined||tr.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 Xl.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)?i(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=a;function i(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=tr;t.Like=er})(or||(or={}));const sr=ar(globalThis.fetch);sr.create=ar;function ar(t){return async e=>{const o=Il.create(e);return or.from(await t(o.url.toString(),await Il.to(o)))}}var ir;(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,a){return Object.entries(t).reduce(((t,[i,n])=>{n instanceof Blob?a.append(e?`${e}.${i}`:i,n):typeof n=="object"&&n?Array.isArray(n)?t[i]=s(n,e?`${e}.${i}`:i,a):t[i]=o(n,e?`${e}.${i}`:i,a):t[i]=n;return t}),{})}function s(t,e,a){return t.reduce(((t,i)=>{typeof i=="object"&&i?Array.isArray(i)?t.push(s(i,e,a)):t.push(o(i,e,a)):t.push(i);return t}),[])}async function a(t){const e={};for(const[o,s]of t.entries())await i(e,o.split("."),s);return e}t.from=a;async function i(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 i(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})(ir||(ir={}));function nr(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 lr(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,a])=>e(o(t,s,a))),{})}vl((async t=>await t.text()),"text/plain","text/html");vl((async t=>await t.json()),"application/json");vl((async t=>await t.arrayBuffer()),"application/pdf");vl((async t=>ir.from(await t.formData())),"multipart/form-data");vl((async t=>lr(await t.text())),"application/x-www-form-urlencoded");Sl((async t=>typeof t=="string"?t:t.toString()),"text/plain","text/html");Sl((async t=>JSON.stringify(t)),"application/json");Sl((async t=>t),"application/pdf");Sl((async t=>nr(t)),"application/x-www-form-urlencoded");Sl((async t=>t instanceof globalThis.FormData?t:ir.to(t)),"multipart/form-data");var rr;(function(t){function e(t){return t&&typeof t=="object"&&typeof t.clear=="function"}t.is=e})(rr||(rr={}));var cr;(function(t){let e;(function(t){t.type=d({edit:h(),readonly:y(),listen:h(),reset:h(),setInitialValue:h()});t.is=t.type.is})(e=t.Element||(t.Element={}));const o=d({emit:h()});t.type=e.type.extend({changed:y(),value:A().optional(),smoothlyFormDisable:o});t.is=t.type.is})(cr||(cr={}));var dr;(function(t){t.types=["plain","grid","border","line","transparent"];t.type=b(t.types);t.is=t.type.is})(dr||(dr={}));var hr;(function(t){let e;(function(t){t.type=d({register:h(),unregister:h(),getValue:h(),color:c.type.optional(),name:b(),invalid:y().optional(),looks:dr.type,defined:y().optional(),binary:h().optional()});t.is=t.type.is})(e=t.Element||(t.Element={}));const o=d({emit:h()});t.type=e.type.extend({smoothlyInputLoad:o,smoothlyInput:o,smoothlyInputForm:o.optional(),parent:cr.type.optional()});t.is=t.type.is;function s(t){if(t.parent instanceof yr){t.parent.removeInput(t.name)}}t.formRemove=s;function a(t){t.smoothlyInputLoad.emit((e=>t.parent=e))}t.formAdd=a})(hr||(hr={}));const br='smoothly-form{display:block;position:relative}smoothly-form>form{position:relative;min-width:15em}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:10em;flex-basis:40%}smoothly-form[looks="line"]>form>fieldset,smoothly-form[looks="border"]>form>fieldset,smoothly-form[looks="transparent"]>form>fieldset{gap:2em}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:0.5rem}';const mr=br;const yr=class{constructor(e){t(this,e);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.smoothlyFormInput=o(this,"smoothlyFormInput",7);this.smoothlyFormSubmit=o(this,"smoothlyFormSubmit",7);this.smoothlyFormReset=o(this,"smoothlyFormReset",7);this.smoothlyFormEdit=o(this,"smoothlyFormEdit",7);this.smoothlyFormClear=o(this,"smoothlyFormClear",7);this.notice=o(this,"notice",7);this.contentType="json";this.inputs=new Map;this.readonlyAtLoad=this.readonly;this.listeners={};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.changed=false;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,e){var o;var s;((o=(s=this.listeners)[t])!==null&&o!==void 0?o:s[t]=[]).push(e);e(this)}async watchValue(){var t,e,o;this.changed=[...this.inputs.values()].some((t=>cr.type.is(t)?t.changed:true));if(this.validator){const o=(e=(t=this.validator)===null||t===void 0?void 0:t.flaw(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)}}(o=this.listeners.changed)===null||o===void 0?void 0:o.forEach((t=>t(this)))}validate(t,e,o){var s,a;if(e.includes(".")){const[i,...n]=e.split(".");const l=(a=(s=t===null||t===void 0?void 0:t[i])===null||s===void 0?void 0:s.flaws)!==null&&a!==void 0?a:[];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(){var t;(t=this.listeners.changed)===null||t===void 0?void 0:t.forEach((t=>t(this)))}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))}windowSubmitHandler(t){t.target==this.element&&t.detail.result(false)}submitHandler(t){this.action&&t.stopPropagation()}async smoothlyInputLoadHandler(t){var e,o;t.stopPropagation();t.detail(this);if(hr.Element.is(t.target)){if(await((o=(e=t.target).binary)===null||o===void 0?void 0:o.call(e)))this.contentType="form-data";const s=await t.target.getValue();this.value=u.merge(this.value,{[t.target.name]:s});this.smoothlyFormInput.emit(u.convertArrays(this.value));this.inputs.set(t.target.name,t.target)}}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 a=await sr(Il.create(s=="GET"?{method:s,url:`${o}?${nr(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 i=!a||(a===null||a===void 0?void 0:a.status)<200||a.status>=300?[false,"Failed to submit form."]:[true,"Form successfully submitted."];e(i[0]);return[...i]})))}}));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=>rr.is(t)&&t.clear())));this.smoothlyFormClear.emit()}async edit(t){await Promise.all([...this.inputs.values()].map((async e=>cr.Element.type.is(e)&&e.edit(t))));this.readonly=!t;this.smoothlyFormEdit.emit(t)}async reset(){await Promise.all([...this.inputs.values()].map((t=>cr.Element.type.is(t)&&t.reset())));this.changed=[...this.inputs.values()].some((t=>cr.type.is(t)?t.changed:true));this.smoothlyFormReset.emit()}async setInitialValue(){await Promise.all([...this.inputs.values()].map((t=>cr.Element.type.is(t)&&t.setInitialValue())))}render(){return e(s,{key:"a714a5f1c8e96bd23ee415a9c8dd0bd0f156a6db"},e("smoothly-spinner",{key:"c195d7d61c89b1174bb936bcd1261b42611a711e",overlay:true,hidden:!this.processing}),e("form",{key:"c06e98690dae06168c296372d42112eeba9431e8",onSubmit:!this.prevent?undefined:t=>t.preventDefault(),name:this.name},e("fieldset",{key:"e50f476edd4d34ab5f9144afb2b442e93c9e5e71"},e("slot",{key:"f5f7f30d2cc396060e8565670cd35d7a936e5bca"})),e("div",{key:"2a1bff13bf67f0f67eb203131dd618b0509d8fa9"},e("slot",{key:"5dc14c0e90dcc387d2bbe6e72843c7115596b394",name:"clear"}),e("slot",{key:"d7fd18f6e843641e9617c55816546e3d2c58da5d",name:"edit"}),e("slot",{key:"41390402a9589ac817f7cb731186ac31acf34dab",name:"reset"}),e("slot",{key:"701654710291b96faccdb8c118dce0d63f9fe0a7",name:"delete"}),e("slot",{key:"e278921143c02005e249312a262e7c455b735b10",name:"submit"}))))}get element(){return a(this)}static get watchers(){return{value:["watchValue"],readonly:["watchReadonly"]}}};yr.style=mr;const ur=".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:100%}";const fr=ur;const pr=class{constructor(e){t(this,e)}render(){return e(s,{key:"be42460c0454e37b28b4201197204ac200671039"},e("div",{key:"f6f8fa67312b722f0887c670dbfedd734c2b66fe"},e("smoothly-form-demo-all",{key:"33c03542448e64fe3d45b980933aa72497a3ceab"}),e("smoothly-form-demo-pet",{key:"55abb6ca722b4f2a7333c0fbcb9d9729d30e467f"}),e("smoothly-form-demo-card",{key:"718779385e312a28d11f0c53bc6591c612c78d20"}),e("smoothly-form-demo-login",{key:"ee67dc1e11f039d73fb27c2a116dc99577cab85a"}),e("smoothly-form-demo-prices",{key:"8091990c73450acfde6d6a9ad7959192e57e99a1"}),e("smoothly-form-demo-typed",{key:"b80637c1aab9ed4262ea4fd6b37c17a7e314a695"}),e("smoothly-form-demo-transparent",{key:"3eb8e8efceba010993a04802316bd71743118043"}),e("smoothly-form-demo-date",{key:"379b6ed49a574410ca62a6b00f5a49b50d5f2744"}),e("smoothly-form-demo-date-range",{key:"f00a96281d70c215a3bf409d82710bb5640989bc"}),e("smoothly-form-demo-controlled",{key:"5043f9c375917088f1a5808f2a9719529ad87d6e"})))}};pr.style=fr;const gr=class{constructor(e){t(this,e)}render(){return e(s,{key:"7fccf5c4d19f7711ad8695609719d5b157dc69e9"},e("h2",{key:"471984566caccd53c58d182275dfb5b3dffd1438"},"All inputs"),e("smoothly-form",{key:"dcb87409af65d590f88cf7640d03b5077dfc72d3",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)))}},e("smoothly-input",{key:"7b2eb3e92db01f5660b4b1d0970422d6d691e4fa",readonly:true,name:"First Name",value:"John"},"First name"),e("smoothly-input",{key:"ef5c01e448520b65ac53e56b3d4c6e7ef745b3a1",showLabel:false,name:"Last name",value:"Doe"},"Last name",e("smoothly-input-clear",{key:"dcc2400d3294a5b385aef83d4f0a32a1d4d1529c",size:"icon",slot:"end"})),e("smoothly-input",{key:"cba3faa8f44afeea1629d487b04f20dacdc6cb90",type:"phone",name:"Phone",value:"777888999"},"Phone",e("smoothly-input-reset",{key:"50e02e1848a36610730a3d223f50f2f4f964ceef",size:"icon",slot:"end"})),e("smoothly-input-radio",{key:"67aa7d31153efef7171699042b7f00f68158c54a",clearable:true,name:"radioFirstInput"},e("label",{key:"fd000369571ab966a68c3117cc726206df75cfca",slot:"label"},"Clearable"),e("smoothly-input-radio-item",{key:"efc4d00f271c2e10430d47355e980b5dc671b57a",value:"first"},"Label 1"),e("smoothly-input-radio-item",{key:"81d02a9e3edbc853a543961d3555e7788a035e88",selected:true,value:"second"},"Label 2"),e("smoothly-input-radio-item",{key:"d350df35f50334a916f5b36a50328aeeb8698638",value:"third"},"Label 3")),e("smoothly-input-color",{key:"b4171d328700fd038aed7efbb85d2f0681273c57",name:"color"},"Color"),e("smoothly-input-select",{key:"b881d8d697b1377f853e10178cfa78f1dcefb6d7",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},e("label",{key:"ff88234efe48a82289768560fe221b5abc39cda2",slot:"label"},"Month multiple select"),e("smoothly-item",{key:"34520421f0686499af2e6156cec38cb6f1e21ef6",value:"1"},"January"),e("smoothly-item",{key:"00e90515a47310445f602cb5e1e4b6a374db0e32",value:"2"},"February"),e("smoothly-item",{key:"e69d38d192b73b7d457a85615a0bb5bee94c4261",value:"3"},"March"),e("smoothly-item",{key:"1497a5e25bde1f74c911583b7f58b24311e27138",value:"4"},"April"),e("smoothly-item",{key:"4347375e8beb1860cefc00bd78317fd8583bffb6",value:"5"},"May"),e("smoothly-item",{key:"3f64fc5a5f42a229dd253bfd43ad48b97cb81b82",value:"6"},"June"),e("smoothly-item",{key:"85ce0c6a21ef858de66f47b134d414177ecd0c9a",value:"7"},"July"),e("smoothly-item",{key:"15ccbd4fbdd620730a42676a52ef58a29733efbb",value:"8"},"August"),e("smoothly-item",{key:"ad328c7576a564161195f4b0cdd15ee5954eb5c5",value:"9"},"September"),e("smoothly-item",{key:"b0b7f64cac0dfa22fdb095251d76bb1b5204d9d2",value:"10"},"October"),e("smoothly-item",{key:"87d34b68e8bce002511f6c595c3ff92213864c7e",value:"11"},"November"),e("smoothly-item",{key:"088b3958b79b2e11d7ccb38801f4035588fe0c75",value:"12"},"December")),e("smoothly-input-select",{key:"08a93ddcd78c24a78229d3051b6dc57e51f78e70",name:"select-icon",clearable:false,showSelected:false},e("smoothly-item",{key:"489658e084984b9448f9510c14fe9a579da1e137",value:"folder",selected:true},e("smoothly-icon",{key:"cb46300bf7a30990fad586ad8a2d8abd7033d788",size:"small",name:"folder-outline"})),e("smoothly-item",{key:"c1e2ef0638f5903f3ef66b204fa803b98b8508a4",value:"camera"},e("smoothly-icon",{key:"e38b9c538e0fd4212339d687bad504990e6bd11f",size:"small",name:"camera-outline"}))),e("smoothly-input-checkbox",{key:"1dd4abf768ad0246df81dba6e0c5acf7cd3b1d1e",name:"checkbox"},"Check the box"),e("smoothly-input-checkbox",{key:"ce4d3045d4892a3ee68d45f4a19a57345fa6e9cd",name:"checkbox2",checked:true},"Check the box 2"),e("smoothly-input-range",{key:"7a21fbdde34216df183e6fd6390929cea8c75f50",step:1,name:"range3",value:20,label:"Range"}),e("smoothly-input",{key:"557a9becbbed3e015f7f20ad6492a37adf3951c9",name:"pets.0.name"},"First Pet's Name"),e("smoothly-input-range",{key:"a9ccc931ea4e9391eee5067f3adaf2d934c9b314",name:"pets.0.age",max:100,step:1,label:"First Pet's Age"}),e("smoothly-input",{key:"c5bec1fe07df3b52b16e38da867b44c2c5eede6b",name:"pets.1.name"},"Second Pet's Name"),e("smoothly-input-range",{key:"103bf173600b31844c66d5b883f7ce0c75cdf9f7",name:"pets.1.age",max:100,step:1,label:"Second Pet's Age"}),e("smoothly-input",{key:"0c6b9f0b3843db0daab0552b399c9bcacb8c076b",name:"pets.2.name"},"Third Pet's Name"),e("smoothly-input-range",{key:"3a02005b1bcd05d7a30624bed434cf87dd8f8b65",name:"pets.2.age",max:100,step:1,label:"Third Pet's Age"}),e("smoothly-input-file",{key:"eb67afc68313ac9a66c6d74ef889bea4c9bdc065",name:"profile",placeholder:"Click or drag your profile picture here..."},e("span",{key:"a49cef10434601d6a588728cf3e3ea1b94a6d75f",slot:"label"},"Profile"),e("smoothly-icon",{key:"f3139d6f626847a53b1e9b90e655b4373d583b43",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),e("smoothly-input",{key:"1fb7c379dfca4c4f3fc313719a7045d4c5c08b19",type:"duration",name:"duration",value:{}},"Duration"),e("smoothly-input-clear",{key:"730188c73cb15755a43913e10e836fff25be6c37",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),e("smoothly-input-edit",{key:"4442a854ab7a7f5c562e711b31ba29d016846cec",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),e("smoothly-input-reset",{key:"7d3ea9ec4372af8948411500afcc8755430f546b",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),e("smoothly-input-submit",{key:"a2a4eb127a5da6d1c6885ac3007666517cbdf554",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),e("smoothly-input-submit",{key:"8a67c4cbbd10a97db5d57ef67b5b8e6e31fe9620",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}};const kr=class{constructor(e){t(this,e)}render(){return e(s,{key:"f41d3996d386b484cdcc491f9073392dbd8c4901"},e("h2",{key:"c1972ad42a1ca14daea085d1ddcc4e3457487306"},"Card"),e("smoothly-form",{key:"2cb36ce0c468e19f26b791d64460018081e3b9dc",looks:"grid",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail))},e("smoothly-input",{key:"c389c92d82a609ba046c58b175fbc4557abff1ac",type:"card-number",name:"card"},"Card #"),e("smoothly-input-submit",{key:"e545832ece3f6fd0e9fe609ba256d8aa9945855f",size:"icon",slot:"submit",color:"success",fill:"solid"}),e("smoothly-input",{key:"cfc1566569bd53868d9e09e5f7dc422e36734d14",type:"card-expires",name:"expires"},"Expires"),e("smoothly-input",{key:"ee6049372fc859a05ded9328594f083cea37ce57",type:"card-csc",name:"csc"},"CVV/CVC"),e("smoothly-input",{key:"11da0772ff937336788e0a00b61528cbb97df4f5",type:"text",name:"name.first"},"First Name"),e("smoothly-input",{key:"4c9f8d7125f84d2f5f6405814d0dd78c51e94c79",type:"text",name:"name.last"},"Last Name")))}};const vr=class{constructor(e){t(this,e);this.currencies=["GBP","SEK","EUR","USD"];this.name="Initial name";this.currency="EUR";this.date=S.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(!j.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 e(s,{key:"1fd4d2fa478bf809dfe9bb3b9d72443b4f934221"},e("h2",{key:"4f74d9500d2c7b180ba8c195c291db0ff3db5a2d"},"Controlled"),e("smoothly-form",{key:"4777ff01eb0d0e3279be2f248171868c8df67efa",readonly:true,looks:"grid",onSmoothlyFormSubmit:t=>this.submitHandler(t)},e("smoothly-input",{key:"158abc4c211a02f7cbdc01cc2a247beba27cb5cc",type:"text",name:"name",value:this.name},"Name"),e("smoothly-input-select",{key:"8239412efd0e36ebfb2211de5479d1290f393887",name:"currency"},e("span",{key:"35cb2e8e9b5757afc6d7401b506715d1d4268e51",slot:"label"},"Currency"),this.currencies.map((t=>e("smoothly-item",{selected:t==this.currency,value:t},t)))),e("smoothly-input",{key:"8edc0dcbe2a7c523f97aca8a58fef2d0e8eaf823"},"Dummy"),e("smoothly-input-month",{key:"4c53b1878604534aba4c32dfb6c614c53deff9b8",name:"date",value:this.date,next:true,previous:true},e("span",{key:"d6d865bb7e650b0fdb0b1967ff1ddfc096c8487e",slot:"year-label"},"Year"),e("span",{key:"23ce8c55b7b64d677fbec3bad34b6649ae3108e4",slot:"month-label"},"Month")),e("smoothly-input-edit",{key:"9dd2e66bd9b2f022243aa0eb7e608f847fa168da",slot:"edit",size:"icon",color:"primary",fill:"default"}),e("smoothly-input-reset",{key:"f4e9762d6ce565c4f715ccda1f372ea9a27fe39f",slot:"reset",size:"icon",color:"warning",fill:"default"}),e("smoothly-input-submit",{key:"d40b10936e26d6295acfde5458bdc67cec444625",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:["nameChanged"]}}};const xr=".sc-smoothly-form-demo-date-h{display:block}";const wr=xr;const Sr=class{constructor(e){t(this,e);this.notice=o(this,"notice",7);this.validator=d({date:f("isoly.Date",S.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 e(s,{key:"0e9ebcf1bfe2e51739108325f6aeaae38fb21872"},e("h2",{key:"ff8c62400072ad8d57f16feeeaa0bcd1bc92eabf"},"Date input"),e("smoothly-form",{key:"145c55f92f0c17a206ba5b7023f4d5ba3c456976",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},e("smoothly-input-date",{key:"f2d23dbd7948caa0cbcec370a6480c50db3c4960",name:"date"},"Date"),e("smoothly-input-submit",{key:"6841b540a936eac12e1c73ecbfceaa152af1c519",slot:"submit"},e("smoothly-icon",{key:"3c6c67b2a6b613979245be8f6ef421daad7b16df",name:"checkmark-outline"}))))}};Sr.style=wr;const Cr=".sc-smoothly-form-demo-date-range-h{display:block}";const zr=Cr;const jr=class{constructor(e){t(this,e);this.notice=o(this,"notice",7);this.validator=d({range:f("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 e(s,{key:"6ba08563a69716f7eb21cd040b61d1f21842fcef"},e("h2",{key:"dbbf147ae323715a44549b10739788649af3138f"},"Date-range input"),e("smoothly-form",{key:"81ea96a97ecb6a85ad9ee53ab097de2d0712f2b6",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},e("smoothly-input-date-range",{key:"fd77d4da2eff6ca3257eadb5f452dafc389feeca",name:"range"},"Range"),e("smoothly-input-submit",{key:"0f7d811917d7b63466bf43ea0cf29363737eee6a",slot:"submit"},e("smoothly-icon",{key:"f576ccc6552d70a503874506780fba434325dba8",name:"checkmark-outline"}))))}};jr.style=zr;const _r=class{constructor(e){t(this,e)}render(){return e(s,{key:"121f2b09b6e49c96510f286a942f1214c3d6c3ba"},e("h2",{key:"f1dd7c6d1922db4b3fc4e2715ebc19556cfa0e36"},"Login"),e("smoothly-form",{key:"3cd991716a14bc5fb5a1c6d0da70b0516815473c",looks:"border"},e("smoothly-input",{key:"83ac9a528f40a78654daaa9a293c4466bcec32c4",type:"text",name:"username"},"Username"),e("smoothly-input",{key:"0a5aea9376c0930a5615cf841834516bab4608c9",type:"password",name:"password"},"Password"),e("smoothly-input-reset",{key:"1a2bb6ec0310f0f3fe6c5f4016cafe6135c3b56c",slot:"reset",type:"form",size:"icon",color:"warning"}),e("smoothly-input-submit",{key:"f9f7f4ce8e05477c8e6021039b0d3e036c08bf12",slot:"submit"})))}};const Tr='.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-summary.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 Ir=Tr;const Or=class{constructor(e){t(this,e);this.hasOwner=false;this.owner={};this.value=undefined}render(){var t,o;return e(s,{key:"25f0e28fea574ff23698b4a80b778f4adef770d7"},e("h2",{key:"c19bd386fed8547d82e6accfd02434dc15cc3480"},"Pet"),e("h3",{key:"3d2271d0f1d437c2b1814c1a77901f5c7448f031"},"Value"),e("smoothly-form",{key:"65fd9e5c17fb35abae93bf6c8a13fa7eb4358fa3",looks:"border",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail)),onSmoothlyFormInput:t=>this.value=Object.assign({},t.detail)},e("smoothly-input",{key:"14e5218263e557ea0a7e08fd3c7d0e75d3960d3a",type:"text",name:"name.first"},"Name"),e("smoothly-input",{key:"b4f1def54df11b5a7604ed25ed166fafdf6bf1c1",type:"integer",name:"age"},"Age (Years)"),e("smoothly-input-checkbox",{key:"1d9cf11f390155b57ea50a90bb480a9f9422eda5",name:"hasOwner",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:t=>{this.hasOwner=t.detail.hasOwner;t.stopPropagation()}},"Has Owner"),this.hasOwner&&e(i,{key:"2db53f04c4783682a175c248e78a743352f2d884"},e("smoothly-input",{key:"c0349d628ce5ae47157259663e1c0f133d936ce0",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"),e("smoothly-input",{key:"74f117b7b6e8a8c5a0f32baa90d77e522e8432e9",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"),e("smoothly-input-file",{key:"a086c62c678687596e53752100d7e9e47d9fec65",name:"owner.picture"},e("span",{key:"e23d1e31b0216bfeb3abce270889e3db283725bf",slot:"label"},"Owner picture")),e("smoothly-input-date",{key:"7a1da5ee1e5eb91e6e67fcf6f3aa978262f827eb",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:t.detail["owner.birthday"]})},"Owner birthday"),e("smoothly-input-date-range",{key:"5a079fe255e7d48352e08f31a29638981aacd2d6",name:"owner.ownedRange",start:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.start,end:(o=this.owner.ownedRange)===null||o===void 0?void 0:o.end,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:t.detail["owner.ownedRange"]})},"Owner ownedRange"),e("smoothly-input-range",{key:"6055dc522ddb020f74dfb2bc3a2ffab009ca4d1c",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"),e("smoothly-input-select",{key:"2adbe6bae62b0f9c0ee3c829c4123fda8aed4319",name:"owner.favoriteHat"},e("span",{key:"901774a34e11bc9e6b31702b031663f3edbfcb68",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,o)=>e("smoothly-item",{value:t,key:o,selected:this.owner.favoriteHat==t},t)))),e("smoothly-input-color",{key:"8083565c9dbc962a5bfc9383dabb0cf677044a25",name:"owner.favoriteColor",value:this.owner.favoriteColor?p.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:t.detail["owner.favoriteColor"]})},"Owner's Favorite Color"),e("smoothly-input-radio",{key:"5829f3a37b7b786212fe0e3ff5f4fc37c097ee69",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:t.detail["owner.favoritePizza"]})},e("span",{key:"433d1bc7230de1e3ec08db94a56db35a67386dcf",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,o)=>e("smoothly-input-radio-item",{value:t,key:o},t)))),e("smoothly-input-checkbox",{key:"0c1a58b9764c419a3dba1bf9d1e69f325bf34088",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:t.detail["owner.hasPet"]})},"Has Pet")),e("smoothly-summary",{key:"ee58c10dbdfd98beda622a8b6e4bb96958cfc3ef"},e("span",{key:"61729887692798a6d7c223ac5bb81cb19e1c3f68",slot:"summary"},"Summary"),e("div",{key:"a57a455ef226ef72d091a4b97874ecc4a38608bb",slot:"content"},e("smoothly-input",{key:"c5dfb6e6d4b87500ea29b7b2e44ddbdcf2c836b2",type:"price",name:"summary.price",currency:"EUR"},"Summary Price"),e("smoothly-input-file",{key:"188ade417c7e57be4eb20c2aa82ac6afca294397",name:"summary.picture"},e("span",{key:"9e44ccca1cd29434aee0bdb50f85de1d010bd40c",slot:"label"},"Summary picture")),e("smoothly-input-date",{key:"b70839b02c0cb1c2f26a7b63efac9675de096b7c",name:"summary.birthday"},"Summary birthday"),e("smoothly-input-date-range",{key:"164bc527fe0e5f0f173f14d6742e93e8416b6937",name:"summary.ownedRange"},"Summary ownedRange"),e("smoothly-input-range",{key:"3660eceee6e5fd1811e1e3978ddd984a9141ea14",name:"summary.height"},"Height"),e("smoothly-input-select",{key:"0495922c735c863805edd589c3cf5c34939eebef",name:"summary.favoriteHat"},e("span",{key:"ac7bca6854d1f48df60ccc50879ffaa5b52eb6f2",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,o)=>e("smoothly-item",{value:t,key:o},t)))),e("smoothly-input-month",{key:"c03c81c26238580e88a5790c7f87402caab6bae9",name:"summary.month"},"Summary Month"),e("smoothly-input-color",{key:"eb3247f2fcadc0a9084b5ad6b6672a8fc7ffc8cf",name:"summary.color"},"Summary Color"),e("smoothly-input-radio",{key:"f9c78cfd9b2986af54a96bde31b78f8c87d5c7ad",name:"summary.favoritePizza"},e("span",{key:"67941d134cc3e312d76e3b6efca2894322e8240b",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,o)=>e("smoothly-input-radio-item",{value:t,key:o},t)))),e("smoothly-input-checkbox",{key:"8836e89cb394a0d38f595992db7df82a8010ac5b",name:"summary.hasPet"},"Has Pet"))),e("smoothly-tabs",{key:"c2e5f3114069547c64bc44a408b9586a9ff8e287"},e("smoothly-tab",{key:"eba8e9edd0cb561babc873b9dfa3cc89f4fa66ac",label:"Dog"},e("smoothly-input",{key:"a96f9cc655f719363c31477ffd713fc8f857a597",type:"text",name:"dog.breed"},"Breed"),e("smoothly-input-file",{key:"d987b511f67ddbeadaf8f79847e22368d371f91c",name:"dog.picture"},e("span",{key:"c3fd42cfd1c8bcddafa8f7ac5d6f556f02eeb510",slot:"label"},"Dog picture")),e("smoothly-input-date",{key:"0f41d07589abfce67ade5743791b0b9482d3858b",name:"dog.birthday"},"Dog birthday"),e("smoothly-input-date-range",{key:"9b1968bac680b5d02a37674c2d95aedff07e2c44",name:"dog.dateRange"},"Dog date range"),e("smoothly-input-select",{key:"b23b84e1d4c9cd8317e9f87f69f2a593791a04cc",name:"dog.favoriteHat"},e("span",{key:"0620298258955584e728914a0f739e85df0c249c",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,o)=>e("smoothly-item",{value:t,key:o},t)))),e("smoothly-input-color",{key:"cd7910bae7f5cdb29ca2b3cf050b1d1c67d826c1",name:"dog.favoriteColor"},"Dog's Favorite Color"),e("smoothly-input-radio",{key:"700fea8be049fa8cd6ec58deb709fab0962505ad",name:"dog.favoritePizza"},e("span",{key:"fea88bd6af68a913402f498e41fd22256f2f001b",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,o)=>e("smoothly-input-radio-item",{value:t,key:o},t)))),e("smoothly-input-checkbox",{key:"8afa50869642b41a50aa541d6943894de554ccab",name:"dog.hasPet"},"Has Pet")),e("smoothly-tab",{key:"82505611d4c0eccdef752362c2ba76ab9b1a67f0",label:"Cat",open:true},e("smoothly-input",{key:"a44183fd177d84950fdf674484be41c3e9faec36",name:"cat.favoriteFood"},"Favorite Food"))),e("smoothly-input-submit",{key:"59873065ed8742f0f731d9f1db458d6dc8877f9e",size:"icon",slot:"submit",color:"success",fill:"solid"})),e("smoothly-display",{key:"9134688c2d2a993637bd525d23450158e021d4a0",type:"json",value:this.value}))}};Or.style=Ir;const Lr=class{constructor(e){t(this,e)}render(){return e(s,{key:"9d7de2edf91d84fd944b0787aaae43abf274ac49"},e("h2",{key:"643d7d413bbe2dfd46e26fe227527e6c089c5cc6"},"Prices"),e("smoothly-form",{key:"8208d0a84ce3af46be9b9eb93652b3664ee643c8",looks:"line"},e("smoothly-input",{key:"e68ccdf92d114eebb5354f58254fc7e934dd8018",type:"price",name:"no"},"No currency"),e("smoothly-input",{key:"e4def726dbfe3e26c9292359f684eaad919fbf9c",type:"price",name:"crowns",currency:"SEK",toInteger:true},"SEK (toInteger)"),e("smoothly-input",{key:"d8519a00bf2f6f73cad691e7f5b1ef1bc465cadf",type:"price",name:"usDollar",currency:"USD"},"USD"),e("smoothly-input",{key:"bcc8cc63fbe4b674327e8216b65ae8861a70b1ca",type:"price",name:"pounds",currency:"GBP"},"GBP"),e("smoothly-input",{key:"4c25cadee15865ebac7e336685c97f354a16c142",type:"price",name:"peso",currency:"UYW"},"UYW"),e("smoothly-input",{key:"7928b1a081003be0858728f5bca227e040fecff2",type:"price",name:"iceland",currency:"ISK"},"ISK"),e("smoothly-input",{key:"4bcd0d6eeb77f290dbeb16a29dded1481ff53bdc",type:"price",name:"Palladium",currency:"XPD"},"XPD (Palladium)"),e("smoothly-input-reset",{key:"e25fc293f0e6f0213b042e0be23453874296f12d",slot:"reset",fill:"default",type:"form",color:"warning"}),e("smoothly-input-submit",{key:"b67ab2fc3e4e830ec8ca1c5dfccc79cbe39b32dd",slot:"submit"})))}};const Ar=class{constructor(e){t(this,e)}render(){return e(s,{key:"3057e6de398fb81a09bd3ff18360757c49be174d"},e("h2",{key:"ba825799f731267b7d1a63204c8029eec352193a"},"Transparent"),e("smoothly-form",{key:"ce7702a1b692775140b1da4a851f6e13b1f0ab89",looks:"transparent",onSmoothlyFormSubmit:t=>console.log(t.detail.value)},e("smoothly-input-file",{key:"66881e03dbd519d2da6f545390b95a2e6e229431",name:"file"},e("span",{key:"07efd0cdb02069e1cdcf5e4a7178e4fea63c06ef",slot:"label"},"File"),e("smoothly-icon",{key:"3ee2a5ad8c690834531c05d350702a377078dabf",slot:"button",name:"folder-open-outline",size:"small"})),e("smoothly-input",{key:"aa075e902817e6fc201762e04ee1031b09203ec0",type:"duration",looks:"transparent",placeholder:"h:mm"},"Input"),e("smoothly-input-date",{key:"b35fb059e3c7c9f08938a20add99851d182f86ba"},"Date"),e("smoothly-input-date-range",{key:"3faed295eba7db68bd888d7b3575da31888ad215"},"Date Range"),e("smoothly-input-select",{key:"51e7fbd5abac7351c35cbf3136fa2a15c0a96d43",name:"transport"},e("smoothly-item",{key:"16eaf9bd791575e5b739ee7cba1e16310f3812f0",value:"plane"},e("smoothly-icon",{key:"1b5ed0735cb7d0ba33eb71cd854cb0806c85657e",name:"airplane-outline"})),e("smoothly-item",{key:"3750f39f61f1ee7f336ffdf7229279eedfeef7c0",value:"car"},e("smoothly-icon",{key:"5fd4d60477fe34c4eb7fe275ab35c8324983894a",name:"car-outline"})),e("smoothly-item",{key:"bdbecfc510225deeed8257a6a182e71167084451",value:"bus",selected:true},e("smoothly-icon",{key:"6a6e62e2e82d64f6216ea17df4cbbb138888a63d",name:"bus-outline"}))),e("smoothly-input-submit",{key:"3e26a9e7ff465a770c9390b87284d878f04ad737",icon:"checkbox-outline"})))}};var Er;(function(t){t.type=d({name:d({first:b(),middle:b().optional(),last:b()}),age:g((t=>18<=t&&t<=120)),country:f("CountryCode",T.is),birthday:f("Date",S.is)})})(Er||(Er={}));const Dr="";const Mr=Dr;const $r=class{constructor(e){t(this,e)}render(){return e(s,{key:"863d42c367fa028fa1300469261155b3656317f0"},e("h2",{key:"c09c96c4d46e4ae793da5590177ee27a83a47344"},"Typed Contact"),e("smoothly-form",{key:"a573e17c47c9caa1edfffb45db48d5562994e9d7",validator:Er.type},e("smoothly-input",{key:"af05cca00bc6b389964cb6421b6eea0c98f2777e",name:"name.first"},"First Name"),e("smoothly-input",{key:"5b41c244e61776ce742beae0303ad32e9a400559",name:"name.middle"},"Middle Name (optional)"),e("smoothly-input",{key:"6731f9d7aa683d0cc21b10e25af363e44e5d28d1",name:"name.last"},"Last Name"),e("smoothly-input",{key:"76891da3232bb6220866a3c2a5532447133d52e5",name:"age",type:"integer"},"Age (18-120)"),e("smoothly-input-select",{key:"b5685795e011d37898da248d444c423fb3d79601",name:"country"},e("span",{key:"73a337495ffd988b65a989bf30fd9304e5262ccb",slot:"label"},"Country"),T.types.map((t=>e("smoothly-item",{value:t},L(t))))),e("smoothly-input-date",{key:"f77ee0ee979fb302dfa01958c8847cf78704e18c",name:"birthday"},"Date of birth"),e("smoothly-input-reset",{key:"c4584f57c38a939b2417be9193981fd1d531b325",slot:"reset",type:"form",size:"icon",color:"warning"}),e("smoothly-input-submit",{key:"61d1ab1a391b3a5e1bf3ba7a8e36701f87930d24",slot:"submit",size:"icon",color:"success"})))}};$r.style=Mr;const Rr=".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 Pr=Rr;const Nr=class{constructor(e){t(this,e);this.trigger=o(this,"trigger",7);this.message2=o(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)k.listen((t=this.origin)!==null&&t!==void 0?t:this.defaultOrigin,((t,e)=>{if(t==this.name)if(r.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")k.send(((o=this.origin)!==null&&o!==void 0?o:this.defaultOrigin)+"#"+t,e,this.contentWindow);else if(k.is(t)&&this.contentWindow)k.send({destination:((s=this.origin)!==null&&s!==void 0?s:this.defaultOrigin)+"#"+t.destination,content:t.destination},this.contentWindow)}render(){return[]}get element(){return a(this)}};Nr.style=Pr;const Hr="[size].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:flex;align-items:center;justify-content:center}[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{width:1.2em;height:1.2em}[size=small].sc-smoothly-icon-h{width:1.4em;height:1.4em}[size=medium].sc-smoothly-icon-h{width:1.8em;height:1.8em}[size=large].sc-smoothly-icon-h{width:2.8em;height:2.8em}[size=xlarge].sc-smoothly-icon-h{width:4em;height:4em}.sc-smoothly-icon-h.sc-smoothly-icon-s>svg{width:100%}";const Fr=Hr;const Ur=class{constructor(e){t(this,e);this.color=undefined;this.fill="solid";this.name="empty";this.size="medium";this.rotate=undefined;this.flip=undefined;this.toolTip=undefined;this.latestPromise=undefined;this.document=undefined}async componentWillLoad(){await this.nameChanged()}async nameChanged(){if(this.name!="empty"){const t=this.latestPromise=v.load(this.name);let e=await t;if(t==this.latestPromise){e=e===null||e===void 0?void 0:e.replace(/(?<=^<svg\s?)/,`$& role="img"`).replace(` width="512" height="512"`,"").replace(/stroke:#000;/gi,"");if(!this.toolTip)e=e===null||e===void 0?void 0:e.replace(/<title>.*<\/title>/,"");else if(e===null||e===void 0?void 0:e.includes("<title>"))e=e.replace(/(<title>).*(<\/title>)/,`<title>${this.toolTip}</title>`);else e=e===null||e===void 0?void 0:e.replace(/(.*>)(<\/svg>$)/,`$1<title>${this.toolTip}</title>$2`);this.updateDocument(e)}}else this.updateDocument()}updateDocument(t){this.document=t!==null&&t!==void 0?t:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\n\t\t<title>Empty</title>\n\t\t</svg>`}render(){var t;return e(s,{key:"e29dfb2ff35e71cb6007424718aec29c006331e1",innerHTML:this.document,style:{["--rotation"]:`${(t=this.rotate)!==null&&t!==void 0?t:0}deg`}})}static get watchers(){return{name:["nameChanged"]}}};Ur.style=Fr;const Yr=".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 Wr=Yr;const Br=class{constructor(e){t(this,e);this.notice=o(this,"notice",7);this.page=0;this.display={};this.props={}}render(){return e(s,{key:"c587537cfac8dd04a8b5d677aa0d940ccf8d8c1f"},e("h2",{key:"13e44a78d8a3f80ca991603af716c3dc8b49b3b8"},"Filter and Variants"),e("smoothly-form",{key:"44ff9b82b821262bc8d7c4a01275b5f5f1cad861",onSmoothlyFormInput:t=>this.display=t.detail},e("smoothly-input",{key:"e496109a429a8bb28a0f2574d59da21caf3a0cad",name:"filter"},"Filter"),e("smoothly-input-select",{key:"63e2b5a60f6a83843815a87850236f7985c427f8",name:"variant"},e("span",{key:"dfcd3453576dd07c41ebb28d9ac2d0f7510b8151",slot:"label"},"Variant"),e("smoothly-item",{key:"858645608d3ded70226e698d12161fa8a5da0566",value:"outline"},"outline"),e("smoothly-item",{key:"26473eb08d6231cc23d9df4ea58748d6aff939c5",value:"sharp"},"sharp"),e("smoothly-input-clear",{key:"563d5097d77a6cb771f3950d881a2ad5f4f94a77",slot:"end"}))),e("h2",{key:"f0e5efcd97da7df914ca33d5cae907f154b59ae0"},"Props"),e("smoothly-form",{key:"23be6e8004126b2653c2968c91e4862992b501c1",onSmoothlyFormInput:t=>this.props=t.detail},e("smoothly-input-select",{key:"234d568e4edf5e20a8a1e503b800ac78c832cb01",name:"color"},e("span",{key:"ca7c3d6b7b91342397a6a8324fa0c01c2c955bab",slot:"label"},"Color"),c.types.map((t=>e("smoothly-item",{value:t,color:t},t))),e("smoothly-input-clear",{key:"714e92f3c015532b677b947c86e16da12a279acd",slot:"end"})),e("smoothly-input-select",{key:"c389a8b4cc53a4e049b24ebdca0f436eb81d068c",name:"flip"},e("span",{key:"0f93c27dddb5e2c2b3b707650d326b7ad76758bd",slot:"label"},"Flip"),e("smoothly-item",{key:"bc9666e658041d38b4c35a27a5885dbd5f123d09",value:"x"},"x"),e("smoothly-item",{key:"0783bf83144a31577abe17a07af707fda2587680",value:"y"},"y"),e("smoothly-input-clear",{key:"23dad9141834b4cdbb9c6dd06e4d6c10dd0bce23",slot:"end"})),e("smoothly-input-select",{key:"8c87db4ce0041147c66b6961d80973d1b365e2e3",name:"size"},e("span",{key:"7870f3c9b4ef8138e34b768f6e4005e00437c446",slot:"label"},"Size"),e("smoothly-item",{key:"8c6e8943d5c1b5ba194cdecd08884ec2852a314b",value:"tiny"},"tiny"),e("smoothly-item",{key:"3591b9178abcb9bce8824b47bcf05d335d735bf9",value:"small"},"small"),e("smoothly-item",{key:"ed80c9ec9e05d786713d85ef95343096bb581032",value:"medium"},"medium"),e("smoothly-item",{key:"8046e4bf9c5f8457eef91fe2051c742d59cde223",value:"large"},"large"),e("smoothly-input-clear",{key:"7e849daf267c1309ebabc4f3bb8381d2f39549e8",slot:"end"})),e("smoothly-input-range",{key:"10b731415bc2db750066baadb51dca5a543a6fe7",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",e("smoothly-input-clear",{key:"f74115bba6427c12bc1bbea85e4891cfdb3bbc7e",slot:"end"}))),e("h1",{key:"2be36eb07701df50c1dd810dea8474539912af31"},"Icons"),e("div",{key:"f4bf305b13940b4c08f6be7b4959f3823a8855b7",class:"icons"},[...v.Name.values.filter((t=>!this.display.filter||t.includes(this.display.filter))).map((t=>this.display.variant?`${t}-${this.display.variant}`:t)),...v.Logo.values.filter((t=>!this.display.filter||t.includes(this.display.filter)))].map((t=>e("smoothly-icon",{name:t,toolTip:t,"data-name":t,color:this.props.color,flip:this.props.flip,size:this.props.size,rotate:this.props.rotate,onClick:()=>{navigator.clipboard.writeText(t);this.notice.emit(O.succeeded(`Copied "${t}"`))}})))))}};Br.style=Wr;var Vr;(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})(Vr||(Vr={}));var Gr;(function(t){function e(t,e,a){const i=/([^.-@\s]+)/gi;return a=="backward"?o(t,e,i):s(t,e,i)}t.getWordBreakIndex=e;function o(t,e,o){let s=0;let a;while((a=o.exec(t))!=null){if(o.lastIndex-a[0].length<e)s=o.lastIndex-a[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}})(Gr||(Gr={}));class Kr{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=Ce("price",e);break;default:o=Ce(t,e);break}return new Kr(o||Ce("text"),t)}onKeyDown(t,e){var o,s,a,i;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=(a=r.selectionDirection)!==null&&a!==void 0?a:e.selection.direction;const c=l(t,this.unformatState(e),e);const d=this.partialFormatState(c);if(t.defaultPrevented){r.selectionStart=d.selection.start;r.selectionEnd=d.selection.end;r.selectionDirection=(i=d.selection.direction)!==null&&i!==void 0?i:null}n=d}return n}moveCursor(t,e){t.preventDefault();let o=ge.getCursor(e.selection);let s=ge.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,a,i,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=(a=c.selectionDirection)!==null&&a!==void 0?a:e.selection.direction;const d=t.type=="beforeinput"||t.type=="input"?(l=(n=(i=this.eventHandlers[t.type])[t.inputType])===null||n===void 0?void 0:n.call(i,t,this.unformatState(e),e))!==null&&l!==void 0?l:e:e;const h=this.partialFormatState(d);if(t.defaultPrevented){c.value=h.value;c.selectionStart=h.selection.start;c.selectionEnd=h.selection.end;c.selectionDirection=(r=h.selection.direction)!==null&&r!==void 0?r:null}return h}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);return e}deleteWord(t,e){const o=ge.getCursor(t.selection);const s=Gr.getWordBreakIndex(t.value,o,e);const a=this.unformatState(Object.assign(Object.assign({},t),{selection:{start:Math.min(o,s),end:Math.max(o,s),direction:"none"}}));const i=a.value.substring(0,a.selection.start)+a.value.substring(a.selection.end);a.value=i;a.selection.end=a.selection.start;return a}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 ke.copy(this.formatter.unformat(ve.copy(t)))}partialFormatState(t){return this.formatter.partialFormat(ve.copy(t))}createFormattedState(t){return this.formatter.format(ve.copy(this.formatter.unformat(ve.copy(t))))}toString(t){return this.formatter.toString(t)}initialState(t){const e=this.toString(t)||"";const o=e.length;const s=this.createFormattedState({value:e,selection:{start:o,end:o,direction:"none"}});return s}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)}}const Zr='.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)}.sc-smoothly-input-h[looks="border"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"][readonly].sc-smoothly-input-h{border:transparent solid 1px}.sc-smoothly-input-h[looks="line"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[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="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:transparent}[looks="transparent"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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);overflow:hidden;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}.sc-smoothly-input-h>div.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>div.sc-smoothly-input>div.ghost.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>div.sc-smoothly-input>div.ghost.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>div.sc-smoothly-input>div.ghost.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>div.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)}.sc-smoothly-input-h>div.sc-smoothly-input>smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}[invalid].sc-smoothly-input-h>div.sc-smoothly-input>smoothly-icon.sc-smoothly-input{display:block;z-index:2;cursor:pointer}.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.sc-smoothly-input-s>[slot=end] button{padding:0}.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))}';const qr=Zr;const Jr=class{constructor(e){t(this,e);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.smoothlyBlur=o(this,"smoothlyBlur",7);this.smoothlyChange=o(this,"smoothlyChange",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.uneditable=this.readonly;this.listener={};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.invalid=false;this.changed=false;this.errorMessage=undefined;this.initialValue=undefined;this.state=undefined}async getValue(){return this.stateHandler.getValue(this.state)}async listen(t,e){this.listener[t]=e;e(this)}async register(){hr.formAdd(this)}async unregister(){hr.formRemove(this)}async clear(){!this.uneditable&&(this.value=undefined)}async edit(t){!this.uneditable&&(this.readonly=!t)}async reset(){!this.uneditable&&(this.value=this.initialValue)}async setInitialValue(){this.changed=false;this.initialValue=this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()})}async smoothlyInputLoadHandler(t){if(!(t.target&&"name"in t.target&&t.target.name==this.name)){t.stopPropagation();t.detail(this)}}typeChange(){var t,e;switch(this.type){case"price":this.stateHandler=Kr.create("price",{currency:this.currency,toInteger:this.toInteger});break;default:this.stateHandler=Kr.create(this.type,D());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)}stateChange(){this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)})}valueChange(t){const e=this.stateHandler.getValue(this.state);if(Vr.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(){var t,e;(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}componentWillLoad(){var t,e;this.typeChange();this.initialValue=this.value;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));(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}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)}render(){var t,o,a,i,n,l,r,c,d,h;return e(s,{key:"a2d80b132fb6df878a0c7d4578f898688e5477d4",class:{"has-value":((t=this.state)===null||t===void 0?void 0:t.value)!=undefined&&((o=this.state)===null||o===void 0?void 0:o.value)!=""},onclick:()=>{var t;return(t=this.inputElement)===null||t===void 0?void 0:t.focus()}},e("slot",{key:"7521275d115175bfaae814952ced002bba874ae9",name:"start"}),e("div",{key:"41940054f9c11b4fd7954d3d3fde7a255cb762da"},e("div",{key:"fe690096bd6c92000c27aa2b9acd8eaf0a295bd3",class:"ghost"},e("div",{key:"a858961bc91c214618c637fd9c5deee33a841666",class:"value"},(a=this.state)===null||a===void 0?void 0:a.value),e("div",{key:"02705773d3af87f2d7a528ac20175cb5f7d36474",class:"remainder"},(i=this.state)===null||i===void 0?void 0:i.remainder)),e("input",{key:"d195fea65f240194ecee4764c390d7cf001a5348",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:((d=this.state)===null||d===void 0?void 0:d.pattern)&&((h=this.state)===null||h===void 0?void 0:h.pattern.source),onKeyDown:t=>{this.state=this.stateHandler.onKeyDown(t,this.state);if(t.key=="Enter")this.smoothlyBlur.emit()},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(Vr.notEqual(e,this.stateHandler.getValue(this.state)))this.smoothlyChange.emit({[this.name]:this.stateHandler.getValue(this.state)})}}}),e("label",{key:"891e34f1f52c83dff8ac57b3fb180bdcc5e3472c",class:"label float-on-focus",htmlFor:this.name},e("slot",{key:"24dd7892e3d0ee65ebf6d9630b256b94f472355d"})),e("smoothly-icon",{key:"0f5da90409392952b971b1d4807263dc003fe8d5",name:"alert-circle",color:"danger",fill:"clear",size:"small",toolTip:this.errorMessage})),e("slot",{key:"efe0c88e562e4effa7691134d3723abd5b0845a2",name:"end"}))}get element(){return a(this)}static get watchers(){return{currency:["typeChange"],type:["typeChange"],state:["stateChange"],value:["valueChange"],readonly:["readonlyChange"]}}};Jr.style=qr;const Xr='.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)}.sc-smoothly-input-checkbox-h[looks="border"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}.sc-smoothly-input-checkbox-h[looks="line"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks="line"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[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="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:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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:0 var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1}.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 black;display:block}.sc-smoothly-input-checkbox-h:not([readonly]),.sc-smoothly-input-checkbox-h:not([readonly])>*.sc-smoothly-input-checkbox{cursor:pointer}[readonly].sc-smoothly-input-checkbox-h,[readonly].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}[disabled].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[disabled].sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{cursor:not-allowed;border-color:rgb(var(--smoothly-color-contrast), 0.3);color:rgb(var(--smoothly-color-contrast), 0.4)}[looks="transparent"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}';const Qr=Xr;const tc=class{constructor(e){t(this,e);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.listener={};this.name=undefined;this.changed=false;this.readonly=false;this.checked=false;this.value=this.checked;this.looks=undefined;this.color=undefined;this.disabled=undefined}componentWillLoad(){var t,e;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));(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}async register(){hr.formAdd(this)}async unregister(){hr.formRemove(this)}async getValue(){return this.checked}async clear(){!this.disabled&&!this.readonly&&(this.checked=false)}async listen(t,e){this.listener[t]=e;e(this)}async edit(t){this.readonly=!t}async reset(){this.checked=this.initialValue}async setInitialValue(){this.initialValue=this.checked;this.changed=false}async elementCheck(){var t,e;this.changed=this.initialValue!==this.checked;this.smoothlyInput.emit({[this.name]:await this.getValue()});(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}click(){!this.disabled&&!this.readonly&&(this.checked=!this.checked)}render(){return e(s,{key:"6926bcba58ed87725c8d9fbd24c5873c796dfbaa",onMouseDown:t=>this.mouseDownPosition={x:t.clientX,y:t.clientY},onMouseUp:t=>{var e;return((e=this.mouseDownPosition)===null||e===void 0?void 0:e.x)==t.clientX&&this.mouseDownPosition.y==t.clientY&&this.click()}},e("input",{key:"0eb23a4138c5f7bde792266a87b2ebc8edf07bb4",type:"checkbox",checked:this.checked}),this.checked&&e("smoothly-icon",{key:"241adb264d872ba5902f8b2e49cd1d178c919be6",name:"checkmark-outline",size:"tiny"}),e("label",{key:"a7d0e2eac3bb4e382358db36c2adededa4927809"},e("slot",{key:"22fbcfe9ad64a5aeeb5bfa425c7270a49f6a77e6"})))}get element(){return a(this)}static get watchers(){return{checked:["elementCheck"]}}};tc.style=Qr;const ec='[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-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);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;pointer-events:none}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.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}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{padding:0.8em;min-width:8em}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-clear{padding:0.6em}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0.5em}[type=button].sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:100%}[size=large].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:130%}.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;align-items: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])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h>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])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>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 oc=ec;const sc=class{constructor(e){t(this,e);this.smoothlyInputLoad=o(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(rr.is(t)){this.parent=t;if(cr.Element.is(t)){t.listen("changed",(async t=>{if(hr.is(t)){this.display=!t.readonly&&(typeof t.defined=="boolean"?t.defined:Boolean(t.value))}if(t instanceof yr){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 e(s,{key:"c6f49245fc95bd93f729a2b51f50f97ab41fdb97",title:this.tooltip},e("smoothly-button",{key:"08f5d20f4dd0b15f8ac40b593585598f767de228",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},e("slot",{key:"d751b259ed5566cdad948697b139d94a3404f59d"}),e("smoothly-icon",{key:"19d2b88739261b33db7a445e4154f50afaeb70c5",name:"close",size:"tiny"})))}};sc.style=oc;const ac='.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)}.sc-smoothly-input-color-h[looks="border"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}.sc-smoothly-input-color-h[looks="line"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[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="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:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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;padding-right:.5em}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px)}.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}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{filter:opacity(60%)}.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 ic=ac;const nc=class{constructor(e){t(this,e);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.listener={};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.changed=false;this.readonly=false;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=c.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){if(t.target!=this.element)t.stopPropagation()}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}async register(){hr.formAdd(this)}async unregister(){hr.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,e){this.listener[t]=e;e(this)}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(){var t,e;this.changed=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}handleSwitchMode(t){t.stopPropagation();this.sliderMode=t.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=c.Hex.toRGB(this.value))}else{this.value&&(this.hsl=c.RGB.toHSL(c.Hex.toRGB(this.value)))}}hexInputHandler(t){if(t!==this.value){if(t&&c.Hex.type.is(t)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=c.Hex.toRGB(t)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=c.RGB.toHSL(c.Hex.toRGB(t))}}else if(!t||!c.Hex.type.is(t)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=t}}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 a of Object.keys(s))if(a===o)s=Object.assign(Object.assign({},s),{[a]:a==="s"||a==="l"?+((e=t.detail[o])!==null&&e!==void 0?e:0)*100:t.detail[o]});else if(s[a]===undefined)s=Object.assign(Object.assign({},s),{[a]:0});if(this.sliderMode==="rgb"){this.rgb=Object.assign({},s);this.hsl=c.RGB.toHSL(this.rgb);this.hexInputHandler(c.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},s);this.rgb=c.HSL.toRGB(this.hsl);this.hexInputHandler(c.RGB.toHex(c.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var t,o,a,i,n,l;return e(s,{key:"466b4cea7cfcb6d6466842e21de641291237bc59",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((t=this.rgb.r)!==null&&t!==void 0?t:0)}`,"--rgb-g":`${Math.round((o=this.rgb.g)!==null&&o!==void 0?o:0)}`,"--rgb-b":`${Math.round((a=this.rgb.b)!==null&&a!==void 0?a:0)}`,"--hsl-h":`${Math.round((i=this.hsl.h)!==null&&i!==void 0?i: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`}},e("smoothly-input",{key:"9425ebd85ac1b88b6a068ead8c0c6e5dcdffc20b",value:this.value,name:this.name,looks:undefined,color:this.color,type:"hex-color",showLabel:this.showLabel,readonly:this.readonly,onSmoothlyInput:t=>(t===null||t===void 0?void 0:t.stopPropagation(),this.hexInputHandler(t.detail[this.name]))},e("slot",{key:"cb7c28f919f99ea8972da528f06b6784772ec65d"})),e("div",{key:"21a253aa34394b7778dd37f8ccee2b34c7f12656",class:"color-sample"}),e("smoothly-icon",{key:"cfae43c70c83076663323af117eac04df5712c40",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&this.openDropdown()}),this.open&&!this.readonly&&e("div",{key:"569cfca78b025b12dfe8d5275f4a273fe3894567",class:"rgb-sliders"},e("smoothly-toggle-switch",{key:"72a8ddc92ff19fb4e0b2020bf2387c3ede8831b3",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,o])=>e("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:t,min:0,max:255,color:undefined,type:"text",value:o,step:1,outputSide:"right",onSmoothlyInput:t=>this.sliderInputHandler(t),label:t.toUpperCase()}))),Object.entries(this.hsl).map((([t,o])=>e("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")&&o?o/100:o,step:t==="s"||t==="l"?.01:1,outputSide:"right",onSmoothlyInput:t=>this.sliderInputHandler(t),label:t.toUpperCase()})))))}get element(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};nc.style=ic;const lc=class{constructor(e){t(this,e)}render(){return e(s,{key:"5dd338ba5962a799023edc2ee9b78da7aae650fe"},e("h2",{key:"dd37cbc43c310e3f7437350180eb181bdfde9501"},"Color"),e("smoothly-input-color",{key:"11182984e7bf765803274574e151a9f98d1d17e8",name:"color"},"Choose color"))}};lc.style="style.css";const rc='.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)}.sc-smoothly-input-date-h[looks="border"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}.sc-smoothly-input-date-h[looks="line"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks="line"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[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="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:transparent}[looks="transparent"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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-input.sc-smoothly-input-date{width:100%;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:pointer}[readonly].sc-smoothly-input-date-h,[readonly].sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-h smoothly-input.sc-smoothly-input-date{outline:none}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));min-width:18em}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>smoothly-calendar.sc-smoothly-input-date::before{content:"";box-sizing:border-box;position:absolute;top:1px;z-index:9;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))}.sc-smoothly-input-date-h>span.icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center;margin-right:.2em}@media screen and (min-width: 400px){.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em}}';const cc=rc;const dc=class{constructor(e){t(this,e);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyValueChange=o(this,"smoothlyValueChange",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.listener={};this.color=undefined;this.looks=undefined;this.name=undefined;this.changed=false;this.readonly=false;this.invalid=false;this.value=undefined;this.open=undefined;this.max=undefined;this.min=undefined;this.showLabel=true}componentWillLoad(){var t,e;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));(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}async register(){hr.formAdd(this)}async unregister(){hr.formRemove(this)}async getValue(){return this.value}async listen(t,e){this.listener[t]=e;e(this)}async clear(){this.value=undefined}onStart(t){var e,o;this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});(o=(e=this.listener).changed)===null||o===void 0?void 0:o.call(e,this)}smoothlyInputHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}SmoothlyInputLoadHandler(t){if(!(t.target&&"name"in t.target&&t.target.name===this.name)){t.stopPropagation();t.detail(this)}}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.changed=false}dateSetHandler(t){this.open=false;t.stopPropagation()}render(){return e(s,{key:"66e271ebab444435ebbd5c52ac8bdb206744fdc1"},e("smoothly-input",{key:"07f1065acefd25523bbd8fe6baa510cc6e794518",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:this.name,onFocus:()=>!this.readonly&&(this.open=!this.open),onClick:()=>!this.readonly&&(this.open=!this.open),readonly:this.readonly,invalid:this.invalid,type:"date",value:this.value,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:t=>{t.stopPropagation();this.value=t.detail[this.name]}},e("slot",{key:"6f38b7267ee028b314ba878be4cb1ea6bfe47559"})),e("span",{key:"9098841d1407d736a13ea5f43a0af2ed152da688",class:"icons"},e("slot",{key:"a4286689f848b90d86cac835706f711a60eecd72",name:"end"})),this.open&&!this.readonly&&e("nav",{key:"1905727c2e5117ce3cb4454359a666a794fa61ee"},e("smoothly-calendar",{key:"5c3cb5875ff1400326d3501ebbd86fa57d141c60",doubleInput:false,value:this.value,onSmoothlyValueChange:t=>{this.value=t.detail;t.stopPropagation()},max:this.max,min:this.min},e("div",{key:"485b37e07a8e5aac04b1b5e79c6a62b7f8d41a9c",slot:"year-label"},e("slot",{key:"6107cb5ddfe07645e34d9d5e88d40ba8a279119b",name:"year-label"})),e("div",{key:"623383481f6a231577c70e429b27ff1481fdd74c",slot:"month-label"},e("slot",{key:"cfa25c65448b1160591d73486863a8dac61560a4",name:"month-label"})))))}get element(){return a(this)}static get watchers(){return{value:["onStart"]}}};dc.style=cc;const hc='.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)}.sc-smoothly-input-date-range-h[looks="border"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}.sc-smoothly-input-date-range-h[looks="line"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks="line"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[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="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:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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:focus-within smoothly-input.sc-smoothly-input-date-range{outline:none}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range>input.sc-smoothly-input-date-range{cursor:pointer}[readonly].sc-smoothly-input-date-range-h,[readonly].sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range>input.sc-smoothly-input-date-range{cursor:not-allowed}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em;min-width:18em}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>smoothly-calendar.sc-smoothly-input-date-range::before{content:"";position:absolute;box-sizing:border-box;top:1px;left:-7em;z-index:9;transform:translate(10em, -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))}.sc-smoothly-input-date-range-h>section.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>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{min-width:15rem;background-color:transparent;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}.sc-smoothly-input-date-range-h>span.icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center;margin-right:0.4em}';const bc=hc;const mc=class{constructor(e){t(this,e);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.listener={};this.name="dateRange";this.color=undefined;this.looks=undefined;this.readonly=false;this.showLabel=true;this.start=undefined;this.end=undefined;this.placeholder="from — to";this.invalid=false;this.max=undefined;this.min=undefined;this.changed=false;this.value=undefined;this.open=undefined}componentWillLoad(){var t,e;this.setInitialValue();this.updateValue();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.start&&this.end&&this.smoothlyInput.emit({[this.name]:{start:this.start,end:this.end}});!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}inputHandler(t){const e="dateRangeInput"in t&&typeof t.dateRangeInput=="string"&&t.dateRangeInput.split(" - ");if(e&&e.length==2&&S.is(e[0])&&S.is(e[1])){this.start=e[0];this.end=e[1]}}updateValue(){this.value=this.start&&this.end?{start:this.start,end:this.end}:undefined}valueChanged(){var t,e;this.changed=this.initialStart!=this.start||this.initialEnd!=this.end;(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}SmoothlyInputLoadHandler(t){if(!(t.target&&"name"in t.target&&t.target.name===this.name)){t.stopPropagation();t.detail(this)}}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}async register(){hr.formAdd(this)}async unregister(){hr.formRemove(this)}async getValue(){return this.start&&this.end?{start:this.start,end:this.end}:undefined}async listen(t,e){this.listener[t]=e;e(this)}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.changed=false}async clear(){this.start=undefined;this.end=undefined;this.smoothlyInput.emit({[this.name]:undefined})}render(){const t=navigator.language;return e(s,{key:"17965c35233c194ac804a0e31eee8ab770ea0e7d",tabindex:0},e("section",{key:"15bf32607818890cbe158c5e795565c8372895ad",onClick:()=>!this.readonly&&(this.open=!this.open)},e("smoothly-input",{key:"f331b1793d83ce0c8291488c28b958b4b61e71d8",type:"text",name:"dateRangeInput",readonly:this.readonly,value:this.start&&this.end?`${ze(this.start,"date",t)} — ${ze(this.end,"date",t)}`:undefined,invalid:this.invalid,placeholder:this.placeholder,showLabel:this.showLabel,onSmoothlyInput:t=>{t.stopPropagation();this.inputHandler(t.detail)}},e("slot",{key:"8f797dba165e1494b4423b7a224f16d9b9be6500"}))),e("span",{key:"47fedb6c916d925d7b291250ddc952225d2fffd1",class:"icons"},e("slot",{key:"c697792dc6bb1a4260ba1fa01c0b143fb597b77b",name:"end"})),this.open&&e("nav",{key:"8c3ea513275174cace04131d56849c8089dcc2e0"},e("smoothly-calendar",{key:"f95965cec7ec58fcefe0f14c25ec8be5dc9c2edf",doubleInput:true,onSmoothlyValueChange:t=>t.stopPropagation(),onSmoothlyStartChange:t=>{t.stopPropagation();this.start=t.detail},onSmoothlyEndChange:t=>{t.stopPropagation();this.end=t.detail},onSmoothlyDateSet:t=>t.stopPropagation(),onSmoothlyDateRangeSet:t=>{t.stopPropagation();this.open=false;this.smoothlyInput.emit({[this.name]:t.detail})},value:this.start,start:this.start,end:this.end,max:this.max,min:this.min})))}get element(){return a(this)}static get watchers(){return{start:["updateValue"],end:["updateValue"],value:["valueChanged"]}}};mc.style=bc;const yc=".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{margin:auto;width:50%}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;justify-content:space-between;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>smoothly-color.sc-smoothly-input-demo>*.sc-smoothly-input-demo,.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-basis:49%}";const uc=yc;const fc=class{constructor(e){t(this,e);this.duration={hours:8};this.alphanumeric="!@##"}render(){return e(s,{key:"a3759e16fd8a2ba0c8cd2239b413e788c09ae119"},e("smoothly-input-demo-standard",{key:"5576bbe54f9e14a97201346366fadcd74e136a17"}),e("div",{key:"c56de93cd9540f2ad19a97349d7b4cdca2a995ac",class:"inputs"},e("h2",{key:"964e3da1d54802f6e02314ad7b43f19870a3fda5"},"Calendar"),e("smoothly-input-date",{key:"d358efc50689190534b3f8ef6e69ef94f882b452",name:"some-date"},"Calendar"),e("h2",{key:"60894ffa222578039b6483724cf9c7658ff9f047"},"Date Range"),e("smoothly-input-date-range",{key:"091fc511140a3e484699caa2e35d1f6ff4babce0",name:"testing",start:S.now(),end:S.nextMonth(S.now()),min:"2021-10-01",max:"2025-01-31"}),e("smoothly-input-date-range",{key:"d8873b16214ba7caf779c870184dfde8f99a69f3",name:"testing",start:S.now(),end:S.nextMonth(S.now()),min:"2021-10-10",max:"2024-12-30"},e("smoothly-input-reset",{key:"9d115c8fe8e6d0c6529ac8b6ab779525accc44ae",slot:"end",size:"icon"})),e("smoothly-input-date-range",{key:"f0f18e57a75f0a874b1f829de32e1559b2cf2ec9",looks:"grid",start:S.now(),end:S.nextMonth(S.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--smoothly-input-border-radius":"0.5rem"}},e("smoothly-input-clear",{key:"5ee91abb156cef71bc8b030af73f6094d416f9c9",slot:"end",size:"icon"})),e("h2",{key:"5eb334531bec7eba0ee2e9a3dbfd6c6afda29bf9"},"Date"),e("smoothly-input-date",{key:"3ee82cf9411ee0495d284e5a01a8df3d95836918"},"Date"),e("smoothly-input-date",{key:"5e571c0bbf5465b30bd6f3c4d1958579f64c95ff",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),e("smoothly-input-date",{key:"6c28ccfb6b4a768de70bf28230f3f52d1cd7bcfc",value:"2021-10-28"},"Date",e("smoothly-input-reset",{key:"ffece9de256e29026cc14ff69c8635ce25dea36f",slot:"end",size:"icon"})),e("smoothly-input-date",{key:"95dc888d14a9adc517a833f2ab411a801cd91619",value:"2021-10-28"},"Date",e("smoothly-input-clear",{key:"0296879775dbff3c722103c08d978a5ddcdb64a8",slot:"end",size:"icon"})),e("h2",{key:"6f64f32a83f7c41861f130b6a4f74e69203374c4"},"Select"),e("div",{key:"953e7676a497b9bd2968ea5fb85d336dfcfcd5ac",class:"select-div"},e("smoothly-input-select",{key:"7f4b2bfe74ac04277e9d8300cf006ede53d473b1",name:"select-dessert",looks:"border"},e("label",{key:"b8459bc08dd7ea114135f4d365670ac09b43d9d8",slot:"label"},"Select with clear button"),e("smoothly-item",{key:"c42c0682c742fc184b55090392d8da06856e3e2c",value:"1"},"Ice cream"),e("smoothly-item",{key:"20b8e3a23bca148f21f2de1ec5cfa7bce97f0e62",value:"2"},"Sponge cake"),e("smoothly-item",{key:"0aa7384ed709def5d82895c72dbfd19df46b08f4",value:"3"},"Cookie"),e("smoothly-item",{key:"8f964ebfc388d2db39c88c9ff4256a39ea52b669",value:"4"},"Croissant"),e("smoothly-item",{key:"32b5f47609c8c0c6a24be01534facab3d395e54a",value:"5"},"Chocolate fondue"),e("smoothly-input-clear",{key:"8b92771e975ed99d5b4d2841df6cbc4ef4f49bd8",size:"icon",slot:"end"})),e("smoothly-input-select",{key:"8895f2855d805d425f0a98c7788a2a345aac38b2",multiple:true,name:"select-dessert-multiple",looks:"border"},e("label",{key:"28e337ce2eb1fcd1519e6a8065a4c431c00353e0",slot:"label"},"Select multiple with reset button"),e("smoothly-item",{key:"6ca9d6809c18c2742fc139fdfa5b5605cef00b4e",value:"ice cream"},"Ice cream"),e("smoothly-item",{key:"966956b86328f33bc191f44cf880cf8fd1546885",value:"sponge cake"},"Sponge cake"),e("smoothly-item",{key:"72dea6e761ece3f2a8277a3a6f5baf28ceec3672",selected:true,value:"cookie"},"Cookie"),e("smoothly-item",{key:"17e8b8bf6f508464993428a496e98085e8b9a1e1",value:"croissant"},"Croissant"),e("smoothly-item",{key:"5e089913258e6a8250202a00fc6bed66b59813e8",selected:true,value:"chocolate fondue"},"Chocolate fondue"),e("smoothly-input-reset",{key:"269464d07997c396d06db1264a78d9f120c8f103",size:"icon",slot:"end"})),e("smoothly-input-select",{key:"46b80baeefb3adde62f762fa1725ffdd8b07c2ef",name:"spirit-animals",looks:"border",mutable:true},e("label",{key:"91cb5241885cd670fb09992ede0244832d433356",slot:"label"},"Select or add new options"),e("smoothly-item",{key:"27e33ce37d5a9bc9189486d19b9ba80b36cb3a21",value:"manatee"},"Manatee"),e("smoothly-item",{key:"b0dbcd505735921e550817ff6914eb9cc92d6bbb",selected:true,value:"cthulu"},"Cthulu")),e("smoothly-input-select",{key:"5b79531f257e14eec2805f641cb009bacd19635a",name:"select-icon",clearable:false,showSelected:false},e("smoothly-item",{key:"00dc8b052ee83f2d221b2db40b12268670071f62",value:"folder",selected:true},e("smoothly-icon",{key:"d94ceec2258b71c9e2670d54a5e14c706e6b5a8e",size:"small",name:"folder-outline"})),e("smoothly-item",{key:"b76ad7e9baaf609baced0e2cc9a8c852acbf433f",value:"camera"},e("smoothly-icon",{key:"b55fb5fbc72c7a026945b56707c715d7d9a858e5",size:"small",name:"camera-outline"}))),e("smoothly-input-select",{key:"7554e0bc5763853f86a86ae0229d214ee9408cc5",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},e("label",{key:"165dcad609ba1b42df404e1e3c5f110218372ed9",slot:"label"},"Alphabet ordered select"),Array.from({length:26}).map(((t,e)=>String.fromCharCode(e+65))).map((t=>e("smoothly-item",{value:t,selected:t=="H"},t)))),e("smoothly-input-select",{key:"c105b5955731a2d2797fbebda5e91fbbbdb29f04",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},e("label",{key:"e8144f15440543b193ec287d72d1934893ecbdff",slot:"label"},"Month multiple select"),e("smoothly-item",{key:"e27d43ca516960222d8f8e1d4de376d5fa7742a5",value:"1"},"January"),e("smoothly-item",{key:"675b95ed2a76a69247244a9e21656d0a3fd905e6",value:"2"},"February"),e("smoothly-item",{key:"8f8e1efdc4ea91001a12801e6b43f775c94be67e",value:"3"},"March"),e("smoothly-item",{key:"6066be8411b7bbc98e61baf8e543d8d423d25b32",value:"4"},"April"),e("smoothly-item",{key:"c775756977711338fccfcdae8aa98ea66fb1dcc4",value:"5"},"May"),e("smoothly-item",{key:"9279da1d6f02092a7dd02f08b6a80aab1bb81865",value:"6"},"June"),e("smoothly-item",{key:"de52af29af4209871d6000fc22419e62a2a26552",value:"7"},"July"),e("smoothly-item",{key:"672feea83b808052bac70d574368b9a2b175da18",value:"8"},"August"),e("smoothly-item",{key:"7641231e0fc93ea973a29d6d1fcedee513f34637",value:"9"},"September"),e("smoothly-item",{key:"53275ef569b772a9ee14f7039b31eb65d2f2c13b",value:"10"},"October"),e("smoothly-item",{key:"1effa9d783d911bd0efdc4d297fe5bbea5273eb7",value:"11"},"November"),e("smoothly-item",{key:"d8235388cf746f521e233592f137ca7aea25db7a",value:"12"},"December"))),e("h2",{key:"f0c3cee9124d36368d78b9188eed2157330ff80e"},"Duration"),e("smoothly-input",{key:"bc808a99f0e3e1b28e90207d6cf04eafa7a968ef",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:t=>{const e=t.detail.duration;this.duration=e}},"Duration"),e("smoothly-input",{key:"5c286bddbc3201c5f8ee85c2050d59eb9844e75b",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:t=>{const e=t.detail.duration;this.duration=e}},"Duration"),e("h2",{key:"4017f3c95eba0ee876c848109df51f813d4aac8f"},"Invalid text with warning icon and tooltip"),e("smoothly-input",{key:"c73f534f9e633406a75b1c5fbdd0b21b78bc917d",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"),e("h2",{key:"486a889d31d932e71b18bec5fd07e3c549efdb31"},"Identifiers"),e("smoothly-input",{key:"539335f657d72e3c7cddb2b503d2949256d2914f",type:"identifier-code"},"Code"),e("smoothly-input",{key:"02dd45100a15016525826b5be17b797bc8b04752",type:"identifier-attribute"},"Attribute"),e("smoothly-input",{key:"aceb9820fd73e225639fcc2e776893fcf90b26af",type:"identifier-snake"},"Snake"),e("smoothly-input",{key:"f03264c9e62fb28fed66a49368d89e96c34aa560",type:"identifier-pascal"},"Pascal"),e("smoothly-input",{key:"2da7c5e2ecf35518b51266a7461fcb4faef38bf4",type:"identifier-camel"},"Camel"),e("h2",{key:"226d67a20538b2522646858c9ad8fbfdd8cfb926"},"Input Alternatives"),e("smoothly-input",{key:"8e1867ba1ac45dc87491cea2a49ba4004bf9c1dc",type:"text",name:"name.last",onSmoothlyChange:t=>console.log("smoothly change event")},e("smoothly-icon",{key:"35afbfd53cb6637457e826f60a3e6e379d28dc5f",name:"checkmark-circle",slot:"start"}),"First Name"),e("smoothly-input",{key:"6994934c54c24cff2eaba102f67c74a76b1393f8",type:"text",name:"name.first",onSmoothlyChange:t=>console.log("smoothly change event")},"Last Name",e("smoothly-icon",{key:"62d7f2a8eefd4da22491a281de38d66a7138fddd",name:"checkmark-circle",slot:"end"})),e("smoothly-input",{key:"4366b0291a3f74026dea5856c0bf60b2d4ea4d93",type:"text",name:"name.first",placeholder:"Smith",onSmoothlyChange:t=>console.log("smoothly change event")},"Last Name",e("smoothly-icon",{key:"6d94234d166d77b23ba805db6c0b39e19a5d4a65",name:"checkmark-circle",slot:"end"})),e("smoothly-input",{key:"38283621fea72da77bb7d87fa3d56ec6453d8e0d",placeholder:"test"}),e("smoothly-input-submit",{key:"b3a7e49422a3c13bb58fbced399bee7e2fd09cfb",slot:"submit",fill:"solid",onSubmit:t=>alert(t),color:"success"}),e("h4",{key:"62ea4451d74acf394eaaae53a77b129004c61ac9"},"Smoothly checkboxes"),e("div",{key:"9945daf0fa09dcccce897f781d3642fc8281414b",class:"checkbox-group"},e("smoothly-input-checkbox",{key:"b9eb11a38cba92a0c133cc2afe979fd1139c01fa",disabled:true,name:"first-checkbox"},e("smoothly-icon",{key:"bdb4d3e62f40d5b8085bebf0aef863284c355e38",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),e("smoothly-input-checkbox",{key:"e9ee627f9be6a1fc0072b89e2169df40dbe0c697",name:"second-checkbox",checked:true},e("smoothly-icon",{key:"77994dd6460da98f4823bb5f21af2ef222c6d9d0",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",e("smoothly-input-clear",{key:"11e53da5cce7f5e2bf8df0417972c0da24a6e99e",size:"icon",slot:"end"})),e("smoothly-input-checkbox",{key:"3d2aedf1f11e4ab73e8ed2707e71aa05e3a75fea",name:"third-checkbox"},"3rd")),e("h4",{key:"e12cc690b73be889e9a108d28798deaebda7c019"},"Smoothly Radio Buttons"),e("smoothly-input-radio",{key:"44bd8a972f109a62dcea7d24e264fd438d7c359b",clearable:true,name:"radioFirstInput"},e("smoothly-icon",{key:"0df4843fc0c1edc6f8671ac050e46c30d04feed1",name:"checkmark-circle",slot:"start"}),e("label",{key:"9d8eb7aedd198a6d9ff554f16110d00cac0bf50d",slot:"label"},"Clearable"),e("smoothly-input-radio-item",{key:"4aa9dd05057526619ba26165064096460400db36",value:"first"},"Label 1"),e("smoothly-input-radio-item",{key:"825aac6d7fcd31831658a6ba144318b508e6f393",selected:true,value:"second"},"Label 2"),e("smoothly-input-radio-item",{key:"e2108d334f1da1a5927508fe171c6bd007ae97b4",value:"third"},"Label 3"),e("smoothly-input-clear",{key:"72a9668cfb1ec37b7b8c0c414215d9b287d5da90",size:"icon",slot:"end"})),e("smoothly-input-radio",{key:"620de291dc950ddba04e52d6f33e9ba6f4833756",name:"radioSecondInput"},e("label",{key:"c730321dd39f9a216db32ac91a71f4d5d2e21251",slot:"label"},"Not clearable"),e("smoothly-input-radio-item",{key:"d0ba2eabf228eaee8927dc6b5903729fccf40039",value:"first"},"Label 1"),e("smoothly-input-radio-item",{key:"cfe057b7cbdca1f1649b0929107dfa6c2e6edbcd",value:"second"},"Label 2"),e("smoothly-input-radio-item",{key:"ee6c80f9f636c347f6c230ea189078544695362d",value:"third"},"Label 3"),e("smoothly-input-radio-item",{key:"778d24581b0618a5735fdb40be3989f6e61ac247",value:"fourth"},"Label 4"),e("smoothly-input-radio-item",{key:"ebd353d82992a072f9163a3121039faa0e8807bf",value:"fifth"},"Label 5"),e("smoothly-input-radio-item",{key:"42db90b5fc75cef8111cc2cbf65254ae5e101cf8",value:"sixth"},"Label 6")),e("smoothly-input-range-demo",{key:"d0ba6dc792c5043c346e79994ae87d2aeff675bc"}),e("smoothly-input-color-demo",{key:"566c1b0a557045173d3a2d5e45bd12f86069e496"}),e("smoothly-input-price-demo",{key:"81572554d1a58e9d0e01a8fe620ebb9375924a6d"}),e("smoothly-back-to-top",{key:"6e13b4107fcaf456de94b95c39d3cf59eb5b67a0"})))}};fc.style=uc;const pc='.sc-smoothly-input-demo-standard-h{width:50%;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}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:2fr 1fr;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}.vertical.sc-smoothly-input-demo-standard-h{width:100%;row-gap:0;position:relative}.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;grid-template-columns:repeat(auto-fill, 14rem);gap:.5rem}.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard,.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard,.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{display:none}.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.guide-lines.sc-smoothly-input-demo-standard::before,.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.guide-lines.sc-smoothly-input-demo-standard::after{content:"";pointer-events:none;right:0;width:100vw;position:absolute;z-index:2;border-top:1px dotted black}.sc-smoothly-input-demo-standard-h:not(.vertical) .guide-lines.sc-smoothly-input-demo-standard{display:none}.guide-lines.sc-smoothly-input-demo-standard{text-align:end;justify-self:center;align-content:center}.guide-lines.sc-smoothly-input-demo-standard::before{top:1rem}.guide-lines.sc-smoothly-input-demo-standard::after{top:2rem}.guide-lines.show-label.sc-smoothly-input-demo-standard::before{top:1.05rem}.guide-lines.show-label.sc-smoothly-input-demo-standard::after{top:2.3rem}';const gc=pc;const kc=class{constructor(e){t(this,e);this.duration={hours:8};this.options={showLabel:true}}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(){const t=this.options.placeholder?"placeholder":undefined;return e(s,{key:"87ded360e0757684c36df766dc4a98995d91f410",class:{vertical:!!this.options.vertical}},e("div",{key:"0f3abd6202fdab215411d4441b276db6f41e8f62",class:"description"},e("h2",{key:"07d167c5337764bea7c6837acd61bbdf0fbc27c9"},"Input Standard"),e("p",{key:"13d087b3c165ae403bc7df9f8ca46268709df005"},"Height of input should be ",e("code",{key:"ee27c4071f8edea1080432f2a9e952fe6b2e52be"},"3rem")," including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."),e("smoothly-form",{key:"962a004e4d6789fb6b39591a8c05e2531557890a",looks:"grid",onSmoothlyFormInput:t=>this.options=t.detail},e("smoothly-input-select",{key:"4497bcc9662109d26da0db727364b53b85ec0ba9",name:"looks"},e("span",{key:"956d761688fd69e70872d445b4e67bfc3ccac809",slot:"label"},"Looks"),dr.types.map((t=>e("smoothly-item",{value:t},t)))),e("smoothly-input-checkbox",{key:"eb6586edfc70a7bed7413886c3aa76418b46793d",name:"readonly"},"Readonly"),e("smoothly-input-select",{key:"b74383882c4648a96ff474f5b12d87603544fdaa",name:"color"},e("span",{key:"5baefdeee8857e5c12f90653a563daf6336031f1",slot:"label"},"Color"),c.types.map((t=>e("smoothly-item",{value:t},e("span",{color:t},t)))),e("smoothly-input-clear",{key:"572e44dfdd2d9d4664cbd2c3fd1b89fe89cc72fe",slot:"end"})),e("smoothly-input-checkbox",{key:"a7a213ce6fccda1ec23fc48de6d9fe050a27e245",name:"vertical"},"Vertical Layout"),e("smoothly-input-checkbox",{key:"a3edb07aebdcb380cb885a2136b738ecfd44ace8",name:"showLabel",checked:this.options.showLabel},"Show Label"),e("smoothly-input-checkbox",{key:"5acb329383072197e54b96668f44d08ec26bf210",name:"placeholder",checked:this.options.placeholder},"Placeholder"),e("smoothly-input-range",{key:"821bd6134b7b448f586f0de49d1e30351c151b4c",label:"Border Radius (rem)",name:"borderRadius",value:this.options.borderRadius,min:0,max:2,step:.25}))),e("div",{key:"769871d848dcfa8cbb40b1b46d1c6902a309890e",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},e("div",{key:"79a45e35b9469ae3284ed876e18f1438626b6042",class:"width"},"100%"),e("div",{key:"6ef396bb81530ed27aacc5220adc0a8ea8abfeab",class:"left-padding"},"0.5rem - left padding"),e("smoothly-input",{key:"004bbd25ff3845c8ab32a3788a5243fff573205b",name:"text",looks:this.options.looks,placeholder:t,readonly:this.options.readonly,color:this.options.color,showLabel:this.options.showLabel},this.options.showLabel&&e("span",{key:"7e345ca5e9236021ce7bf4c67d765aa35d809ae4"},"Text"),e("smoothly-input-clear",{key:"d62132dc410d2df6adbd7eb02edfdde21d67b3df",slot:"end"})),e("div",{key:"838c3bf4e54ef029cb2ccc63afba6112874f2911",class:"height"}),e("smoothly-input-select",{key:"5fce85e7f25fdce59b258213b1c79f0aafdf03cb",name:"month",looks:this.options.looks,placeholder:t,readonly:this.options.readonly,color:this.options.color},this.options.showLabel&&e("label",{key:"def0597cf4bc08d81760136b8357e57cd63d32cf",slot:"label"},"Select"),e("smoothly-item",{key:"7cc0334ed97ae321dc23e6938838b12fbf2bc256",value:"1"},"January"),e("smoothly-item",{key:"a0d500eeec8c40ab1fdd0e6b565d57b1a947eb98",value:"2"},"February"),e("smoothly-item",{key:"27b8ebd25aaa0ca49ffbab867918bc2becefad70",value:"3"},"March"),e("smoothly-item",{key:"6f41fb81857c718ad9c809751a594d0a6dcd5a1e",value:"4"},"April"),e("smoothly-item",{key:"e46454b401e762532cef546505cee6efaca7b6cb",value:"5"},"May"),e("smoothly-item",{key:"8fe4ca56569fccc0447c1fa3abc2edcca5e37ce4",value:"6"},"June"),e("smoothly-item",{key:"c8e098d40a8a81319da798e62c43dbfe4ffd33dd",value:"7"},"July"),e("smoothly-item",{key:"c5a80322dce8c851a427fd023b8b1595d09bab61",value:"8"},"August"),e("smoothly-item",{key:"a2e77fb96cfe8aac7ab9bdb4e39701ec65611336",value:"9"},"September"),e("smoothly-item",{key:"4a379f2189232123b0815b3e7dc4617238021ff4",value:"10"},"October"),e("smoothly-item",{key:"dd168a5b940f08de68fc5b31f3974916fd992da0",value:"11"},"November"),e("smoothly-item",{key:"20c131780c62ca906539114d133d36f475ec4bbc",value:"12"},"December"),e("smoothly-input-clear",{key:"a1807d2003af2bc895501582a17872794156cc21",slot:"end"})),e("div",{key:"afe03c77f5fdd9adcd0123601b38283e40f9e7dd",class:"height"}),e("smoothly-input-checkbox",{key:"d0c23ca3d88815428a75acf1b19352a8124e5362",looks:this.options.looks,readonly:this.options.readonly,color:this.options.color},"Check"),e("div",{key:"e8378566e091ddcf5986137c61b5c88caa6fa63a",class:"height"}),e("smoothly-input-radio",{key:"2137468d8f961aee10d3689fe04d7d6f3cabff8a",looks:this.options.looks,readonly:this.options.readonly,color:this.options.color,showLabel:this.options.showLabel},this.options.showLabel&&e("label",{key:"e43d08e89d58a3064c1415b4b7486315edf1bbc4",slot:"label"},"Radio"),e("smoothly-input-radio-item",{key:"433829f46056ecca05339edabd55dfd0c43b055f",value:"first"},"Label 1"),e("smoothly-input-radio-item",{key:"fab7a9065eb0d63f0d3314d5af0ddee96a0b2e96",selected:true,value:"second"},"Label 2"),e("smoothly-input-radio-item",{key:"b13ff5501e43d776d6cba7cf2abee1d892f8f3e5",value:"third"},"Label 3"),e("smoothly-input-clear",{key:"845649da3365ddf6bc95337e50ebded1216dab68",slot:"end"})),e("div",{key:"b4d503fe5b25fa31102e64f38f8dcbe698b2d6bd",class:"height"}),e("smoothly-input-file",{key:"5d58ee600f2f518707f9cd5c90f47a7f04734614",looks:this.options.looks,readonly:this.options.readonly,color:this.options.color,placeholder:t,showLabel:this.options.showLabel},this.options.showLabel&&e("span",{key:"48d2911f19b85977b6ba2176f711b4ed544c6142",slot:"label"},"File"),e("smoothly-input-clear",{key:"d1c30f69f7bcbd3c4eb0bbb247b975d345d4d6ff",slot:"end"})),e("div",{key:"fc7424c55114d84af6f0057597ae2a8298279c63",class:"height"}),e("smoothly-input-range",{key:"6d902bef05a0dbc617914e5e717af30a80feda9b",label:this.options.showLabel?"Range":undefined,looks:this.options.looks,readonly:this.options.readonly,color:this.options.color},e("smoothly-input-clear",{key:"d04b58cd2c8fce340d1c07b7c43368eb4740ebe5",slot:"end"})),e("div",{key:"078f6869c2eb76bc359bb32e1f301ef6149b9fce",class:"height"}),e("smoothly-input-color",{key:"7cc1a5eef8d6d21149f3c633d092b141fd975e7d",looks:this.options.looks,readonly:this.options.readonly,color:this.options.color,showLabel:this.options.showLabel},this.options.showLabel&&e("span",{key:"4fefa1d335c3c9719d23068ac1b095e419ce3888"},"Color"),e("smoothly-input-clear",{key:"dec6684b14c4ff081e666efc9531f3b658dabfdb",slot:"end"})),e("div",{key:"e1e5487933bf548b3b781b854f82c984f9e19f2d",class:"height"}),e("smoothly-input-date",{key:"361e15f4bb8fa46ca32db1d91d47f2314f29b29d",looks:this.options.looks,readonly:this.options.readonly,color:this.options.color,showLabel:this.options.showLabel},this.options.showLabel&&e("span",{key:"d232de93bb672f616944cdd2486be57d47cd634b"},"Date"),e("smoothly-input-clear",{key:"c0974361753ed3fdb458f5873e5a867fa48f7394",slot:"end"})),e("div",{key:"43263b84a5001972df19490dbb97035a01d52e69",class:"height"}),e("smoothly-input-date-range",{key:"b609effabab1e33dc77fdba4c9a018c71338a526",looks:this.options.looks,readonly:this.options.readonly,color:this.options.color,placeholder:t,showLabel:this.options.showLabel},this.options.showLabel&&e("span",{key:"8e06dd462bb6ad2c67e91b6d3343ec9cbc682ff4"},"Date Range"),e("smoothly-input-clear",{key:"fc8a521bfcd33277c0ab7c753e1fd727c5939427",slot:"end"})),e("div",{key:"06b1ee403c5ae251a0d49f275fec06807d427807",class:"height"}),e("div",{key:"1070a5c4bb8db9fa0d9f50a270630dc1466d6c65",class:{"guide-lines":true,"show-label":!!this.options.showLabel}},this.options.showLabel?"Aligned labels & values":"Center values")))}get element(){return a(this)}};kc.style=gc;const vc='[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-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);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;pointer-events:none}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.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}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-edit{padding:0.8em;min-width:8em}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-edit{padding:0.6em}[size=icon].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{padding:0.5em}[type=button].sc-smoothly-input-edit-h>a.sc-smoothly-input-edit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:100%}[size=large].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:130%}.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;align-items: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])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-visible,[fill=outline].sc-smoothly-input-edit-h:active>button.sc-smoothly-input-edit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:hover::before,[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-within::before,[fill=outline].sc-smoothly-input-edit-h>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])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:focus-visible,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>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 xc=vc;const wc=class{constructor(e){t(this,e);this.smoothlyInputLoad=o(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(cr.type.is(t)){this.parent=t;t.listen("changed",(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 e(s,{key:"c4ad85d772797177e47e567e33732a44f732c882",title:this.toolTip},e("smoothly-button",{key:"22653fadf71dc4a22fbbe9991a0797fbf40a3a91",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},e("slot",{key:"3e43434ff280a243a040edd88d02172c599351af"}),e("smoothly-icon",{key:"46a7632c22ee809e81a8097ee24bfebb34d221a9",class:"default",name:"create-outline",size:"tiny"})))}};wc.style=xc;const Sc='.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)}.sc-smoothly-input-file-h[looks="border"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}.sc-smoothly-input-file-h[looks="line"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks="line"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[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="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:transparent}[looks="transparent"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:0.5rem;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{position:absolute;inset:0;color:rgb(var(--smoothly-hover-contrast));background-color:rgb(var(--smoothly-input-hover-background))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.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:var(--input-value-padding-top) 0 var(--input-value-padding-bottom) 0;height:100%;box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h,.sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:pointer}[readonly].sc-smoothly-input-file-h,[readonly].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}';const Cc=Sc;const zc=class{constructor(e){t(this,e);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.transfer=new DataTransfer;this.changed=false;this.readonly=false;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))}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}async register(){hr.formAdd(this)}async unregister(){hr.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}async listen(t,e){this.listener[t]=e;e(this)}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.changed=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()})}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]}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]}clickHandler(t){var e;if(!this.readonly&&!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.dragging=true)}dragLeaveHandler(t){t.stopPropagation();this.dragging=false}render(){var t,o,a;return e(s,{key:"080d404570c5b5b1dd5058a9e9e34c174a862b2e",class:{dragging:this.dragging,"has-value":!!this.value},tabindex:0,onClick:t=>this.clickHandler(t),onDragOver:t=>this.dragOverHandler(t),onDragEnter:t=>this.dragEnterHandler(t)},e("label",{key:"5bae5144a3110a8e1b753756d0486acffd2f446d"},e("slot",{key:"f458d7dde342570df9bea06f6948086978eb0dbe",name:"label"})),e("div",{key:"eb162a004a196e6b5a6bc5ff27a38ea7e5652bde",class:"input"},e("smoothly-button",{key:"85df1422b232bd96b29044b30d7330584a5d1424",color:this.color,fill:"clear",size:"flexible"},e("slot",{key:"c0163b9da0bf0880832b9c0893593690172f5c1a",name:"button"})),e("span",{key:"f649fcc391bd60d5623d57563239bf514019d41e"},(o=(t=this.value)===null||t===void 0?void 0:t.name)!==null&&o!==void 0?o:this.placeholder),e("div",{key:"732ef24078b7333ecfe249e72823ba093183848e",class:"mask",onDrop:t=>this.dropHandler(t),onDragLeave:t=>this.dragLeaveHandler(t)}),e("input",{key:"96b7eff1b52a7e234c97353c204c2ce5a24d2894",ref:t=>this.input=t,type:"file",capture:this.camera=="back"?"environment":"user",accept:(a=this.accept)!==null&&a!==void 0?a:!this.camera?undefined:"image/jpeg",files:this.files,onInput:t=>this.inputHandler(t)})),e("slot",{key:"2d7ed2ef57653c07b98b182397416de182630059"}))}get element(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};zc.style=Cc;const jc=".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 _c=jc;const Tc=class{constructor(e){t(this,e);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.listener={};this.readonly=undefined;this.color=undefined;this.looks=undefined;this.name=undefined;this.value=S.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=S.parse((e=this.value)!==null&&e!==void 0?e:S.now());o.setMonth(o.getMonth()+t);this.value=S.create(o)}}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}setAllowPreviousMonth(){var t,e;const o=S.previousMonth((t=this.value)!==null&&t!==void 0?t:S.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=S.nextMonth((t=this.value)!==null&&t!==void 0?t:S.now()).substring(0,7);const s=(e=this.max)===null||e===void 0?void 0:e.substring(0,7);this.allowNextMonth=!s||o<=s}async register(){hr.formAdd(this)}async unregister(){hr.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,e){this.listener[t]=e;e(this)}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&&S.is(o))this.value=S.firstOfMonth(o);else if(e&&S.is(e))this.value=S.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,o;return e(s,{key:"bb8be12ae4ff58f2cc72dfdedf5c2fe562c6e338"},e("smoothly-icon",{key:"97456be9a5ac89ec1374a65439d5cbf11d248e5f",name:"caret-back-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowPreviousMonth},onClick:()=>this.allowPreviousMonth&&this.adjustMonth(-1)}),e("smoothly-input-select",{key:"3f4365988c13f2a334447e5a264af6bfcd6a4962",ref:t=>this.year=t,name:`${this.name}-year`,readonly:this.readonly,changed:this.changed,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),searchDisabled:true},e("div",{key:"e682c9e17657e1bdad4e06826ca2d307c0539d7a",slot:"label"},e("slot",{key:"27697f030d045f8456e03b719050b29a53a1d002",name:"year-label"})),ie((t=this.value)!==null&&t!==void 0?t:S.now(),this.min,this.max).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-input-select",{key:"a2b409677361046f344919570db7cb34fc10296d",ref:t=>this.month=t,name:`${this.name}-month`,readonly:this.readonly,color:this.color,looks:this.looks,changed:this.changed,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),searchDisabled:true},e("div",{key:"e2ce7bc2c644548cc61a917519208ef96ab8b439",slot:"label"},e("slot",{key:"e4f77dbedccd604256eaf8f838aab9dad649c300",name:"month-label"})),ae((o=this.value)!==null&&o!==void 0?o:S.now()).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-icon",{key:"7d0397024fdf9a253d00a829e85b696d476c45ed",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 a(this)}static get watchers(){return{value:["valueChanged","setAllowPreviousMonth","setAllowNextMonth"],min:["setAllowPreviousMonth"],max:["setAllowNextMonth"]}}};Tc.style=_c;const Ic=".sc-smoothly-input-price-demo-h{display:block}";const Oc=Ic;const Lc=class{constructor(e){t(this,e);this.currencies=["EUR","USD","GBP"];this.currency="USD"}render(){return e(s,{key:"ab14f46624e9d7bfcef3d143700138e0d9220948"},e("h2",{key:"e357df508351176067791a33f2939611c12cf5e3"},"State demo on smoothly-input"),e("p",{key:"3d210b4211b96b5868c0276addb714315ba3d141"},"This demo/test the internal state of the smoothly-input component."),e("p",{key:"2a72bcfaaa7ec0ba096ea4869010d02330e0f080"},"The currency of the price should update when switching between the currencies."),e("smoothly-input-radio",{key:"a2181563d8ce20ff72f67fc523d3b434a85a09cb",name:"currency",onSmoothlyInput:t=>this.currency=j.is(t.detail.currency)?t.detail.currency:undefined},this.currencies.map((t=>e("smoothly-input-radio-item",{key:t,selected:t==this.currency,value:t},t)))),e("smoothly-input",{key:"ffb01069a5a882380d83becc72a4c31c7c75df1a",type:"price",currency:this.currency},"price"))}};Lc.style=Oc;const Ac='.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)}.sc-smoothly-input-radio-h[looks="border"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}.sc-smoothly-input-radio-h[looks="line"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks="line"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[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="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:transparent}[looks="transparent"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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:0 var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding:var(--input-value-padding-top) 0 var(--input-value-padding-bottom) 0}.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}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end] button{padding:0}[readonly].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}';const Ec=Ac;const Dc=class{constructor(e){t(this,e);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.valueReceivedOnLoad=false;this.listener={};this.changed=false;this.value=undefined;this.looks=undefined;this.color=undefined;this.clearable=undefined;this.readonly=false;this.name=undefined;this.showLabel=true}componentWillLoad(){var t,e;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));(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}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.name)}SmoothlyInputLoadHandler(t){if(!(t.target&&"name"in t.target&&t.target.name===this.name)){t.stopPropagation();t.detail(this)}}smoothlyRadioInputHandler(t){var e,o,s;t.stopPropagation();if(!this.readonly||!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)}}!this.valueReceivedOnLoad&&(this.valueReceivedOnLoad=!this.valueReceivedOnLoad)}async listen(t,e){this.listener[t]=e;e(this)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}async register(){hr.formAdd(this)}async unregister(){hr.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,e,o;this.valueReceivedOnLoad&&(this.changed=((t=this.initialValue)===null||t===void 0?void 0:t.value)!==this.value);this.smoothlyInput.emit({[this.name]:await this.getValue()});(o=(e=this.listener).changed)===null||o===void 0?void 0:o.call(e,this)}watchingReadonly(){var t,e;(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}render(){return e(s,{key:"156cf678b0cf1bbce78e2abb384d8a8f247584ac",class:"floating-label"},e("slot",{key:"8ff9f95eed38a9056cbb7c53dc89071ad39564dd",name:"start"}),e("div",{key:"91da0baf3757d9b6822611cf9129ef65956fb6d5"},e("slot",{key:"ec8ae5aebca5b7f2ef7e4925a1d17b6e2be2c288",name:"label"}),e("div",{key:"3c9afd82bacc723c67bad00beca11397383149cb",class:"options"},e("slot",{key:"b2efd49b65335d8b369a371d30f64ea231edc725"}))),e("slot",{key:"29bccd7057400dabcaf8a9bcf60ddb6d693c2dc2",name:"end"}))}get element(){return a(this)}static get watchers(){return{value:["valueChanged"],readonly:["watchingReadonly"]}}};Dc.style=Ec;const Mc=".sc-smoothly-input-radio-item-h{display:flex;align-items:center;position:relative}.sc-smoothly-input-radio-item-h:hover>*.sc-smoothly-input-radio-item{cursor:pointer}.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>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 $c=Mc;const Rc=class{constructor(e){t(this,e);this.smoothlySelect=o(this,"smoothlySelect",7);this.smoothlyRadioButtonRegister=o(this,"smoothlyRadioButtonRegister",7);this.value=undefined;this.selected=false;this.looks=undefined;this.name=undefined}componentWillLoad(){this.smoothlyRadioButtonRegister.emit((t=>this.name=t));this.selected&&this.inputHandler()}inputHandler(){this.smoothlySelect.emit({value:this.value,selected:this.selected,select:t=>this.selected=t})}render(){return e(s,{key:"7c48c949fdbce137b24f9a3e1ec6192be05ca97f",onClick:()=>this.inputHandler()},e("input",{key:"9877ecbfd2f4ac2f61b7d3d32c6a8c085e2203ee",name:this.name,type:"radio",checked:this.selected}),e("smoothly-icon",{key:"ec4d5b9b68951216669a38391c36584c4335e22f",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",fill:"outline",color:this.selected?"success":"medium",toolTip:"Select"}),e("label",{key:"044b40a81e3c53fdac6a43e6265c22f60156249c"},e("slot",{key:"9b325abcc530336647663c90484b403e6ab8d82b"})))}get element(){return a(this)}};Rc.style=$c;const Pc='.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)}.sc-smoothly-input-range-h[looks="border"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}.sc-smoothly-input-range-h[looks="line"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[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="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:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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));padding-right:.5em;box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range:focus{outline:none;border: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%;background-color:rgb(var(--smoothly-primary-color));cursor:pointer;margin-top:-.25em;border:none}.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%;background-color:rgb(var(--smoothly-primary-color));cursor:pointer;border:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h:not([value])>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])>dov.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[readonly].sc-smoothly-input-range-h,[readonly].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 Nc=Pc;const Hc=class{constructor(e){t(this,e);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.listener={};this.initialValue=undefined;this.value=undefined;this.looks=undefined;this.color=undefined;this.changed=false;this.readonly=false;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){if(t.target!=this.element){t.stopPropagation();t.detail(this)}}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}async register(){hr.formAdd(this)}async unregister(){hr.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}async listen(t,e){this.listener[t]=e;e(this)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}valueChanged(){var t,e,o,s;const a=!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(a);this.changed=this.initialValue!==this.value;(s=(o=this.listener).changed)===null||s===void 0?void 0:s.call(o,this);this.smoothlyInput.emit({[this.name]:this.value})}inputHandler(t){var e;t.stopPropagation();const o=!t?this.value:t.target&&"value"in t.target?Number(t.target.value):undefined;if(o==undefined)this.value=undefined;else if(o<this.min)this.value=this.min;else if(o>this.max)this.value=this.max;else this.value=o;this.input&&(this.input.value=this.type=="text"?(e=this.value)===null||e===void 0?void 0:e.toString():this.value)}render(){var t,o,a;return e(s,{key:"217e854b0aaba05fc17bcb5836bec4476091b8e0",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},e("slot",{key:"abcad7f036f41e5c8afd7a5ad1352d5edbaa6105",name:"start"}),e("div",{key:"3098b807e53e5aea94137616dc039c19e3ff42d5"},e("label",{key:"63429452ac71f1cb2ca5b712521fae46d755fe15",htmlFor:this.name},this.label),e("smoothly-input",{key:"3308b0d304f47e0daf57954b38dedf7140f4c366",ref:t=>this.input=t,looks:undefined,color:this.color,showLabel:this.outputSide==="left"&&!!this.label,type:this.type,onSmoothlyInputLoad:t=>(t.stopPropagation(),this.inputHandler(t)),onSmoothlyBlur:t=>this.inputHandler(t),onSmoothlyInput:t=>t.stopPropagation(),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},this.label),e("smoothly-display",{key:"3b6e02d138b33bb3e1b56323b809af2986adfc14",label:(this.type=="percent"?this.min*100:this.min).toString()}),e("input",{key:"32ed12cfe8051885e52928e3824d82ed58217a0d",name:this.name,part:"range",type:"range",min:this.min,max:this.max,step:(o=this.step)!==null&&o!==void 0?o:"any",disabled:this.readonly,onInput:t=>this.inputHandler(t),value:(a=this.value)!==null&&a!==void 0?a:this.min}),e("smoothly-display",{key:"715c9942ba15a7bf1d7275a8d892b6d9bf950362",label:(this.type=="percent"?this.max*100:this.max).toString()})),e("slot",{key:"907dd4ed8bf117a9c6097602015cafe65f5113f8",name:"end"}))}get element(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};Hc.style=Nc;const Fc=class{constructor(e){t(this,e)}render(){return e(s,{key:"66bd4b62cb51f2f5cc68921bcb3baf360abe9f4a"},e("h2",{key:"b413570feb6f48e1bec5fa86f9cec85fe77f4c36"},"Range"),e("h3",{key:"b939256cc23178592e830d301185b30ebbe96a9e"},"Phone Number"),e("smoothly-input-range",{key:"4f57681060c1759ab127b638ab839e9c85315580",min:7e8,max:799999999,step:1,label:"Phone Number"}),e("h3",{key:"2a1f6ae29389117ab738e700cb0ac36dcbd02d21"},"Stars out of ten"),e("smoothly-input-range",{key:"3124b06f533a733220710e10862ff36db2db88a7",max:10,step:1,label:"Stars"}),e("h3",{key:"1c28dc9e3385b1fdbfa9dd7fc27b387b7db87c86"},"Percent"),e("smoothly-input-range",{key:"8606937ac9f195a76bcdcc97cfd32c49a7438663",type:"percent",max:1,step:.01,label:"Percent"}),e("h3",{key:"e33e94cbdedf240d9f32ad3b61c00d0d2ae7de5d"},"With icon at start and clear button"),e("smoothly-input-range",{key:"e81e920156dedf852d1450ae3fbdaa8f3747b5e9",step:1,name:"range2",label:"Select"},e("smoothly-icon",{key:"766f06b5182fbfe0e1e5bf3d87bb9a3caaad9588",name:"checkmark-circle",slot:"start"}),e("smoothly-input-clear",{key:"7f43e976c428e47ae228433ce2fedffe21128bff",size:"icon",slot:"end"})))}};const Uc='[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-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);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;pointer-events:none}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.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}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-reset{padding:0.8em;min-width:8em}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-reset{padding:0.6em}[size=icon].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{padding:0.5em}[type=button].sc-smoothly-input-reset-h>a.sc-smoothly-input-reset{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:100%}[size=large].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:130%}.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;align-items: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])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:active>button.sc-smoothly-input-reset::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:hover::before,[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:focus-within::before,[fill=outline].sc-smoothly-input-reset-h>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])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline])>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 Yc=Uc;const Wc=class{constructor(e){t(this,e);this.smoothlyInputLoad=o(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(cr.Element.type.is(t)){this.parent=t;this.readonlyAtLoad=t.readonly;t.listen("changed",(async t=>{if(hr.is(t)){this.display=t.readonly?false:t.changed}if(t instanceof yr){this.display=!t.readonly;this.disabled=!this.readonlyAtLoad&&!t.changed}}))}}))}clickHandler(t){var e,o;t.stopPropagation();(e=this.parent)===null||e===void 0?void 0:e.reset();this.parent instanceof yr&&this.readonlyAtLoad&&((o=this.parent)===null||o===void 0?void 0:o.edit(false))}render(){var t;return e(s,{key:"7e244bbb6694869845c2cfc5904f25d1998f0147",title:this.tooltip},e("smoothly-button",{key:"a76ceacb18572fd7c5b43bc9cdcb7a174c39645d",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)},e("slot",{key:"a7686c6a178443f3d2be496bafbb67d7f317fa63"}),e("smoothly-icon",{key:"020db640096a5e1b4dbac7ca85deb428c3da8a46",flip:"x",name:"refresh-outline",size:"tiny"})))}};Wc.style=Yc;var Bc;(function(t){let e;(function(t){t.type=d({value:A(),deselectable:y(),selected:y().optional(),filter:h()});t.is=t.type.is})(e=t.Element||(t.Element={}));t.type=e.type.extend({});t.is=t.type.is})(Bc||(Bc={}));const Vc='.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)}.sc-smoothly-input-select-h[looks="border"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}.sc-smoothly-input-select-h[looks="line"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks="line"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[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="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:transparent}[looks="transparent"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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:0 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;cursor:pointer;padding:var(--input-value-padding-top) 0 var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.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:.6em 0;align-items:center}[readonly].sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{cursor:not-allowed}.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;margin-right:.2em}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-icon:not("color"){color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));filter:opacity(60%)}.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;cursor:pointer}.invalid.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.invalid.sc-smoothly-input-select{display:block}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-input-reset{padding-right:.2em}.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}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item{padding:.7em .7em .7em .25em}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item:not([selectable]){display:flex;gap:1em;background-color:rgba(var(--smoothly-primary-tint), .5);color:var(--smoothly-color-contrast)}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:not([selectable])>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}.invalid.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.sc-smoothly-input-select{display:block}';const Gc=Vc;const Kc=class{constructor(e){t(this,e);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.smoothlyItemSelect=o(this,"smoothlyItemSelect",7);this.initialValue=[];this.initialValueHandled=false;this.listener={};this.items=[];this.lastOpen=false;this.invalid=false;this.name="selected";this.color=undefined;this.looks=undefined;this.showLabel=true;this.showSelected=true;this.readonly=false;this.inCalendar=false;this.ordered=undefined;this.multiple=false;this.clearable=true;this.changed=false;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(){var t,e;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));(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}componentDidLoad(){this.selected&&!this.initialValueHandled&&(this.initialValue=[...this.selected]);this.initialValueHandled=true;this.onSelectedChange()}componentDidRender(){var t,e,o,s,a;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`)}(a=this.element)===null||a===void 0?void 0:a.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()}async register(){hr.formAdd(this)}async unregister(){hr.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,e){this.listener[t]=e;e(this)}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.changed=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.changed=false;this.initialValue=[...this.selected]}async onSelectedChange(){var t,e;this.initialValueHandled&&(this.changed=!this.areValuesEqual(this.selected,this.initialValue));this.defined=this.selected.length>0;this.smoothlyInput.emit({[this.name]:await this.getValue()});(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}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(){var t,e;(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}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(Bc.Element.is(t.target)){t.stopPropagation();t.target.deselectable=!this.required;this.items.push(t.target)}t.detail(this)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&this.handleShowOptions()}onItemSelect(t){t.stopPropagation();if(this.multiple){this.selected=t.detail.selected?[...this.selected,t.detail]:this.selected.filter((t=>t.selected))}else if(t.detail.selected||!this.items.some((t=>t.selected))){this.selected[0]&&(this.selected[0].hidden=this.selected[0].selected=false);this.selected=!t.detail.selected?this.selected.filter((t=>t.selected)):[t.detail];!this.showSelected&&t.detail.selected&&(t.detail.hidden=true)}this.displaySelected()}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&&!(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(){const t="<div>"+this.selected.map((t=>t.innerHTML)).join("</div><div>")+"</div>";this.displaySelectedElement&&(this.displaySelectedElement.innerHTML=this.selected.length>0?t:this.placeholder?this.placeholder:"")}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=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){let e=this.items.findIndex((t=>t.marked));if(e==-1)e=0;else{this.items[e].marked=false;e=(e+t+this.items.length)%this.items.length}if(this.items.some((t=>!t.hidden)))while(this.items[e].hidden){e=(e+t+this.items.length)%this.items.length}this.items[e].marked=true;this.scrollTo(this.items[e],"smooth")}scrollTo(t,e){var o,s,a;(o=this.optionsDiv)===null||o===void 0?void 0:o.scrollTo({top:t.offsetTop+t.offsetHeight/2-((a=(s=this.optionsDiv)===null||s===void 0?void 0:s.clientHeight)!==null&&a!==void 0?a:0)/2,behavior:e})}addItem(){this.addedItems=this.addedItems.concat(e("smoothly-item",{value:this.filter,selected:true},this.filter))}render(){return e(s,{key:"c4cabb65c384a6183e5710b590985814c72e9cc5",tabIndex:0,class:{"has-value":this.selected.length!==0,open:this.open,invalid:!!this.invalid},onClick:t=>this.handleShowOptions(t)},e("div",{key:"48b695c468e1f47588014c3ba00c8173a1fec543",class:"select-display",ref:t=>this.displaySelectedElement=t},this.placeholder),e("div",{key:"e2e787a20278b2374dc305a5bca2ee9c54a77aaf",class:"icons",ref:t=>this.iconsDiv=t},e("slot",{key:"c4e8d15da88a3a070e8c92bafbc05ec1366dd520",name:"end"}),this.looks=="border"&&!this.readonly&&e("smoothly-icon",{key:"afa45686839ba1327fe83cb6d947902dbed33ef7",ref:t=>this.toggle=t,size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"}),e("smoothly-icon",{key:"febbc0f340ce3e10d3fab529bcd2b3a6ce0acccc",class:"invalid",name:"alert-circle",color:"danger",fill:"clear",size:"small"})),e("slot",{key:"ab6ef93bfbe10588d6e0365defe3b7b5e8b0f60b",name:"label"}),e("div",{key:"f7c2e8d753c6ea6f9a42b61719ae29b24ac71612",class:{hidden:!this.open,options:true},ref:t=>this.optionsDiv=t},this.filter.length>0&&e("smoothly-item",{key:"4d012f828bc08cfa8b21206562b32665a733202e",selectable:false},e("smoothly-icon",{key:"1530e7662e94201e64ad0f993cb2914117b493a6",name:"search-outline",size:"small"}),this.filter,e("smoothly-icon",{key:"7392ff1ad0f367383fd5004d331c6ca43007512c",name:"backspace-outline",size:"small",onClick:t=>{t.stopPropagation();this.filter="";this.element.focus()}}),this.mutable&&e("smoothly-icon",{key:"4f0cdfc025a27dfd5ed6c9a4a2223503e4a58283",name:"add",size:"small",onClick:t=>{t.stopPropagation();this.addItem()}})),e("slot",{key:"5830efb81b23701c751665d095031e679b649af8"}),this.addedItems))}get element(){return a(this)}static get watchers(){return{selected:["onSelectedChange"],required:["onRequiredChange"],filter:["onFilterChange"],readonly:["watchingReadonly"],open:["onClosed"]}}};Kc.style=Gc;var Zc;(function(t){function e(t){return t&&typeof t=="object"&&typeof t.submit=="function"}t.is=e})(Zc||(Zc={}));const qc='[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-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);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;pointer-events:none}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.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}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-submit{padding:0.8em;min-width:8em}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-submit{padding:0.6em}[size=icon].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{padding:0.5em}[type=button].sc-smoothly-input-submit-h>a.sc-smoothly-input-submit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:100%}[size=large].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:130%}.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;align-items: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])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:focus-visible,[fill=outline].sc-smoothly-input-submit-h:active>button.sc-smoothly-input-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:hover::before,[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:focus-within::before,[fill=outline].sc-smoothly-input-submit-h>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])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-submit:focus-visible,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline])>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 Jc=qc;const Xc=class{constructor(e){t(this,e);this.smoothlyInputLoad=o(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(Zc.is(t)&&cr.type.is(t)){this.parent=t;t.listen("changed",(async t=>{var e;this.display=!t.readonly;this.disabled=!this.delete&&(t.readonly||"validator"in t&&t.validator instanceof n&&!((e=t.validator)===null||e===void 0?void 0:e.is(t.value))||!t.changed)}))}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.submit(this.delete)}render(){var t,o;return e(s,{key:"9c0181cf2a8b2fc3273e9ba16c3827f636824bf1",title:this.toolTip},this.delete==true?e("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()},e("slot",null),e("smoothly-icon",{name:"trash-outline",fill:"solid",size:"tiny"})):e("smoothly-button",{disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:(o=this.color)!==null&&o!==void 0?o:"success",fill:this.fill,onClick:()=>this.clickHandler()},e("slot",null),this.icon&&e("smoothly-icon",{name:this.icon,fill:"solid",size:"tiny"})))}};Xc.style=Jc;const Qc="[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-input-selected-background));color:rgb(var(--smoothly-input-selected-foreground));border-left:.3em solid rgb(var(--smoothly-input-selected-border))}.sc-smoothly-item-h{padding:0.5em;cursor:pointer;border-left:.3em solid transparent;color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));box-sizing:border-box;min-height:3rem}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}[marked].sc-smoothly-item-h,.sc-smoothly-item-h:hover{background-color:rgb(var(--smoothly-input-hover-background));color:rgb(var(--smoothly-input-hover-foreground));fill:rgb(var(--smoothly-input-hover-foreground));stroke:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-item-h[marked].sc-smoothly-item-s>*,.sc-smoothly-item-h:hover.sc-smoothly-item-s>*{color:rgb(var(--smoothly-input-hover-foreground));fill:rgb(var(--smoothly-input-hover-foreground));stroke:rgb(var(--smoothly-input-hover-foreground))}";const td=Qc;const ed=class{constructor(e){t(this,e);this.smoothlyItemSelect=o(this,"smoothlyItemSelect",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.value=undefined;this.selected=false;this.marked=undefined;this.selectable=true;this.deselectable=true}clickHandler(){if(this.selectable&&(!this.selected||this.deselectable))this.selected=!this.selected}selectedWatcher(){this.smoothlyItemSelect.emit(this.element)}componentWillLoad(){this.smoothlyInputLoad.emit((()=>{}))}componentDidLoad(){if(this.selected&&this.selectable)this.smoothlyItemSelect.emit(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&&this.selectable?!(o.includes(t)||this.element.innerText.toLowerCase().includes(t)):false}render(){return e(s,{key:"b2aceaea145db0046ac8e87b495dc8deab785f60",tabIndex:-1},e("slot",{key:"18974097498a2f542e7ae723ad11a9a88e1bffb7"}))}get element(){return a(this)}static get watchers(){return{selected:["selectedWatcher"]}}};ed.style=td;const od=".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 sd=od;const ad=class{constructor(e){t(this,e);this.hue=undefined;this.description=undefined;this.shape=undefined}render(){var t;return e(s,{key:"d922aac105f734223802e577908de0b8e9ca0c39",title:this.description,style:{"--hue":(t=this.hue)===null||t===void 0?void 0:t.toString()}},e("slot",{key:"ca5761e5d1b281771f04820fcd82ae40ca54b64a"}))}};ad.style=sd;const id=".sc-smoothly-lazy-h{display:block}";const nd=id;const ld=class{constructor(e){t(this,e);this.show=false;this.content=undefined}loadMoreHandler(t){t.stopPropagation();this.show=true}render(){return e(s,{key:"3c967227a83500f95674271b312a1841afc40067"},e("slot",{key:"293988b47130197ca487a7671a5157ee2390984a",name:"before"}),e("smoothly-load-more",{key:"08d8e0065a326a9dd238247066da528c91c5e14e",onSmoothlyLoadMore:t=>this.loadMoreHandler(t)}),this.show&&(typeof this.content=="function"?e(this.content,null):this.content),e("slot",{key:"703f9673a656f95818c67f1c4a98decf88d1a162"}))}};ld.style=nd;const rd=class{constructor(e){t(this,e);this.smoothlyLoadMore=o(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=l.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 e(s,{key:"e8d5e19dec6d562b79f27112012e62b9580f658c"})}get element(){return a(this)}};const cd='.sc-smoothly-modal-h{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--smoothly-modal-backdrop));color:rgb(var(--smoothly-modal-foreground))}.sc-smoothly-modal-h:not([open]),[hidden].sc-smoothly-modal-h{display:none}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal{display:flex;flex-direction:column;padding:2rem;gap:1.5rem;max-width:40rem;height:fit-content;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)}.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>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}.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 dd=cd;const hd=class{constructor(e){t(this,e);this.smoothlyModalChange=o(this,"smoothlyModalChange",7);this.color=undefined;this.open=false;this.closable=false}openChanged(){this.smoothlyModalChange.emit(this.open)}render(){return e(s,{key:"8a8d5bb61579367a4c241efe43f110ab07f74c83",role:"alertdialog"},e("div",{key:"181d4155af04dac2e7640ed29f856d21f52a5724",class:"modal"},e("div",{key:"81f86d5ea0a2dd2b1acf79e848fabec70109f7a8",class:"header"},e("slot",{key:"9d5d80e04631abc007c92373303f9fdec2b6feb2",name:"header"}),this.closable&&e("smoothly-icon",{key:"422972e7776068483ebc14cfdf1acd13ef90bd96",name:"close-outline",fill:"solid",color:this.color,onClick:()=>{this.open=false}})),e("slot",{key:"ef627686438cdfbad2ec530c409326c32105f610"}),e("div",{key:"c2130b674a9cfa8fdc861bff0816ea70ddf08a4d",class:"actions"},e("slot",{key:"bb98047a826107df942e9d5b888cf173ac8c4d3e",name:"actions"}))))}static get watchers(){return{open:["openChanged"]}}};hd.style=dd;const bd=".sc-smoothly-next-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}";const md=bd;const yd=class{constructor(e){t(this,e)}render(){return e(s,{key:"13017520ca4623b617a3d255b1933d63742a4065"},e("smoothly-next-demo-group",{key:"3008ea50bb9c15bfa50543b6e2e46c5f5974b54c"}),e("smoothly-next-demo-colspan",{key:"8f0fbd33f719c97c8a4a320fe6721a0b47bbf274"}),e("smoothly-next-demo-simple",{key:"c50c5e1a7fb167ef8571feec80263d0cf8ccf8f0"}),e("smoothly-next-demo-nested",{key:"548df80dc2baa857c4b037df77b7fb30cb00520d"}),e("smoothly-next-table-demo-filtered",{key:"862288f93789bd5fd0e479882b0663ffa1a4bdca"}))}};yd.style=md;const ud=".sc-smoothly-next-demo-colspan-h{display:block}.sc-smoothly-next-demo-colspan-h smoothly-display.sc-smoothly-next-demo-colspan{display:inline}";const fd=ud;const pd=class{constructor(e){t(this,e)}render(){return e(s,{key:"27796ac28a50da50db0be40b5e04ad08bebf0bcd"},e("smoothly-next-table",{key:"c0e5aef2a19b61d3c6ea07259bb43b9fe1818835",columns:3},e("smoothly-next-table-head",{key:"20a436643f93c8dfeacf04535d1f55611ed61313"},e("smoothly-next-table-row",{key:"1a7f3a761336dbb535a1e44a4bab91b95faa16df"},e("smoothly-next-table-cell",{key:"13eb0504001f52b4283b8c90e125386b62972507"},"Date"),e("smoothly-next-table-cell",{key:"6bd313a500e6418c704f0eae341bb1b96c5cf491"},"Skip"),e("smoothly-next-table-cell",{key:"f3f0d7884416f3c2a1bd0f746eacb0419f9f7ce4"},"Total"))),e("smoothly-next-table-body",{key:"bb7d0b955556ec8ffa9f00bbe361ef8a84543c5d"},e("smoothly-next-table-row",{key:"c2de161dc2ca24a502d3d4816dcd5db9c5e05867"},e("smoothly-next-table-cell",{key:"27873cd6358bbc7887d91808e8f5fe4e749f759b",span:2},e("smoothly-display",{key:"ccd87a72c2fae763ce85181edb7c899252ff23e4",type:"date",value:"2024-01-01"})),e("smoothly-next-table-cell",{key:"497797dd92669d364f27de00ce2043365910f101"},e("smoothly-display",{key:"636950b07dd7017eee652ec4667a04574ed226f3",type:"price",value:120,currency:"EUR"}))),e("smoothly-next-table-row",{key:"e37e3d4a52be4c0b8a32411cd40475b4a55c3997"},e("smoothly-next-table-expandable-cell",{key:"a7b0555c14b206c2824c5c8e38eab92f42b8e6ae",span:2},e("smoothly-display",{key:"6ce82c3420b19d5064fc51dd099ad6acf6ab69bf",type:"date",value:"2024-01-02"}),e("smoothly-lazy",{key:"50dbda1b2f1f172a3bd11ad48fe406edc86f8172",slot:"detail",content:e("smoothly-display",{type:"date-time",value:"2024-01-02T13:37:00.000Z"})})),e("smoothly-next-table-expandable-cell",{key:"6a15946de6a9495fbc1c35d8615b55318422dfd2"},e("smoothly-display",{key:"1ffee1d92e3a2fe8542a28dd85cfacf6352ca21c",type:"price",value:220,currency:"EUR"}),e("smoothly-lazy",{key:"eccf8621336a3376aab0306c23df183deccfc82c",slot:"detail",content:e("span",null,e("smoothly-display",{type:"price",value:120,currency:"EUR"})," + ",e("smoothly-display",{type:"price",value:100,currency:"EUR"}))}))),e("smoothly-next-table-row",{key:"2f628dbb945d4b61ec282d42123a029e726a9f83"},e("smoothly-next-table-cell",{key:"9b14c45642c90268ec817e8ac5eeb7592e7a2639"},e("smoothly-display",{key:"fd5bd4aaad2e58a8748122d436e146bf85cdc67b",type:"date",value:"2024-01-02"})),e("smoothly-next-table-cell",{key:"665ed679e942960c4e3c9eed2c36f3a87f510ed6"},"Not Skipped"),e("smoothly-next-table-cell",{key:"8480c4f7728dbbe5adb32d656b7c65d3b57c33b0"},e("smoothly-display",{key:"5aec36dd039aff21e298e685451b38ae84cbb287",type:"price",value:320,currency:"EUR"}))))))}};pd.style=fd;const gd=".sc-smoothly-next-demo-group-h{display:block}.sc-smoothly-next-demo-group-h smoothly-display.sc-smoothly-next-demo-group{display:inline}.sc-smoothly-next-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-next-demo-group{grid-column:span 2}.sc-smoothly-next-demo-group-h>smoothly-display.sc-smoothly-next-demo-group{display:inherit;font-size:2em}.sc-smoothly-next-demo-group-h>*.sc-smoothly-next-demo-group{margin-bottom:2rem}.sc-smoothly-next-demo-group-h fake-group-wrapper.sc-smoothly-next-demo-group,.sc-smoothly-next-demo-group-h fake-row-wrapper.sc-smoothly-next-demo-group,.sc-smoothly-next-demo-group-h fake-expandable-row-wrapper.sc-smoothly-next-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-next-demo-group-h fake-cell-wrapper.sc-smoothly-next-demo-group{grid-column:span 1;display:block}.sc-smoothly-next-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-next-demo-group{display:contents}";const kd=gd;const vd=class{constructor(e){t(this,e)}render(){return e(s,{key:"00107720391b349441ae772cf773fd2ec0dcf3e8"},e("smoothly-display",{key:"5f8a60bfcfbc7cc11344a67c3aae53491ef8d568",type:"text",value:"Group"}),e("smoothly-next-table",{key:"0f0eba34507f364c3ddd3fc96619e21153b5b15e",color:"primary",columns:2},e("smoothly-next-table-head",{key:"dc39e9cc58b74383b1650580d0957193afeb4bdf"},e("smoothly-next-table-row",{key:"ea000e7af4f3bf7449f2eb31596fa15d335beef2"},e("smoothly-next-table-cell",{key:"73a01b2d248b15eddc1335241284a12174575782"},"Date"),e("smoothly-next-table-cell",{key:"2ffb521c06f044a022264693b64b1cc37333e579"},"Total"))),e("smoothly-next-table-body",{key:"97312f4c2ff7dd6e10230dafa2031ad9327cd21d"},e("smoothly-next-table-row-group",{key:"fda16f4e638bf0fdab68bd52d988050721847d7c",align:true},e("smoothly-display",{key:"b9675d21ca891e31e46de714210851bb2a8c85d7",slot:"start",type:"date",value:"2024-01-01"}),e("smoothly-display",{key:"1437979831f6bd2986adc484d36c63661fa1f0bd",slot:"end",type:"price",currency:"EUR",value:510}),e("smoothly-next-table-expandable-row",{key:"78dc25f457719b3a81324a72f6f3208027f4f334"},e("smoothly-next-table-cell",{key:"ddeebcb112ed6d7d1389ca1991b6656176374ea7"},e("smoothly-display",{key:"a5f874fcf3dfe3f568cf5d0323300b343f2ac708",type:"date-time",value:"2024-01-01T01:37:00.000Z"})),e("smoothly-next-table-cell",{key:"e9abcd0f1760eeb21c1933a1c56fc7195f60c3da"},e("smoothly-display",{key:"572afb037cf27ccd1b4181935814b3e6817ce876",type:"price",currency:"EUR",value:250})),e("smoothly-lazy",{key:"0c0190e41c95d39fd03487865240f43daf97b069",slot:"detail",content:e(i,null,"Details of 2024-01-01T01:37:00.000Z")})),e("smoothly-next-table-expandable-row",{key:"c8bace32550e65b08b8fd29ad514936095af7c1f"},e("smoothly-next-table-cell",{key:"f854682c202244f2d7784ec334a6baf866bf3314"},e("smoothly-display",{key:"61015ffd8e2bcf27f830c44ab3c86939bcac218f",type:"date-time",value:"2024-01-01T13:37:00.000Z"})),e("smoothly-next-table-cell",{key:"10412d33ab10229a125267ee0e6011f884def956"},e("smoothly-display",{key:"1cb496ed5169ef9be0d41aa9127b1394bb095d8f",type:"price",currency:"EUR",value:260})),e("smoothly-lazy",{key:"ecb67fe11e3df463d6a46d31c2edd075bdb58f29",slot:"detail",content:e(i,null,"Details of 2024-01-01T13:37:00.000Z")}))),e("smoothly-next-table-row",{key:"5f5699d9e6a11c6ece66287b2cbab9984b10b4ce"},e("smoothly-next-table-cell",{key:"9c2fa987acc14fc768614f32ad6a633e3d778db1"},e("smoothly-display",{key:"c8072ef83ee06ec43dd7e5e257dede50f961d99f",type:"date",value:"2024-01-02"})),e("smoothly-next-table-cell",{key:"cbc9b054938892c5fc4a1502960a28a03736dc5c"},e("smoothly-display",{key:"2c8225a6340fbd39dc1d54bc8991021375c7742b",type:"price",currency:"EUR",value:130}))),e("smoothly-next-table-row-group",{key:"d4c0fa91a9c5c008a32931f16a736989d23d4bb2"},e("smoothly-display",{key:"0d6ef4e96b3d601f2d738477d9094210b7803691",slot:"start",type:"date",value:"2024-01-03"}),e("smoothly-display",{key:"84e25d2da669d0d4afbe23dfb114ffcf21c82b5e",slot:"end",type:"price",currency:"EUR",value:720}),e("smoothly-next-table-expandable-row",{key:"3ffdf7473ff6b9c40d81cbe4b2aaf3a825c86125"},e("smoothly-next-table-cell",{key:"ab985e9e6caaa743e77d4ca6e33a8e0a54a9dc6a"},e("smoothly-display",{key:"8f570dde80bc617e5cb137acebc44e5dc742c06b",type:"date-time",value:"2024-01-03T01:37:00.000Z"})),e("smoothly-next-table-cell",{key:"5e269a1370993eda41e2d466b35077f1dab9d08a"},e("smoothly-display",{key:"0563c3b3f467b71087e1d28bb1cff706667fad8e",type:"price",currency:"EUR",value:320})),e("smoothly-lazy",{key:"e6584a4a3bf627b53d16e89c2cce7616876e5c6d",slot:"detail",content:e(i,null,"Details of 2024-01-03T01:37:00.000Z")})),e("smoothly-next-table-expandable-row",{key:"5a054025d70b831d91d6d2e862b741772207eb60"},e("smoothly-next-table-cell",{key:"2543c240ced21320a82b87006aab704c2d10b8e0"},e("smoothly-display",{key:"73277a03ce5942a4d1c04d7f1155410054b12404",type:"date-time",value:"2024-01-03T13:37:00.000Z"})),e("smoothly-next-table-cell",{key:"66f3ba0940cb1537212b16e28712f8bf7178da91"},e("smoothly-display",{key:"7991e7325ae9179051ab238e0423cb50afe754aa",type:"price",currency:"EUR",value:400})),e("smoothly-lazy",{key:"31e2406e1243c99efe0e03f305f6035daa18aa7d",slot:"detail",content:e(i,null,"Details of 2024-01-03T13:37:00.000Z")}))),e("smoothly-next-table-row-group",{key:"178a34a2d08caf9d102f7bdd37b3c1ba5b760cfe"},e("smoothly-display",{key:"684716cf86d232663a7a7238340bae887a96699f",slot:"start",type:"date",value:"2024-01-04"}),e("smoothly-next-table-expandable-row",{key:"5a187e5f912989f9dcc08009e05cb5aa32d25fac"},e("smoothly-next-table-cell",{key:"861f3672a68c477aa7492a9b1d36ef85c857e0bd"},e("smoothly-display",{key:"879482bee27d7b2c575e348271488c41fd86fc6a",type:"date-time",value:"2024-01-04T01:37:00.000Z"})),e("smoothly-next-table-cell",{key:"8a3c4ec1c7257f656f7863ee03366e542a3ceb9b"},e("smoothly-display",{key:"ef28ce80ead9d0d51ad63e17f285bb1d576c65e4",type:"price",currency:"EUR",value:320})),e("smoothly-lazy",{key:"f9ea724f32a0fb5fea0fd5c6be709e61cd430d5b",slot:"detail",content:e(i,null,"Details of 2024-01-04T01:37:00.000Z")})),e("smoothly-next-table-expandable-row",{key:"4086636035f573e04b4c3b29d9f71e1e3db6bbae"},e("smoothly-next-table-cell",{key:"f22210aa14ea0e4185ab2f3a8f85a9bbf4a5fe4a"},e("smoothly-display",{key:"3cb01fa16079e0cf36a8add8437fbd0aef6371b3",type:"date-time",value:"2024-01-04T13:37:00.000Z"})),e("smoothly-next-table-cell",{key:"909c0b0d7c6618bd9a3b640f4ceaebd84826faaa"},e("smoothly-display",{key:"ddbedf3e8973aaa6ca07a34cca7b9a84248a27c0",type:"price",currency:"EUR",value:400})),e("smoothly-lazy",{key:"8d7d4bab3a9ce599865f1f96e0da1f60a880f81d",slot:"detail",content:e(i,null,"Details of 2024-01-04T13:37:00.000Z")}))),e("smoothly-next-table-row-group",{key:"957c290c4adf503c083c2a77cf035a74d0fb903c"},e("smoothly-display",{key:"5c9e031ede14a47d422b3b469644209be9b38d95",slot:"end",type:"price",currency:"EUR",value:720}),e("smoothly-next-table-expandable-row",{key:"b6985fd3b5ae4724ae9cea30a956f2e75d6e49ab"},e("smoothly-next-table-cell",{key:"c05bbb34ba90eff403f484838d89262ea92fb87c"},e("smoothly-display",{key:"2c745983fba7058ce583a6fb485060dcb189dbbc",type:"date-time",value:"2024-01-05T01:37:00.000Z"})),e("smoothly-next-table-cell",{key:"f331a9b877aef07f728febf8442683cc59454ab5"},e("smoothly-display",{key:"9e1741958a961e81ddbafd510e557491af7ad0d4",type:"price",currency:"EUR",value:320})),e("smoothly-lazy",{key:"5ab1426aec39166bc57a66eb877f6f7c83391aa9",slot:"detail",content:e(i,null,"Details of 2024-01-05T01:37:00.000Z")})),e("smoothly-next-table-expandable-row",{key:"338758ee1753b4d3f3ab6b3113ea217320e629da"},e("smoothly-next-table-cell",{key:"c953d80047cec4a1720a398f371c63cefb0b8bef"},e("smoothly-display",{key:"da963d282663c10a3740121fa7e4b0945c4732fc",type:"date-time",value:"2024-01-05T13:37:00.000Z"})),e("smoothly-next-table-cell",{key:"275b2049fa2b844b899b004b983e3b7ae28d0535"},e("smoothly-display",{key:"4d57a467d26b783679b15df8ba589ba751a5146c",type:"price",currency:"EUR",value:400})),e("smoothly-lazy",{key:"a5b658a5a2c3fd00c430bd316a4d9d921269be52",slot:"detail",content:e(i,null,"Details of 2024-01-05T13:37:00.000Z")}))),e("fake-group-wrapper",{key:"bd3a067117480c0b3177a4b86a426d4516dedaf3"},e("smoothly-next-table-row-group",{key:"799c938feee7a42ed5882837207b841929178428"},e("smoothly-display",{key:"acd827c42f10f5fe867391d03b47bb5e3f42d8d0",slot:"start",type:"date",value:"2024-01-06"}),e("smoothly-display",{key:"94a58e94464bad591bb249762d6ade36c33510b7",slot:"end",type:"price",currency:"EUR",value:720}),e("fake-row-wrapper",{key:"66cf6bcd02eeb7cafbb5a8bd96007fafb4350499"},e("smoothly-next-table-row",{key:"6bcafa2e926993be57ba07bd42f06beff61cb0c6"},e("fake-cell-wrapper",{key:"ed9d8126bcbf8cee01fa542c3336a9d14212f61c"},e("smoothly-next-table-cell",{key:"f84f32fe9fa0b9e38fd7531ef3ef3aa81f833ac5"},e("smoothly-display",{key:"02a7fcf7773a3f522b0ad455fb771a5dd7c376d7",type:"date",value:"2024-01-02"}))),e("fake-expandable-cell-wrapper",{key:"241ad856e54ed5c4972f03955416a15c36a143d0"},e("smoothly-next-table-expandable-cell",{key:"bdd971c56910fbc8359ab6021856901cb3afc8bd"},e("smoothly-display",{key:"3fd55705e77de16b28c20809cd6a6a57c58324d6",type:"price",currency:"EUR",value:130}),e("smoothly-lazy",{key:"cc27159540768cd765832124f53a487f78ecea04",slot:"detail",content:e("span",null,e("smoothly-display",{type:"price",value:100,currency:"EUR"})," + ",e("smoothly-display",{type:"price",value:30,currency:"EUR"}))}))))),e("fake-expandable-row-wrapper",{key:"95accdf2c8bb515abf253082f734e7dfa8fe3c0e"},e("smoothly-next-table-expandable-row",{key:"dc31702d1bb3c8fcd8dba383515abd05699f8a5e"},e("fake-cell-wrapper",{key:"9a905ab96104b082b114b17f466b9823c130c30a",class:"span-2"},e("smoothly-next-table-cell",{key:"ceb47f64f86d5cf2b2ee176598011ec4e9d4f557",span:2},e("smoothly-display",{key:"b2081dec56b27f3e95cdd97ba3cc41106a077b79",type:"date",value:"2024-01-07"}))),e("smoothly-lazy",{key:"35f165d6d71929a879580ba56330c2823f33ae0b",slot:"detail",content:e("smoothly-display",{type:"date-time",value:"2024-01-07T13:37:00.000Z"})}))))),e("smoothly-next-table-row-group",{key:"a0fb9d098fb4d391a31baa3269fd6e550ad3534d"},e("smoothly-display",{key:"966c7d9d5e4f241bfdceb51c509cb41089bca009",slot:"start",type:"date",value:"2024-01-08"}),e("smoothly-display",{key:"5f52da2331bc0a99d40b735294ffe664f94bdd89",slot:"end",type:"price",currency:"EUR",value:720})))))}};vd.style=kd;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 wd=".sc-smoothly-next-demo-nested-h{display:block}.sc-smoothly-next-demo-nested-h>smoothly-display.sc-smoothly-next-demo-nested{font-size:2em}.sc-smoothly-next-demo-nested-h>*.sc-smoothly-next-demo-nested{margin-bottom:2rem}";const Sd=wd;const Cd=class{constructor(e){t(this,e)}render(){return e(s,{key:"8f37f27812cb85a6ecf9f4d7ed9ba50b239148c5"},e("smoothly-display",{key:"68937abfc9bf9b22a85fd9f51239eeaf21a12ca0",type:"text",value:"Nested"}),e("smoothly-next-table",{key:"3242706eaf0211a0c5fadf690b78b9e790f59a68",color:"primary",columns:8},e("smoothly-next-table-head",{key:"29022d74a2afaf919b87619d041e79b06f49a230"},e("smoothly-next-table-row",{key:"b0e5131b451861c7b1d1f2cddddf0e00c70bf305"},e("smoothly-next-table-cell",{key:"cf07517ba2e94d5a85e8bdd828387fa28701f8a4"},"Id"),e("smoothly-next-table-cell",{key:"65546bca0dc6a27793c1fb8f2c3d327cbd3023f9"},"Registered"),e("smoothly-next-table-cell",{key:"5cbe9bdaa27b51f9c37d66e88860acd4e89b5574"},"Name"),e("smoothly-next-table-cell",{key:"9a324e4a363bb2494f178aac4de5c4f2b34cc081"},"Age"),e("smoothly-next-table-cell",{key:"f484b7f22660f6e4c30d11b6e363f474b6e52814"},"Balance"),e("smoothly-next-table-cell",{key:"31537ecf8802ba4accaefcd3eeb5fbbe951f9efb"},"EyeColor"),e("smoothly-next-table-cell",{key:"53b71f0c209bc5f2b6eb33684f4e5992cdd68795"},"Gender"),e("smoothly-next-table-cell",{key:"3f9c00e7618772f120d8e0bb2186171c5684b863"},"Company"))),e("smoothly-next-table-body",{key:"ad27fa7372647b96dc52dc8230d7fb9e4971fdf2"},xd.map((t=>e("smoothly-next-table-expandable-row",null,e("smoothly-next-demo-nested-inner",{color:"secondary",data:t.friends,slot:"detail"}),e("smoothly-next-table-cell",null,t.id),e("smoothly-next-table-cell",null,t.registered),e("smoothly-next-table-cell",null,t.name),e("smoothly-next-table-cell",null,t.age),e("smoothly-next-table-cell",null,t.balance),e("smoothly-next-table-cell",null,t.eyeColor),e("smoothly-next-table-cell",null,t.gender),e("smoothly-next-table-cell",null,t.company))))),e("smoothly-next-table-foot",{key:"1f61dea24f10b2c10689f23bccdda0a29c3561bc"},e("smoothly-next-table-row",{key:"bc025e98f221343b77746309d7b4d7212e7bcce0"},e("smoothly-next-table-cell",{key:"2f439da41d155b44c576516d139c59c15ddc66c3"},"Footer Cell"),e("smoothly-next-table-cell",{key:"bef37be02cd579395a25dcc31a04d2c04a5691f3"},"Footer Cell")))))}};Cd.style=Sd;const zd=".sc-smoothly-next-demo-nested-inner-h{display:block;margin:1em auto;width:60%}";const jd=zd;const _d=class{constructor(e){t(this,e);this.data=undefined}render(){var t;return e(s,{key:"b96533afe403464afe1eed879646a05954aaf292"},e("smoothly-next-table",{key:"74cb50c9cf59ddd35996c830d3398bb224590971",columns:4},e("smoothly-next-table-head",{key:"61c20b2b8359465e5036db5a815268f99282c32d"},e("smoothly-next-table-row",{key:"3a3fc573c3d87ad67fdebfa586e037ebd9373167"},e("smoothly-next-table-cell",{key:"ea3fc32addd0cf37a51648c350e5012d8648b898"},"Id"),e("smoothly-next-table-cell",{key:"ef6e3a42cb3c380a6dc4540ad7b369821f476cbd"},"Name"),e("smoothly-next-table-cell",{key:"45cf5bc5a85c081bd1952acafff5bf8289556355"},"Age"),e("smoothly-next-table-cell",{key:"9e57058db0cf95f0d3feb54cf73d9c93fc460ad2"},"Balance"))),e("smoothly-next-table-body",{key:"9f8415905b5eadf8806ef503b4a9f9d54928411f"},(t=this.data)===null||t===void 0?void 0:t.map((t=>e("smoothly-next-table-expandable-row",null,e("smoothly-next-table-cell",null,t.id),e("smoothly-next-table-cell",null,t.name),e("smoothly-next-table-cell",null,t.age),e("smoothly-next-table-cell",null,t.balance)))))))}};_d.style=jd;const Td=".sc-smoothly-next-demo-simple-h{display:block}.sc-smoothly-next-demo-simple-h>smoothly-display.sc-smoothly-next-demo-simple{font-size:2em}.sc-smoothly-next-demo-simple-h>*.sc-smoothly-next-demo-simple{margin-bottom:2rem}";const Id=Td;const Od=class{constructor(e){t(this,e)}render(){return e(s,{key:"b208684b3e42afd9e7c33733c5ada19bb823f2d6"},e("smoothly-display",{key:"1c506825525ab9058797c4d43f83ddbb3707ea83",type:"text",value:"Simple"}),e("smoothly-next-table",{key:"1ac990600294a5af42e85a7c5015cf187250f046",color:"primary",columns:2},e("smoothly-next-table-head",{key:"1551dbee3b8b36d7d960d7bdd04ca49a1eb4ae6c"},e("smoothly-next-table-row",{key:"783292c349b6cb3446ca75ad98025451085d5bd6"},e("smoothly-next-table-cell",{key:"e6c38954adcadbc92cc0d8f7a8afdc0279ec7c93"},"Breed"),e("smoothly-next-table-cell",{key:"ae4dbe133ad85732b3367cf87ce8f483eecec94d"},"Coat"))),e("smoothly-next-table-body",{key:"855910c63834dd6de4c41150998785a00c6e51a6"},Ld.map((t=>e("smoothly-next-table-row",null,e("smoothly-next-table-expandable-cell",null,t.breed,e("div",{slot:"detail"},"Country:",e("br",null),t.country)),e("smoothly-next-table-expandable-cell",null,t.coat,e("div",{slot:"detail"},"Pattern: ",t.pattern))))),e("smoothly-next-table-expandable-row",{key:"217ef2db0f9efb597003e2b0b15cb7bf9b79acee"},e("div",{key:"08070e42588aaed1c9f6547b6c3d0f7f8c1e899e",slot:"detail"},"Content",e("br",{key:"c546c3b04c14ee02374f6efd571becf0d5852fcc"}),"of",e("br",{key:"3c1c2efb30c664c95906795f9c29e9fab85403c8"}),"the",e("br",{key:"fe62197087a9deaf6e9a83800948e25556272fb4"}),"expandable",e("br",{key:"c40015fc86a7d6b446ddca64773198c94e6a6cab"}),"row"),e("smoothly-next-table-cell",{key:"86a378b93d1b9f5ef2efff15f9c8222c991195a0"},"Cell1 in expandable row"),e("smoothly-next-table-cell",{key:"abcd906ebf252d2818fc61ecabc5c96f33d93c63"},"Cell2 in expandable row")),e("smoothly-next-table-row",{key:"dae677b0e06b5d3afb1cbf8f1edb51b29bad5101"},e("smoothly-next-table-cell",{key:"83e8a54254ddf60164ae9146ff17c9e931742a24"},"Cell5"),e("smoothly-next-table-expandable-cell",{key:"ed6ea305ff0a88e56c26c46b2e3e5e30c6de07f5"},"Expandable Cell",e("div",{key:"037d10cd323819b325e0b1cc15dc44b5c10a6cfb",slot:"detail"},"Content of the expandable cell"))),e("smoothly-next-table-row",{key:"3b79ae045968ca70695b241d0e0c75e646be341b"},e("smoothly-next-table-expandable-cell",{key:"939fb4cf1b114ddb60cf7c0ff6b0bd2460a0fef1"},"Expandable Cell 1",e("div",{key:"53384ff42394ce9fd36015797ff62c99ab690253",slot:"detail"},"Content of the expandable cell 1")),e("smoothly-next-table-expandable-cell",{key:"2326c51f5e7077ee4fe8a8ee28eead996a3c8ff5"},"Expandable Cell 2",e("div",{key:"849d9fb31ca27cd92a9ebe025f1b8dd02588806e",slot:"detail"},"Content of the expandable cell 2")))),e("smoothly-next-table-foot",{key:"96341e258d79b1bdffc61ec3ef23843cd620bbd3"},e("smoothly-next-table-row",{key:"0e25ff8e24f495b9e9f09bfff2f83cdac4a75cc4"},e("smoothly-next-table-cell",{key:"bd1402ad5b7eb7b72435ef0953b83c86d549a626"},"Footer Cell"),e("smoothly-next-table-cell",{key:"79f46f1066befd87b9621ee60d37373a6021111d"},"Footer Cell")))))}};const Ld=[{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"}];Od.style=Id;const Ad=".sc-smoothly-next-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))}";const Ed=Ad;const Dd=class{constructor(e){t(this,e);this.columns=1}smoothlyNextTableExpandableCellChange(t){t.stopPropagation()}render(){return e(s,{key:"a5f6a264ccd04fd97ca3e6e741470940edf93e70",style:{"--columns":this.columns.toString()}},e("slot",{key:"8b2ed2b53c7783f45ae0a20f1fbc09960d6a0a8b"}))}};Dd.style=Ed;const Md=".sc-smoothly-next-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 $d=Md;const Rd=class{constructor(e){t(this,e)}render(){return e(s,{key:"a00a51d1361e9156066c4edc40f549a90e29c1a9"},e("slot",{key:"576a3efee9e369842cca6742b5d3278e6e90e82a"}))}};Rd.style=$d;const Pd=".sc-smoothly-next-table-cell-h{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding:0.3rem 1.1rem;white-space:nowrap}";const Nd=Pd;const Hd=class{constructor(e){t(this,e);this.span=1}render(){var t;return e(s,{key:"44302155e3e30ec4d8661d548fe6747a42091cb5",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)}},e("slot",{key:"968dbfd72741e01a07761901f43a5b4bb69c31bf"}))}};Hd.style=Nd;var Fd=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 Ud=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,a){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?a.call(t,o):a?a.value=o:e.set(t,o),o};var Yd;class Wd{get selected(){var t;return Ud(this,Yd,(t=Fd(this,Yd,"f"))!==null&&t!==void 0?t:Object.values(this.data),"f")}constructor(t,e={}){this.key=t;this.data=e;Yd.set(this,void 0)}handle(t){var e;return new Wd(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 o,s,a;return Array.isArray(t)?e("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}):e("smoothly-checkbox",{name:(o=t[this.key])===null||o===void 0?void 0:o.toString(),value:t,checked:!!this.data[(a=(s=t[this.key])===null||s===void 0?void 0:s.toString())!==null&&a!==void 0?a:""]})}static create(t){return new Wd(t)}}Yd=new WeakMap;const Bd='.sc-smoothly-next-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-next-table-demo-filtered-h>smoothly-display.sc-smoothly-next-table-demo-filtered{font-size:2em;grid-area:header}.sc-smoothly-next-table-demo-filtered-h>smoothly-filter.sc-smoothly-next-table-demo-filtered{margin-left:auto;grid-area:filter;height:fit-content}.sc-smoothly-next-table-demo-filtered-h>*.sc-smoothly-next-table-demo-filtered{margin-bottom:2rem;grid-area:main}.sc-smoothly-next-table-demo-filtered-h>smoothly-next-table.sc-smoothly-next-table-demo-filtered{grid-template-columns:min-content repeat(calc(var(--columns) - 1), auto)}smoothly-next-table.sc-smoothly-next-table-demo-filtered>smoothly-next-table-row.sc-smoothly-next-table-demo-filtered>smoothly-next-table-cell.sc-smoothly-next-table-demo-filtered:nth-of-type(2),.sc-smoothly-next-table-demo-filtered-h>smoothly-next-table.sc-smoothly-next-table-demo-filtered>smoothly-next-table-head.sc-smoothly-next-table-demo-filtered>smoothly-next-table-row.sc-smoothly-next-table-demo-filtered>smoothly-next-table-cell.sc-smoothly-next-table-demo-filtered:nth-of-type(4){justify-content:end}';const Vd=Bd;const Gd=class{constructor(e){t(this,e);this.criteria={};this.cats=undefined;this.selector=Wd.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 sr("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=Kd[t.country])!==null&&e!==void 0?e:[]}),names:(o=Kd[t.country])!==null&&o!==void 0?o:[]})}))}render(){const t=this.cats&&tl(this.criteria,this.cats);return e(s,{key:"093286a7f844e0e795e261cd55e394296da37cdc"},e("smoothly-display",{key:"fb2b537a9a45c00591f3b45e99481e390616423f",type:"text",value:"Filtered"}),e("smoothly-filter",{key:"5415e17f1b89938cd8305e1bfe610e2b97b03de0"},e("smoothly-filter-toggle",{key:"04b6714e0fd3f3d2a5a01c457e51a324da089af7",properties:{["nested.pattern"]:"Ticked",breed:""},icon:"add",toolTip:"Nested Ticked",slot:"bar"}),e("smoothly-filter-toggle",{key:"e0b1d37883eb62fbd406aebbb3d64b37d0370499",properties:{pattern:"Ticked",breed:""},icon:"paw",toolTip:"Ticked cats",slot:"bar"}),e("smoothly-filter-toggle",{key:"4a8bd053e4003bcae50230f6584c090c06ca9d2e",properties:{breed:"Bombay",pattern:"Solid"},icon:"radio-button-on",toolTip:"Solid bombay cats",slot:"bar"}),e("smoothly-filter-toggle",{key:"7bacf494c6aee34515dea81b1b5dfd57d8bf2a17",properties:{pattern:"Colorpoint"},not:true,active:true,icon:"alert",toolTip:"Colored cats",slot:"bar"}),e("smoothly-filter-select",{key:"cda9abcdd8adf77d79364632bc6aaac33062d980",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 o;return((o=t.nested)===null||o===void 0?void 0:o.coat)&&e("smoothly-item",{slot:"items",value:t.nested.coat},t.nested.coat)}))),e("div",{key:"b438d2f67bc46a2f1aeb11cfe8caaa9206a73804",slot:"detail"},e("smoothly-form",{key:"007d780885e1421e9902969fdcf3271fb0167432",looks:"border"},e("smoothly-filter-select",{key:"d9f1c8e400ec8c1299c78afa1d26cbd462895a64",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 o;return((o=t.nested)===null||o===void 0?void 0:o.coat)&&e("smoothly-item",{slot:"items",value:t.nested.coat},t.nested.coat)}))),e("smoothly-filter-select",{key:"6d60d144cb44633fd913bb56eaa5fc15ebd8d12e",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&&e("smoothly-item",{slot:"items",value:t.breed},t.breed)))),e("smoothly-filter-select",{key:"84d021709e5d55ca7d00bb81b487a02c09068797",menuHeight:"5items",label:"names",property:"nested.names",multiple:true,type:"array"},Object.keys(Object.values(Kd).flat().reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:true})),{})).flatMap((t=>e("smoothly-item",{slot:"items",value:t},t)))),e("smoothly-filter-input",{key:"85bb47145d4a312eff7966be03c3752c9e83116d",label:"Coat",property:"coat"}),e("smoothly-filter-input",{key:"66d9861b1b514a7b56bb9e804f120d0ab2c1c0cb",label:"Nested Coat",property:"nested.coat"})))),!t?"Failed to load data.":e("smoothly-next-table",{columns:4},e("smoothly-next-table-head",null,e("smoothly-next-table-row",null,e("smoothly-next-table-cell",null,this.selector.render(t)),e("smoothly-next-table-cell",null,"Breed"),e("smoothly-next-table-cell",null,"Coat"),e("smoothly-next-table-cell",null,"Price"))),t.map((t=>e("smoothly-next-table-row",null,e("smoothly-next-table-cell",null,this.selector.render(t)),e("smoothly-next-table-expandable-cell",null,t.breed,e("div",{slot:"detail"},"Country: ",t.country)),e("smoothly-next-table-expandable-cell",null,t.coat,e("div",{slot:"detail"},"Pattern: ",t.pattern)),e("smoothly-next-table-cell",null,e("smoothly-display",{type:"price",value:t.price,currency:"SEK"}))))),e("smoothly-next-table-foot",null,e("smoothly-next-table-row",null,e("smoothly-next-table-cell",{span:3},e("smoothly-display",{type:"text",value:`Selected: ${this.selector.selected.length!=0?this.selector.selected.length:t?t.length:"?"}`}))))))}};const Kd={"United States":["bill","bob","brad","joe","molly"],Australia:["nigel","bruce","sheila","brad","shane"],"United Kingdom":["nigel","james","molly","shane","bob"],Greece:["dionysius","demetrius","polikarpos"]};Gd.style=Vd;const Zd='.sc-smoothly-next-table-expandable-cell-h{display:contents}.sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell{padding:0.3rem 1.1rem}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;box-sizing:border-box;align-items:center;white-space:nowrap;position:relative}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;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-next-table-expandable-cell-h>div.content.sc-smoothly-next-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-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell::before{rotate:45deg}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-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-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-next-table-expandable-cell-h>div.detail.sc-smoothly-next-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative}[open].sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-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-next-table-expandable-cell-h>div.sc-smoothly-next-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-next-table-expandable-cell-h:not([open])>div.detail.sc-smoothly-next-table-expandable-cell{display:none}.sc-smoothly-next-table-expandable-cell-h>div.detail.sc-smoothly-next-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-next-table-expandable-cell-h>div.detail.sc-smoothly-next-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 qd=Zd;const Jd=class{constructor(e){t(this,e);this.smoothlyNextTableExpandableCellChange=o(this,"smoothlyNextTableExpandableCellChange",7);this.smoothlyNextTableExpandableCellRegister=o(this,"smoothlyNextTableExpandableCellRegister",7);this.span=1;this.open=false}componentWillLoad(){this.smoothlyNextTableExpandableCellRegister.emit()}async close(){this.open=false}clickHandler(){this.open=!this.open}openChange(){this.smoothlyNextTableExpandableCellChange.emit(this.open)}render(){var t;return e(s,{key:"119289a907bb003ceb4f46fc874373f8b7f4942e",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)}},e("div",{key:"515257705785b023ca4a41bbc74797747d508c0c",onClick:()=>this.clickHandler(),class:"content"},e("slot",{key:"e46be80340a4c68b082866d02ece4eafc4a78ea1"})),e("div",{key:"6475b16fd7cc13ab39596b49110a2caa821d7a91",class:"detail"},e("slot",{key:"bdfd0bc8b7219f931ae913a279a529fcad11e96f",name:"detail"})))}static get watchers(){return{open:["openChange"]}}};Jd.style=qd;const Xd='.sc-smoothly-next-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-next-table-expandable-row-h.sc-smoothly-next-table-expandable-row-s>*{cursor:pointer}.sc-smoothly-next-table-expandable-row-h:has(>.sc-smoothly-next-table-expandable-row:not(:last-child):hover)>.sc-smoothly-next-table-expandable-row:not(:last-child){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-next-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-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child{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-next-table-expandable-row-h>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child){position:relative}.sc-smoothly-next-table-expandable-row-h>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child)::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;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-next-table-expandable-row-h:has(>.sc-smoothly-next-table-expandable-row:not(:last-child):hover)>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child)::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-next-table-expandable-row-h>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child)::before{rotate:45deg}[open].sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child{overflow:visible;padding:0.3rem 1.1rem}.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child::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-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child::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 Qd=Xd;const th=class{constructor(e){t(this,e);this.smoothlyNextTableExpandableRowChange=o(this,"smoothlyNextTableExpandableRowChange",7);this.open=false}clickHandler(t){this.div&&t.composedPath().includes(this.div)||(this.open=!this.open)}openChange(){this.smoothlyNextTableExpandableRowChange.emit(this.open)}render(){return e(s,{key:"afccc86c98a2d7e821d5728d290f7bb12e82e139",onClick:t=>this.clickHandler(t)},e("slot",{key:"8ff3d3cede9388122b98aa8b814fcd9feceb3a20"}),e("div",{key:"1749fe7e69ce1af4035663a4967700705e4b813a",ref:t=>this.div=t},e("slot",{key:"1eb4e0197d61e292b6a64906c3ed06fc24c56d28",name:"detail"})))}static get watchers(){return{open:["openChange"]}}};th.style=Qd;const eh=".sc-smoothly-next-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 oh=eh;const sh=class{constructor(e){t(this,e)}render(){return e(s,{key:"e406505551c283675e8d66a9926a05c72425e9c2"},e("slot",{key:"07592151cec5a40a1865cac7a43df4af97d3f2f3"}))}};sh.style=oh;const ah=".sc-smoothly-next-table-head-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;top:0;position:sticky;z-index:1;--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-next-table-head-h{box-shadow:var(--smoothly-table-header-shadow)}";const ih=ah;const nh=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=l.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 e(s,{key:"0033553e2d592dec3e088ceac1c840dca4f67671",class:{scrolled:!!this.scrolled}},e("slot",{key:"4907255ee9e86e93f5fb064edad72811efeada95"}))}get element(){return a(this)}};nh.style=ih;const lh=".sc-smoothly-next-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-next-table-row-h:has(smoothly-next-table-expandable-cell){grid-template-rows:auto 0fr 0fr}.sc-smoothly-next-table-row-h:has(smoothly-next-table-expandable-cell[open]){grid-template-rows:auto 1fr 0fr}";const rh=lh;const ch=class{constructor(e){t(this,e);this.expandableCells=new Set}smoothlyNextTableExpandableCellRegisterHandler(t){t.stopPropagation();this.expandableCells.add(t.target)}smoothlyNextTableExpandableCellChangeHandler(t){if(t.detail)for(const e of this.expandableCells)t.target!=e&&e.close()}render(){return e(s,{key:"3322e029e371bfaeca10ed2c2801741019148106"},e("slot",{key:"68697027cfe344b18e613c5bb9603a06c6bf94eb"}))}};ch.style=rh;const dh=".sc-smoothly-next-table-row-group-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;margin-top:1px}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child{grid-column:1 / -1;display:grid;position:relative;cursor:pointer}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:last-child{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}[align].sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child{grid-template-columns:subgrid}[align].sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child>div.sc-smoothly-next-table-row-group{display:contents}[align].sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child>div.sc-smoothly-next-table-row-group>*.sc-smoothly-next-table-row-group{padding:0.3rem 1.1rem}.sc-smoothly-next-table-row-group-h:not([align])>div.sc-smoothly-next-table-row-group:first-child{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between;padding:0.3rem 1.1rem}.sc-smoothly-next-table-row-group-h:not([align])>div.sc-smoothly-next-table-row-group:first-child>div.sc-smoothly-next-table-row-group:first-child{justify-self:start;display:flex;gap:1rem}.sc-smoothly-next-table-row-group-h:not([align])>div.sc-smoothly-next-table-row-group:first-child>div.sc-smoothly-next-table-row-group:last-child{justify-self:end;display:flex;gap:1rem}.sc-smoothly-next-table-row-group-h:not([open]){grid-template-rows:auto 0fr}.sc-smoothly-next-table-row-group-h:not([open])>div.sc-smoothly-next-table-row-group:last-child{grid-row:2;overflow:hidden}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child>div.sc-smoothly-next-table-row-group:first-child::before{content:'';display:flex;position:absolute;top:50%;translate:0 -50%;left:0.3em;height:0.4em;width:0.4em;border-bottom:1px solid rgb(var(--smoothly-default-contrast));border-right:1px solid rgb(var(--smoothly-default-contrast));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child:hover>div.sc-smoothly-next-table-row-group:first-child::before{opacity:1}[open].sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child>div.sc-smoothly-next-table-row-group:first-child::before{rotate:45deg}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child{background-color:rgb(var(--smoothly-default-tint))}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child{border-bottom:1px solid rgb(var(--smoothly-default-shade))}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child:hover{background-color:rgb(var(--smoothly-default-shade))}";const hh=dh;const bh=class{constructor(e){t(this,e);this.smoothlyNextTableRowGroupChange=o(this,"smoothlyNextTableRowGroupChange",7);this.align=false;this.open=false}clickHandler(){this.open=!this.open;this.smoothlyNextTableRowGroupChange.emit(this.open)}render(){return e(s,{key:"f01b3bb5d0726aeb6c70a2f8cb0f9c2a2d7e9215"},e("div",{key:"b598b867ea4a628de3c160a34ddb5f2487dec4a4",onClick:()=>this.clickHandler()},e("div",{key:"b3da70637c310ec6164d9175e1f29a1f9eb96f46"},e("slot",{key:"b68fcbe98438160ce8cc6df33191f59e2f4559c9",name:"start"})),e("div",{key:"2a0788acc0b371b9b1405abaf5268483cab6fa98"},e("slot",{key:"efea8ad87c0a6121ae7f0c68ca11be5d590cdb3a",name:"end"}))),e("div",{key:"9756f7ef4c370782243dae3588a62086d4cb2a3b"},e("slot",{key:"0a940bae1a64c65b8de743de2ee129648f9e2b3a"})))}};bh.style=hh;const mh=".sc-smoothly-notification-h{display:block;position:relative;min-width:30em;min-height:3em;border-radius:5px;margin:0.5em}.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:0 2rem 0 1rem}.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{font-size:0.7em;position:absolute;right:0}";const yh=mh;const uh=class{constructor(e){t(this,e);this.remove=o(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 e(s,{key:"ef7444aeed0fb27214092c86d9eb4ee70bd9c056",color:this.properties[0],fill:"solid"},this.closable&&e("smoothly-trigger",{key:"6a0520c327adbca9f8248af010e69ad5e01b27db",fill:"clear",name:"close"},e("smoothly-icon",{key:"c40f4c8e7664bd4686e846ff49ed1a5b33e42f4a",name:"close-circle-outline"})),e("span",{key:"633dac15017f6f5ae1b6ff7712f084d94a4fc9ca",class:this.icon?"icon":"clean"},this.icon&&e("smoothly-icon",{key:"bc315885ce88801035ce3c98a601154c76e546fe",name:this.properties[1]}),e("p",{key:"e0b831cac3419fe66aff5604735d59a3f9cadeec"},this.notice.message)))}static get watchers(){return{notice:["onUpdatedNotice"]}}};uh.style=yh;const fh=".sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>aside.sc-smoothly-notifier{display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}";const ph=fh;const gh=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[e("slot",{key:"0c886bce3ce16e3c46cdea40a61c93b9a46871c7"}),e("aside",{key:"9899942e988bc7588903ce92766e73f3b109e226"},this.notices.map((t=>e("smoothly-notification",{notice:t,icon:this.icon}))))]}};gh.style=ph;const kh="[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 vh=kh;const xh=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 e(s,{key:"81ac798799ccbac9050d9cde6e2f6f40b711e19c",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},e("svg",{key:"8342d4dd9c475ff67613a004deb112277cb75ab9",class:"spinner",viewBox:`0 0 ${60+t} ${60+t}`,xmlns:"http://www.w3.org/2000/svg"},e("circle",{key:"aeeb3244f7684524f15e9f300cfd1eaae0a3a704",class:"path",fill:"none","stroke-width":t,"stroke-linecap":"round",cx:`${30+t/2}`,cy:`${30+t/2}`,r:"30"})))}};xh.style=vh;const wh='[color=default].sc-smoothly-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-submit-h{--smoothly-button-border-radius:0.5rem;display:inline-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-submit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-submit-h{display:inline}[disabled].sc-smoothly-submit-h{opacity:0.5;pointer-events:none}.sc-smoothly-submit-h>a.sc-smoothly-submit,.sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-submit-h>a.sc-smoothly-submit:empty,.sc-smoothly-submit-h>button.sc-smoothly-submit:empty{border-width:0}.sc-smoothly-submit-h>button.sc-smoothly-submit{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-submit{padding:0.8em;min-width:8em}.sc-smoothly-submit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-submit{padding:0.6em}[size=icon].sc-smoothly-submit-h>button.sc-smoothly-submit{padding:0.5em}[type=button].sc-smoothly-submit-h>a.sc-smoothly-submit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:100%}[size=large].sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:130%}.sc-smoothly-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-submit-h>button.sc-smoothly-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-submit-h{width:100%}[expand=full].sc-smoothly-submit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-submit-h>button.sc-smoothly-submit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-submit-h:not([fill=clear])>button.sc-smoothly-submit:hover,.sc-smoothly-submit-h>button.sc-smoothly-submit:focus-visible,[fill=outline].sc-smoothly-submit-h:active>button.sc-smoothly-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-submit-h>button.sc-smoothly-submit:hover::before,[fill=outline].sc-smoothly-submit-h>button.sc-smoothly-submit:focus-within::before,[fill=outline].sc-smoothly-submit-h>button.sc-smoothly-submit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-submit:hover,.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-submit:focus-visible,.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-submit-h>button.sc-smoothly-submit,.sc-smoothly-submit-h.sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h .sc-smoothly-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-submit-h{display:none}.sc-smoothly-submit-h{margin:1em 0em}';const Sh=wh;const Ch=class{constructor(e){t(this,e);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.color="success";this.expand=undefined;this.fill=undefined;this.disabled=false;this.type="button";this.size=undefined;this.shape=undefined;this.prevent=true}async componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(Zc.is(t)){this.parent=t}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.submit()}render(){return e(Wt,{key:"56f3a0f92fe9111ee513d7c1f2c30c1268f0b71d",disabled:this.disabled,type:this.type},e("slot",{key:"5b90cb32ef640707f4c3354bbff7d3634ce3e4b1"}))}};Ch.style=Sh;const zh=".sc-smoothly-summary-h{display:grid;grid-template-columns:auto 1fr;column-gap:0.3rem}.sc-smoothly-summary-h>details.sc-smoothly-summary{display:contents}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary{display:grid;grid-template-columns:subgrid;grid-column:1/-1;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]{grid-column:2}@media (prefers-reduced-motion){.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:none}}@supports selector(details::details-content){.sc-smoothly-summary-h>details.sc-smoothly-summary::details-content{grid-column:2}}";const jh=zh;const _h=class{constructor(e){t(this,e);this.smoothlySummaryOpen=o(this,"smoothlySummaryOpen",7);this.inputs={};this.open=false;this.color=undefined;this.fill="solid";this.size="tiny"}async toggleHandler(t){if(t.target instanceof HTMLDetailsElement){this.open=t.target.open;this.smoothlySummaryOpen.emit(this.open);this.open?await Promise.all(Object.values(this.inputs).map((t=>t.register()))):await Promise.all(Object.values(this.inputs).map((t=>t.unregister())))}}onInputLoad(t){if(hr.Element.is(t.target)){this.inputs[t.target.name]=t.target;if(!this.open)t.stopPropagation()}}render(){return e("details",{key:"03423089bf7ee4b014c1fd3d99ad03416605834f",onToggle:t=>this.toggleHandler(t),open:this.open},e("summary",{key:"ba0c2d9f264a86aa51e733403d5c28ef2249e5b0"},e("smoothly-icon",{key:"6e3806216cb99e05db15ab9c5228764e0b249c88",name:"caret-forward",color:this.color,fill:this.fill,size:this.size}),e("slot",{key:"4ebdb4f665e4004806bcaafccb7dad453b502cb2",name:"summary"})),e("slot",{key:"b4c7202fb177b351f4e2a4b2c2a0493a1929a98c",name:"content"}))}};_h.style=jh;const Th=".sc-smoothly-tab-h{display:contents;--line-width:3px}.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(--line-width);border-bottom-style:solid}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{display:block;padding:.5rem;width:fit-content;margin:auto;cursor:pointer}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{border-bottom:var(--line-width) solid rgb(var(--smoothly-primary-color));margin-bottom:calc(-1 * var(--line-width));position:relative}.sc-smoothly-tab-h>div.sc-smoothly-tab:nth-child(2){grid-row:2 / 3;grid-column:1 / -1}";const Ih=Th;const Oh=class{constructor(e){t(this,e);this.smoothlyTabOpen=o(this,"smoothlyTabOpen",7);this.smoothlyTabLoad=o(this,"smoothlyTabLoad",7);this.inputs={};this.label=undefined;this.open=undefined}async openHandler(){if(this.open)this.smoothlyTabOpen.emit(this.label);this.open?await Promise.all(Object.values(this.inputs).map((t=>t.register()))):await Promise.all(Object.values(this.inputs).map((t=>t.unregister())))}onClick(t){t.stopPropagation();this.open=true}connectedCallback(){this.smoothlyTabLoad.emit()}async componentDidLoad(){await this.openHandler()}onInputLoad(t){if(hr.Element.is(t.target)){this.inputs[t.target.name]=t.target;if(!this.open)t.stopPropagation()}}render(){return e(s,{key:"7332b276d0d33c8bf9af559d1445960ab4d19fb4"},e("div",{key:"9c6d23ce48245e5205655d38e3f4e4935cb654ba"},e("label",{key:"6ebc7f648d62a1a376c9db4f572b86166d8eb58a"},this.label)),e("div",{key:"208a58f7334fd3d7084d218ae655fa7188895b44",hidden:!this.open},e("slot",{key:"bfd4cca2db0b802c604055c29b7a2f242e9c35d7"})))}static get watchers(){return{open:["openHandler"]}}};Oh.style=Ih;const Lh=".sc-smoothly-table-h{display:table;width:var(--table-width, 80%);box-sizing:border-box;background-color:rgb(var(--smoothly-default-color))}[root].sc-smoothly-table-h{margin-left:1.5rem;margin-right:1.5rem}.sc-smoothly-table-h:not([root]){margin:0;width:100%}";const Ah=Lh;const Eh=class{constructor(e){t(this,e);this.smoothlyNestedTable=o(this,"smoothlyNestedTable",7);this.smoothlySpotlightChange=o(this,"smoothlySpotlightChange",7);this.smoothlyTableLoad=o(this,"smoothlyTableLoad",7);this.expandable=new WeakMap;this.expanded=new Set;this.root=true;this.color=undefined;this.align="middle";this.open=false}componentWillLoad(){this.smoothlyNestedTable.emit((()=>this.root=false));this.smoothlyTableLoad.emit((t=>this.owner=t))}handleExpandableLoaded(t){t.stopPropagation();t.target&&this.expandable.set(t.target,t.detail)}handleExpandableState(t){t.stopPropagation();t.target&&(t.detail?this.expanded.add(t.target):this.expanded.delete(t.target));this.smoothlySpotlightChange.emit({allowSpotlight:!this.expanded.size,owner:this.owner})}handleSpotlightState(t){var e;this.open=!!this.expanded.size;t.target!=this.element&&(t.stopPropagation(),t.detail.owner&&((e=this.expandable.get(t.detail.owner))===null||e===void 0?void 0:e.allowSpotlight(t.detail.allowSpotlight)))}handleNestedTable(t){t.target!=this.element&&(t.stopPropagation(),t.detail())}handleEvents(t){t.stopPropagation()}render(){return[e("slot",{key:"789d1cca2e2e00a20f5d6b2ae79146b7b77e709d"})]}get element(){return a(this)}};Eh.style=Ah;const Dh=".sc-smoothly-table-cell-h{display:table-cell;line-height:1.5rem;white-space:nowrap;padding:0.3rem .5rem;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade))}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{display:none;width:1em;height:auto;aspect-ratio:1 / 1;margin:0 0.3rem;transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-table-cell-h:hover>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{opacity:1}smoothly-table-expandable-row>div .sc-smoothly-table-cell-h:last-of-type>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{display:flex}smoothly-table-expandable-row[open]>div>.sc-smoothly-table-cell-h:last-of-type>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{transform:rotate(90deg)}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell{display:grid;grid-template-columns:1fr auto;align-items:center}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell>div.sc-smoothly-table-cell{width:100%}smoothly-table[align=bottom] .sc-smoothly-table-cell-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-cell-h{vertical-align:middle}smoothly-table[align=top] .sc-smoothly-table-cell-h{vertical-align:top}";const Mh=Dh;const $h=class{constructor(e){t(this,e)}render(){return e(s,{key:"ddbd2b60f52a554b80eb9731c3306862b9ea2caf"},e("div",{key:"7c85f274db55e65d80fd8339885a514802414c96"},e("div",{key:"9ba372931ea1b84c09d10eaf63ee388de1e93dce"},e("slot",{key:"4ca7ea3f9c997261ed11eae003ba74d2e60b10de"})),e("smoothly-icon",{key:"9f960f2478bfc9698673fc66e07d5ed4265199d7",name:"caret-forward-outline",size:"tiny"})))}};$h.style=Mh;const Rh=".sc-smoothly-table-demo-h{display:flex;flex-direction:column;align-items:center;gap:3rem;padding-bottom:10rem;margin-left:2rem;margin-right:2rem}.content.sc-smoothly-table-demo{display:contents}smoothly-lazy.sc-smoothly-table-demo{width:80%}";const Ph=Rh;const Nh=class{constructor(e){t(this,e)}render(){return e(s,{key:"4d75a6bbda2339457dcccfdb3e5359ac811fd8fd"},e("h4",{key:"565706c04d24d783034c63f28e54c8218df4f3a9"},"Demo table 1: Filtered & Checked Table")," ",e("smoothly-lazy",{key:"60822910e875796372b43352d9feff22bea153a0",content:e("smoothly-table-demo-filtered",null)}),e("h4",{key:"9df98423ebb70849e60266ef9848de29c34a97cf"},"Demo table 2")," ",e("smoothly-table-testing",{key:"ad72f0c9c28183f7c73b60fa3ea48c032fb359ef"})," ",e("h4",{key:"2fd86e82d10d9c699cc7bae5f7df6f821c4e9c25"},"Demo table 3"),e("smoothly-table",{key:"ead1eb8dbe9841b274f1cfefc784f26f5415e701"},e("smoothly-table-row",{key:"567dc7014c17e15b943254f0eaa3fc0f93588615"},e("smoothly-table-header",{key:"849a1bc10f5a16495def8917374bc627de78af22"},"Header A"),e("smoothly-table-header",{key:"85fd2363c202975cbb30219c9fa8b3d741e61cd0"},"Header B"),e("smoothly-table-header",{key:"4ee53183f4b1a77b9c3bb2a5068958f3df27a13a"},"Header C"),e("smoothly-table-header",{key:"9a9cb1d1b2cb8252183ad7c1c113e0cb2a20310f"},"Header D")),e("smoothly-table-row",{key:"a0cdab27e7ff0a686601f5b8c581deeaa443062f"},e("smoothly-table-expandable-cell",{key:"2cfa5ebc1522d3916ba3c73d09846c4957b99757"},"normal row (exp.cell)",e("div",{key:"b17bdace713635e508ae5654a4e208ebe1a55852",slot:"detail"},"expandable cell 1 content")),e("smoothly-table-expandable-cell",{key:"4937605b3367b71b402b2fea4b88a867758eb2ba"},"expandable cell",e("div",{key:"139e10e87077f131e4f49afeece05464c566ab89",slot:"detail"},"expandable cell 2 content")),e("smoothly-table-expandable-cell",{key:"e3df2d67065cc7f2ac9d2e42f4b7e623bf656843"},"expandable cell",e("div",{key:"df6307b76691f3ca87db71413c4b39fd90ab619c",slot:"detail"},"expandable cell 3 content")),e("smoothly-table-expandable-cell",{key:"1c7efc477a22cb66a4ffeb55cb514d74a17e34b8"},"expandable cell",e("div",{key:"09fb1975534d5f00ddbc00404182fffcc487ff8e",slot:"detail"},"expandable cell 4 content"))),e("smoothly-table-row",{key:"847fc395a1216c6d6239a5c6e31788378e41a06b"},e("smoothly-table-cell",{key:"282f7cb4e3555c593d37df0af4835bf29d77b543"},'normal row (nor.cell)"'),e("smoothly-table-cell",{key:"0dec2f1ca7025caa7811b94e23504f366a915f25"},"normal cell"),e("smoothly-table-expandable-cell",{key:"09425fc3be52c6a56e5dd5ecab75ec0a1c6563e4"},"expandable cell",e("div",{key:"ceae9f3be29b9f77e0980df2920ef46af49f9423",slot:"detail"},"expandable cell details.")),e("smoothly-table-expandable-cell",{key:"fa30c7d7323ce88e54ebeb36c2b7db498c5bfc91"},"expandable cell",e("div",{key:"4fbb7089b92e9b6355a55d22256d4f26a7d26b1c",slot:"detail"},"expandable cell details."))),e("smoothly-table-expandable-row",{key:"cf37d3d0ddde0774a036faab21bb2a1b161fd2cf"},e("smoothly-table-cell",{key:"d50d52a23419aae1e18decdd556ff01698798d9a"},"expandable row (nor.cell)"),e("smoothly-table-cell",{key:"68ec6b4925c74bccea4a300023adfad92b9ccc39"},"Normal cell"),e("smoothly-table-cell",{key:"c9fa755098e2f8866779b2173d35db01b91f081b"},"normal cell"),e("smoothly-table-cell",{key:"dc968923326834da3fdb84a4683b2aa83a7d14b9"},"Normal cell"),e("div",{key:"a4231e4f2a311ac13dfa1f0751153b0749fd768b",slot:"detail"},"expandable row content"))),e("h4",{key:"6b9413fd4cfd0232722dab8c0086220d7de4f880"},"Demo table 4"),e("smoothly-table",{key:"b72c61724bf681b99b47cf47a7d518970bf29a3b"},e("smoothly-table-row",{key:"48a4910318aa017c2e87e9251463966f31123d87"},e("smoothly-table-header",{key:"74a418fd72e9ee42fed4037e9a1073fe9b994948"},"Header A"),e("smoothly-table-expandable-cell",{key:"eb43429edca1e385aa9bf3d2beaf86468b9040a5"},"Header expansion",e("div",{key:"e145061d6954d44e117513b0e275188d567c06f9",slot:"detail"},"Expansion content"))),e("smoothly-table-expandable-row",{key:"174e0e8eb8540f0b9eba2b951df65d106facf604"},e("smoothly-table-cell",{key:"e5a71ca565e5f44ac5ecedd633158b735f0fe7e1"},"A Content"),e("smoothly-table-cell",{key:"2799cdc6d78c24d5008f21336113ff7f51712a13"},"Expansion cell"),e("div",{key:"4b1187ba13c0c7c1dc9e80118408c998fa552ae0",slot:"detail"},e("smoothly-tab-switch",{key:"f24ccfc3d7dee3449bc7c6db18bf67e51cd6ff1c"},e("smoothly-tab",{key:"f2840215bb198bb199b6fdf360c4a099e224fce3",label:"innertable 1",open:true},e("smoothly-table",{key:"ea50a861ae9d3c4c72643b405a6ead37ba99d8dc"},e("smoothly-table-row",{key:"a59d3e923e070aeb4478a0702ca8a668fef93a9a"},e("smoothly-table-header",{key:"647f389fa707c5473ec9ab0399349c097da9fd1d"},"Header B")),e("smoothly-table-expandable-row",{key:"f6b1043b654059073ff426e325136ffca64d4956"},"B Content"))),e("smoothly-tab",{key:"340f0879addcfb073e3db13e5dd7bd0e3aaa4075",label:"innertable 2"},e("smoothly-table",{key:"6dcfe34730e9fcdea008f146e7d5756e1a61f686"},e("smoothly-table-row",{key:"8602b8b672ff2f8419e48f5342e3a34a28e51baf"},e("smoothly-table-header",{key:"30dfdd6045bff2ca268bf18f6776c0b1902f5b5e"},"Header C")),e("smoothly-table-expandable-row",{key:"1deef22f36a9453767ba0abf71b956ad04696c29"},e("smoothly-table-cell",{key:"f662c003f4d67288aeb388ab927182ba6c7864e6"},"C Content"))))))),e("smoothly-table-row",{key:"16b38e84a416929a4f88ca071d544b0fe10b1a0d"},e("smoothly-table-cell",{key:"387b2ef88275ed0c44b84858a01f97f3b0ccc8cb"},"A Content"),e("smoothly-table-expandable-cell",{key:"027279acb6ba0a6f5b80c4db72cab97dec09bc59"},"Expandable cell",e("div",{key:"4e28f419d87501079e5934ddadf044a91db26c0c",slot:"detail"},"Expansion content")))),e("h4",{key:"b157a262703045efbabbf18d45a2ab865d5d117d"},"Demo table 5"),e("smoothly-table",{key:"b91df5c00f1096b79348a474804809556005b668"},e("smoothly-table-row",{key:"9f44a30ab6fb6ac06650ac22a8763708f28cb95f"},e("smoothly-table-header",{key:"088e7b725a4f35d405ba029c461e367b9dacabca"},"A"),e("smoothly-table-header",{key:"02ba317d2ad1fce6f183d6706ce32a2169d1c2c9"},"B")),e("smoothly-table-expandable-row",{key:"879ffd71485ba21e82b645daeb4788cbcc76c028"},e("smoothly-table-cell",{key:"e36ff9152ae876ec40d16cdc269b7a5f49ef09c1"},"nested expandable row"),e("smoothly-table-cell",{key:"f7a8822b65317d7f8e985338f38f47fbd3d2742f"},"b row"),e("div",{key:"19c472d1663626ca4bf49ad73d2f81d574f5e13e",slot:"detail"},e("smoothly-table",{key:"79ab194e1bef69e04621b77689951b8f1374b876"},e("smoothly-table-row",{key:"d4e4df6cd8d94f9c17ff6b4989726f0781132df0"},e("smoothly-table-header",{key:"3e5358f360904a5300eef1dbdef304c5859824aa"},"C"),e("smoothly-table-header",{key:"01a4187fc804759b43c1661484db0c34b1316f5f"},"D")),e("smoothly-table-expandable-row",{key:"ace0c19ee9ef7802efca61cbdce30e82d1b37741"},e("smoothly-table-cell",{key:"02452b6171949863dcc262d6e3bcc33b17d8cc72"},"c"),e("smoothly-table-cell",{key:"372f4f353b5afe4cc2fc16bc643b8a16e38fb8c5"},"d"),e("div",{key:"e32095b17716a819db416646e3f9c85b325a161e",slot:"detail"},e("smoothly-table",{key:"80bf5968b5b6700067be7f9b31e5a8460fc068d9"},e("smoothly-table-row",{key:"89afc84de5ebbcdf2f8a0cc396d3afc37ff79f61"},e("smoothly-table-header",{key:"7681a5d6e758eec38a8afbf861d853f58641ca4e"},"E"),e("smoothly-table-header",{key:"3fa1c073cace44d4a904a2355fc257f0eb3d636b"},"F")),e("smoothly-table-expandable-row",{key:"4b6375d689b06ca9128f649885de0654f7982a7f"},e("smoothly-table-cell",{key:"5b9a61dc4246954d460f53f051c0c2a0fdba0cb0"},"e row"),e("smoothly-table-cell",{key:"05a02b0d9059bc4823e1b78fa96f790fbb083c15"},"f row"),e("div",{key:"816b6a1e704b564c41644c6acbfef8b472a515a8",slot:"detail"},"nested expandable row expansion e f")))))))),e("smoothly-table-expandable-row",{key:"5193e67450ab2ae63c87a149301a0dc66665e274"},e("smoothly-table-cell",{key:"cd68edfefe486b1a5ac65d6dfadc38768c4561d6"},e("span",{key:"46b04030612537f57ddd6120b6fa29602971332b"},"one"),e("span",{key:"1fc6d4c7cc7987396dc2b8783524cf735ff417e8"},"two"),e("span",{key:"e48250123ee9f5cafd954e29a6852ca366bcc786"},"three")),e("smoothly-table-cell",{key:"b078bbaeb5bc162b5bd239bd97768a2481b5d4d9"},"five",e("smoothly-icon",{key:"8bdd45617561bc52f990d157904c2dbb2545fb6e",name:"paper-plane-sharp",size:"small"})),e("div",{key:"a9965cf11e02fcf743987f4c29e7b87df48d70ac",slot:"detail"},"four")),e("smoothly-table-row",{key:"e3f52483f58e0b50b55504a65ceaaab887f595fc"},e("smoothly-table-expandable-cell",{key:"f6c1bb6602b8e52f960f2455e11fec00a53f48a3"},e("span",{key:"57d652d10c30e8e2e2476a71d56f1fa845d7b8b3"},"nested expandable cells"),e("div",{key:"55b4a2e151213f197c24ccd86336ad805839c89a",slot:"detail"},e("smoothly-table",{key:"cb9c535103f77df6ac615b6bfad7ba3a22ac7a13"},e("smoothly-table-row",{key:"ad81ccfcea8e06348e87fd804910c41f977341da"},e("smoothly-table-header",{key:"5926bfeb6c1168450e99e373942cc4a96b8c2b06"},"E"),e("smoothly-table-header",{key:"7bcf13500a7870fb343f1b2b2d2477a1bf60fe26"},"F")),e("smoothly-table-row",{key:"2cf863787a43fe522cbeaaeac679fd37abd42f22"},e("smoothly-table-expandable-cell",{key:"86efe2a1258e04deba4e5b88acba8fdb9e272a70"},"e cell",e("div",{key:"64e96d3792939ec4d86269e6873c0825083523c6",slot:"detail"},e("smoothly-table",{key:"b972ea1324f4508d7a6882ccf9780bd9a1d943b6"},e("smoothly-table-row",{key:"74735f09f56384da5a74b2434bf28a47d8183be5"},e("smoothly-table-header",{key:"bdb5b8d7fca758b570a4530c73ce2120559ea02f"},"G"),e("smoothly-table-header",{key:"9330353a33d4106428243daca956d8d801264259"},"H")),e("smoothly-table-row",{key:"106dd11ed14b739565dcf0f12b11b955d82f8f87"},e("smoothly-table-expandable-cell",{key:"7607860201c9036188d69813b2e5ca7b286b95e9"},"g cell",e("div",{key:"c5a9fa9dd96f0e5b83035e49aed09493264c4a57",slot:"detail"},"nested expandable cell expansion g")),e("smoothly-table-expandable-cell",{key:"795c298d223a63012486edfffcad1e62cf92fc1d"},"h cell",e("div",{key:"7c66648d032ba2bc9385a67d6e18b81387fa1f6b",slot:"detail"},"nested expandable cell expansion h")))))),e("smoothly-table-expandable-cell",{key:"4ebb724a71c53e83f5f524169194de7120e6693e"},"f cell",e("div",{key:"14438cef2d3a28ea25f84175b7ff2c48b364a252",slot:"detail"},"nested expandable cell expansion f")))))),e("smoothly-table-expandable-cell",{key:"d6148997d2dddbef5fe0089767d865f8b46d2c32"},"b cell",e("div",{key:"08ff0f926febf4df68b8fbaafb9a03a4065f40ec",slot:"detail"},e("smoothly-table",{key:"f5c9200e21a38a8f4260845d2e5ff5839d394885"},e("smoothly-table-row",{key:"243fdc3cafe492df63fac1e75ed8e94e280a4273"},e("smoothly-table-header",{key:"fc149cdadf6ea763bd57dfdf73eae0fb0c04ff60"},"C"),e("smoothly-table-header",{key:"4a84549ed920f1edd97308deaccaaca4e0bd4858"},"D")),e("smoothly-table-row",{key:"db4c5364ff1bbacde700ca35b96c658851462bac"},e("smoothly-table-expandable-cell",{key:"1fd4f8987f70b6802a5df708d1d53a149739f240"},"c cell",e("div",{key:"4655d25f2d3e5d26ddf7133ba0f6858d441453c4",slot:"detail"},"nested expandable cell expansion c")),e("smoothly-table-expandable-cell",{key:"df0733668bd098af635888a62a08eccfd4864554"},"d cell",e("div",{key:"d5ce1ae1235118767cd88c18342c74bd50d2e563",slot:"detail"},"nested expandable cell expansion d")))))))),e("h4",{key:"78955bf3f6aa98b689849d2f8f986b119e5a0813"},"Demo table 6"),e("smoothly-table",{key:"b2e59918d985365b87dff9f00241af2279f27f41"},e("smoothly-table-row",{key:"c9225ee001bfb36906ea6d076b76ecefb3ce580f"},e("smoothly-table-header",{key:"7d7c60855e8afc22607d32abd1778e99437a8069"},"display"),e("smoothly-table-header",{key:"0a56ea94a5db7071038c0ac61175ed24e6cb7962"},"contents")),e("smoothly-table-expandable-row",{key:"9a8332b23170188708c7a8546a0776bcf17c68f9"},e("div",{key:"3a62af807ad1d34bd80b1d8c82013f869bda17fb",class:"content"},e("smoothly-table-cell",{key:"41aa0fed8911f34f08e4b1f5126616eddb0efb5c"},"A"),e("smoothly-table-cell",{key:"8b1454d6e64b2f34088deec5bfc76bdc1f81dc14"},"B")),e("div",{key:"8523ca12289bbd501a269f7693715e3b33ce7c1d",slot:"detail"},"expansion"))),e("h4",{key:"65baf660733eb3273aa1fc45c8400e7a9fe8a055"},"Demo table 7")," ",e("span",{key:"055a8441595bac3d7aed30efb7db55d0f749822b"},"nested 1 then normal"),e("smoothly-table",{key:"7874ca1d5010352be7f8f10ea68016a541b5976f"},e("smoothly-table-row",{key:"375ab7dbe17805ab0d8b448951ece6e4ab50eff1"},e("smoothly-table-header",{key:"8914c7a64ef476075e75a616d917d123b552ba11"},"A"),e("smoothly-table-header",{key:"0826d6e33e00e8a02523a39dda6c3d97a53acd01"},"B")),e("smoothly-table-expandable-row",{key:"17bd4571f1dd0493ecb66dd644cd17cacca04b2a"},e("smoothly-table-cell",{key:"8ffbb19e69b87e738e394d2a69e94d5864c978ab"},"a"),e("smoothly-table-cell",{key:"111baa59e84b8ad619b9b097bddecadaa221bdb8"},"b"),e("div",{key:"60ef6c239a698e2564ddc253911881a387eea519",slot:"detail"},e("smoothly-table",{key:"fe098287c9800264ecb789607ef38edfc4918c84"},e("smoothly-table-row",{key:"cf503bc0464f7f2ac3583a75ebcc0c638f5aa86d"},e("smoothly-table-header",{key:"38217c3c06fc803dda2a32e9b558bf25791aa568"},"C"),e("smoothly-table-header",{key:"e6db1eca207221b55aed373c68d9d4f35c1b555a"},"D")),e("smoothly-table-row",{key:"46d4575bcb85e32f6992edf44f8718573d2e62c2"},e("smoothly-table-cell",{key:"4d00d9ae3e0e15147ce3b697e82f39cf06688e3d"},"c"),e("smoothly-table-cell",{key:"efd070f1822b059cb0284eb40ae09fa85ce02b5c"},"d")),e("smoothly-table-row",{key:"0df1266570321720b48cc136d3471880dd483968"},e("smoothly-table-cell",{key:"baf6166809e44f708b7452ff0939cce4db0f998e"},"ccc"),e("smoothly-table-cell",{key:"800f5c0f8d13c89d8cfa1d867f49e0ddb7f45603"},"ddd")),e("smoothly-table-expandable-row",{key:"ac83767933ef61081b3c28abacf30cd7346e0917"},e("smoothly-table-cell",{key:"f54da1c32cec055852402ce50e5507f63901a63f"},"cccc"),e("smoothly-table-cell",{key:"e9598a3d6e95c2489684a1e0aaf753bd8b320894"},"dddd"),e("div",{key:"d09cc1d8f0785d86c2ff17679ef9fc370762ba89",slot:"detail"},"CONTENT")),e("smoothly-table-row",{key:"d50df933a3a1a6a5b10be2191578ed5d879acee8"},e("smoothly-table-cell",{key:"169f3e4a94bbae4f9b575af802d602b854389032"},"ccccc"),e("smoothly-table-cell",{key:"713b6741813970dfa9f36ac6b61e01f3daed0a24"},"ddd")),e("smoothly-table-expandable-row",{key:"e9c26b2d16666ec6fbde1cf50c248ffa6d7fa418"},e("smoothly-table-cell",{key:"e335e1560b40f7085edf255b9c636a17a4a034c9"},"cccc"),e("smoothly-table-cell",{key:"b8426a925ddbfb192ff3df0c3659e9a3b50f0bf6"},"dddd"),e("div",{key:"e181097e31f64856395c61c9499e605444d0e034",slot:"detail"},"CONTENT")))))),e("h4",{key:"a28acb2c3a30dfd4d469557ab5ae325b7198a607"},"Demo table 8")," ",e("span",{key:"56bfbd9cb3a897ccf6cfd42a614c3e937223b43f"},"not nested"),e("smoothly-table",{key:"fda13210a7e5ea36a33e0f44b12b25905e302808"},e("smoothly-table-row",{key:"63e9610a78dfbc329c9bc26d4e416998d7e6237a"},e("smoothly-table-header",{key:"20600d28fcaa6ba3a6a275008a863ca8148ac0fb"},"C"),e("smoothly-table-header",{key:"3d7fa4c1729eaca33fffadedec9914f6da271017"},"D")),e("smoothly-table-row",{key:"6236fcfe58f09309a7fd522d177d2bd33e7a0ab9"},e("smoothly-table-cell",{key:"67a7d31d6aa3d116ebe0a88a5e8f584c2285333a"},"c"),e("smoothly-table-cell",{key:"2f5a1d93eadc9b96dfd3aad8ba91d2696c3055e1"},"d")),e("smoothly-table-row",{key:"fb2736306cf978aa89dde85bf792e21c746765f8"},e("smoothly-table-cell",{key:"c069426cda86081182906813b121a84039f9a04a"},"cc"),e("smoothly-table-cell",{key:"01fc6c252bdc06c012cdb0537c65eb706a10212f"},"dd")),e("smoothly-table-row",{key:"165d917a082ec87033b3ed9d28b6aa6acb5c6417"},e("smoothly-table-cell",{key:"f820c8c1492086af2dc1083a3904d75cbbd83169"},"ccc"),e("smoothly-table-cell",{key:"9d04ce5f411f1dfc84a1243c7f310a99921c121d"},"ddd"))),e("h4",{key:"78613924411ff0be89ce90aed26dc136852a1e64"},"Demo table 9"),e("smoothly-table",{key:"5aeb337045c88746c907f410ee575b9bcaa9ea27"},e("smoothly-table-row",{key:"e98d4dcf9c6116837a17a9f38d4d0e435c463d84"},e("smoothly-table-header",{key:"70f4c22617686211b39084f2996a910ab8eee19c"},"First name"),e("smoothly-table-header",{key:"e48b12ba18d328d2742864f7fca90cf8e8df646b"},"Last name"),e("smoothly-table-header",{key:"efec65c1f52cc5e98a316154c604d0aa15106542",style:{width:"1px"}},e("smoothly-icon",{key:"c44853f1aae338b249624251ac7fd836c93b838b",name:"alert-outline"}))),e("smoothly-table-expandable-row",{key:"c6930ebe7f156d515a701e3a8155d8cb9d360766"},e("smoothly-table-cell",{key:"fd63067bbe70e5458b9a2ddaa357d3486563026d"},"Jessie"),e("smoothly-table-cell",{key:"7fdd0e7dfbf930d84374fb7151c75fe28343b5c4"},"Doe"),e("smoothly-table-cell",{key:"c61fc89306ac778353f43bfd49a75087f15a4495"}),e("div",{key:"280796257c2e5f2a063939da3bab4b5a77542d70",slot:"detail"},e("p",{key:"e4140e8363996bc92a84d498baad2ebdaa001e81"},"This is Jessie")))),e("h4",{key:"a308341362afb08052af53bfe0eeda963671f2d7"},"Demo table 9 - Lazy expansion rows"),e("smoothly-table",{key:"3f9d7af3e1778e091d31c2c9fefc9d616a6c60a6"},e("smoothly-table-row",{key:"60ad913bd394abcd83a2000d779c76222def9e1c"},e("smoothly-table-header",{key:"4f0710e9724526ec1123e96d5feed564878b3762"},"Company")),e("smoothly-table-expandable-row",{key:"d0f39b09c7fbcbe67423799836fa0f45c13efa17"},e("smoothly-table-cell",{key:"18dc6162fb8b0917b30c1ca32e8628700536669d"},"Proquse"),e("smoothly-lazy",{key:"44780a800166f2288e1ccbd781305c5d1acd6256",slot:"detail",content:e("img",{src:"https://brand.proquse.com/logo/proquse-black.svg",alt:"Proquse Logotype."})})),e("smoothly-table-expandable-row",{key:"60161028cb03261e40922dcdadbc6c76d8c8b4ec"},e("smoothly-table-cell",{key:"804f920e49c7bb7588b3e3914a1baf39538338a7"},"Pax2Pay"),e("smoothly-lazy",{key:"9e88e2f562dc88f4a0f2c206b31575deaafe7c7b",slot:"detail",content:()=>e("img",{src:"https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg",alt:"Pax2Pay Logotype."})}))),e("h4",{key:"05e29e47065dfe1f6fc03c7f62e6d851ca599793"},"Demo table 10 - Lazy expansion cells"),e("smoothly-table",{key:"3ee0be5c6663458bf8f6bdd6dec1ebf876c85567"},e("smoothly-table-row",{key:"9d2a06dd1d27e2cd69ec74353a0855d1fde6ab97"},e("smoothly-table-header",{key:"24bcfb658bbd342881cabab291247695484a1f62"},"Company")),e("smoothly-table-row",{key:"e2fb2d3aad701e89e4e1f1f11f6288103cddca46"},e("smoothly-table-expandable-cell",{key:"698d75cc90b0ecaf056fb165fc6482c7d72d1636"},"Proquse",e("smoothly-lazy",{key:"f74d1d00c8842fb89a6fe0867d0c134da50c22fb",slot:"detail",content:e("img",{src:"https://brand.proquse.com/logo/proquse-black.svg",alt:"Proquse Logotype."})}))),e("smoothly-table-row",{key:"3c1545ccf09e0bda5ba27f07341cebaf44d51b1e"},e("smoothly-table-expandable-cell",{key:"dd0736cffce96cce69bbaf3bcba1e278d6c9ffd6"},"Pax2Pay",e("smoothly-lazy",{key:"026f7c8d2a40a8c3c0b089e1c57e7571abfca4e9",slot:"detail",content:()=>e("img",{src:"https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg",alt:"Pax2Pay Logotype."})})))),e("h4",{key:"6642d61a7ed37ae26c7eb6d63f0ac820a8d8462b"},"Demo table 11 - expandable cells"),e("smoothly-table",{key:"ed81c44f6a494c3c223433c76fba88635d400c47"},e("smoothly-table-row",{key:"3c3c6287d0d82d733bec8a85095229c1b84ab902"},e("smoothly-table-header",{key:"54434837620161815440c1d1d8050c5b350d4399"},"Name"),e("smoothly-table-header",{key:"3cb0ed2cd8c0938f4b22474eeb7140a386ec60b1"},"Age"),e("smoothly-table-header",{key:"7c28485362b0e7c7de97dc1e1dd534a1f5f47ade"},"Location")),e("smoothly-table-row",{key:"433324a6fe43ff2536d820e6b628a8ab7de1b67a"},e("smoothly-table-expandable-cell",{key:"edfcf4adc703947972fc9ee7ff5869a7d69190f6"},"Jessie",e("div",{key:"33279c406692ee816e52c1a35cd40ebfbf8e53f9",slot:"detail"},"Doe")),e("smoothly-table-expandable-cell",{key:"a742c3624ca05d00dc5e71cbe00840ad9cbd5108"},(new Date).getFullYear()-2e3,e("div",{key:"50d84db55d267b7a7be5fe2d1999fe018b73a0c4",slot:"detail"},"2000-01-01")),e("smoothly-table-expandable-cell",{key:"fc91ae7f97ddf88ba658f54821be8af1f99008db"},"UK",e("div",{key:"ab0596814c4524a8b64c091ddbb9120c25b49bd4",slot:"detail"},"London")))))}};Nh.style=Ph;const Hh=".sc-smoothly-table-demo-filtered-h{display:block;width:80%}smoothly-table-cell.sc-smoothly-table-demo-filtered:nth-of-type(2){text-align:right}td.sc-smoothly-table-demo-filtered{padding-left:1.5em}";const Fh=Hh;const Uh=class{constructor(e){t(this,e);this.criteria={};this.cats=undefined;this.selector=Wd.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 sr("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=Yh[t.country])!==null&&e!==void 0?e:[]}),names:(o=Yh[t.country])!==null&&o!==void 0?o:[]})}))}render(){const t=this.cats&&tl(this.criteria,this.cats);return e(s,{key:"1632fc896a3c14cc68145cd77166797806651f60"},e("smoothly-filter",{key:"71928ac255e71c6f035830270e202c47cabc8f3a"},e("smoothly-filter-toggle",{key:"61062e4add68ba020b9244af36e8736d9e78a4f9",properties:{["nested.pattern"]:"Ticked",breed:""},icon:"add",toolTip:"Nested Ticked",slot:"bar"}),e("smoothly-filter-toggle",{key:"9e6f2d11d6f86352ec1476185d68e961db6914ac",properties:{pattern:"Ticked",breed:""},icon:"paw",toolTip:"Ticked cats",slot:"bar"}),e("smoothly-filter-toggle",{key:"6847c4f187c08912bebbd1fcb690d1f7a9f2ab31",properties:{breed:"Bombay",pattern:"Solid"},icon:"radio-button-on",toolTip:"Solid bombay cats",slot:"bar"}),e("smoothly-filter-toggle",{key:"836571ad9e00e96e3c97b1b615ff3e1fc08ccd27",properties:{pattern:"Colorpoint"},not:true,active:true,icon:"alert",toolTip:"Colored cats",slot:"bar"}),e("smoothly-filter-select",{key:"6b04421955de238e2263323fca0867a7e12a42e2",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 o;return((o=t.nested)===null||o===void 0?void 0:o.coat)&&e("smoothly-item",{slot:"items",value:t.nested.coat},t.nested.coat)}))),e("div",{key:"63609e5156d7a3761ed7fd421ed863681c4d7b5d",slot:"detail"},e("smoothly-form",{key:"44b78b0d4e2781ac620f66b03ca4032440caed48",looks:"border"},e("smoothly-filter-select",{key:"f401a2d1bfb0484a726a4e25dc17be7c88a5c51e",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 o;return((o=t.nested)===null||o===void 0?void 0:o.coat)&&e("smoothly-item",{slot:"items",value:t.nested.coat},t.nested.coat)}))),e("smoothly-filter-select",{key:"786a00cd3d90c73583c65602d0ae92561fa0412a",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&&e("smoothly-item",{slot:"items",value:t.breed},t.breed)))),e("smoothly-filter-select",{key:"93c389248f5b02b23e08ec7009e341247bb0d975",label:"names",property:"nested.names",multiple:true,type:"array"},Object.keys(Object.values(Yh).flat().reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:true})),{})).flatMap((t=>e("smoothly-item",{slot:"items",value:t},t)))),e("smoothly-filter-input",{key:"0046e17476642a0cd4fecdc1030e9eb2aba04bfe",label:"Coat",property:"coat"}),e("smoothly-filter-input",{key:"801fa97acd8ec50530304b1cd0a964d2a01d46eb",label:"Nested Coat",property:"nested.coat"})))),!t?"Failed to load data.":e("smoothly-table",null,e("smoothly-table-row",null,e("smoothly-table-header",null,this.selector.render(t)),e("smoothly-table-header",null,"Breed"),e("smoothly-table-header",null,"Coat"),e("smoothly-table-header",null,"Price")),t.map((t=>e("smoothly-table-row",null,e("smoothly-table-cell",null,this.selector.render(t)),e("smoothly-table-expandable-cell",null,t.breed,e("div",{slot:"detail"},"Country: ",t.country)),e("smoothly-table-expandable-cell",null,t.coat,e("div",{slot:"detail"},"Pattern: ",t.pattern)),e("smoothly-table-cell",null,e("smoothly-display",{type:"price",value:t.price,currency:"SEK"}))))),e("smoothly-table-footer",null,e("td",{colSpan:5},e("smoothly-display",{type:"text",value:`Selected: ${this.selector.selected.length!=0?this.selector.selected.length:t?t.length:"?"}`})))))}};const Yh={"United States":["bill","bob","brad","joe","molly"],Australia:["nigel","bruce","sheila","brad","shane"],"United Kingdom":["nigel","james","molly","shane","bob"],Greece:["dionysius","demetrius","polikarpos"]};Uh.style=Fh;const Wh='.sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.3rem 0.5rem 0.3rem 0.2rem;cursor:pointer;line-height:1.5rem}.sc-smoothly-table-expandable-cell-h:not([open]){box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)), 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}[open].sc-smoothly-table-expandable-cell-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-color));box-shadow:1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell>smoothly-icon.sc-smoothly-table-expandable-cell{width:1em;padding-right:0.3rem;transition:transform 0.2s, opacity 0.1s;display:flex;height:auto;aspect-ratio:1 / 1;align-self:center;opacity:0.3}.sc-smoothly-table-expandable-cell-h:hover>div.sc-smoothly-table-expandable-cell>smoothly-icon.sc-smoothly-table-expandable-cell{opacity:1}[open].sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell>smoothly-icon.sc-smoothly-table-expandable-cell{transform:rotate(90deg) translateX(3px)}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{display:grid;grid-template-columns:auto 1fr;align-items:center}.sc-smoothly-table-expandable-cell-h:not([open])>tr.sc-smoothly-table-expandable-cell>td.sc-smoothly-table-expandable-cell{display:none}smoothly-table-row>tr>td.sc-smoothly-table-expandable-cell-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-color));width:calc(100% + 3rem - 1px);top:1px;left:calc(-1 * var(--expansion-width) + 1px);box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - 1px);border-bottom:1px solid rgb(var(--smoothly-color-shade))}smoothly-table-row>tr.spotlight>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:calc(var(--expansion-border-width)) 0 0 0 rgb(var(--smoothly-tertiary-color)) inset}smoothly-table-row>tr:not(.spotlight)>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:-1px 0 0 0 rgb(var(--smoothly-tertiary-color)), 1px 0 0 0 rgb(var(--smoothly-tertiary-color))}smoothly-table-row>tr>td.sc-smoothly-table-expandable-cell-s>*::before{content:"";position:absolute;display:flex;top:-1px;bottom:0;left:-1px;width:calc(var(--expansion-width) + 1px);border-top:1px solid rgb(var(--smoothly-color-shade))}smoothly-table-row>tr>td.sc-smoothly-table-expandable-cell-s>*::after{content:"";position:absolute;display:flex;top:-1px;bottom:0;right:0;width:calc(var(--expansion-width) - 1px);border-top:1px solid rgb(var(--smoothly-color-shade));border-right:1px solid rgb(var(--smoothly-color-shade))}smoothly-table[align=bottom] .sc-smoothly-table-expandable-cell-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-expandable-cell-h{vertical-align:middle}smoothly-table[align=top] .sc-smoothly-table-expandable-cell-h{vertical-align:top}';const Bh=Wh;const Vh=class{constructor(e){t(this,e);this.smoothlyExpansionOpen=o(this,"smoothlyExpansionOpen",7);this.smoothlyExpansionLoad=o(this,"smoothlyExpansionLoad",7);this.smoothlyExpandableChange=o(this,"smoothlyExpandableChange",7);this.smoothlyExpandableLoad=o(this,"smoothlyExpandableLoad",7);this.allowSpotlight=true;this.spotlight=true;this.open=undefined}openChanged(t){if(this.expansionElement)if(t)this.beginOpen=true;else this.element.append(this.expansionElement);this.smoothlyExpandableChange.emit(this.open)}handleSpotlight(){this.spotlight=this.open&&this.allowSpotlight}componentWillLoad(){this.smoothlyExpansionLoad.emit();this.smoothlyExpandableLoad.emit({allowSpotlight:t=>this.allowSpotlight=t})}componentDidRender(){if(this.beginOpen){this.beginOpen=false;this.smoothlyExpansionOpen.emit(this.expansionElement)}}onClick(){this.open=!this.open}handleTableLoaded(t){t.stopPropagation();t.detail(this.element)}render(){return e(s,{key:"b0722ac2b5894d6a08ff86f9ae8cb6ab6e573320"},e("div",{key:"a9472d042e9bdac9c0bb0c841023bd19c2d6f283"},e("smoothly-icon",{key:"953239cf1296bbe7e0bf3ff2fd2b2876bbf45fc4",name:"caret-forward-outline"}),e("slot",{key:"684f2f1e4d9a670ffe43a99a5f2f7453df0f0563"})),e("tr",{key:"c3237dd2b3c948468f5431e376112c9c7567ab8b",class:{spotlight:this.spotlight},ref:t=>this.expansionElement=t},e("td",{key:"8575d321597bef075866fd0aa0f7eb412935612d",colSpan:999},e("slot",{key:"55b5610313b8f6363c03ce8de3d46e8dad35ca8b",name:"detail"}))))}get element(){return a(this)}static get watchers(){return{open:["openChanged","handleSpotlight"],allowSpotlight:["handleSpotlight"]}}};Vh.style=Bh;const Gh='.sc-smoothly-table-expandable-row-h{display:contents}.sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row{display:table-row;cursor:pointer;line-height:1.5rem}[open].sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row{position:relative;z-index:3;background-color:rgb(var(--smoothly-color))}.sc-smoothly-table-expandable-row-h[open]>div.sc-smoothly-table-expandable-row-s smoothly-table-cell,.sc-smoothly-table-expandable-row-h[open]>div.sc-smoothly-table-expandable-row-s>smoothly-table-cell{box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-row-h[open]>div.sc-smoothly-table-expandable-row-s smoothly-table-cell:first-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset, 1px 0 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-row-h[open]>div.sc-smoothly-table-expandable-row-s smoothly-table-cell:last-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-row-h[open]>div.sc-smoothly-table-expandable-row-s smoothly-table-cell:last-child:first-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset, 1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-row-h:not([open])>tr.sc-smoothly-table-expandable-row>td.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>tr.sc-smoothly-table-expandable-row>td.sc-smoothly-table-expandable-row{position:relative}.sc-smoothly-table-expandable-row-h>tr>td.sc-smoothly-table-expandable-row-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-color));width:calc(100% + 3rem - 2px);left:calc(-1 * var(--expansion-width) + 1px);box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - 1px);border-bottom:1px solid rgb(var(--smoothly-color-shade))}.sc-smoothly-table-expandable-row-h>tr.spotlight>td.sc-smoothly-table-expandable-row-s>*{box-shadow:calc(var(--expansion-border-width)) 0px 0px 0px rgb(var(--smoothly-tertiary-color)) inset}.sc-smoothly-table-expandable-row-h>tr:not(.spotlight)>td.sc-smoothly-table-expandable-row-s>*{box-shadow:-1px 0 0 0 rgb(var(--smoothly-tertiary-color)), 1px 0 0 0 rgb(var(--smoothly-tertiary-color))}.sc-smoothly-table-expandable-row-h>tr>td.sc-smoothly-table-expandable-row-s>*::before{content:"";position:absolute;display:flex;top:0;bottom:0;left:-1px;width:calc(var(--expansion-width) + 1px);border-top:1px solid rgb(var(--smoothly-color-shade))}.sc-smoothly-table-expandable-row-h>tr>td.sc-smoothly-table-expandable-row-s>*::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:0;width:calc(var(--expansion-width) - 1px);border-top:1px solid rgb(var(--smoothly-color-shade));border-right:1px solid rgb(var(--smoothly-color-shade))}';const Kh=Gh;const Zh=class{constructor(e){t(this,e);this.smoothlyExpansionOpen=o(this,"smoothlyExpansionOpen",7);this.smoothlyExpandableChange=o(this,"smoothlyExpandableChange",7);this.smoothlyExpandableLoad=o(this,"smoothlyExpandableLoad",7);this.allowSpotlight=true;this.spotlight=true;this.open=undefined}handleSpotlight(){this.spotlight=this.open&&this.allowSpotlight}componentWillLoad(){this.smoothlyExpandableLoad.emit({allowSpotlight:t=>this.allowSpotlight=t})}handleTableLoaded(t){t.stopPropagation();t.detail(this.element)}render(){return e(s,{key:"3bcc97ed6e2791b5d2e499e4778f805afd6c3796"},e("div",{key:"1c0f055d551ee74869a171754f436b466fe5c582",onClick:()=>this.open=!this.open},e("slot",{key:"df24e386c9c906b4745bb66aa6b16bcb4059143e"})),e("tr",{key:"c6b08fde5babec71465abb1caef4c06bc5b0f8bc",class:{spotlight:this.spotlight}},e("td",{key:"db3d0590cb43229ea3ca2000cfdd004f489b8272",colSpan:999},e("slot",{key:"9222f690b82eba97520741877948e3f4a7504642",name:"detail"}))))}get element(){return a(this)}static get watchers(){return{open:["handleSpotlight"],allowSpotlight:["handleSpotlight"]}}};Zh.style=Kh;const qh=".sc-smoothly-table-footer-h{display:table-footer-group;position:sticky;bottom:0;background-color:rgb(var(--smoothly-color));box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)),\n\t\tinset 0 1px 0 rgb(var(--smoothly-color-shade));line-height:2.5rem;font-weight:bold}";const Jh=qh;const Xh=class{constructor(e){t(this,e)}render(){return e("slot",{key:"92ae107645e77eaaae9d40d06966e5662c83b914"})}};Xh.style=Jh;const Qh=".sc-smoothly-table-header-h{display:table-cell;line-height:2.5rem;border-top:1px solid rgb(var(--smoothly-color-shade));box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade));padding:0 .5rem;font-weight:bold}smoothly-table[align=bottom] .sc-smoothly-table-header-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-header-h{vertical-align:middle}smoothly-table[align=top] .sc-smoothly-table-header-h{vertical-align:top}";const tb=Qh;const eb=class{constructor(e){t(this,e);this.name=undefined}render(){return e(s,{key:"394a454ddc969c87033825a058beac227325dc73"},e("slot",{key:"035d027bb935e244b867ba39b16466cc6a0db7c5"}))}};eb.style=tb;const ob=".sc-smoothly-table-row-h{display:table-row-group;cursor:default;line-height:1.5rem}.hide.sc-smoothly-table-row{display:none}.sc-smoothly-table-row-h>div.sc-smoothly-table-row{display:contents}";const sb=ob;const ab=class{constructor(e){t(this,e);this.expansions=[];this.open=false}onExpansionLoad(t){this.expansions.push(t.target)}onExpansionChange(){this.open=this.expansions.some((t=>t.open))}onExpansionOpen(t){var e;this.expansions.forEach((e=>{if(e!=t.target)e.open=false}));if(t.detail)(e=this.element)===null||e===void 0?void 0:e.after(t.detail)}render(){return e("div",{key:"2a76ac0241c79e325b487e9ca92b62fbec6dc6e1",ref:t=>this.element=t},e("slot",{key:"a49794e5574311a4402263818ac177e32ad21fe5"}))}};ab.style=sb;const ib=[{type:"cat",name:"Lazie",age:3},{type:"dog",name:"Jessie",age:8},{type:"cat",name:"Snooz",age:5},{type:"bird",name:"Squeak",age:1},{type:"bird",name:"Quirk",age:2}];const nb=".sc-smoothly-table-testing-h{width:100%;display:flex;justify-content:center}smoothly-table.sc-smoothly-table-testing{width:80%}.tableCell.sc-smoothly-table-testing{height:3rem;display:flex;align-items:center}.tableCell.sc-smoothly-table-testing>div.sc-smoothly-table-testing{margin-left:3rem;margin-right:3rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}td.sc-smoothly-table-testing>div.footer.sc-smoothly-table-testing{display:flex;padding-left:1.5em;flex-direction:row;gap:1em}";const lb=nb;const rb=class{constructor(e){t(this,e);this.counter=0}render(){return e(s,{key:"1085f1696d6d7e66bcaa5c72bf8af0fe9531ac5f"},e("smoothly-table",{key:"7b7f1826e75d45446577204794385c3a15afbca2",color:"dark"},e("smoothly-table-row",{key:"47c1266d3b1b894d1ae987ffb6fdcb4023e5707b"},e("smoothly-table-header",{key:"54076867bbe8ecbbda6bbd883b6f991a35b717c9"},"Type"),e("smoothly-table-header",{key:"ad2ec2b46aacbaeb6047a269a29ba285b0777e00"},"Name"),e("smoothly-table-header",{key:"dfa2353121fd65e30d50c14b9a51cccd01082c30"},"Age")),ib.map((t=>e("smoothly-table-expandable-row",null,e("smoothly-table-cell",null,t.type),e("smoothly-table-cell",null,t.name),e("smoothly-table-cell",null,t.age),e("smoothly-form",{slot:"detail",onSmoothlyFormSubmit:()=>this.counter++,looks:"line"},e("smoothly-input",{value:t.type},"Type"),e("smoothly-input",{value:t.name},"Name"),e("smoothly-input",null,t.age),e("smoothly-submit",{slot:"submit"},"Submit!"))))),ib.map((t=>e("smoothly-table-row",null,e("smoothly-table-cell",null,t.type),e("smoothly-table-expandable-cell",null,t.name,e("smoothly-form",{slot:"detail",onSmoothlyFormSubmit:()=>this.counter++,looks:"line"},e("smoothly-input",{value:t.name},"Name"),e("smoothly-submit",{slot:"submit"},"Submit!"))),e("smoothly-table-expandable-cell",null,t.age,e("smoothly-form",{slot:"detail",onSmoothlyFormSubmit:()=>this.counter++,looks:"line"},e("smoothly-input",{value:t.type},"Type"),e("smoothly-input",{value:t.name},"Name"),e("smoothly-input",null,t.age),e("smoothly-submit",{slot:"submit"},"Submit!")))))),e("smoothly-table-footer",{key:"89632321b8eb3e5cc90949ca090c83f66bb92ddc"},e("td",{key:"0487fb4e794ae1869ba4587e771bc762bbe51bee",colSpan:2},e("div",{key:"5593a3dbb5be54e071dd853aca3f37d0fec0ccd3",class:"footer"},"Currently viewing content from:",e("smoothly-display",{key:"f91fa74ca1e36c74168ba2191009997935710c5f",type:"date",value:"2023-10-12"}))),e("smoothly-table-header",{key:"fdd07d8165c4d6b05a96fb37f14da6aa6e00bbde"},"Total age: "+ib.reduce(((t,e)=>t+e.age),0)))))}};rb.style=lb;const cb=".sc-smoothly-tabs-h{display:grid;grid-template-columns:repeat(var(--tabs), auto);grid-template-rows:auto auto}";const db=cb;const hb=class{constructor(e){t(this,e);this.smoothlyTabOpen=o(this,"smoothlyTabOpen",7);this.tabs=[];this.selectedElement=undefined}onInputLoad(t){if(t.target instanceof HTMLElement&&!this.tabs.includes(t.target)){this.tabs=[...this.tabs,t.target]}}openChanged(t){if(t.target!=this.element){t.stopPropagation();this.selectedElement=t.target;this.smoothlyTabOpen.emit(t.detail)}}onSelectedChange(t,e){if(e)e.open=false}render(){return e(s,{key:"b7546191fa983884fae40908ef9d192801008b24",style:{"--tabs":`${this.tabs.length}`}},e("slot",{key:"b4c48090e63b912607d772044c47af880ca6a09e"}))}get element(){return a(this)}static get watchers(){return{selectedElement:["onSelectedChange"]}}};hb.style=db;const bb=".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%}";const mb=bb;const yb=class{constructor(e){t(this,e)}render(){return e("smoothly-tabs",{key:"d569728a46c2542bb18675a87b45af852c168502"},e("smoothly-tab",{key:"4b30de3d0e9ad3477fcaba37d043135cbdbaf02b",label:"test1",open:true},"Hello world!"),e("smoothly-tab",{key:"fbc279d1279d1f6b6df4e4214a9f80ede3f1cb3f",label:"test2"},"this is a test message!"),e("smoothly-tab",{key:"f935e14faf487d2d7089fa6ca311454ed5c0e725",label:"test3"},"this is a test message again!"))}};yb.style=mb;const ub=".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 fb=ub;const pb=class{constructor(e){t(this,e);this.color=undefined}render(){return e(s,{key:"d8b102ae04ea052a0dfb6ce574647ae9f036c2b1"},this.color,["tint","color","shade"].map((t=>e("smoothly-theme-color-variant",{title:`${this.color} ${t}`,color:this.color,variant:t}))))}};pb.style=fb;const gb=".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 kb=gb;const vb=class{constructor(e){t(this,e);this.color=undefined;this.variant="color"}render(){return"Aa"}};vb.style=kb;const xb=".sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1em;column-gap:1em;width:fit-content}";const wb=xb;const Sb=class{constructor(e){t(this,e)}render(){return["primary","secondary","tertiary","success","warning","danger","light","medium","dark","default"].map((t=>e("smoothly-theme-color",{color:t})))}};Sb.style=wb;const Cb=".sc-smoothly-theme-demo-h{display:flex;width:50%;margin:auto;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>span.sc-smoothly-theme-demo{display:flex;flex-direction:row;gap:10em}";const zb=Cb;const jb=class{constructor(e){t(this,e)}render(){return e(s,{key:"54d081410164cfe67d684c8bb4c1ec1ebe452806"},e("h2",{key:"1f34789f78794291e430c72839ba8a3c3076e00e"},"Theme"),e("smoothly-theme-picker",{key:"fe3c84e990cab972ccb2dc86f04d5e939a0b730d"},e("smoothly-item",{key:"11c7a8328ddb902224cc3e99993ce8e425acc868",selected:true,value:"assets/style/smoothly.css"},"Smoothly"),e("smoothly-item",{key:"028e8171c1ec84f0c631425e11784bdabb08c885",value:"https://app.issuefab.com/assets/style/index.css"},"Issuefab"),e("smoothly-item",{key:"b0e7c5a0141424e165e0c5ff1c21bb70726909b6",value:"https://app.proquse.com/assets/style/index.css"},"Proquse"),e("smoothly-item",{key:"ab2095a17d41e7a75153f7f26c8f20f39bbe90d6",value:"https://app.weekmeter.com/assets/style/index.css"},"Weekmeter"),e("smoothly-item",{key:"826a37fbdf3ac1f2b5164ff9d542d2bd60abfa10",value:"https://dash.pax2pay.app/p2pdash.css"},"Pax2Pay Dashboard"),e("smoothly-item",{key:"906abe598591c168e3c453f5e13a8b38dd33deee",value:"https://ui.pax2pay.app/assets/style/pax2pay.css"},"Pax2Pay Portal"),e("smoothly-item",{key:"772d0de279b2f20c40b35e0263f30ea1d8a3f9e7",value:"https://theme.payfunc.com/intergiro/index.css"},"Intergiro Monitor"),e("smoothly-item",{key:"e284556364e9cda627507a2d9068d1543876aec8",value:"https://theme.payfunc.com/light/index.css"},"Payfunc Light"),e("smoothly-item",{key:"c90cf63880db12aa88849fc5365b98ccdf14906b",value:"https://theme.payfunc.com/dark/index.css"},"Payfunc Dark")),e("span",{key:"93cf03d3c0f223162468ad9b365a004fabf65c83"},e("smoothly-theme-colors",{key:"b2bad8b6c1750281f937646ea57e1580d933a640"}),e("smoothly-theme-guide",{key:"2d550662a46eceedcb475b4a9abaf2cac178e2e7"})),e("smoothly-button",{key:"7ae3e1a95fa71d430e227e1e585347e36130b413",type:"link",link:"/redirect"},"To redirect"),e("smoothly-button",{key:"2f3d0ebfeef56c4385538c7bdad673b22795ae03",type:"link",link:"/redirect"},"To /redirect"),e("smoothly-button",{key:"ac89007d285921323cfb0ea1e03d527cdb3ffdc1",type:"link",link:new URL("/redirect",window.location.origin).href},'To new URL("redirect")'),e("smoothly-button",{key:"6424bb2eedc79f9844e03b3012befffac9dd3f58",type:"link",link:"redirect/nested"},"To redirect nested"))}};jb.style=zb;const _b="";const Tb=_b;const Ib=class{constructor(e){t(this,e)}render(){return[e("smoothly-display",{key:"73aced140e98364ab32b558c8f2957a6eeb7ebc0"},"Tint is used as background to highlight, for example hovering an item in the select menu."),e("br",{key:"f03d94ad53fb3c09f469259175b621b7c7cd50e7"}),e("smoothly-display",{key:"b93d13d77f9c7fb00e5daef73a3c04b1dc3e4682"},"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."),e("br",{key:"9e7d54e25677e2d38522a50188088630451e8db5"}),e("smoothly-display",{key:"95eb20b5ca9d5e51d500e045ecf9b857366a3835"},"Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),e("br",{key:"368566d705df9860fb6ab4c986baebefb7b3c539"}),e("smoothly-display",{key:"6b981748e1642f940dca3c4fd56d4298272efb7e"},"One can use the ","<smoothly-color>"," component to switch between what color set is used."," "),e("br",{key:"df8636fd9068f981efdddb4fd1f9b33d98acdfe1"})]}};Ib.style=Tb;const Ob="";const Lb=Ob;const Ab=class{constructor(e){t(this,e);this.element="smoothly-css"}render(){return e(s,{key:"3b06c8bdbf291fc5f577044962f583375660b853"},e("smoothly-input-select",{key:"f4d9aaeaad1ac395bda8e11bcd10c3f71d9317ec",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}},e("label",{key:"5182e27204a212ac887561d8660e14f072a124d8",slot:"label"},"Select theme"),e("slot",{key:"bd7fa9a727b640068089b128db1a4de905a49feb"})))}};Ab.style=Lb;const Eb=".sc-smoothly-toggle-h{display:inline-block;border:none}.sc-smoothly-toggle-h>button.sc-smoothly-toggle{border:solid white 0.5px;display:flex;padding:0.6em;justify-content:center;font-size:110%;font-weight:400;color:rgb(var(--smoothly-default-tint));background-color:rgb(var(--smoothly-default-shade))}[shape=rounded].sc-smoothly-toggle-h{border-radius:0.6em}[shape=rounded].sc-smoothly-toggle-h>button.sc-smoothly-toggle{border-radius:0.5em}[selected].sc-smoothly-toggle-h>button.sc-smoothly-toggle{color:rgb(var(--smoothly-light-contrast))}.sc-smoothly-toggle-s>smoothly-icon{stroke:rgb(var(--smoothly-default-contrast));fill:rgb(var(--smoothly-default-contrast));font-size:110%}.sc-smoothly-toggle-h:not([selected])>.sc-smoothly-toggle-s>smoothly-icon{color:rgb(var(--smoothly-default-tint));fill:rgb(var(--smoothly-default-tint))}[disabled].sc-smoothly-toggle-h{opacity:0.5;pointer-events:none}";const Db=Eb;const Mb=class{constructor(e){t(this,e);this.selected=false;this.shape=undefined;this.disabled=false;this.name=undefined;this.value=undefined}onClick(t){this.selected=!this.selected}render(){return e("button",{key:"943fdf3c2020e09c03e37110ce01927e31b915bd"},e("slot",{key:"dcb1b18047edc69ecbd80d883c2e974fe33e6951",name:"icon-slot"}),e("slot",{key:"3d8fc1215e43327649d6b8c90e8f6e6ed46ac440"},this.name))}};Mb.style=Db;const $b=".sc-smoothly-toggle-switch-h{display:block;width:3.6em;height:1.8em}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;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;position:absolute;left:0;fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast));font-size:1.2em;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{width:2.4em;height:1.2em}[size=small].sc-smoothly-toggle-switch-h{width:3.05em;height:1.5em}[size=large].sc-smoothly-toggle-switch-h{width:5.2em;height:2.5em}[size=tiny].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{font-size:.8em}[size=small].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{font-size:1em}[size=large].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{font-size:1.75em}";const Rb=$b;const Pb=class{constructor(e){t(this,e);this.smoothlyToggleSwitchChange=o(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 e(s,{key:"ffb27188be61fc8c2ada8a404af42be35ced322d"},e("button",{key:"d816de8b00238c8758466ae330c6c5db27ee0242",disabled:this.disabled,onClick:()=>this.handleClick()},e("smoothly-icon",{key:"80a5ca52f10517e4810023a596ef08994ffa3440",color:this.color,name:!this.checkmark?"ellipse":this.selected?"checkmark-circle":"close-circle",fill:"clear",class:{selected:this.selected}})))}};Pb.style=Rb;const Nb=".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 Hb=Nb;const Fb=class{constructor(e){t(this,e)}render(){return e(s,{key:"7cf6fe092063bfcc2a0b5ce00390608c7ceb3e35"},e("h4",{key:"650888efb65135a0af4525a326a3503a9e75bbea"},"Toggle switches"),e("div",{key:"340d00ecd16ca494455452861e0fdfbdd14f9bf4"},e("p",{key:"4b5aa3e5744bf2e80a38b9d51a60a475e9b83f21"},"Checkmark"),e("span",{key:"dfb0037144b00a27e8a254fa160f32ab1f6157d2"},e("p",{key:"c8446ba9bbb5f057375466ccc68b2587c021f980"},"Tiny"),e("smoothly-toggle-switch",{key:"0a211ca5f13225f87da1eb532a493c0c73343193",disabled:false,size:"tiny"})),e("span",{key:"13bca9557cfa2b4cc415b4abd89fbdea9e55c9d4"},e("p",{key:"8de177d62eeee0051c41096716fa4ca1a36739fc"},"Small"),e("smoothly-toggle-switch",{key:"ea7aa17918176f5fa1c71e244be978f7eafa5052",disabled:false,size:"small"})),e("span",{key:"1dc744e7d8ed1535eb3d507e307fb9f11f3380af"},e("p",{key:"d49d0be30eba8392635172004f1156540b2293ab"},"Standard"),e("smoothly-toggle-switch",{key:"42f4d36895aa794d5f274f5129dda23ea72398f3",disabled:false})),e("span",{key:"652700c32164c5031adaa6f43955901eb1095bb9"},e("p",{key:"dab8f0b9025a99fb6ca9a3ba6e4e5ce9254dd0f3"},"Large"),e("smoothly-toggle-switch",{key:"d4473d3d9943e8cf461c712c8f58cb99aaba0013",disabled:false,size:"large"})),e("p",{key:"f3b130b5d488f9f2c1854ac2c9a34a8deef221c1"},"Colors checkmark"),e("span",{key:"d9158b70cff53031fabbf28424eb3f3f88aa2598"},e("p",{key:"737c97eaf035b4e061c8d9237a61b4ad9aabb32e"},"Danger"),e("smoothly-toggle-switch",{key:"2e675f71873242c3d05abc0432fd2ee5f4a1bc44",color:"danger",disabled:false,size:"small"})),e("span",{key:"80cd3de234536333f0bf295d4b8b55aa67d6c593"},e("p",{key:"cc9b82a775e9d5760ae1114a117d1971ef0dfabb"},"Primary color"),e("smoothly-toggle-switch",{key:"5e4faa94056c423207db5ee56044029b2029cc49",color:"primary",disabled:false,size:"small"})),e("span",{key:"d4c08e700f6279d790082a6d8a6cf82bc80593b6"},e("p",{key:"dc2b2be553c249465279c5d3126f1bce155b217c"},"Secondary color"),e("smoothly-toggle-switch",{key:"6ca09980d762d90d61e1b16c61fa3bebcc3fd8ed",color:"secondary",disabled:false,size:"small"})),e("p",{key:"b99e95bc2fe2d8b1fa56395ff7cd11f5ea504bf2"}),e("p",{key:"f068ce4b6cb5c137c3937ba24f62249f373050e5"},"Colors no checkmark"),e("span",{key:"a10998da8b515d78c1ecfff6a70dca9b9925ea3d"},e("p",{key:"e6ad7c694a6f48ed202c9c9750ded94e9fa2d562"},"Danger"),e("smoothly-toggle-switch",{key:"67a6fbfb0a4ce235d6f9a055d8105660964abb71",checkmark:false,color:"danger",disabled:false,size:"small"})),e("span",{key:"d035077c4acded94ad12659b6468cc30eec8aecd"},e("p",{key:"0b2b5af4e4d6e45d8b116becaaf65854c35d1e9c"},"Primary color"),e("smoothly-toggle-switch",{key:"bf46cdf92b6b1e71ca9f57d284341a6c8c2a62de",checkmark:false,color:"primary",disabled:false,size:"small"})),e("span",{key:"730d9706d731826fa1f71c4eb68bb02019fa74f2"},e("p",{key:"5d3323546f9e6917cc0a5a99f4e584d56ecb87f4"},"Secondary color"),e("smoothly-toggle-switch",{key:"781749106ba74f78cee1874f624ce8e5e1c5c78a",checkmark:false,color:"secondary",disabled:false,size:"small"}))))}};Fb.style=Hb;const Ub=".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 Yb=Ub;const Wb=class{constructor(e){t(this,e);this.trigger=o(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?e("slot",null):e("a",{onClick:t=>this.onClick(t)},e("slot",null));break;case"button":t=e("button",{key:"d7b832d4189b926886eee9d1eee0abe4797e4510",disabled:this.disabled,name:this.name},e("slot",{key:"bfc5c7dfced3f4495d709e538a906a0fcbac636d"}));break}return t}};Wb.style=Yb;export{R as smoothly_app,P as smoothly_app_demo,Rt as smoothly_app_room,Ht as smoothly_back_to_top,Yt as smoothly_burger,Zt as smoothly_button,Xt as smoothly_button_confirm,ee as smoothly_button_demo,re as smoothly_calendar,he as smoothly_dialog,ye as smoothly_dialog_demo,no as smoothly_display,lo as smoothly_display_demo,co as smoothly_display_demo_json,uo as smoothly_display_json,go as smoothly_display_json_object,xo as smoothly_display_json_primitive,Co as smoothly_display_json_record_key,il as smoothly_filter,rl as smoothly_filter_field,hl as smoothly_filter_input,yl as smoothly_filter_select,pl as smoothly_filter_toggle,yr as smoothly_form,pr as smoothly_form_demo,gr as smoothly_form_demo_all,kr as smoothly_form_demo_card,vr as smoothly_form_demo_controlled,Sr as smoothly_form_demo_date,jr as smoothly_form_demo_date_range,_r as smoothly_form_demo_login,Or as smoothly_form_demo_pet,Lr as smoothly_form_demo_prices,Ar as smoothly_form_demo_transparent,$r as smoothly_form_demo_typed,Nr as smoothly_frame,Ur as smoothly_icon,Br as smoothly_icon_demo,Jr as smoothly_input,tc as smoothly_input_checkbox,sc as smoothly_input_clear,nc as smoothly_input_color,lc as smoothly_input_color_demo,dc as smoothly_input_date,mc as smoothly_input_date_range,fc as smoothly_input_demo,kc as smoothly_input_demo_standard,wc as smoothly_input_edit,zc as smoothly_input_file,Tc as smoothly_input_month,Lc as smoothly_input_price_demo,Dc as smoothly_input_radio,Rc as smoothly_input_radio_item,Hc as smoothly_input_range,Fc as smoothly_input_range_demo,Wc as smoothly_input_reset,Kc as smoothly_input_select,Xc as smoothly_input_submit,ed as smoothly_item,ad as smoothly_label,ld as smoothly_lazy,rd as smoothly_load_more,hd as smoothly_modal,yd as smoothly_next_demo,pd as smoothly_next_demo_colspan,vd as smoothly_next_demo_group,Cd as smoothly_next_demo_nested,_d as smoothly_next_demo_nested_inner,Od as smoothly_next_demo_simple,Dd as smoothly_next_table,Rd as smoothly_next_table_body,Hd as smoothly_next_table_cell,Gd as smoothly_next_table_demo_filtered,Jd as smoothly_next_table_expandable_cell,th as smoothly_next_table_expandable_row,sh as smoothly_next_table_foot,nh as smoothly_next_table_head,ch as smoothly_next_table_row,bh as smoothly_next_table_row_group,uh as smoothly_notification,gh as smoothly_notifier,xh as smoothly_spinner,Ch as smoothly_submit,_h as smoothly_summary,Oh as smoothly_tab,Eh as smoothly_table,$h as smoothly_table_cell,Nh as smoothly_table_demo,Uh as smoothly_table_demo_filtered,Vh as smoothly_table_expandable_cell,Zh as smoothly_table_expandable_row,Xh as smoothly_table_footer,eb as smoothly_table_header,ab as smoothly_table_row,rb as smoothly_table_testing,hb as smoothly_tabs,yb as smoothly_tabs_demo,pb as smoothly_theme_color,vb as smoothly_theme_color_variant,Sb as smoothly_theme_colors,jb as smoothly_theme_demo,Ib as smoothly_theme_guide,Ab as smoothly_theme_picker,Mb as smoothly_toggle,Pb as smoothly_toggle_switch,Fb as smoothly_toggle_switch_demo,Wb as smoothly_trigger};
-//# sourceMappingURL=p-32d55e4c.entry.js.map