smoothly 1.2.1-alpha.34 → 1.2.1-alpha.36

package/dist/smoothly/p-32aff682.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{a as n,T as l,C as r,i as c,r as d,D as h,f as m,R as b,M as y,I as u}from"./p-6d7ee489.js";import{T as f,L as p,a as g,D as k,c as v,d as x,C as w,o as S,s as C,b as z,e as j,n as _,A as T}from"./p-34d144e8.js";import{r as I,N as O}from"./p-c3f85494.js";import{f as L}from"./p-2257be8c.js";function A(t){return new E(t??"any")}class E extends f{class="any";is=t=>t!=undefined}function D(){const t=navigator.language;return p.is(t)?t:g.is(t)?p.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 m=t=>t;const b=e.encodePart||m;let y="";const u=t=>{y+=t};const f=()=>{if(!y.length){return}a.push(new N(3,"","",b(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,"","",b(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 m;if(e){m=e}else if(o){m=i++}if(l.has(m)){throw new TypeError(`Duplicate name '${m}'.`)}l.add(m);a.push(new N(h,m,b(t),d,b(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 q(t,e,o){return Z(B(t,o),e,o)}function K(t){switch(t){case 0:return"*";case 1:return"?";case 2:return"+";case 3:return""}}function Z(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)})${K(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})${K(a.modifier)}`}else{s+=`((?:${i})${K(a.modifier)})`}continue}if(a.modifier===3||a.modifier===1){s+=`(?:${V(a.prefix)}(${i})${V(a.suffix)})`;s+=K(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 mt(t,e,o){if(yt(e)===t){t=""}if(o||t===""){return t}return vt(t)}function bt(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=q(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=bt(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=mt(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)}}${K(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+=K(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]=Z(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=n.findParent(this.element);(t=this.scrollableParent)===null||t===void 0?void 0:t.addEventListener("scroll",(()=>{var t,e;this.visible=((e=(t=this.scrollableParent)===null||t===void 0?void 0:t.scrollTop)!==null&&e!==void 0?e:0)>20}))}render(){const t={"--opacity":this.visible?this.opacity:"0","--pointer-events":this.visible?"auto":"none","--bottom":this.bottom,"--right":this.right};return 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 qt=Gt;const Kt=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"}))}};Kt.style=qt;const Zt=".sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}";const Jt=Zt;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(k.create(e))}if(e<5||k.firstOfMonth(a[0])==k.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=k.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?k.getYear(e):(new Date).getFullYear()-50;const i=o?k.getYear(o):(new Date).getFullYear()+50;const n=[];for(let e=a;e<=i;e++){s.setFullYear(e);const o=k.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:"72c5a169add38daacba482bf64d5e0ac4e5376f2"},e("smoothly-input-month",{key:"400a611870cd3bd1dfef25b76497a7ddef88db0b",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:"8c399dd9fdfd8de727bde48d1123d78f25f208a8",slot:"year-label"},e("slot",{key:"9e8fbc095327b1a09c7ac6c71817d9157d20b53d",name:"year-label"})),e("div",{key:"56fc2501be0d3fc5a7156e5156cfe0db7294f7f2",slot:"month-label"},e("slot",{key:"715855818d0299d69946f44d4b2031a47f3ce0a2",name:"month-label"}))),e("table",{key:"25a94c6bd36a6a509402b152456de995411cf00c"},e("thead",{key:"d310889be1da1ecef2b1a15aa5537815ed014660"},e("tr",{key:"2aabd32a00df64e4692d91c797934c5309e42a6c"},se().map((t=>e("th",null,t))))),oe((s=(o=this.month)!==null&&o!==void 0?o:this.value)!==null&&s!==void 0?s:k.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==k.now(),currentMonth:k.firstOfMonth((s=(o=this.month)!==null&&o!==void 0?o:this.value)!==null&&s!==void 0?s:k.now())==k.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(l.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 me=".sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}";const be=me;const ye=class{constructor(e){t(this,e);this.openModal=false;this.openTallModal=false;this.showFrame=false}render(){return e(s,{key:"6f23592546df981ab328a997d491fc38dd018cd9"},e("smoothly-button",{key:"10c77679cf0d56bc2a6f72a811af6a8565c8a089",fill:"solid",color:"light",onClick:()=>this.openModal=true},"Open Modal"),e("smoothly-button",{key:"3ac4824da8c88e874ef3ce1fd074c14eb03b564c",fill:"solid",color:"light",onClick:()=>this.openTallModal=true},"Open Modal with long text"),e("smoothly-button",{key:"129d197f52ccfacf87c4af5fa0ce3a3ec200ba4e",fill:"solid",color:"light",onClick:()=>this.showFrame=!this.showFrame},"Show Frame"),e("smoothly-modal",{key:"951f8764d9b57d24399ac51550c886fdcdce98a6",closable:true,open:this.openModal,onSmoothlyModalChange:t=>this.openModal=t.detail},e("h2",{key:"074bfe974be4887ec60e5ce0d12c2b4a27cf1891",slot:"header"},"Modal"),e("span",{key:"48e53abb102dc62d4b4d65d804cf9b3cf9bcfead"},"Are you sure you want to confirm this action?"),e("smoothly-button",{key:"81cc4d058f49ab4525046ec2ef589876bc269555",slot:"actions",color:"success"},"Confirm"),e("smoothly-button",{key:"e611c3c8a644d96d6db2444f4229aae82b6f2795",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openModal=false},"Cancel")),e("smoothly-modal",{key:"b8d779280ad362372b67c2fa03d29c2c301bb36e",closable:true,open:this.openTallModal,onSmoothlyModalChange:t=>this.openTallModal=t.detail},e("h2",{key:"9f9ed5125ec6df8b09afef98c8e6aea9689c0512",slot:"header"},"Modal"),e("div",{key:"ae95b36b3a1d30d8877dc070060d0099e08a576e"},Array.from({length:10}).map((()=>e("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")))),e("smoothly-button",{key:"c6de6bc0b9aff9c63a95d4ac210ae9314537936d",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openTallModal=false},"Cancel")),this.showFrame&&e("smoothly-dialog",{key:"b4b59028c956dc34e857556bf0c3f909dca4dd77",closable:true},e("smoothly-frame",{key:"0e7f75e998a37d4c0d02041c694f1b05563230d8",url:"https://www.wikipedia.org/",name:"parent",style:{height:"80vh"}})))}};ye.style=be;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{value;selection;constructor(t){this.value=t.value;this.selection={start:t.selection?.start,end:t.selection?.end,direction:t.selection?.direction}}get(t,e=1){return this.value.substring(t,t+e)}is(t,...e){const o=this.get(t);return e.some((t=>o==t))}isDigit(t){const e=this.get(t);return e>="0"&&e<="9"}match(t){return this.value.match(t)}replace(t,e,o){let s;if(typeof t=="string"&&typeof e=="string"){let o;s=this;while((o=s.value.indexOf(t))>-1)s=s.replace(o,o+t.length,e)}else if(typeof t=="number"&&typeof e=="number"){const 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{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,type:"text",inputmode:"numeric",autocomplete:"cc-csc",length:[3,3],pattern:/^\d{3}$/}}unformat(t){return t}allowed(t,e){return e.value.length<3&&t>="0"&&t<="9"}}Se("card-csc",(()=>new _e));class Te{toString(t){return Array.isArray(t)&&t.length==2&&typeof t[0]=="number"&&typeof t[1]=="number"?t[0].toString().padStart(2,"0")+t[1].toString().padStart(2,"0"):""}fromString(t){return typeof t=="string"&&t.length==4?[Number.parseInt(t.slice(0,2)),Number.parseInt(t.slice(2))]:undefined}partialFormat=this.format;format(t){let e=t;if(t.value.length>0&&!t.is(0,"0","1"))e=e.prepend("0");if(e.value.length>1)e=e.insert(2," / ");return{...e,type:"text",inputmode:"numeric",autocomplete:"cc-exp",length:[7,7],pattern:/^(0[1-9]|1[012]) \/ \d\d$/}}unformat(t){return t.delete(" / ")}allowed(t,e){return e.value.length<4&&t>="0"&&t<="9"}}Se("card-expires",(()=>new Te));class Ie{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;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{separator;constructor(t){this.separator=t}partialFormat(t){const e=this.format(t);return{...e,remainder:this.formatString.slice(e.value.length)}}unformat(t){return t.delete(this.separator)}validMonth(t,e,o){return new Date(Number.parseInt(o??"2004"),Number.parseInt(e),0).getDate()>=Number.parseInt(t)}}const 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)}toString(t){return k.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 k.is(e)?e:undefined}formatString=`DD${this.separator}MM${this.separator}YYYY`;format(t){let e=t.delete(this.separator);if(e.get(0,1)>"3")e=e.insert(0,"0");if(e.value.length>1)e=e.insert(2,this.separator);if(e.get(3,1)>"1")e=e.insert(3,"0");if(e.value.length>4)e=e.insert(5,this.separator);return{...e,type:"text",length:[0,10],pattern:new RegExp(["^(0[1-9]|[12][0-9]|3[01])","(0[1-9]|1[012])","\\d{4}$"].join(this.separator))}}allowed(t,e){return e.selection.start==1&&e.value[0]=="3"?t>="0"&&t<="1":e.selection.start==1&&e.value[0]=="0"?t>="1"&&t<="9":e.selection.start==2?t>="0"&&t<="9"&&(t=="0"||t=="1"||this.validMonth(e.value.substring(0,2),t)):e.selection.start==3?t>="0"&&t<="9"&&this.validMonth(e.value.substring(0,2),e.value[2]+t):e.selection.start==7?t>="0"&&t<="9"&&this.validMonth(e.value.substring(0,2),e.value.substring(2,4),e.value.substring(4,7)+t):e.selection.start<8&&t>="0"&&t<="9"}}$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)}toString(t){return k.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 k.is(e)?e:undefined}formatString=`MM${this.separator}DD${this.separator}YYYY`;format(t){let e=t.delete(this.separator);if(e.get(0,1)>"1")e=e.insert(0,"0");if(e.value.length>1)e=e.insert(2,this.separator);if(e.get(3,1)>(e.get(0,2)=="02"?"2":"3"))e=e.insert(3,"0");if(e.value.length>4)e=e.insert(5,this.separator);return{...e,type:"text",length:[0,10],pattern:new RegExp(["^(0[1-9]|1[012])","(0[1-9]|[12][0-9]|3[01])","\\d{4}$"].join(this.separator))}}allowed(t,e){const o=e.selection.start==1&&e.value[0]=="1"?t>="0"&&t<="2":e.selection.start==1&&e.value[0]=="0"?t>="1"&&t<="9":e.selection.start==3?t>="0"&&t<="9"&&this.validMonth(e.value[2]+t,e.value.substring(0,2)):e.selection.start==7?t>="0"&&t<="9"&&this.validMonth(e.value.substring(2,4),e.value.substring(0,2),e.value.substring(4,7)+t):e.selection.start<8&&t>="0"&&t<="9";return o}}$e("mm/dd/YYYY",(()=>new Pe("/")));class Ne extends De{constructor(t){super(t)}toString(t){return typeof t!="string"?"":t}fromString(t){const e=t?.length==8?`${t.substring(0,4)}-${t.substring(4,6)}-${t.substring(6,8)}`:undefined;return k.is(e)?e:undefined}daysInMonth(t){const e=`${t.substring(0,4)}-${t.substring(4,6)}-01`;return k.is(e)?+k.lastOfMonth(`${t.substring(0,4)}-${t.substring(4,6)}-01`).substring(8,10):31}formatString=`YYYY${this.separator}MM${this.separator}DD`;format(t){let e=t.delete(this.separator);if(e.value.length>3){e=e.insert(4,this.separator);if(e.get(5,1)>"1")e=e.insert(5,"0");if(e.value.length>6){e=e.insert(7,this.separator);if(e.get(8,1)>this.daysInMonth(t.value).toString().substring(0,1))e=e.insert(8,"0")}}return{...e,type:"text",length:[0,10],pattern:new RegExp(["^\\d{4}","(0[1-9]|1[012])","(0[1-9]|[12][0-9]|3[01])$"].join(this.separator))}}allowed(t,e){const o=this.daysInMonth(e.value);return e.selection.start==5&&e.value[4]=="0"?t>="1"&&t<="9":e.selection.start==5&&e.value[4]=="1"?t>="0"&&t<="2":e.selection.start==7&&e.value[6]=="0"?t>="1"&&t<="9":e.selection.start==7&&(e.value[6]=="2"&&o<30||e.value[6]=="3")?t>="0"&&t<=o.toString().substring(1):e.selection.start<8&&t>="0"&&t<="9"}}$e("YYYY-mm-dd",(()=>new Ne("-")));class He{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 v.is(e)?e:undefined}partialFormat=this.format;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{toString(t){return Array.isArray(t)&&t.length==2&&typeof t[0]=="number"&&typeof t[1]=="number"?t[0].toString()+" / "+t[1].toString():typeof t=="number"?t.toString():""}fromString(t){return typeof t=="string"&&t.match(/^\d{1,2}\s+\/\s+\d{1,2}$/)?[Number.parseInt(t.slice(0,2)),Number.parseInt(t.slice(t.length-2))]:typeof t=="string"&&t.match(/\d{1,2}/)?Number.parseInt(t):undefined}partialFormat=this.format;format(t){let e=t;if(t.match(/^\d\/$/))e=t.replace(1,2," / ");else if(t.match(/^\d{1,2}\s$/))e=t.replace(t.value.length-1,t.value.length," / ");else if(t.match(/^[\D.]+\/[\D.]+$/))e=t.delete(0,t.value.length);else if(t.match(/^[\D.]+\/[\D.]+\d$/))e=t.delete(0,t.value.length-1);else if(t.match(/^[\D.]+\/[\D.]+\d\d$/))e=t.delete(0,t.value.length-2);else if(t.match(/^[\D.]+\//))e=t.delete(0,t.value.search("/")+1);else if(t.match(/^\d\d\/$/))e=t.replace(2,3," / ");else if(t.match(/^\d\d\s+\/$/))e=t.delete(2,t.value.length);else if(t.match(/^\d\s+\/$/))e=t.delete(1,t.value.length);else if(t.match(/^\d\d\s\s+\/\s*$/))e=t.replace(2,t.value.length," / ");else if(t.match(/^\d\s\s+(\/\s*)?$/))e=t.replace(1,t.value.length," / ");else if(t.match(/^\d\s\/\s\d\d.+$/))e=t.delete(6,t.value.length);else if(t.value.length>1&&t.value.indexOf("/")<1)e=t.insert(2," / ");else if(t.value.length>1&&t.value.split("/").length>2)e=t.delete(t.value.lastIndexOf("/"));else if(t.value.length==1&&!t.isDigit(0))e=t.delete(0);return{...e,type:"text",length:[1,7],pattern:/^(\d{1,2}|\d{1,2} \/ \d{1,2})$/}}unformat(t){return t}allowed(t,e){return e.value.length<7&&(t>="0"&&t<="9"||t=="/"||t==" ")}}Se("divisor",(()=>new We));class Be{separator=":";patterns={allowed:/^-?\d*(?::{0,1}[0-5]{0,1}[0-9]{0,1}|[.,]{0,1}[0-9]{0,2})$/,extract:/^(-?)(\d*)([:,.]{0,1})([0-9]{0,2})$/,zeros:/^(-?)(0+)(?:[1-9]|0[,.:]?)/};toString(t){let e;if(!x.is(t))e="";else{const o=x.normalize(t);if(!o.minutes&&!o.hours)e="";else if(this.separator!=":")e=(+x.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=x.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=x.normalize({hours:!Number.isFinite(o)?0:o})}}return e}partialFormat=this.format;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{settings;constructor(t){this.settings=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,...this.settings,type:"text",inputmode:"email",autocomplete:"email"}}unformat(t){return t}allowed(t,e){return this.settings.length==undefined||this.settings.length[1]==undefined||e.value.length<this.settings.length[1]}}Se("email",(t=>new Ve(t||{})));class Ge{settings;mode;constructor(t,e){this.settings=t;this.mode=e}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}split(t){let e;let o="";return t.map(((t,s)=>{const 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===" "}partialFormat=this.format;format(t){const e=this.split(t);let o;switch(this.mode){case"code":o=e.delete(" ");break;case"pascal":case"camel":let s;o=e.map(((t,e)=>{const o=e===0&&this.mode==="pascal"||s?t.toUpperCase():t.toLowerCase();s=t==" ";return o})).delete(" ");break;case"snake":case"attribute":o=e.replace(" ",this.mode==="snake"?"_":"-");break;default:o=t}return{...o,...this.settings,type:"text",autocomplete:"on"}}unformat(t){return t}allowed(t,e){return this.isSymbolLetter(t)||t>="0"&&t<="9"&&(this.mode=="code"||e.value.length>0)||t=="_"&&this.mode=="snake"&&e.value.length>0||t=="-"&&this.mode=="attribute"&&e.value.length>0}}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 qe{country;constructor(t){this.country=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){let e=t;const o=(new Date).getFullYear().toString();if(t.value.length>1&&t.get(0,2)!="19"&&t.get(0,2)!="20")e=e.prepend(t.get(0,2)>o.substring(2,4)?"19":"20");if(e.value.length>=8)e=e.insert(8,"-");return{...e.truncate(13),type:"text",length:[11,13],pattern:/^\d{6,8}-\d{4}$/}}unformat(t){return t.delete("-")}allowed(t,e){return e.value.length<13&&t>="0"&&t<="9"}}Se("identity-number",(t=>new qe(t&&t.length>0?t[0]:undefined)));class Ke{toString(t){return typeof t=="number"?t.toString():""}fromString(t){const e=typeof t=="string"?Number.parseInt(t):undefined;return typeof e=="number"&&!Number.isNaN(e)?e:undefined}partialFormat=this.format;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 Ke));class Ze{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,type:"password",autocomplete:"current-password"}}unformat(t){return t}allowed(t,e){return true}}Se("password",(()=>new Ze));class Je{toString(t){let e="";if(typeof t=="number"){const o=t.toString().split(".")[1]?.length??2;e=(t*100).toFixed(!o||o<=1?0:o-2)}return e}fromString(t){const e=typeof t=="string"?Number.parseFloat(t):undefined;return typeof e=="number"&&!Number.isNaN(e)?e/100:undefined}partialFormat=this.format;format(t){return{...t.value?t.suffix(" %"):t,type:"text",inputmode:"numeric",length:[3,undefined],pattern:/^\d+(.\d+)? %+$/}}unformat(t){return t.delete(" %")}allowed(t,e){return t>="0"&&t<="9"||t=="."&&!e.value.includes(".")}}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{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){let e=t;if(e.value.startsWith("+")){for(const t of 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{country;constructor(t){this.country=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){const e=!t.value.includes(" ")&&t.value.length>=4?t.insert(3," "):t;return{...e.truncate(6),type:"text",autocomplete:"postal-code",length:[6,6],pattern:/^\d{3} \d{2}$/}}unformat(t){return t.delete(" ")}allowed(t,e){return e.value.length<=5&&t>="0"&&t<="9"}}Se("postal-code",(t=>new to(t&&t.length>0?t[0]:undefined)));class eo{currency;toInteger;constructor(t){this.currency=t&&typeof t=="object"?t.currency:t;this.toInteger=t&&typeof t=="object"?t.toInteger:undefined}toString(t){return typeof t=="number"?isNaN(t)?"":t.toString():""}fromString(t){const e=typeof t=="string"?Number.parseFloat(t):undefined;return e!=undefined&&!isNaN(e)?e:undefined}partialFormat(t){let e=t.value=="NaN"?t.replace(0,t.value.length,""):ve.copy(t);const o=this.currency&&w.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&&w.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||w.decimalDigits(this.currency)!=0)}}Se("price",(t=>new eo(t&&t.length>0?t[0]:undefined)));class oo{settings;constructor(t){this.settings=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,type:"text",...this.settings}}unformat(t){return t}allowed(t,e){return this.settings.length==undefined||this.settings.length[1]==undefined||e.value.length<this.settings.length[1]}}Se("text",(t=>new oo(t||{})));class so{toString(t){return typeof t=="string"?"#"+t:""}fromString(t){return t?"#"+t:undefined}partialFormat=this.format;format(t){const e=t.delete("#");return{...e.value?e.prepend("#"):e,type:"text",length:[4,7],pattern:/^#([0-9a-f]{3}|[0-9a-f]{6})$/i}}unformat(t){return t.delete("#")}allowed(t,e){return(t>="0"&&t<="9"||t>="a"&&t<="f"||t>="A"&&t<="F")&&e.value.length<6}}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:"6b31a96e16b4b4f5a881fe9de434326d7262d302",value:this.value,collapseDepth:this.collapseDepth});break;default:s=ze(this.value,a);break;case"email":s=e("a",{key:"8cdbbe4ee158e11761a3dabeffa6fd7165004639",href:"mailto:"+this.value},ze(this.value,a));break;case"phone":s=e("a",{key:"17745ad8ad63df1451e314608b210dd31b35c8e7",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?v.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:"fd051f67ea55f254181be2b43716e84e00cabb05"},e("fieldset",{key:"bea8026fe521ec050e1780416fa9e32989b2afa4"},e("h2",{key:"ef4c1a656d67796afc8f9c5c9db63c04f96aab4c"},"Smoothly display"),e("dl",{key:"8deda943fa8ead28b6df1b007907f6d9dbf66d85"},e("dt",{key:"caf0ad2fe220cdb62d47140efd9684998246e2c3"},"Duration"),e("dd",{key:"f1c4659bf36f0a327fabba9314042dace342c13b"},e("div",{key:"30872a9bd82d2814a82cf53ec42f3a7b3fe13b3a"},e("div",{key:"5f733cc2b6a745712e246479c59b8aa3daf11312"},e("smoothly-display",{key:"1998b9c2061fa468aa9fffe4d733a8a683baae05",style:{display:"inline"},type:"duration",value:{hours:13,minutes:100}})," h"),e("div",{key:"159344fc77844facc8960a4f71a99813623a7763"},e("smoothly-display",{key:"d0f14a4f05e1b9353b9a0b389c17e3fbd7537b1b",style:{display:"inline"},type:"duration",value:{hours:8}})," h"),e("div",{key:"cc65ac80578b939be2d3802fd3a5ded8fbf5b384"},e("smoothly-display",{key:"489a7d80e18f1bb9d26eb8e807467f0cd8e0e1dc",style:{display:"inline"},type:"duration",value:{minutes:3}})," h"),e("div",{key:"a7d5607906b992f698a00d293872dd5cfc65ad42"},e("smoothly-display",{key:"b868bb9a2ce5b8b0bab62e4ab90f5ed8172b2dc1",style:{display:"inline"},type:"duration",value:{hours:-13,minutes:100}})," h"),e("div",{key:"bf53f2aae5ab5cdb6f7d98aba73a9e382fb98bd6"},e("smoothly-display",{key:"d27e664c4d0007dccfae976a13b3c3e202d7052b",style:{display:"inline"},type:"duration",value:{hours:-8}})," h"),e("div",{key:"7e7ab059fe4ce79836b9b3c63a212e5ab9e4b36c"},e("smoothly-display",{key:"388670fcb5c8371244c4112d0cf5f0050b59b134",style:{display:"inline"},type:"duration",value:{}})," h"),e("div",{key:"e34c143b748072810cec75427ee497bfa25f92d7"},e("smoothly-display",{key:"bc74a20668e2b2b8e5561ebcd79fcff63c7886d7",style:{display:"inline"},type:"duration",value:{minutes:-3}})," h"))),e("dt",{key:"04d7d7e6d8695b50afd0c80d7b8123d22a96a0a0"},"text"),e("dd",{key:"0a51fa2990fa85c8154e2a14ad374252104d8658"},e("smoothly-display",{key:"75b7cf9296c52cda27db01cc201b4417e2f19288",type:"text",value:"text"})),e("dt",{key:"3c9fa1e7b2eda3a838d779885ad48073a1e7ca78"},"postal code"),e("dd",{key:"adcfacf0c296667c4a98919fc64ff1b6823f253c"},e("smoothly-display",{key:"f35d166fc0ae74f26d9dab3ce217edf1e8df348e",type:"postal-code",value:"752 31"})),e("dt",{key:"5dd7df04105283e70182a8c24d69c7abc1632a0e"},"password"),e("dd",{key:"d785701c8d5e6ce9dddfe618b91f113b1cc47694"},e("smoothly-display",{key:"d9a04bc3d9c62eebf4b8fa192ee43544e25f48ec",type:"password",value:"password"})),e("dt",{key:"72a245580c0d67958d821918a64634089badf6e0"},"email"),e("dd",{key:"4e2129c4690821e35017a025378a52a82d9c6e12"},e("smoothly-display",{key:"6f60bb0a22b496b52f76d72c25f9c4959c275174",type:"email",value:"test@example.com"})),e("dt",{key:"b47e6d91ac2ad5839eff3f2ed72793406c447381"},"price"),e("dd",{key:"5ed6dc4d1894989f8c59e85a9d6b3474b1838d46"},e("smoothly-display",{key:"88d50f738cc333ee0284011ded0e5bc2eb90eb01",type:"price",value:"13.37",currency:"SEK"})),e("dt",{key:"52b377e012d006448361e4190e85238eab82f425"},"price without decimals"),e("dd",{key:"2d070cde97c125943423c28dd37a1bec7f1bf521"},e("smoothly-display",{key:"a63703e7aa73188db4b78d2378f2e30d491b35d7",type:"price",value:200,currency:"SEK",toInteger:true})),e("dt",{key:"10348b35a582998ee6107a2b5c55a589e0d8c66d"},"price with decimals if they are set, otherwise no decimal"),e("dd",{key:"da178ce35a352086c815f4cfac4096e34abbaef7"},e("smoothly-display",{key:"08b7c0ba00f0b9b57d1ea8cc4b537bf6b632c2b0",type:"price",value:200.2,currency:"SEK",toInteger:true})),e("dt",{key:"d7db59b325e85da3458ac99916b9bcf67ea567ff"},"price with decimals"),e("dd",{key:"526c59b42c339389a0839a0ee96299d184850d2c"},e("smoothly-display",{key:"2d7ebb7450b5eb08ee6ff7ada84034db4cfb06ab",type:"price",value:200.2,currency:"SEK"})),e("dt",{key:"0417d708b6db96a1a3d08ccb552dc3704383f498"},"percent"),e("dd",{key:"8c35ad31827aeddb6b205a7009e9987d317a813c"},e("smoothly-display",{key:"ebd4dd2565a20e48d31724b44d11b5cb44ae5277",type:"percent",value:"42"})),e("dt",{key:"65a23b48dbed3e8e7b50725148acd17891e19ddd"},"phone"),e("dd",{key:"515ed149215811c8434f340256f8b4d331763db9"},e("smoothly-display",{key:"6b7422b4b8387e74ef38aba7e8567f11b263cf9a",type:"phone",value:"0101881108"})),e("dt",{key:"c1fe3e553de1313a579833275f43246d0673f812"},"card number"),e("dd",{key:"6078440f5880b8442e388517f42660362841db2a"},e("smoothly-display",{key:"6eb5a018d0d6f7f8458955369481294408d4fdf4",type:"card-number",value:"4111111111111111"})),e("dt",{key:"4ac0a352835d49083a89465d7fea27f951d2c4ac"},"card expires"),e("dd",{key:"db0cbb3b0795b19ffbf184da0dd2625eb8fb8918"},e("smoothly-display",{key:"d9ee4dc173460f0952d77053d12c68fce7feddc6",type:"card-expires",value:"7/22"})),e("dt",{key:"515cacce3dca652dfba9bf5528211576231495e5"},"card csc"),e("dd",{key:"9f6c2d8490963f09828993d42ee16b9ffc5e0d0f"},e("smoothly-display",{key:"1afda51b0213c77cf3b353bade47671790475112",type:"card-csc",value:"987"})),e("dt",{key:"e7204fbb88672bf46f9551d7cf50e750cc8bbb38"},"date"),e("dd",{key:"34fcebf482a696d179efbccc0708b8e71e8726d1"},e("smoothly-display",{key:"a55391a66ccc1cf033a2519fdf3b75c2510cb11f",type:"date",value:"2022-07-07"})),e("dt",{key:"4a818e58e65af6b0b27d090fb53909f4030a0442"},"date time"),e("dd",{key:"18874fbe62d3f0d4758fbcb3ea56c28698285c23"},e("smoothly-display",{key:"137a6be8368b02ec204b5baa82bf455f69a2fded",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:"81829d196bd5886e41d896369a9c20a0e9ac6475"},e("smoothly-display",{key:"69d3bce166d11def43480659575c51c171c22a45",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:"9f8913ccf6eb9aa0320ccc96c5f63d1368e03cb5"},e("smoothly-display",{key:"440dec80b84e484440f55e568d018a46ebdcc199",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:"ca5f7e206cf42b4bee3e885c8dd6fb5ce1fb414e"},e("smoothly-display",{key:"c2258980a847c8d2ac8c77a47e7a5772bce08ec8",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:"8b99f1ea1299e7001053e7b9deece7e6a15e2542"},e("smoothly-display",{key:"89c93cace88996c65faa0791cc0ffd7a4e9e083a",type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),e("dd",{key:"570142486b7ab93ddd59d9f418a60d700c7817d5"},e("smoothly-display",{key:"63dfcf83183fba060fceed447d4bcdd0c30eb5a9",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),e("dd",{key:"4cc6f5ba3ddd1b339d5fb015de456abae54aab43"},e("smoothly-display",{key:"6c2f659af73220903642fd0807d1151f204ba837",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:"cb48cb11e0a8400291f08caa821b53cb443f8f12"},"Display JSON"),e("dd",{key:"5f88f3eedffc8993d747898f9bf5dc9da06dbfb1"},e("smoothly-display-demo-json",{key:"695a426dd6523dbac16fe830167f21e095499760"})))),e("h2",{key:"e847b40c54e9c2343c3c572802732594110a3520"},"With labels"),e("dd",{key:"fa442318099a443bbc08f8b989993184afe12f57"},e("smoothly-display",{key:"e0b37f5c62a577c16805b7b3793a397ade55944e",label:"Today",type:"date",value:k.now()}),e("smoothly-display",{key:"e17917bd5c0ba53f198a218ac5377feb64a3219c",label:"Total amount",type:"price",currency:"SEK",value:6789}),e("smoothly-display",{key:"d8c0252e5b772d1328adcaff951d2394b4da4fdf",label:"Total amount",type:"price",currency:"GBP",value:678.9}),e("smoothly-display",{key:"3a020e58a1fbac08de20efa83040a6d2fff73d40",label:"Logs",type:"json",value:[{type:"trace",message:"Hello"},{type:"error",message:"Oh no!"}]})),e("fieldset",{key:"08d6ad86a6d79ff873156f7cb4d84360d8e92f38"},e("h2",{key:"91450decd67bdc21c204adaa7f95d9d0d2f64107"},"Test of different kinds of notifier"),e("button",{key:"ded2972233a8361b91b75c8386ca3f3299735959",onClick:()=>this.noticeWarning(O.warn("This is a test warning notice."))},"warning"),e("button",{key:"833fe76b9edaa48c4db0aed015bfd310936bd01a",onClick:()=>this.noticeWarning(O.succeeded("This is a test success notice."))},"success"),e("button",{key:"5f74587f60215db920ea6a0b9a01702642e61745",onClick:()=>this.noticeWarning(O.failed("This is a test danger notice."))},"danger"),e("button",{key:"ed76217b6f2a5f84ecc04a04ebc13c1441958b39",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:"7f7b974a4ed5528d8d226d380233e219203553bc",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:"287c9ce5ae199417e9883b2d10c7f74e755ec0f1"},e("h2",{key:"14379ccb8cc02c5041a11ba85b15785a4fd87711"},"Smoothly spinner"),e("div",{key:"71d53a5d93355f097f377cf0665c299fe85746e8",style:{width:"fit-content"}},"Large",e("smoothly-spinner",{key:"ea3b1bc70eb21b536c561f33176caffd2891b6df",size:"large",style:{"--spinner-background":"200,255,200","--spinner-background-opacity":"0.2","--spinner-color":"0,130,0"}})),e("div",{key:"0d5e895fdd77b5726b8c239e47cd044a067d1f2a",style:{width:"fit-content"}},"Medium",e("smoothly-spinner",{key:"385f5a706c79db46521602b25a2b74010108c08d",size:"medium"})),e("div",{key:"c7fa64f4652ec6c43d76f2479b7c0d495b839a39",style:{width:"fit-content"}},"Small",e("smoothly-spinner",{key:"5c495259b28ce92f47998e40c30899ceaca44712",size:"small"})),e("div",{key:"788b86e0d1b31798d3ccb7a36b3b2ca30bbe5492"},"Icon sized spinner on button",r.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:"bfc699d0d863be1f32947b2c6fc8e423cfe9c6e7"},"Spinner with overlay"),e("div",{key:"8b104392475d98d3ed535266efb5e1e43242eec2",style:{position:"relative",height:"10em"}},"Large Overlay Spinner",e("smoothly-spinner",{key:"da19b77e7623e6e5beb7a79f481c1454c0ba54ae",overlay:true,size:"large",style:{"--spinner-background":"255,200,255","--spinner-background-opacity":"0.5","--spinner-color":"0,130,0"}})),e("div",{key:"5db60a3ef1c609c086605215bf67587018350a2b",style:{position:"relative",height:"10em"}},"Medium Overlay Spinner",e("smoothly-spinner",{key:"5680ba103faabfaf100971b44bd593c78e829d6f",overlay:true,color:"secondary",size:"medium"})),e("div",{key:"5c1744129386116f82e90b461a82b41f1b1a7fa2",style:{position:"relative",height:"10em"}},"Small Overlay Spinner",e("smoothly-spinner",{key:"986d2d8a53fc002aee01448f70959a084712c3a2",overlay:true,size:"small"}))),e("fieldset",{key:"3c8217e31e5895740f9ec2db68a5936ece213134"},e("h2",{key:"230544e3d1daf869ffe78018507938ede4cdd25f"},"Smoothly summary"),e("smoothly-summary",{key:"1ef51bf9f6f09efec5ce78320c8c8d887e832536"},e("p",{key:"bbb4e1c627cc29bcd3dcbf869123cd46fcee7c78",slot:"summary"},"Some title"),e("p",{key:"98c3df7e2be91138ada47962a3d816ef7ca96116",slot:"content"},"Some content")),e("smoothly-summary",{key:"0cee5711b5d4982d83a5af38de7b4a9d07f5b681",size:"large"},e("p",{key:"01d3e7770a29191f3435ff71b5b910b1fe971986",slot:"summary"},"Some title"),e("p",{key:"4bf19406510e9754aa6a6e80bf246250d16147b7",slot:"content"},"Some content")),e("smoothly-summary",{key:"140ae2b80f6444ae1b0c6f010a986ad44a3ae660",color:"danger",fill:"clear"},e("div",{key:"79d24ee9a8b34a5a1237133cf3b91b57a1939be9",slot:"summary",style:{display:"flex",gap:"0.3rem"}},e("span",{key:"f356abe390f260e9a42fdda66618326133aa077d"},"Person"),e("smoothly-icon",{key:"adbc3c65da8c17a682f1f94dff503a2fb8b15f6c",name:"person",color:"light",fill:"clear",size:"tiny"})),e("p",{key:"c9ee2266ff09249a525c04d5f336f7d837b683bf",slot:"content"},"Some person information.")),e("smoothly-summary",{key:"8ceed261dadef7e9e1a36223034838843b193d95",color:"danger",fill:"clear",open:true},e("p",{key:"f463c38fc03dd5bd1f1888a1112f0ff81d333bbd",slot:"summary"},"Some other title"),e("p",{key:"443efb036132d38db530da20d718f66659a30594",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:"3e0fe4420b481349bae4af2c0f82b3488be08dc1"},"Label"),ro.map((t=>e("smoothly-label",{hue:t.hue,description:t.description,shape:"rectangle"},t.name))),e("smoothly-label",{key:"2a741a99f86afdb9facdc93c3e39eadc8087910d",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:"67b8c263dfe7d72e1072ba3d630ea74f0a05788a"},[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 mo=({value:t,collapseDepth:o})=>S().is(t)||Array.isArray(t)?e("smoothly-display-json-object",{value:t,collapseDepth:o}):e("smoothly-display-json-primitive",{value:t});const bo=".sc-smoothly-display-json-h{font-family:monospace}";const yo=bo;const uo=class{constructor(e){t(this,e);this.value=undefined;this.collapseDepth=undefined}render(){return e(mo,{key:"4794f1dc5f6a104cc37ef15d6ff54650c2e162e6",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:"096aba61e52c82b8fbddfa73b76ad5378898997b",class:{empty:this.empty,open:this.open}},e("span",{key:"23b082be0c70e647b622f876ce92a91aebcdfcd5",class:"open-bracket",onClick:()=>this.open=!this.open,"data-length":this.length},this.openBracket),e("span",{key:"851efa46e336cdcd39eb20b08106b37cf3189c53",class:"content"},Array.isArray(this.value)?this.value.map((o=>e("div",{class:"indent"},e(mo,{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(mo,{value:s,collapseDepth:t}),e("span",{class:"comma"},","))))),e("span",{key:"ea5f8fbd4f35a2c5a462c66fbb9133f806655e64"},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:"7fb3f1eae3a5a4e958aff79b218347ad089810cd",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:"e7e589428127bdfdc3a226523417e256788003f9"},'"',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 qo={};Object.defineProperty(qo,"__esModule",{value:true});class Ko{constructor(t,e){this.line=t;this.column=e}toString(){return"Ln "+this.line+", Col "+this.column}}qo.Position=Ko;Object.defineProperty(Go,"__esModule",{value:true});const Zo=qo;class Jo extends Zo.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=qo;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 ms={};Object.defineProperty(ms,"__esModule",{value:true});class bs{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 bs(o[0].split("."),o.length>1?parseInt(o[1]):undefined)}else e=new bs;return e}}ms.Endpoint=bs;Object.defineProperty(cs,"__esModule",{value:true});const ys=ds;const us=ms;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=ms;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 qs="/";Gs.sep=qs;var Ks={};var Zs=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(Ks,"__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 Zs(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}}Ks.StringReader=ta;Object.defineProperty(Rs,"__esModule",{value:true});const ea=Ps;const oa=Gs;const sa=rs;const aa=Cs;const ia=Ks;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 ma=No;const ba=Cs;const ya=Rs;class ua extends ba.Reader{constructor(t){super();this.files=t;this.tabSizeValue=2;this.lastLocation=new ma.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 ma.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 ma.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;ba.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 qa 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;qa.openers.push({open:t,priority:e});qa.openers=qa.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 qa.open(o):undefined}else{let o=0;do{e=yield qa.openers[o++].open(t)}while(!e&&o<qa.openers.length)}return e}))}}pa.Writer=qa;qa.openers=[];Object.defineProperty(fa,"__esModule",{value:true});const Ka=pa;class Za extends Ka.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=Za;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 mi=Cs;const bi=ls;class yi extends mi.Reader{constructor(t,e){super();this.endMark=e;this.done=-1;this.backend=t instanceof bi.BufferedReader?t:bi.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=Ks;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 qi;(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})(qi||(qi={}));class Ki 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 Zi(t,e){return Yi.expressions(t,(t=>!t||t[0].value=="*"&&e.value&&e.value.endsWith(t[1]?.value??"")?[qi.Completion.prepend("*",{value:e?.value??"",suggestion:{value:e?.value??""}})]:[]),{value:"*",suggestion:{value:"*",description:"endswith"}})}qi.String.add(Zi);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(qi.String.is)&&t?e.array.filter(qi.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(qi.String.is)?e.array.filter(qi.String.is).map((t=>({value:t?.value??""}))):e.array.some(qi.Number.is)&&t?e.array.filter(qi.Number.is).map((e=>e.complete(t))).reduce(((t,e)=>Array.isArray(e)?t.concat(e):e?[...t,e]:t),[]):!t&&e.array.some(qi.Number.is)?e.array.filter(qi.Number.is).map((t=>({value:(t?.value??"").toString()}))):[];return Yi.functions(t,o,{value:"every()",cursor:6,suggestion:{value:"every()"}})}qi.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 qi.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:">",suggestion:{value:">"}})}qi.Number.add(sn);qi.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 qi.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:">=",suggestion:{value:">="}})}qi.Number.add(nn);qi.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()"}}):[]}qi.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=="**"?[qi.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"}})}qi.String.add(hn);class mn 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 bn(t,e){const o=new mn(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==":"?qi.Completion.prepend(":",e.array.filter(qi.String.is).filter((t=>t.value&&t.value!="string")).map((t=>({value:t?.value??"",suggestion:{value:t?.value??""}})))):t.length==2&&t[0].value==":"?qi.Completion.prepend(":",e.array.filter(qi.String.is).filter((e=>e.value&&e.value!="string"&&e.value.startsWith(t[1].value))).map((t=>({value:t?.value??"",suggestion:{value:t?.value??""}})))):[]}qi.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)?bn(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 qi.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:"<",suggestion:{value:"<"}})}qi.Number.add(pn);qi.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 qi.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:"<=",suggestion:{value:"<="}})}qi.Number.add(kn);qi.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"}})}qi.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!="!"?[]:qi.Completion.prepend("!",e.complete(t.slice(1),o,e))),{value:"!",cursor:1,suggestion:{value:"!",description:"not"}}):[]}qi.String.add(Sn);qi.Number.add(Sn);qi.Boolean.add(Sn);qi.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 qi.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,undefined):[]),{value:" | ",suggestion:{value:"|",description:"or"}})}qi.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 mn(_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()"}}):[]}qi.String.add(Pn);qi.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()"}})}qi.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??"")?[qi.Completion.prepend("",{value:e?.value??"",suggestion:{value:e?.value??""}},"*")]:[]),{value:"*",cursor:0,suggestion:{value:"*",description:"startswith"}})}qi.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 Ki(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=>qi.Completor.operators(t,(t=>t?o.complete(t,undefined,e):[]),s))).reduce(((t,e)=>t.concat(e)),[])}qi.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 qn(t,e,o={input:[],identifier:[]}){return Kn[e?.class]?.(t,e,o)??e}const Kn={};function Zn(t,e){Kn[t]=e}Zn("And",((t,e,o)=>new Eo(e.rules.map((e=>qn(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={}));Zn("EndsWith",((t,e,o)=>{const s=Jn.argument(e.needle,o);return s?new Ki(typeof s=="object"?s.value.toString():s.toString()):e}));Zn("Every",((t,e,o)=>new Ji(qn(t,e.criteria,o))));Zn("FunctionCall",((t,e,o)=>{const s=t[e.identifier];const a=s?_n(s.definition):undefined;const i=a?qn(t,a,{input:o?.input?.concat(e.argument),identifier:o?.identifier?.concat(s.arguments)}):undefined;return new Qi(e.identifier,e.argument,i)}));Zn("GreaterThan",((t,e,o)=>{const s=Jn.argument(e.value,o);return s?new on(s):e}));Zn("GreaterThanOrEqual",((t,e,o)=>{const s=Jn.argument(e.value,o);return s?new an(s):e}));Zn("Has",((t,e,o)=>{const s=Jn.argument(e.property,o);return s?new ln(typeof s=="object"?s.value.toString():s.toString()):e}));Zn("Includes",((t,e,o)=>{const s=Jn.argument(e.needle,o);return s?new cn(typeof s=="object"?s.value.toString():s.toString()):e}));Zn("LesserThan",((t,e,o)=>{const s=Jn.argument(e.value,o);return s?new fn(s):e}));Zn("LesserThanOrEqual",((t,e,o)=>{const s=Jn.argument(e.value,o);return s?new gn(s):e}));Zn("Not",((t,e,o)=>new xn(qn(t,e.criteria,o))));Zn("Or",((t,e,o)=>new Cn(e.criteria.map((e=>qn(t,e,o))))));Zn("Property",((t,e,o)=>new Un(e.name,e.criteria&&qn(t,e.criteria,o))));Zn("Some",((t,e,o)=>new mn(qn(t,e.criteria,o))));Zn("StartsWith",((t,e,o)=>{const s=Jn.argument(e.needle,o);return s?new Wn(typeof s=="object"?s.value.toString():s.toString()):e}));Zn("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=S({emit:c()});var ol;(function(t){let e;(function(t){t.type=S({property:C().optional(),properties:d(C(),C()).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:"458866acba458b727749aab418c5d07b009f0886"},e("slot",{key:"6deb9fb89f67c8adc89c88b67762b3200953ed29",name:"bar"}),e("smoothly-filter-field",{key:"f3c3c18a6385b7abfeb82ec2320312f0a13f439e",criteria:this.criteria,ref:t=>this.field=t}),this.criteria.toString()!=""&&e("smoothly-icon",{key:"5e7586e48cd66190af3d48ab013c1af4ff006acf",name:"close",toolTip:"Clear all filters",size:"small",onClick:()=>{this.clear()}}),e("div",{key:"742d3c1ab86806412d5ab95bf19249feffb2cd35",class:this.expanded?"container arrow-top":"hidden"},e("slot",{key:"e8837329167c794efbcbb255ca9c50def503ef3f",name:"detail"})),e("smoothly-icon",{key:"0ebf30bb6797347fa77dec156f48c4b0a9d22e89",name:this.expanded?"options":"options-outline",toolTip:(this.expanded?"Hide":"Show")+" additional filters",size:"small",onClick:()=>{this.expanded=!this.expanded}}),e("div",{key:"31f476a863f44affca3c643529331e769f9658a0",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:"193bf2818e15324d19c9b775d2fcd621f97993c3",onKeyDown:t=>t.key=="Enter"&&this.filterFieldEmit()},e("smoothly-input",{key:"af427b9aa62eb3821c4f4c515e91540e4077cca2",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:"90646ba0c33a81236352bc130c9139d652473b64",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:"f6ba39d46857fb3ac409c9ae4cc404b0dca9a7bd"}))}};hl.style=dl;const ml=".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 bl=ml;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&&C().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:"7880e87f45d9227a6663854c8eb427ac39f0bce8",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:"b1ec133090f874ce79645ba2e82718d78590282c",slot:"label"},[this.label.slice(0,1).toUpperCase(),this.label.slice(1,this.label.length)].join("")),e("slot",{key:"87022479beb55154bc3006ec2ac564865f37a9c8",name:"items"}))}get element(){return a(this)}};yl.style=bl;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:"2fc0a0d6ad73406cacdb79964618ec4a97f7cfdf",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 ql,Kl,Zl;class Jl{get json(){if(!Vl(this,ql,"f"))Gl(this,ql,new Wl(this.backend,this.isOpen),"f");return Vl(this,ql,"f")}get string(){if(!Vl(this,Kl,"f"))Gl(this,Kl,new Bl(this.backend,this.isOpen),"f");return Vl(this,Kl,"f")}get arrayBuffer(){if(!Vl(this,Zl,"f"))Gl(this,Zl,new Yl(this.backend,this.isOpen),"f");return Vl(this,Zl,"f")}constructor(t,e){this.backend=t;this.isOpen=e;ql.set(this,void 0);Kl.set(this,void 0);Zl.set(this,void 0)}createResponse(t={}){return{status:101,socket:this,header:t}}close(t,e){this.backend.close(t,e)}}ql=new WeakMap,Kl=new WeakMap,Zl=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=S({edit:c(),readonly:z(),listen:c(),reset:c(),setInitialValue:c()});t.is=t.type.is})(e=t.Element||(t.Element={}));const o=S({emit:c()});t.type=e.type.extend({changed:z(),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=C(t.types);t.is=t.type.is})(dr||(dr={}));var hr;(function(t){let e;(function(t){t.type=S({register:c(),unregister:c(),getValue:c(),color:r.type.optional(),name:C(),invalid:z().optional(),looks:dr.type.optional(),defined:z().optional(),binary:c().optional()});t.is=t.type.is})(e=t.Element||(t.Element={}));const o=S({emit:c()});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;function i(t,e){if(!(e.target&&"name"in e.target&&e.target.name===t.name)){e.stopPropagation();e.detail(t)}}t.registerSubAction=i})(hr||(hr={}));const mr='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 br=mr;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=h.remove(this.value,t);this.inputs.delete(t);this.smoothlyFormInput.emit(h.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=h.merge(this.value,t.detail);this.smoothlyFormInput.emit(h.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=h.merge(this.value,{[t.target.name]:s});this.smoothlyFormInput.emit(h.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:h.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:"eb4403b534ae7629c459e69bbed7c58a992b071c"},e("smoothly-spinner",{key:"7eb8bfba00f9bf4e95fe4662f67f81374e38d7b9",overlay:true,hidden:!this.processing}),e("form",{key:"887c85d997e05934396093909b77e54de3d02d27",onSubmit:!this.prevent?undefined:t=>t.preventDefault(),name:this.name},e("fieldset",{key:"452b818d209ae7785b40fd06b718325a49dacdb3"},e("slot",{key:"689bb37245a0c4261a08330f4b72ad33b7c3393b"})),e("div",{key:"d04270e156ed642fc38e3d55ca29b461d1337857"},e("slot",{key:"11b1f505e69b521adac65781a8a0ec37d12b85fb",name:"clear"}),e("slot",{key:"43bbeff85b06a7729c857cd9108482fb01a9b924",name:"edit"}),e("slot",{key:"3a3add89ab58ad53cf32e9c717aeb8afd0cf66ed",name:"reset"}),e("slot",{key:"dbf0cc018156aa28d052d6045c8768ad1ff40245",name:"delete"}),e("slot",{key:"1c0f3d61f4b650ef35745b5dac3294696831ced4",name:"submit"}))))}get element(){return a(this)}static get watchers(){return{value:["watchValue"],readonly:["watchReadonly"]}}};yr.style=br;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:"8e9b91eba4771356a02e26aa874149e9aec1e49e"},e("div",{key:"322a7b8c4053c5307e09aedc034aec3bd58cfa40"},e("smoothly-form-demo-all",{key:"36cff0fce86410559185639407888e064aa7f6f5"}),e("smoothly-form-demo-pet",{key:"8ac19a250eae3f03b36b7eefa4bb0b8fcef9bc67"}),e("smoothly-form-demo-card",{key:"e92a4974e434fc122a4d6a9036031c19eb8fbdce"}),e("smoothly-form-demo-login",{key:"0551748193b700acbc0ef91afe2e330ac67c1ec6"}),e("smoothly-form-demo-prices",{key:"98e1cd3159817b7943b0fcab4b8e455527679aef"}),e("smoothly-form-demo-typed",{key:"ee3a5a705e8295e6f030201876e8e9e6e0b17ce5"}),e("smoothly-form-demo-transparent",{key:"f245050d3f3838922c51ab02a6fc7c51d030be49"}),e("smoothly-form-demo-date",{key:"b9dab7e216a735a7d4a71e63e9dcdcbb261d35b9"}),e("smoothly-form-demo-date-range",{key:"b120defdea28f4d5bfff40991d577e5851231cfb"}),e("smoothly-form-demo-controlled",{key:"56a57994209abcea1f1d7058f3a8f068f7396cce"})))}};pr.style=fr;const gr=class{constructor(e){t(this,e)}render(){return e(s,{key:"67af39df61fd821fcc6a54a443a5c6e3b2164312"},e("h2",{key:"41bc4cf60ccab146f4df13a653e1e1c8c5295b8a"},"All inputs"),e("smoothly-form",{key:"e38705cbf7dd1499abea94ebf5a8b5b0c8b075f1",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:"5518748d36147476f882b0efa6c58bdb7ea7f1c2",readonly:true,name:"First Name",value:"John"},"First name"),e("smoothly-input",{key:"7c4c56fa2cff6b88edb696abd18317f8b6b22abf",showLabel:false,name:"Last name",value:"Doe"},"Last name",e("smoothly-input-clear",{key:"47485ed9b6bd63adb11c359444dd609d2573dfd5",size:"icon",slot:"end"})),e("smoothly-input",{key:"2e08d6562542ccfd8c4b3cefc94eb61ea9310ec8",type:"phone",name:"Phone",value:"777888999"},"Phone",e("smoothly-input-reset",{key:"5e52a23a365f1ef0a0e9c14af6dbc845ff3ec64f",size:"icon",slot:"end"})),e("smoothly-input-radio",{key:"8de780d57f2d0410fe4ef70aea36280b2fab879a",clearable:true,name:"radioFirstInput"},e("label",{key:"4bf45b92c59f829cb9020797a6b2447726bb863b",slot:"label"},"Clearable"),e("smoothly-input-radio-item",{key:"48a6ce9c20b91c92ea4b6d5fda0fe2edb8e84338",value:"first"},"Label 1"),e("smoothly-input-radio-item",{key:"69bb874f031c4dce9120fdcdbe30d1185a8533b9",selected:true,value:"second"},"Label 2"),e("smoothly-input-radio-item",{key:"2665d5cd7970d76361b3a9c564a281300ec5b60e",value:"third"},"Label 3")),e("smoothly-input-color",{key:"9604b6394bf35d765d83b11ee91beddd65ea0524",name:"color"},"Color"),e("smoothly-input-select",{key:"18fe512715d01003b35bc83cfc2e2ca8d9a6c7fb",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},e("label",{key:"30aeb799af801a17fdb0f4ad6cf2135a159eeee2",slot:"label"},"Month multiple select"),e("smoothly-item",{key:"10f4ab84cdca7246b3f8382e094d6a5634071a1f",value:"1"},"January"),e("smoothly-item",{key:"09bf1376088a3a61952601c96fb03e8ac6cdb7e7",value:"2"},"February"),e("smoothly-item",{key:"62b13312de45b2233806e83b95fb148f7b6fbd87",value:"3"},"March"),e("smoothly-item",{key:"e98dfc613311e12057914b6455047cec9a0e2fd9",value:"4"},"April"),e("smoothly-item",{key:"95a6ba970ad28e98a9424d92ad3f4374d9956fb0",value:"5"},"May"),e("smoothly-item",{key:"ffc61f7a970ad99cb1dad5c207a507f5fd13664b",value:"6"},"June"),e("smoothly-item",{key:"bfa799697ed8f87df3ea1712abeeb07ddc1ff2b2",value:"7"},"July"),e("smoothly-item",{key:"b8d824f7c4aa012bf9fa53dfe92309b8c89d7d73",value:"8"},"August"),e("smoothly-item",{key:"78900640ecb2991bb8b6162db0b9ccd0bccd6749",value:"9"},"September"),e("smoothly-item",{key:"ed9e4d7432bab4589ca43d4f8321bae85440fbe2",value:"10"},"October"),e("smoothly-item",{key:"f4144b148fdb72bbd0777b2cbe1cd77782103977",value:"11"},"November"),e("smoothly-item",{key:"28a2ad2a0a832de5d12938ca2fee4e8c70fa7567",value:"12"},"December")),e("smoothly-input-select",{key:"4b1991cb5caa2cb8439833708ce4189c510786aa",name:"select-icon",clearable:false,showSelected:false},e("smoothly-item",{key:"b6ffdaf3b8fa957bafd088499c8071393bdcf12a",value:"folder",selected:true},e("smoothly-icon",{key:"0fdcb71a98477d46c586a58185f4cc51301eb7a9",size:"small",name:"folder-outline"})),e("smoothly-item",{key:"137cba1989502f23f36add371d146bc4807ca6b6",value:"camera"},e("smoothly-icon",{key:"dad7cad3a4ce91dd7db6ab5a0140b1f318edc29c",size:"small",name:"camera-outline"}))),e("smoothly-input-checkbox",{key:"54649f418c20c3e13f557621db4996bda931b560",name:"checkbox"},"Check the box"),e("smoothly-input-checkbox",{key:"988c540d19b1bd3a3fd87757c24212d1920a2f46",name:"checkbox2",checked:true},"Check the box 2"),e("smoothly-input-range",{key:"ae1f17c4c1fd061ca0cf760b1ac56e629b771dc5",step:1,name:"range3",value:20,label:"Range"}),e("smoothly-input",{key:"963d1e2e0f1687a028d2e68e6b3f0adab6001632",name:"pets.0.name"},"First Pet's Name"),e("smoothly-input-range",{key:"47bb54e03b5d0f8d946efc85c1d0e446b47e4bf4",name:"pets.0.age",max:100,step:1,label:"First Pet's Age"}),e("smoothly-input",{key:"01d8d11e59ef4bdb3217bfbba9ba3c0e1f7aaaa7",name:"pets.1.name"},"Second Pet's Name"),e("smoothly-input-range",{key:"40a58105cec6048e50f680c43da13be4ad8e4dbc",name:"pets.1.age",max:100,step:1,label:"Second Pet's Age"}),e("smoothly-input",{key:"ce735808de29f6956dc08ad7e4a08378808a4f86",name:"pets.2.name"},"Third Pet's Name"),e("smoothly-input-range",{key:"0d64035c29d1125393d38ee6ed572e01b08e16e1",name:"pets.2.age",max:100,step:1,label:"Third Pet's Age"}),e("smoothly-input-file",{key:"70f3f6fea6f26285f514cab4c125f32ebfc9c5a0",name:"profile",placeholder:"Click or drag your profile picture here..."},e("span",{key:"e2d6d8590c5183c7e74bd1249506d30a0a1da050",slot:"label"},"Profile"),e("smoothly-icon",{key:"b259b5f3ccbb9c3d3d9e997dce02625b006763dc",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),e("smoothly-input",{key:"914704342157221f13dc42cb4c677e0b5c3089dd",type:"duration",name:"duration",value:{}},"Duration"),e("smoothly-input-clear",{key:"4a49a4069781e14f81266c2a0934d9768c130d90",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),e("smoothly-input-edit",{key:"38036942c8604826e55cd0c0f8aabaa299b5578f",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),e("smoothly-input-reset",{key:"25de107d30973c77139269f8fd5a3ced5644432a",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),e("smoothly-input-submit",{key:"5ea44f1660ea1bc45255c844329bee70cb97d2aa",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),e("smoothly-input-submit",{key:"234c912a802cb9eaef6798d52b7bff115069cd16",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}};const kr=class{constructor(e){t(this,e)}render(){return e(s,{key:"39e1ef97b159655f49b2bbf853138f5f389ae33f"},e("h2",{key:"dfe73b926cc44b9405a9c2f74c8a2baa90c77a91"},"Card"),e("smoothly-form",{key:"7786e52f0f93cccf65c15e23ffb100cdec0791a6",looks:"grid",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail))},e("smoothly-input",{key:"df9dec1857b773b8cb9c9138272fa635881dd9ac",type:"card-number",name:"card"},"Card #"),e("smoothly-input-submit",{key:"ba763b31994226ceb8c14a648e02ac7f3886ed71",size:"icon",slot:"submit",color:"success",fill:"solid"}),e("smoothly-input",{key:"fbd0066000aa84701443dd83fbcb133b9a291408",type:"card-expires",name:"expires"},"Expires"),e("smoothly-input",{key:"496ba4fd146005cfe1e5bb7401e852ebfbfd1ec9",type:"card-csc",name:"csc"},"CVV/CVC"),e("smoothly-input",{key:"8685b1e15a7b98c073d85c21aa598b2860a995ad",type:"text",name:"name.first"},"First Name"),e("smoothly-input",{key:"071245e4d5661dd145f9aaac3b627871df9a5f42",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=k.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(!w.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:"6d76703cc5295f6b1df247f15a827d8003f6a436"},e("h2",{key:"70a3df9f04aac4162fda7133ece789c62d5f4e1b"},"Controlled"),e("smoothly-form",{key:"ab5d59e015bb649a6374455fa7ce0fb61d13b771",readonly:true,looks:"grid",onSmoothlyFormSubmit:t=>this.submitHandler(t)},e("smoothly-input",{key:"b79d4cd04331cfaa3b1b4c79d9a69b1e8a4ca9a2",type:"text",name:"name",value:this.name},"Name"),e("smoothly-input-select",{key:"de230fa9e41ea41e4fc0a775472443262280667b",name:"currency"},e("span",{key:"9f0c4bc4ebcfebc7be0db47c8917f9974e2b27d1",slot:"label"},"Currency"),this.currencies.map((t=>e("smoothly-item",{selected:t==this.currency,value:t},t)))),e("smoothly-input",{key:"2fb95bb3e623d2b133968d7819727228d1bb4104"},"Dummy"),e("smoothly-input-month",{key:"3398acf31a92edfa8b340cb47204cdf94c610d3a",name:"date",value:this.date,next:true,previous:true},e("span",{key:"8afa33e32a1072d767d9fdc7eafc02926791e1d0",slot:"year-label"},"Year"),e("span",{key:"148a9035bb55e385cb762838a7af04ff6e1e9577",slot:"month-label"},"Month")),e("smoothly-input-edit",{key:"50f0a6d1a810155b11656b578d92558c26b49509",slot:"edit",size:"icon",color:"primary",fill:"default"}),e("smoothly-input-reset",{key:"1d0946fe1eedc8d81efcaacb0272034b7539071f",slot:"reset",size:"icon",color:"warning",fill:"default"}),e("smoothly-input-submit",{key:"9cf09cedfb0369e5e597d9776ef8b2ce6b36da18",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=S({date:m("isoly.Date",k.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:"c756ecd2158fcea20c5492fee29e06ae8eff5d77"},e("h2",{key:"25aa4d7a8bc6a47adae135515ce9441074971ea4"},"Date input"),e("smoothly-form",{key:"bf965cf2ad3d3288fef0f8c393b6fd3c2775dad2",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},e("smoothly-input-date",{key:"c1cbf84459eb2b330d8398277a3b101bcffe5a59",name:"date"},"Date"),e("smoothly-input-submit",{key:"01557b861392e3e3d1d88525bde50007567c20e3",slot:"submit"},e("smoothly-icon",{key:"f77aacee0b4f0e1fcb158152c317897641ec493b",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=S({range:m("isoly.DateRange",j.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:"f5c929abd5dd00cbe86c0b319183b7f4e727d0dd"},e("h2",{key:"0dcdeb8de570b990982a5565bda70a8a985798d6"},"Date-range input"),e("smoothly-form",{key:"02bb8112b2be39fc8c1ca60dd3955ce4d775a5f6",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},e("smoothly-input-date-range",{key:"e97c601501e4a9c7f24c45b447eb569a6bc03d3b",name:"range"},"Range"),e("smoothly-input-submit",{key:"8c3eb4f6f16a8c86cb5be1f655ec03e192165c5a",slot:"submit"},e("smoothly-icon",{key:"476f32c1c6d0c0d114db263c07be66ce03a15f25",name:"checkmark-outline"}))))}};jr.style=zr;const _r=class{constructor(e){t(this,e)}render(){return e(s,{key:"168c7e940237622031da85f5c5cb62bae9f922b4"},e("h2",{key:"a064669065587d7cfc90d760a6dbdf8e3afc13a9"},"Login"),e("smoothly-form",{key:"41459587d19b629e8ebe3db68d38f55f9b985af5",looks:"border"},e("smoothly-input",{key:"a4cb3e71cc8a681fc38f7cefc4dabb2e886195b8",type:"text",name:"username"},"Username"),e("smoothly-input",{key:"4e24ea60c29a1b5fbfa0826a7d6715c686bf7a47",type:"password",name:"password"},"Password"),e("smoothly-input-reset",{key:"b0480797e4813927d8cae0e8feb0f119d25c7d55",slot:"reset",type:"form",size:"icon",color:"warning"}),e("smoothly-input-submit",{key:"e3ae66fdedc1dfd824ccc493fd30acacf24426c2",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:"0d46b4fc910a34c115642a2195c080b0d85d12d9"},e("h2",{key:"f77c27ceb6a0f0b5ef9412a1548369ed0aad9e9d"},"Pet"),e("h3",{key:"a99b84f9e362139384843470336a2326c547a29f"},"Value"),e("smoothly-form",{key:"1ae24028e67d24b04b7b19f151c15a2243974760",looks:"border",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail)),onSmoothlyFormInput:t=>this.value=Object.assign({},t.detail)},e("smoothly-input",{key:"e7ff263bbb2d74448269560238e89322f2c16c46",type:"text",name:"name.first"},"Name"),e("smoothly-input",{key:"f0339aa7f5996f3f6b35fd5221a816fe94ce3c95",type:"integer",name:"age"},"Age (Years)"),e("smoothly-input-checkbox",{key:"05ced4a04c316d3646b0cc2384b3d5abf045f9e5",name:"hasOwner",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:t=>{this.hasOwner=t.detail.hasOwner;t.stopPropagation()}},"Has Owner"),this.hasOwner&&e(i,{key:"b3a1d4ac7f09be24f900589e571ee7108ab2314b"},e("smoothly-input",{key:"ba4db6589d95388ec7b80d26da3c0aa83e7ea9a4",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:"1b0f54ffe75008cddbb3f5ab50e21d870e50ef85",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:"8a1fc8138991495b929d889f4611a9ce8f2b346f",name:"owner.picture"},e("span",{key:"c6a303649887edc21d380b83492c2c582a77cc4b",slot:"label"},"Owner picture")),e("smoothly-input-date",{key:"b62c24f139c6d6fc180279bf5b8931bbbd95bf17",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:"db1b023fd04b7e31c76ba6758da4e95a8aa25aba",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:"52ae80072f773a1e206aa3ce1c6309deca100358",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:"e7ea0e534410bbeae598c7d10233502dc8cedbd7",name:"owner.favoriteHat"},e("span",{key:"4a9a4f4ee5cbdff8831d67d9cb9756e8f8e40280",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:"7eca92de76ba58e01e19e72724bb6590f5877053",name:"owner.favoriteColor",value:this.owner.favoriteColor?b.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:t.detail["owner.favoriteColor"]})},"Owner's Favorite Color"),e("smoothly-input-radio",{key:"1a28d57241c03c0b336e8da0954ddbb74abf2711",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:"d9c9546113277fc7ceadb5a9c0d8fecfaf539e7e",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:"4b9fb14871adc6980b46c6691811ab6486c2de1a",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:"d211b98678b582de9a0eda75d09414d45f7fe18a"},e("span",{key:"507f145237f4e21fee6271a219a75ce715031f55",slot:"summary"},"Summary"),e("div",{key:"ba54ac66f240970a68dd97b2558376b89889a9ad",slot:"content"},e("smoothly-input",{key:"160d583fd5a7dc638f55ff635d954bf70dd9fd4e",type:"price",name:"summary.price",currency:"EUR"},"Summary Price"),e("smoothly-input-file",{key:"7516228ed852285d3cefff8755bbe1b4819e3939",name:"summary.picture"},e("span",{key:"e55b87442834ee63de349f221015f49c34c53135",slot:"label"},"Summary picture")),e("smoothly-input-date",{key:"e739dbd4f0c39fa7da0f2154e9f39ecc1cf26015",name:"summary.birthday"},"Summary birthday"),e("smoothly-input-date-range",{key:"a73b4184da7911dd72b7db605f9f3530f6002960",name:"summary.ownedRange"},"Summary ownedRange"),e("smoothly-input-range",{key:"3c7d677e88b90879913871c0c97b77c713e6383e",name:"summary.height"},"Height"),e("smoothly-input-select",{key:"43760e5d2bdcd94020f695ab49d2b08a6a45b424",name:"summary.favoriteHat"},e("span",{key:"de302f7837e6d7aed5c20fdf83197e93eeecb50a",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:"1bd6eb2f38716814964f8155a35c21e5feefeb39",name:"summary.month"},"Summary Month"),e("smoothly-input-color",{key:"05e13310f32251d447e0a1944cb6a67ec86d77df",name:"summary.color"},"Summary Color"),e("smoothly-input-radio",{key:"3b62f895f6c239406111a67a00c8f262f3a2322a",name:"summary.favoritePizza"},e("span",{key:"717fcb239ad3e88060e0c4ccf6b690bf51680008",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:"806a0f525016e524e24d11bfc212beae65c39987",name:"summary.hasPet"},"Has Pet"))),e("smoothly-tabs",{key:"4fc35bd7008f114af74650bf86e2082a2a444cd8"},e("smoothly-tab",{key:"f8c318c6504fbf15c40f981a35d73b3c9dd7a5fa",label:"Dog"},e("smoothly-input",{key:"b0d513a1c38b2e5d80ef883a86164e3621f53a04",type:"text",name:"dog.breed"},"Breed"),e("smoothly-input-file",{key:"3121318836e9062c386a9582436a01fc2605b0f7",name:"dog.picture"},e("span",{key:"6a9919683534dc1faa55f5277e987dcf0f69b7e6",slot:"label"},"Dog picture")),e("smoothly-input-date",{key:"bb0c0595f20c7371cf7515430e34afff7052f7b5",name:"dog.birthday"},"Dog birthday"),e("smoothly-input-date-range",{key:"ae866769212a7236c41d0152febcae48547f2061",name:"dog.dateRange"},"Dog date range"),e("smoothly-input-select",{key:"dc65fc8f3d086245779db5df9399e80354f14710",name:"dog.favoriteHat"},e("span",{key:"dc7a23db7140be0289a1b3183a36eb8a3b868789",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:"0a1a326345ba84c8c58bda73beb49a1e80301fed",name:"dog.favoriteColor"},"Dog's Favorite Color"),e("smoothly-input-radio",{key:"ca1254f3ca0137436e6f0275caa8664653a337e0",name:"dog.favoritePizza"},e("span",{key:"6cbeba3ccb0213e78ef7b58198f9bf03db332d59",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:"918eb8492a907b1edaa8899f893e54d27e99b48b",name:"dog.hasPet"},"Has Pet")),e("smoothly-tab",{key:"07919402255ac3e56bc1b144f235bdbb2e5096ea",label:"Cat",open:true},e("smoothly-input",{key:"6d1a2da7d9e4dfab0b099ba19831e881fc2022e8",name:"cat.favoriteFood"},"Favorite Food"))),e("smoothly-input-submit",{key:"777ab4006d8860edad56569fd20c35effe34d8cc",size:"icon",slot:"submit",color:"success",fill:"solid"})),e("smoothly-display",{key:"5b25a5af2f22296c1aea22d939b790b11333effe",type:"json",value:this.value}))}};Or.style=Ir;const Lr=class{constructor(e){t(this,e)}render(){return e(s,{key:"cb1c1170c5ea86dfb77cc541a91afaa2105b84fc"},e("h2",{key:"fe67701a1ab85c13af8bc20c42db0616c10eb1b0"},"Prices"),e("smoothly-form",{key:"798e69ab2868c05da2b72c14dfd7ee9ea7280b12",looks:"line"},e("smoothly-input",{key:"3cd2f353851f307c1fc66b5675521b00d73509c9",type:"price",name:"no"},"No currency"),e("smoothly-input",{key:"7b419ec1effb71097a53821d430b3a38e409c6ad",type:"price",name:"crowns",currency:"SEK",toInteger:true},"SEK (toInteger)"),e("smoothly-input",{key:"0e02bea4915a6d413c0cb62f402e60d63be3f96f",type:"price",name:"usDollar",currency:"USD"},"USD"),e("smoothly-input",{key:"ac1a48155221cc5479e6819cb2fcf394113ceb2c",type:"price",name:"pounds",currency:"GBP"},"GBP"),e("smoothly-input",{key:"bd771fbc43aee1643ccd6cbb5c2954f5c0ff07b2",type:"price",name:"peso",currency:"UYW"},"UYW"),e("smoothly-input",{key:"d2413f2219ba690f6bbfacc2af397f7e59023f3c",type:"price",name:"iceland",currency:"ISK"},"ISK"),e("smoothly-input",{key:"fc01541f9e2102b62f34f658dea790530cbe8329",type:"price",name:"Palladium",currency:"XPD"},"XPD (Palladium)"),e("smoothly-input-reset",{key:"e9f6164af7d75f84ca94584c7d39b45d0a0dafaa",slot:"reset",fill:"default",type:"form",color:"warning"}),e("smoothly-input-submit",{key:"76f3d9056029bb0ec13c58903c194d9a4df1af23",slot:"submit"})))}};const Ar=class{constructor(e){t(this,e)}render(){return e(s,{key:"2a3c829987f29e2742b2f97c40d1d457a5662593"},e("h2",{key:"0398f1f6160457523b7cc6bb961b379c4bd72de2"},"Transparent"),e("smoothly-form",{key:"6fdbb834ec4d2b5164caeda9844c00dd89fe8961",looks:"transparent",onSmoothlyFormSubmit:t=>console.log(t.detail.value)},e("smoothly-input-file",{key:"aa18ec0bca6ad6690f977c90dc0ea2f9f7694584",name:"file"},e("span",{key:"e3e12dab1d7fc728dc832a92891f4e01b8815731",slot:"label"},"File"),e("smoothly-icon",{key:"9d722201acd8387998abd749f97d6687a6d4a582",slot:"button",name:"folder-open-outline",size:"small"})),e("smoothly-input",{key:"e7c8fd001cd2bafcdd278d68b94facff5c4657da",type:"duration",looks:"transparent",placeholder:"h:mm"},"Input"),e("smoothly-input-date",{key:"58fe64d7d6b86462941ca3e0f9809665b8710ef7"},"Date"),e("smoothly-input-date-range",{key:"07f79ef4b0a59b274e5b1fe29b422f2f75df1776"},"Date Range"),e("smoothly-input-select",{key:"7bcd6ef09acb71a337ac4d38da8c130ec7cca2e1",name:"transport"},e("smoothly-item",{key:"3676bb01a25a231986547562168c627740fe3a57",value:"plane"},e("smoothly-icon",{key:"440d469dac65923bd6940d2f6496f8cbeaee1a34",name:"airplane-outline"})),e("smoothly-item",{key:"4a048c4568942f155ec75c07e402206604ad1eb7",value:"car"},e("smoothly-icon",{key:"155c562d80fa4115b47517d95e88b9d867bcc132",name:"car-outline"})),e("smoothly-item",{key:"2cfdbd43faf98fe1a96455e2ac4e7437069b4fa1",value:"bus",selected:true},e("smoothly-icon",{key:"3efe583b4ec8500cd4270039cccfe495c31b84f1",name:"bus-outline"}))),e("smoothly-input-submit",{key:"c3350f6ad21a636e9b79f04ba1d419ac4c7720da",icon:"checkbox-outline"})))}};var Er;(function(t){t.type=S({name:S({first:C(),middle:C().optional(),last:C()}),age:_((t=>18<=t&&t<=120)),country:m("CountryCode",T.is),birthday:m("Date",k.is)})})(Er||(Er={}));const Dr="";const Mr=Dr;const $r=class{constructor(e){t(this,e)}render(){return e(s,{key:"c36986840edf41c6d2d85faea312ec1e6daa067d"},e("h2",{key:"ed664931573e0897f527e6513dc5e882e3bb63f5"},"Typed Contact"),e("smoothly-form",{key:"37f8b0cefc578efed3de873e2dffc5edb388cee8",validator:Er.type},e("smoothly-input",{key:"651ac5c0e1e39548ead31e5ac104afda01c7ec65",name:"name.first"},"First Name"),e("smoothly-input",{key:"685ef1e7b14ab5d26c1663832f4f695e5d000047",name:"name.middle"},"Middle Name (optional)"),e("smoothly-input",{key:"b2ac420d440c286498bddd275ac2f66228f16d07",name:"name.last"},"Last Name"),e("smoothly-input",{key:"310185b6677ebb761a81eb2f96fd1b5b2aa605f1",name:"age",type:"integer"},"Age (18-120)"),e("smoothly-input-select",{key:"b1292c78e537a0470392717463e72f5263a9fcdb",name:"country"},e("span",{key:"5e7543f35219050cf2278c1675e239360bb02cb2",slot:"label"},"Country"),T.values.map((t=>e("smoothly-item",{value:t},L(t))))),e("smoothly-input-date",{key:"90a7bf1deb04d2a5b3069120c8f739c2e3ff353c",name:"birthday"},"Date of birth"),e("smoothly-input-reset",{key:"a4def9e7f5490c60a551615648f0150c662542b7",slot:"reset",type:"form",size:"icon",color:"warning"}),e("smoothly-input-submit",{key:"cfe2f21d200097b1ecb65e680c179a5602c95b5b",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)y.listen((t=this.origin)!==null&&t!==void 0?t:this.defaultOrigin,((t,e)=>{if(t==this.name)if(l.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")y.send(((o=this.origin)!==null&&o!==void 0?o:this.defaultOrigin)+"#"+t,e,this.contentWindow);else if(y.is(t)&&this.contentWindow)y.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=u.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:"61cc062ccd91964eead610a03cf88160052b9ab3",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:"d271babf08fc90d059b4db8dc7abe22d831eddc6"},e("h2",{key:"80c2a150f78f9c9f73d8f5547df3ff3fe1f0b45a"},"Filter and Variants"),e("smoothly-form",{key:"a02db91045869b8804f11f4ae4b8d3cc7f967125",onSmoothlyFormInput:t=>this.display=t.detail},e("smoothly-input",{key:"4175f8cf6cc7bb2fde406a6c15df2892807fbed9",name:"filter"},"Filter"),e("smoothly-input-select",{key:"0bfbf3dd05edbed718e511592c93905f5cce42af",name:"variant"},e("span",{key:"6d320756014d8fe4749631c000fa0fe5f3a89c4a",slot:"label"},"Variant"),e("smoothly-item",{key:"49d0a53e3c12d6b927275990f4f020c8741f0297",value:"outline"},"outline"),e("smoothly-item",{key:"485fdb59ee1dfcf92cfed9f98144608f09b1cdf3",value:"sharp"},"sharp"),e("smoothly-input-clear",{key:"c1e1bcddd92cbf5f161dc263ba630d7045de55be",slot:"end"}))),e("h2",{key:"5357f02111cfa6c739ec756eb1027a04cf58e68e"},"Props"),e("smoothly-form",{key:"0da38aebdd75727a26e85da411cc3aa73c5d88db",onSmoothlyFormInput:t=>this.props=t.detail},e("smoothly-input-select",{key:"1eb36164c48eb8ac8594322cc0dfbf370debc8fc",name:"color"},e("span",{key:"11fa5e8777ebb1db6e977221ebe58f8d7005ffd5",slot:"label"},"Color"),r.types.map((t=>e("smoothly-item",{value:t,color:t},t))),e("smoothly-input-clear",{key:"8fb6d9efb188b969b6efcea752e12020d577bd4c",slot:"end"})),e("smoothly-input-select",{key:"3e28cbbed1e7b4a73482ba11af5d5dfded150a32",name:"flip"},e("span",{key:"5a3e7a13784790f840194a6631166798df15cdac",slot:"label"},"Flip"),e("smoothly-item",{key:"0226636120e44875002601e4c976ced3111e00ea",value:"x"},"x"),e("smoothly-item",{key:"79d583a09a40c5765c57efb26fd5ef500088562a",value:"y"},"y"),e("smoothly-input-clear",{key:"00c4155c9f8dbafd12fb49339eb29b7b27a78a73",slot:"end"})),e("smoothly-input-select",{key:"f6a1deec85622c01e90c04b02faafb3ddf8e78af",name:"size"},e("span",{key:"7ee9ab0b92bb555a57a711213dbd935863c682aa",slot:"label"},"Size"),e("smoothly-item",{key:"0c4c9991b544377cae41891a89a388d9f3571d42",value:"tiny"},"tiny"),e("smoothly-item",{key:"3c8191fcb9243ad0d1aee9821c4ada823f0b84ab",value:"small"},"small"),e("smoothly-item",{key:"8141454aca71916eb6474c3ef67c8168338b6d2a",value:"medium"},"medium"),e("smoothly-item",{key:"b5c996bd2b3dc872bb2f8a66407968b140b99b43",value:"large"},"large"),e("smoothly-input-clear",{key:"74762e8d3174c98594abfd990d0b7cbdc74979eb",slot:"end"})),e("smoothly-input-range",{key:"6aec00e81106477b79c4594640faed4a4783dc7e",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",e("smoothly-input-clear",{key:"0e601082ac6d03ee63a59fab980b911da629e436",slot:"end"}))),e("h1",{key:"0f9c760ffea77581c78f981348fe8bd2d1204492"},"Icons"),e("div",{key:"3e2b452c22eee90fe19b38dadd8313c554a7a2b9",class:"icons"},[...u.Name.values.filter((t=>!this.display.filter||t.includes(this.display.filter))).map((t=>this.display.variant?`${t}-${this.display.variant}`:t)),...u.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 qr{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 qr(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 Kr='.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>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 Zr=Kr;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(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,undefined)}}async edit(t){!this.uneditable&&(this.readonly=!t)}async reset(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,this.initialValue)}}async setInitialValue(){this.changed=false;this.initialValue=this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()})}async smoothlyInputLoadHandler(t){hr.registerSubAction(this,t)}typeChange(){var t,e;switch(this.type){case"price":this.stateHandler=qr.create("price",{currency:this.currency,toInteger:this.toInteger});break;default:this.stateHandler=qr.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(){var t,e;this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});(e=(t=this.listener).changed)===null||e===void 0?void 0:e.call(t,this)}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:"6cd7aa8a819bb907669e1ab37160653363eea7d7",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:"0cb34738baae3f04cf1b571c2216b3b156e37af6",name:"start"}),e("div",{key:"7d903f93a5eec82c11ae11ad353ffc4d6367935d"},e("div",{key:"476b41ea405c5535a26c6031fec5a1a7dc525d57",class:"ghost"},e("div",{key:"6df340bc0af606853148a89e35058e117699c9a3",class:"value"},(a=this.state)===null||a===void 0?void 0:a.value),e("div",{key:"8536db3c4b3f11c7b7461af4c5275620ea032d0e",class:"remainder"},(i=this.state)===null||i===void 0?void 0:i.remainder)),e("input",{key:"78716f7025f1b224ece5439cedba196d7eedf471",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:"f58d7b17ee3d85271d2176af3467d486dad75242",class:"label float-on-focus",htmlFor:this.name},e("slot",{key:"c60916793141a30eed9a9bee88d91d6f4b0691a8"})),e("smoothly-icon",{key:"ff2b6d441306f6ad9f06b2d9097caa7bfea1d0a0",name:"alert-circle",color:"danger",fill:"clear",size:"small",toolTip:this.errorMessage})),e("slot",{key:"b776850e4b5fb350aac85ba09ea234c075d4ca3b",name:"end"}))}get element(){return a(this)}static get watchers(){return{currency:["typeChange"],type:["typeChange"],state:["stateChange"],value:["valueChange"],readonly:["readonlyChange"]}}};Jr.style=Zr;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:"faf6b5b6ab0bf4eec833ee7404b79a26b7f0d231",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:"0f1c6fcb3a8b4cb8e7aaa90d3963cb7ca5c74ee4",type:"checkbox",checked:this.checked}),this.checked&&e("smoothly-icon",{key:"f66f42f169efd52552ce769d930e45c6b58d58e0",name:"checkmark-outline",size:"tiny"}),e("label",{key:"27242f86ab849777cd3bc31f70ed42d138c0ce5c"},e("slot",{key:"f7d4cce333e657972b7a0610b66d5980de00318a"})))}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(await t.getValue()))}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:"a0d238a896afcda6611c7586b27b4e9b287aff44",title:this.tooltip},e("smoothly-button",{key:"2275a4e66801744b2fcf751e089d34d86cdefc2a",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:"9de9c388ac7d872e12c1520cc5fa74d3619c6b91"}),e("smoothly-icon",{key:"cd5225e037c955febc9ce5f6a9e7c81694da86d0",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}.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}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{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=r.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){hr.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}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=r.Hex.toRGB(this.value))}else{this.value&&(this.hsl=r.RGB.toHSL(r.Hex.toRGB(this.value)))}}hexInputHandler(t){if(t!==this.value){if(t&&r.Hex.type.is(t)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=r.Hex.toRGB(t)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=r.RGB.toHSL(r.Hex.toRGB(t))}}else if(!t||!r.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=r.RGB.toHSL(this.rgb);this.hexInputHandler(r.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},s);this.rgb=r.HSL.toRGB(this.hsl);this.hexInputHandler(r.RGB.toHex(r.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var t,o,a,i,n,l;return e(s,{key:"bfabfb0cb6364a367ad580aaff7b2c0420cf5f08",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:"9fb2d7aa842ebd640eae7dbe27339e037c366b83",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:"eacce508c9a2f44c439415e81d244edf2975de91"})),e("div",{key:"17ae45b18912cd75a2c8dadb5fd93842111a4f1d",class:"color-sample"}),e("smoothly-icon",{key:"5fabb3740559c54658fc6d38eff4cacb29d93dcb",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&this.openDropdown()}),e("div",{key:"efd9a4fefb05a94d609cdca1ddd18b1d3e9f9c7a"},e("slot",{key:"e6b44bab5c837ce28099dab850ddbbcdfe56c86c",name:"end"})),this.open&&!this.readonly&&e("div",{key:"59d3c24f446c902eedca8255c038237b504a6f9d",class:"rgb-sliders"},e("smoothly-toggle-switch",{key:"a3c52f89ac41e03a5fda0fc5953a9ceaacc441f2",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:"32b690c4dd7460549299e38a5da3fb06d93044ed"},e("h2",{key:"f2a1c4bfce5ab9ae0cb568c37184776882678a08"},"Color"),e("smoothly-input-color",{key:"97265d41ebcf18e1d9282d90898b325c7b807e56",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}@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){hr.registerSubAction(this,t)}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:"8b86488d54657388e8b6f69192d4f5645da29f4d"},e("smoothly-input",{key:"80c2c4adc2eedd8c5b6abb6e84a31443e4ff01a4",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:"20e4799b82df63a172fcbc3bfe4cf7d024ca7f18"})),e("span",{key:"fd1f3a5504000a5e9f748eab102f6c748a731a68",class:"icons"},e("slot",{key:"08948707c27109c9e069015fe704a690524d0658",name:"end"})),this.open&&!this.readonly&&e("nav",{key:"ab56c5ef29ddbc708adf77eb38209104a23332e5"},e("smoothly-calendar",{key:"54f4b90f744ce92327709381cf3104a9135beb59",doubleInput:false,value:this.value,onSmoothlyValueChange:t=>{this.value=t.detail;t.stopPropagation()},max:this.max,min:this.min},e("div",{key:"0ec760d8f6d993ef2e16d4a99185f11ecdeeaebf",slot:"year-label"},e("slot",{key:"92375a5c20ef54090efb072c79498f6f01cb3207",name:"year-label"})),e("div",{key:"5f82b94081486262f2287ae8264ca4627dfc283c",slot:"month-label"},e("slot",{key:"e0779749e3bf137d15aa2e3677484f253f971394",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}';const mc=hc;const bc=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&&k.is(e[0])&&k.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){hr.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}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:"27dc018890c8d7e8145deab7d1ad2e7e3087a4d0",tabindex:0},e("section",{key:"bf9fdb018d5061d79f7ae91023466825144cfaf4",onClick:()=>!this.readonly&&(this.open=!this.open)},e("smoothly-input",{key:"ed4b858aaf9d93a93b8aa218ce0a29084a37de9c",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:"c2456ec3e2e79837c855e0d617311f76d741d09b"}))),e("span",{key:"e07805ee0d9e709eefee9a4f2fc6ec391538464d",class:"icons"},e("slot",{key:"6590c6a40ddd12cb18886d35b67dd7143e5f8891",name:"end"})),this.open&&e("nav",{key:"127ada4b281a9945eefded63ab8e878b1356d807"},e("smoothly-calendar",{key:"d5749b90c9f78505a37311d762bd99bd039980fb",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"]}}};bc.style=mc;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:"45d876a84adb21d0291e507d75c98a34e245bae1"},e("smoothly-input-demo-standard",{key:"16b4efe4bf9ce4cab767abde418c9475f39c07e6"}),e("div",{key:"456df927db12dd6155230497db1a18744eea9071",class:"inputs"},e("h2",{key:"afa11b76643c5d38c4504533764882e14d7c2021"},"Calendar"),e("smoothly-input-date",{key:"197aeba701d9212d1ab5e2aefd6ec6e7a044b712",name:"some-date"},"Calendar"),e("h2",{key:"9798bc7d87dd4230607124b44b44949a20146afc"},"Date Range"),e("smoothly-input-date-range",{key:"94578e52eb50923c8133d93d694a155c87f5fbf8",name:"testing",start:k.now(),end:k.nextMonth(k.now()),min:"2021-10-01",max:"2025-01-31"}),e("smoothly-input-date-range",{key:"1e96bb6c94fb3bb317b8bf3dced22de39752498e",name:"testing",start:k.now(),end:k.nextMonth(k.now()),min:"2021-10-10",max:"2024-12-30"},e("smoothly-input-reset",{key:"504540317c63eb41b0ddd7486fb04906e67f2c16",slot:"end",size:"icon"})),e("smoothly-input-date-range",{key:"98b5ad4e2292332df7f80358ba9fd8d81ca06c17",looks:"grid",start:k.now(),end:k.nextMonth(k.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--smoothly-input-border-radius":"0.5rem"}},e("smoothly-input-clear",{key:"c3e320f9691a8bc94892b255ade54478ea168ba1",slot:"end",size:"icon"})),e("h2",{key:"18f4ccaa84069d1f35cbc527bf16b4d19b7d6740"},"Date"),e("smoothly-input-date",{key:"eb41b2588fb53ae7efe0a1bc0a2ae02df7ac2b23"},"Date"),e("smoothly-input-date",{key:"8b1aa0fe4c3ce6df32d39bb74354cb5d91e4cbe9",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),e("smoothly-input-date",{key:"979c0d7255ee9e07decafac7d254418febf65658",value:"2021-10-28"},"Date",e("smoothly-input-reset",{key:"76a94f4c2bfdedab350fdffd91e5e476b0175ae3",slot:"end",size:"icon"})),e("smoothly-input-date",{key:"9be7b95ec68a988dbedcf1f59b65580588648c7e",value:"2021-10-28"},"Date",e("smoothly-input-clear",{key:"f7504782876de6185bcc79cf783a8fe7b98cb549",slot:"end",size:"icon"})),e("h2",{key:"3a0973234d9ac25836a715c81df129e0ad3ad37f"},"Select"),e("div",{key:"4f0340883b64ad65c265c3dc5d29587369fc7dfb",class:"select-div"},e("smoothly-input-select",{key:"10969d77083f28f2b12000366a5962d96f1bf849",name:"select-dessert",looks:"border"},e("label",{key:"2c653456ff8f9fd3a87b262ef71b590f172c471e",slot:"label"},"Select with clear button"),e("smoothly-item",{key:"46dd6cdc25b1dfae027635a0b3015e43f6d2878f",value:"1"},"Ice cream"),e("smoothly-item",{key:"c11274fe1700acbc9c5c33cad6529d6a122139dc",value:"2"},"Sponge cake"),e("smoothly-item",{key:"f1d5905d3c0cd636e89dee3a8d840320fd71ee80",value:"3"},"Cookie"),e("smoothly-item",{key:"c53b070e0ab7884fc69275f06596b5745978e910",value:"4"},"Croissant"),e("smoothly-item",{key:"36ae534d31120ca947763f1c6b155101104a97bd",value:"5"},"Chocolate fondue"),e("smoothly-input-clear",{key:"86d5f2599981381dc196816e4f11fd9515e44f41",size:"icon",slot:"end"})),e("smoothly-input-select",{key:"c7f6268322db571e2ec693788d5b2c35c33fa786",multiple:true,name:"select-dessert-multiple",looks:"border"},e("label",{key:"70c564d21f49b5ccd96fd3a9d870da2ae2e75557",slot:"label"},"Select multiple with reset button"),e("smoothly-item",{key:"789b5d9c4fa6c415dbfae4515396e7f567b59c98",value:"ice cream"},"Ice cream"),e("smoothly-item",{key:"71bcd00cb118bd50a466162993989e3fbd5a6354",value:"sponge cake"},"Sponge cake"),e("smoothly-item",{key:"7ea430156ec346e59c74972904b2c3ac6c25735e",selected:true,value:"cookie"},"Cookie"),e("smoothly-item",{key:"a76b2c4923f730340093006b3a95b5383db29f0f",value:"croissant"},"Croissant"),e("smoothly-item",{key:"09e6d0a3f2aa8ef2b1d0af9dc975e68e6f7fcb2f",selected:true,value:"chocolate fondue"},"Chocolate fondue"),e("smoothly-input-reset",{key:"d12503973564a3dd906214209a413ba35599d974",size:"icon",slot:"end"})),e("smoothly-input-select",{key:"36322f82ee3c4a5fdb52157d7c80edff03f2f6f1",name:"spirit-animals",looks:"border",mutable:true},e("label",{key:"bd284222ea57418c09ee55e37c013f2fa77636e2",slot:"label"},"Select or add new options"),e("smoothly-item",{key:"587ec3f9eb650fa9f7b693687d188be450605669",value:"manatee"},"Manatee"),e("smoothly-item",{key:"afc72e2025c7ab491f5b792329b00ebb633681e5",selected:true,value:"cthulu"},"Cthulu")),e("smoothly-input-select",{key:"a449e76b493045c893ff6d20848b44416fb698af",name:"select-icon",clearable:false,showSelected:false},e("smoothly-item",{key:"9a14e0ce1733fc4b3d86f10c2b45f52d6e372bf6",value:"folder",selected:true},e("smoothly-icon",{key:"f58ce43ecfcb6863052c6302513c0c113e13c074",size:"small",name:"folder-outline"})),e("smoothly-item",{key:"fbfd64ede3b76bb7c0ad0775c257d3f9006efb7d",value:"camera"},e("smoothly-icon",{key:"600cb76b3fded1923df8e9797addbe5801e1ee9a",size:"small",name:"camera-outline"}))),e("smoothly-input-select",{key:"b5e86cfa6210481b2bd4c1171ba71f19f326d391",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},e("label",{key:"c6d4e7901e4f0da5c1f889cf1c81fc49b040777f",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:"16862fd74a850873d4d094365a00f2eac36086dd",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},e("label",{key:"937e851b80d06e8d3b9b0e9fd381d9c0349e7385",slot:"label"},"Month multiple select"),e("smoothly-item",{key:"3d227a817b2824c4b1f204fd671ccbe98c1c21a2",value:"1"},"January"),e("smoothly-item",{key:"1e0fb723814aa1c6437543a2464f38f279ceef40",value:"2"},"February"),e("smoothly-item",{key:"9709969f5373affae2dd1bc3d6f3564e7103f002",value:"3"},"March"),e("smoothly-item",{key:"dbe741500b2f19e346cfbc6b66bf44f5b151a8c8",value:"4"},"April"),e("smoothly-item",{key:"07ff330954c255975db4dbc745cf187ed2f65d84",value:"5"},"May"),e("smoothly-item",{key:"fe531ab3dac3085d671dcbe2a79ae84f6cc1a5bf",value:"6"},"June"),e("smoothly-item",{key:"b89b2b1c6cefb1177caa53945d71737ddf3c0207",value:"7"},"July"),e("smoothly-item",{key:"987e87174bdf424d244850d36563c8d003369847",value:"8"},"August"),e("smoothly-item",{key:"5fc0fdc4b5a7fa5fe963e079c78e6e0b0986eb48",value:"9"},"September"),e("smoothly-item",{key:"b853ce420e91173007c0307e34f59cc17537368a",value:"10"},"October"),e("smoothly-item",{key:"70d74d55773802d228419116172e65ef2949e1f8",value:"11"},"November"),e("smoothly-item",{key:"43cea0f2a57d291703c0c727a6addae322a776fd",value:"12"},"December"))),e("h2",{key:"d0d6d95cb4eb3e1457fc8f7094d5fe2860a34e1f"},"Duration"),e("smoothly-input",{key:"cafe6f776e1865e6ee5f4553a13b7e2cc265f852",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:"17be7c32f4e12254ad7958d7887170a1080289f7",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:t=>{const e=t.detail.duration;this.duration=e}},"Duration"),e("h2",{key:"8813e27ef8a826c4a2b3f1b6e4e9220ceef27e68"},"Invalid text with warning icon and tooltip"),e("smoothly-input",{key:"7e157d862f37c77c609dc9497141ca1148cc89ee",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:"c4e7a69935914e657d61411739bbba893e093968"},"Identifiers"),e("smoothly-input",{key:"27048a5bdcd7d4254bafb54d80bcf0bf3555db81",type:"identifier-code"},"Code"),e("smoothly-input",{key:"87c0d7c72551176e387a286932506a15be1ad249",type:"identifier-attribute"},"Attribute"),e("smoothly-input",{key:"410e405637554b7c79d93e66691b11490ed605bd",type:"identifier-snake"},"Snake"),e("smoothly-input",{key:"ed5079bbee4cda88f40c30d068ac024faf37ff91",type:"identifier-pascal"},"Pascal"),e("smoothly-input",{key:"0c6154d7840f7d5a343dc68e06bf83ae72c54ca9",type:"identifier-camel"},"Camel"),e("h2",{key:"2771a8ca39782d11fab286fcb65b867c0286f45a"},"Input Alternatives"),e("smoothly-input",{key:"ace3e3a84d1facb340e8c5ddb01c26f602968639",type:"text",name:"name.last",onSmoothlyChange:t=>console.log("smoothly change event")},e("smoothly-icon",{key:"ce6af347f6575b124b9b9d85bd02a13b85952a20",name:"checkmark-circle",slot:"start"}),"First Name"),e("smoothly-input",{key:"c95173bd3d21e9cd7c3647ea11704477c6c3beac",type:"text",name:"name.first",onSmoothlyChange:t=>console.log("smoothly change event")},"Last Name",e("smoothly-icon",{key:"6f376745f55be6313e0fed61f88edd794ecf6034",name:"checkmark-circle",slot:"end"})),e("smoothly-input",{key:"00a544d3585f9182c8e69f3cb1a103e7e962afa2",type:"text",name:"name.first",placeholder:"Smith",onSmoothlyChange:t=>console.log("smoothly change event")},"Last Name",e("smoothly-icon",{key:"ea1b82aaa7211dae9589b5787c4b1a7b514b8804",name:"checkmark-circle",slot:"end"})),e("smoothly-input",{key:"80ecbd1fab6e742af5c45d7eeda8e82ac57f2a50",placeholder:"test"}),e("smoothly-input-submit",{key:"f8efd49b66f1fdda88abecdb861544af96f3be22",slot:"submit",fill:"solid",onSubmit:t=>alert(t),color:"success"}),e("h4",{key:"a32d6eed0e38bb61824ed6770c89690a8ec304f7"},"Smoothly checkboxes"),e("div",{key:"d6765a03ee964713d33dafe7101f3944f8a87c89",class:"checkbox-group"},e("smoothly-input-checkbox",{key:"22a994ef413c7daf2755dcd58f6801e39b9011cf",disabled:true,name:"first-checkbox"},e("smoothly-icon",{key:"a17a92b4b844b6fcbfa078e5ce7628d1a06177ad",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),e("smoothly-input-checkbox",{key:"dbb134399456e3214b5108bab40a31b5c9ba7d4b",name:"second-checkbox",checked:true},e("smoothly-icon",{key:"6670e21d997952d04e3c1b772800e1ff37d0819f",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",e("smoothly-input-clear",{key:"a7580f0e29239604403b1baab6fdc72fb67a0c17",size:"icon",slot:"end"})),e("smoothly-input-checkbox",{key:"2c2c505ee8085c1581bbd7c89e057d963c1ae393",name:"third-checkbox"},"3rd")),e("h4",{key:"827b1070f1cd62e1059ebebd1325dca037f7b649"},"Smoothly Radio Buttons"),e("smoothly-input-radio",{key:"072e0eb8354773a26ada02942b832086670d1ac5",clearable:true,name:"radioFirstInput"},e("smoothly-icon",{key:"fd636989ea41124dd7c635d847dacb6963300dbd",name:"checkmark-circle",slot:"start"}),e("label",{key:"dee55d551b2d3a7ab2d19c52e0f263c91b943ca7",slot:"label"},"Clearable"),e("smoothly-input-radio-item",{key:"9bf269d4ecbe875330b1e524b1676421f7abe405",value:"first"},"Label 1"),e("smoothly-input-radio-item",{key:"7d45cf02303833971971bc478d325fa5da620e6b",selected:true,value:"second"},"Label 2"),e("smoothly-input-radio-item",{key:"1289212d68348cf167de9bd1868ca0fc93f26d4f",value:"third"},"Label 3"),e("smoothly-input-clear",{key:"806f9888175db03b6e150605877d52ee70f1a5f5",size:"icon",slot:"end"})),e("smoothly-input-radio",{key:"a56240825efef2cbe63ddb3d5880d699b6b35e0e",name:"radioSecondInput"},e("label",{key:"bfc81c30b70f9522737364fcf563b053cf114e15",slot:"label"},"Not clearable"),e("smoothly-input-radio-item",{key:"abc6805ce48dffd368ed7b639eb86b3fce5cce21",value:"first"},"Label 1"),e("smoothly-input-radio-item",{key:"88dfb557ed1aed288f40353a900bc404364dc7bf",value:"second"},"Label 2"),e("smoothly-input-radio-item",{key:"54f6440c82947c146785299f1f14f1fb4e197d86",value:"third"},"Label 3"),e("smoothly-input-radio-item",{key:"905278887964aa51a4c237ffdd3e9c70bc2f0497",value:"fourth"},"Label 4"),e("smoothly-input-radio-item",{key:"f5a53e4b02d3fcbaccb9d7eac3cb3308b8a19db1",value:"fifth"},"Label 5"),e("smoothly-input-radio-item",{key:"d29681b24c56db5ca50f8f78c73d7faee68b944e",value:"sixth"},"Label 6")),e("smoothly-input-range-demo",{key:"544ca889f35883c24e027bbf7282860e5b6cff28"}),e("smoothly-input-color-demo",{key:"306ce7a9603429c5f42bc7787db356d9e372281a"}),e("smoothly-input-price-demo",{key:"447e3ce8b8fb1e211ad8be0a92ea33200f3e945e"}),e("smoothly-back-to-top",{key:"081f592e35f68264a60da244ebbbd25f7fc256b0"})))}};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:"5264c1c9cf0f92f86ff0d368522287f8580122c2",class:{vertical:!!this.options.vertical}},e("div",{key:"ffafa5f6546434d2287a1f07469a8e251e9cde9f",class:"description"},e("h2",{key:"bccc24c712d54c8b6efc2308a8ac73c9f6fda677"},"Input Standard"),e("p",{key:"4955d39f7be77b2c88ba56d759d386a8f389b797"},"Height of input should be ",e("code",{key:"2cba3f4631613cf6c1892c678cf3b6d2489c610a"},"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:"1ede0f00d2816bb598704f5ad828a95410fffb1e",looks:"grid",onSmoothlyFormInput:t=>this.options=t.detail},e("smoothly-input-select",{key:"0d7dfc6ef6b3df8c79f863b4c4849d6eea0cf4d8",name:"looks"},e("span",{key:"3815a6dfb52bcdc791082f5c7aa6dab4ccca9047",slot:"label"},"Looks"),dr.types.map((t=>e("smoothly-item",{value:t},t)))),e("smoothly-input-checkbox",{key:"1849cc0bfa3811add3bba272ce7eb36932b5f4ab",name:"readonly"},"Readonly"),e("smoothly-input-select",{key:"37de4eaca616147ea628e0005e1066b0db500853",name:"color"},e("span",{key:"135dac6d13c87b5a70e76fcca9ecea2187bb6012",slot:"label"},"Color"),r.types.map((t=>e("smoothly-item",{value:t},e("span",{color:t},t)))),e("smoothly-input-clear",{key:"87af07afc6a4a46c8cc785d477a333745e843e53",slot:"end"})),e("smoothly-input-checkbox",{key:"1d58c89cb01bcc24a928495ca511c38856c0215d",name:"vertical"},"Vertical Layout"),e("smoothly-input-checkbox",{key:"f6fbabb433bd48583aebca2d12ccb47f819dbb98",name:"showLabel",checked:this.options.showLabel},"Show Label"),e("smoothly-input-checkbox",{key:"78b1007ac65662cdc82794bf4319267a3cb230a4",name:"placeholder",checked:this.options.placeholder},"Placeholder"),e("smoothly-input-range",{key:"0d67c1750a475010c2f555c6d7ffa56f9b616843",label:"Border Radius (rem)",name:"borderRadius",value:this.options.borderRadius,min:0,max:2,step:.25}))),e("div",{key:"4ff5e67eb421082c3010756b918ab8788dbbd81e",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},e("div",{key:"09fcde40dd103c81c550ca71bd96e522c840ca4c",class:"width"},"100%"),e("div",{key:"d5a14854ee79918e0857d533e37221c5ee088d4d",class:"left-padding"},"0.5rem - left padding"),e("smoothly-input",{key:"a126b8db655f22b7daf861eece15b3f031cbc605",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:"33f2cc7f357a3846ccbcaa75201ae42aa369fe1c"},"Text"),e("smoothly-input-clear",{key:"7b06802ce6ec1cf6e66464454f7e2c08c5509cea",slot:"end"})),e("div",{key:"74036c4691e7dec9f203a6a36987cec8644b7b17",class:"height"}),e("smoothly-input-select",{key:"d24c977332de2ac0d09e08736dbe68c54fe82f42",name:"month",looks:this.options.looks,placeholder:t,readonly:this.options.readonly,color:this.options.color},this.options.showLabel&&e("label",{key:"5413660ea9e0d9779811ce432ea958cd83d9ebed",slot:"label"},"Select"),e("smoothly-item",{key:"2ac5c27083962fa8e1a25c5d15d3843a34d02b41",value:"1"},"January"),e("smoothly-item",{key:"521a8845b6f331ddf040ee52c1f7724fd94f64d3",value:"2"},"February"),e("smoothly-item",{key:"637195be2eb8ebe0faf80b7fb1c5d3860d33df80",value:"3"},"March"),e("smoothly-item",{key:"2527e90e5171d97f3bc8b072d03d561c021188bc",value:"4"},"April"),e("smoothly-item",{key:"5ba652f3e666f2afba3a945bfc674af42fdff10b",value:"5"},"May"),e("smoothly-item",{key:"e8898598c2132dc1e3dc47bf8b34443d217fdb6d",value:"6"},"June"),e("smoothly-item",{key:"8c1797ec614431add028845b98b32d264a36a036",value:"7"},"July"),e("smoothly-item",{key:"62ac28227f5a066bb5073f1fd90b0b4b1efd3afa",value:"8"},"August"),e("smoothly-item",{key:"70764eeca66cf56ca620cdb1d963d56defdbdb83",value:"9"},"September"),e("smoothly-item",{key:"4d132d530b45db4f8829bfe2bf25afc13a38e158",value:"10"},"October"),e("smoothly-item",{key:"a4d1ef299f0da9db3bd9973c8452e037c0173305",value:"11"},"November"),e("smoothly-item",{key:"9e72c334c00b4cdcc74fe00086b2a028e33b6408",value:"12"},"December"),e("smoothly-input-clear",{key:"1cf2720994c6f70830425ca2066ad370502dbc65",slot:"end"})),e("div",{key:"7b2bd944723409bc21be49273dee40dbe88e8e69",class:"height"}),e("smoothly-input-checkbox",{key:"648dbe1784e117de725a16ba4f70b3c8310c415e",looks:this.options.looks,readonly:this.options.readonly,color:this.options.color},"Check"),e("div",{key:"d83bdbe0e7deafdaf375fc92bed15185315f1120",class:"height"}),e("smoothly-input-radio",{key:"2d9a8f739f4177bbebb8a3c7f7e4d51accb4a269",name:"radio",clearable:true,looks:this.options.looks,readonly:this.options.readonly,color:this.options.color,showLabel:this.options.showLabel},this.options.showLabel&&e("label",{key:"8e7b75b87d6b097a2820c1f63fbff106c0b3cac2",slot:"label"},"Radio"),e("smoothly-input-radio-item",{key:"84f9d894f3608bbf6f6fd18166f148142cd59460",value:"first"},"Label 1"),e("smoothly-input-radio-item",{key:"f2a62709db12077c1e46d70737a2de14792cf4e0",selected:true,value:"second"},"Label 2"),e("smoothly-input-radio-item",{key:"805e4c62d987029192f924a6e305451abcb95feb",value:"third"},"Label 3"),e("smoothly-input-clear",{key:"845398abbf6f72f30060b7e080b2e9d024ab2e45",slot:"end"})),e("div",{key:"9b32f05a7587f50d6f02d5606f275f8b636745d8",class:"height"}),e("smoothly-input-file",{key:"05d07fd09bc51cf12855458bfeacb0a9a6f661e9",looks:this.options.looks,readonly:this.options.readonly,color:this.options.color,placeholder:t,showLabel:this.options.showLabel},this.options.showLabel&&e("span",{key:"696715b9f104cceb8b20b46f8ca0a1eefecc34b6",slot:"label"},"File"),e("smoothly-input-clear",{key:"72d276a80a33794c9bcc3e8865ba2c9c2988f6cc",slot:"end"})),e("div",{key:"9dbed3e714e898e5c615b6f24ba5ecdc555c056c",class:"height"}),e("smoothly-input-range",{key:"7357abaf96f5b24b86b150735b9b0c944a642008",name:"range",label:this.options.showLabel?"Range":undefined,looks:this.options.looks,readonly:this.options.readonly,color:this.options.color},e("smoothly-input-clear",{key:"87a942e9be397f8876a099313c67fe292e8f6a34",slot:"end"})),e("div",{key:"f29eea42ea273adf8014fc721040994704c053fa",class:"height"}),e("smoothly-input-color",{key:"b97507b13cb5d9d256466c08981980a8299bf999",looks:this.options.looks,readonly:this.options.readonly,color:this.options.color,showLabel:this.options.showLabel},this.options.showLabel&&e("span",{key:"31bcb93fc12b7d03b0aa0a731d769850ec9ae2ec"},"Color"),e("smoothly-input-clear",{key:"c12b3d0d204f98c05c27e3df8200bd88b13baae7",slot:"end"})),e("div",{key:"41543b5fae1c2e80c6e249f6d2927c56fc92687c",class:"height"}),e("smoothly-input-date",{key:"4ea99e2b45a8d67fb109177f828dbfcef5a0b97a",looks:this.options.looks,readonly:this.options.readonly,color:this.options.color,showLabel:this.options.showLabel},this.options.showLabel&&e("span",{key:"e570d7d9be3c0de7f94253d830fd1915c09f649c"},"Date"),e("smoothly-input-clear",{key:"adf60c1a6e47fd6bb04c44a00b485922148a7c59",slot:"end"})),e("div",{key:"8cf5257d16d031fb2f8b5da4f43b18d6ceb51bd5",class:"height"}),e("smoothly-input-date-range",{key:"9b658f7d3a95228035d1a431ef44ee4a7e9d7e4e",looks:this.options.looks,readonly:this.options.readonly,color:this.options.color,placeholder:t,showLabel:this.options.showLabel},this.options.showLabel&&e("span",{key:"370a96c354d6e8cb3ef2b50f390deda2dca7e793"},"Date Range"),e("smoothly-input-clear",{key:"1735d46c5dd3d104680cf0f44768a8d524c5c294",slot:"end"})),e("div",{key:"8bc4fbd1c76eaeaccecf66bb390332d908adaead",class:"height"}),e("div",{key:"999019f00da141e750ee11e5c891e5b85f10ce7d",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:"21b58cd9091410ccd7e18bfd0e7ef4cbf7f8c496",title:this.toolTip},e("smoothly-button",{key:"9adc403f9d4408ab31aa49235b04ece843f49d94",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:"141483162e42d7d8ea60ada89c08e61e8fedc28d"}),e("smoothly-icon",{key:"2a09d27319264c6ea07b0a98876ad8840983f286",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:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{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.listener={};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}smoothlyInputLoadHandler(t){hr.registerSubAction(this,t)}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:"b39d3e741149d0b0e442b352e61b558cdc2bb13a",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:"475bd4fb9ff30dc19b9c518c76556c4f3bf1e2a7"},e("slot",{key:"e19aa48c27ec6240b01766013a5004d0b87bdc95",name:"label"})),e("div",{key:"a6d5c0ecb60b1b66ecb346c33f417fefb7414278",class:"input"},e("smoothly-button",{key:"d7e74af6c6c97b9c545a9c8d4d638bee9cdb45a0",color:this.color,fill:"clear",size:"flexible"},e("slot",{key:"3194230dd2b45a1a6f808f36e0a8eea187a69584",name:"button"})),e("span",{key:"ce4913a9f28977541b85fe2efa8e173f28b102a2"},(o=(t=this.value)===null||t===void 0?void 0:t.name)!==null&&o!==void 0?o:this.placeholder),e("div",{key:"7d5c8206a2f424da4f3d042a2f21a2a2600b6dbf",class:"drag-overlay",onDrop:t=>this.dropHandler(t),onDragLeave:t=>this.dragLeaveHandler(t)},e("smoothly-icon",{key:"12a26ab3030ff6c43252bb9b735964a89592fb94",name:"document-attach-outline"})),e("input",{key:"60b903e6e81a5e4447ea4c87b1316972a1ac5ceb",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("div",{key:"554dbf6b985f049bf1edcd41d356ba3ad22eb254",class:"end",onClick:t=>t.stopPropagation()},e("slot",{key:"47f15c7c35b9753684db8dd60f851e1681ee60f1",name:"end"})))}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=k.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=k.parse((e=this.value)!==null&&e!==void 0?e:k.now());o.setMonth(o.getMonth()+t);this.value=k.create(o)}}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}setAllowPreviousMonth(){var t,e;const o=k.previousMonth((t=this.value)!==null&&t!==void 0?t:k.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=k.nextMonth((t=this.value)!==null&&t!==void 0?t:k.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&&k.is(o))this.value=k.firstOfMonth(o);else if(e&&k.is(e))this.value=k.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:"7e05d80ebe8162924f86140f2335b7581c719a1b"},e("smoothly-icon",{key:"2c74fc9ba9e3b9ae40d15f18ec1503270c153bfb",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:"60babf60bf9354c30c4745750259f7b5bf6835f0",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:"424585680e3e999dc2817dea33be756d350a2d02",slot:"label"},e("slot",{key:"b658f5a779d57cf7731ba90fea7bf1ae5407e107",name:"year-label"})),ie((t=this.value)!==null&&t!==void 0?t:k.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:"10a65c08cb5534b9aa34c4b22e933ec13c48c5ac",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:"d2d7f290030344d7ebc4ceed10492c9d4fdd45fa",slot:"label"},e("slot",{key:"45b5a1a76f3e832f3455f717f57d09bdda313af4",name:"month-label"})),ae((o=this.value)!==null&&o!==void 0?o:k.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:"432fdd7e4c46f6694bb7e6461a634bc37053689b",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:"e4342c6db7e1e4c6281497cd786e4d499257c504"},e("h2",{key:"26aa0c16aa87d5dea4bb092e7104a31e2fb26d36"},"State demo on smoothly-input"),e("p",{key:"163708f05a50f636cc0b9c71d45a692ebac5805f"},"This demo/test the internal state of the smoothly-input component."),e("p",{key:"7799fc8b8d38da3dc473c2a65fa51d0521db7ea7"},"The currency of the price should update when switching between the currencies."),e("smoothly-input-radio",{key:"f55a75be6fa0090e8e55f6ea342bcd157167f0fb",name:"currency",onSmoothlyInput:t=>this.currency=w.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:"6a6e28e0695faddf47599305fc6941fd5dd2e690",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-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[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){hr.registerSubAction(this,t)}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:"e57746c2bec5f30fc57caa9e7159436c19bb44e7",class:"floating-label"},e("slot",{key:"4cde319cff145536d92afc992723d413af4b483c",name:"start"}),e("div",{key:"9acdd7631c4f98059801a62385b94201238c9926"},e("slot",{key:"2764bc78bf6aea432ee8615cbe06155bcf3be343",name:"label"}),e("div",{key:"f6aed08f2bc4ab55a5361f4e25f8e503fd5d1e49",class:"options"},e("slot",{key:"a7e98902742dd3255fece1692b91ca9e18699fd2"}))),e("slot",{key:"1f90dc67b62832bf374c6abf73612feccecbbff4",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.smoothlyRadioItemRegister=o(this,"smoothlyRadioItemRegister",7);this.value=undefined;this.selected=false;this.looks=undefined;this.name=undefined}componentWillLoad(){this.smoothlyRadioItemRegister.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:"abf7bcf3e4097671cdb53ec9a7909f10a4a98b73",onClick:()=>this.inputHandler()},e("input",{key:"9a5e3d668f1fdad37f114119a980726025f3fd83",name:this.name,type:"radio",checked:this.selected}),e("smoothly-icon",{key:"05aa10f3e7f5a8ed0e4e7f8d903df23dcd3d2c14",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",fill:"outline",color:this.selected?"success":"medium",toolTip:"Select"}),e("label",{key:"22f8d1b96b318e90cae673e6405659ccc1bf8b5a"},e("slot",{key:"d0a730e5a0cacb96eef896a4a12dfb000fab6bdd"})))}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));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px)}.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.defined=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;this.defined=typeof this.value==="number";(s=(o=this.listener).changed)===null||s===void 0?void 0:s.call(o,this);this.smoothlyInput.emit({[this.name]:this.value})}setValue(t){var e;if(t==undefined)this.value=undefined;else if(t<this.min)this.value=this.min;else if(t>this.max)this.value=this.max;else this.value=t;this.input&&(this.input.value=this.type=="text"?(e=this.value)===null||e===void 0?void 0:e.toString():this.value)}render(){var t,o,a;return e(s,{key:"6eb88b4d79900c496a6c0c41ae56fc12b66f34b1",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},e("slot",{key:"21f1f080b371d4418846270c79019dbb5c13b486",name:"start"}),e("div",{key:"3cf86a0fe223bb050a81e1fa40c33a52d4bd9089"},e("label",{key:"8fd4d658aa15dfe1841e21bfaca5904e1189ff2a",htmlFor:this.name},this.label),e("smoothly-input",{key:"d70471f27095e8ba81dad816068782efd479cef7",ref:t=>this.input=t,looks:undefined,color:this.color,name:this.name,showLabel:this.outputSide==="left"&&!!this.label,type:this.type,onSmoothlyInputLoad:async t=>(t.stopPropagation(),this.setValue(hr.Element.is(t.target)?Number(await t.target.getValue()):undefined)),onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.setValue(hr.Element.is(t.target)?Number(await t.target.getValue()):undefined)},value:this.type=="percent"?this.value:(t=this.value)===null||t===void 0?void 0:t.toString(),placeholder:this.outputSide==="right"?"-":undefined,readonly:this.readonly},this.label),e("smoothly-display",{key:"c4024448438ff16146298c09851089b8b24e2798",label:(this.type=="percent"?this.min*100:this.min).toString()}),e("input",{key:"27569cc45c80a0415098deea69de0d82bc41603a",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=>{t.stopPropagation();this.setValue(t.target.valueAsNumber)},value:(a=this.value)!==null&&a!==void 0?a:this.min}),e("smoothly-display",{key:"d74289b20e2645fefba9ee362e5d4c6d4bf40924",label:(this.type=="percent"?this.max*100:this.max).toString()})),e("slot",{key:"b4e6ac8ac6ca21e394f3cc74facf06d48226fa85",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:"c812675343d64f3315f190ad1c908d10ace2c62c"},e("h2",{key:"7638d925da134a917c195e141e9f5cc0ab501322"},"Range"),e("h3",{key:"64ea67fce5489026de55211b6de6e5d181de30e1"},"Phone Number"),e("smoothly-input-range",{key:"932e86e4c6df5b5ce4e64b31db597740628f5113",min:7e8,max:799999999,step:1,label:"Phone Number"}),e("h3",{key:"ccb928822f4f87d9069863cc195febea279b58a0"},"Stars out of ten"),e("smoothly-input-range",{key:"7232e44dd5a8be19b3fd91232b548a090bd100be",max:10,step:1,label:"Stars"}),e("h3",{key:"a8d2891ea79f41a2374030da6c8988b4d63dba2d"},"Percent"),e("smoothly-input-range",{key:"4f9558319cf15a5926e4abe175af9abf8727e5f8",type:"percent",max:1,step:.01,label:"Percent"}),e("h3",{key:"2b939b4330ceead0aa93bb2932baa0ceca932961"},"With icon at start and clear button"),e("smoothly-input-range",{key:"7000d532a0a3086942c05676c3a200c8b942d4a9",step:1,name:"range2",label:"Select"},e("smoothly-icon",{key:"9ab62a9e0238046064533134ae9e251d10837c98",name:"checkmark-circle",slot:"start"}),e("smoothly-input-clear",{key:"e97a0579668dd6dc631e23b58606882b9955bb6b",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:"71225baa49eaeb96d36c3d5dc2f1880d33ac2861",title:this.tooltip},e("smoothly-button",{key:"6de9cca047751443fb84b7ab91e24834604f824b",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:"31f056aa77bbf74bb2457c4999d699e6892ad437"}),e("smoothly-icon",{key:"cb5f326a194a0ccac34d404d921cc858bf77f8a7",flip:"x",name:"refresh-outline",size:"tiny"})))}};Wc.style=Yc;var Bc;(function(t){let e;(function(t){t.type=S({value:A(),deselectable:z(),selected:z().optional(),filter:c()});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-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;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}.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;height:100%;box-sizing:content-box;padding-inline:var(--input-padding-side)}.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 .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 qc=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)}hr.registerSubAction(this,t)}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:"4e0632f2279150363b616f4fb562b14531d3a4b9",tabIndex:0,class:{"has-value":this.selected.length!==0,open:this.open,invalid:!!this.invalid},onClick:t=>this.handleShowOptions(t)},e("div",{key:"3f43ae2df3bf57d85a7f596e444eb7ec890c1dd4",class:"select-display",ref:t=>this.displaySelectedElement=t},this.placeholder),e("div",{key:"6d6cacb9cca744dfbe6afe9ff04bf24288fa6480",class:"icons",ref:t=>this.iconsDiv=t},e("slot",{key:"e4371a6ea005aad63b7f214bd818ccd889521225",name:"end"}),this.looks=="border"&&!this.readonly&&e("smoothly-icon",{key:"86c19de5e8f1ecdcef0c4ac66e1340b5802e9280",ref:t=>this.toggle=t,size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"}),e("smoothly-icon",{key:"effb63b5a8e00d905b301b31f7c97c35e07fc5b8",class:"invalid",name:"alert-circle",color:"danger",fill:"clear",size:"small"})),e("slot",{key:"806bd09cc47d8c35bb01901d7ba20e25dcdc0bb2",name:"label"}),e("div",{key:"8792bdb77b6c63e36a73a18a767dd57dbae6cc21",class:{hidden:!this.open,options:true},ref:t=>this.optionsDiv=t},this.filter.length>0&&e("smoothly-item",{key:"bc8b6ee08d787ccf0e2b6b4e2f32eeccee6effb0",selectable:false},e("smoothly-icon",{key:"86d925feceb294c2ebfc7a9b427e19d95d203446",name:"search-outline",size:"small"}),this.filter,e("smoothly-icon",{key:"4e5733106f07af612cbabcfa3d2fa1e248b4e343",name:"backspace-outline",size:"small",onClick:t=>{t.stopPropagation();this.filter="";this.element.focus()}}),this.mutable&&e("smoothly-icon",{key:"c0168cd488ff01296ff962a9ff4636d2df244905",name:"add",size:"small",onClick:t=>{t.stopPropagation();this.addItem()}})),e("slot",{key:"9cd4292d4da25894b44297506ba89e4259ea9cd1"}),this.addedItems))}get element(){return a(this)}static get watchers(){return{selected:["onSelectedChange"],required:["onRequiredChange"],filter:["onFilterChange"],readonly:["watchingReadonly"],open:["onClosed"]}}};qc.style=Gc;var Kc;(function(t){function e(t){return t&&typeof t=="object"&&typeof t.submit=="function"}t.is=e})(Kc||(Kc={}));const Zc='[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=Zc;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(Kc.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 f&&!((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:"438434b7f94ee3a7d8b5cf3ed6c90113221c4494",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:"a6ebadd25393a75972ec92c5860de2381825976d",tabIndex:-1},e("slot",{key:"2eefba52d0cc208111208720bb474a3324a79299"}))}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:"01f79c44a6a9f4d3736efe6e4c0ee5ee3f973a0b",title:this.description,style:{"--hue":(t=this.hue)===null||t===void 0?void 0:t.toString()}},e("slot",{key:"14273a6f60d52b740355383bfe7c419bb5ea14a4"}))}};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:"88024c5d322957a45010c9898bd110b8f48f1438"},e("slot",{key:"a585246e4fc2b4fcd240047b8bb1f2b7530cc25f",name:"before"}),e("smoothly-load-more",{key:"f259e7ac58e3297a85a0ce9b843062a969b38273",onSmoothlyLoadMore:t=>this.loadMoreHandler(t)}),this.show&&(typeof this.content=="function"?e(this.content,null):this.content),e("slot",{key:"a6ad1c4865a75cb75eaae8920fc280a32105ac91"}))}};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=n.findParent(this.element);(t=this.scrollableParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.checkInView.bind(this),{once:!this.multiple})}}}disconnectedCallback(){var t;(t=this.scrollableParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.checkInView.bind(this));this.observer.disconnect()}observationHandler(t,e){var o,s;this.inView=((s=(o=e.find((t=>t.target==this.element)))===null||o===void 0?void 0:o.intersectionRatio)!==null&&s!==void 0?s:0)>0;if(this.inView){this.smoothlyLoadMore.emit(this.name);!this.multiple&&(t.unobserve(this.element),t.disconnect())}}render(){return e(s,{key:"28ddc5d3fca6524101b268794c4d83186352f77b"})}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));z-index:5}.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;width:var(--smoothly-modal-width, 40rem);max-width:calc(100dvw - 1rem);height:fit-content;max-height:min(var(--smoothly-modal-max-height), 100dvh);background:rgb(var(--smoothly-modal-background, var(--smoothly-color)));border:1px solid rgb(var(--smoothly-modal-border));border-radius:var(--smoothly-modal-border-radius);box-shadow:var(--smoothly-modal-shadow);box-sizing:border-box}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:empty,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal:empty{display:none}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal{display:flex;justify-content:space-between;align-items:center}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>*.sc-smoothly-modal{margin-block:0}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal:not(.header):not(.actions){overflow-y:auto}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:not(:has([slot="header"])){justify-content:end}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]){cursor:pointer;opacity:0.7;color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]):hover{opacity:1}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}';const dd=cd;const hd=class{constructor(e){t(this,e);this.smoothlyModalChange=o(this,"smoothlyModalChange",7);this.open=false;this.closable=false}openChanged(){this.smoothlyModalChange.emit(this.open)}render(){return e(s,{key:"8bdd830db07503dc5ad7a485ea41fbd14ae633cb",role:"alertdialog"},e("div",{key:"d6ba6d97bcae9b4110c3eaef01e6f92dc48d9013",class:"modal"},e("div",{key:"1174aebeb08e2c9d31bfe264230ac12a79db9923",class:"header"},e("slot",{key:"c5422829ad590bae88ff33798fcea80b0df6e555",name:"header"}),this.closable&&e("smoothly-icon",{key:"1f54c5792caa7da280803c7eedf2eb5dbac7f0ae",name:"close-outline",fill:"solid",onClick:()=>this.open=false})),e("slot",{key:"e568a5e424f3be6fdb79917fcfd0c1487c0535ac"}),e("div",{key:"2521bd8a631756db112465be5a04bb34a17ba05c",class:"actions"},e("slot",{key:"3e6f6cbf6c41feee3c6b33c0d468f0737d3b7981",name:"actions"}))))}static get watchers(){return{open:["openChanged"]}}};hd.style=dd;const md=".sc-smoothly-next-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}";const bd=md;const yd=class{constructor(e){t(this,e)}render(){return e(s,{key:"d68c0979b5132c5dcb0764454ace4fc8f4b64983"},e("smoothly-next-demo-group",{key:"846702fef150fe18cfdd909b1a1c2d64c1ff5242"}),e("smoothly-next-demo-colspan",{key:"244cebea8a6e51b398ba7c2af2cfc41da80e5121"}),e("smoothly-next-demo-simple",{key:"fda034e25449569e6543e12cb1836d9421a9285f"}),e("smoothly-next-demo-nested",{key:"c00ed11e4fdd08c2478153ce3bd5391fcef86440"}),e("smoothly-next-table-demo-filtered",{key:"d058bfb651c724b5497eb49b93a90480790daf7d"}))}};yd.style=bd;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:"322f2b276edccd53dfbaeb0a69c3fa177b43cab4"},e("smoothly-next-table",{key:"5f6c1454afd074f410af1bc58b9051e4cc4565a5",columns:3},e("smoothly-next-table-head",{key:"996f681fb42d9fa100bb6c1db890d63b45380aaa"},e("smoothly-next-table-row",{key:"f60c3d4f82d89ff57af38bb496f40d6880e65946"},e("smoothly-next-table-cell",{key:"59ecdb00d518b081233441162f059f0351886a01"},"Date"),e("smoothly-next-table-cell",{key:"4a0fc107f01a3f5990a66d72567fabd5d724f9c0"},"Skip"),e("smoothly-next-table-cell",{key:"dd73ce38da65de83632820b21af6f05ee07c3828"},"Total"))),e("smoothly-next-table-body",{key:"fbcd74ddfd81ca8b654a52045f9ac67a2ba086af"},e("smoothly-next-table-row",{key:"974ebd927a3349cc5cee1a5f07456b8a9d04ed3c"},e("smoothly-next-table-cell",{key:"e23508ac94205d46507bf4035327ba6b8de1c59c",span:2},e("smoothly-display",{key:"ce6dec493c93ab4b56ab766b18a887a5c04b9a88",type:"date",value:"2024-01-01"})),e("smoothly-next-table-cell",{key:"b0e802c95f68f126a100154ad9141fc96d4683bb"},e("smoothly-display",{key:"7deb4d4111349fef3aba452cda451f362803ab46",type:"price",value:120,currency:"EUR"}))),e("smoothly-next-table-row",{key:"77fe0794effe69b2000fbdb83868ed0553d0272b"},e("smoothly-next-table-expandable-cell",{key:"ac46fc6b2e2e86c40841ba4a3454e67dbf7879fa",span:2},e("smoothly-display",{key:"a8a251e544f1a96f0def89f33431b93d19199e8c",type:"date",value:"2024-01-02"}),e("smoothly-lazy",{key:"707e9fa0004e99b78f509049ae4f8e1abb5aaeb9",slot:"detail",content:e("smoothly-display",{type:"date-time",value:"2024-01-02T13:37:00.000Z"})})),e("smoothly-next-table-expandable-cell",{key:"e94393b2fe556d7a9a66d01f210bf78be31145e4"},e("smoothly-display",{key:"3e9fe0dd066923340c8b6950ac5658280bb4b3ca",type:"price",value:220,currency:"EUR"}),e("smoothly-lazy",{key:"000469e04b9c9c1decf3bcddf9dae83d57bce855",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:"1ac46694973e9a7d6ed7b0f963b0821627a9ad60"},e("smoothly-next-table-cell",{key:"6ce70e4a0ba8adc455e96d66c4242730e332dbc4"},e("smoothly-display",{key:"b63c0e82edf8c8d461b5bb4127724fef865b98b0",type:"date",value:"2024-01-02"})),e("smoothly-next-table-cell",{key:"52cfc79ba1e09a72172d85510627bdad36096874"},"Not Skipped"),e("smoothly-next-table-cell",{key:"26e4310cfde062fd1bb1edaf4d70e00007633906"},e("smoothly-display",{key:"5f7a96c719a12e7acbc7a26d10e5e39abb9c5cef",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:"d04e8c35153417e76bba14acd36ea4ca7a55c3ec"},e("smoothly-display",{key:"45973c766fa5e9f2de58fb465f175142a750e3db",type:"text",value:"Group"}),e("smoothly-next-table",{key:"cfd126eb4d264e375b58967c659235d736b50c3d",color:"primary",columns:2},e("smoothly-next-table-head",{key:"c3c4ce2044e020cf2745fa8dc40df3c19ca24f63"},e("smoothly-next-table-row",{key:"fad438c3509dfff4df18082c0b57cb650895e546"},e("smoothly-next-table-cell",{key:"a53c5c4be617d724e5bc05d2511f983f85b3172f"},"Date"),e("smoothly-next-table-cell",{key:"4d058ee9aa113d8ef0148b96e166ea774967d144"},"Total"))),e("smoothly-next-table-body",{key:"e0f0747e86439ff3d90f3a6171ca282731eaf358"},e("smoothly-next-table-row-group",{key:"15511e13439150b8a92d52391f21b01d9be82b8a",align:true},e("smoothly-display",{key:"d6025dfbbd9a9b4d0fa0a7903937d3ad372201a5",slot:"start",type:"date",value:"2024-01-01"}),e("smoothly-display",{key:"e0741caeb2ae307a4307ddb757b38fe536c32122",slot:"end",type:"price",currency:"EUR",value:510}),e("smoothly-next-table-expandable-row",{key:"cf3287e8015acf361d1590fa81f364c3a511a661"},e("smoothly-next-table-cell",{key:"7aa5daa4614bab82c0483f39f7d1fc552c6315ff"},e("smoothly-display",{key:"2edbf7c3201bf10ab21941bd7cd6496307cd770d",type:"date-time",value:"2024-01-01T01:37:00.000Z"})),e("smoothly-next-table-cell",{key:"1bf0b2f56c52546c8691a812c7fb689608580fe2"},e("smoothly-display",{key:"05a8761b2b0cb683363709c4ec5371a824abfa71",type:"price",currency:"EUR",value:250})),e("smoothly-lazy",{key:"17b67e01e33757832dffa10015a31affe9500036",slot:"detail",content:e(i,null,"Details of 2024-01-01T01:37:00.000Z")})),e("smoothly-next-table-expandable-row",{key:"28f2b114fb220d0adfebdbdae124bb2472ca30d6"},e("smoothly-next-table-cell",{key:"a200b2197ab8b94e9b3c7e95824f9af8a835e79e"},e("smoothly-display",{key:"9a688195d0a5905f540197085211c6f1e5216d17",type:"date-time",value:"2024-01-01T13:37:00.000Z"})),e("smoothly-next-table-cell",{key:"b20029908c653d5faba884752364c3b3a5876e05"},e("smoothly-display",{key:"8784939571b6805fd657ada73847695e8fa0163f",type:"price",currency:"EUR",value:260})),e("smoothly-lazy",{key:"b9be8d6d6176960f7a049c20c2edbc14fa88cd45",slot:"detail",content:e(i,null,"Details of 2024-01-01T13:37:00.000Z")}))),e("smoothly-next-table-row",{key:"668ce58755d59879479a02ff46f54a31053fae0f"},e("smoothly-next-table-cell",{key:"7e14ed0793eaf28b4b30a1977d866de86d16d564"},e("smoothly-display",{key:"d5db14298acd3818a28504fdf90157be80806beb",type:"date",value:"2024-01-02"})),e("smoothly-next-table-cell",{key:"8be549ef0cb3aca8cc88bfb5d7f7d80c10d1d085"},e("smoothly-display",{key:"73e18de7dc992c7bbf44afe16b1f9d2fdbf1dbdb",type:"price",currency:"EUR",value:130}))),e("smoothly-next-table-row-group",{key:"587669b4c01cd33711a28c8f8d2ffa51f4a42ac4"},e("smoothly-display",{key:"28954087fb6438f6ac144677d95ca4ce8ddf1db4",slot:"start",type:"date",value:"2024-01-03"}),e("smoothly-display",{key:"bff26087e74f633be84cfdaa1b2b3c0c2212644d",slot:"end",type:"price",currency:"EUR",value:720}),e("smoothly-next-table-expandable-row",{key:"045e21ff3f3e7369e5c22227165fd6924e95a7df"},e("smoothly-next-table-cell",{key:"d48c17ad4d6ad581967bdf285d6f48f8ddd3a2eb"},e("smoothly-display",{key:"d035a6fab995d18389b87320dffd61142acaf3da",type:"date-time",value:"2024-01-03T01:37:00.000Z"})),e("smoothly-next-table-cell",{key:"cbdca0f53679358b66b71c0d0d5ea6162e07cacc"},e("smoothly-display",{key:"2550e158ae294def827bee82d598c428e300f77c",type:"price",currency:"EUR",value:320})),e("smoothly-lazy",{key:"808b6848a47f39544c75106c8fe52d67946cdba1",slot:"detail",content:e(i,null,"Details of 2024-01-03T01:37:00.000Z")})),e("smoothly-next-table-expandable-row",{key:"ca2f239d8db4b65c5ec053c606fb78ba9afb3d92"},e("smoothly-next-table-cell",{key:"b323b68935ab2a21bff9c48795bcdd899ea8c82c"},e("smoothly-display",{key:"b80e960842a48f8d9f7444dfd15794eeb881a992",type:"date-time",value:"2024-01-03T13:37:00.000Z"})),e("smoothly-next-table-cell",{key:"edb157281e51e08030d353e22d5f3622c03fe82c"},e("smoothly-display",{key:"c340c065598212a016fd43052b69a326350a7e7b",type:"price",currency:"EUR",value:400})),e("smoothly-lazy",{key:"e123201f6341fb44b62818e793a5e7c2c34e323f",slot:"detail",content:e(i,null,"Details of 2024-01-03T13:37:00.000Z")}))),e("smoothly-next-table-row-group",{key:"a766e561ba2f5f270c394ee301c650c2d76a6884"},e("smoothly-display",{key:"f87ae1dd2860d7a5ed692157b87ba3dd2efb8611",slot:"start",type:"date",value:"2024-01-04"}),e("smoothly-next-table-expandable-row",{key:"a6fdb5701da825cf3c9fcf8d695e808cc2e5874f"},e("smoothly-next-table-cell",{key:"a72fae772e958d7d22a688db3a2a81d0c4abf29b"},e("smoothly-display",{key:"d4f6c8135a71be2eae4fdae73260aeca39a1ee38",type:"date-time",value:"2024-01-04T01:37:00.000Z"})),e("smoothly-next-table-cell",{key:"d039c7016265c977cfef3525e3222c03362fce99"},e("smoothly-display",{key:"50ec614595e3ff2344b243315649d4535c64eb06",type:"price",currency:"EUR",value:320})),e("smoothly-lazy",{key:"c1434b0eb47245530e0819275a1cee6ef8271e2c",slot:"detail",content:e(i,null,"Details of 2024-01-04T01:37:00.000Z")})),e("smoothly-next-table-expandable-row",{key:"e9e6ebcdd9cef452818d28c71c596a1242b0f205"},e("smoothly-next-table-cell",{key:"2733ff9bc8e16e4acc0a6d9e9c8cc9d886c44558"},e("smoothly-display",{key:"33c4db0fbed9d0221091032fdbb4c1b6c8c5f30b",type:"date-time",value:"2024-01-04T13:37:00.000Z"})),e("smoothly-next-table-cell",{key:"3b29e90b233fd7260c04ca449b65e3f7173c090f"},e("smoothly-display",{key:"978af4218d9af91ff45a462ad6792e5e9eb37a3e",type:"price",currency:"EUR",value:400})),e("smoothly-lazy",{key:"66218c9e216b8e4f976442b0fd177ade75ddc42a",slot:"detail",content:e(i,null,"Details of 2024-01-04T13:37:00.000Z")}))),e("smoothly-next-table-row-group",{key:"446d0e34d7ccc20a433933864f46f14b6a4c12e9"},e("smoothly-display",{key:"f7c4e5c34c0ccb49c07180d54cc576abd3304108",slot:"end",type:"price",currency:"EUR",value:720}),e("smoothly-next-table-expandable-row",{key:"b9cc6547eb1b3a0bfd7c8825651807b11b86ee40"},e("smoothly-next-table-cell",{key:"c61156c4d46d9ed051e50a3728c0f1c6e5f11102"},e("smoothly-display",{key:"c7ec764a0932d07bf8bbe8f5c9c2874d24e71c7d",type:"date-time",value:"2024-01-05T01:37:00.000Z"})),e("smoothly-next-table-cell",{key:"f516de923e16af3f1d81638d9944d3fc29ad011d"},e("smoothly-display",{key:"4be7e012c8849ab7c16c248caecc4fa7cb07473b",type:"price",currency:"EUR",value:320})),e("smoothly-lazy",{key:"f92b87c1c882a17362d34fd7113201115a1fc6f9",slot:"detail",content:e(i,null,"Details of 2024-01-05T01:37:00.000Z")})),e("smoothly-next-table-expandable-row",{key:"3585351b9a566e40a1a81d3d04e65c3d71ab3489"},e("smoothly-next-table-cell",{key:"4985799bacb6611fc366e079989eb8b96cbef8f7"},e("smoothly-display",{key:"c932c83068a8786d70e88eda742172a85ad3bc12",type:"date-time",value:"2024-01-05T13:37:00.000Z"})),e("smoothly-next-table-cell",{key:"0d3a603683cd7198c47f98a5c2fa04b8d5ed7ed5"},e("smoothly-display",{key:"72e4a955d95f296bb1b4e23fc516bfa2318a603d",type:"price",currency:"EUR",value:400})),e("smoothly-lazy",{key:"90f148647cea3373df3842c92b3dd3e1af24de89",slot:"detail",content:e(i,null,"Details of 2024-01-05T13:37:00.000Z")}))),e("fake-group-wrapper",{key:"77c771394227915988cb8045248c3bdc9d3e7da8"},e("smoothly-next-table-row-group",{key:"1e309ad2bc941f611621adad1ee35d1426d373bb"},e("smoothly-display",{key:"aeb8df50733526bce7d1c2b45c7e662fdf4a27c1",slot:"start",type:"date",value:"2024-01-06"}),e("smoothly-display",{key:"23234d0f7215037c4e0e4a391acf1a224a822a4e",slot:"end",type:"price",currency:"EUR",value:720}),e("fake-row-wrapper",{key:"1441d65eac330485a0d67ba4da04794701c2a3f3"},e("smoothly-next-table-row",{key:"99169f5e4843630a88cf4ba2feb8995dd1c7a6e9"},e("fake-cell-wrapper",{key:"f8728758cf1fd2820aa3495a7b14752bf2b454bb"},e("smoothly-next-table-cell",{key:"a9a795b78df65f1ace69e3a68420a1eaa12f76c9"},e("smoothly-display",{key:"671e72183571983d83cfc9bb12c8ca42289e28bd",type:"date",value:"2024-01-02"}))),e("fake-expandable-cell-wrapper",{key:"f63a4cf639ce50a82ebb1215b28198307009498a"},e("smoothly-next-table-expandable-cell",{key:"79077527b9db7986243558f6283a57976fbaaf52"},e("smoothly-display",{key:"4a1684618784970112d56021e33f072efaa8a7af",type:"price",currency:"EUR",value:130}),e("smoothly-lazy",{key:"e0804b12698c1f69cf02f1ddbea48e6657405881",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:"f5ca21a477eb968f7e368966b21e94e215ef7f6e"},e("smoothly-next-table-expandable-row",{key:"aa84b462d7f31077d57b2edcec07bb964fd22a13"},e("fake-cell-wrapper",{key:"19dd81792f7b4c6e194ddcfbbc3487faee27a5b2",class:"span-2"},e("smoothly-next-table-cell",{key:"0d7c1e44d6ec12f464b3397f2cdb33bee34babc6",span:2},e("smoothly-display",{key:"f29965447072706a42077fc644b9edfc2851eee6",type:"date",value:"2024-01-07"}))),e("smoothly-lazy",{key:"66bf15ee9b7ac24ac4807bb12aef379d8bd2e34e",slot:"detail",content:e("smoothly-display",{type:"date-time",value:"2024-01-07T13:37:00.000Z"})}))))),e("smoothly-next-table-row-group",{key:"8e7fd297cab98d86eebd601f8a88e28d2a617602"},e("smoothly-display",{key:"bee4e8292c9a724d39fe4595d8b126905874e2ec",slot:"start",type:"date",value:"2024-01-08"}),e("smoothly-display",{key:"0b2dee430ae48168b00c93e5550e6746bd608025",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:"adfb7e48147e8015dcb72757c2b31d106a879127"},e("smoothly-display",{key:"7d9c5c7d09369e813b55be6268631b75be70ca2c",type:"text",value:"Nested"}),e("smoothly-next-table",{key:"5fd37fde775e88fafb20d6784fe82be3ed86412b",color:"primary",columns:8},e("smoothly-next-table-head",{key:"525cc6d3a6ae46999eef64fac6041b5fde216238"},e("smoothly-next-table-row",{key:"e16e37cfb054582e50b38a0dd174922db5274aa1"},e("smoothly-next-table-cell",{key:"f73b540b514009242730f53813e5781281dff4f6"},"Id"),e("smoothly-next-table-cell",{key:"3b49084a612ccaaa24b5fe1a0f3b5cda68f8c91f"},"Registered"),e("smoothly-next-table-cell",{key:"d61176c2d4004786a8d46de386014185d7548593"},"Name"),e("smoothly-next-table-cell",{key:"e8c020d083e9e8646cac57d5591afc555c49df79"},"Age"),e("smoothly-next-table-cell",{key:"236011cf9fac056411a3a01ec487b4169235693d"},"Balance"),e("smoothly-next-table-cell",{key:"52bf0214223130e7ae5e3362f3fdef899fa7d589"},"EyeColor"),e("smoothly-next-table-cell",{key:"7158968cd3f0558b82dce2bc62b83fc1db1fdf73"},"Gender"),e("smoothly-next-table-cell",{key:"3e91a70642866ff714035819f4e016dff8ab308f"},"Company"))),e("smoothly-next-table-body",{key:"74bd43db33fd5533be589117bd471eff82c6bc70"},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:"68462c407816da7d352f66f79fc5c294cc076330"},e("smoothly-next-table-row",{key:"fc862a5173ae9ffa04b6ba81862d71f267b82021"},e("smoothly-next-table-cell",{key:"e262856b8354c0e76ade754c6a742b0fe4eefe63"},"Footer Cell"),e("smoothly-next-table-cell",{key:"e2d44a80f3e499006a0cef3b9c2b4e611b632342"},"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:"3cf46f42688d8bdee372084fa0b04314b810a462"},e("smoothly-next-table",{key:"5674e02750e768a5a9cafe74c8475434d554a77c",columns:4},e("smoothly-next-table-head",{key:"b065dec611549c5274030e465445903f88668d3d"},e("smoothly-next-table-row",{key:"6ea7335a05a669cf8a961e4f00bcac956f0743d7"},e("smoothly-next-table-cell",{key:"fdc8762433fb24d53940f356b367e56ab65f4280"},"Id"),e("smoothly-next-table-cell",{key:"fffb7b25554673c87e0d3ef3f496bbdf15148c58"},"Name"),e("smoothly-next-table-cell",{key:"4a796bea3dd4973ca3d96d69b36cced794d1b5c4"},"Age"),e("smoothly-next-table-cell",{key:"2498f69c7dd78568daed63fc696ad59a47d29e9c"},"Balance"))),e("smoothly-next-table-body",{key:"eadb0ac227b2315d311d02031bee05623d33fd24"},(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:"8e92dd82bac65db9f446b2fc2284ccfbac64a8dd"},e("smoothly-display",{key:"e086e8c5a183509e94cdce8d840ffd09d2a31fd9",type:"text",value:"Simple"}),e("smoothly-next-table",{key:"2ff1d639364df62dd128c24c40d000c6a8aa8dcb",color:"primary",columns:2},e("smoothly-next-table-head",{key:"4c7f07d1f22934cbe522079a80d17a83d52440da"},e("smoothly-next-table-row",{key:"e6b01ac01b4463c166ac21857ff0385ba8fa15d8"},e("smoothly-next-table-cell",{key:"95fdbcb2794b12f570d2505833a915b810f1f6e9"},"Breed"),e("smoothly-next-table-cell",{key:"5ab8ac49bd797995bfeb04c2f3ab6dfdc1905e2c"},"Coat"))),e("smoothly-next-table-body",{key:"09129020f0828a76250fb8d2500d01cbe807cab1"},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:"7b3b756098f77dd01e37c66b9a01798d35483ab8"},e("div",{key:"be3224db8a7d6da2ccdb59f23696fbdc5d28e59f",slot:"detail"},"Content",e("br",{key:"e844976e58bfb731c29ca4725d7f67f8e819fe86"}),"of",e("br",{key:"d967b699eb1ae184b4a6a7a469e0a4956518881a"}),"the",e("br",{key:"431efe0f037c9d83259aa968974b221ed6782fdc"}),"expandable",e("br",{key:"7231b5dfbb73b87829cc39b217bf2c5e91b2be7d"}),"row"),e("smoothly-next-table-cell",{key:"5940b87bdfdea6b626062c602b041120bd638310"},"Cell1 in expandable row"),e("smoothly-next-table-cell",{key:"ecc2d764d47ddd7006f3a1b8593798b8bb6dfbc9"},"Cell2 in expandable row")),e("smoothly-next-table-row",{key:"e81962ddab33db641e329378b3a0d8941adf10fd"},e("smoothly-next-table-cell",{key:"a893df7ea912997fca138c6b5018afded0a76f62"},"Cell5"),e("smoothly-next-table-expandable-cell",{key:"fb7dae6b510c9fc0b3843fd44c183697b90f96f7"},"Expandable Cell",e("div",{key:"190c3258c4a67751712c3b3776b9b13f18ca28c2",slot:"detail"},"Content of the expandable cell"))),e("smoothly-next-table-row",{key:"8b364487ee3cdcfb7932dd6c40b9b595a45cbe80"},e("smoothly-next-table-expandable-cell",{key:"fab2682005c738d3da178cfe8da3d61da224e782"},"Expandable Cell 1",e("div",{key:"039b067965568e0d0229602afac0d3c6772b2bd4",slot:"detail"},"Content of the expandable cell 1")),e("smoothly-next-table-expandable-cell",{key:"9c5eb5eee6c560306951c3d72d228e5cd8d6e8f3"},"Expandable Cell 2",e("div",{key:"bbbea858863f79a46bf67d050da123215190b3e2",slot:"detail"},"Content of the expandable cell 2")))),e("smoothly-next-table-foot",{key:"4569ddb85016ea8fc52eab67fa0a86aac0ea0870"},e("smoothly-next-table-row",{key:"3b98144b36882bc7e912a5fe0fa2078431e55456"},e("smoothly-next-table-cell",{key:"dbe61e4ed793110155b3c0431be76c0eee6d8275"},"Footer Cell"),e("smoothly-next-table-cell",{key:"c6bc22e00fa6b3648de09d5a132bc618b9900d99"},"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:"5d5975a4d43d7dace5b52a4acf0ffe82af226a30",style:{"--columns":this.columns.toString()}},e("slot",{key:"aa7fa731be6c4e0db99cf5460a4c9dbc2ebe0647"}))}};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:"afa8929413ad4fcfd8dc091695a46d33666ad94d"},e("slot",{key:"e7e13990accc4b9cd1532a22d14b9e358077f453"}))}};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:"fc91d1e5fdeaa1a7a595a20e96df44ad7c530be1",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)}},e("slot",{key:"e4b6534934edf4db666e5abb9356a3c42d6af27a"}))}};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=qd[t.country])!==null&&e!==void 0?e:[]}),names:(o=qd[t.country])!==null&&o!==void 0?o:[]})}))}render(){const t=this.cats&&tl(this.criteria,this.cats);return e(s,{key:"4c341fbd43b5bbd2e04c1e2ee00a07c7ea045202"},e("smoothly-display",{key:"7bbe6ef242a6a1c3a7e2567025a6047c60545a13",type:"text",value:"Filtered"}),e("smoothly-filter",{key:"c1ab30a5084a12a02a9b06ceb29ee696e8a169ae"},e("smoothly-filter-toggle",{key:"903bf17689829b658b49940f6bec29a2433480e8",properties:{["nested.pattern"]:"Ticked",breed:""},icon:"add",toolTip:"Nested Ticked",slot:"bar"}),e("smoothly-filter-toggle",{key:"66c99d6f0203db09a0d910e7b8a400c0f38a7170",properties:{pattern:"Ticked",breed:""},icon:"paw",toolTip:"Ticked cats",slot:"bar"}),e("smoothly-filter-toggle",{key:"2dfaa749577006dfe8f3e2b8e515982bfd55717e",properties:{breed:"Bombay",pattern:"Solid"},icon:"radio-button-on",toolTip:"Solid bombay cats",slot:"bar"}),e("smoothly-filter-toggle",{key:"6ad16fcad1526fc789ab40a0129a26e8db89bf69",properties:{pattern:"Colorpoint"},not:true,active:true,icon:"alert",toolTip:"Colored cats",slot:"bar"}),e("smoothly-filter-select",{key:"332596b7bcdee9807e13ed624d5ad86f1801cb7f",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:"b40256e9e0600b770e75347692db324557948d9c",slot:"detail"},e("smoothly-form",{key:"c8183d8e51d0d8fa8a213cb045f638e04164dc3d",looks:"border"},e("smoothly-filter-select",{key:"fc0e067002129f9b75d65b5828ef8f0fc1dfce40",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:"ea9b038234c2e2a257f20f2a3d974e0abd99f12d",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:"a49b3b47fe6793d1e58e4accb61d4ae2f03fb45b",menuHeight:"5items",label:"names",property:"nested.names",multiple:true,type:"array"},Object.keys(Object.values(qd).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:"8a4b00297e311b4d553e92aa83505f2e237fdb1b",label:"Coat",property:"coat"}),e("smoothly-filter-input",{key:"0d50a452467c6d24e94e881b25082a7fa68eec9e",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 qd={"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 Kd='.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 Zd=Kd;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:"5443d2dc59b2b1acb8c17e51a3f44ce452902d0b",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)}},e("div",{key:"3cc268ce7b32eb3c119cc0a6793360c6c8345e48",onClick:()=>this.clickHandler(),class:"content"},e("slot",{key:"3d595d6411e52f1f9ef57d845e80cca9dcd76244"})),e("div",{key:"e8388be6dd244f76854005ff04342f828a81f27c",class:"detail"},e("slot",{key:"a7e8cae9582890d2afccf61bdcfe48ff505887a7",name:"detail"})))}static get watchers(){return{open:["openChange"]}}};Jd.style=Zd;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:"52090a83bed3378cc11f71f89f98ac922e343bcb",onClick:t=>this.clickHandler(t)},e("slot",{key:"2f63dbffd0697efadf3fca874eab71dd375b4f07"}),e("div",{key:"38c32334b65c8ac49f41225ec471270c686d4302",ref:t=>this.div=t},e("slot",{key:"3a3e3b102d1cf455f4882f5a827539db82c7c3bc",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:"f9f687b29c96c6b248dc5bc2671188dbfaad2d9f"},e("slot",{key:"d0e18614274e61b26704c3dea97d49223716efe6"}))}};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=n.findParent(this.element);(t=this.scrollParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.onScroll)}disconnectedCallback(){var t;(t=this.scrollParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.onScroll)}render(){return e(s,{key:"92e728917e834755a0ddcabb566f9e7ef00e5fb0",class:{scrolled:!!this.scrolled}},e("slot",{key:"a339f472c78d04d0ec4a2d092983a115f032132c"}))}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:"bdb75c884f66fdcfe5d3c0f8d7ac0a3afce1c141"},e("slot",{key:"8fbe024b50166b5e811610ec6aa6f9b467101e33"}))}};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 mh=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:"de058b807b84987392df1e6b5115dbf9b75b1cda"},e("div",{key:"a17925b2fae86d0e782e2f7ca9c9b1f2ae7c174c",onClick:()=>this.clickHandler()},e("div",{key:"dc49ab6e6c8a87ec6553af0d32cc87de255513dd"},e("slot",{key:"c09bf7cb34e67f63a6ba68bcf1729e576a2e5436",name:"start"})),e("div",{key:"48ec1407c08502e46517c317e98dd13c2e699778"},e("slot",{key:"5eff4bdfe3b98df5c871bdc8dd94d9d7fef8dcae",name:"end"}))),e("div",{key:"87e35d3676048f5e30fad28aaa92dfa777aee8e0"},e("slot",{key:"ba4c943650debe7ecf462969b1144dba0c566588"})))}};mh.style=hh;const bh=".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=bh;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:"15fad780b09899bf3eec930c4f44b94d8e3449e8",color:this.properties[0],fill:"solid"},this.closable&&e("smoothly-trigger",{key:"f018119de7c61bed2319a34d42c5f593d8777df5",fill:"clear",name:"close"},e("smoothly-icon",{key:"73e160b47cca733860abb5461eea1bae7620445f",name:"close-circle-outline"})),e("span",{key:"0f1ff04d65d618b841083fb0b6f72cb6e844cd63",class:this.icon?"icon":"clean"},this.icon&&e("smoothly-icon",{key:"dca125d726d704c241481d1e706d696f0e996716",name:this.properties[1]}),e("p",{key:"8e32aee5e45a331ce7210b746c01fc3de3f23651"},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:"006cd0996ebcc7ed267d4185f7b19535dd4c6a8f"}),e("aside",{key:"ab767aa730f8bae5621de7bb520149f163af27e7"},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:"f8f87e9c4b24c3a8cbd3619c0f769622e0959144",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},e("svg",{key:"f8c14a860e35ef649866549dbfcd0f2eac198e8b",class:"spinner",viewBox:`0 0 ${60+t} ${60+t}`,xmlns:"http://www.w3.org/2000/svg"},e("circle",{key:"8a0422fa7a21feefbe541c9bd8a95e9c6a190921",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(Kc.is(t)){this.parent=t}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.submit()}render(){return e(Wt,{key:"e744ab24a03f09fcfce4126bf1c515cea3d3e58e",disabled:this.disabled,type:this.type},e("slot",{key:"7170d7a7dcab90043a63464774b149cda9eaf5ea"}))}};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:"4117914a048ab6e376a887df7f5c2222ebf96aa2",onToggle:t=>this.toggleHandler(t),open:this.open},e("summary",{key:"3cb0f1e1f376f2c11f840f6c713660eff9a6d855"},e("smoothly-icon",{key:"caaf14d47b3853217bb63b42c7fda6e57b077bd4",name:"caret-forward",color:this.color,fill:this.fill,size:this.size}),e("slot",{key:"2b33f71121407a0411ab5ee96c2335babd598a60",name:"summary"})),e("slot",{key:"295a16e9fd6ad9463792024ba4a18a826c2b8126",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:"417ad462857abdf14e1ec37429e75b689799efb0"},e("div",{key:"6993c98633a3794b71b4b83a3a69423dac7c74e2"},e("label",{key:"0ee24bb008ec1fb28e7c41ae1c282b25bef04a1c"},this.label)),e("div",{key:"3a1c8c42d5ef94e61c632c4eecbc4d2d02ac732b",hidden:!this.open},e("slot",{key:"3d87938f9cb4240dd659a77096fb4d185dbca404"})))}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:"bc7ed690ff5c01071dc2f439b76474122a93d3d2"})]}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:"112de927446e13a6ff6de0c826e4b33655d5fae0"},e("div",{key:"e9de207f2c36b6e3f026631241563b392167e1c9"},e("div",{key:"127edfaba1f5a4c80803a77ac63e086169f07128"},e("slot",{key:"ad6ea04c2b33dcb014cffdb08fcc3cc0a7ecdf78"})),e("smoothly-icon",{key:"e37c9beb47abc85f08beb84b28b157b3f1899095",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:"084f8dd93e2e896aa0c82a2dbf94d15e590ab6b3"},e("h4",{key:"b415225da9d340343c1140cece8896618734408b"},"Demo table 1: Filtered & Checked Table")," ",e("smoothly-lazy",{key:"02f0149fe05a809bddbb5387d76589fa95cf3636",content:e("smoothly-table-demo-filtered",null)}),e("h4",{key:"3dd8cf1aa0f290b946924e7d33631ff7ead59068"},"Demo table 2")," ",e("smoothly-table-testing",{key:"a41c384503a52961c08bb410dd88c7519b728799"})," ",e("h4",{key:"8ffd0c73febbec012336e4b74a00ce1e5937082a"},"Demo table 3"),e("smoothly-table",{key:"8238a27bcac022b998c09c26d6fce868fbecfe45"},e("smoothly-table-row",{key:"b4e62f8d29d73141e4c42f4613e63d3aa1881e01"},e("smoothly-table-header",{key:"0a42b31aa3b59120000525d88aec1ecfd8829c45"},"Header A"),e("smoothly-table-header",{key:"db14af55f7588b4ff340a847ba8540682bf03c73"},"Header B"),e("smoothly-table-header",{key:"85d56a58d0de295a58995957a0866b79167121ab"},"Header C"),e("smoothly-table-header",{key:"03e8cd286eafe69a2f50e051b2a85ef75e1a8a54"},"Header D")),e("smoothly-table-row",{key:"2682156506f8fb68bf2c234b41a63ac110f8b727"},e("smoothly-table-expandable-cell",{key:"9a15ca31cfe50004d6c49988aadd2225af73fb30"},"normal row (exp.cell)",e("div",{key:"e0e1b167a5333ff7508f1fda9ce8f46f94fb0c86",slot:"detail"},"expandable cell 1 content")),e("smoothly-table-expandable-cell",{key:"cd23c79877acb9f4ed587b9a196f482c99f77d1f"},"expandable cell",e("div",{key:"70de6e1eb0e37b6e48fc58ab039d1646aecd5590",slot:"detail"},"expandable cell 2 content")),e("smoothly-table-expandable-cell",{key:"c767fc973dcb18cea7a825f4ebacc2fcb8f9f834"},"expandable cell",e("div",{key:"b87f290f7a61063e91b2dfaf6fcb78ed6d50edcc",slot:"detail"},"expandable cell 3 content")),e("smoothly-table-expandable-cell",{key:"5b915248d37d0a76409d4a3f42fa24ec6b3c24c9"},"expandable cell",e("div",{key:"51d32db57bea1de0365bfed946f245a342876c03",slot:"detail"},"expandable cell 4 content"))),e("smoothly-table-row",{key:"c9b72eea96187a5eac7fa7bb92f46cdbbc236b7b"},e("smoothly-table-cell",{key:"6afd7627309f99ea53ef3878564520e0342291d8"},'normal row (nor.cell)"'),e("smoothly-table-cell",{key:"d807670bbd5847a95b1f7147f90d270ce577fb5b"},"normal cell"),e("smoothly-table-expandable-cell",{key:"e223767b8b762ae7d94e5dfcd18b436d99525779"},"expandable cell",e("div",{key:"e016a6bf37e842872fdb29278da36993e8b0a164",slot:"detail"},"expandable cell details.")),e("smoothly-table-expandable-cell",{key:"34f4733b68e0804be594201cf0ae1cbef75fb671"},"expandable cell",e("div",{key:"3ff263ed2c11f61b644359f0bcdfee35d79998ae",slot:"detail"},"expandable cell details."))),e("smoothly-table-expandable-row",{key:"2726ff719d4d97f44023645a474050b37693378e"},e("smoothly-table-cell",{key:"00d7919bc16009c730d4bfe2eeb4bd81f586a75b"},"expandable row (nor.cell)"),e("smoothly-table-cell",{key:"a4761fe28dd65afcd183de191305d044b80520ab"},"Normal cell"),e("smoothly-table-cell",{key:"efbc8a671ae907024a78075c17c40f6786310cdc"},"normal cell"),e("smoothly-table-cell",{key:"257ec4c36bc268ac4cb1607042b9889896d888c2"},"Normal cell"),e("div",{key:"08d7fe72f5ff16098b07ea7d685caf31bac8a6dd",slot:"detail"},"expandable row content"))),e("h4",{key:"d53e6ff4a6e60aab6de9c0d3ea74c969e5efda91"},"Demo table 4"),e("smoothly-table",{key:"73de9321ac19acc5e7083f65a98db49be93153c9"},e("smoothly-table-row",{key:"8b1f99d3233e48aea2af4dc26070c788f1a80cef"},e("smoothly-table-header",{key:"f78d80c0395bacb63328aa252f31c6768aea6b7f"},"Header A"),e("smoothly-table-expandable-cell",{key:"633bd520914c060e51d28ff0b3c7449b3d22294b"},"Header expansion",e("div",{key:"271e4f0728dfc22b1843849baf99434c9445909a",slot:"detail"},"Expansion content"))),e("smoothly-table-expandable-row",{key:"039d4ce3aa5dee481d1ccb6cefcb6cd9ceb8185b"},e("smoothly-table-cell",{key:"6ec346a0a7e23185af45bd4fdbf1f60eb3078937"},"A Content"),e("smoothly-table-cell",{key:"5f87c71d9273c2b05571f04cc67063dcba800368"},"Expansion cell"),e("div",{key:"16253ba3ae361d4de560d9f265a122dc1bae0348",slot:"detail"},e("smoothly-tab-switch",{key:"6039dc4d4532d4889be6c32423feed2692573719"},e("smoothly-tab",{key:"264d4a1b65e4c556b33488f25dcb83656abcdd61",label:"innertable 1",open:true},e("smoothly-table",{key:"a0558c84e47e3b700725c1d30621d9e5ceb8edab"},e("smoothly-table-row",{key:"7bd1bdd05b70c08b609fe508c1e4dd8c710c7a4f"},e("smoothly-table-header",{key:"f456b7a3928350d4c70710213bb2ff711970de88"},"Header B")),e("smoothly-table-expandable-row",{key:"b1ba00a79b110a6e62af6650058c6188fc3f4180"},"B Content"))),e("smoothly-tab",{key:"b46c2ac2124563a2e65d2008f4619af7886c7300",label:"innertable 2"},e("smoothly-table",{key:"3b2f4e9ee7ac056b3f7f6d54f8f8fa99482afdb4"},e("smoothly-table-row",{key:"a3880dcb6b5f4ab9f45a9a2944f2059ad2edb745"},e("smoothly-table-header",{key:"2781272e470153161befa28cd47b2eab37dc3552"},"Header C")),e("smoothly-table-expandable-row",{key:"e1b0316a76d3e2139b9bca5e393f504c66661132"},e("smoothly-table-cell",{key:"570a8b77983570a5ae493254bea8613c45f9bcda"},"C Content"))))))),e("smoothly-table-row",{key:"782c89e514003e26997425a0aa803bc0572f3dc1"},e("smoothly-table-cell",{key:"52e0c55e7b96d48165c15eb448f4873739a5bf72"},"A Content"),e("smoothly-table-expandable-cell",{key:"bea42d590e7dbab7e27310dd1d8dca682d3d6611"},"Expandable cell",e("div",{key:"c5c1a48ae9b53c4750477ff66020bbeba67047af",slot:"detail"},"Expansion content")))),e("h4",{key:"25e07ce04b63fcc09ab412d7f73edab24b3e6f61"},"Demo table 5"),e("smoothly-table",{key:"89b6d51a1d4a2ea21b251b30fd31ca86766ec7dd"},e("smoothly-table-row",{key:"9d8342fb6eb14f04f0f6fb16cf2f6e23f8f7190d"},e("smoothly-table-header",{key:"64ef56025441774a7bb463ef2fcdb76364acef65"},"A"),e("smoothly-table-header",{key:"f983b14b47f5ee7ab12610983bcd49a3d25e7542"},"B")),e("smoothly-table-expandable-row",{key:"d5aa34248de31182fe5f3de2a52417acbfe70dfe"},e("smoothly-table-cell",{key:"a8c0648d231f3b30ed4d34fcb61d7f1f2254bcde"},"nested expandable row"),e("smoothly-table-cell",{key:"3e15199317d011a121e373b1ae9d6f459dc9c02a"},"b row"),e("div",{key:"c51357a401d2a6c636f61dfcb8e41c4a76caf82c",slot:"detail"},e("smoothly-table",{key:"7f483c542f6aeb6bfe5f852367a810ffd167fd13"},e("smoothly-table-row",{key:"e41079da0e1c20212ba906c046a6ee8c7012085f"},e("smoothly-table-header",{key:"574e43d55bc11849bb814b2d3f5afb97b0b483aa"},"C"),e("smoothly-table-header",{key:"aed74610f19b5833ef2c028f85b75e8147faffc4"},"D")),e("smoothly-table-expandable-row",{key:"8c60b3f2e4a8adafb2fb6b363aa4ff1f496e1683"},e("smoothly-table-cell",{key:"84bbfea75f60ce4d6a9a7820d064b65150272502"},"c"),e("smoothly-table-cell",{key:"6b9dba2e33651fff09599fea52744c8778099c0a"},"d"),e("div",{key:"5ef1ebbf76421a9d563ad8db5f3452b633700e00",slot:"detail"},e("smoothly-table",{key:"b187dff7aafce9f5fba1e72106cfc5171f6cfb78"},e("smoothly-table-row",{key:"a8100316b27da94fccb4d06e25c63712653d76b3"},e("smoothly-table-header",{key:"0baceebe9adc45de825ae8c56ae7497d28bf54ac"},"E"),e("smoothly-table-header",{key:"a63e145febcb38e0b7ee223e0458e2704172d1e3"},"F")),e("smoothly-table-expandable-row",{key:"562049af8dc23b1ae6d0b3cb1e158814549e1713"},e("smoothly-table-cell",{key:"2a8ee7d89a1a259399b11f09296eb66f3af538c6"},"e row"),e("smoothly-table-cell",{key:"e33339a1468986981cbb0b45eae5d8bf5742e1b6"},"f row"),e("div",{key:"1de47c75ad56b33b7064e0853f28794f920e57d8",slot:"detail"},"nested expandable row expansion e f")))))))),e("smoothly-table-expandable-row",{key:"e5b032ae2717048dbcfc8b8efa3cdf2d7a43a387"},e("smoothly-table-cell",{key:"d5eaaf9d86bddad56d3c4c4d068744a8956955e2"},e("span",{key:"d18bccfbd3c539699b7794ac24c96ef17a7577b5"},"one"),e("span",{key:"a5e0a3bd3645e8955b4a947d98ee3634464ad9e8"},"two"),e("span",{key:"f3fed1d5790af1c9faab9d82857d5a1c5d5111b5"},"three")),e("smoothly-table-cell",{key:"4e84517cfb2f58318199929bba56dc8ac2066f31"},"five",e("smoothly-icon",{key:"724f7c870f6f650366e8b9c8c7e271d9229e8dc9",name:"paper-plane-sharp",size:"small"})),e("div",{key:"c17cef1e13675ed6574ee0ed67fc3e0a809c4f62",slot:"detail"},"four")),e("smoothly-table-row",{key:"badec24e71bb0bc25eed15baae0bbdd6b34e56b2"},e("smoothly-table-expandable-cell",{key:"bb47b5ebaa9b57edf86661b8845ecd0b463f76ef"},e("span",{key:"5072e29d8c1ec13b6f0fae9b34cfdf3b17abe76d"},"nested expandable cells"),e("div",{key:"fa02140e8c1cd37fc9102f8fee1730b0b97521f9",slot:"detail"},e("smoothly-table",{key:"c98d1425431843f5890ad268f1b4e51a89dd68d8"},e("smoothly-table-row",{key:"62dbaa649f2d931965280496712102d828235dd8"},e("smoothly-table-header",{key:"5ebe0f6612c4fa808af84a0618c20ab63f19e438"},"E"),e("smoothly-table-header",{key:"5303b346f3942a30c91916cbb645c97e1a662388"},"F")),e("smoothly-table-row",{key:"8048a33ac049fc2c4cf2c2bfa17225b37ff8970c"},e("smoothly-table-expandable-cell",{key:"a428e23eb58ecb10c22707c19779a05f7a935432"},"e cell",e("div",{key:"5dd3c7a3fbf4e5ce5b2a8dcac4ffa70de76da152",slot:"detail"},e("smoothly-table",{key:"5fed534993f7282fd1ceae9d63fb5d5f037e02d0"},e("smoothly-table-row",{key:"f15b11b8138c12e9262f7346eacc81b516b93052"},e("smoothly-table-header",{key:"a7b98696fb996541a0a660a3b8426c40dc04a531"},"G"),e("smoothly-table-header",{key:"069e5d94c3905da04d0c459c86bdd84a25c8ac13"},"H")),e("smoothly-table-row",{key:"84cd12fed1dceadd627bb542fb297d08c9733514"},e("smoothly-table-expandable-cell",{key:"27b65a9b475cab095bf13b648b299e584471dcd6"},"g cell",e("div",{key:"0a80848130efad2b6afdfa4e72c55f15f14a433c",slot:"detail"},"nested expandable cell expansion g")),e("smoothly-table-expandable-cell",{key:"65c391ce8ebd26e8acdcd840fc53c3a563ca4f78"},"h cell",e("div",{key:"b486f11d8eb209191358fa12ae9c7a5fdab676be",slot:"detail"},"nested expandable cell expansion h")))))),e("smoothly-table-expandable-cell",{key:"ace694e77923dbc4c25e97667c1210c820e72191"},"f cell",e("div",{key:"49dbb266e4b771c118e17ad6b7386fc7de00e31a",slot:"detail"},"nested expandable cell expansion f")))))),e("smoothly-table-expandable-cell",{key:"32c9409c941c2f7fe2c05acbcf82b53883621434"},"b cell",e("div",{key:"5c68f26d1cb6deb1a9beb5906ef92f856b1ccc08",slot:"detail"},e("smoothly-table",{key:"2aed703f517727ab63fe300a8fbdf0273d73523d"},e("smoothly-table-row",{key:"0d2add5efffa117a125fb6bcd1b2f658692f69cd"},e("smoothly-table-header",{key:"0a27261642dd02abc897e0f15d867fe36a8a6a74"},"C"),e("smoothly-table-header",{key:"d2a853ce8ce64d5b9f8e6b9ed8cf0853559057bc"},"D")),e("smoothly-table-row",{key:"a1ad252e962e305b65a4ad345d4810349c8ffb3c"},e("smoothly-table-expandable-cell",{key:"1a3447c4afc1dcfee4361fd7d33d6a46e1a7228e"},"c cell",e("div",{key:"4d61b7d449f79258d113603b770c32bad133487b",slot:"detail"},"nested expandable cell expansion c")),e("smoothly-table-expandable-cell",{key:"edc66414c5267890c500920f0e1ce2f560b75103"},"d cell",e("div",{key:"6ea88715023bbb1f355e5bb1c8b17b9b18d98f55",slot:"detail"},"nested expandable cell expansion d")))))))),e("h4",{key:"7c6a91e1b9371b17f4f6c0552f212d02e70d4dd5"},"Demo table 6"),e("smoothly-table",{key:"6940b4b31a7950383a5e3ac5476b19a73c83216b"},e("smoothly-table-row",{key:"c24cc1d61f51475ea694d0071f2e04cd70ff8fea"},e("smoothly-table-header",{key:"66e2e3b67f8dbc26bee8b186dbdd858f47155298"},"display"),e("smoothly-table-header",{key:"6a60efbdc7f23262971580112bc414b65f0718e6"},"contents")),e("smoothly-table-expandable-row",{key:"4a35b9daa08c6e3e8eb067fb917a7e276af1df02"},e("div",{key:"1df2a1a2843bb1107e3ecf9abe2dd95c52668d0f",class:"content"},e("smoothly-table-cell",{key:"62662ad332e4632d3a1a6697549d3711be418a1d"},"A"),e("smoothly-table-cell",{key:"351e6455db278a5ca76dd590e885c863ffd22490"},"B")),e("div",{key:"4aacc22721929095a6c918241179b36ffb39f2b7",slot:"detail"},"expansion"))),e("h4",{key:"3a839ad6f2e3160c7a2965af0a71650f612bca68"},"Demo table 7")," ",e("span",{key:"c27d7696dc94d1efb9c9d5c83373d8de03d9141a"},"nested 1 then normal"),e("smoothly-table",{key:"8346a49ab0cda4038b5d7b51ec333f2afaa96316"},e("smoothly-table-row",{key:"ad07b2deaf123302500654ac8f6c61fed5eacc33"},e("smoothly-table-header",{key:"9feb73643ce3b74f46aa81b7a020d4efab09d4de"},"A"),e("smoothly-table-header",{key:"10a2ca094a531f6ac810e1e070caae59291846f0"},"B")),e("smoothly-table-expandable-row",{key:"903111d118991f769a083308c1b447f9a478949d"},e("smoothly-table-cell",{key:"d685dc02a9c45933343e63bfaf9a517c0bcdd86b"},"a"),e("smoothly-table-cell",{key:"6204102aafb2ab25a2ab7a77fdfdac9fc5df3cfa"},"b"),e("div",{key:"96e7a93c0941152d5a552a3b7aa82bd0726e2598",slot:"detail"},e("smoothly-table",{key:"a8f36265b9a846cdc7f5fbe2ae1429791a35055a"},e("smoothly-table-row",{key:"0fb24b370fc86a548c3dd2010479d6ed62457736"},e("smoothly-table-header",{key:"3a53717bf17d02d3967902029e609420580d475c"},"C"),e("smoothly-table-header",{key:"dc322ab7862c3d7914ea44158cfa15585ee47a30"},"D")),e("smoothly-table-row",{key:"8379365daedde44e239af325dea73df327ed2222"},e("smoothly-table-cell",{key:"adfb3e913e9f9cf3856b6adcdcb1f47f9c12a05b"},"c"),e("smoothly-table-cell",{key:"7336751d3220cd7a0a1091de6f650b548e6f9410"},"d")),e("smoothly-table-row",{key:"30bf3a3f33bc2eb01ecd34014676eff5cde22665"},e("smoothly-table-cell",{key:"699790b0055bc9c9f7dff3710b5ac83aa5d2406d"},"ccc"),e("smoothly-table-cell",{key:"3f99dd86a7e914de11d93f00acae9fbcedf28f27"},"ddd")),e("smoothly-table-expandable-row",{key:"4ff185adec3071bf09f923d631b8923c38d91fb9"},e("smoothly-table-cell",{key:"a883e5ac9951d84050ebede9a2cf9f5bbe20dc44"},"cccc"),e("smoothly-table-cell",{key:"f50ce74734d2a4386ea9981689cd308584ac58dd"},"dddd"),e("div",{key:"2c53f30db73618ffb8fff8a979b0279b4150d9ac",slot:"detail"},"CONTENT")),e("smoothly-table-row",{key:"31fd43fc8566c591a042fbdee640827e6dc77368"},e("smoothly-table-cell",{key:"41f75c1ac310ad0949f972d7a6f05f53a45d9ea8"},"ccccc"),e("smoothly-table-cell",{key:"4d4d8120ea96e8a36cfd86fce57bc10b29ee4328"},"ddd")),e("smoothly-table-expandable-row",{key:"28120ef8260c71e0b5300ccc384a6bdb6678bbc4"},e("smoothly-table-cell",{key:"5a5424d55b7da2b636af18af5c8b988df1a8f269"},"cccc"),e("smoothly-table-cell",{key:"ac72e66032e40d46a727719aae69503c7751f687"},"dddd"),e("div",{key:"48cdf7b6cc87291005e046cfbcbf9b86f5b6077d",slot:"detail"},"CONTENT")))))),e("h4",{key:"5a53cc774f265f09f5d3f33e0da6d70c41d12c48"},"Demo table 8")," ",e("span",{key:"ff2a030650a271288702f978eb820282ab287c12"},"not nested"),e("smoothly-table",{key:"f0506607bc3c1bf066580bd18e793087dc09a529"},e("smoothly-table-row",{key:"73b0e3cf1a3f4f7fa824e235a5499ec0a287d87f"},e("smoothly-table-header",{key:"2b2343f08eed4f99954e61d8ec8433fcfebc8b28"},"C"),e("smoothly-table-header",{key:"8279d7521ea8e53bf041c08966e327fddf497597"},"D")),e("smoothly-table-row",{key:"d117f53d79fe9976c77a638072aa8665cedd84d7"},e("smoothly-table-cell",{key:"96c67a9bf13a706b54845553edd3aeddabf8c1ff"},"c"),e("smoothly-table-cell",{key:"1100b126555dfeb60aeb26b8a6c88e9ef367d8d6"},"d")),e("smoothly-table-row",{key:"296525eb3c93ce79d920d5842fa472266ae57ed6"},e("smoothly-table-cell",{key:"fa2a68ff8fe56b9f6a3ce00e25c0aa747a520c55"},"cc"),e("smoothly-table-cell",{key:"1aaae91b4e7b66db8b30d9815dbedef859aba8a3"},"dd")),e("smoothly-table-row",{key:"f65b4220c79cd12871c00afbe14416b0e457129d"},e("smoothly-table-cell",{key:"d5a84e0c2034e13321785771ad984a850587c436"},"ccc"),e("smoothly-table-cell",{key:"e20f9e8e1ee08ff361ccd5d3cea6a889f74bd943"},"ddd"))),e("h4",{key:"a900cb5746cd921bdfe5c8706425e5a8ddf59898"},"Demo table 9"),e("smoothly-table",{key:"59e97480d428b7e3ca06df2162a81e01e2c337b2"},e("smoothly-table-row",{key:"8d5f079bf0f868fe1e53fb8fc340e32f5eaa2b63"},e("smoothly-table-header",{key:"b0cb0b97cb301d9ece2d8f951f40f5a0105db609"},"First name"),e("smoothly-table-header",{key:"e6a1fb4c1c6dee461cc0bba8c8a31ec1eb2a5e1c"},"Last name"),e("smoothly-table-header",{key:"7f6ea59562cc3b6ee9ed1bad91310ccdde157633",style:{width:"1px"}},e("smoothly-icon",{key:"a380ca2177275401ee96defdbf5cc9a9da876d47",name:"alert-outline"}))),e("smoothly-table-expandable-row",{key:"277d38e71ef037cc745a92d1dcb297af1f672574"},e("smoothly-table-cell",{key:"49237dd1700fea81b2a80270848ba0a9ad3d281a"},"Jessie"),e("smoothly-table-cell",{key:"3b7e9e273e5883809e377616cb2b6212538f5741"},"Doe"),e("smoothly-table-cell",{key:"68414432e77af3bbe828a41b4648fda8d0831f66"}),e("div",{key:"506223f6fd77d090fed6c76fcfd2595f356d5242",slot:"detail"},e("p",{key:"146e68a3f9cc34215d6704a5cff01314fb415deb"},"This is Jessie")))),e("h4",{key:"aaa3b0bd7f949f74377bcf6827d093412030c95a"},"Demo table 9 - Lazy expansion rows"),e("smoothly-table",{key:"b0bb59d9539d0fd6c1dd5ede9c32efb42f46efcc"},e("smoothly-table-row",{key:"deecd22af026a54edc4ff57b3f35a4cbe3d9c8a4"},e("smoothly-table-header",{key:"ea174f5f29b39dfa28d5a32645f8b94b7a493eb8"},"Company")),e("smoothly-table-expandable-row",{key:"650166a33923c9266f94ccf94a7b74bd9ec4f046"},e("smoothly-table-cell",{key:"f32f2b7e174d7e0066df89a462893efd145ad8f7"},"Proquse"),e("smoothly-lazy",{key:"e6c3ca28f4c1c21264e399d5c54f63b5484c3e26",slot:"detail",content:e("img",{src:"https://brand.proquse.com/logo/proquse-black.svg",alt:"Proquse Logotype."})})),e("smoothly-table-expandable-row",{key:"b035d415a4c544073f548b62765be411ba3a4516"},e("smoothly-table-cell",{key:"4fbc39e2055d66d3b75977fb561434d6cedee0f4"},"Pax2Pay"),e("smoothly-lazy",{key:"092f9af72ca7cde3dc5e2bd214a97ae3c6912560",slot:"detail",content:()=>e("img",{src:"https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg",alt:"Pax2Pay Logotype."})}))),e("h4",{key:"adaee86a43f6684bf70b5ca9cafe4168b2d348a8"},"Demo table 10 - Lazy expansion cells"),e("smoothly-table",{key:"2fa365287c5df8f595e6a134d2074014b2dcdaa9"},e("smoothly-table-row",{key:"feef56cf007d5682e54c224cfbac19468ce8648c"},e("smoothly-table-header",{key:"bd98a797a038d07cb3db05ab188e951a077e0031"},"Company")),e("smoothly-table-row",{key:"e3fbc04bbc6bd0293fd2e12110f8a2dbd464f76a"},e("smoothly-table-expandable-cell",{key:"bdf9ca53eace2765bc5f1057614ee2777f22b683"},"Proquse",e("smoothly-lazy",{key:"9e318ab4caf98f60e162855de7b3ecc385139ab6",slot:"detail",content:e("img",{src:"https://brand.proquse.com/logo/proquse-black.svg",alt:"Proquse Logotype."})}))),e("smoothly-table-row",{key:"b0bc3892ef4823ecfcc081b287b31dc23b0af70b"},e("smoothly-table-expandable-cell",{key:"9682235912884a15b2fac7c2f97c297a83306eff"},"Pax2Pay",e("smoothly-lazy",{key:"ce067b4394c9754a7950efb9a1d864cd153cb427",slot:"detail",content:()=>e("img",{src:"https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg",alt:"Pax2Pay Logotype."})})))),e("h4",{key:"e72e58977ae1f2c72632e116cfb36f1df0a950cd"},"Demo table 11 - expandable cells"),e("smoothly-table",{key:"506b3c5c8f7c4ac93f585a03048546c2a46ce7f6"},e("smoothly-table-row",{key:"beb8dc5eebf167f0815f7fafb183c7acd1cc1731"},e("smoothly-table-header",{key:"117921c5a8ce86dfa45bc22c511e1c63ae342184"},"Name"),e("smoothly-table-header",{key:"9a58650c185770fd18f5755767fe2ad44dd0632e"},"Age"),e("smoothly-table-header",{key:"79116a1d1b433cbed0a27d6e2eaf5bdf863df930"},"Location")),e("smoothly-table-row",{key:"e91298585b10e4094e715f3c48b8453254a33665"},e("smoothly-table-expandable-cell",{key:"909fb0bab82cc414edaa0d48f70c1f5c3ecbadfa"},"Jessie",e("div",{key:"30b45fe235a99f5e78b098994ca6ca2d08be3ef3",slot:"detail"},"Doe")),e("smoothly-table-expandable-cell",{key:"7945b46982f8548d4eff5b33083a269dc6206da1"},(new Date).getFullYear()-2e3,e("div",{key:"cb80ca42b04a969699a7c7badfd756ac54fd08cd",slot:"detail"},"2000-01-01")),e("smoothly-table-expandable-cell",{key:"433a980dd806cb4fe0958b688189375ba68d4e5b"},"UK",e("div",{key:"1843c042018960e2f44de4873003a6720fd79e84",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:"7718989fddf57e670873feeb9c33a043920e0620"},e("smoothly-filter",{key:"5d8017178b78e2edb058131861952dd6794e67c8"},e("smoothly-filter-toggle",{key:"9bc5583d2e3af8cf639073f45ebffd880cc3aaa6",properties:{["nested.pattern"]:"Ticked",breed:""},icon:"add",toolTip:"Nested Ticked",slot:"bar"}),e("smoothly-filter-toggle",{key:"409d4b6f205fe82d05d444e64a4ff8ed75e9a2b9",properties:{pattern:"Ticked",breed:""},icon:"paw",toolTip:"Ticked cats",slot:"bar"}),e("smoothly-filter-toggle",{key:"ffecd1d61152af6644509b86ba601bd7aadb58bc",properties:{breed:"Bombay",pattern:"Solid"},icon:"radio-button-on",toolTip:"Solid bombay cats",slot:"bar"}),e("smoothly-filter-toggle",{key:"14207be1b8e46f911badbfdf83710230b2d1f848",properties:{pattern:"Colorpoint"},not:true,active:true,icon:"alert",toolTip:"Colored cats",slot:"bar"}),e("smoothly-filter-select",{key:"7cf2f04b79d0fa4cd31b6e45b923f33987dd42cc",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:"65f135b91e4d6aba05130189899ab4232bb9c040",slot:"detail"},e("smoothly-form",{key:"f473103fea1734af2f8edb8a4e08ebd76761de1a",looks:"border"},e("smoothly-filter-select",{key:"804fc172627b7a5089c2168b37b5fde7fc4ae54a",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:"ab676a8817c1a5a4c2a5b572630a742bc5ff1840",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:"0522742d240ad56ce4adc48b928d9bb9b17393d5",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:"489de62a94b5368e29a003cebd0f9b298cd326dc",label:"Coat",property:"coat"}),e("smoothly-filter-input",{key:"e5bd500f1f2dac97fef063583333b664e18eaf8a",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:"fae816857a7a1e11ceaf6e68ec3235bcce42752c"},e("div",{key:"a5d7d227c773060d3362e6fcbffededb5479ce92"},e("smoothly-icon",{key:"77e05e11dec65bba4ecfe55ef8909d78345369d5",name:"caret-forward-outline"}),e("slot",{key:"4b037932f5955cc06f4ce4c0c5335fc5a42fdfcb"})),e("tr",{key:"8db6015b46df85bf1398c66c17e442dc6e4857ee",class:{spotlight:this.spotlight},ref:t=>this.expansionElement=t},e("td",{key:"a1cf80115cacbdf58ea26247eb3ef2ea37f3b4e4",colSpan:999},e("slot",{key:"da8fc38933a283d75c589e63a9083e34e031e1b8",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 qh=Gh;const Kh=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:"28554b39f11e3629095777c054c9a892fa9dcf1c"},e("div",{key:"f8274bcc990818c513c75d0a736505258c130a61",onClick:()=>this.open=!this.open},e("slot",{key:"5b2ae89526fdba843d282534ef45a33981a6e2a0"})),e("tr",{key:"92f536db44d47755fbf456e7409783729b065044",class:{spotlight:this.spotlight}},e("td",{key:"3ce15c299ee5a3eeb10a0f69ce85d833aecc0837",colSpan:999},e("slot",{key:"cbd7bf72a3376d0c8a5c059f9fced11685c16271",name:"detail"}))))}get element(){return a(this)}static get watchers(){return{open:["handleSpotlight"],allowSpotlight:["handleSpotlight"]}}};Kh.style=qh;const Zh=".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=Zh;const Xh=class{constructor(e){t(this,e)}render(){return e("slot",{key:"9a8fd2ae8c30bc12aeb6b3ed124b09427d9ed9f6"})}};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 tm=Qh;const em=class{constructor(e){t(this,e);this.name=undefined}render(){return e(s,{key:"3727f46c284d59b2731f18824546968d2ae2a5e6"},e("slot",{key:"16aede7771e7f851432365528d9f79cbc756c11b"}))}};em.style=tm;const om=".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 sm=om;const am=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:"f4016ec2ba8f871c843780d4d86306344f0a7b42",ref:t=>this.element=t},e("slot",{key:"d02e94248182106e5ccb3da95370c2bd7a4e9b75"}))}};am.style=sm;const im=[{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 nm=".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 lm=nm;const rm=class{constructor(e){t(this,e);this.counter=0}render(){return e(s,{key:"95ca99628bf0142068b0b1604d93ed5059a7f356"},e("smoothly-table",{key:"e68e552d07c554978939ca17b43fad665a77dbf4",color:"dark"},e("smoothly-table-row",{key:"3aa17a5551481edc96cb5b1245ba95a665bd5ad6"},e("smoothly-table-header",{key:"83fa6460c5231e9a63c0fd09e24301cd5d6d5bd2"},"Type"),e("smoothly-table-header",{key:"41653caf3ae5e589eb6f70aee33d089fbb7a37ce"},"Name"),e("smoothly-table-header",{key:"bad3dcf2e3daff8a63c9e9536d06eefa5cf2d1d9"},"Age")),im.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!"))))),im.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:"cc6775b294db656cf59b3f52c5fd3c23ce42e1f5"},e("td",{key:"fd50668d12f1059caf1bced562d1028717da171c",colSpan:2},e("div",{key:"b232bd68b7161949b0c9f35f21152c47a072eed8",class:"footer"},"Currently viewing content from:",e("smoothly-display",{key:"d1b94c0f165829cbe755db0394a28ac2e4c396b6",type:"date",value:"2023-10-12"}))),e("smoothly-table-header",{key:"ecd061dcf8eb6a90520f19627edf5d07da685d86"},"Total age: "+im.reduce(((t,e)=>t+e.age),0)))))}};rm.style=lm;const cm=".sc-smoothly-tabs-h{display:grid;grid-template-columns:repeat(var(--tabs), auto);grid-template-rows:auto auto}";const dm=cm;const hm=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:"0e5023ca7717e4560b12fe3a18efa78121b2da9f",style:{"--tabs":`${this.tabs.length}`}},e("slot",{key:"1b299ba1d8b0945a41016ce7f2da50fa73e36c17"}))}get element(){return a(this)}static get watchers(){return{selectedElement:["onSelectedChange"]}}};hm.style=dm;const mm=".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 bm=mm;const ym=class{constructor(e){t(this,e)}render(){return e("smoothly-tabs",{key:"533cfc91493d6dceed5aded6e6f26e26859224a1"},e("smoothly-tab",{key:"5984ae187c5cc23a4b7a64d43bbbdd7d48b7d861",label:"test1",open:true},"Hello world!"),e("smoothly-tab",{key:"b8a3216625e2408c3c3fab08b0be1bdf08850da1",label:"test2"},"this is a test message!"),e("smoothly-tab",{key:"bd876638a084205f45c910a842d3e20205db2e7c",label:"test3"},"this is a test message again!"))}};ym.style=bm;const um=".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 fm=um;const pm=class{constructor(e){t(this,e);this.color=undefined}render(){return e(s,{key:"31afa14d4490b5c2d3a09322999ac7ec6084f0b8"},this.color,["tint","color","shade"].map((t=>e("smoothly-theme-color-variant",{title:`${this.color} ${t}`,color:this.color,variant:t}))))}};pm.style=fm;const gm=".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 km=gm;const vm=class{constructor(e){t(this,e);this.color=undefined;this.variant="color"}render(){return"Aa"}};vm.style=km;const xm=".sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1em;column-gap:1em;width:fit-content}";const wm=xm;const Sm=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})))}};Sm.style=wm;const Cm=".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 zm=Cm;const jm=class{constructor(e){t(this,e)}render(){return e(s,{key:"f372aac59b4dcc24cde0f65888c90b14e7bcc527"},e("h2",{key:"fbf02d997500cc247c994318d04362c4cf180d22"},"Theme"),e("smoothly-theme-picker",{key:"07248d954a9c4f9ba0ce3520b9d3f52af592f414"},e("smoothly-item",{key:"56f792607d3696823681005ab99c64d2c6c8a26b",selected:true,value:"assets/style/smoothly.css"},"Smoothly"),e("smoothly-item",{key:"88ed4bce954338ded99d9e20cc46922e6792fc05",value:"https://app.issuefab.com/assets/style/index.css"},"Issuefab"),e("smoothly-item",{key:"62ad657fd2956e4a8ecd6cbe3a4594c419cd4857",value:"https://app.proquse.com/assets/style/index.css"},"Proquse"),e("smoothly-item",{key:"1a05c71adfd42dce463c65d0f098c065661cc452",value:"https://app.weekmeter.com/assets/style/index.css"},"Weekmeter"),e("smoothly-item",{key:"61fec55bcbecfd26a4d867598e1a7f3aed292408",value:"https://dash.pax2pay.app/p2pdash.css"},"Pax2Pay Dashboard"),e("smoothly-item",{key:"70b0d3a2300539903fbf7ba5252bb1914e065ae7",value:"https://ui.pax2pay.app/assets/style/pax2pay.css"},"Pax2Pay Portal"),e("smoothly-item",{key:"4259aef8ff5e9b238aea52d3f5c629aafadc0d91",value:"https://theme.payfunc.com/intergiro/index.css"},"Intergiro Monitor"),e("smoothly-item",{key:"80f7c765f1de5982f9e833ef54a6635cbf0fe6b2",value:"https://theme.payfunc.com/light/index.css"},"Payfunc Light"),e("smoothly-item",{key:"7ff3946958929beeb820e3129b9a654a1b362f2d",value:"https://theme.payfunc.com/dark/index.css"},"Payfunc Dark")),e("span",{key:"103fca80dd8858bc227448bd56349026ecd444f4"},e("smoothly-theme-colors",{key:"666897015cfd34976603149ded74fe06be6d9d2d"}),e("smoothly-theme-guide",{key:"9a0f02fa88ea4aa79ed2060df5e7ac59baf35b96"})),e("smoothly-button",{key:"42bdb748755ed442eb15da5adb7f4781ff3b10e9",type:"link",link:"/redirect"},"To redirect"),e("smoothly-button",{key:"237d637586ce0f1fa752df6f7c26334437bb6d96",type:"link",link:"/redirect"},"To /redirect"),e("smoothly-button",{key:"f845f142b70b50a75a94e89725caddd0c4c4a379",type:"link",link:new URL("/redirect",window.location.origin).href},'To new URL("redirect")'),e("smoothly-button",{key:"062c928768a552527d1b4238c1a2fdaaf4c4a87f",type:"link",link:"redirect/nested"},"To redirect nested"))}};jm.style=zm;const _m="";const Tm=_m;const Im=class{constructor(e){t(this,e)}render(){return[e("smoothly-display",{key:"115daaa00fb7a4e0bacb23cbda1ed58cdab2505a"},"Tint is used as background to highlight, for example hovering an item in the select menu."),e("br",{key:"0eacb21aa50f7faebf262e64b5e4c30878f50dc1"}),e("smoothly-display",{key:"5eddcb2c707956bc39e7b675bc61bf222ebfc0cd"},"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:"f157bd5d1fd2aa1db645aae1650d5e3711c73a1b"}),e("smoothly-display",{key:"58804f743836a8fc1822dac667724e24b4dca2db"},"Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),e("br",{key:"bad13ec12d0eab96921b00edaab1cc4acba9d94c"}),e("smoothly-display",{key:"4375ae14448373728f92946e9984c55672432beb"},"One can use the ","<smoothly-color>"," component to switch between what color set is used."," "),e("br",{key:"357075bdb38d7f2d963dde17c2fd78d88702402d"})]}};Im.style=Tm;const Om="";const Lm=Om;const Am=class{constructor(e){t(this,e);this.element="smoothly-css"}render(){return e(s,{key:"4039dc4eb015dd6d869d1896c2be555bc29ee3dd"},e("smoothly-input-select",{key:"3fc86668de12e928bafce4760bed4302267978a1",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:"79fd10c45933e9b5589b92d2793f89bf0a23afaf",slot:"label"},"Select theme"),e("slot",{key:"dec18bec76ffc9ee4380e3609fda66196786480b"})))}};Am.style=Lm;const Em=".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 Dm=Em;const Mm=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:"9ea210115f4c2a7677604a6d1853fc2c5d999ce6"},e("slot",{key:"72df5acb95cdbe522ad162577e4ec34f31aef525",name:"icon-slot"}),e("slot",{key:"d2c81cf33c4da3b4ce0b9443712a69fb38274b67"},this.name))}};Mm.style=Dm;const $m=".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 Rm=$m;const Pm=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:"191a429c04889d30d5d293657df020d5d14b5e63"},e("button",{key:"ffa03674786389e8f07874a5bc2d675c360e2a53",disabled:this.disabled,onClick:()=>this.handleClick()},e("smoothly-icon",{key:"024e4ae444afefe53640b81f2f48fcbd81dfb2e4",color:this.color,name:!this.checkmark?"ellipse":this.selected?"checkmark-circle":"close-circle",fill:"clear",class:{selected:this.selected}})))}};Pm.style=Rm;const Nm=".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 Hm=Nm;const Fm=class{constructor(e){t(this,e)}render(){return e(s,{key:"d42c87cbc8367a4bedf1638f05493318ce41507e"},e("h4",{key:"fabd5caccf3b3076b12a5572dc07544c2343f717"},"Toggle switches"),e("div",{key:"ef1e2219e77722e2981b542379af6ca281d9b8c9"},e("p",{key:"5ce2ae1f96e4f2298bf5302ffe3ac6573e2b2f90"},"Checkmark"),e("span",{key:"5ecae1da643b292d06d9b825d733282a51a6b39f"},e("p",{key:"941fe1972c919cc5830fd9531a331a2995d7e409"},"Tiny"),e("smoothly-toggle-switch",{key:"f355ac70925f61e806d7bdeffccf1ff5e60be479",disabled:false,size:"tiny"})),e("span",{key:"7baa75d53746d4e01ec4c4c6ce2ef55f8f0bfff0"},e("p",{key:"4bdc3b7f070ff76753e79c54272e50c6cd769f13"},"Small"),e("smoothly-toggle-switch",{key:"fd72e51ae7f6cc00e1e1b4735cc72c37d03eb784",disabled:false,size:"small"})),e("span",{key:"bf9bb03011a26331720dcdd840d940745d592907"},e("p",{key:"1d2e9e18b8b7b38cc821ffbfdb891e651ecf22d0"},"Standard"),e("smoothly-toggle-switch",{key:"cb8e3e1809b19916e3d4aa8bd7282e03daa23fc8",disabled:false})),e("span",{key:"8900fb069434ff59482369277af9237211c586d3"},e("p",{key:"19e9c7fd9b4aa2bbb75cace03f61efdc64121b49"},"Large"),e("smoothly-toggle-switch",{key:"dfe75cc413d58776293a88d15bf6817d82659eb2",disabled:false,size:"large"})),e("p",{key:"c0dd0475ce038565b7989dcb8b7d2602e4efc5c6"},"Colors checkmark"),e("span",{key:"b10d71034ad8d205da901e00b8bc5c6c4fbb2b56"},e("p",{key:"e06de9836fb3755f242e15ce1fd96a52de476500"},"Danger"),e("smoothly-toggle-switch",{key:"b01be2ce99dc297789c859dc4a69dee1ceed1ab1",color:"danger",disabled:false,size:"small"})),e("span",{key:"a1d7003f67a971e3e9d1cb0af6c46e63d27fc160"},e("p",{key:"28cc6a5e62a9f2dbd95526ed20a41585cfd59ff4"},"Primary color"),e("smoothly-toggle-switch",{key:"6a0daed9d6d35eddd91e967a7e77f0cd6b798971",color:"primary",disabled:false,size:"small"})),e("span",{key:"8e20e504b6064dd24a482c83dc4120105b2e54ec"},e("p",{key:"136267d87422999493d00b6e78f5b798c70663a4"},"Secondary color"),e("smoothly-toggle-switch",{key:"9ba7a38b869479df1dcbd275f400a95a03eb2096",color:"secondary",disabled:false,size:"small"})),e("p",{key:"5410cfe3c52cd9ec94f9d9be528873b9257dc72b"}),e("p",{key:"83957369bb649d1a875249b0c9d3491dc0f35d35"},"Colors no checkmark"),e("span",{key:"d8852a56a14c1b8575f640010418561dfa515317"},e("p",{key:"1357ba7a51e0fb4676f97adeeabb2bb2988d0fcc"},"Danger"),e("smoothly-toggle-switch",{key:"e155e0cc9892978e4c6c7d63c63a7fa1fce9b5bb",checkmark:false,color:"danger",disabled:false,size:"small"})),e("span",{key:"9ab31a62d1cd71dee47a46398935626c3102951a"},e("p",{key:"7429f1e4988c7f84776f78e4a625d209e51bb73a"},"Primary color"),e("smoothly-toggle-switch",{key:"17e853b7aafdeeb35d0bd7e48ce9e2d0a3176b31",checkmark:false,color:"primary",disabled:false,size:"small"})),e("span",{key:"62e042c6671f30babc6b543f4c17ea140a880a60"},e("p",{key:"832b8c4662871bd1d1c2861ac9f0783e4c0032b5"},"Secondary color"),e("smoothly-toggle-switch",{key:"8fb61a82948410571b5d79b064279dc7127b73c9",checkmark:false,color:"secondary",disabled:false,size:"small"}))))}};Fm.style=Hm;const Um=".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 Ym=Um;const Wm=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:"60d7037fc7bddb5954b2391c9f0062a72b38a030",disabled:this.disabled,name:this.name},e("slot",{key:"2650651355e3f422337fa3712111d0c73f07693f"}));break}return t}};Wm.style=Ym;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,Kt 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,bc 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,qc 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,mh 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,Kh as smoothly_table_expandable_row,Xh as smoothly_table_footer,em as smoothly_table_header,am as smoothly_table_row,rm as smoothly_table_testing,hm as smoothly_tabs,ym as smoothly_tabs_demo,pm as smoothly_theme_color,vm as smoothly_theme_color_variant,Sm as smoothly_theme_colors,jm as smoothly_theme_demo,Im as smoothly_theme_guide,Am as smoothly_theme_picker,Mm as smoothly_toggle,Pm as smoothly_toggle_switch,Fm as smoothly_toggle_switch_demo,Wm as smoothly_trigger};
-//# sourceMappingURL=p-32aff682.entry.js.map