smoothly 1.63.0 → 1.65.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/cjs/smoothly-app_101.cjs.entry.js +2 -2
  2. package/dist/cjs/smoothly-app_101.cjs.entry.js.map +1 -1
  3. package/dist/collection/components/table/expandable/cell/style.css +0 -2
  4. package/dist/collection/components/table/row/style.css +2 -0
  5. package/dist/components/{p-631223f2.js → p-06eaca52.js} +3 -3
  6. package/dist/components/{p-631223f2.js.map → p-06eaca52.js.map} +1 -1
  7. package/dist/components/{p-06650280.js → p-073ff705.js} +2 -2
  8. package/dist/components/{p-06650280.js.map → p-073ff705.js.map} +1 -1
  9. package/dist/components/{p-aa26f0cc.js → p-28a1053f.js} +3 -3
  10. package/dist/components/{p-aa26f0cc.js.map → p-28a1053f.js.map} +1 -1
  11. package/dist/components/{p-27b6f996.js → p-3aaf31ab.js} +11 -11
  12. package/dist/components/{p-27b6f996.js.map → p-3aaf31ab.js.map} +1 -1
  13. package/dist/components/{p-067c5449.js → p-411de91b.js} +2 -2
  14. package/dist/components/p-411de91b.js.map +1 -0
  15. package/dist/components/{p-da4ee63a.js → p-7083cfdb.js} +3 -3
  16. package/dist/components/{p-da4ee63a.js.map → p-7083cfdb.js.map} +1 -1
  17. package/dist/components/{p-576f277b.js → p-8c85d690.js} +2 -2
  18. package/dist/components/{p-576f277b.js.map → p-8c85d690.js.map} +1 -1
  19. package/dist/components/{p-1fb232b2.js → p-9742ce72.js} +3 -3
  20. package/dist/components/{p-1fb232b2.js.map → p-9742ce72.js.map} +1 -1
  21. package/dist/components/{p-d9b02f9e.js → p-bd09dcbe.js} +3 -3
  22. package/dist/components/{p-d9b02f9e.js.map → p-bd09dcbe.js.map} +1 -1
  23. package/dist/components/{p-f9e16b02.js → p-d1f48ddc.js} +3 -3
  24. package/dist/components/{p-f9e16b02.js.map → p-d1f48ddc.js.map} +1 -1
  25. package/dist/components/{p-5eb7f970.js → p-e7ded20f.js} +2 -2
  26. package/dist/components/{p-5eb7f970.js.map → p-e7ded20f.js.map} +1 -1
  27. package/dist/components/smoothly-app-demo.js +11 -11
  28. package/dist/components/smoothly-table-demo-colspan.js +1 -1
  29. package/dist/components/smoothly-table-demo-filler-row.js +1 -1
  30. package/dist/components/smoothly-table-demo-filtered.js +1 -1
  31. package/dist/components/smoothly-table-demo-group.js +1 -1
  32. package/dist/components/smoothly-table-demo-nested-no-cell-inner.js +1 -1
  33. package/dist/components/smoothly-table-demo-nested-no-cell.js +1 -1
  34. package/dist/components/smoothly-table-demo-simple.js +1 -1
  35. package/dist/components/smoothly-table-demo.js +1 -1
  36. package/dist/components/smoothly-table-expandable-cell.js +1 -1
  37. package/dist/components/smoothly-table-filler-row.js +1 -1
  38. package/dist/components/smoothly-table-row.js +1 -1
  39. package/dist/esm/smoothly-app_101.entry.js +2 -2
  40. package/dist/esm/smoothly-app_101.entry.js.map +1 -1
  41. package/dist/smoothly/{p-bac0cd47.entry.js → p-4f5074c4.entry.js} +2 -2
  42. package/dist/smoothly/{p-bac0cd47.entry.js.map → p-4f5074c4.entry.js.map} +1 -1
  43. package/dist/smoothly/smoothly.esm.js +1 -1
  44. package/package.json +1 -1
  45. package/dist/components/p-067c5449.js.map +0 -1
package/dist/smoothly/{p-bac0cd47.entry.js → p-4f5074c4.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,h as o,H as s,g as i,F as a}from"./p-ad674a4e.js";import{a as n,C as l,F as r,I as c,T as d,i as h,r as m,D as u,f as y,R as b,M as f}from"./p-cdac3cf4.js";import{B as p,S as g}from"./p-b5e2b527.js";import{T as k,L as v,a as w,D as x,c as C,d as S,C as z,o as j,s as I,b as _,e as T,n as O,A as L}from"./p-34d144e8.js";import{N as A}from"./p-ef01331e.js";import{f as M}from"./p-2257be8c.js";import"./p-ef377b79.js";function D(t){return new E(t??"any")}class E extends k{class="any";is=t=>t!=undefined}function R(){const t=navigator.language;return v.is(t)?t:w.is(t)?v.toLocale(t):undefined}const $='smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}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:not([menu-open])>smoothly-notifier>header>nav{display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}';const P=$;const F=class{constructor(o){t(this,o);this.smoothlyUrlChange=e(this,"smoothlyUrlChange",7);this.rooms={};this.label=undefined;this.color=undefined;this.home=undefined;this.menuOpen=false;this.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());requestAnimationFrame((()=>{if(this.mainElement&&e)this.mainElement.replaceChildren(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});this.smoothlyUrlChange.emit(window.location.href)}roomSelectedHandler(t){this.selected={element:t.target};if(this.burgerVisibility)this.menuOpen=false;if(!t.detail.history){const e=this.selected.element.path.toString();const o=new URL(window.location.pathname==e?window.location.href:window.location.origin);o.pathname=e;o.search=t.detail.query?`?${t.detail.query}`:"";window.history.pushState({smoothlyPath:e,smoothlyQuery:t.detail.query||""},"",o.href)}}roomLoadedHandler(t){const e=this.rooms[t.target.path.toString()]={element:t.target};if(e.element.selected){this.selected=e}}clickHandler(t){if(this.burgerVisibility&&!t.composedPath().some((t=>t==this.burgerElement||t==this.navElement)))this.menuOpen=false}render(){return o("smoothly-notifier",{key:"d75053b6696c2e8a6b70f605471c629e0245cd79"},o("header",{key:"2abc90cea0e212a0028a9687434d4544f616612e",color:this.color},o("h1",{key:"09c1abd28b34d15f2ecba14d0b3fc9d1b3b0b1a0"},o("a",{key:"7e16e6dd2b5046a0a60065b7e3a809388e084247",href:""},this.label)),o("slot",{key:"998a863024b6e4fc19f52f3563ce00b6758fc002",name:"header"}),o("nav",{key:"7c415a3efb11f2c5a3947df02e30f02c1de440ad",ref:t=>this.navElement=t},o("ul",{key:"3c5121358be5c39e55d27bc244f7d6969f5c892f"},o("div",{key:"6aa322f6d0eaf32fb304b8979c4f2f9e3c44553d",class:"nav-start-container"},o("slot",{key:"51dff00c0fd8422e01528859b3c21b21c0cfc8a2",name:"nav-start"})),o("slot",{key:"0d3555c362aa940f7eb6e0b94dbbafcaaabd341f"}),o("div",{key:"bcb9a9817ff6efa43ee3ae56bb575603fb57cb3e",class:"nav-end-container"},o("slot",{key:"e0880a116650b5246825f16f2d778169d206509b",name:"nav-end"})))),o("smoothly-burger",{key:"7159fe41db364265a7421bb77b7e333556087312",ref:t=>this.burgerElement=t,open:this.menuOpen,onSmoothlyNavStatus:t=>this.burgerStatusHandler(t),onSmoothlyVisibleStatus:t=>this.burgerVisibilityHandler(t)})),o("main",{key:"04aa4e3c43286c0e22ed14f3a11c56a152e5e3c4",ref:t=>this.mainElement=t}))}static get watchers(){return{selected:["selectedChanged"]}}};F.style=P;const N=class{constructor(e){t(this,e);this.baseUrl=undefined}urlChangeHandler(t){console.log("smoothlyUrlChange",t.detail)}render(){return o("smoothly-app",{key:"a2ce0c818d9180281a299f32758ceaa25416b126",color:"dark",label:"Smoothly Demo",home:"/root",ref:t=>this.app=t},o("smoothly-app-room",{key:"24b96bb7d1746d1b5117ee076513e6fbf924fa0c",path:"/"},o("section",{key:"0ee1088c6b21efa058f50f8d62a8859d29b7f217",style:{padding:"1em",maxWidth:"32em",margin:"0 auto"}},o("header",{key:"70e8e3e5fce5219fb8a0ff2bfa8abc0f06adade9"},o("h1",{key:"c5de8e096fecacb4ced77097224b19ec5cafd621"},"Welcome")),o("p",{key:"436a395d394eb50acdeaa38f783f4ca747a4efb6"},"Smoothly is a component library written in ",o("a",{key:"5907340e5f39cf8605db950ea978d468158472c2",href:"http://stenciljs.com"},"Stencil"),". It can therefore be used across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML."),o("p",{key:"47891f096a1700892f732898fd31567ffa5acbcf"},"This is particularly useful when trying to unifying the user experience across projects written in different technology stacks. It is also written to minimize the amount of code you need to write to achieve a nice user experience."))),o("smoothly-app-room",{key:"982de5957dc7ca9ad7dcc5995a568d5bac64c2a6",path:"/form",label:"Forms",content:o("smoothly-form-demo",null)}),o("smoothly-app-room",{key:"c75c6dbe5f9c33139172bda0a01350b3f0884fc7",path:"/input",label:"Inputs",content:o("smoothly-input-demo",null)}),o("smoothly-app-room",{key:"4539b49b59c73f9ab4e38af5e489e3aaf667fb72",path:"/table",label:"Tables",content:o("smoothly-table-demo",null)}),o("smoothly-app-room",{key:"229fd38d2dcb436cd9627f2b793a147c92c84931",path:"/button",label:"Buttons",content:o("smoothly-button-demo",null)}),o("smoothly-app-room",{key:"8d6e7b1f60309fd815d7db356a07eb8410f0e31f",path:"/icon",label:"Icons",content:o("smoothly-icon-demo",null)}),o("smoothly-app-room",{key:"94f85d6b90f7417bd7b5f5447ac370103c7cb7eb",path:"/theme",label:"Theming",content:o("smoothly-theme-demo",null)}),o("smoothly-app-room",{key:"162f8f03e2e545c4fb5c80cf4e3879e1b6d90a13",path:"/dialog",label:"Dialogs",content:o("smoothly-dialog-demo",null),slot:"nav-end"}),o("smoothly-app-room",{key:"174bccf3b5aa51b9126796f2d0476354a0011759",path:"/display",label:"Display",content:o("smoothly-display-demo",null),slot:"nav-end"}),o("smoothly-app-room",{key:"85c0f81635c406c386786c4fe899aa9243f3ba15",path:"/tabs",label:"Tabs",slot:"nav-end"},o("smoothly-tabs-demo",{key:"5b014fc76c23fdf445cf332dcbbb327247cdd6f7"})),o("smoothly-app-room",{key:"5d7fc0eb2d25d144ec0ee2e188d763132caffe9f",path:"/links",label:"Links",slot:"nav-end"},o("smoothly-input",{key:"eed619a2f0628e1bb16e0af5e2a55d4ef1b75e9b",type:"text"},"Default"),o("div",{key:"5eb0e4b142d44cdb8ae4248ca70d9616cf8cd46c",style:{padding:"1em",maxWidth:"12em"}},o("smoothly-button",{key:"3f8849508cf6fbed6b2a7fe6a83841b65555bde7",fill:"solid",color:"danger",link:"https://google.com"},"open"),o("smoothly-button",{key:"4809f862144676012d4d4d9073d50397683b1643",fill:"solid",color:"danger",link:"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",type:"download"},"download"),o("smoothly-button",{key:"3b5c653636388ec5fc9c640de2a0f562af1f2ead",fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),o("smoothly-button",{key:"ec8b47d2ffe1ad4c2512697e968945100e303280",disabled:true,fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),o("smoothly-button",{key:"c7482028872ac3ff162c7d501a94a4222bf86c65",type:"link",fill:"clear",color:"danger",onClick:()=>alert("clicked")},"action link"))),o("smoothly-app-room",{key:"ab6b94fabd773c9cfed1a45e6d32e2eb398f519d",path:"/redirect",label:"Redirect",slot:"nav-end"},o("smoothly-button",{key:"846eaa6b9eb0cdc27e8b74019fd8d99028399e37",type:"link",link:"/input"},"To input"),o("smoothly-button",{key:"229c941f8c8cc936d16776347f541b766f71aa3d",type:"link",link:"../button"},"To button"),o("smoothly-button",{key:"bbbcc98ee10d158137c7814804da407954bef2f6",type:"link",link:new URL("/hidden",window.location.origin).href},"To hidden"),o("smoothly-button",{key:"044f50e918c4839f4d7113d8416f19af9367371d",type:"link",link:"/redirect"},"To redirect"),o("smoothly-button",{key:"ce7e71efb2f8d82625173ab061b9d8e0c5bc0012",type:"link",link:"nested"},"To redirect nested, relative path")),o("smoothly-app-room",{key:"3a1ca03f500f37c2ec9c8793cfad81901cf36f1b",path:"/hidden"},o("p",{key:"80b1eef3b10bdc51aec097ef87420c29e284931c"},"hello world!")),o("smoothly-app-room",{key:"c37391f28d9154e5abecc775005d9252f2d4720d",path:"/redirect/nested"},"this is a nested room"))}};var H=class{constructor(t,e,o,s,i,a){this.type=3;this.name="";this.prefix="";this.value="";this.suffix="";this.modifier=3;this.type=t;this.name=e;this.prefix=o;this.value=s;this.suffix=i;this.modifier=a}hasCustomName(){return this.name!==""&&typeof this.name!=="number"}};var U=/[$_\p{ID_Start}]/u;var Y=/[$_\u200C\u200D\p{ID_Continue}]/u;var W=".*";function B(t,e){return(e?/^[\x00-\xFF]*$/:/^[\x00-\x7F]*$/).test(t)}function V(t,e=false){const o=[];let s=0;while(s<t.length){const i=t[s];const a=function(i){if(!e)throw new TypeError(i);o.push({type:"INVALID_CHAR",index:s,value:t[s++]})};if(i==="*"){o.push({type:"ASTERISK",index:s,value:t[s++]});continue}if(i==="+"||i==="?"){o.push({type:"OTHER_MODIFIER",index:s,value:t[s++]});continue}if(i==="\\"){o.push({type:"ESCAPED_CHAR",index:s++,value:t[s++]});continue}if(i==="{"){o.push({type:"OPEN",index:s,value:t[s++]});continue}if(i==="}"){o.push({type:"CLOSE",index:s,value:t[s++]});continue}if(i===":"){let e="";let i=s+1;while(i<t.length){const o=t.substr(i,1);if(i===s+1&&U.test(o)||i!==s+1&&Y.test(o)){e+=t[i++];continue}break}if(!e){a(`Missing parameter name at ${s}`);continue}o.push({type:"NAME",index:s,value:e});s=i;continue}if(i==="("){let e=1;let i="";let n=s+1;let l=false;if(t[n]==="?"){a(`Pattern cannot start with "?" at ${n}`);continue}while(n<t.length){if(!B(t[n],false)){a(`Invalid character '${t[n]}' at ${n}.`);l=true;break}if(t[n]==="\\"){i+=t[n++]+t[n++];continue}if(t[n]===")"){e--;if(e===0){n++;break}}else if(t[n]==="("){e++;if(t[n+1]!=="?"){a(`Capturing groups are not allowed at ${n}`);l=true;break}}i+=t[n++]}if(l){continue}if(e){a(`Unbalanced pattern at ${s}`);continue}if(!i){a(`Missing pattern at ${s}`);continue}o.push({type:"REGEX",index:s,value:i});s=n;continue}o.push({type:"CHAR",index:s,value:t[s++]})}o.push({type:"END",index:s,value:""});return o}function G(t,e={}){const o=V(t);e.delimiter??(e.delimiter="/#?");e.prefixes??(e.prefixes="./");const s=`[^${K(e.delimiter)}]+?`;const i=[];let a=0;let n=0;let l=new Set;const r=t=>{if(n<o.length&&o[n].type===t)return o[n++].value};const c=()=>r("OTHER_MODIFIER")??r("ASTERISK");const d=t=>{const e=r(t);if(e!==void 0)return e;const{type:s,index:i}=o[n];throw new TypeError(`Unexpected ${s} at ${i}, expected ${t}`)};const h=()=>{let t="";let e;while(e=r("CHAR")??r("ESCAPED_CHAR")){t+=e}return t};const m=t=>t;const u=e.encodePart||m;let y="";const b=t=>{y+=t};const f=()=>{if(!y.length){return}i.push(new H(3,"","",u(y),"",3));y=""};const p=(t,e,o,n,r)=>{let c=3;switch(r){case"?":c=1;break;case"*":c=0;break;case"+":c=2;break}if(!e&&!o&&c===3){b(t);return}f();if(!e&&!o){if(!t){return}i.push(new H(3,"","",u(t),"",c));return}let d;if(!o){d=s}else if(o==="*"){d=W}else{d=o}let h=2;if(d===s){h=1;d=""}else if(d===W){h=0;d=""}let m;if(e){m=e}else if(o){m=a++}if(l.has(m)){throw new TypeError(`Duplicate name '${m}'.`)}l.add(m);i.push(new H(h,m,u(t),d,u(n),c))};while(n<o.length){const t=r("CHAR");const o=r("NAME");let s=r("REGEX");if(!o&&!s){s=r("ASTERISK")}if(o||s){let i=t??"";if(e.prefixes.indexOf(i)===-1){b(i);i=""}f();let a=c();p(i,o,s,"",a);continue}const i=t??r("ESCAPED_CHAR");if(i){b(i);continue}const a=r("OPEN");if(a){const t=h();const e=r("NAME");let o=r("REGEX");if(!e&&!o){o=r("ASTERISK")}const s=h();d("CLOSE");const i=c();p(t,e,o,s,i);continue}f();d("END")}return i}function K(t){return t.replace(/([.+*?^${}()[\]|/\\])/g,"\\$1")}function Z(t){return t&&t.ignoreCase?"ui":"u"}function q(t,e,o){return J(G(t,o),e,o)}function X(t){switch(t){case 0:return"*";case 1:return"?";case 2:return"+";case 3:return""}}function J(t,e,o={}){o.delimiter??(o.delimiter="/#?");o.prefixes??(o.prefixes="./");o.sensitive??(o.sensitive=false);o.strict??(o.strict=false);o.end??(o.end=true);o.start??(o.start=true);o.endsWith="";let s=o.start?"^":"";for(const i of t){if(i.type===3){if(i.modifier===3){s+=K(i.value)}else{s+=`(?:${K(i.value)})${X(i.modifier)}`}continue}if(e)e.push(i.name);const t=`[^${K(o.delimiter)}]+?`;let a=i.value;if(i.type===1)a=t;else if(i.type===0)a=W;if(!i.prefix.length&&!i.suffix.length){if(i.modifier===3||i.modifier===1){s+=`(${a})${X(i.modifier)}`}else{s+=`((?:${a})${X(i.modifier)})`}continue}if(i.modifier===3||i.modifier===1){s+=`(?:${K(i.prefix)}(${a})${K(i.suffix)})`;s+=X(i.modifier);continue}s+=`(?:${K(i.prefix)}`;s+=`((?:${a})(?:`;s+=K(i.suffix);s+=K(i.prefix);s+=`(?:${a}))*)${K(i.suffix)})`;if(i.modifier===0){s+="?"}}const i=`[${K(o.endsWith)}]|$`;const a=`[${K(o.delimiter)}]`;if(o.end){if(!o.strict){s+=`${a}?`}if(!o.endsWith.length){s+="$"}else{s+=`(?=${i})`}return new RegExp(s,Z(o))}if(!o.strict){s+=`(?:${a}(?=${i}))?`}let n=false;if(t.length){const e=t[t.length-1];if(e.type===3&&e.modifier===3){n=o.delimiter.indexOf(e)>-1}}if(!n){s+=`(?=${a}|${i})`}return new RegExp(s,Z(o))}var Q={delimiter:"",prefixes:"",sensitive:true,strict:true};var tt={delimiter:".",prefixes:"",sensitive:true,strict:true};var et={delimiter:"/",prefixes:"/",sensitive:true,strict:true};function ot(t,e){if(!t.length){return false}if(t[0]==="/"){return true}if(!e){return false}if(t.length<2){return false}if((t[0]=="\\"||t[0]=="{")&&t[1]=="/"){return true}return false}function st(t,e){if(t.startsWith(e)){return t.substring(e.length,t.length)}return t}function it(t,e){if(t.endsWith(e)){return t.substr(0,t.length-e.length)}return t}function at(t){if(!t||t.length<2){return false}if(t[0]==="["){return true}if((t[0]==="\\"||t[0]==="{")&&t[1]==="["){return true}return false}var nt=["ftp","file","http","https","ws","wss"];function lt(t){if(!t){return true}for(const e of nt){if(t.test(e)){return true}}return false}function rt(t,e){t=st(t,"#");if(e||t===""){return t}const o=new URL("https://example.com");o.hash=t;return o.hash?o.hash.substring(1,o.hash.length):""}function ct(t,e){t=st(t,"?");if(e||t===""){return t}const o=new URL("https://example.com");o.search=t;return o.search?o.search.substring(1,o.search.length):""}function dt(t,e){if(e||t===""){return t}if(at(t)){return wt(t)}else{return vt(t)}}function ht(t,e){if(e||t===""){return t}const o=new URL("https://example.com");o.password=t;return o.password}function mt(t,e){if(e||t===""){return t}const o=new URL("https://example.com");o.username=t;return o.username}function ut(t,e,o){if(o||t===""){return t}if(e&&!nt.includes(e)){const o=new URL(`${e}:${t}`);return o.pathname}const s=t[0]=="/";t=new URL(!s?"/-"+t:t,"https://example.com").pathname;if(!s){t=t.substring(2,t.length)}return t}function yt(t,e,o){if(ft(e)===t){t=""}if(o||t===""){return t}return xt(t)}function bt(t,e){t=it(t,":");if(e||t===""){return t}return pt(t)}function ft(t){switch(t){case"ws":case"http":return"80";case"wws":case"https":return"443";case"ftp":return"21";default:return""}}function pt(t){if(t===""){return t}if(/^[-+.A-Za-z0-9]*$/.test(t))return t.toLowerCase();throw new TypeError(`Invalid protocol '${t}'.`)}function gt(t){if(t===""){return t}const e=new URL("https://example.com");e.username=t;return e.username}function kt(t){if(t===""){return t}const e=new URL("https://example.com");e.password=t;return e.password}function vt(t){if(t===""){return t}if(/[\t\n\r #%/:<>?@[\]^\\|]/g.test(t)){throw new TypeError(`Invalid hostname '${t}'`)}const e=new URL("https://example.com");e.hostname=t;return e.hostname}function wt(t){if(t===""){return t}if(/[^0-9a-fA-F[\]:]/g.test(t)){throw new TypeError(`Invalid IPv6 hostname '${t}'`)}return t.toLowerCase()}function xt(t){if(t===""){return t}if(/^[0-9]*$/.test(t)&&parseInt(t)<=65535){return t}throw new TypeError(`Invalid port '${t}'.`)}function Ct(t){if(t===""){return t}const e=new URL("https://example.com");e.pathname=t[0]!=="/"?"/-"+t:t;if(t[0]!=="/"){return e.pathname.substring(2,e.pathname.length)}return e.pathname}function St(t){if(t===""){return t}const e=new URL(`data:${t}`);return e.pathname}function zt(t){if(t===""){return t}const e=new URL("https://example.com");e.search=t;return e.search.substring(1,e.search.length)}function jt(t){if(t===""){return t}const e=new URL("https://example.com");e.hash=t;return e.hash.substring(1,e.hash.length)}var It=class{constructor(t){this.tokenList=[];this.internalResult={};this.tokenIndex=0;this.tokenIncrement=1;this.componentStart=0;this.state=0;this.groupDepth=0;this.hostnameIPv6BracketDepth=0;this.shouldTreatAsStandardURL=false;this.input=t}get result(){return this.internalResult}parse(){this.tokenList=V(this.input,true);for(;this.tokenIndex<this.tokenList.length;this.tokenIndex+=this.tokenIncrement){this.tokenIncrement=1;if(this.tokenList[this.tokenIndex].type==="END"){if(this.state===0){this.rewind();if(this.isHashPrefix()){this.changeState(9,1)}else if(this.isSearchPrefix()){this.changeState(8,1);this.internalResult.hash=""}else{this.changeState(7,0);this.internalResult.search="";this.internalResult.hash=""}continue}else if(this.state===2){this.rewindAndSetState(5);continue}this.changeState(10,0);break}if(this.groupDepth>0){if(this.isGroupClose()){this.groupDepth-=1}else{continue}}if(this.isGroupOpen()){this.groupDepth+=1;continue}switch(this.state){case 0:if(this.isProtocolSuffix()){this.internalResult.username="";this.internalResult.password="";this.internalResult.hostname="";this.internalResult.port="";this.internalResult.pathname="";this.internalResult.search="";this.internalResult.hash="";this.rewindAndSetState(1)}break;case 1:if(this.isProtocolSuffix()){this.computeShouldTreatAsStandardURL();let t=7;let e=1;if(this.shouldTreatAsStandardURL){this.internalResult.pathname="/"}if(this.nextIsAuthoritySlashes()){t=2;e=3}else if(this.shouldTreatAsStandardURL){t=2}this.changeState(t,e)}break;case 2:if(this.isIdentityTerminator()){this.rewindAndSetState(3)}else if(this.isPathnameStart()||this.isSearchPrefix()||this.isHashPrefix()){this.rewindAndSetState(5)}break;case 3:if(this.isPasswordPrefix()){this.changeState(4,1)}else if(this.isIdentityTerminator()){this.changeState(5,1)}break;case 4:if(this.isIdentityTerminator()){this.changeState(5,1)}break;case 5:if(this.isIPv6Open()){this.hostnameIPv6BracketDepth+=1}else if(this.isIPv6Close()){this.hostnameIPv6BracketDepth-=1}if(this.isPortPrefix()&&!this.hostnameIPv6BracketDepth){this.changeState(6,1)}else if(this.isPathnameStart()){this.changeState(7,0)}else if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 6:if(this.isPathnameStart()){this.changeState(7,0)}else if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 7:if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 8:if(this.isHashPrefix()){this.changeState(9,1)}break}}}changeState(t,e){switch(this.state){case 0:break;case 1:this.internalResult.protocol=this.makeComponentString();break;case 2:break;case 3:this.internalResult.username=this.makeComponentString();break;case 4:this.internalResult.password=this.makeComponentString();break;case 5:this.internalResult.hostname=this.makeComponentString();break;case 6:this.internalResult.port=this.makeComponentString();break;case 7:this.internalResult.pathname=this.makeComponentString();break;case 8:this.internalResult.search=this.makeComponentString();break;case 9:this.internalResult.hash=this.makeComponentString();break}this.changeStateWithoutSettingComponent(t,e)}changeStateWithoutSettingComponent(t,e){this.state=t;this.componentStart=this.tokenIndex+e;this.tokenIndex+=e;this.tokenIncrement=0}rewind(){this.tokenIndex=this.componentStart;this.tokenIncrement=0}rewindAndSetState(t){this.rewind();this.state=t}safeToken(t){if(t<0){t=this.tokenList.length-t}if(t<this.tokenList.length){return this.tokenList[t]}return this.tokenList[this.tokenList.length-1]}isNonSpecialPatternChar(t,e){const o=this.safeToken(t);return o.value===e&&(o.type==="CHAR"||o.type==="ESCAPED_CHAR"||o.type==="INVALID_CHAR")}isProtocolSuffix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}nextIsAuthoritySlashes(){return this.isNonSpecialPatternChar(this.tokenIndex+1,"/")&&this.isNonSpecialPatternChar(this.tokenIndex+2,"/")}isIdentityTerminator(){return this.isNonSpecialPatternChar(this.tokenIndex,"@")}isPasswordPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}isPortPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}isPathnameStart(){return this.isNonSpecialPatternChar(this.tokenIndex,"/")}isSearchPrefix(){if(this.isNonSpecialPatternChar(this.tokenIndex,"?")){return true}if(this.tokenList[this.tokenIndex].value!=="?"){return false}const t=this.safeToken(this.tokenIndex-1);return t.type!=="NAME"&&t.type!=="REGEX"&&t.type!=="CLOSE"&&t.type!=="ASTERISK"}isHashPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,"#")}isGroupOpen(){return this.tokenList[this.tokenIndex].type=="OPEN"}isGroupClose(){return this.tokenList[this.tokenIndex].type=="CLOSE"}isIPv6Open(){return this.isNonSpecialPatternChar(this.tokenIndex,"[")}isIPv6Close(){return this.isNonSpecialPatternChar(this.tokenIndex,"]")}makeComponentString(){const t=this.tokenList[this.tokenIndex];const e=this.safeToken(this.componentStart).index;return this.input.substring(e,t.index)}computeShouldTreatAsStandardURL(){const t={};Object.assign(t,Q);t.encodePart=pt;const e=q(this.makeComponentString(),void 0,t);this.shouldTreatAsStandardURL=lt(e)}};var _t=["protocol","username","password","hostname","port","pathname","search","hash"];var Tt="*";function Ot(t,e){if(typeof t!=="string"){throw new TypeError(`parameter 1 is not of type 'string'.`)}const o=new URL(t,e);return{protocol:o.protocol.substring(0,o.protocol.length-1),username:o.username,password:o.password,hostname:o.hostname,port:o.port,pathname:o.pathname,search:o.search!==""?o.search.substring(1,o.search.length):void 0,hash:o.hash!==""?o.hash.substring(1,o.hash.length):void 0}}function Lt(t,e){if(!e){return t}return Mt(t)}function At(t,e,o){let s;if(typeof e.baseURL==="string"){try{s=new URL(e.baseURL);t.protocol=Lt(s.protocol.substring(0,s.protocol.length-1),o);t.username=Lt(s.username,o);t.password=Lt(s.password,o);t.hostname=Lt(s.hostname,o);t.port=Lt(s.port,o);t.pathname=Lt(s.pathname,o);t.search=Lt(s.search.substring(1,s.search.length),o);t.hash=Lt(s.hash.substring(1,s.hash.length),o)}catch{throw new TypeError(`invalid baseURL '${e.baseURL}'.`)}}if(typeof e.protocol==="string"){t.protocol=bt(e.protocol,o)}if(typeof e.username==="string"){t.username=mt(e.username,o)}if(typeof e.password==="string"){t.password=ht(e.password,o)}if(typeof e.hostname==="string"){t.hostname=dt(e.hostname,o)}if(typeof e.port==="string"){t.port=yt(e.port,t.protocol,o)}if(typeof e.pathname==="string"){t.pathname=e.pathname;if(s&&!ot(t.pathname,o)){const e=s.pathname.lastIndexOf("/");if(e>=0){t.pathname=Lt(s.pathname.substring(0,e+1),o)+t.pathname}}t.pathname=ut(t.pathname,t.protocol,o)}if(typeof e.search==="string"){t.search=ct(e.search,o)}if(typeof e.hash==="string"){t.hash=rt(e.hash,o)}return t}function Mt(t){return t.replace(/([+*?:{}()\\])/g,"\\$1")}function Dt(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=`[^${Dt(e.delimiter)}]+?`;const i=/[$_\u200C\u200D\p{ID_Continue}]/u;let a="";for(let n=0;n<t.length;++n){const l=t[n];if(l.type===3){if(l.modifier===3){a+=Mt(l.value);continue}a+=`{${Mt(l.value)}}${X(l.modifier)}`;continue}const r=l.hasCustomName();let c=!!l.suffix.length||!!l.prefix.length&&(l.prefix.length!==1||!e.prefixes.includes(l.prefix));const 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=i.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){a+="{"}a+=Mt(l.prefix);if(r){a+=`:${l.name}`}if(l.type===2){a+=`(${l.value})`}else if(l.type===1){if(!r){a+=`(${s})`}}else if(l.type===0){if(!r&&(!d||d.type===3||d.modifier!==3||c||l.prefix!=="")){a+="*"}else{a+=`(${o})`}}if(l.type===1&&r&&!!l.suffix.length){if(i.test(l.suffix[0])){a+="\\"}}a+=Mt(l.suffix);if(c){a+="}"}if(l.modifier!==3){a+=X(l.modifier)}}return a}var Rt=class{constructor(t={},e,o){this.regexp={};this.names={};this.component_pattern={};this.parts={};try{let s=void 0;if(typeof e==="string"){s=e}else{o=e}if(typeof t==="string"){const e=new It(t);e.parse();t=e.result;if(s===void 0&&typeof t.protocol!=="string"){throw new TypeError(`A base URL must be provided for a relative constructor string.`)}t.baseURL=s}else{if(!t||typeof t!=="object"){throw new TypeError(`parameter 1 is not of type 'string' and cannot convert to dictionary.`)}if(s){throw new TypeError(`parameter 1 is not of type 'string'.`)}}if(typeof o==="undefined"){o={ignoreCase:false}}const i={ignoreCase:o.ignoreCase===true};const a={pathname:Tt,protocol:Tt,username:Tt,password:Tt,hostname:Tt,port:Tt,search:Tt,hash:Tt};this.pattern=At(a,t,true);if(ft(this.pattern.protocol)===this.pattern.port){this.pattern.port=""}let n;for(n of _t){if(!(n in this.pattern))continue;const t={};const e=this.pattern[n];this.names[n]=[];switch(n){case"protocol":Object.assign(t,Q);t.encodePart=pt;break;case"username":Object.assign(t,Q);t.encodePart=gt;break;case"password":Object.assign(t,Q);t.encodePart=kt;break;case"hostname":Object.assign(t,tt);if(at(e)){t.encodePart=wt}else{t.encodePart=vt}break;case"port":Object.assign(t,Q);t.encodePart=xt;break;case"pathname":if(lt(this.regexp.protocol)){Object.assign(t,et,i);t.encodePart=Ct}else{Object.assign(t,Q,i);t.encodePart=St}break;case"search":Object.assign(t,Q,i);t.encodePart=zt;break;case"hash":Object.assign(t,Q,i);t.encodePart=jt;break}try{this.parts[n]=G(e,t);this.regexp[n]=J(this.parts[n],this.names[n],t);this.component_pattern[n]=Et(this.parts[n],t)}catch(t){throw new TypeError(`invalid ${n} pattern '${this.pattern[n]}'.`)}}}catch(t){throw new TypeError(`Failed to construct 'URLPattern': ${t.message}`)}}test(t={},e){let o={pathname:"",protocol:"",username:"",password:"",hostname:"",port:"",search:"",hash:""};if(typeof t!=="string"&&e){throw new TypeError(`parameter 1 is not of type 'string'.`)}if(typeof t==="undefined"){return false}try{if(typeof t==="object"){o=At(o,t,false)}else{o=At(o,Ot(t,e),false)}}catch(t){return false}let s;for(s of _t){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=At(o,t,false)}else{o=At(o,Ot(t,e),false)}}catch(t){return null}let s={};if(e){s.inputs=[t,e]}else{s.inputs=[t]}let i;for(i of _t){let t=this.regexp[i].exec(o[i]);if(!t){return null}let e={};for(let[o,s]of this.names[i].entries()){if(typeof s==="string"||typeof s==="number"){let i=t[o+1];e[s]=i}}s[i]={input:o[i]??"",groups:e}}return s}static compareComponent(t,e,o){const s=(t,e)=>{for(let o of["type","modifier","prefix","value","suffix"]){if(t[o]<e[o])return-1;else if(t[o]===e[o])continue;else return 1}return 0};const i=new H(3,"","","","",3);const a=new H(0,"","","","",3);const n=(t,e)=>{let o=0;for(;o<Math.min(t.length,e.length);++o){let i=s(t[o],e[o]);if(i)return i}if(t.length===e.length){return 0}return s(t[o]??i,e[o]??i)};if(!e.component_pattern[t]&&!o.component_pattern[t]){return 0}if(e.component_pattern[t]&&!o.component_pattern[t]){return n(e.parts[t],[a])}if(!e.component_pattern[t]&&o.component_pattern[t]){return n([a],o.parts[t])}return n(e.parts[t],o.parts[t])}get protocol(){return this.component_pattern.protocol}get username(){return this.component_pattern.username}get password(){return this.component_pattern.password}get hostname(){return this.component_pattern.hostname}get port(){return this.component_pattern.port}get pathname(){return this.component_pattern.pathname}get search(){return this.component_pattern.search}get hash(){return this.component_pattern.hash}};if(!globalThis.URLPattern){globalThis.URLPattern=Rt}const $t='.sc-smoothly-app-room-h{display:flex;justify-content:center;text-align:center;cursor:pointer;height:100%;position:relative}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{overflow-y:auto;height:100%}:not([label].sc-smoothly-app-room-h,[icon]).sc-smoothly-app-room-h,[disabled].sc-smoothly-app-room-h{display:none}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{display:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room{height:100%;list-style:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0 1.5em;height:100%}[selected].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{display:flex;color:rgb(var(--smoothly-color-contrast));background:rgb(var(--smoothly-color-shade))}.sc-smoothly-app-room-h:hover>li.sc-smoothly-app-room>a.sc-smoothly-app-room{color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));transition:0.2s}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>smoothly-icon.sc-smoothly-app-room{align-self:inherit}[icon].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>.label.sc-smoothly-app-room{display:none}[icon][label].sc-smoothly-app-room-h:hover::before,[icon][label].sc-smoothly-app-room-h:hover::after{position:absolute;color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));border-radius:0.25rem;pointer-events:none}[icon][label].sc-smoothly-app-room-h:hover::before{content:"";bottom:-1.75rem;transform:rotate(45deg);width:1.25em;height:1.25em}[icon][label].sc-smoothly-app-room-h:hover::after{content:attr(label);white-space:nowrap;bottom:-3.25rem;padding:.5rem 1rem;border-radius:.25rem}@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 Pt=$t;const Ft=class{constructor(o){t(this,o);this.smoothlyRoomSelect=e(this,"smoothlyRoomSelect",7);this.smoothlyRoomLoad=e(this,"smoothlyRoomLoad",7);this.smoothlyUrlChange=e(this,"smoothlyUrlChange",7);this.label=undefined;this.icon=undefined;this.disabled=undefined;this.path="";this.selected=undefined;this.content=undefined}componentDidRender(){this.selected&&this.smoothlyUrlChange.emit(window.location.href)}componentWillLoad(){this.selected=(typeof this.path=="string"?new URLPattern({pathname:this.path}):this.path).test(window.location);this.smoothlyRoomLoad.emit({selected:this.selected});this.selected&&window.history.replaceState({smoothlyPath:this.path},"",window.location.href)}async getContent(){return this.contentElement}async setSelected(t,e){this.selected=t;if(t){this.smoothlyRoomSelect.emit({history:!!(e===null||e===void 0?void 0:e.history),query:this.query})}}async setQuery(t){if(t.detail.path==this.path&&this.query!=t.detail.query){this.query=t.detail.query;window.history.pushState({smoothlyPath:this.path,smoothlyQuery:this.query},"",`${window.location.pathname}${this.query?`?${this.query}`:""}`);this.smoothlyUrlChange.emit(window.location.href)}}clickHandler(t){if(!t.metaKey&&!t.ctrlKey&&t.which!=2&&t.button!=1){t.preventDefault();this.setSelected(true)}}render(){return o(s,{key:"c01b902eb148bb3744745e4456a38454d034a4fe"},o("li",{key:"b81aecbcee004c4c167543c238142cbcfa2fa2ff"},o("a",{key:"c4d8795213726c6b81be5d2ddc3a919ec7dd8da0",href:typeof this.path=="string"?this.path:this.path.pathname,onClick:t=>this.clickHandler(t)},this.icon&&o("smoothly-icon",{key:"fcf8bdcd88811198d433afcb712da9a0f611c25d",name:this.icon}),this.label&&o("span",{key:"479d63bf5bf9501e3774a9377642e1f58fe695a8",class:"label"},this.label))),o("div",{key:"9ec4cb3fcad536d2aea82885efe1a2264f6b68ce",ref:t=>this.contentElement=t},this.content&&o("smoothly-lazy",{key:"a20c354a63b1765fb5097c8603902fd1537b9a23",content:this.content}),o("slot",{key:"49af8d2d6f4cef14c07f0ea3c966ac71883ad753"})))}};Ft.style=Pt;const Nt=".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 Ht=Nt;const Ut=class{constructor(e){t(this,e);this.opacity="0.5";this.bottom="1rem";this.right="1rem";this.visible=undefined}componentWillLoad(){var t;this.scrollableParent=n.findParent(this.element);(t=this.scrollableParent)===null||t===void 0?void 0:t.addEventListener("scroll",(()=>{var t,e;this.visible=((e=(t=this.scrollableParent)===null||t===void 0?void 0:t.scrollTop)!==null&&e!==void 0?e:0)>20}))}render(){const t={"--opacity":this.visible?this.opacity:"0","--pointer-events":this.visible?"auto":"none","--bottom":this.bottom,"--right":this.right};return o(s,{key:"bdd1eea9365907b027a5405a74f65a7cb11308bd",style:t,onClick:()=>{var t;return(t=this.scrollableParent)===null||t===void 0?void 0:t.scrollTo({top:0,left:0,behavior:"smooth"})}},o("smoothly-icon",{key:"3f4121ac968a8a50d7beacab2195d7c5af7db306",name:"caret-up-outline"}))}get element(){return i(this)}};Ut.style=Ht;const Yt="[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{--smoothly-icon-size:3rem;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 Wt=Yt;const Bt=class{constructor(o){t(this,o);this.smoothlyNavStatus=e(this,"smoothlyNavStatus",7);this.smoothlyVisibleStatus=e(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 o(s,{key:"0dad9369ea5e1e52da9ae0a08bebec28611f6715"},o("span",{key:"af95c30c0954dafc3eb8985fbf4ee51e45fbac2e",class:"burger"},o("smoothly-icon",{key:"85362a6e12825592910c16f6f1737948adec99b8",name:"menu"})))}get element(){return i(this)}static get watchers(){return{open:["openChanged"]}}};Bt.style=Wt;const Vt='[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{--smoothly-button-border-radius:0.5rem;display:inline-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}.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]):not([disabled])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:not([disabled]):active>button.sc-smoothly-button::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:hover::before,[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:focus-within::before,[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-button-h>button.sc-smoothly-button,.sc-smoothly-button-h.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-button-h{display:none}';const Gt=Vt;const Kt=class{constructor(e){t(this,e);this.color=undefined;this.expand=undefined;this.fill=undefined;this.tooltip=undefined;this.disabled=false;this.type=undefined;this.size=undefined;this.shape=undefined;this.link=undefined}render(){return o(s,{key:"ff3ae8468462cb298f9cbba82b44b7edef37c2f7",title:this.tooltip},o(p,{key:"6bf304514dab6259f6b9147ab03053a5b4ea5dc5",disabled:this.disabled,type:this.type,link:this.link},o("slot",{key:"a9f44516b418e48f0bd7dc59cbdec1139ca30867"})))}};Kt.style=Gt;const Zt=".sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}";const qt=Zt;const Xt=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyConfirm=e(this,"smoothlyConfirm",7);this.color=undefined;this.name=undefined;this.doubleClickTime=.2;this.expand=undefined;this.fill=undefined;this.disabled=false;this.shape=undefined;this.size=undefined;this.clickTimeStamp=undefined}clickHandler(t){if(this.clickTimeStamp&&t.timeStamp-this.clickTimeStamp>this.doubleClickTime*1e3){this.timer&&window.clearTimeout(this.timer);this.clickTimeStamp=undefined;this.smoothlyConfirm.emit({[this.name]:true})}else{this.clickTimeStamp=t.timeStamp;this.timer=window.setTimeout((()=>{this.clickTimeStamp=undefined}),2e3)}}render(){return o(s,{key:"c074a83b5c1adf25489bd21d6ddd877bce15b91b",warning:this.clickTimeStamp},o("smoothly-button",{key:"f4c7658b1c98dc7a7b3bfdd427fba714b43de7d8",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:"warning",disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},o("smoothly-icon",{key:"c41cfe01abddd88b047e6cf90da0864fe13a9d7c",name:"alert-outline",fill:this.fill,color:"warning",size:this.size==="icon"?"tiny":"small"})),o("smoothly-button",{key:"df2f31430eb709a846295c8eb9f1241598c08a35",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:this.color,disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},o("slot",{key:"f442c9e90dc109936afe5267f36ad482a6a841d9"})))}};Xt.style=qt;const Jt="smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}";const Qt=Jt;const te=class{constructor(e){t(this,e)}render(){return o(s,{key:"533286a87d0525479bd2ee9e28e3b4f0a96d4028"},o("section",{key:"83c431cb9866c7e9ed66d000c45db12cba32a5c1"},o("smoothly-button-demo-standard",{key:"9be3c679df5dae790c20267466f0e59e7129e590"})),o("section",{key:"63c5a3497203d471629c514b4ad65062a65803e4"},o("h4",{key:"4aea5b53872940382d8955d747731846e293bb80"},"Confirm button (two clicks)"),o("div",{key:"0d06137cb8e7e2f0d27c7c9bcee216f6a582ff33"},o("smoothly-button-confirm",{key:"d10630d444951f251fd00100cbef18074e7d206b",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),o("smoothly-button-confirm",{key:"c2b0cd87fe14786eaa690e51dd91ace6443aa3c4",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},o("smoothly-icon",{key:"fa26113fbfdaea0ee2c0b4723084a69b54d7804b",name:"checkmark-outline",size:"tiny"})),o("smoothly-button-confirm",{key:"cbceb8ffdeffeb6231bb4775a12aeca6599e7eb5",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},o("smoothly-icon",{key:"5bbbaeccd43ee1b930a73a2fa676345835f9646a",name:"trash-outline",size:"tiny",fill:"outline"}))),o("smoothly-toggle-switch-demo",{key:"1bd1095e2c679a2526d31987873334f51d175e85"}),o("h4",{key:"6d22aa735b0d7f16093b216086441d0d722a6421"},"Links with icons"),o("smoothly-button",{key:"7a9cf02c47b1ac104935336f57c07d9eacd865eb",type:"link"},o("smoothly-icon",{key:"fe0f7094ce66691d5e10ee2f5f6d65782a37a380",name:"checkmark-circle",slot:"start"}),"type link"),o("smoothly-button",{key:"723452282f7551547060378c9057d40e4f729be7",type:"button",color:"warning",fill:"default"},o("smoothly-icon",{key:"2da735678c8066ac9ca1a0c8fc42be6f71968997",name:"call",slot:"start"}),o("a",{key:"dd1747fde83a34074dd35a505a7305bb608fcf3a",href:"https://google.com"},"link")),o("smoothly-button",{key:"d9aa99e8d2dfecc0766e4322051a142028f1d749",link:"https://google.com",type:"link"},o("smoothly-icon",{key:"6e64f4b3686c18f23b2215a41c53f87785835d1f",name:"arrow-forward",slot:"end"}),"link + type link"),o("h4",{key:"da1b853513b11781bcd032cf4d7e5f771baa2ed9"},"Size and Color test"),o("smoothly-button",{key:"8eb4c40f66e75ab99c197ba42c8a4e3f192dd9a5",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),o("smoothly-button",{key:"60c02db208c08a07c50c56ccb228eb333f67a59c",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),o("smoothly-button",{key:"8d6d6a13382b24bc44fa2153dcdeae8212169a97",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),o("smoothly-button",{key:"1c4cce72723efcde85b1308535263324e4b49041",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),o("smoothly-button",{key:"256c0622be653968e784e8a2a598b88a51dc80f7",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),o("smoothly-button",{key:"d381847e99dca57bd315a6b7438b3e1e55172cc2",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),o("smoothly-button",{key:"6ff5845f5a0d82d9c99817696e9be364d9da950a",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),o("smoothly-button",{key:"e14f96677b4aed688dc8f0ea0b596c6b585f15b0",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),o("smoothly-button",{key:"4cac9d4923a21476b5f6dc4de0430153477200fa",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),o("h4",{key:"b1a485089eea221cab4a23be46a83c3c2e9c2929"},"Expand examples"),o("smoothly-button",{key:"71aa9bd0791d0e326d9d0721fb2f8eb0d2875164",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),o("smoothly-button",{key:"b316c727f5f529a63649558012ee790cb1e53750",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),o("h4",{key:"2afe5f6a00cbc405f8b7901f5e118d03adcd243e"},"Fill examples"),o("div",{key:"8aad1d8d07c40c2ada40a18ebcbc7c89d8652eef"},o("smoothly-button",{key:"63b8df9f6a45f6ff81168f9c3ad43344acc0c4ab",shape:"rounded",color:"primary",fill:"solid"},o("smoothly-icon",{key:"33d1f688aa67a1db212a9b7aa7147de4f8279ae6",name:"checkmark-circle",slot:"start"}),"Fill Solid"),o("smoothly-button",{key:"cda371d608f548bfceb958fedb0a7eb22cdc5c83",shape:"rounded",color:"secondary",fill:"outline"},o("smoothly-icon",{key:"39824d2393567df80731477784e31bad5b019f90",name:"checkmark-circle",slot:"start"}),"Fill Outline"),o("smoothly-button",{key:"d429cf372e423e882717f0867adb31ffd5d45dc6",shape:"rounded",color:"tertiary",fill:"clear"},o("smoothly-icon",{key:"e8473ef999c9f3bb56da4f58b51f593e7ebc4a1b",name:"checkmark-circle",slot:"start"}),"Fill Clear"),o("smoothly-button",{key:"e26709d399f9747d657a805ce69f997127dd46e3",size:"icon",shape:"rounded",color:"success",fill:"solid"},o("smoothly-icon",{key:"99abc1c65692daf112f2d2b1660918951ae60559",name:"basketball"}))),o("h4",{key:"99be735e4b2c91170daf2e3f0d5779a69d7ef08f"},'Buttons with Icon in "start"'),o("div",{key:"af0724fe2f9605a199d1b392d0307a948bc02b0c"},o("smoothly-button",{key:"38a7a2af64996af6adc7514d8ee407eaf2c7878b",shape:"rounded",fill:"solid",color:"warning"},o("smoothly-icon",{key:"951d2c413089f67b6ebe3c6d9f566ad5267cf4ae",name:"checkmark-circle",slot:"start"}),"Check"),o("smoothly-button",{key:"6ee1bc2af768f123a12e294016cc917aa4bd1c0e",shape:"rounded",fill:"solid",color:"secondary"},o("smoothly-icon",{key:"9d0e80208a6e68f919cc7276073232a368cb111a",name:"basketball",slot:"start"}),"Check"),o("smoothly-button",{key:"e5366d8f3ed7a2cf41cece51570301f145c67e19",shape:"rounded",fill:"solid",color:"success"},o("smoothly-icon",{key:"a0ad0a9620d853fda8d7e594031c04a0ec689445",name:"call",slot:"start"}),"Check"),o("smoothly-button",{key:"c94e929cfe5f738f2a3235f43a1f4da5e0c9fc36",size:"icon",fill:"solid",shape:"rounded",color:"success"},o("smoothly-icon",{key:"71a2f51f71668101315aa8533b5bfcf366d7fc5a",name:"call"})),o("smoothly-button",{key:"f33069cba505b599106e46dd64b9c8d5d7af72b1",size:"flexible",fill:"solid",color:"success"},o("smoothly-icon",{key:"23f5cfce66c47cfe7a7bc61270d366dc1a4b1df2",name:"airplane"}))),o("h4",{key:"0e1d80f018cb083f747dca33ac1579623130e4b4"},'Buttons with Icon in "end"'),o("smoothly-button",{key:"a6fb030807e47ece0af3e864fd1021dd073bb694",fill:"solid",color:"light"},"Go Forward",o("smoothly-icon",{key:"257becef67d6cc074ae9ea15c4aa7f4310b6512e",name:"arrow-forward",slot:"end"})),o("h4",{key:"dae9d6d89805ba3dbe25d10b078150475f097f97"},"Test for icon button"),o("div",{key:"430c1bc4c47a98cf456a84a2d5ab2668777f01cd"},o("smoothly-button",{key:"3c58c97ef2193b38eab09a4e533dba5b4f20a4e4",size:"icon",fill:"solid",shape:"rounded",color:"success"},o("smoothly-icon",{key:"59426dc2bd35c313d6619b44f13d517aa7c034ce",name:"call"})),o("smoothly-button",{key:"0fb117873692f75b51c92e333d3f835cd5fbe74f",size:"icon",shape:"rounded",color:"warning",fill:"solid"},o("smoothly-icon",{key:"7162fcc07788dd9829abafb5b7f38e786b86c298",name:"search-outline"})),o("smoothly-button",{key:"f46d225a20b28efeafcb952544ff5600988ada74",size:"icon",shape:"rounded",color:"secondary"},o("smoothly-icon",{key:"787a26836d6788196c5f3761f66c680704df9817",name:"checkmark-circle"}))),o("h4",{key:"2d8596d90b04536a298e7375e2a4ad3b0c463fbc"},"Link examples"),o("div",{key:"5af7537287d37938616bc0478f7cc63e757720e5"},o("smoothly-button",{key:"b6faae4aa4fd72b87c7181ec146dfda0cfa7a248",type:"link"},"type link"),o("smoothly-button",{key:"4d56453b6a595c09cb70cd8708392effda6f9279",type:"button",fill:"clear"},o("a",{key:"607e553ae06c24cb513fe90ecca476295b719283",href:"https://google.com"},"link")),o("smoothly-button",{key:"9a397311efd0a89849a6c8016fce61bf0639cea0",link:"https://google.com",type:"link"},"link + type link")),o("h4",{key:"466df22b0f9265755db176b4947f39cb3892d331"},"Disabled buttons"),o("div",{key:"b146d15d620300b8da5e134618a1b3f904024f61"},o("smoothly-button",{key:"637ee09aedbde2ff0342d469b50bd181a632308c",disabled:true,fill:"solid",color:"secondary"},"Disabled"),o("smoothly-button",{key:"0bdca6978fd1908f3c529668bfe3c128987522a5",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),o("smoothly-back-to-top",{key:"f217299a63164d3d4bcbda3d9ab1b4da44a8f99f"}))}};te.style=Qt;const ee=".sc-smoothly-button-demo-standard-h smoothly-input-select.sc-smoothly-button-demo-standard smoothly-item.sc-smoothly-button-demo-standard{display:flex}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard{display:flex;flex-wrap:wrap;gap:0.5rem}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard>smoothly-button.sc-smoothly-button-demo-standard{margin-block:0}.sc-smoothly-button-demo-standard-h .height-text.sc-smoothly-button-demo-standard{border-left:3px dotted rgb(var(--smoothly-default-contrast));padding-inline:1rem;align-content:center}";const oe=ee;const se=class{constructor(e){t(this,e);this.props={};this.heightText="";this.lastButton=undefined}updateInputHeightText(){setTimeout((()=>{const t=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));if(this.lastButton){const e=this.lastButton.clientHeight;this.heightText=`${e/t}rem (${e}px)`}}),100)}render(){return o(s,{key:"c109a1c44628d1b42425859649047a002ee16ce0"},o("h2",{key:"30b5293b4446f0202ba93d4dfff6b3e73ecd8976"},"Button Standard"),o("smoothly-form",{key:"6281f5092e984b1dfc19a0efcb104d05ab5d8e48",onSmoothlyFormInput:t=>this.props=t.detail,looks:"grid"},o("smoothly-input-checkbox",{key:"77ac5fe8bf329861e476539c8625fd5820bdc413",name:"text.useColor",checked:true},"Use Color as Text"),o("smoothly-input-select",{key:"0dbc3a3420ecefc797b9bdba4f453c90d66c8d1f",name:"size"},o("span",{key:"a989af18c47839ff1d5b1e31450062aec0eb3651",slot:"label"},"Size"),["small","large","icon","flexible"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input",{key:"68d2793e921608a9fa1951b6bd97b87dd87a3e10",name:"text.value",value:"Button"},"Text",o("smoothly-input-clear",{key:"bb3938f242bf725507e7ece9cfdf7cb314bca1f1",slot:"end"})),o("smoothly-input-radio",{key:"797d38475df5bc28ac171152407459d98383233b",name:"expand",clearable:true},o("span",{key:"3210bb5bee8ff0184edfcf6747246efc50ab0752",slot:"label"},"Expand"),o("smoothly-input-radio-item",{key:"ebbd079aa41839ba2ed8078880b3f546371b4dc7",value:"block"},"block"),o("smoothly-input-radio-item",{key:"daf621085701675377fc460d85e9e328bf09ddd6",value:"full"},"full"),o("smoothly-input-clear",{key:"dca4f783b5140ff4c1f0d2aaa1ee9a6fde9f8147",slot:"end"})),o("smoothly-input-select",{key:"9d1cdf02e4b762052d2abd3b431f420e554a28c9",name:"fill"},o("span",{key:"b7095efe1d384897bcbd15353f57ff7da0718f50",slot:"label"},"Fill"),r.values.map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"78c942e631eef9e23c2f8cd47b8521ad2279c7c1",name:"disabled"},"Disabled"),o("smoothly-input-select",{key:"976eb85785d873c38d676634f6f54269804b474f",name:"type"},o("span",{key:"76cbdc4271456d0c2edf6233bdf7dcdfeee9467e",slot:"label"},"Type"),["button","submit","reset","link"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"15cd8593b09827f44817b15ebd28f4702faa1bb7",name:"rounded"},"Rounded"),o("smoothly-input-select",{key:"c93bda31e420e209cc7cd2253943a868a3b53864",name:"icon",menuHeight:"8items"},o("span",{key:"6b76f90f3ecb8c46e8b66a6fb348b658938a3bf8",slot:"label"},"Icon"),c.Name.values.map((t=>o("smoothly-item",{value:t,key:t},o("smoothly-icon",{name:t,size:"small",tooltip:t})))),o("smoothly-input-clear",{key:"0ebe8cb52112672443dd94922191fc5f3b7fb20c",slot:"end"})),o("smoothly-input",{key:"5860bfcdf0a2de4c2109bde9072a114db9de4ba1",name:"tooltip",value:"Tooltip"},"Tooltip",o("smoothly-input-clear",{key:"32672407cf8cbffdec719c479f9615bc3198dc79",slot:"end"}))),o("div",{key:"bfe436596b1585265ea0b711a43831e722c696ac",class:"buttons"},l.values.map(((t,e,s)=>{var i,a;return o("smoothly-button",{onClick:e=>console.log(`Clicked button with color: ${t}`,e),tooltip:this.props.tooltip,ref:t=>s.length-1==e&&(this.lastButton=t),color:t,expand:this.props.expand,fill:this.props.fill,disabled:this.props.disabled,shape:this.props.rounded?"rounded":undefined,size:this.props.size,type:this.props.type,key:t},this.props.icon?o("smoothly-icon",{name:this.props.icon}):undefined,((i=this.props.text)===null||i===void 0?void 0:i.useColor)?t:(a=this.props.text)===null||a===void 0?void 0:a.value)})),o("div",{key:"dc35cbaca69e970cca164c25cb00889a8e2d57f3",class:"height-text"},this.heightText)))}static get watchers(){return{props:["updateInputHeightText"]}}};se.style=oe;function ie(t){const e=new Date(t);e.setDate(1);let o=-((e.getDay()+6)%7)+1;const s=[];for(let e=0;e<6;e++){const i=[];for(let e=0;e<7;e++){const e=new Date(t);e.setUTCDate(o++);i.push(x.create(e))}if(e<5||x.firstOfMonth(i[0])==x.firstOfMonth(t))s.push(i)}return s}function ae(){const t=new globalThis.Date;t.setDate(t.getDate()-t.getDay()+1);const e=[];for(let o=0;o<7;o++){e.push(t.toLocaleString(undefined,{weekday:"short"}));t.setDate(t.getDate()+1)}return e}function ne(t){const e=new globalThis.Date(t);const o=[];for(let s=0;s<12;s++){e.setMonth(s,28);const i=x.create(e);o.push({date:i,name:e.toLocaleString(undefined,{month:"long"}),selected:i.substr(0,7)==t.substr(0,7)})}return o}function le(t,e,o){const s=new globalThis.Date(t);const i=e?x.getYear(e):(new Date).getFullYear()-50;const a=o?x.getYear(o):(new Date).getFullYear()+50;const n=[];for(let e=i;e<=a;e++){s.setFullYear(e);const o=x.create(s);n.push({date:o,name:s.toLocaleString(undefined,{year:"numeric"}),selected:o==t})}return n}const re='.sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));-webkit-user-select:none;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{position:relative;cursor:pointer}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.today.sc-smoothly-calendar::before{content:"";inset:2px;position:absolute;border:1px solid currentColor}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;opacity:0.5}';const ce=re;const de=class{constructor(o){t(this,o);this.smoothlyValueChange=e(this,"smoothlyValueChange",7);this.smoothlyStartChange=e(this,"smoothlyStartChange",7);this.smoothlyEndChange=e(this,"smoothlyEndChange",7);this.smoothlyDateSet=e(this,"smoothlyDateSet",7);this.smoothlyDateRangeSet=e(this,"smoothlyDateRangeSet",7);this.clickCounter=0;this.month=undefined;this.value=undefined;this.start=undefined;this.end=undefined;this.max=undefined;this.min=undefined;this.doubleInput=undefined;this.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,e,s;return o(a,{key:"7dd62a4b0e384db10aea907bbb52acd1fbe80391"},o("smoothly-input-month",{key:"341ac330b5f233a3c5ffd9b258a9031912118074",name:"month",value:(t=this.month)!==null&&t!==void 0?t:this.value,min:this.min,max:this.max,inCalendar:true,next:true,previous:true,showLabel:false,onSmoothlyInput:t=>{t.stopPropagation();"month"in t.detail&&typeof t.detail.month=="string"&&(this.month=t.detail.month)},onSmoothlyUserInput:t=>t.stopPropagation()},o("div",{key:"14b1f0af38f0f136876da0dfcfcc92b91e1765f3",slot:"year-label"},o("slot",{key:"b228829ffd8844b37cd56b224e704d7218ca1b9b",name:"year-label"})),o("div",{key:"851c228361716425a586bced15c004f8eb67bcdf",slot:"month-label"},o("slot",{key:"764d21a70488117e1f15931d14f13deef904fe8b",name:"month-label"}))),o("table",{key:"afc428a8031cf626aa07c8bd0c4d248a613e0835"},o("thead",{key:"8313b9b77fe812817cfb4bff27ab88b3a2a8c1a5"},o("tr",{key:"8505ecde8e874234ec01b1b0697e94579de6d943"},ae().map((t=>o("th",null,t))))),ie((s=(e=this.month)!==null&&e!==void 0?e:this.value)!==null&&s!==void 0?s:x.now()).map((t=>o("tr",null,t.map((t=>{var e,s,i,a;return o("td",{tabindex:1,onMouseOver:()=>this.withinLimit(t)?this.onHover(t):undefined,onClick:this.withinLimit(t)?()=>this.onClick(t):undefined,class:{selected:t==this.value||this.doubleInput&&(t==this.start||t==this.end),today:t==x.now(),currentMonth:x.firstOfMonth((s=(e=this.month)!==null&&e!==void 0?e:this.value)!==null&&s!==void 0?s:x.now())==x.firstOfMonth(t),dateRange:this.doubleInput&&t>((i=this.start)!==null&&i!==void 0?i:"")&&t<((a=this.end)!==null&&a!==void 0?a:""),disable:!this.withinLimit(t)}},t.substring(8,10))})))))))}get element(){return i(this)}static get watchers(){return{start:["onStart"],end:["onEnd"]}}};de.style=ce;const he=".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 me=he;const ue=class{constructor(e){t(this,e);this.color=undefined;this.open=true;this.closable=false;this.header=undefined}TriggerListener(t){if(d.is(t.detail)&&t.detail.name=="close")this.open=false}hostData(){return{style:{display:this.open?"block":"none"}}}__stencil_render(){return o("section",{key:"85e4a5a7c25688aae036cfad4dd3d289e85da5af"},o("div",{key:"13c28f32b769dc4a6e7cdb1a4fddfd69381a122c",class:"header"},this.closable&&o("smoothly-trigger",{key:"fbe80ee6c0f14cc9c44186f649f5b7857f67cde9",fill:"clear",name:"close"},o("smoothly-icon",{key:"491506fd0ee7c1d74c4a3b142f3359a793721f75",name:"close-circle",fill:"solid",color:this.color})),this.header?o("h1",null,this.header):o("slot",{name:"header"})),o("div",{key:"2d5dcc8653cbbf673eae932fc1f31e281ddc87be",class:"content"},o("slot",{key:"feec65314deac1ae4820c323e977f4481abb50ca"})))}render(){return o(s,this.hostData(),this.__stencil_render())}};ue.style=me;const ye=".sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}";const be=ye;const fe=class{constructor(e){t(this,e);this.openModal=false;this.openTallModal=false;this.showFrame=false}render(){return o(s,{key:"8add700509240579f6f83dc95a6d4d0bddee067e"},o("smoothly-button",{key:"35a3641241542400cfdca56b058887eaaca7c629",fill:"solid",color:"light",onClick:()=>this.openModal=true},"Open Modal"),o("smoothly-button",{key:"38a3e022173090e5a04547774c3a75674ad8937b",fill:"solid",color:"light",onClick:()=>this.openTallModal=true},"Open Modal with long text and top-aligned."),o("smoothly-button",{key:"0c52d6216d204dd41310fda4c810e8212fafe3e4",fill:"solid",color:"light",onClick:()=>this.showFrame=!this.showFrame},"Show Frame"),o("smoothly-modal",{key:"73d07f4662ac3ee4e398c98fdc50073af6a6cd63",closable:true,open:this.openModal,onSmoothlyModalChange:t=>this.openModal=t.detail},o("h2",{key:"4b8420bae8815bf0f491ebb38948f3348a5bc84c",slot:"header"},"Modal"),o("span",{key:"2115cc46f1adb4149cf71331e3151f1fe876f681"},"Are you sure you want to confirm this action?"),o("smoothly-button",{key:"c722bed6d0ace30ab2ef644e219fb599da17276d",slot:"actions",color:"success"},"Confirm"),o("smoothly-button",{key:"18c7bcebed68d09049ccddb2c559edbcc6c0b2d4",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openModal=false},"Cancel")),o("smoothly-modal",{key:"a89476ee4a3f90e1b57b243a4217a43b91874628",closable:true,open:this.openTallModal,onSmoothlyModalChange:t=>this.openTallModal=t.detail,align:"top"},o("h2",{key:"b778a0933b0b0b28aedefadaafed3b3f67f770a3",slot:"header"},"Modal"),o("smoothly-summary",{key:"fdfaa4526ee58e7bb2c356750de4540f45dfbf65"},o("div",{key:"a8418a82b28b6a698214ebff19b2aa28148e6ce2",slot:"summary"},"Lorem ipsum"),o("div",{key:"c4f120ea3e663e2e05fc6e109b8094129c88e8d5",slot:"content"},Array.from({length:10}).map((()=>o("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))))),o("smoothly-button",{key:"e17da5e0786e43d783ec17008bdf956e90d44946",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openTallModal=false},"Cancel")),this.showFrame&&o("smoothly-dialog",{key:"3e5e753799e6d49303cd5afe03448dac8c1a7c0a",closable:true},o("smoothly-frame",{key:"f61497a6984b98e8a392dd33dcc1ac6a7ba35734",url:"https://www.wikipedia.org/",name:"parent",style:{height:"80vh"}})))}};fe.style=be;function pe(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 ge(t,e,o){let s=0;let i;while((i=o.exec(t))!=null){if(o.lastIndex-i[0].length<e)s=o.lastIndex-i[0].length;else break}return s}function ke(t,e,o){const s=/([\wåäöüéáúíóßðœøæñµçþ_]+|[@-]+)/gi;return o=="backward"?ge(t,e,s):pe(t,e,s)}var ve;(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})(ve||(ve={}));var we;(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})(we||(we={}));class xe{value;selection;constructor(t){this.value=t.value;this.selection={start:t.selection?.start,end:t.selection?.end,direction:t.selection?.direction}}get(t,e=1){return this.value.substring(t,t+e)}is(t,...e){const o=this.get(t);return e.some((t=>o==t))}isDigit(t){const e=this.get(t);return e>="0"&&e<="9"}match(t){return this.value.match(t)}replace(t,e,o){let s;if(typeof t=="string"&&typeof e=="string"){let o;s=this;while((o=s.value.indexOf(t))>-1)s=s.replace(o,o+t.length,e)}else if(typeof t=="number"&&typeof e=="number"){const i={value:this.value,selection:{start:this.selection.start,end:this.selection.end,direction:this.selection.direction}};if(!o)o="";i.value=this.value.slice(0,t)+o+this.value.slice(e,this.value.length);if(this.selection.start>=e)i.selection.start=this.selection.start+o.length-e+t;else if(this.selection.start>t&&this.selection.start<e)i.selection.start=Math.min(this.selection.start,t+o.length);if(this.selection.end>=e)i.selection.end=this.selection.end+o.length-e+t;else if(this.selection.end>t&&this.selection.end<e)i.selection.end=Math.min(this.selection.end,t+o.length);s=new xe(i)}return s||this}insert(t,e){return this.replace(t,t,e)}append(t){return this.insert(this.value.length,t)}prepend(t){return this.insert(0,t)}suffix(t){return new xe({value:this.value+t,selection:this.selection})}delete(t,e){let o;if(!this.value)o=this;else if(typeof t=="string"){let e;o=this;while(t&&(e=o.value.indexOf(t))>-1)o=o.delete(e,e+t.length)}else o=this.replace(t,e||t+1,"");return o}truncate(t){return this.value.length>=t?this.delete(t,this.value.length):this}pad(t,e,o){let s=this;while(t>s.value.length+e.length)s=s.insert(o,e);if(t>s.value.length)s=s.insert(o,e.substring(0,t-s.value.length));return s}padEnd(t,e){return this.pad(t,e,this.value.length)}padStart(t,e){return this.pad(t,e,0)}toLower(){return this.map((t=>t.toLowerCase()))}toUpper(){return this.map((t=>t.toUpperCase()))}map(t){let e=this;let o=0;for(let s=0;s<this.value.length;s++){const i=t(this.get(s),s);e=e.replace(o,o+1,i);o+=i.length}return e}static copy(t){return new xe({...t})}static create(){return new xe({value:"",selection:{start:0,end:0}})}static modify(t){return new xe(typeof t=="string"?{value:t,selection:{start:t.length,end:t.length}}:t)}}var Ce;(function(t){function e(t,e,o){let c=we.copy(t.unformat(xe.copy(e)));if(e.autocomplete=="cc-exp"&&/^\d\d \/$/g.test(e.value))o?.key&&(o.key="Backspace");if(o){if(o.ctrlKey||o.metaKey){if(o.key=="a")n(c,0,c.value.length,"forward");else if(["ArrowLeft","ArrowRight"].includes(o.key)&&e?.type!="password")c=s(t,e,o);else if(["Delete","Backspace"].includes(o.key)&&e?.type!="password")c=i(t,e,o)}else if(["ArrowLeft","ArrowRight","Home","End"].includes(o.key))a(c,o);else if(["Delete","Backspace"].includes(o.key)){c.selection.start==c.selection.end&&n(c,c.selection.start+(o.key=="Backspace"?-1:0),c.selection.end+(o.key=="Delete"?1:0));l(c)}else if(o.key!="Unidentified"){l(c);t.allowed(o.key,c)&&r(c,o.key)}}return t.format(xe.copy(c))}t.apply=e;function o(t,e,o){const s=we.copy(t.unformat(xe.copy(e)));r(s,o);return t.format(xe.copy(s))}t.paste=o;function s(t,e,o){let s=ve.getCursor(e.selection);let i=ve.getStalker(e.selection);s=ke(e.value,s,o.key=="ArrowLeft"?"backward":"forward");i=o.shiftKey?i:s;return we.copy(t.unformat(xe.copy({...e,selection:{start:Math.min(i,s),end:Math.max(i,s),direction:i<s?"forward":i>s?"backward":"none"}})))}function i(t,e,o){const s=ve.getCursor(e.selection);const i=ke(e.value,s,o.key=="Backspace"?"backward":"forward");const a=we.copy(t.unformat(xe.copy({...e,selection:{start:Math.min(s,i),end:Math.max(s,i),direction:"none"}})));a.value=a.value.substring(0,a.selection.start)+a.value.substring(a.selection.end);a.selection.end=a.selection.start;return a}function a(t,e){let o=ve.getCursor(t.selection);let s=ve.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}})(Ce||(Ce={}));const Se={};function ze(t,e){Se[t]=e}function je(t,...e){const o=Se[t];return o&&o(e)}function Ie(t,e,...o){const s=je(e,...o);return s?s.format(xe.modify(s.toString(typeof t=="string"?_e(t,e,o):t))).value:""}function _e(t,e,...o){const s=je(e,o);return s?s.fromString(s.unformat(xe.modify(t)).value):undefined}class Te{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"}}ze("card-csc",(()=>new Te));class Oe{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"}}ze("card-expires",(()=>new Oe));class Le{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){const e=Ae(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=Ae(e.value);return t>="0"&&t<="9"&&e.value.length<o.length[0]}}ze("card-number",(()=>new Le));function Ae(t){let e={...Me,spaceIndexes:t.length==14?[4,10]:Me.spaceIndexes};for(const o in De)if(Object.prototype.hasOwnProperty.call(De,o)&&De[o].identification.test(t)){e={...Me,name:o,...De[o]};break}return e}const Me={name:"unknown",verification:/^\d{19}$/,spaceIndexes:[4,8,12],identification:/^\d/,length:[16,16,19],icon:"generic"};const De={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 Re{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 $e={};function Pe(t,e){$e[t]=e}ze("date",(t=>{const e=t&&t.length>0?t[0]:undefined;const o=Ee.is(e)?e:Ee.fromLocale(e);const s=$e[o]??$e["YYYY-mm-dd"];return s()}));class Fe extends Re{constructor(t){super(t)}toString(t){return x.is(t)&&t.length==10?[t.substring(8,10),t.substring(5,7),t.substring(0,4)].join(this.separator):""}fromString(t){const e=t?.length==8?`${t.substring(4,8)}-${t.substring(2,4)}-${t.substring(0,2)}`:undefined;return x.is(e)?e:undefined}formatString=`DD${this.separator}MM${this.separator}YYYY`;format(t){let e=t.delete(this.separator);if(e.get(0,1)>"3")e=e.insert(0,"0");if(e.value.length>1)e=e.insert(2,this.separator);if(e.get(3,1)>"1")e=e.insert(3,"0");if(e.value.length>4)e=e.insert(5,this.separator);return{...e,type:"text",length:[0,10],pattern:new RegExp(["^(0[1-9]|[12][0-9]|3[01])","(0[1-9]|1[012])","\\d{4}$"].join(this.separator))}}allowed(t,e){return e.selection.start==1&&e.value[0]=="3"?t>="0"&&t<="1":e.selection.start==1&&e.value[0]=="0"?t>="1"&&t<="9":e.selection.start==2?t>="0"&&t<="9"&&(t=="0"||t=="1"||this.validMonth(e.value.substring(0,2),t)):e.selection.start==3?t>="0"&&t<="9"&&this.validMonth(e.value.substring(0,2),e.value[2]+t):e.selection.start==7?t>="0"&&t<="9"&&this.validMonth(e.value.substring(0,2),e.value.substring(2,4),e.value.substring(4,7)+t):e.selection.start<8&&t>="0"&&t<="9"}}Pe("dd.mm.YYYY",(()=>new Fe(".")));Pe("dd/mm/YYYY",(()=>new Fe("/")));Pe("dd-mm-YYYY",(()=>new Fe("-")));class Ne extends Re{constructor(t){super(t)}toString(t){return x.is(t)&&t.length==10?[t.substring(5,7),t.substring(8,10),t.substring(0,4)].join(this.separator):""}fromString(t){const e=t.length==8?`${t.substring(4,8)}-${t.substring(0,2)}-${t.substring(2,4)}`:undefined;return x.is(e)?e:undefined}formatString=`MM${this.separator}DD${this.separator}YYYY`;format(t){let e=t.delete(this.separator);if(e.get(0,1)>"1")e=e.insert(0,"0");if(e.value.length>1)e=e.insert(2,this.separator);if(e.get(3,1)>(e.get(0,2)=="02"?"2":"3"))e=e.insert(3,"0");if(e.value.length>4)e=e.insert(5,this.separator);return{...e,type:"text",length:[0,10],pattern:new RegExp(["^(0[1-9]|1[012])","(0[1-9]|[12][0-9]|3[01])","\\d{4}$"].join(this.separator))}}allowed(t,e){const o=e.selection.start==1&&e.value[0]=="1"?t>="0"&&t<="2":e.selection.start==1&&e.value[0]=="0"?t>="1"&&t<="9":e.selection.start==3?t>="0"&&t<="9"&&this.validMonth(e.value[2]+t,e.value.substring(0,2)):e.selection.start==7?t>="0"&&t<="9"&&this.validMonth(e.value.substring(2,4),e.value.substring(0,2),e.value.substring(4,7)+t):e.selection.start<8&&t>="0"&&t<="9";return o}}Pe("mm/dd/YYYY",(()=>new Ne("/")));class He extends Re{constructor(t){super(t)}toString(t){return typeof t!="string"?"":t}fromString(t){const e=t?.length==8?`${t.substring(0,4)}-${t.substring(4,6)}-${t.substring(6,8)}`:undefined;return x.is(e)?e:undefined}daysInMonth(t){const e=`${t.substring(0,4)}-${t.substring(4,6)}-01`;return x.is(e)?+x.lastOfMonth(`${t.substring(0,4)}-${t.substring(4,6)}-01`).substring(8,10):31}formatString=`YYYY${this.separator}MM${this.separator}DD`;format(t){let e=t.delete(this.separator);if(e.value.length>3){e=e.insert(4,this.separator);if(e.get(5,1)>"1")e=e.insert(5,"0");if(e.value.length>6){e=e.insert(7,this.separator);if(e.get(8,1)>this.daysInMonth(t.value).toString().substring(0,1))e=e.insert(8,"0")}}return{...e,type:"text",length:[0,10],pattern:new RegExp(["^\\d{4}","(0[1-9]|1[012])","(0[1-9]|[12][0-9]|3[01])$"].join(this.separator))}}allowed(t,e){const o=this.daysInMonth(e.value);return e.selection.start==5&&e.value[4]=="0"?t>="1"&&t<="9":e.selection.start==5&&e.value[4]=="1"?t>="0"&&t<="2":e.selection.start==7&&e.value[6]=="0"?t>="1"&&t<="9":e.selection.start==7&&(e.value[6]=="2"&&o<30||e.value[6]=="3")?t>="0"&&t<=o.toString().substring(1):e.selection.start<8&&t>="0"&&t<="9"}}Pe("YYYY-mm-dd",(()=>new He("-")));class Ue{toString(t){return typeof t=="string"?t:""}fromString(t){let e=t.replace(" ","T");const o="0000-01-01T00:00:00.000Z";if(e?.match(/-\d$/))e=e.substring(0,e.length-1)+"0"+e.substring(e.length-1,e.length);e=!e.match(/^\d{4}-(0[1-9]|1[012])/)?undefined:e+o.substring(e.length,o.length);return C.is(e)?e:undefined}partialFormat=this.format;format(t){let e=Ye(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==" ")}}ze("date-time",(()=>new Ue));function Ye(t,e){let o=t;switch(e){case"dd/mm/YYYY":case"dd.mm.YYYY":if(!We(o.value,e))o=o.replace(0,10,We("31"+o.value.substring(2,10),e)?"31"+o.value.substring(2,10):We("30"+o.value.substring(2,10),e)?"30"+o.value.substring(2,10):We("29"+o.value.substring(2,10),e)?"29"+o.value.substring(2,10):We("28"+o.value.substring(2,10),e)?"28"+o.value.substring(2,10):o.value);break;case"mm/dd/YYYY":if(!We(o.value,e))o=o.replace(0,10,We(o.value.substring(0,3)+"31"+o.value.substring(5,10),e)?o.value.substring(0,3)+"31"+o.value.substring(5,10):We(o.value.substring(0,3)+"30"+o.value.substring(5,10),e)?o.value.substring(0,3)+"30"+o.value.substring(5,10):We(o.value.substring(0,3)+"29"+o.value.substring(5,10),e)?o.value.substring(0,3)+"29"+o.value.substring(5,10):We(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(!We(o.value)){o=o.replace(0,10,We(o.value.substring(0,8)+"31")?o.value.substring(0,8)+"31":We(o.value.substring(0,8)+"30")?o.value.substring(0,8)+"30":We(o.value.substring(0,8)+"29")?o.value.substring(0,8)+"29":We(o.value.substring(0,8)+"28")?o.value.substring(0,8)+"28":o.value);break}return t}}return o}function We(t,e){let o;let s;let i;switch(e){case"dd/mm/YYYY":case"dd.mm.YYYY":o=parseInt(t.substring(6,10));s=parseInt(t.substring(3,5));i=parseInt(t.substring(0,2));return o&&s&&i?i>0&&Be(o,s)>=i:false;case"mm/dd/YYYY":o=parseInt(t.substring(6,10));s=parseInt(t.substring(0,2));i=parseInt(t.substring(3,5));return o&&s&&i?i>0&&Be(o,s)>=i:false;default:o=parseInt(t.substring(0,4));s=parseInt(t.substring(5,7));i=parseInt(t.substring(8,10));return o&&s&&i?i>0&&Be(o,s)>=i:false}}function Be(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 Ve{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==" ")}}ze("divisor",(()=>new Ve));class Ge{separator=":";patterns={allowed:/^-?\d*(?::{0,1}[0-5]{0,1}[0-9]{0,1}|[.,]{0,1}[0-9]{0,2})$/,extract:/^(-?)(\d*)([:,.]{0,1})([0-9]{0,2})$/,zeros:/^(-?)(0+)(?:[1-9]|0[,.:]?)/};toString(t){let e;if(!S.is(t))e="";else{const o=S.normalize(t);if(!o.minutes&&!o.hours)e="";else if(this.separator!=":")e=(+S.toHours(o).toFixed(2)||"").toString(10);else if(o.hours&&!o.minutes)e=o.hours.toString(10);else if(!o.hours&&o.minutes)e=`${o.minutes<0?"-":""}0:${Math.abs(o.minutes).toString(10)}`;else e=`${o.hours?.toString(10)}:${Math.abs(o.minutes??0).toString(10)}`}return e}fromString(t){let e;const o=t.match(this.patterns.extract);if(!o)e=undefined;else{const[t,s,i,a,n]=o;this.separator=a;if(a==":"){const t={hours:parseInt(i),minutes:parseInt(n)};const o=s?-1:1;e=S.normalize({hours:!Number.isFinite(t.hours)?0:t.hours*o,minutes:!Number.isFinite(t.minutes)?0:t.minutes*o})}else{const o=parseFloat(t.replace(",","."));e=S.normalize({hours:!Number.isFinite(o)?0:o})}}return e}partialFormat=this.format;format(t){let e=t;const[,o,s,i]=t.match(this.patterns.extract)??[];if(!s&&i)e=e.insert(o?1:0,"0");const a=e.match(this.patterns.zeros);if(a){const[,t,o]=a;if(o){const s=t?1:0;e=e.delete(s,o.length+s)}}return{...e,type:"tel",pattern:this.patterns.allowed}}unformat(t){const[,,,e]=t.match(this.patterns.extract)??[];if(e)this.separator=e;return t}allowed(t,e){const o=e.value.slice(0,e.selection.start)+t+e.value.slice(e.selection.end);return!!o.match(this.patterns.allowed)}}ze("duration",(()=>new Ge));class Ke{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]}}ze("email",(t=>new Ke(t||{})));class Ze{settings;mode;constructor(t,e){this.settings=t;this.mode=e}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}split(t){let e;let o="";return t.map(((t,s)=>{const i=s!==0&&t===t.toUpperCase()&&isNaN(+t)&&o!==" "&&this.isSymbolAllowed(t)&&e?" "+t:(t==="_"||t==="-")&&o!==" "?" ":t===" "&&o===" "||!this.isSymbolAllowed(t)||!e&&!this.isSymbolLetter(t)&&this.mode!=="code"?"":t;!e&&(e=this.isSymbolLetter(t));this.isSymbolAllowed(t)&&(o=t);return i})).toLower().delete("-").delete("_")}isSymbolLetter(t){return t>="a"&&t<="z"||t>="A"&&t<="Z"}isSymbolAllowed(t){return this.isSymbolLetter(t)||t>="0"&&t<="9"||t===" "}partialFormat=this.format;format(t){const e=this.split(t);let o;switch(this.mode){case"code":o=e.delete(" ");break;case"pascal":case"camel":let s;o=e.map(((t,e)=>{const o=e===0&&this.mode==="pascal"||s?t.toUpperCase():t.toLowerCase();s=t==" ";return o})).delete(" ");break;case"snake":case"attribute":o=e.replace(" ",this.mode==="snake"?"_":"-");break;default:o=t}return{...o,...this.settings,type:"text",autocomplete:"on"}}unformat(t){return t}allowed(t,e){return this.isSymbolLetter(t)||t>="0"&&t<="9"&&(this.mode=="code"||e.value.length>0)||t=="_"&&this.mode=="snake"&&e.value.length>0||t=="-"&&this.mode=="attribute"&&e.value.length>0}}ze("identifier-code",(t=>new Ze(t||{},"code")));ze("identifier-pascal",(t=>new Ze(t||{},"pascal")));ze("identifier-snake",(t=>new Ze(t||{},"snake")));ze("identifier-camel",(t=>new Ze(t||{},"camel")));ze("identifier-attribute",(t=>new Ze(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"}}ze("identity-number",(t=>new qe(t&&t.length>0?t[0]:undefined)));class Xe{min;max;pad;constructor(t){this.min=t.min;this.max=t.max;this.pad=t.pad}toString(t){return typeof t=="number"?t.toString():""}fromString(t){const e=typeof t=="string"?Number.parseInt(t):undefined;return typeof e=="number"&&!Number.isNaN(e)?e:undefined}partialFormat(t){return{...t,type:"text",inputmode:"numeric",length:[3,undefined],pattern:/^[0-9]+$/}}format(t){const e=this.partialFormat(t);const o=this.fromString(e.value);const s=o==undefined?e.value:this.min!=undefined&&o<this.min?this.toString(this.min):this.max!=undefined&&o>this.max?this.toString(this.max):e.value;return{...e,value:typeof this.pad=="number"&&s?s.padStart(this.pad,"0"):s}}unformat(t){return t}allowed(t,e){return t>="0"&&t<="9"&&(this.max==undefined||this.max.toString().length>e.value.length||e.selection.start!=e.selection.end)}}ze("integer",(t=>new Xe(t?.[0]??{})));class Je{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}}ze("password",(()=>new Je));class Qe{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(".")}}ze("percent",(()=>new Qe));const to=[{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 eo{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 to)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=to[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("+")}}ze("phone",(()=>new eo));class oo{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"}}ze("postal-code",(t=>new oo(t&&t.length>0?t[0]:undefined)));class so{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,""):xe.copy(t);const o=this.currency&&z.decimalDigits(this.currency);e=this.addLeadingIntegerZero(e);e=this.fillDecimalsIfPresent(e,o,"onlyLimit");e=this.truncateIntegerZeros(e);e=this.addThousandSeparators(e);return{...e,remainder:this.format(t).value.slice(e.value.length),type:"text",inputmode:"numeric",length:[3,undefined],pattern:new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d*)?$")}}format(t){let e=t.value=="NaN"?t.replace(0,t.value.length,""):xe.copy(t);const o=this.currency&&z.decimalDigits(this.currency);if(!this.toInteger)e=this.forceDecimalZero(e,o);e=this.addLeadingIntegerZero(e);e=this.fillDecimalsIfPresent(e,o,"fillAndLimit");e=this.truncateIntegerZeros(e);e=this.addThousandSeparators(e);e=this.appendCurrency(e);return{...e,type:"text",inputmode:"numeric",length:[3,undefined],pattern:new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d+)?"+(this.currency?" "+this.currency:"")+"$")}}forceDecimalZero(t,e){if(!t.value.includes(".")&&e&&(Math.abs(Number.parseFloat(t.value))>=0||t.value=="0"))t=t.suffix(".0");return t}addLeadingIntegerZero(t){const e=t.value&&t.value.includes(".")?t.value.indexOf("."):undefined;if(e==0)t=t.prepend("0");return t}fillDecimalsIfPresent(t,e,o){const s=t.value.indexOf(".");if(s!=-1){const i=s+1+(e??2)-t.value.length;t=i<0?t.truncate(t.value.length+i):o=="fillAndLimit"?t.suffix("0".repeat(i)):t}return t}truncateIntegerZeros(t){const e=t.match(/^[0\s]{2,}/);if(e)t=t.replace(0,e[0].length,"0");return t}addThousandSeparators(t){let e=t.value.includes(".")?t.value.indexOf("."):t.value.length;const o=e<=0?0:Math.ceil(e/3)-1;for(let s=0;s<o;s++){const i=e-(o-s)*3;t=t.insert(i," ");e++}return t}appendCurrency(t){return this.currency&&(t.value.length>1||t.value.length==1&&t.value.charAt(0)!=".")?t.suffix(" "+this.currency):t}unformat(t){return this.currency?t.delete(" ").delete(""+this.currency):t.delete(" ")}allowed(t,e){return t>="0"&&t<="9"||t=="."&&!e.value.includes(".")&&(!this.currency||z.decimalDigits(this.currency)!=0)}}ze("price",(t=>new so(t&&t.length>0?t[0]:undefined)));class io{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]}}ze("text",(t=>new io(t||{})));class ao{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}}ze("hex-color",(()=>new ao));const no=".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 lo=no;const ro=class{constructor(e){t(this,e);this.type=undefined;this.label=undefined;this.value=undefined;this.collapseDepth=undefined;this.toInteger=undefined;this.currency=undefined;this.country=undefined;this.format=undefined}render(){var t,e;let s;const i=this.type;switch(i){case"json":s=o("smoothly-display-json",{key:"64f0c43d63b42975833202265cd02a4e7b7af147",value:this.value,collapseDepth:this.collapseDepth});break;default:s=Ie(this.value,i);break;case"email":s=o("a",{key:"0c287d32f128b8740b8c349ee1558ed5e60ce50e",href:"mailto:"+this.value},Ie(this.value,i));break;case"phone":s=o("a",{key:"dc27f6c1d36f47721908d7ae04783ceab3863a29",href:"tel:"+this.value},Ie(this.value,i,this.country));break;case"postal-code":s=Ie(this.value,i,this.country);break;case"price":s=Ie(this.value,i,{currency:this.currency,toInteger:this.toInteger});break;case"date":s=(t=je(this.type,R()))===null||t===void 0?void 0:t.toString(this.value);break;case"duration":s=Ie(this.value,i)||"0";break;case"date-time":s=this.format?C.localize(this.value,this.format,R()):(e=je(this.type,R()))===null||e===void 0?void 0:e.toString(this.value);break}return this.label?[o("div",null,this.label),s]:s}};ro.style=lo;const co=class{constructor(o){t(this,o);this.notice=e(this,"notice",7);this.downloadingSpinner=undefined}noticeWarning(t){console.log("emit",t);this.notice.emit(t)}render(){return[o("main",{key:"f0027441bfef78c171ba61092be17b58234f9441"},o("fieldset",{key:"d6d0987729d19296ae9bca9108b51b02d4cffe12"},o("h2",{key:"8bf8fb79a2962ee6f57199fbca073d3d6108bfaf"},"Smoothly display"),o("dl",{key:"a611e082683866edf1aed27253cc139cdfae914d"},o("dt",{key:"57ab7bbd1eb80eafbac37682b663cb14fbc0afc8"},"Duration"),o("dd",{key:"0ff01664956d694165bfb366cad10146ba748f92"},o("div",{key:"aa1e91e3c22cb273d96ae15597b31c6ce6d826f3"},o("div",{key:"4a51be0b383303cffad2bf958865e943a86eb35c"},o("smoothly-display",{key:"a69cc7be176c850fad91eb13feec5ad81f867e81",style:{display:"inline"},type:"duration",value:{hours:13,minutes:100}})," h"),o("div",{key:"49df16cc21484f0b58025cc55fdcb4f4316db50f"},o("smoothly-display",{key:"865bf3acaced59068f8dea2c22c76cd6906f3d14",style:{display:"inline"},type:"duration",value:{hours:8}})," h"),o("div",{key:"afcb613ed8ee92fc23d2adc1f4a8019840b137a4"},o("smoothly-display",{key:"21eeba322f8ed8b24160c7c4c2cf042c3d942762",style:{display:"inline"},type:"duration",value:{minutes:3}})," h"),o("div",{key:"9a08731fcf35e804463fba62e505fe23f7971b2d"},o("smoothly-display",{key:"39c432749ba1147433b0a4703030c872bfc17b15",style:{display:"inline"},type:"duration",value:{hours:-13,minutes:100}})," h"),o("div",{key:"e2fed37cd00090311d04917160996fb6c9d7c202"},o("smoothly-display",{key:"166fd0d523c1ff7000d21232b3511d46ff642104",style:{display:"inline"},type:"duration",value:{hours:-8}})," h"),o("div",{key:"f59fa2cf4af468c0efd8d282559458d3048bb54a"},o("smoothly-display",{key:"aa40b1c43f5cfe22dd0bc0e6101db78a92c53621",style:{display:"inline"},type:"duration",value:{}})," h"),o("div",{key:"7e15d974058f15a3c42ec1d12ada1673beb1d6b3"},o("smoothly-display",{key:"e2b4163ee526312211aeb628b90b8eedcbe7e6f0",style:{display:"inline"},type:"duration",value:{minutes:-3}})," h"))),o("dt",{key:"bc84f7802f65b61b07be817c9aaf94e3f61ae84d"},"text"),o("dd",{key:"57f8d7a74ceac39909d10cbe481b3971f2ecdeeb"},o("smoothly-display",{key:"642c8f1d612e0debcca8bd7b201bd365af96cfa9",type:"text",value:"text"})),o("dt",{key:"f935e44f241328df81553f11839f5c8ffbc10c9e"},"postal code"),o("dd",{key:"9e330664f885f7219842624d3f38bcb196477f01"},o("smoothly-display",{key:"d9b64e1a659e44ea742cd4eaaa957568fb1e0d34",type:"postal-code",value:"752 31"})),o("dt",{key:"5dbf58da2741a7c0b23fd504b2f98e136f494949"},"password"),o("dd",{key:"4b649f79b01043826cfb8daecc643fe252fab4a8"},o("smoothly-display",{key:"0a3981b795879dc97bfb89c0ba24956742ce239c",type:"password",value:"password"})),o("dt",{key:"65971d774fbdbae74ffc9fc96668ba012701ea71"},"email"),o("dd",{key:"fb22a5ca78f8b003de2dced241e5525fe42c5fde"},o("smoothly-display",{key:"2512acf71be746c2fcc2501451ce785bdbd01455",type:"email",value:"test@example.com"})),o("dt",{key:"b89f91cecf9c963edd07250bf2a065a3da64837b"},"price"),o("dd",{key:"6a2bf5ba95dcc27acc8629a4f3bd4ab8662a0365"},o("smoothly-display",{key:"e591993c95b899fa4aa976cfe3539e0e723e6ef3",type:"price",value:"13.37",currency:"SEK"})),o("dt",{key:"207e97191f04e431c5e511eb85fdbcf63572ffe8"},"price without decimals"),o("dd",{key:"a6420d4a9a8cf3d608e07999dfad03b6fccc43a9"},o("smoothly-display",{key:"b0e5761078c10a07616023a95b10765b86dd5a82",type:"price",value:200,currency:"SEK",toInteger:true})),o("dt",{key:"f3a1266f7e0610880115e0ba93f13cac57e8d038"},"price with decimals if they are set, otherwise no decimal"),o("dd",{key:"601c5f79148527505141bc3a1995b068998190b6"},o("smoothly-display",{key:"349b706f45c15353a5247608d9b5eddd5d514fb3",type:"price",value:200.2,currency:"SEK",toInteger:true})),o("dt",{key:"46331fe9a8124257ee9d5e9713b713831e1f615f"},"price with decimals"),o("dd",{key:"317c8ca991740a994b59830c94e8393bc01d3f07"},o("smoothly-display",{key:"5ec0d759372c9fb36fd2149aae7953600cc67726",type:"price",value:200.2,currency:"SEK"})),o("dt",{key:"60a3e8e4672dcd6050d79937f297404e6e84a04a"},"percent"),o("dd",{key:"572df0ef47bb43bef3f15695ce774e3a205e27f5"},o("smoothly-display",{key:"b740dabdd447e609096a9587e70d04ae069f6ef6",type:"percent",value:"42"})),o("dt",{key:"9af3e07c435f10b3159d9fb313237129246669a4"},"phone"),o("dd",{key:"31d3728c41a9cfad3440d4c5498f129b7be62b3e"},o("smoothly-display",{key:"76bda1d9a032c2df5d10850ed34ec96c94524238",type:"phone",value:"0101881108"})),o("dt",{key:"339edc1575a020d74fe03f3dcd428352d905591f"},"card number"),o("dd",{key:"ef75e57c991ca5a1f886e2f6716d3475d6023e42"},o("smoothly-display",{key:"1e694d62f751eb4c566b54ced5094030249eeebd",type:"card-number",value:"4111111111111111"})),o("dt",{key:"c8cd5d87ac6ab7e778449f6e8528c3aeab576438"},"card expires"),o("dd",{key:"af791cca99d6ea340884d8becdb78c4e11a6a40b"},o("smoothly-display",{key:"5e2c05c3f80af6f427c6bd4842d72db8c5dab3e9",type:"card-expires",value:"7/22"})),o("dt",{key:"6a9433b4e2048cd4de63a47c772ee6418d3acf21"},"card csc"),o("dd",{key:"d7e5f17ce69a12146a8ad54c981e59f5f69ae4da"},o("smoothly-display",{key:"24a9c38b6c032aa554974376e13cb2b8ec0b84d0",type:"card-csc",value:"987"})),o("dt",{key:"48f5cac78c36bb5136f51ba66a6d0f07fb1a895f"},"date"),o("dd",{key:"f5de472e757607197287bb40299df53029677995"},o("smoothly-display",{key:"3c3f43d0b929ab99bf66b7e6d2652480272e199b",type:"date",value:"2022-07-07"})),o("dt",{key:"cc7cdb8e399598175e0772b23a7f7426eb6eb9dc"},"date time"),o("dd",{key:"9ece32e9caa673525dcf71b86cd45b061d9827d9"},o("smoothly-display",{key:"8c34dc9335a1dcd809368d490e38b366e0cbad98",type:"date-time",format:{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T02:02:02Z"})),o("dd",{key:"bffb607f7fff4cbd83976db7ebb4b6d047181749"},o("smoothly-display",{key:"9532c7fc763f670bc7efdf790bba83498224fa2b",type:"date-time",format:{year:"2-digit",month:"long",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"},value:"2022-07-07T02:02:02Z"})),o("dd",{key:"e69696c5cacfd2eb127822b7372401baa4838c1f"},o("smoothly-display",{key:"24dd4186d2e39e2ec123f31155e7ec5e9d473237",type:"date-time",format:{year:"numeric",month:"2-digit",day:"2-digit",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),o("dd",{key:"57656dda4f48f82ea0b089be6613076de5c08613"},o("smoothly-display",{key:"f8dc33572b80480deb71b2333d4ccb28a4d4b556",type:"date-time",format:{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),o("dd",{key:"8e06ce3ce8c92fc344b7d0152667ecd3de933ef0"},o("smoothly-display",{key:"dfe29b01b180372cb1bac5702e0ead534ad59ad5",type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),o("dd",{key:"416f2e6fac955dc4a7a08b543186a5176b4359f2"},o("smoothly-display",{key:"42baa9b698ae41db2a96203f11439217b4dd0598",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),o("dd",{key:"9fa5bf6bcc7f11f24c92ea73235fc2c8fd1a9fa5"},o("smoothly-display",{key:"9dc5fc24afb8952b6556c2f4405e47270f7d96c5",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZone:"Europe/Stockholm"},value:"2022-07-07T12:15Z"})),o("dt",{key:"fa0fee5e4d57648ef7379fcab25b1c861df29572"},"Display JSON"),o("dd",{key:"24e8222807dd1a65b3d0b4d49e4e9b7f2f63ca45"},o("smoothly-display-demo-json",{key:"3bfc573006f805f99a9815efd69bdb4cae7da5b0"})))),o("h2",{key:"526bb69d7ad95db53610949dfdfb1a8335d0d734"},"With labels"),o("dd",{key:"42b3f4d34abb22ce98f7421c04076af3cf9592d7"},o("smoothly-display",{key:"bdfcb7554a39ed2f937ef2acc613f07e863b4460",label:"Today",type:"date",value:x.now()}),o("smoothly-display",{key:"ca523fd7b87353ad81a0fd6747626e3313dcd803",label:"Total amount",type:"price",currency:"SEK",value:6789}),o("smoothly-display",{key:"f185521dbf646db7f2dbd0856d5b51c19cea0f7e",label:"Total amount",type:"price",currency:"GBP",value:678.9}),o("smoothly-display",{key:"2b11b984ee41bcfd8651422099dd0243dea5c1f9",label:"Logs",type:"json",value:[{type:"trace",message:"Hello"},{type:"error",message:"Oh no!"}]})),o("fieldset",{key:"ef8bc44b54f0a98227581bcade3330debc22729c"},o("h2",{key:"0dee7b56295ee035a7459a687e95bdcde727e1f7"},"Test of different kinds of notifier"),o("button",{key:"88076dc7ef7db955ba07bad008e3082c9c3177e4",onClick:()=>this.noticeWarning(A.warn("This is a test warning notice."))},"warning"),o("button",{key:"f07659e51be16b4019d2a4759e62ef7a1e526c32",onClick:()=>this.noticeWarning(A.succeeded("This is a test success notice."))},"success"),o("button",{key:"ba7ae24c1f495c0babea9c9c4a5219129d16b5a1",onClick:()=>this.noticeWarning(A.failed("This is a test danger notice."))},"danger"),o("button",{key:"6bec07e40f8cdf258d1ac09bac883570b6599e82",onClick:()=>this.noticeWarning(A.execute("This is a test execute notice.",(()=>new Promise((t=>window.setTimeout((()=>t([true,"This went great"])),3e3))))))},"execute"),o("button",{key:"30284847af0b9196965d40ef9a1e252fb9c6cb93",onClick:()=>this.noticeWarning(A.delay("This is a test delay notice.",(()=>new Promise((t=>window.setTimeout((()=>t([true,"This went great"])),3e3))))))},"delay")),o("fieldset",{key:"3d00362adfdf13d785a824e7a37151bea10f0991"},o("h2",{key:"ec4235bbe8d792aefe999743de12f8f1657e6789"},"Smoothly spinner"),o("div",{key:"041c2d303ad7de8e19695eaca34461b08af1f8ef",style:{width:"fit-content"}},"Large",o("smoothly-spinner",{key:"7899818b65ed91864b3a566a06c652be320779ee",size:"large",style:{"--spinner-background":"200,255,200","--spinner-background-opacity":"0.2","--spinner-color":"0,130,0"}})),o("div",{key:"d91ace8ab22931ac828734c330ec6bdffb7a1874",style:{width:"fit-content"}},"Medium",o("smoothly-spinner",{key:"e9c676eb8aeb5be8bbe3145fab86c5b8e5ce102d",size:"medium"})),o("div",{key:"4ddb83d57b7054a240391751efb43642f89af289",style:{width:"fit-content"}},"Small",o("smoothly-spinner",{key:"f81d12395407c33d35244069cb3f337c2fc68f7e",size:"small"})),o("div",{key:"442d309f4b04986e52cbeae4758377695fbdc3e4"},"Icon sized spinner on button",l.values.map((t=>o("smoothly-button",{size:"icon",color:t,shape:"rounded",onClick:()=>{this.downloadingSpinner=true;setTimeout((()=>this.downloadingSpinner=false),3e3)}},!this.downloadingSpinner&&o("smoothly-icon",{name:"download-outline"}),this.downloadingSpinner&&o("smoothly-spinner",{size:"icon",style:{"--spinner-background-opacity":"0"}}))))),o("h3",{key:"bc6fe08536d2b7245fecb987c84112377532ff5f"},"Spinner with overlay"),o("div",{key:"286d6fc3429a30743f362b89874b22db0c8f00d8",style:{position:"relative",height:"10em"}},"Large Overlay Spinner",o("smoothly-spinner",{key:"05f8103a25be0a00235dabfaf17b17dd059f110d",overlay:true,size:"large",style:{"--spinner-background":"255,200,255","--spinner-background-opacity":"0.5","--spinner-color":"0,130,0"}})),o("div",{key:"88dae76ba4f26b5ba5dab790d030efd2740a9c3a",style:{position:"relative",height:"10em"}},"Medium Overlay Spinner",o("smoothly-spinner",{key:"ea74d644a344b2347888a609a72b20ac5c8651df",overlay:true,color:"secondary",size:"medium"})),o("div",{key:"64d9ade2587010213832e33830c5eeca985c7480",style:{position:"relative",height:"10em"}},"Small Overlay Spinner",o("smoothly-spinner",{key:"494f01fde3c846454bfa32681895b2253db373a4",overlay:true,size:"small"}))),o("fieldset",{key:"6629bd3d32263860e046c756bd0f392c51f25be0"},o("h2",{key:"33d110238af08bfc80a06d55b93cc128cc3a4d50"},"Smoothly summary"),o("smoothly-summary",{key:"5439e9671227547e17576d921bd4d193184310ae"},o("p",{key:"ee434e3b68b0a4826aa8116f31e97d7dc49d775d",slot:"summary"},"Some title"),o("p",{key:"d62fb2938d4e03b22730c56e39adcf8877824dca",slot:"content"},"Some content")),o("smoothly-summary",{key:"a254ceaa12fc7d8b57fced16fd28acba12415d8d",size:"large"},o("p",{key:"67d23f28c4c7f3c742ed0a1a587e7e03e1586f0d",slot:"summary"},"Some title"),o("p",{key:"8f8932f73895d093fae78bf69d4d22c668c07bd2",slot:"content"},"Some content")),o("smoothly-summary",{key:"7aaba204bdf00d513db7f18a1a471da9da233783",color:"danger",fill:"clear"},o("div",{key:"6ee39cdb298258214483de9791ccf3dc198e3fc5",slot:"summary",style:{display:"flex",gap:"0.3rem"}},o("span",{key:"47f78e51e1f6b16dc65aa2da3fb4fd5a34b52133"},"Person"),o("smoothly-icon",{key:"bff84058d5e586bc1bc122415fa5e5ae48cae850",name:"person",color:"light",fill:"clear",size:"tiny"})),o("p",{key:"74e21d10c0cb9dd9cf65dbfe877274b531b99daa",slot:"content"},"Some person information.")),o("smoothly-summary",{key:"4f128356a3938a0e20feb9ad2ea5d0c5220b0246",color:"danger",fill:"clear",open:true},o("p",{key:"3bdc2d15f3c0beb0dcf2fac3dbf6738e02c37dc8",slot:"summary"},"Some other title"),o("p",{key:"9e1952336e8e4eecc3c520d6ef2790d3b724fe72",slot:"content"},"A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.")),o("h2",{key:"1e42dee31207a08f6384bc43a4009fe40cbb2281"},"Label"),ho.map((t=>o("smoothly-label",{hue:t.hue,description:t.description,shape:"rectangle"},t.name))),o("smoothly-label",{key:"a9f6e7d6259d7e52db3e489e857c108b4fba0382",color:"primary",description:"Using colors",shape:"rectangle"},"Primary")))]}};const ho=[{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 mo=class{constructor(e){t(this,e)}render(){return o(s,{key:"f1a41157b7bcdf9c02f55c100f38ba118014c85b"},[0,1,3,undefined].map((t=>[o("div",null,"collapseDepth=",t!==null&&t!==void 0?t:"undefined"),o("div",null,o("smoothly-display",{type:"json",value:uo,collapseDepth:t}))])))}};const uo={name:"stringy",nested:{age:109,array:["one","two","three",{name:"four"}],emptyObject:{},emptyArray:[],truthy:true,falsy:false,null:null,notDefined:undefined,longString:"pepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakor"}};const yo=({value:t,collapseDepth:e})=>j().is(t)||Array.isArray(t)?o("smoothly-display-json-object",{value:t,collapseDepth:e}):o("smoothly-display-json-primitive",{value:t});const bo=".sc-smoothly-display-json-h{font-family:monospace}";const fo=bo;const po=class{constructor(e){t(this,e);this.value=undefined;this.collapseDepth=undefined}render(){return o(yo,{key:"131e760c15a82c6bb11f2cf60173174ca8dd44fe",value:this.value,collapseDepth:this.collapseDepth})}};po.style=fo;const go='.sc-smoothly-display-json-object-h{font-family:monospace;position:relative}[hidden].sc-smoothly-display-json-object-h{display:none}.indent.sc-smoothly-display-json-object{padding-left:1rem;border-left:1px solid rgba(var(--smoothly-default-contrast), 0.3)}.sc-smoothly-display-json-object-h:not(.open) .content.sc-smoothly-display-json-object{opacity:0;position:absolute;pointer-events:none}.sc-smoothly-display-json-object-h>.content.sc-smoothly-display-json-object>.indent.sc-smoothly-display-json-object:last-child>.comma.sc-smoothly-display-json-object{display:none}.sc-smoothly-display-json-object-h .open-bracket.sc-smoothly-display-json-object{cursor:pointer}.sc-smoothly-display-json-object-h .open-bracket.sc-smoothly-display-json-object::after{background-color:rgb(var(--smoothly-light-color));color:rgb(var(--smoothly-light-shade));border:1px solid rgb(var(--smoothly-light-color));white-space:pre;border-radius:0.25rem;font-weight:bold;font-size:0.8em}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover::after{color:rgb(var(--smoothly-default-contrast));border-color:rgb(var(--smoothly-light-shade))}.sc-smoothly-display-json-object-h:not(.open):not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:" ▶ " attr(data-length) " ◀ "}.open.sc-smoothly-display-json-object-h:not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:" ▼ "}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover,.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover~.close-bracket.sc-smoothly-display-json-object{font-weight:bold}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover+.content.sc-smoothly-display-json-object>.indent.sc-smoothly-display-json-object{border-left-color:rgb(var(--smoothly-default-contrast))}';const ko=go;const vo=class{constructor(e){t(this,e);this.openBracket="";this.closeBracket="";this.value=undefined;this.collapseDepth=undefined;this.open=undefined;this.empty=undefined}componentWillLoad(){this.open=typeof this.collapseDepth=="number"?this.collapseDepth>0:true;if(Array.isArray(this.value)){this.openBracket="[";this.closeBracket="]";this.length=this.value.length}else{this.openBracket="{";this.closeBracket="}";this.length=Object.keys(this.value).length}this.empty=this.length==0}render(){const t=typeof this.collapseDepth=="number"?Math.max(this.collapseDepth-1,0):undefined;return o(s,{key:"cd8b1fc958041c8d1f6e71757ad21c046fcc3048",class:{empty:this.empty,open:this.open}},o("span",{key:"a741957e165377e8e898fe087d5550890f7af07e",class:"open-bracket",onClick:()=>this.open=!this.open,"data-length":this.length},this.openBracket),o("span",{key:"ddd54c1609276b989a504e99a416d68ab6762208",class:"content"},Array.isArray(this.value)?this.value.map((e=>o("div",{class:"indent"},o(yo,{value:e,collapseDepth:t}),o("span",{class:"comma"},",")))):Object.entries(this.value).map((([e,s])=>o("div",{class:"indent"},o("smoothly-display-json-record-key",{value:e}),":"," ",o(yo,{value:s,collapseDepth:t}),o("span",{class:"comma"},","))))),o("span",{key:"49dfd0d4606f6e263834d6ca6584d285197ed89e",class:"close-bracket"},this.closeBracket))}};vo.style=ko;const wo=".sc-smoothly-display-json-primitive-h{font-family:monospace;display:inline;overflow-wrap:anywhere;white-space:pre-wrap}[hidden].sc-smoothly-display-json-primitive-h{display:none}.string.sc-smoothly-display-json-primitive-h,.number.sc-smoothly-display-json-primitive-h,.boolean.sc-smoothly-display-json-primitive-h{font-weight:bold}.string.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-primary-color))}.number.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-secondary-color))}.boolean.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-tertiary-color))}.null.sc-smoothly-display-json-primitive-h,.undefined.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-medium-color))}";const xo=wo;const Co=class{constructor(e){t(this,e);this.value=undefined}render(){return o(s,{key:"49511754687e0d51dcac9ef0a4dc91da66838cac",class:this.value==null?"null":typeof this.value},""+JSON.stringify(this.value))}};Co.style=xo;const So=".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 zo=So;const jo=class{constructor(e){t(this,e);this.value=undefined}render(){return o(s,{key:"e1c4b34a42b5dd555b065b40ead5d631d4d10b37"},'"',this.value,'"')}};jo.style=zo;class Io{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 _o=[t=>t instanceof Io?t:undefined];function To(t){_o.push(t)}let Oo;function Lo(t){Oo=t}function Ao(t){let e;for(const o of _o){e=o(t);if(e)break}return e||Oo}class Mo extends Io{constructor(){super();this.precedence=Number.MAX_SAFE_INTEGER;this.class="Always"}is(t){return true}toString(){return""}}Lo(new Mo);class Do extends Io{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 Io{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 Do(t))))}}function Ro(...t){return new Eo(t.map(Ao))}var $o;(function(t){t.is=Po})($o||($o={}));function Po(t,e=false){return typeof t=="number"||typeof t=="string"||t instanceof Io||e&&typeof t=="object"&&t&&Object.values(t).every((t=>Array.isArray(t)?t.every((t=>Po(t,true))):Po(t,true)))}var Fo=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};var No={};var Ho={};var Uo={};var Yo={};var Wo={};(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={}))})(Wo);Object.defineProperty(Yo,"__esModule",{value:true});const Bo=Wo;class Vo{constructor(t,e=Bo.Level.Recoverable,o="unknown",s){this.description=t;this.level=e;this.type=o;this.region=s}toString(){return Bo.Level[this.level]+": "+this.type+" error. "+this.description+(this.region?" @ "+this.region.toString():"")}}Yo.Message=Vo;Object.defineProperty(Uo,"__esModule",{value:true});const Go=Yo;class Ko{raise(t,e,o,s){if(!(t instanceof Go.Message))t=new Go.Message(t,e,o,s);console.error(t.toString())}}Uo.ConsoleHandler=Ko;var Zo={};var qo={};Object.defineProperty(qo,"__esModule",{value:true});class Xo{constructor(t,e){this.line=t;this.column=e}toString(){return"Ln "+this.line+", Col "+this.column}}qo.Position=Xo;Object.defineProperty(Zo,"__esModule",{value:true});const Jo=qo;class Qo extends Jo.Position{constructor(t,e,o){super(e,o);this.resource=t}toString(){return this.resource.toString()+" @ "+super.toString()}}Zo.Location=Qo;var ts={};Object.defineProperty(ts,"__esModule",{value:true});class es{constructor(t,e,o,s){this.resource=t;this.start=e;this.end=o;this.content=s}merge(t){return t?new es(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}}ts.Region=es;Object.defineProperty(Ho,"__esModule",{value:true});var os=Uo;Ho.ConsoleHandler=os.ConsoleHandler;var ss=Wo;Ho.Level=ss.Level;var is=Zo;Ho.Location=is.Location;var as=Yo;Ho.Message=as.Message;var ns=qo;Ho.Position=ns.Position;var ls=ts;Ho.Region=ls.Region;var rs={};var cs={};var ds={};var hs={};var ms={};Object.defineProperty(ms,"__esModule",{value:true});class us{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 us(o[0],o[1])}else e=new us;return e}}ms.User=us;var ys={};Object.defineProperty(ys,"__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}}ys.Endpoint=bs;Object.defineProperty(hs,"__esModule",{value:true});const fs=ms;const ps=ys;class gs{constructor(t=new fs.User,e=new ps.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 gs(fs.User.parse(o.length==2?o.pop():undefined),ps.Endpoint.parse(o.pop()))}return e}}hs.Authority=gs;var ks={};Object.defineProperty(ks,"__esModule",{value:true});const vs=hs;class ws{constructor(t=[],e=new vs.Authority,o=[],s={},i){this.scheme=t;this.authority=e;this.path=o;this.query=s;this.fragment=i}get isRelative(){return this.path[0]=="."||this.path[0]==".."}get isFolder(){return this.path[this.path.length-1]==""}get folder(){return this.isFolder?this:new ws(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 ws(this.scheme,this.authority,e,this.query,this.fragment)}resolve(t){return!t?this:new ws(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 ws(this.scheme,this.authority,t instanceof Array?[...this.path,...t]:[...this.path,t],this.query,this.fragment)}toString(){let t="";if(this.scheme.length>0)t+=this.scheme.join("+")+":";if(!this.authority.isEmpty)t+="//"+this.authority.toString();else if(this.scheme.length>0)t+="//";if(this.path){let e=this.path.join("/");if(e[0]!="."||t.length>0)e="/"+e;t+=e}if(Object.keys(this.query).length>0)t+="?"+this.query.toString();if(this.fragment)t+="#"+this.fragment;return t}static parse(t){let e;switch(t){case"":case null:case undefined:break;default:let o=true;let s=[];let i=t.split("://",2);if(i.length>1){s=(i.shift()||"").split("+");t=i.shift()}else if(t.slice(0,2)=="//")t=t.slice(2);else o=false;let a;let n;if(t&&(a=t.lastIndexOf("#"))>-1){n=t.slice(a+1);t=t.slice(0,a)}let l={};if(t&&(a=t.lastIndexOf("?"))>-1){l=new Object;t.slice(a+1).split(";").forEach((t=>{i=t.split("=");const e=i.shift();const o=i.shift();if(e&&o)l[e]=o}));t=t.slice(0,a)}let r;let c=[];if(t){i=t.split("/");if(i.length>0){switch(i[0]){case".":case"..":break;case"":i.shift();break;default:if(o)r=vs.Authority.parse(i.shift());else i.unshift(".");break}c=i}}e=new ws(s,r,c,l,n);break}return e}}ks.Locator=ws;ws.empty=new ws(undefined,undefined,undefined,undefined,undefined);Object.defineProperty(ds,"__esModule",{value:true});var xs=hs;ds.Authority=xs.Authority;var Cs=ys;ds.Endpoint=Cs.Endpoint;var Ss=ks;ds.Locator=Ss.Locator;var zs=ms;ds.User=zs.User;var js={};var Is={};var _s={};Object.defineProperty(_s,"__esModule",{value:true});class Ts{}_s.Device=Ts;Object.defineProperty(Is,"__esModule",{value:true});const Os=_s;class Ls extends Os.Device{}Is.InDevice=Ls;Object.defineProperty(js,"__esModule",{value:true});const As=Is;class Ms extends As.InDevice{static addOpener(t,e){if(!e)e=0;Ms.openers.push({open:t,priority:e});Ms.openers=Ms.openers.sort(((t,e)=>e.priority-t.priority))}static open(t){let e;let o=0;do{e=Ms.openers[o++].open(t)}while(!e&&o<Ms.openers.length);return e}}js.Reader=Ms;Ms.openers=[];Object.defineProperty(cs,"__esModule",{value:true});const Ds=ds;const Es=Ho;const Rs=js;var $s=js;cs.Reader=$s.Reader;class Ps extends Rs.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:Ds.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 Ps(t):undefined}}cs.BufferedReader=Ps;var Fs={};var Ns={};var Hs=Fo&&Fo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(Ns,"__esModule",{value:true});function Us(t){return Hs(this,void 0,void 0,(function*(){}))}Ns.close=Us;function Ys(t){return Hs(this,void 0,void 0,(function*(){}))}Ns.fsync=Ys;function Ws(t,e,o){return Hs(this,void 0,void 0,(function*(){return 0}))}Ns.open=Ws;function Bs(t,e,o,s){return Hs(this,void 0,void 0,(function*(){return{bytesWritten:0}}))}Ns.write=Bs;function Vs(t,e){return{isDirectory:()=>false}}Ns.lstatSync=Vs;function Gs(t){return[]}Ns.readdirSync=Gs;function Ks(t,e){return""}Ns.readFileSync=Ks;var Zs={};Object.defineProperty(Zs,"__esModule",{value:true});const qs="/";Zs.sep=qs;var Xs={};var Js=Fo&&Fo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(Xs,"__esModule",{value:true});const Qs=Ho;const ti=ds;const ei=js;class oi extends ei.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 Qs.Location(this.resource,this.line,this.column)}get region(){return new Qs.Region(this.resource,this.lastPosition,this.location,this.lastContent)}close(){return Js(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 oi(t,e||ti.Locator.empty):undefined}}Xs.StringReader=oi;Object.defineProperty(Fs,"__esModule",{value:true});const si=Ns;const ii=Zs;const ai=ds;const ni=js;const li=Xs;class ri extends ni.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:ai.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=li.StringReader.create(si.readFileSync((t.isRelative?"":ii.sep)+t.path.join(ii.sep),"utf-8"),t)}catch(e){console.log(`Failed to open file: ${t.toString()}`)}return e?new ri(e):undefined}}Fs.FileReader=ri;ni.Reader.addOpener((t=>ri.open(t)),10);var ci={};var di=Fo&&Fo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(ci,"__esModule",{value:true});const hi=Ns;const mi=Zs;const ui=ds;const yi=Ho;const bi=js;const fi=Fs;class pi extends bi.Reader{constructor(t){super();this.files=t;this.tabSizeValue=2;this.lastLocation=new yi.Location(ui.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 yi.Region(this.resource)}close(){return di(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=fi.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 yi.Region(this.resource)}static getFiles(t,e,o=[]){let s=[];const i=hi.readdirSync(t);i.forEach((i=>{const a=t+mi.sep+i;if(o.indexOf(a)==-1){if(hi.lstatSync(a).isDirectory())s=s.concat(pi.getFiles(a,e,o));else if(i.length>e.length&&i.lastIndexOf(e,i.length-e.length)===i.length-e.length)s.push(a)}}));return s}static open(t){let e;try{if(t&&(t.scheme.length==0||t.scheme.length==1&&t.scheme[0]=="file")&&t.isFolder||t.name.match("*"))e=pi.getFiles((t.isRelative?"":mi.sep)+t.folder.path.join(mi.sep),t.extension)}catch(t){}return e?new pi(e.map((t=>new ui.Locator(["file"],undefined,t.split(mi.sep))))):undefined}}ci.FolderReader=pi;bi.Reader.addOpener((t=>pi.open(t)),0);var gi={};var ki={};var vi={};var wi={};Object.defineProperty(wi,"__esModule",{value:true});function*xi(t){let e;while((e=t())!=undefined)yield e}function Ci(t){return t.next instanceof Function}function*Si(t,e){let o;while(!(o=t.next()).done)yield o.value;if(Ci(e))while(!(o=e.next()).done)yield o.value;else yield e}class zi{constructor(t){this.iterator=t instanceof Function?xi(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 zi(Si(this,t))}map(t){return new zi((()=>{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 zi((()=>{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 zi(t)}}wi.Enumerator=zi;zi.empty=zi.from((()=>undefined));var ji={};Object.defineProperty(ji,"__esModule",{value:true});const Ii=wi;function _i(t){return t==null?false:typeof t[Symbol.iterator]==="function"}class Ti{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 Ii.Enumerator(this.get())}[Symbol.iterator](){return this.getEnumerator()}append(t){return new Ti((()=>this.get().append(t)))}map(t){return new Ti((()=>this.get().map(t)))}reduce(t,e){return this.get().reduce(t,e)}apply(t){this.get().apply(t)}filter(t){return new Ti((()=>this.get().filter(t)))}toArray(){return this.getEnumerator().toArray()}static from(t){return _i(t)?new Ti((()=>new Ii.Enumerator(t[Symbol.iterator]()))):new Ti((()=>{const e=t();return e instanceof Ii.Enumerator?e:new Ii.Enumerator(e)}))}}ji.Enumerable=Ti;Ti.empty=Ti.from([]);var Oi={};Object.defineProperty(Oi,"__esModule",{value:true});const Li=wi;class Ai extends Li.Enumerator{constructor(t){super((()=>this.position<this.backend.length?this.backend[this.position++]:undefined));this.backend=t;this.position=0}}Oi.ArrayEnumerator=Ai;var Mi={};Object.defineProperty(Mi,"__esModule",{value:true});const Di=wi;class Ei extends Di.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]}}Mi.BufferedEnumerator=Ei;var Ri={};Object.defineProperty(Ri,"__esModule",{value:true});class $i{static padLeft(t,e,o){return $i.pad(t,e,o,true)}static padRight(t,e,o){return $i.pad(t,e,o,false)}static pad(t,e,o,s){let i="";const a=o-t.length;for(let t=0;t<a;t++)i+=e;return s?i+t:t+i}}Ri.String=$i;Object.defineProperty(vi,"__esModule",{value:true});var Pi=wi;vi.Enumerator=Pi.Enumerator;var Fi=ji;vi.Enumerable=Fi.Enumerable;var Ni=Oi;vi.ArrayEnumerator=Ni.ArrayEnumerator;var Hi=Mi;vi.BufferedEnumerator=Hi.BufferedEnumerator;var Ui=Ri;vi.String=Ui.String;var Yi={};Object.defineProperty(Yi,"__esModule",{value:true});const Wi=_s;class Bi extends Wi.Device{}Yi.OutDevice=Bi;var Vi=Fo&&Fo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(ki,"__esModule",{value:true});const Gi=ds;const Ki=vi;const Zi=Yi;class qi extends Zi.OutDevice{constructor(){super(...arguments);this.newLineSymbol="\n"}write(t){return Vi(this,void 0,void 0,(function*(){return t instanceof Ki.Enumerator?this.writeImplementation(t):t instanceof Array?this.writeImplementation(new Ki.ArrayEnumerator(t)):this.writeImplementation(new Ki.ArrayEnumerator([t]))}))}writeLine(t){return Vi(this,void 0,void 0,(function*(){return t instanceof Ki.Enumerator?this.writeImplementation(t.append(this.newLineSymbol)):t instanceof Array?this.writeImplementation(new Ki.ArrayEnumerator([...t,this.newLineSymbol])):t?this.writeImplementation(new Ki.ArrayEnumerator([t,this.newLineSymbol])):this.writeImplementation(new Ki.ArrayEnumerator([this.newLineSymbol]))}))}static addOpener(t,e){if(!e)e=0;qi.openers.push({open:t,priority:e});qi.openers=qi.openers.sort(((t,e)=>e.priority-t.priority))}static open(t){return Vi(this,void 0,void 0,(function*(){let e;if(typeof t=="string"){const o=Gi.Locator.parse(t);e=o?yield qi.open(o):undefined}else{let o=0;do{e=yield qi.openers[o++].open(t)}while(!e&&o<qi.openers.length)}return e}))}}ki.Writer=qi;qi.openers=[];Object.defineProperty(gi,"__esModule",{value:true});const Xi=ki;class Ji extends Xi.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)))}}gi.Indenter=Ji;var Qi={};Object.defineProperty(Qi,"__esModule",{value:true});const ta=js;const ea=cs;class oa extends ta.Reader{constructor(t,e){super();this.prefix=e;this.done=false;this.backend=t instanceof ea.BufferedReader?t:ea.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 oa(t,e):t}}Qi.PrefixReader=oa;var sa={};var ia=Fo&&Fo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(sa,"__esModule",{value:true});const aa=Ns;const na=Zs;const la=ki;class ra extends la.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 ia(this,void 0,void 0,(function*(){let t=true;try{yield aa.fsync(this.descriptor)}catch(e){t=false}return t}))}close(){return ia(this,void 0,void 0,(function*(){let t=this.opened;if(t){try{yield aa.close(this.descriptor)}catch(e){t=false}this.descriptor=0}return t}))}writeImplementation(t){return ia(this,void 0,void 0,(function*(){let e=true;const o=Buffer.from(t.reduce(((t,e)=>t+e),""));try{const t=yield aa.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 ia(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 aa.open((t.isRelative?"":na.sep)+t.path.join(na.sep),"w")}catch(t){e=undefined}return e?new ra(t,e):undefined}))}}sa.FileWriter=ra;la.Writer.addOpener(ra.open);var ca={};Object.defineProperty(ca,"__esModule",{value:true});const da=js;const ha=cs;class ma extends da.Reader{constructor(t,e){super();this.endMark=e;this.done=false;this.backend=t instanceof ha.BufferedReader?t:ha.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 ma(t,e):t}}ca.TillReader=ma;var ua={};Object.defineProperty(ua,"__esModule",{value:true});const ya=js;const ba=cs;class fa extends ya.Reader{constructor(t,e){super();this.endMark=e;this.done=-1;this.backend=t instanceof ba.BufferedReader?t:ba.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 fa(t,e):t}}ua.UntilReader=fa;Object.defineProperty(rs,"__esModule",{value:true});var pa=cs;rs.BufferedReader=pa.BufferedReader;var ga=_s;rs.Device=ga.Device;var ka=Fs;rs.FileReader=ka.FileReader;var va=ci;rs.FolderReader=va.FolderReader;var wa=gi;rs.Indenter=wa.Indenter;var xa=Is;rs.InDevice=xa.InDevice;var Ca=Yi;rs.OutDevice=Ca.OutDevice;var Sa=Qi;rs.PrefixReader=Sa.PrefixReader;var za=js;rs.Reader=za.Reader;var ja=Xs;rs.StringReader=ja.StringReader;var Ia=sa;rs.FileWriter=Ia.FileWriter;var _a=ca;rs.TillReader=_a.TillReader;var Ta=ua;rs.UntilReader=Ta.UntilReader;var Oa=ki;rs.Writer=Oa.Writer;Object.defineProperty(No,"__esModule",{value:true});const La=Ho;var Aa=No.Error=La;const Ma=rs;var Da=No.IO=Ma;const Ea=ds;No.Uri=Ea;const Ra=vi;var $a=No.Utilities=Ra;class Pa extends Da.BufferedReader{constructor(t,e){super(typeof t=="string"?Da.StringReader.create(t):t);this.errorHandler=e}raise(t,e,o="lexical",s){if(!(t instanceof Aa.Message)){if(!e)e=Aa.Level.Critical;if(!s)s=this.region;t=new Aa.Message(t,e,o,s)}if(this.errorHandler)this.errorHandler.raise(t)}requirePrefix(t){return new Pa(new Da.PrefixReader(this,t),this.errorHandler)}till(t){return new Pa(Da.TillReader.create(this,t),this.errorHandler)}until(t){return new Pa(Da.UntilReader.create(this,t),this.errorHandler)}peekIsSymbol(t){return this.peekIs(t??["!","(",")","[","]","|","*",":",".","<=",">=","<",">"," * "," + "," - "," / ",","])?.length??false}peekIsWhitespace(){return!!this.peekIs([" ","\n","\t"])}}function Fa(t,e,o){const s=new Pa(t,e);return new $a.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 Na{tokenize(t){return Fa(t,undefined,["!","(",")","[","]","|"," | ","*",":",".","<=",">=","<",">"," * "," + ","+"," - ","-"," / "]).map((t=>({value:t.value}))).toArray()}}class Ha extends Na{constructor(t){super();this.class="array";this.array=t}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;return Ha.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 Ha}}Ha.completor=[];var Ua;(function(t){function e(t){return typeof t=="object"&&typeof t.start=="number"&&typeof t.end=="number"}t.is=e})(Ua||(Ua={}));var Ya;(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:Ua.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})(Ya||(Ya={}));class Wa extends Na{constructor(){super();this.class="boolean"}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;const i=o?Wa.literals.filter((t=>t.value.startsWith(s[0]?.value??""))):s[0]?.value==":"?Ya.prepend(":",Wa.literals.filter((t=>t.value.startsWith(s[1]?.value??"")))):[];return[...i??[],...(o?[]:Wa.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)}}Wa.literals=[{value:"true",suggestion:{value:"true"}},{value:"false",suggestion:{value:"false"}}];Wa.completor=[];var Ba;(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??"(")=="("?Ya.prepend(":",[o]):t.length<=4&&t.slice(0,4).reduce(((t,e)=>t+e.value),"")==":"+o.value?Ya.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?Ya.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?Ya.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?Ya.prepend(":",[o]):Ya.prepend(":",e(t.slice(1)))}t.expressions=o;function s(t,e,o){return t.length>=1&&t[0].value==o.value?Ya.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})(Ba||(Ba={}));class Va extends Na{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?Ya.prepend(":",e.complete(s.slice(1),undefined,this)):e&&s.length>=0&&o?Ya.prepend(" ",e?.complete(s,undefined,undefined)):[],...(o?Va.completorArgument:Va.completor).flatMap((t=>t(s,this,e))).reduce(((t,e)=>t.some((t=>t.value==e.value&&t.cursor==e.cursor))?t:[...t,e]),[])]}isType(t){return isNaN(+t)?false:true}static add(...t){this.completor.push(...t)}static addArgument(...t){this.completorArgument.push(...t)}static is(t){return t instanceof Va||!global.Number.isNaN(t)}}Va.completor=[];Va.completorArgument=[];class Ga extends Na{constructor(t){super();this.properties=t;this.class="object";this.completions=Object.keys(this.properties).map((t=>({value:t,suggestion:{value:t}})))}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;let i;const a=this.filterByType(o);if(!e){const t=s.length>0?this.match(s[0],a):undefined;if(t)i=s.length>=1?Ya.prepend(t.value,this.properties[t.value].complete(s.slice(1),this,o)):[];else if(o&&s.length>2&&o.isType(s[0].value+s[1].value+s[2].value))i=Ya.prepend(s[0].value+s[1].value+s[2].value,o.complete(s.slice(3),this,o));else if(o&&s.length>0&&o.isType(s[0].value))i=Ya.prepend(s[0].value,o.complete(s.slice(1),this,o));else{let t;i=s.length==0?[...this.addDot(a,o),...o?.class=="number"?[]:Ga.wildcard]:s.length==1&&(t=Ga.wildcard.find((t=>t.value==s[0].value)))?Ya.prepend(t.value,this.completions,o?".":""):s.length>=1&&(t=Ga.wildcard.find((t=>t.value==s[0].value)))?Ya.prepend(t.value,this.complete(s.slice(1))):this.addDot(this.partial(s[0],a),o)}}else i=s.length==0?[{value:".",suggestion:{value:"."}}]:s[0].value!="."?[]:s.length==1?Ya.prepend(".",this.addDot(a,o)):this.properties[s[1].value]?Ya.prepend("."+s[1].value,this.properties[s[1].value].complete(s.slice(2),e,o)):Ya.prepend(".",this.addDot(this.partial(s[1],a),o));return[...i.reduce(((t,e)=>t.some((t=>t.value==e.value&&t.cursor==e.cursor))?t:[...t,e]),[]),...Ga.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)}}Ga.wildcard=[{value:"!",cursor:1,suggestion:{value:"!",description:"not"}}];Ga.completor=[];class Ka extends Na{constructor(t){super();this.class="string";if(t)this.value=t}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;let i;if(o)i=this.value?.startsWith(s[0]?.value??"")?[{value:this.value,suggestion:{value:this.value}}]:undefined;else i=s.length==0||s[0].value!=":"?undefined:this.value?.startsWith(s[1]?.value??"")?[Ya.prepend(":",{value:this.value,suggestion:{value:this.value}})]:undefined;return[...i??[],...(o?[]:Ka.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 Ka}}Ka.completor=[];class Za extends Na{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 Za}static is(t){return t instanceof Za}}var qa;(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 Ha(t.map((t=>o(t)))):new Ga(global.Object.entries(t).reduce(((t,e)=>({...t,[e[0]]:o(e[1])})),{}));break;case"string":e=new Ka(t);break;default:e=new Va(t);break}return e}t.convert=o;t.Array=Ha;t.Boolean=Wa;t.Completion=Ya;t.Object=Ga;t.String=Ka;t.Number=Va;t.Union=Za;t.Completor=Ba})(qa||(qa={}));class Xa extends Io{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 Ja(t,e){return Ba.expressions(t,(t=>!t||t[0].value=="*"&&e.value&&e.value.endsWith(t[1]?.value??"")?[qa.Completion.prepend("*",{value:e?.value??"",suggestion:{value:e?.value??""}})]:[]),{value:"*",suggestion:{value:"*",description:"endswith"}})}qa.String.add(Ja);class Qa extends Io{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 tn(t,e){const o=t=>e.array.some(qa.String.is)&&t?e.array.filter(qa.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(qa.String.is)?e.array.filter(qa.String.is).map((t=>({value:t?.value??""}))):e.array.some(qa.Number.is)&&t?e.array.filter(qa.Number.is).map((e=>e.complete(t))).reduce(((t,e)=>Array.isArray(e)?t.concat(e):e?[...t,e]:t),[]):!t&&e.array.some(qa.Number.is)?e.array.filter(qa.Number.is).map((t=>({value:(t?.value??"").toString()}))):[];return Ba.functions(t,o,{value:"every()",cursor:6,suggestion:{value:"every()"}})}qa.Array.add(tn);class en extends Io{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 on{stringify(t=0){let e=this.toString();if(this.precedence<t)e="("+e+")";return e}}class sn extends on{constructor(t,e){super();this.name=e;this.precedence=sn.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 sn(t,e)}}sn.precedence=19;class an extends Io{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 sn&&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 qa.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:">",suggestion:{value:">"}})}qa.Number.add(nn);qa.String.add(nn);class ln extends Io{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 sn&&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 rn(t,e,o){return qa.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:">=",suggestion:{value:">="}})}qa.Number.add(rn);qa.String.add(rn);class cn extends Io{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 dn(t,e,o){return o&&e?.class=="object"?Ba.functions(t,(t=>e.completions.filter((e=>e.value.startsWith(t?t[0].value:"")))),{value:"has()",cursor:4,suggestion:{value:"has()"}}):[]}qa.Object.add(dn);class hn extends Io{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 mn(t,e){const o=new hn(t);return e?o.is(e):o}function un(t,e){return Ba.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=="**"?[qa.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"}})}qa.String.add(un);class yn extends Io{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 yn(Ao(t));return e?o.is(e):o}function fn(t,e,o){return t.length==0?[{value:":",suggestion:{value:":"}}]:t[0].value!=":"?[]:t.length==1&&t[0].value==":"?qa.Completion.prepend(":",e.array.filter(qa.String.is).filter((t=>t.value&&t.value!="string")).map((t=>({value:t?.value??"",suggestion:{value:t?.value??""}})))):t.length==2&&t[0].value==":"?qa.Completion.prepend(":",e.array.filter(qa.String.is).filter((e=>e.value&&e.value!="string"&&e.value.startsWith(t[1].value))).map((t=>({value:t?.value??"",suggestion:{value:t?.value??""}})))):[]}qa.Array.add(fn);class pn extends Io{constructor(t){super();this.value=t;this.precedence=Number.MAX_SAFE_INTEGER;this.class="Is";this.symbol=":"}is(t,e){return Array.isArray(t)&&Po(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()}}To((t=>typeof t=="bigint"||typeof t=="boolean"||typeof t=="number"||typeof t=="string"?new pn(t):undefined));class gn extends Io{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 sn&&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 qa.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:"<",suggestion:{value:"<"}})}qa.Number.add(kn);qa.String.add(kn);class vn extends Io{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 sn&&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 wn(t,e,o){return qa.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:"<=",suggestion:{value:"<="}})}qa.Number.add(wn);qa.String.add(wn);function xn(t,e){return Ba.expressions(t,(t=>t&&t?.length==1&&t[0].value=="/"?[{value:"//",cursor:1}]:[]),{value:"//",cursor:1,suggestion:{value:"//",description:"match"}})}qa.String.add(xn);class Cn extends Io{constructor(t){super();this.criteria=t;this.precedence=Cn.precedence;this.class="Not"}is(t){return!this.criteria.is(t)}toString(){return`!${this.criteria.stringify(this.precedence)}`}}Cn.precedence=90;function Sn(t,e){const o=new Cn(Ao(t));return e?o.is(e):o}function zn(t,e,o){return e&&e.class!="object"&&o?Ba.expressions(t,(t=>t[0].value!="!"?[]:qa.Completion.prepend("!",e.complete(t.slice(1),o,e))),{value:"!",cursor:1,suggestion:{value:"!",description:"not"}}):[]}qa.String.add(zn);qa.Number.add(zn);qa.Boolean.add(zn);qa.Object.add(zn);class jn extends Io{constructor(t){super();this.precedence=jn.precedence;this.class="Or";this.criteria=t.reduce(((t,e)=>e instanceof jn?[...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(" | ")}}jn.precedence=30;function In(t,e,o){return qa.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,undefined):[]),{value:" | ",suggestion:{value:"|",description:"or"}})}qa.Number.addArgument(In);class _n extends $a.BufferedEnumerator{constructor(t,e){super(Array.isArray(t)?new $a.ArrayEnumerator(t):t);this.errorHandler=e}clone(t="(",e=")"){let o=0;return new _n(new $a.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&&_n.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 $a.Enumerable.from($a.Enumerable.empty)}raise(t,e=Aa.Level.Critical,o="grammatical",s){if(typeof t=="string"){if(!s&&this.last)s=this.last.region;t=new Aa.Message(t,e,o,s)}this.errorHandler.raise(t)}static is(t,e){return Array.isArray(t)?t.some((t=>_n.is(t,e))):typeof t!="string"?t.test(e):t.startsWith("!")&&t!="!"?!_n.is(t.substring(1),e):t=="any"?_n.symbol.every((t=>t!=e)):t=="symbol"?_n.symbol.some((t=>t==e)):t=="identifier"?/[A-Za-z][A-Za-z0-9_]*/.test(e):t==e}}_n.wildcard=["*","?"];_n.separator=["(",")","."];_n.operator=["!","|"];_n.comparator=["<","<=",">",">=",":"];_n.binaryOperator=[" * "," + "," - "];_n.symbol=[..._n.wildcard,..._n.separator,..._n.operator,..._n.comparator];function Tn(t,e){if(typeof t=="string"){e=e||new Aa.ConsoleHandler;const o=Fa(t,e).toArray();t=new _n(o,e)}e=e instanceof Io?e:undefined;const o=[];while(t.peek()){if(t.fetchIf("|"))o[o.length-1]=new jn([o[o.length-1],On(0,t)]);else o.push(On(0,t))}return o.length==1?o[0]:new Eo(o)}function On(t,e){let o;const s=typeof t=="number"?e=>t<e:e=>t.precedence>e;const i=typeof t=="number"?undefined:t;for(const t of Ln)if(s(t[1]||Number.MAX_SAFE_INTEGER)){const s=t[0](e,i);if(s){o=On(s,e);break}}return o||i||new Eo([])}const Ln=[];function An(t,e){Ln.push([t,e])}function Mn(t,e){if(typeof t=="string"){e=e||new Aa.ConsoleHandler;const o=Fa(t,e).toArray();t=new _n(o,e)}e=e instanceof on?e:undefined;let o;let s=false;let i=false;while(!o!=s&&!i&&t.peek()){let e=1;s=false;i=false;while(!s&&!i&&t.peek(e)){s=_n.binaryOperator.some((o=>t.peek(e)?.value==o));i=_n.comparator.some((o=>t.peek(e)?.value==o));e++}o=Dn(o??Number.MAX_SAFE_INTEGER,t)}if(!o)t.raise("Missing Expression");return o??new sn(NaN)}function Dn(t,e){let o;const s=typeof t=="number"?undefined:t;for(const s of En){const i=s[0](e,t);if(i){o=i;break}}return o||s}const En=[];function Rn(t,e){En.push([t,e])}An((t=>{const e=t.fetchIf(":","every","(")&&new Qa(Tn(t.clone()));if(e&&!t.fetchIf(")"))t.raise("Missing end of parenthesis.");return e}));An((t=>{const e=t.fetchIf(":","some","(")&&new yn(Tn(t.clone()));if(e&&!t.fetchIf(")"))t.raise("Missing end of parenthesis.");return e}));An($n(Tn));Rn($n(Mn));function $n(t){return e=>{const o=e.fetchIf("(")&&t(e.clone());if(o&&!e.fetchIf(")"))e.raise("Missing end of parenthesis.");return o}}An((t=>t.fetchIf(">")&&new an(Mn(t))));An((t=>t.fetchIf(">=")&&new ln(Mn(t))));An((t=>t.fetchIf("<")&&new gn(Mn(t))));An((t=>t.fetchIf("<=")&&new vn(Mn(t))));An((t=>t.fetchIf("!")&&new Cn(On(Cn.precedence,t))));An((t=>{const e=t.fetchIf("has","(","any",")")||t.fetchIf(":","has","(","any",")");return e&&new cn(e.length==4?e[2].value:e[3].value)}));class Pn extends Io{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 Fn(t,e){const o=new Pn(t);return e?o.is(e):o}function Nn(t,e,o){return o&&e?.class?Ba.functions(t,(t=>[]),{value:"within()",cursor:7,suggestion:{value:"within()"}}):[]}qa.String.add(Nn);qa.Number.add(Nn);An((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 Pn(o):undefined}));class Hn extends Io{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 Un(t,e){const o=new Hn(t);return e?o.is(e):o}function Yn(t,e,o){return Ba.functions(t,(()=>[]),{value:"contains()",cursor:9,suggestion:{value:"contains()"}})}qa.Array.add(Yn);An((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 Hn(o):undefined}));An((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 en(o[0].value,s):undefined}));class Wn extends Io{constructor(t,e){super();this.name=t;this.criteria=e;this.precedence=Wn.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)??""}`}}Wn.precedence=80;function Bn(t,e,o){const s=(Array.isArray(t)?t:[t]).reduceRight(((t,e)=>new Wn(e,t)),Ao(e));return o?s.is(o):s}To((t=>typeof t=="object"&&!(t instanceof Io)&&!Array.isArray(t)?Ro(...Object.getOwnPropertyNames(t).map((e=>Bn(e,t[e])))):undefined));An((t=>{const e=[];let o;while(o=t.fetchIf("identifier","."))e.push(o[0].value);if(t.peekIs("identifier",_n.comparator)&&(o=t.fetchIf("identifier")))e.push(o.value);return e.length>0?e.reduceRight(((t,e)=>new Wn(e,t)),t.peekIs("identifier")&&(o=t.fetchIf("identifier"))?new Wn(o.value):On(Wn.precedence,t)):undefined}));An((t=>{const e=t.fetchIf(":","*","any","*")||t.fetchIf("*","any","*");return e&&new hn(e.length==4?e[2].value:e[1].value)}));class Vn extends Io{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 Gn(t,e){return Ba.expressions(t,(t=>!t||t.length==1&&t[0].value=="*"||t.length==2&&t[1].value=="*"&&e.value&&e.value.startsWith(t[0]?.value??"")?[qa.Completion.prepend("",{value:e?.value??"",suggestion:{value:e?.value??""}},"*")]:[]),{value:"*",cursor:0,suggestion:{value:"*",description:"startswith"}})}qa.String.add(Gn);An((t=>{const e=t.fetchIf(":","any","*")||t.fetchIf("any","*");return e&&new Vn(e?.length==3?e[1].value:e[0].value)}));An((t=>{const e=t.fetchIf(":","*","any")||t.fetchIf("*","any");return e&&new Xa(e?.length==3?e[2].value:e[1].value)}));class Kn extends on{toString(){const t=this.symbol;return this.left.stringify(Kn.getPrecedence(t))+` ${t} `+this.right.stringify(Kn.getPrecedence(t))}constructor(t,e,o,s){super();this.precedence=e;this.left=o;this.right=s;this.class="InfixOperator";this.symbol=t.replace(/ /g,"")}evaluate(t){let e;switch(this.getSymbol()){case"+":e=this.left.evaluate(t)+this.right.evaluate(t);break;case"-":e=this.left.evaluate(t)-this.right.evaluate(t);break;case"*":e=this.left.evaluate(t)*this.right.evaluate(t);break;default:e=NaN;break}return e}getSymbol(){return this.symbol}stringify(t=0){let e=this.toString();if(this.precedence<t)e="("+e+")";return e}static getPrecedence(t){let e;t=t?.replace(/ /g,"");switch(t){case"+":e=14;break;case"-":e=15;break;case"*":e=16;break;default:e=undefined;break}return e}static create(t,e,o){let s;const i=new Kn("+",14,e,o);const a=Kn.getPrecedence(t);if(a)s=new Kn(t,a,e,o);return s||i}}function Zn(t,e,o){return[" + "," - "," * "].map((t=>({value:t,suggestion:{value:t}}))).map((s=>qa.Completor.operators(t,(t=>t?o.complete(t,undefined,e):[]),s))).reduce(((t,e)=>t.concat(e)),[])}qa.Number.addArgument(Zn);Rn(((t,e)=>{let o;const s=t.peekIs(_n.binaryOperator)&&t.fetch().value;let i;if(s&&typeof e=="object"){let a;let n;let l=0;i=Kn.getPrecedence(s);while(!n&&t.peek(l)){n=t.peek(l)?.value=="("?Number.MAX_SAFE_INTEGER:Kn.getPrecedence(t.peek(l)?.value);l++}if(n&&i<n){a=Dn(i,t);if(!a){t.raise("Missing right hand side of "+s)}}else a=Dn(NaN,t);if(n&&i==n||n==Number.MAX_SAFE_INTEGER){o=Dn(new Kn(s,i,e,a),t)}else o=new Kn(s,i,e,a)}return o}));Rn(((t,e)=>{const o=[];let s;while(s=t.fetchIf("identifier","."))o.push(s[0].value);let i;if(o.length==0){s=t.fetchIf("any",".","any")||t.fetchIf("any",",","any")||t.fetchIf("any");i=s&&(Array.isArray(s)?new sn(+s.map((t=>t.value.replace(",","."))).join("")):new sn(s.value))}else{s=t.fetchIf("identifier");const e=new sn(s?s.value:0);i=o.length>0?o.reduceRight(((t,e)=>new sn(isNaN(+t)?t:+t,e)),e):undefined}if(i&&typeof e=="number"&&!isNaN(e)&&e!=Number.MAX_SAFE_INTEGER)i=Dn(i,t);return i}));An((t=>{let e;if(t.fetchIf(":")){let o=false;let s=false;let i=1;while(!o&&!s&&t.peek(i)){o=_n.binaryOperator.some((e=>t.peek(i)?.value==e));s=_n.comparator.some((e=>t.peek(i)?.value==e));i++}if(o)e=Mn(t)}const o=t.fetchIf("any");return e?new pn(e):o&&new pn(o.value)}));An((t=>{t.raise(`Ignoring unknown token "${t.fetch()}"`);return undefined}));function qn(t,e,o={input:[],identifier:[]}){return Xn[e?.class]?.(t,e,o)??e}const Xn={};function Jn(t,e){Xn[t]=e}Jn("And",((t,e,o)=>new Eo(e.rules.map((e=>qn(t,e,o))))));var Qn;(function(t){function e(t,e){let o=undefined;let s;const i=typeof t=="string"?t:t.toString();if(e&&e.input&&e.identifier&&e?.input?.length>0&&e?.identifier?.length>0&&e.identifier.includes(i)){s=e.identifier.indexOf(i);o=isNaN(+e.input[s])?e.input[s]:+e.input[s]}return o}t.argument=e})(Qn||(Qn={}));Jn("EndsWith",((t,e,o)=>{const s=Qn.argument(e.needle,o);return s?new Xa(typeof s=="object"?s.value.toString():s.toString()):e}));Jn("Every",((t,e,o)=>new Qa(qn(t,e.criteria,o))));Jn("FunctionCall",((t,e,o)=>{const s=t[e.identifier];const i=s?Tn(s.definition):undefined;const a=i?qn(t,i,{input:o?.input?.concat(e.argument),identifier:o?.identifier?.concat(s.arguments)}):undefined;return new en(e.identifier,e.argument,a)}));Jn("GreaterThan",((t,e,o)=>{const s=Qn.argument(e.value,o);return s?new an(s):e}));Jn("GreaterThanOrEqual",((t,e,o)=>{const s=Qn.argument(e.value,o);return s?new ln(s):e}));Jn("Has",((t,e,o)=>{const s=Qn.argument(e.property,o);return s?new cn(typeof s=="object"?s.value.toString():s.toString()):e}));Jn("Includes",((t,e,o)=>{const s=Qn.argument(e.needle,o);return s?new hn(typeof s=="object"?s.value.toString():s.toString()):e}));Jn("LesserThan",((t,e,o)=>{const s=Qn.argument(e.value,o);return s?new gn(s):e}));Jn("LesserThanOrEqual",((t,e,o)=>{const s=Qn.argument(e.value,o);return s?new vn(s):e}));Jn("Not",((t,e,o)=>new Cn(qn(t,e.criteria,o))));Jn("Or",((t,e,o)=>new jn(e.criteria.map((e=>qn(t,e,o))))));Jn("Property",((t,e,o)=>new Wn(e.name,e.criteria&&qn(t,e.criteria,o))));Jn("Some",((t,e,o)=>new yn(qn(t,e.criteria,o))));Jn("StartsWith",((t,e,o)=>{const s=Qn.argument(e.needle,o);return s?new Vn(typeof s=="object"?s.value.toString():s.toString()):e}));Jn("Is",((t,e,o)=>{const s=Qn.argument(e.value,o);return s?new pn(s):e}));class tl extends Io{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(", ")}]`}}To((t=>Array.isArray(t)?new tl(t.map(Ao)):undefined));function el(t,e){const o=Ao(t);return e?o.is(e):o}function ol(t,e){const o=Ao(t);return o.filter(e)}const sl=j({emit:h()});var il;(function(t){let e;(function(t){t.type=j({property:I().optional(),properties:m(I(),I()).optional()})})(e=t.Element||(t.Element={}));t.type=e.type.extend({smoothlyFilterUpdate:sl,smoothlyFilterManipulate:sl})})(il||(il={}));const al='.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 nl=al;const ll=class{constructor(o){t(this,o);this.smoothlyFilter=e(this,"smoothlyFilter",7);this.updating=false;this.filters=new Set;this.detailChildren=undefined;this.criteria=Ro();this.expanded=false}updateHandler(t){t.stopPropagation();if(il.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=Ro(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=Ro());this.filters.forEach((t=>t(this.criteria)))}render(){return o(s,{key:"6d2925d77e427d1b8daf5d6e3e6e02c4347ed6df"},o("slot",{key:"5008ec9f161df30ecfd56c25373e6451b48376ab",name:"bar"}),o("smoothly-filter-field",{key:"8cd73196884334207516a6a39a8fccf1274262cb",criteria:this.criteria,ref:t=>this.field=t}),this.criteria.toString()!=""&&o("smoothly-icon",{key:"ee51102ab15a114e7046862a50cef9e4637acd80",name:"close",tooltip:"Clear all filters",size:"small",onClick:()=>{this.clear()}}),o("div",{key:"8884f65d57a7ed98632df2166240e71769bbea81",class:this.expanded?"container arrow-top":"hidden"},o("slot",{key:"f6e3d49b1bdf7f4d63cdc0295b531eb723ffd438",name:"detail"})),o("smoothly-icon",{key:"bb5e310f1d5cbf04c0b8b3b363c858b956b763b6",name:this.expanded?"options":"options-outline",tooltip:(this.expanded?"Hide":"Show")+" additional filters",size:"small",onClick:()=>{this.expanded=!this.expanded}}),o("div",{key:"ffd363e53604152eba2d90bd6dfe08a9e0c96bd8",class:this.expanded?"close":"hidden",onClick:()=>this.expanded=!this.expanded}))}};ll.style=nl;const rl=".sc-smoothly-filter-field-h{flex-grow:5}";const cl=rl;const dl=class{constructor(o){t(this,o);this.smoothlyFilterField=e(this,"smoothlyFilterField",7);this.value="";this.criteria=undefined}async clear(){var t;await((t=this.input)===null||t===void 0?void 0:t.clear())}filterFieldEmit(){var t;this.smoothlyFilterField.emit(Tn((t=this.value)!==null&&t!==void 0?t:""))}updateValue(t){this.value=t.detail.filter}render(){return o(s,{key:"deb052d0a91cc6fd849dc5eff41de9dd2f586d6b"},o("smoothly-input",{key:"b8b8398eefa3dd2ab2f754a84ac5c5ee01db5c4f",name:"filter",ref:t=>this.input=t,value:this.criteria.toString(),onSmoothlyInputLooks:t=>t.stopPropagation(),onSmoothlyKeydown:t=>{t.stopPropagation();t.detail.key=="Enter"&&this.filterFieldEmit()},onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyFormDisable:t=>t.stopPropagation(),onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyChange:t=>t.stopPropagation(),onSmoothlyInput:t=>{t.stopPropagation();this.updateValue(t)}},"Filter"))}};dl.style=cl;const hl=".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 ml=hl;const ul=class{constructor(o){t(this,o);this.smoothlyFilterUpdate=e(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=e(this,"smoothlyFilterManipulate",7);this.type="text";this.needle="";this.label=undefined;this.property=undefined;this.placeholder=undefined}componentDidLoad(){this.smoothlyFilterUpdate.emit(this.update.bind(this))}update(t){var e;if(t instanceof 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 Wn&&t.name==o&&(t.criteria instanceof hn&&t.criteria||t.criteria instanceof Wn&&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=Ro(...o.rules)}return o};this.smoothlyFilterManipulate.emit(o.bind(this))}getCriteria(t){return this.property.split(".").reduceRight(((t,e)=>Bn(e,t)),mn(t))}findInstanceOf(t,e){const[o,...s]=e.split(".");return t instanceof Wn&&t.name==o&&(s.length==0||!!t.criteria&&this.findInstanceOf(t.criteria,s.join(".")))}render(){return o("smoothly-input",{key:"dcdcf65e2456c0f1dc2e7f166f5b97284da86ece",name:this.property,value:this.needle,type:this.type,placeholder:this.placeholder,onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyFormDisable:t=>t.stopPropagation(),onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyChange:t=>t.stopPropagation(),onSmoothlyInput:t=>this.inputHandler(t)},this.label,o("slot",{key:"2c358098ad7fc6fd230e562351dd721755db9f96"}))}};ul.style=ml;const yl=".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=yl;const fl=class{constructor(o){t(this,o);this.smoothlyFilterUpdate=e(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=e(this,"smoothlyFilterManipulate",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.updating=false;this.items=new Map;this.label=undefined;this.property=undefined;this.menuHeight=undefined;this.multiple=false;this.type="string";this.looks=undefined}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t}))}async componentDidLoad(){this.smoothlyFilterUpdate.emit(this.update.bind(this))}async smoothlyInputLoadHandler(t){var e,o;(o=await((e=this.selectElement)===null||e===void 0?void 0:e.getItems()))===null||o===void 0?void 0:o.forEach((t=>this.items.set(t.value,{state:this.property.split(".").reduceRight(((t,e)=>({[e]:t})),t.value),item:t})))}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks)}}update(t){this.updating=true;if(t instanceof 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,...i]=e.split(".");const a=t instanceof Wn&&t.name==s?this.isCriteria(t.criteria,i.join("."),o[s]):this.multiple?t instanceof Pn&&t.value.some((t=>t==o))||this.type=="array"&&t instanceof Hn&&t.criteria.some((t=>t==o)):t instanceof pn&&t.value==o;return a}selectHandler(t){t.stopPropagation();if(!this.updating){const e=t.detail[this.property];const o=t=>{let o=t;const s=this.getCriteria(e);if(!(o instanceof Io))o=s?Ro(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=Ro(...o.rules)}return o};this.smoothlyFilterManipulate.emit(o.bind(this))}}findInstanceOf(t,e){const[o,...s]=e.split(".");return t instanceof Wn&&t.name==o&&(t.criteria instanceof Pn||t.criteria instanceof pn||t.criteria instanceof Hn||t.criteria instanceof Wn&&this.findInstanceOf(t.criteria,s.join(".")))}getCriteria(t){let e;if(this.multiple&&I().array({criteria:"minLength",value:1}).is(t))e=this.type=="array"?Un(t):Fn(t);else if(typeof t=="string")e=el(t);else e=undefined;return e&&this.property.split(".").reduceRight(((t,e)=>Bn(e,t)),e)}render(){return o("smoothly-input-select",{key:"31555db35062b72b3c76225972d8aca0c2e00ceb",ref:t=>this.selectElement=t,name:this.property,looks:this.looks,multiple:this.multiple,menuHeight:this.menuHeight,onSmoothlyInputLooks:t=>t.stopPropagation(),onSmoothlyItemSelect:t=>t.stopPropagation(),onSmoothlyInput:t=>this.selectHandler(t)},this.label&&o("span",{key:"e77cfc0ea0380a47db47867dd85dbf43446c2c2b",slot:"label"},[this.label.slice(0,1).toUpperCase(),this.label.slice(1,this.label.length)].join("")),o("slot",{key:"4a98d4aff03c942e97c5b602cc01f5b8dd1ccf0f",name:"items"}))}get element(){return i(this)}};fl.style=bl;const pl=".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 gl=pl;const kl=class{constructor(o){t(this,o);this.smoothlyFilterUpdate=e(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=e(this,"smoothlyFilterManipulate",7);this.icon=undefined;this.properties=undefined;this.tooltip=undefined;this.not=undefined;this.flip=false;this.active=false}componentWillLoad(){this.active&&this.activeHandler()}componentDidLoad(){this.smoothlyFilterUpdate.emit(this.update.bind(this))}update(t){if(t instanceof 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 Cn?t.criteria:undefined;return o==""?!(s instanceof Wn&&s.name==e):this.isCriteria(s,e,o)}))))}else this.active=false}isCriteria(t,e,o){const[s,...i]=e.split(".");return t instanceof Wn&&t.name==s&&(t.criteria instanceof pn&&t.criteria.value==o||this.isCriteria(t.criteria,i.join("."),o))}activeHandler(t){const e=e=>{let o=e;t&&(this.active=!this.active);if(o instanceof Eo){for(const[t,e]of Object.entries(this.properties)){const s=!this.active||this.active&&e==""?undefined:this.not?Sn(this.createCriteria(t,e)):this.createCriteria(t,e);const i=o.rules.findIndex((e=>this.findInstanceOf(e,t)));!s&&i>=0?o.rules.splice(i,1):!s?undefined:i==-1?o.rules.push(s):o.rules[i]=s}o=Ro(...o.rules)}return o};this.smoothlyFilterManipulate.emit(e.bind(this))}createCriteria(t,e){const[o,...s]=t.split(".");return Bn(o,s.length==0?el(e):this.createCriteria(s.join("."),e))}findInstanceOf(t,e){const o=!this.not?t:t instanceof Cn?t.criteria:false;const[s,...i]=e.split(".");return o instanceof Wn&&o.name==s&&(i.length==0||!!o.criteria&&this.findInstanceOf(o.criteria,i.join(".")))}render(){return o("smoothly-icon",{key:"7014f80026c5118a95a278be45dce1df51e8fb25",fill:"clear",color:this.active?"success":"medium",name:this.active?`${this.icon}`:`${this.icon}-outline`,tooltip:this.tooltip,onClick:()=>this.activeHandler(true)})}};kl.style=gl;var vl;(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})(vl||(vl={}));const wl={};function xl(t,...e){e.forEach((e=>wl[e]=t))}function Cl(t){const e=t.headers.get("Content-Type");const o=e&&e.split(";");const s=wl[o?.[0]??"plain/text"];return s?s(t):t.text()}const Sl={};function zl(t,...e){e.forEach((e=>Sl[e]=t))}function jl(t,e){const o=Sl[e?.split(";")[0]??""];return o?o(t,e):t}function Il(t){return t.toLowerCase().replace(/-[a-z]/g,(t=>t.substring(1).toUpperCase()))}function _l(t){const e=t.replace(/[A-Z]/g,(t=>"-"+t));return e[0].toUpperCase()+e.substring(1)}const Tl=[["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 Ol;(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"&&Tl.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=Tl.find((([e,o,s])=>e==t));return[o?o[1]:_l(t),Array.isArray(e)?e.join(", "):e]})))}t.to=o;function s(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):a(t)?[...t]:Object.entries(t)).map((([t,e])=>{const o=Tl.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()))]:[Il(t),e]})))}t.from=s;function i(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=i;function a(t){return typeof t.entries=="function"}})(Ol||(Ol={}));var Ll;(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))))&&vl.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||Ol.is(t.header))}t.is=e;async function o(t){const o=e(t)?t:i(t);const s=o.header.contentType?.startsWith("multipart/form-data")?(({contentType:t,...e})=>e)(o.header):o.header;return{url:o.url.toString(),method:o.method,headers:Ol.to(s),body:["GET","HEAD"].some((t=>t==o.method))?undefined:await jl(await o.body,o.header.contentType)}}t.to=o;function s(t){const e=new URL(t.url);return{method:vl.parse(t.method)??"GET",url:e,header:Ol.from(t.headers),parameter:{},search:Object.fromEntries(e.searchParams.entries()),body:Cl(t),..."cf"in t&&{cloudflare:t.cf}}}t.from=s;function i(t){let e;if(typeof t=="string")e=i({url:t});else{const o=typeof t.url=="string"?new URL(t.url):t.url;e={method:vl.parse(t.method)??"GET",url:o,parameter:t.parameter??{},search:{...t.search,...Object.fromEntries(o.searchParams.entries())},remote:t.remote,header:t.header??{},body:t.body}}return e}t.create=i;(function(t){t.is=Ol.is;t.from=Ol.from;t.to=Ol.to})(t.Header||(t.Header={}))})(Ll||(Ll={}));const Al=typeof Response!="undefined"?Response:globalThis.Response;var Ml=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 Dl=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,i){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?i.call(t,o):i?i.value=o:e.set(t,o),o};var El,Rl,$l,Pl,Fl,Nl,Hl,Ul,Yl;class Wl{get state(){return Ml(this,Pl,"f")?"closed":"opened"}set onMessage(t){if(Ml(this,Rl,"f").length&&t){Ml(this,Rl,"f").forEach(t);Dl(this,Rl,[],"f")}Dl(this,Nl,t,"f")}set onClose(t){if(this.state=="closed"&&t)t();Dl(this,Hl,t,"f")}set onOpen(t){if(this.state=="opened"&&t)t();Dl(this,Yl,t,"f")}constructor(t,e){El.add(this);Rl.set(this,[]);$l.set(this,[]);Pl.set(this,false);Fl.set(this,void 0);Nl.set(this,void 0);Hl.set(this,void 0);Yl.set(this,void 0);Dl(this,Fl,t,"f");if(e)Dl(this,$l,undefined,"f");Ml(this,Fl,"f").addEventListener("open",(()=>{if(Ml(this,Yl,"f"))Ml(this,Yl,"f").call(this);Ml(this,El,"m",Ul).bind(this)}));Ml(this,Fl,"f").addEventListener("message",(async t=>{const e=this.processReceived(t.data);Ml(this,El,"m",Ul).call(this);if(Ml(this,Nl,"f"))Ml(this,Nl,"f").call(this,e);else Ml(this,Rl,"f")?.push(e)}));Ml(this,Fl,"f").addEventListener("close",(()=>{if(Ml(this,Hl,"f"))Ml(this,Hl,"f").call(this);Dl(this,Pl,true,"f")}))}send(t){if(Ml(this,$l,"f"))Ml(this,$l,"f").push(this.processSend(t));else Ml(this,Fl,"f").send(this.processSend(t))}}Rl=new WeakMap,$l=new WeakMap,Pl=new WeakMap,Fl=new WeakMap,Nl=new WeakMap,Hl=new WeakMap,Yl=new WeakMap,El=new WeakSet,Ul=function t(){Ml(this,$l,"f")?.forEach((t=>Ml(this,Fl,"f").send(t)));Dl(this,$l,undefined,"f")};class Bl extends Wl{processReceived(t){return t?.arrayBuffer?t.arrayBuffer():typeof t=="string"?(new TextEncoder).encode(t).buffer:t}processSend(t){return t}}class Vl extends Wl{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 Gl extends Wl{processReceived(t){return t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t}processSend(t){return t}}var Kl=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 Zl=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,i){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?i.call(t,o):i?i.value=o:e.set(t,o),o};var ql,Xl,Jl;class Ql{get json(){if(!Kl(this,ql,"f"))Zl(this,ql,new Vl(this.backend,this.isOpen),"f");return Kl(this,ql,"f")}get string(){if(!Kl(this,Xl,"f"))Zl(this,Xl,new Gl(this.backend,this.isOpen),"f");return Kl(this,Xl,"f")}get arrayBuffer(){if(!Kl(this,Jl,"f"))Zl(this,Jl,new Bl(this.backend,this.isOpen),"f");return Kl(this,Jl,"f")}constructor(t,e){this.backend=t;this.isOpen=e;ql.set(this,void 0);Xl.set(this,void 0);Jl.set(this,void 0)}createResponse(t={}){return{status:101,socket:this,header:t}}close(t,e){this.backend.close(t,e)}}ql=new WeakMap,Xl=new WeakMap,Jl=new WeakMap;var tr;(function(t){t.Factory=Ql})(tr||(tr={}));const er=[["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 or;(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"&&er.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=er.find((([e,...o])=>e==t));return[o?o[1]:_l(t),Array.isArray(e)?e.join(", "):e]})))}t.to=o;function s(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):a(t)?n(t):Object.entries(t)).map((([t,e])=>{const o=er.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()))]:[Il(t),e]})))}t.from=s;function i(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=i;function a(t){return typeof t.forEach=="function"}function n(t){const e=[];t.forEach(((t,o)=>e.push([o,t])));return e}})(or||(or={}));var sr;(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||or.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})(sr||(sr={}));var ir;(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||or.is(t.header))&&(t.socket==undefined||t.socket instanceof WebSocket)}t.is=e;async function o(t){return new Al(await jl(await t.body,t.header.contentType),{status:t.status,headers:new Headers(or.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:or.from(t.headers),body:t.status==101?undefined:Cl(t),...t.webSocket&&{socket:new tr.Factory(t.webSocket)}}}t.from=s;function i(t,e){const o=sr.is(t)?{status:200,header:{},body:undefined,...t.socket&&{socket:t.socket},...t}:typeof t?.createResponse=="function"&&(e==undefined||or.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 tr.Factory(t.webSocket)}||t.socket&&{socket:t.socket}};if(!o.header.contentType)switch(typeof o.body){case"undefined":break;default:case"object":o.header.contentType=typeof e=="string"?e:e?.contentType?e.contentType:o.body instanceof FormData?"multipart/formdata":o.body instanceof ArrayBuffer||ArrayBuffer.isView(o.body)?a(o.body)?"application/pdf":"application/octet-stream":"application/json; charset=utf-8";break;case"string":o.header.contentType=o.body.slice(0,9).toLowerCase()=="<!doctype"?"text/html; charset=utf-8":/^[A-Za-z0-9-_=]+\.[A-Za-z0-9-_=]+\.?[A-Za-z0-9-_.+/=]*$/.test(o.body)?"application/jwt; charset=utf-8":/^<\?xml version=(.|\n)*\?>(.|\n)*<svg(.|\n)*<\/svg>$/.test(o.body)?"image/svg+xml":"text/plain; charset=utf-8";break}return o}t.create=i;function a(t){const e=new Uint8Array(ArrayBuffer.isView(t)?t.buffer:t).slice(0,4);return[37,80,68,70].every(((t,o)=>t==e[o]))}t.Header=or;t.Like=sr})(ir||(ir={}));const ar=nr(globalThis.fetch);ar.create=nr;function nr(t){return async e=>{const o=Ll.create(e);return ir.from(await t(o.url.toString(),await Ll.to(o)))}}var lr;(function(t){function e(t){const e=new globalThis.FormData;e.append("*",new globalThis.Blob([(new TextEncoder).encode(JSON.stringify(o(t,"",e)))],{type:"application/json; charset=utf-8"}));return e}t.to=e;function o(t,e,i){return Object.entries(t).reduce(((t,[a,n])=>{n instanceof Blob?i.append(e?`${e}.${a}`:a,n):typeof n=="object"&&n?Array.isArray(n)?t[a]=s(n,e?`${e}.${a}`:a,i):t[a]=o(n,e?`${e}.${a}`:a,i):t[a]=n;return t}),{})}function s(t,e,i){return t.reduce(((t,a)=>{typeof a=="object"&&a?Array.isArray(a)?t.push(s(a,e,i)):t.push(o(a,e,i)):t.push(a);return t}),[])}async function i(t){const e={};for(const[o,s]of t.entries())await a(e,o.split("."),s);return e}t.from=i;async function a(t,[e,...o],s){if(o.length==0)s instanceof Blob&&s.type.startsWith("application/json")?e=="*"?n(t,JSON.parse(await s.text())):typeof t[e]=="object"&&t[e]?n(t[e],JSON.parse(await s.text())):t[e]=JSON.parse(await s.text()):t[e]=s;else a(typeof t[e]=="object"&&t[e]?t[e]:t[e]={},o,s)}function n(t,...e){if(e.length){const[o,...s]=e;Object.entries(o).forEach((([e,s])=>l(s)?n(l(t[e])?t[e]:t[e]={},s):t[e]=o[e]));n(t,...s)}}function l(t){return t&&typeof t=="object"&&!Array.isArray(t)}t.isObject=l})(lr||(lr={}));function rr(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 cr(t){const e=t=>typeof t=="object"&&Object.keys(t).sort().every(((t,e)=>`${t}`==`${e}`))?Object.entries(t).sort().map((t=>typeof t[1]=="object"?e(t[1]):t[1])):typeof t=="object"?Object.fromEntries(Object.entries(t).map((t=>[t[0],e(t[1])]))):t;const o=(t,e,s)=>{t[e[0]]=e.length>1?o(t[e[0]]??{},e.slice(1),s):s;return t};const s=t.split("&").map((t=>t.split("=",2))).map((([t,e])=>[decodeURIComponent(t).split("[").map((t=>t.replace("]",""))),decodeURIComponent(e.replace(/\+/g," "))]));return s.reduce(((t,[s,i])=>e(o(t,s,i))),{})}xl((async t=>await t.text()),"text/plain","text/html");xl((async t=>await t.json()),"application/json");xl((async t=>await t.arrayBuffer()),"application/pdf");xl((async t=>lr.from(await t.formData())),"multipart/form-data");xl((async t=>cr(await t.text())),"application/x-www-form-urlencoded");zl((async t=>typeof t=="string"?t:t.toString()),"text/plain","text/html");zl((async t=>JSON.stringify(t)),"application/json");zl((async t=>t),"application/pdf");zl((async t=>rr(t)),"application/x-www-form-urlencoded");zl((async t=>t instanceof globalThis.FormData?t:lr.to(t)),"multipart/form-data");var dr;(function(t){function e(t){return t&&typeof t=="object"&&typeof t.clear=="function"}t.is=e})(dr||(dr={}));class hr{constructor(t){this.parent=t;this.callbacks=[]}async subscribe(t){this.callbacks.push(t);await t(this.parent)}async publish(){Promise.all(this.callbacks.map((t=>t(this.parent))))}static create(t){return new hr(t)}}var mr;(function(t){t.Observer=hr;let e;(function(t){t.type=j({edit:h(),readonly:_(),listen:h(),reset:h(),setInitialValue:h()});t.is=t.type.is})(e=t.Element||(t.Element={}));const o=j({emit:h()});t.type=e.type.extend({changed:_(),value:D().optional(),smoothlyFormDisable:o});t.is=t.type.is})(mr||(mr={}));var ur;(function(t){t.values=["plain","grid","border","line","transparent"];t.type=I(t.values);t.is=t.type.is})(ur||(ur={}));var yr;(function(t){let e;(function(t){t.type=j({register:h(),unregister:h(),getValue:h(),disabled:_().optional(),color:l.type.optional(),name:I(),invalid:_().optional(),looks:ur.type.optional(),defined:_().optional(),binary:h().optional()});t.is=t.type.is})(e=t.Element||(t.Element={}));const o=j({emit:h()});t.type=e.type.extend({smoothlyInputLoad:o,smoothlyInput:o,smoothlyUserInput:o,smoothlyKeydown:o.optional(),smoothlyInputForm:o.optional(),parent:mr.type.optional()});t.is=t.type.is;function s(t,e){if(t.parent instanceof pr)t.parent.removeInput(e!==null&&e!==void 0?e:t.name)}t.formRemove=s;function i(t){t.smoothlyInputLoad.emit((e=>t.parent=e))}t.formAdd=i;function a(t,e){if(e)s(t,e);i(t)}t.formRename=a;function n(t,e){if(!(e.target&&"name"in e.target&&e.target.name===t.name)){e.stopPropagation();e.detail(t)}}t.registerSubAction=n})(yr||(yr={}));const br='smoothly-form{display:block;position:relative}smoothly-form>form{position:relative}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 10rem));flex-basis:40%}smoothly-form[looks="line"]>form>fieldset,smoothly-form[looks="border"]>form>fieldset,smoothly-form[looks="transparent"]>form>fieldset{row-gap:var(--smoothly-form-row-gap, 2rem);column-gap:var(--smoothly-form-column-gap, 2rem)}smoothly-form[looks="grid"]>form>fieldset{padding:1px;gap:1px}smoothly-form>form>div:not(:empty){display:flex;justify-content:end;gap:1em;margin-top:1.5rem}';const fr=br;const pr=class{constructor(o){t(this,o);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.smoothlyFormInput=e(this,"smoothlyFormInput",7);this.smoothlyFormSubmit=e(this,"smoothlyFormSubmit",7);this.smoothlyFormReset=e(this,"smoothlyFormReset",7);this.smoothlyFormEdit=e(this,"smoothlyFormEdit",7);this.smoothlyFormClear=e(this,"smoothlyFormClear",7);this.notice=e(this,"notice",7);this.contentType="json";this.inputs=new Map;this.readonlyAtLoad=this.readonly;this.observer=mr.Observer.create(this);this.color=undefined;this.value={};this.action=undefined;this.validator=undefined;this.type=this.action?"create":undefined;this.readonly=false;this.looks=undefined;this.name=undefined;this.prevent=true;this.changed=false;this.processing=undefined}componentWillLoad(){!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t))}async removeInput(t){if(this.element.isConnected){this.value=u.remove(this.value,t);this.inputs.delete(t);this.smoothlyFormInput.emit(u.convertArrays(this.value))}}async listen(t){this.observer.subscribe(t)}async watchValue(){var t,e;this.changed=[...this.inputs.values()].some((t=>mr.type.is(t)?t.changed:true));if(this.validator){const o=(e=(t=this.validator)===null||t===void 0?void 0:t.flaw(u.convertArrays(this.value)).flaws)===null||e===void 0?void 0:e.reduce(((t,e)=>e.property?Object.assign(Object.assign({},t),{[e.property]:e}):t),{});for(const[t,e]of this.inputs.entries()){this.validate(o,t,e)}}this.observer.publish()}validate(t,e,o){var s,i;if(e.includes(".")){const[a,...n]=e.split(".");const l=(i=(s=t===null||t===void 0?void 0:t[a])===null||s===void 0?void 0:s.flaws)!==null&&i!==void 0?i:[];this.validate(l.reduce(((t,e)=>e.property?Object.assign(Object.assign({},t),{[e.property]:e}):t),{}),n.join("."),o)}else{const s=t===null||t===void 0?void 0:t[e];o&&(o.invalid=!!s)}}watchReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){t.stopPropagation();t.detail(this.looks,this.color)}async smoothlyInputHandler(t){this.value=u.merge(this.value,t.detail);this.smoothlyFormInput.emit(u.convertArrays(this.value))}async smoothlyKeydownHandler(t){if(t.detail.key=="Enter"&&this.inputs.has(t.detail.name)){t.stopPropagation();await this.submit()}}windowSubmitHandler(t){t.target==this.element&&t.detail.result(false)}submitHandler(t){this.action&&t.stopPropagation()}async smoothlyInputLoadHandler(t){var e;t.stopPropagation();t.detail(this);const o=t.target;if(yr.Element.is(o)){if(await((e=o.binary)===null||e===void 0?void 0:e.call(o)))this.contentType="form-data";const t=await o.getValue();this.value=u.merge(this.value,{[o.name]:t});this.smoothlyFormInput.emit(u.convertArrays(this.value));this.inputs.set(o.name,o)}}async smoothlyFormDisableHandler(t){t.stopPropagation();t.detail(this.readonly)}async submit(t){this.processing=new Promise((e=>{this.smoothlyFormSubmit.emit({value:u.convertArrays(this.value),result:e,type:t==true?"remove":this.type});if(this.action){const o=this.action;this.notice.emit(A.execute("Submitting form",(async()=>{const s=t?"DELETE":!this.type||this.type=="create"?"POST":this.type=="change"?"PUT":this.type=="update"?"PATCH":"GET";const i=await ar(Ll.create(s=="GET"?{method:s,url:`${o}?${rr(this.value)}`}:Object.assign({method:s,url:o},this.value&&{header:{contentType:this.contentType?"multipart/form-data":"application/json"},body:this.value}))).catch((()=>undefined));const a=!i||(i===null||i===void 0?void 0:i.status)<200||i.status>=300?[false,"Failed to submit form."]:[true,"Form successfully submitted."];e(a[0]);return[...a]})))}}));if(await this.processing){this.type=="create"&&await this.clear();await this.setInitialValue();this.readonlyAtLoad&&await this.edit(!this.readonlyAtLoad)}this.processing=undefined}async clear(){await Promise.all([...this.inputs.values()].map((async t=>dr.is(t)&&t.clear())));this.smoothlyFormClear.emit()}async edit(t){await Promise.all([...this.inputs.values()].map((async e=>mr.Element.type.is(e)&&e.edit(t))));this.readonly=!t;this.smoothlyFormEdit.emit(t)}async reset(){await Promise.all([...this.inputs.values()].map((t=>mr.Element.type.is(t)&&t.reset())));this.changed=[...this.inputs.values()].some((t=>mr.type.is(t)?t.changed:true));this.smoothlyFormReset.emit()}async setInitialValue(){await Promise.all([...this.inputs.values()].map((t=>mr.Element.type.is(t)&&t.setInitialValue())))}render(){return o(s,{key:"c92c7a7785a5f449ba94b84760d1c34c8c7b2a96"},o("smoothly-spinner",{key:"0c2675960f2511d4d334e3f70e37347f093be732",overlay:true,hidden:!this.processing}),o("form",{key:"8638676ca2793e8928dece9a4e6d472348ff861e",onSubmit:!this.prevent?undefined:t=>t.preventDefault(),name:this.name},o("fieldset",{key:"b8f5d6fa5e26d597a3872ab2e5d0a8c3849b6785"},o("slot",{key:"7babd5d1e68b7dfd43d0e881974d7106201a166f"})),o("div",{key:"ce48c268abfe8f21c06219db66b15f0bba198c73"},o("slot",{key:"c7773ae8ecaaca2163192a1bcc2248b73c9b5252",name:"clear"}),o("slot",{key:"6e8dde1639259fc8bcdac2983a10b13da5a3fa1b",name:"edit"}),o("slot",{key:"0e550a36c2d248e683b98113e044b59682580180",name:"reset"}),o("slot",{key:"6a40c39e80dba5fa0e1ce7eed49bdc008bd48e72",name:"delete"}),o("slot",{key:"4e63b06256dec16e89288a4264159250c3c0d159",name:"submit"}))))}get element(){return i(this)}static get watchers(){return{value:["watchValue"],readonly:["watchReadonly"]}}};pr.style=fr;const gr=".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 kr=gr;const vr=class{constructor(e){t(this,e)}render(){return o(s,{key:"a35ea2be54c7330f3e7c2d7f64c4579ed48b70ff"},o("div",{key:"22fc32244417a20b0f3ba0d598bca7e15e6d4e66"},o("smoothly-form-demo-all",{key:"adb4582761d66be87de85d38334d0644fb10726d"}),o("smoothly-form-demo-pet",{key:"ebed70d483e430772a04677c2549df2cff841fa2"}),o("smoothly-form-demo-card",{key:"05ee0b54fc2db3ddf7925c8bf3a0bd33ee7a7cc6"}),o("smoothly-form-demo-login",{key:"63755550a7b44c55c2c07ab0111bec145204b814"}),o("smoothly-form-demo-prices",{key:"2bb04e58340156e5741cdc8aadfb7f4db7723af6"}),o("smoothly-form-demo-typed",{key:"ed385a174f6e84031a85ba5f5339251b91e18b0b"}),o("smoothly-form-demo-transparent",{key:"bcc94e93a50e979c4f4265fb04db4237d06f0cce"}),o("smoothly-form-demo-date",{key:"ece8bc437afc832dff509c644aaad77b431a95d8"}),o("smoothly-form-demo-schedule",{key:"bc8859379be7fb08723bf2dc639e2ed31a510006"}),o("smoothly-form-demo-date-range",{key:"d3f32aa95cbaa45eb43d4e48f76a43f6e1e72b14"}),o("smoothly-form-demo-controlled",{key:"ead216008b41f31673f6c6ef1ee2cdf406a0b114"})))}};vr.style=kr;const wr=class{constructor(e){t(this,e)}render(){return o(s,{key:"b129332c9b6b41ecf26355ca0a28f0ecd298e184"},o("h2",{key:"a16d4bf5e33323a12ac4deb81c9c5771158ebd4c"},"All inputs"),o("smoothly-form",{key:"c3ecc745cb227d96c7671beb9372bf4b421eccd9",looks:"grid",type:"create",readonly:true,action:"https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4",onSmoothlyFormSubmit:t=>{Object.entries(t.detail.value).forEach((([t,e])=>console.log(t,e)))}},o("smoothly-input",{key:"6224895eb9d1cbe325d3222ba39d4ff95fc29f36",readonly:true,name:"First Name",value:"John"},"First name"),o("smoothly-input",{key:"727cb66a85b868bf23edafc7d92bd9568f44c687",showLabel:false,name:"Last name",value:"Doe"},"Last name",o("smoothly-input-clear",{key:"91ff7f7ff90cd06583c36678d2709fd9e3e8ac22",size:"icon",slot:"end"})),o("smoothly-input",{key:"fabfdb6f59f8b1c17f702598b4bd199f3abf2a2f",type:"phone",name:"Phone",value:"777888999"},"Phone",o("smoothly-input-reset",{key:"82159890344ebf8f2517d3b7a9824c8d05cfffea",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"77b46f67cafeffc4231091a7fdcfc18e2248ccbc",clearable:true,name:"radioFirstInput"},o("label",{key:"ef61215f9174dfc9cba89722649887a53c33e74f",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"b7aa62927687e2b6ec68e6a599cc221fd373c1a9",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"1145bc596f7fa443c744e5d4549fe90c435ba27b",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"a904313ab5f12453e390ebe57e944d75192d0c8d",value:"third"},"Label 3")),o("smoothly-input-color",{key:"c87ea9ba191b870d6e1112f12eb2fb90793bc058",name:"color"},"Color"),o("smoothly-input-select",{key:"60e408b9dccf19b5f96bf9b26ca48084dbc28aa4",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"ff05df337bc92d371a5e42707ee66001b9ff0965",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"c5a9f4dedd6c833b3087504321feba6b90206b0e",value:"1"},"January"),o("smoothly-item",{key:"5e1ab7c8f40850452ac02e5799f9070117b8c2c1",value:"2"},"February"),o("smoothly-item",{key:"6fc0fbd2ea2d56ddc9043ffe18a6f27d5be1916e",value:"3"},"March"),o("smoothly-item",{key:"6a410689eb95d2e568fcf80eb6f3a19b29e57823",value:"4"},"April"),o("smoothly-item",{key:"92368f5f8608a8cbbf23bdad52c4e54de53deca0",value:"5"},"May"),o("smoothly-item",{key:"255344fbd7ecb9ba432198fcc4f4b2165eefd55d",value:"6"},"June"),o("smoothly-item",{key:"0948a61ad00759cf4ec89d8eaa680113c8966540",value:"7"},"July"),o("smoothly-item",{key:"62dd00572adc6a3ae27fe76f7cc1d7ea8bff264f",value:"8"},"August"),o("smoothly-item",{key:"0f85653dd5cf89c72f9652a01083198f7e6838c0",value:"9"},"September"),o("smoothly-item",{key:"122d8dd22d65ae9e1891aab2002ab8cd7161ac40",value:"10"},"October"),o("smoothly-item",{key:"ac0c5c8397dcdfde7a4c5ac53a65b4f7eb95f698",value:"11"},"November"),o("smoothly-item",{key:"f6a22f914c4c1b74d55120a775b902be71cd1cc0",value:"12"},"December")),o("smoothly-input-select",{key:"1b2505f80d5a6433034650479cfdb6bb3ee63c4e",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"78fa9c7aaf7baede862bbd850b338b2a05309e59",value:"folder",selected:true},o("smoothly-icon",{key:"b2206fb93693aea395468d92a6e6c4712546cbcf",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"68bf08c65b799da0b7233a1f2a4b9326a4512e2c",value:"camera"},o("smoothly-icon",{key:"506e359c13e85a279e1f6d7b0a87d1ce058e6322",size:"small",name:"camera-outline"}))),o("smoothly-input-checkbox",{key:"4842ef849082d4b67800b04400ed2787377f9c4a",name:"checkbox"},"Check the box"),o("smoothly-input-checkbox",{key:"0a13123aa282afe9a8544b44cf4de13a72fff837",name:"checkbox2",checked:true},"Check the box 2"),o("smoothly-input-range",{key:"ebde32a21737a48abf965c8cdb53554675845efb",step:1,name:"range3",value:20,label:"Range"}),o("smoothly-input",{key:"f0a6e933b8df18cb700270ac833557e9ebbc46ca",name:"pets.0.name"},"First Pet's Name"),o("smoothly-input-range",{key:"e52599f3b8c723fbdc0654964395d8c6a2908872",name:"pets.0.age",max:100,step:1,label:"First Pet's Age"}),o("smoothly-input",{key:"f9c3d79e1511bca828431591a4b7ca05aa0bfe1a",name:"pets.1.name"},"Second Pet's Name"),o("smoothly-input-range",{key:"7589245ae0c68a0fdee596ff1ccc374731234989",name:"pets.1.age",max:100,step:1,label:"Second Pet's Age"}),o("smoothly-input",{key:"7d373a6873837bd9d6d6e798bfc12a138d4b2dd9",name:"pets.2.name"},"Third Pet's Name"),o("smoothly-input-range",{key:"0f0c863b5a689fd87fee11d02a20681c38ca3503",name:"pets.2.age",max:100,step:1,label:"Third Pet's Age"}),o("smoothly-input-file",{key:"33c5fb0a39f414cd6d4ca1cdf8adc9195c0f711d",name:"profile",placeholder:"Click or drag your profile picture here..."},o("span",{key:"5c7663e71064d779989128a02914513ae8ca14e4",slot:"label"},"Profile"),o("smoothly-icon",{key:"e25083ec4fcaf68f96b473ed0c0195a83add3ce0",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),o("smoothly-input",{key:"f68a0cac2e3960688174bf8c5588e6586dddaca8",type:"duration",name:"duration",value:{}},"Duration"),o("smoothly-input-clear",{key:"a5530e1cba012400d0deea40dc74c49e85bddd9f",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),o("smoothly-input-edit",{key:"a2efe4d9c66e91f115483f9402ecf2fdb5d21d4a",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),o("smoothly-input-reset",{key:"e80f85361ed05e4e87eba0bbf8c1e45c76500b1c",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),o("smoothly-input-submit",{key:"d95dbdb2f5ef80c6afd72205526fb31280d59ab0",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),o("smoothly-input-submit",{key:"ec4acf5e12d20b499e09c33864a1880e94d06fd6",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}};const xr=class{constructor(e){t(this,e)}render(){return o(s,{key:"48045a395d9d97b39b645e9d0af5fac751df6fb7"},o("h2",{key:"16bb96d22359df3a5c3d17c3151398a20c8f2be3"},"Card"),o("smoothly-form",{key:"33999068a91396e21210db2b5fb6c659480e10b2",looks:"grid",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail))},o("smoothly-input",{key:"5548eed7d9f56215ad1650fc1d19042afbffe1be",type:"card-number",name:"card"},"Card #"),o("smoothly-input-submit",{key:"3214c68fc6d0d2f478354cd038b6efdb57cb999b",size:"icon",slot:"submit",color:"success",fill:"solid"}),o("smoothly-input",{key:"abfc7c463e7f24d688976483a0a50286d3202552",type:"card-expires",name:"expires"},"Expires"),o("smoothly-input",{key:"4eb07ef9611f65c495cca2397741d5acd4ccf941",type:"card-csc",name:"csc"},"CVV/CVC"),o("smoothly-input",{key:"d233da82d9ec3c849dc4cf0005d27bee2ff1e5a1",type:"text",name:"name.first"},"First Name"),o("smoothly-input",{key:"6145dbaedd722122013c192a41fceb82e4c87042",type:"text",name:"name.last"},"Last Name")))}};const Cr=class{constructor(e){t(this,e);this.currencies=["GBP","SEK","EUR","USD"];this.name="Initial name";this.currency="EUR";this.date=x.now()}nameChanged(t,e){console.log(`updated name from '${e}' to '${t}'`)}async submitHandler(t){t.stopPropagation();console.log("Received event. Processing...",t.detail);if(!(typeof t.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof t.detail.value.date=="string"))console.error("Bad input. Resolving false.");else if(!z.is(t.detail.value.currency))console.error("Bad input. Resolving false.");else{await new Promise((t=>window.setTimeout(t,1e3)));this.name=t.detail.value.name;this.date=t.detail.value.date;this.currency=t.detail.value.currency;console.log("Finished processing successfully. Resolving true.");t.detail.result(true)}t.detail.result(false)}render(){return o(s,{key:"33ee374e266b533585c885fa8ae0cc19b5505a7a"},o("h2",{key:"d96f86da6c0183823825b02b4ca06cf56bceb272"},"Controlled"),o("smoothly-form",{key:"7a44aea6b2213d6225358d64ebc4f34655a9a459",readonly:true,looks:"grid",onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input",{key:"ec7e44ed761884473c48bf84c1295266d49b088e",type:"text",name:"name",value:this.name},"Name"),o("smoothly-input-select",{key:"9fdeed74e462f65327525e654f374fd8ad2a6a43",name:"currency"},o("span",{key:"c732be30ea7a82c429e3a9db9e92807cb93ed720",slot:"label"},"Currency"),this.currencies.map((t=>o("smoothly-item",{selected:t==this.currency,value:t},t)))),o("smoothly-input",{key:"bdfb6f595a1a5fbfb0e4460b75ecfc2c5b6c7eb8"},"Dummy"),o("smoothly-input-month",{key:"ce4484b155a53693722a193f71faf29c3adb102d",name:"date",value:this.date,next:true,previous:true},o("span",{key:"268b3b1034bc269b3443880da56e25f4aa50da62",slot:"year-label"},"Year"),o("span",{key:"91d337d831699e282d8b2b00cef8dc933ab71e72",slot:"month-label"},"Month")),o("smoothly-input-edit",{key:"4907baa416a68af837621e7cfe7a45c6dc72c9ae",slot:"edit",size:"icon",color:"primary",fill:"default"}),o("smoothly-input-reset",{key:"dc7c7c782222f9f0c6c5160c9f8ddfc7673163f5",slot:"reset",size:"icon",color:"warning",fill:"default"}),o("smoothly-input-submit",{key:"c51e532d3d2b933f182599c32d9d76e4a2fdd448",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:["nameChanged"]}}};const Sr=".sc-smoothly-form-demo-date-h{display:block}";const zr=Sr;const jr=class{constructor(o){t(this,o);this.notice=e(this,"notice",7);this.validator=j({date:y("isoly.Date",x.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(A.failed(`Type is incomplete.`))}else{this.notice.emit(A.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return o(s,{key:"a7ff36f62518b4048172171f29a71f9e4a2d9027"},o("h2",{key:"30beb481a7eb4db9e5ae73dc5ae239dab5cb7343"},"Date input"),o("smoothly-form",{key:"b22a7500f6582da40291cfe024a5f5167a4d97ab",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input-date",{key:"949c52817e6f094f11dcc069c419e8a3913039b7",name:"date"},"Date"),o("smoothly-input-submit",{key:"dc03efa9c5a058cbba0edea9bedca866f4fca73d",slot:"submit"},o("smoothly-icon",{key:"9552bcdec6a26d354dcde5f40c57058da3716c71",name:"checkmark-outline"}))))}};jr.style=zr;const Ir=".sc-smoothly-form-demo-date-range-h{display:block}";const _r=Ir;const Tr=class{constructor(o){t(this,o);this.notice=e(this,"notice",7);this.validator=j({range:y("isoly.DateRange",T.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(A.failed(`Type is incomplete.`))}else{this.notice.emit(A.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return o(s,{key:"cbbd77825d662b77222ca21cbdaffbf7debab06e"},o("h2",{key:"98fb31c3069258339a902a42c0e3631610e9f903"},"Date-range input"),o("smoothly-form",{key:"fb4b3384f1a629a34139bbd74df099d042c77ce9",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input-date-range",{key:"e2d04fee4b02c801fd334b2a6e76db1740120dd1",name:"range"},"Range"),o("smoothly-input-submit",{key:"2c8b6bb50ed92c63250dc597b37d48610a5c8bf8",slot:"submit"},o("smoothly-icon",{key:"774874497d34c6d553395c992a4ca9f305deb89b",name:"checkmark-outline"}))))}};Tr.style=_r;const Or=class{constructor(e){t(this,e)}render(){return o(s,{key:"c6c91f01f31482fcf062823cfc543834c1be3b2f"},o("h2",{key:"24d231999ab4cb8987ade2141387fceadff1365f"},"Login"),o("smoothly-form",{key:"647aaca0a026736546a81b80dac47d4edcb57b5e",looks:"border"},o("smoothly-input",{key:"c885174d4462f497e946657325da6309e889f697",type:"text",name:"username"},"Username"),o("smoothly-input",{key:"6bf32f5540973cd23d79cea2b2b15a6df4b425bb",type:"password",name:"password"},"Password"),o("smoothly-input-reset",{key:"b0562c687e1a025cae37c06ebbab3f5fa22983ae",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"91148f0ed411acd1dfc529a58b19074dd7182859",slot:"submit"})))}};const Lr='.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 Ar=Lr;const Mr=class{constructor(e){t(this,e);this.hasOwner=false;this.owner={};this.value=undefined}render(){var t,e;return o(s,{key:"acf0a1fa646ff7e7599b46efec53fcf456c968f3"},o("h2",{key:"b4196cc73f14766f845f479cd55b5beab288b23f"},"Pet"),o("h3",{key:"8592b216cf9a7497dac63917334c77c15fd5606e"},"Value"),o("smoothly-form",{key:"2820e0b01d92261009ad54f2fe917752d10d23ac",looks:"border",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail)),onSmoothlyFormInput:t=>this.value=Object.assign({},t.detail)},o("smoothly-input",{key:"7cca1b10a7216b6495ef93b85c3607ac24038228",type:"text",name:"name.first"},"Name"),o("smoothly-input",{key:"222dd440a0fced113798970c756955740d3f0a2d",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"6831c2c5bd79d7f3846d899d3d370cb37b81ba4f",name:"hasOwner",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:t=>{this.hasOwner=t.detail.hasOwner;t.stopPropagation()}},"Has Owner"),this.hasOwner&&o(a,{key:"7a182acea9e864d2aaa0de708bdef1f1f705fd37"},o("smoothly-input",{key:"72a3a97b5a51f10d735ce40bf7770400ec62ad38",type:"text",name:"owner.firstName",value:this.owner.firstName,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{firstName:t.detail["owner.firstName"]})},"Owner First Name"),o("smoothly-input",{key:"1e0d5b08442da0ff0f46638c6e000b865a81f0ac",type:"text",name:"owner.lastName",value:this.owner.lastName,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{lastName:t.detail["owner.lastName"]})},"Owner Last Name"),o("smoothly-input-file",{key:"3e8f38dceae47e866dbb34498b4bd1c93d9b48d6",name:"owner.picture"},o("span",{key:"f675b65adea68a7a90c0b3153f8907f7786c24d4",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"d871c8d8b03b6452f7b58a58ce6485c0f913aecb",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:t.detail["owner.birthday"]})},"Owner birthday"),o("smoothly-input-date-range",{key:"8b3c96cee5966bc4176861f6363a54b6ed440485",name:"owner.ownedRange",start:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.start,end:(e=this.owner.ownedRange)===null||e===void 0?void 0:e.end,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:t.detail["owner.ownedRange"]})},"Owner ownedRange"),o("smoothly-input-range",{key:"c8dd99cf5fd99eff25ea09ce79ea7db946664f44",name:"owner.height",step:1,max:250,value:this.owner.height,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{height:t.detail["owner.height"]})},"Owner's Height"),o("smoothly-input-select",{key:"aefdd7ef91183f26262d90228fcc7409dbcec02f",name:"owner.favoriteHat"},o("span",{key:"6ed97ed0ab2bab3cc5674541a69d4875db923565",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,e)=>o("smoothly-item",{value:t,key:e,selected:this.owner.favoriteHat==t},t)))),o("smoothly-input-color",{key:"51d8b88780438f4c3191d3a51477283cf712cc8e",name:"owner.favoriteColor",value:this.owner.favoriteColor?b.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:t.detail["owner.favoriteColor"]})},"Owner's Favorite Color"),o("smoothly-input-radio",{key:"6ba90fb5c6847b951d441bdf7ad0691704b06c91",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:t.detail["owner.favoritePizza"]})},o("span",{key:"6ffc9df832501190dddce0c3acecfd74578c0492",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,e)=>o("smoothly-input-radio-item",{value:t,key:e},t)))),o("smoothly-input-checkbox",{key:"32ec790298a5a3c3ed6b9fe41741525fc50ffe29",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:t.detail["owner.hasPet"]})},"Has Pet")),o("smoothly-summary",{key:"946e5b9767d8e275a7e2f949c42e95986885dd41"},o("span",{key:"957912444820dc079f78ae4cccf8d9179f350698",slot:"summary"},"Summary"),o("div",{key:"f8cdb67936c2f81c10d32d2d2abca72493b8fee8",slot:"content"},o("smoothly-input",{key:"f20bdf47ff325be28cffa1a8828a749a7cad848a",type:"price",name:"summary.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"e547e4957f63f258edd64300e5c215799f5d5e9c",name:"summary.picture"},o("span",{key:"67ed7f68d913f97a7efad73cacfccfe233432716",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"cc6a2ff1f5789c701186fa0e4a5936dcf8d0d6bc",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"c605af721234920befcb3e5d19701c4b0b2c3e45",name:"summary.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"99ffa315e8e83e5eb5d53eadcd3d1b3dbcc107d5",name:"summary.ownedRange"},"Summary ownedRange"),o("smoothly-input-range",{key:"e3d19c28588f6bdd85cb09ff8f808cc12ff9c8db",name:"summary.height",label:"Height"}),o("smoothly-input-select",{key:"047355ec0595d288c63531daaec951df2b7d6c71",name:"summary.favoriteHat"},o("span",{key:"ff666e9d30286d4f52b467bda01784c0d5b9a015",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,e)=>o("smoothly-item",{value:t,key:e},t)))),o("smoothly-input-month",{key:"c7d58f5df92bc754bf5ed7fd24ef4e8d018230db",name:"summary.month"},o("span",{key:"cc1d2f915035e5f222c60d0822ddbb94c0336397",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"736ec4ddf226a6f4eef4665e0306d4d595bacfa7",name:"summary.color"},"Summary Color"),o("smoothly-input-radio",{key:"dc00d161fd633894871dd4a86ea11f58ff920e46",name:"summary.favoritePizza"},o("span",{key:"c243b00324d14891075b184d6de62f606dff1922",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,e)=>o("smoothly-input-radio-item",{value:t,key:e},t)))),o("smoothly-input-checkbox",{key:"300757a37041b0eed42d7b95da268f2b0df18dc4",name:"summary.hasPet"},"Has Pet"))),o("smoothly-tabs",{key:"86e4b5e3aa0ce9b9aa3740f8a97634bf81e4a1dd"},o("smoothly-tab",{key:"1916a392c470b049a3c04cdc5cc827ae666d69b3",label:"Dog",name:"dog"},o("smoothly-input",{key:"5458ec4339dbc501dc2820ca357756f3866b02cf",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"20192f8012bc406a6f8a4fd0fbffcae8265a5b44",name:"dog.picture"},o("span",{key:"784151ac656a598a5bba0da77f8ac4799e3671f3",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"1d42ffaa830f58795960311f3b9305f2156e9392",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"4e4eb1eb59bc339a164144e707baeb7f1fcf3cbd",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"433c1936e06cf2fc077c72291ebd331b1f4e9c6a",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"394d9493875a10625697ddde00032faea3a9949d",name:"dog.favoriteHat"},o("span",{key:"dc7519a64a62eef3c81c628fed15d19600fdc384",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,e)=>o("smoothly-item",{value:t,key:e},t)))),o("smoothly-input-color",{key:"c32d1da8004ee0d3e2e8c1153e234159e14497df",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"48ad6d9802b674cb005c06b05c37bb0f9e05756f",name:"dog.favoritePizza"},o("span",{key:"a62d202f406dc03ee5f3ba8bc8dc9051496c9e8a",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,e)=>o("smoothly-input-radio-item",{value:t,key:e},t)))),o("smoothly-input-checkbox",{key:"20d8514c21bf4f5180a52cb8940ac1c061669742",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"8b830be2f071380016ca839468024b0f299ed370",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"e4a304c594dcfb7cdcafe18484318a277389b9ec",name:"cat.favoriteFood"},"Favorite Food"))),o("smoothly-input-submit",{key:"cc1ac436d5d807fd7587bb2f36147a651b4b22ed",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"dbbfa1285378483e69a1d7df5a85b0e23a2f31b9",type:"json",value:this.value}))}};Mr.style=Ar;const Dr=class{constructor(e){t(this,e)}render(){return o(s,{key:"dcdcfff3bf3fcaa12805a68146317fdc7a14187f"},o("h2",{key:"52152586403583edd583b13d01f8bde96b024764"},"Prices"),o("smoothly-form",{key:"ec2d979db7371821b4b82cbe7ab0a8ebc0aebe35",looks:"line"},o("smoothly-input",{key:"c9139774b927500457fba3c67377707b6cf79f96",type:"price",name:"no"},"No currency"),o("smoothly-input",{key:"b12ff2a6303a06f928091f3d817bfb9eda97cbe2",type:"price",name:"crowns",currency:"SEK",toInteger:true},"SEK (toInteger)"),o("smoothly-input",{key:"05ed9a9608094b28a5be7c3fe162d51cbc2137e1",type:"price",name:"usDollar",currency:"USD"},"USD"),o("smoothly-input",{key:"c0b8651a12cc274556cd8e39b031a305dfc0ff22",type:"price",name:"pounds",currency:"GBP"},"GBP"),o("smoothly-input",{key:"2d0a8a190c3dd6a3b1e7bcf21dcdfe4f143f4e12",type:"price",name:"peso",currency:"UYW"},"UYW"),o("smoothly-input",{key:"29ff314cd3ab79671f5033548dae62cdf4fbbfc1",type:"price",name:"iceland",currency:"ISK"},"ISK"),o("smoothly-input",{key:"1015dbdff529b4ac11aba807461797b032e67fb5",type:"price",name:"Palladium",currency:"XPD"},"XPD (Palladium)"),o("smoothly-input-reset",{key:"7a22d94468e13345cc58065122ca1dbacf8b267f",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"a6f35855027a7c670e66a194f15737fe7a271dbf",slot:"submit"})))}};var Er;(function(t){t.type=j({date:y("isoly.Date",x.is),amount:O()})})(Er||(Er={}));var Rr;(function(t){t.type=j({schedule:Er.type.array()})})(Rr||(Rr={}));const $r=class{constructor(e){t(this,e)}render(){return o(s,{key:"cf60e7a04910b1480639e21cca3916ba72cf379f"},o("h2",{key:"bb73a2619df7e5b7728f11d4aafdcd06d0edacf7"},"Schedule"),o("smoothly-form",{key:"3803bf136ed2772b59c447ba848915a5aa459193",looks:"line",validator:Rr.type},o("smoothly-input-date",{key:"6503417a231e6adbaf9ba1f56798ff621eed36a4",name:"schedule.0.date"},"Date"),o("smoothly-input",{key:"f0ff367fb84dae051b9aafecfbcd7485b9b106d5",name:"schedule.0.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"ac29cc7af6543a76d389713dabf1dfc95a65056b",name:"schedule.1.date"},"Date"),o("smoothly-input",{key:"adc7d91ccd3e46f98d4f310a245282654fa00d5c",name:"schedule.1.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"b13f1ffa922e990bd5d2eee4f51d503942cd8ffd",name:"schedule.2.date"},"Date"),o("smoothly-input",{key:"9253089c13eef25d361159f6004a3b40a129859c",name:"schedule.2.amount",type:"price"},"Amount"),o("smoothly-input-reset",{key:"b184befbdb7a3dc2f2a698a4ab9cbcc2d1ba8dd1",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"bb00f73e004948e0554fecfe1d3b9421eaae31dd",slot:"submit"})))}};const Pr=class{constructor(e){t(this,e)}render(){return o(s,{key:"a8217ee24e1ff9b65f742e8cf6a238c96cfc0f37"},o("h2",{key:"5cc42faa70dda3c1b14c130191090b0bfdb82e0e"},"Transparent"),o("smoothly-form",{key:"3638442ba05ae29f29ad2ce752a9eb84851e54e8",looks:"transparent",onSmoothlyFormSubmit:t=>console.log(t.detail.value)},o("smoothly-input-file",{key:"8604ae9aca7642bb1973ba4f55a787d88810a658",name:"file"},o("span",{key:"b043e53f00deec2890feef19bdb5dd07c9f03bc2",slot:"label"},"File"),o("smoothly-icon",{key:"8dc4c5748de5c1b38ef25b1c97174c40a5c31981",slot:"button",name:"folder-open-outline",size:"small"})),o("smoothly-input",{key:"ff0ba343d1e46c1f850dc6837ba1b3cb0c5aff4c",type:"duration",looks:"transparent",placeholder:"h:mm"},"Input"),o("smoothly-input-date",{key:"a9a0d7b49a8216de7861c2eb1a4946277e86f223"},"Date"),o("smoothly-input-date-range",{key:"29ac122aa763c4a89c4c19fbec3d61223e25a21d"},"Date Range"),o("smoothly-input-select",{key:"d803b39468fdd455e83cc68459ee36a150f7f312",name:"transport"},o("smoothly-item",{key:"b8fd0d2f0e8b46030f733db73cfe7b5ab4ed63c1",value:"plane"},o("smoothly-icon",{key:"252a40cb950b7315b96540a6d01986b936576821",name:"airplane-outline"})),o("smoothly-item",{key:"9b12e8cbba6fc60ce6ae6820e4a175facab21c3d",value:"car"},o("smoothly-icon",{key:"104c0d42d284dd9883d0888f7c116f66bf2c0caf",name:"car-outline"})),o("smoothly-item",{key:"ee7e3c14c4c64ca678a487fe7e67d601c84753a0",value:"bus",selected:true},o("smoothly-icon",{key:"09e8430d88e33f5f13df367aa211f8608bb77606",name:"bus-outline"}))),o("smoothly-input-submit",{key:"c1f486dc028d329178e8289e26390b1b91c8c6c8",icon:"checkbox-outline"})))}};var Fr;(function(t){t.type=j({name:j({first:I(),middle:I().optional(),last:I()}),age:O((t=>18<=t&&t<=120)),country:y("CountryCode",L.is),birthday:y("Date",x.is)})})(Fr||(Fr={}));const Nr="";const Hr=Nr;const Ur=class{constructor(e){t(this,e)}render(){return o(s,{key:"83edd2e9ed1007f5fca3d01b6ba3456922e06bfd"},o("h2",{key:"80e959cb227891019949633eb30b999eafa2d53c"},"Typed Contact"),o("smoothly-form",{key:"8ddd35c6a683a4406333d120a7ded70e6ca5e0af",validator:Fr.type},o("smoothly-input",{key:"25528e49b5c020989388b54cd2650f587395c196",name:"name.first"},"First Name"),o("smoothly-input",{key:"cdaa3e9a4e6ebe48e50ebb3e2618adb3c885b579",name:"name.middle"},"Middle Name (optional)"),o("smoothly-input",{key:"6e00ec843ea6049c634d7b5e9867f1f81d4c4ba7",name:"name.last"},"Last Name"),o("smoothly-input",{key:"48bc2c87cb354be189716aa3da3502b677498978",name:"age",type:"integer"},"Age (18-120)"),o("smoothly-input-select",{key:"e499f4bc90dbebb8e9abe2e37b140ad6695ff2ca",name:"country"},o("span",{key:"92c976745352d72643bc841ed802588306a7cd30",slot:"label"},"Country"),L.values.map((t=>o("smoothly-item",{value:t},M(t))))),o("smoothly-input-date",{key:"fafca51a0c4e880340a4cb966c8378fc422aa1de",name:"birthday"},"Date of birth"),o("smoothly-input-reset",{key:"8002349299628fb8002a65ce934cd5e908b1c3c1",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"4222f8be066be2e9a3713daaf1aec8c8c554df67",slot:"submit",size:"icon",color:"success"})))}};Ur.style=Hr;const Yr=".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 Wr=Yr;const Br=class{constructor(o){t(this,o);this.trigger=e(this,"trigger",7);this.message2=e(this,"message2",7);this.url=undefined;this.name=undefined;this.origin=undefined}get contentWindow(){const t=this.element&&this.element.firstElementChild?this.element.firstElementChild:undefined;return t&&t.contentWindow||undefined}get defaultOrigin(){const t=this.url.match(/^(([a-z]+\+)*[a-z]+:\/\/)?[^/^\n]+/);return t?t[0]:"*"}componentDidLoad(){var t;if(this.contentWindow)f.listen((t=this.origin)!==null&&t!==void 0?t:this.defaultOrigin,((t,e)=>{if(t==this.name)if(d.is(e))this.trigger.emit(e);else this.message2.emit({destination:t,content:e})}),window)}async send(t,e){var o,s;if(typeof t=="string")f.send(((o=this.origin)!==null&&o!==void 0?o:this.defaultOrigin)+"#"+t,e,this.contentWindow);else if(f.is(t)&&this.contentWindow)f.send({destination:((s=this.origin)!==null&&s!==void 0?s:this.defaultOrigin)+"#"+t.destination,content:t.destination},this.contentWindow)}render(){return[]}get element(){return i(this)}};Br.style=Wr;const Vr="[fill].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:flex;align-items:center;justify-content:center;box-sizing:content-box}[rotate].sc-smoothly-icon-h{--rotate:rotate(var(--rotation, 0deg));transform:var(--rotate)}[flip=x].sc-smoothly-icon-h{--flip:scaleX(-1);transform:var(--flip)}[flip=y].sc-smoothly-icon-h{--flip:scaleY(-1);transform:var(--flip)}[rotate][flip].sc-smoothly-icon-h{transform:var(--rotate)var(--flip)}[hidden].sc-smoothly-icon-h{display:none}[size=tiny].sc-smoothly-icon-h{--smoothly-icon-size:1.2em}[size=small].sc-smoothly-icon-h{--smoothly-icon-size:1.4em}[size=medium].sc-smoothly-icon-h{--smoothly-icon-size:1.8em}[size=large].sc-smoothly-icon-h{--smoothly-icon-size:2.8em}[size=xlarge].sc-smoothly-icon-h{--smoothly-icon-size:4em}.sc-smoothly-icon-h{width:var(--smoothly-icon-size, 1.8em);height:var(--smoothly-icon-size, 1.8em)}.sc-smoothly-icon-h.sc-smoothly-icon-s>svg{width:100%}";const Gr=Vr;const Kr=class{constructor(e){t(this,e);this.color=undefined;this.fill="solid";this.name="empty";this.size=undefined;this.rotate=undefined;this.flip=undefined;this.tooltip=undefined;this.latestPromise=undefined}async componentWillLoad(){await this.nameChanged()}async nameChanged(){if(this.name=="empty"){this.updateSvg();return}const t=this.latestPromise=c.load(this.name);const e=await t;if(t!=this.latestPromise)return;if(e){const t=this.sanitizeSvg(e);this.updateSvg(t)}}sanitizeSvg(t){const e=new DOMParser;const o=e.parseFromString(t,"image/svg+xml");const s=o.querySelector("svg");if(s){s.setAttribute("role","img");s.removeAttribute("width");s.removeAttribute("height")}return s!==null&&s!==void 0?s:undefined}updateSvg(t){t?this.element.replaceChildren(t):this.element.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\n\t\t\t\t\t<title>Empty</title>\n\t\t\t\t</svg>`}render(){var t;return o(s,{key:"a5367c1b133e62a9ae642ad85ee9d75abb2c7642",title:this.tooltip,style:{["--rotation"]:`${(t=this.rotate)!==null&&t!==void 0?t:0}deg`}})}get element(){return i(this)}static get watchers(){return{tooltip:["nameChanged"],name:["nameChanged"]}}};Kr.style=Gr;const Zr=".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 qr=Zr;const Xr=class{constructor(o){t(this,o);this.notice=e(this,"notice",7);this.page=0;this.display={};this.props={}}render(){return o(s,{key:"1342741181ef5169a16ae1f39a8a598af5d8e84f"},o("h2",{key:"471b30e2dc3a69bcb9dd9c3374d2a8784e20ae5b"},"Filter and Variants"),o("smoothly-form",{key:"6f8c1eee4e6b9b59ed220ff8268731ec5a83f6c2",onSmoothlyFormInput:t=>this.display=t.detail},o("smoothly-input",{key:"4961af70526373719d331a3e726e5534b4d61a11",name:"filter"},"Filter"),o("smoothly-input-select",{key:"163735fd1e2253b2bb19adb88488e6f926236c81",name:"variant"},o("span",{key:"e8c911da926be02de8dcf27d379e745128b49e40",slot:"label"},"Variant"),o("smoothly-item",{key:"9623f9bdc37fccc1680f02ed8df13eddd135bd1b",value:"outline"},"outline"),o("smoothly-item",{key:"f744a5421fef970deaedd17dc0bdb18e93b9703e",value:"sharp"},"sharp"),o("smoothly-input-clear",{key:"3351822412e2dd2c33aa7576889bbee48b2ab559",slot:"end"}))),o("h2",{key:"5e775b4f15884567c0dc92eb6cd6be28adcc42e1"},"Props"),o("smoothly-form",{key:"3ff43ecc58a659044a13684a0c6632c5a165b528",onSmoothlyFormInput:t=>this.props=t.detail},o("smoothly-input-select",{key:"a38f21e80225605d81538251475905027d863100",name:"color"},o("span",{key:"1b27332162e7a5035403b93d32191001f82c98c6",slot:"label"},"Color"),l.values.map((t=>o("smoothly-item",{value:t,color:t},t))),o("smoothly-input-clear",{key:"5c6301ceda87a1df418142ccffeb41fc86cb75e9",slot:"end"})),o("smoothly-input-select",{key:"96a6918c105f23caf34ef8465bf98c5f71df5008",name:"fill"},o("span",{key:"8d7d94d5dec00af39e0a63960db9d5ce748cccac",slot:"label"},"Fill"),r.values.map((t=>o("smoothly-item",{value:t},t))),o("smoothly-input-clear",{key:"2ee3f36dc730b3d93d90ed6fc4a89560bdd8f56d",slot:"end"})),o("smoothly-input-select",{key:"3efd55469725da4c44835ae6a93bd455a9395529",name:"flip"},o("span",{key:"68591f29346e0c56e0c00cb75fb724e1b836a689",slot:"label"},"Flip"),o("smoothly-item",{key:"d93c012bbb38194e345b2db167f44205990c42a2",value:"x"},"x"),o("smoothly-item",{key:"bdf6f57f3b14ce0fef1edb09aa803f84e48a9fcc",value:"y"},"y"),o("smoothly-input-clear",{key:"d520e86a1000b789ad6cae34d20b6dd3e6abde87",slot:"end"})),o("smoothly-input-select",{key:"95dcc39937bb91c5dc54421a92bb956d76ca5c87",name:"size"},o("span",{key:"fd0cb1f5deaa5f0f864f734f52c798f467de3e14",slot:"label"},"Size"),o("smoothly-item",{key:"868675c55eb20e80791d82ad200bfe3cdedf2f7c",value:"tiny"},"tiny"),o("smoothly-item",{key:"a7f9ed2b9ffaa25ef915f3bdf46f8fd11be35fcd",value:"small"},"small"),o("smoothly-item",{key:"1489e09199231e4530ab506759f2bdf824ae9862",value:"medium"},"medium"),o("smoothly-item",{key:"5ba127666aee104066719641fac73fca74f73a57",value:"large"},"large"),o("smoothly-item",{key:"81a0112759b5f1232967b4a511ddb0f609f5b20e",value:"xlarge"},"xlarge"),o("smoothly-input-clear",{key:"c7733f9047dc8b288d1a2b8deb0431a0a4cc5fc1",slot:"end"})),o("smoothly-input-range",{key:"4edeff4bf29438821e04348eb3fec393ef265661",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",o("smoothly-input-clear",{key:"aa54f9cf14b97e23cf62fef0597105926f9121a3",slot:"end"}))),o("h1",{key:"21eb8d9aa45bd75556c76b81493ec98d4b1bb7cf"},"Icons"),o("div",{key:"3b79e0420d17fde65fcd597773bed3cfde553c10",class:"icons"},[...c.Name.values.filter((t=>!this.display.filter||t.includes(this.display.filter))).map((t=>this.display.variant?`${t}-${this.display.variant}`:t)),...c.Logo.values.filter((t=>!this.display.filter||t.includes(this.display.filter)))].map((t=>o("smoothly-icon",{name:t,tooltip:t,"data-name":t,color:this.props.color,fill:this.props.fill,flip:this.props.flip,size:this.props.size,rotate:this.props.rotate,onClick:()=>{navigator.clipboard.writeText(t);this.notice.emit(A.succeeded(`Copied "${t}"`))}})))))}};Xr.style=qr;var Jr;(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})(Jr||(Jr={}));var Qr;(function(t){function e(t,e,i){const a=/([^.-@\s]+)/gi;return i=="backward"?o(t,e,a):s(t,e,a)}t.getWordBreakIndex=e;function o(t,e,o){let s=0;let i;while((i=o.exec(t))!=null){if(o.lastIndex-i[0].length<e)s=o.lastIndex-i[0].length;else break}return s}function s(t,e,o){let s=0;while(o.exec(t)!=null){s=o.lastIndex;if(o.lastIndex>e)break}o.lastIndex<=e&&(s=t.length);return s}})(Qr||(Qr={}));class tc{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=je("price",e);break;case"integer":o=je("integer",e);break;default:o=je(t,e);break}return new tc(o||je("text"),t)}onKeyDown(t,e){var o,s,i,a;let n=e;const l=this.keydownHandlers[t.key];if(l){const r=t.target;e.selection.start=(o=r.selectionStart)!==null&&o!==void 0?o:e.selection.start;e.selection.end=(s=r.selectionEnd)!==null&&s!==void 0?s:e.selection.end;e.selection.direction=(i=r.selectionDirection)!==null&&i!==void 0?i:e.selection.direction;const c=l(t,this.unformatState(e),e);const d=this.partialFormatState(c);if(t.defaultPrevented){r.selectionStart=d.selection.start;r.selectionEnd=d.selection.end;r.selectionDirection=(a=d.selection.direction)!==null&&a!==void 0?a:null}n=d}return n}moveCursor(t,e){t.preventDefault();let o=ve.getCursor(e.selection);let s=ve.getStalker(e.selection);o=Math.min(Math.max(o+(t.key=="ArrowLeft"?-1:1),0),e.value.length);s=t.shiftKey?s:o;e.selection.direction=s<o?"forward":s>o?"backward":"none";e.selection.start=Math.min(s,o);e.selection.end=Math.max(s,o);return e}onFocus(t,e){const o=this.partialFormatState(this.unformatState(e));const s=t.target;s.value=o.value;return o}onBlur(t,e){const o=this.createFormattedState(e);const s=t.target;s.value=o.value;return o}onInputEvent(t,e){var o,s,i,a,n,l,r;const c=t.target;e.selection.start=(o=c.selectionStart)!==null&&o!==void 0?o:e.selection.start;e.selection.end=(s=c.selectionEnd)!==null&&s!==void 0?s:e.selection.end;e.selection.direction=(i=c.selectionDirection)!==null&&i!==void 0?i:e.selection.direction;const d=t.type=="beforeinput"||t.type=="input"?(l=(n=(a=this.eventHandlers[t.type])[t.inputType])===null||n===void 0?void 0:n.call(a,t,this.unformatState(e),e))!==null&&l!==void 0?l:e:e;const 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.replace(/(\r|\n|\t)/g,""));return e}deleteWord(t,e){const o=ve.getCursor(t.selection);const s=Qr.getWordBreakIndex(t.value,o,e);const i=this.unformatState(Object.assign(Object.assign({},t),{selection:{start:Math.min(o,s),end:Math.max(o,s),direction:"none"}}));const a=i.value.substring(0,i.selection.start)+i.value.substring(i.selection.end);i.value=a;i.selection.end=i.selection.start;return i}select(t,e,o,s){t.selection.start=e;t.selection.end=o;s&&(t.selection.direction=s)}erase(t){this.replace(t,"")}replace(t,e){t.value=t.value.substring(0,t.selection.start)+e+t.value.substring(t.selection.end);t.selection.start=t.selection.start+e.length;t.selection.end=t.selection.start}unformatState(t){return we.copy(this.formatter.unformat(xe.copy(t)))}partialFormatState(t){return this.formatter.partialFormat(xe.copy(t))}createFormattedState(t){return this.formatter.format(xe.copy(this.formatter.unformat(xe.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)}setSelection(t,e,o,s){t.focus();t.selectionStart=o;t.selectionEnd=s;this.select(e,o,s);return e}}var ec;(function(t){t.type=j({name:I(),key:I(),shift:_(),ctrl:_(),alt:_(),meta:_()});t.is=t.type.is;function e(t,e){return{name:t,key:e.key,shift:e.shiftKey,ctrl:e.ctrlKey,alt:e.altKey,meta:e.metaKey}}t.create=e})(ec||(ec={}));const oc='.sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-h,[looks="transparent"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks="transparent"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks="transparent"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.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);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.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>.smoothly-input-container.sc-smoothly-input>div.ghost.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.ghost.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}.sc-smoothly-input-h:not([disabled])>.smoothly-invalid.sc-smoothly-input{cursor:pointer}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}';const sc=oc;const ic=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.smoothlyKeydown=e(this,"smoothlyKeydown",7);this.smoothlyBlur=e(this,"smoothlyBlur",7);this.smoothlyChange=e(this,"smoothlyChange",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.uneditable=this.readonly;this.observer=mr.Observer.create(this);this.color=undefined;this.looks=undefined;this.name=undefined;this.value=undefined;this.type="text";this.required=false;this.showLabel=true;this.autocomplete=undefined;this.placeholder=undefined;this.disabled=false;this.readonly=false;this.toInteger=undefined;this.currency=undefined;this.min=undefined;this.max=undefined;this.pad=undefined;this.invalid=false;this.changed=false;this.errorMessage=undefined;this.copyable=undefined;this.initialValue=undefined;this.state=undefined;this.copied=false}async getValue(){return this.stateHandler.getValue(this.state)}async setValue(t){if(this.inputElement)this.state=this.stateHandler.setValue(this.inputElement,this.state,t)}async setFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.focus()}async setSelection(t,e){if(this.inputElement)this.state=this.stateHandler.setSelection(this.inputElement,this.state,t,e<0?this.inputElement.value.length+e+1:e)}async listen(t){this.observer.subscribe(t)}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.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 setCustomInitialValue(t){this.initialValue=t}async smoothlyInputLoadHandler(t){yr.registerSubAction(this,t)}typeChange(){var t,e;switch(this.type){case"price":this.stateHandler=tc.create("price",{currency:this.currency,toInteger:this.toInteger});break;case"integer":this.stateHandler=tc.create("integer",{min:this.min,max:this.max,pad:this.pad});break;default:this.stateHandler=tc.create(this.type,R());break}this.state=this.stateHandler.initialState((t=this.value)!==null&&t!==void 0?t:(e=this.state)===null||e===void 0?void 0:e.value)}stateChange(){this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});this.observer.publish()}valueChange(t){const e=this.stateHandler.getValue(this.state);if(Jr.notEqual(e,t)&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t);this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)})}}readonlyChange(){this.observer.publish()}componentWillLoad(){this.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));this.observer.publish()}componentDidLoad(){if(this.inputElement)this.inputElement.value=this.state.value}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}onEvent(t){this.state=this.stateHandler.onInputEvent(t,this.state);if(t.type=="input"||t.defaultPrevented)this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}copyText(t){if(t){navigator.clipboard.writeText(t);this.copied=true}}render(){var t,e,i,a,n,l,r,c,d,h;return o(s,{key:"03446c564b63c7a218328f8dd04e7510965e4831",class:{"has-value":((t=this.state)===null||t===void 0?void 0:t.value)!=undefined&&((e=this.state)===null||e===void 0?void 0:e.value)!=""},onclick:()=>{var t;return(t=this.inputElement)===null||t===void 0?void 0:t.focus()}},o("slot",{key:"4fb9d3ad624d669cc0764effd9cd39ed2ebecd70",name:"start"}),o("div",{key:"a77ff0a6d8f9d18bf46bec2231a170897005dc7b",class:"smoothly-input-container"},o("div",{key:"fcb56b939c5b36eb406b9e64f1aac5259b8b0607",class:"ghost"},o("div",{key:"1da679c6be1531e3ddf61058896e13084ae2ba66",class:"value"},(i=this.state)===null||i===void 0?void 0:i.value),o("div",{key:"b258b343554cbdc3a9f208b53b1e9a2862f20c29",class:"remainder"},(a=this.state)===null||a===void 0?void 0:a.remainder)),o("input",{key:"999973c7f82634958cf867077ddcef534c0ed0d7",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:async t=>{this.state=this.stateHandler.onKeyDown(t,this.state);if(!this.readonly&&!this.disabled)this.smoothlyKeydown.emit(ec.create(this.name,t))},onFocus:t=>!this.readonly&&(this.state=this.stateHandler.onFocus(t,this.state)),onBlur:t=>{if(!this.readonly){const e=this.stateHandler.getValue(this.state);this.state=this.stateHandler.onBlur(t,this.state);this.smoothlyBlur.emit();this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});if(Jr.notEqual(e,this.stateHandler.getValue(this.state))){this.smoothlyChange.emit({[this.name]:this.stateHandler.getValue(this.state)});this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}}}),o("label",{key:"ccadef9abde712650115bc4e9b1d128afb294553",class:"label float-on-focus",htmlFor:this.name},o("slot",{key:"61f45a5b9db93d08e7b76e116ef2f2c44ef587e0"}))),this.copyable&&this.value&&o("span",{key:"dbaa973a83e16c119e77ab13f5bf69b2e5fa45cc",class:"copyable"},o("small",{key:"2a2039a1f6deb16a130b83ab2c84c0d38d933e06"},this.copied?"Copied!":"Copy"),o("smoothly-icon",{key:"44a804317576b663516be1fceeb3681d3fc0b63b",name:"copy-outline",size:"small",onClick:()=>this.copyText(this.value),onMouseLeave:()=>this.copied=false})),o("smoothly-icon",{key:"f542320fb3cf535d983e6694b854a90435410c4b",class:"smoothly-invalid",name:"alert-circle",color:"danger",fill:"clear",size:"small",tooltip:this.errorMessage}),o("slot",{key:"c99b49a217ebf8a0538343d34d5bfb14490416ea",name:"end"}))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],currency:["typeChange"],type:["typeChange"],state:["stateChange"],value:["valueChange"],disabled:["readonlyChange"],readonly:["readonlyChange"]}}};ic.style=sc;const ac='.sc-smoothly-input-checkbox-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-checkbox-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-checkbox-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.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;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{--smoothly-color-contrast:var(--smoothly-input-foreground)}[looks="transparent"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}';const nc=ac;const lc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.name=undefined;this.changed=false;this.readonly=false;this.disabled=undefined;this.checked=false;this.value=undefined;this.looks=undefined;this.color=undefined}componentWillLoad(){this.initialValue=this.checked;!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));this.observer.publish();this.id="id-"+Math.random().toString(36).substr(2,9)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.value?this.value[`${!!this.checked}`]:this.checked}async clear(){!this.disabled&&!this.readonly&&(this.checked=false)}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.checked=this.initialValue}async setInitialValue(){this.initialValue=this.checked;this.changed=false}async elementCheck(t,e){this.changed=!!this.initialValue!=!!this.checked;const o=!!t!=!!e;if(o){this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}}render(){return o(s,{key:"ed68e23b05fb1f24e398673ae1d87cde408f1cb0"},o("input",{key:"8d4396c622f77d57606360e907ed1db69428871c",type:"checkbox",id:this.id,checked:this.checked,disabled:this.disabled||this.readonly,onChange:async t=>{this.checked=t.target.checked;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),this.checked&&o("smoothly-icon",{key:"69873d52ddb6429076793dc203f33ea5678f5e2c",name:"checkmark-outline",size:"tiny"}),o("label",{key:"79c9f8aca819dfdb81ad1a859f74c4b23aa7459b",htmlFor:this.id},o("slot",{key:"6755d7c117f617285d560d32b48f16214d6a1811"})))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],checked:["elementCheck"]}}};lc.style=nc;const rc='[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}.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]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:not([disabled]):active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h{display:flex}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h[type="input"].sc-smoothly-input-clear-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-clear-h{cursor:not-allowed}.sc-smoothly-input-clear-h[type="input"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type="input"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}';const cc=rc;const dc=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.color=undefined;this.expand=undefined;this.fill="clear";this.disabled=false;this.size="icon";this.shape=undefined;this.display=true;this.type="input";this.tooltip="Clear"}async componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(dr.is(t)){this.parent=t;if(mr.Element.is(t)){t.listen((async t=>{if(yr.is(t)){this.display=!t.readonly&&!t.disabled&&(typeof t.defined=="boolean"?t.defined:Boolean(await t.getValue()))}if(t instanceof pr){this.disabled=t.readonly||Object.values(t.value).filter((t=>t)).length<1;this.display=!t.readonly}}))}}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.clear()}render(){var t;return o(s,{key:"f17ebe5d0bea8f3aaee44b3960c77a23ee66b946",title:this.tooltip},o("smoothly-button",{key:"ef291ad8e0a5e763dde79764536041eb59493b41",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(t=this.fill)!==null&&t!==void 0?t:this.type=="input"?"clear":undefined},o("slot",{key:"619bcb6649b828c1cb4fcb0e2e5dd2271fe90e33"}),o("smoothly-icon",{key:"e29b410bac3bcff98b7946ed23a948f2729e63d5",name:"close",size:"tiny"})))}get element(){return i(this)}};dc.style=cc;const hc='.sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-color-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-color-h,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.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);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:10;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:"";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}';const mc=hc;const uc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined;this.looks=undefined;this.color=undefined;this.changed=false;this.readonly=false;this.disabled=undefined;this.output="rgb";this.name=undefined;this.showLabel=true;this.open=false;this.sliderMode="rgb"}async componentWillLoad(){this.value&&this.setInitialValue();this.value&&(this.rgb=l.Hex.toRGB(this.value));this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,this.color=e}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t))}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLoadHandler(t){yr.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}watchingReadonly(){this.observer.publish()}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.output==="rgb"?{r:this.rgb.r===undefined?undefined:Math.round(this.rgb.r),g:this.rgb.g===undefined?undefined:Math.round(this.rgb.g),b:this.rgb.b===undefined?undefined:Math.round(this.rgb.b)}:this.value?this.value:undefined}async clear(){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t;this.open=false}async reset(){this.value=this.initialValue;this.open=false}async setInitialValue(){this.initialValue=this.value;this.open=false}async valueChanged(){this.changed=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}handleSwitchMode(t){t.stopPropagation();this.sliderMode=t.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=l.Hex.toRGB(this.value))}else{this.value&&(this.hsl=l.RGB.toHSL(l.Hex.toRGB(this.value)))}}async hexInputHandler(t){if(t!==this.value){if(t&&l.Hex.type.is(t)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=l.Hex.toRGB(t)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=l.RGB.toHSL(l.Hex.toRGB(t))}}else if(!t||!l.Hex.type.is(t)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=t;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}sliderInputHandler(t){var e;t.stopPropagation();const o=Object.keys(t.detail)[0];let s=this.sliderMode==="rgb"?this.rgb:this.hsl;if(!(t.detail[o]===undefined)){for(const i of Object.keys(s))if(i===o)s=Object.assign(Object.assign({},s),{[i]:i==="s"||i==="l"?+((e=t.detail[o])!==null&&e!==void 0?e:0)*100:t.detail[o]});else if(s[i]===undefined)s=Object.assign(Object.assign({},s),{[i]:0});if(this.sliderMode==="rgb"){this.rgb=Object.assign({},s);this.hsl=l.RGB.toHSL(this.rgb);this.hexInputHandler(l.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},s);this.rgb=l.HSL.toRGB(this.hsl);this.hexInputHandler(l.RGB.toHex(l.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var t,e,i,a,n,l;return o(s,{key:"30b31c63eba93911527391f6e9cb78553a7fdf0d",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((t=this.rgb.r)!==null&&t!==void 0?t:0)}`,"--rgb-g":`${Math.round((e=this.rgb.g)!==null&&e!==void 0?e:0)}`,"--rgb-b":`${Math.round((i=this.rgb.b)!==null&&i!==void 0?i:0)}`,"--hsl-h":`${Math.round((a=this.hsl.h)!==null&&a!==void 0?a:0)}`,"--hsl-s":`${Math.round((n=this.hsl.s)!==null&&n!==void 0?n:0)}%`,"--hsl-l":`${Math.round((l=this.hsl.l)!==null&&l!==void 0?l:0)}%`,"--element-height":`${this.element.clientHeight}px`}},o("smoothly-input",{key:"e3d0bcdbd8a06e5a7af58243b92eb7fe3517a554",value:this.value,color:this.color,looks:undefined,name:this.name,type:"hex-color",readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,onSmoothlyInput:t=>(t===null||t===void 0?void 0:t.stopPropagation(),this.hexInputHandler(t.detail[this.name]))},o("slot",{key:"5c193a8a4ec023b7eae083efa64b0710a57ac5a3"})),o("div",{key:"a70571803ac5820f73f4061f610feb01648169a1",class:"color-sample"}),o("smoothly-icon",{key:"ae774b176c5a66a35f75e16b7b1d842f02270c0b",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),o("div",{key:"a023b5bcf368e4779d61b5a27420f601565f679c"},o("slot",{key:"fff5d8e9159ed7b988f3132e1a4cb5d1f4bb9f44",name:"end"})),this.open&&!this.readonly&&!this.disabled&&o("div",{key:"5f046873c5d3def42e944e1611f6297e33b51f37",class:"rgb-sliders"},o("smoothly-toggle-switch",{key:"200275629b838161e3be6561460081ea64ed3c7e",title:`${this.sliderMode==="rgb"?"To HSL":"To RGB"}`,onSmoothlyToggleSwitchChange:t=>this.handleSwitchMode(t),size:"tiny",checkmark:false,selected:this.sliderMode==="hsl"}),Object.entries(this.rgb).map((([t,e])=>o("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:t,min:0,max:255,color:undefined,type:"text",value:e,step:1,outputSide:"right",onSmoothlyInput:t=>this.sliderInputHandler(t),onSmoothlyUserInput:t=>t.stopPropagation(),label:t.toUpperCase()}))),Object.entries(this.hsl).map((([t,e])=>o("smoothly-input-range",{style:this.sliderMode!="hsl"?{display:"none"}:{},name:t,min:0,max:t==="h"?359:1,color:undefined,type:t==="s"||t==="l"?"percent":"text",value:(t==="s"||t==="l")&&e?e/100:e,step:t==="s"||t==="l"?.01:1,outputSide:"right",onSmoothlyInput:t=>this.sliderInputHandler(t),onSmoothlyUserInput:t=>t.stopPropagation(),label:t.toUpperCase()})))))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],disabled:["watchingReadonly"],readonly:["watchingReadonly"],value:["valueChanged"]}}};uc.style=mc;const yc=class{constructor(e){t(this,e)}render(){return o(s,{key:"5295aeeeaf7e25a57d95be9261d6f02625ef9a3e"},o("h2",{key:"820a51593ddd94167495bf032956cea0ab24c4f6"},"Color"),o("smoothly-input-color",{key:"c60041ddc60d6274e43d9c26b18e581aebb9bf1b",name:"color"},"Choose color"))}};yc.style="style.css";const bc='.sc-smoothly-input-date-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-h,[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-h>input.sc-smoothly-input-date,[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-h.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .label.sc-smoothly-input-date{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-h.floating-label.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.floating-label .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder] .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly] .sc-smoothly-input-date-s>[slot=label],.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:not([readonly])>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:pointer}[disabled].sc-smoothly-input-date-h,[disabled].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 fc=bc;const pc=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyValueChange=e(this,"smoothlyValueChange",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.color=undefined;this.looks=undefined;this.name=undefined;this.changed=false;this.readonly=false;this.disabled=undefined;this.invalid=false;this.errorMessage=undefined;this.value=undefined;this.open=undefined;this.max=undefined;this.min=undefined;this.showLabel=true}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.value}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined}onStart(t){this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLoadHandler(t){yr.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 o(s,{key:"c35e698f2b92c9f7f710d7c5106dc4eb9df987ff"},o("smoothly-input",{key:"b313bed844d4eec18c07167b8a5f3eee8cc0e396",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:this.name,onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,errorMessage:this.errorMessage,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]},onSmoothlyUserInput:t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:this.getValue()})}},o("slot",{key:"36ae0a68c644b9a284b4c410c5358632590eaba3"})),o("span",{key:"8bac9164ec6d56039550d1da7d9f87dc27974383",class:"icons"},o("slot",{key:"ae050474e8f04c00d9e5634c8145b1f6f1317bdf",name:"end"})),this.open&&!this.readonly&&o("nav",{key:"23fd42dfe6c7bfb16c6dbd0160c1d0e5604810cf"},o("smoothly-calendar",{key:"90138ffd2f1e5662db92a273121934e7e3772b82",doubleInput:false,value:this.value,onSmoothlyValueChange:t=>{this.value=t.detail;this.smoothlyUserInput.emit({name:this.name,value:this.value});t.stopPropagation()},max:this.max,min:this.min},o("div",{key:"af44bc25c46a6523246b3abef195ee0d503c99a9",slot:"year-label"},o("slot",{key:"36093c68ef3aca415b59f32b0a29bcca18dee2ed",name:"year-label"})),o("div",{key:"59fa0e841ca01529ed8bcdf463d4d0e3b2e8fa31",slot:"month-label"},o("slot",{key:"be0b3f429e1cfcc97b9440ce13819742cef60e8b",name:"month-label"})))))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],value:["onStart"],disabled:["watchingReadonly"],readonly:["watchingReadonly"]}}};pc.style=fc;const gc='.sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-range-h,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.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:not([readonly])>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{cursor:pointer}[disabled].sc-smoothly-input-date-range-h,[disabled].sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-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:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.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:-7rem;z-index:9;transform:translate(10em, -0.55rem) rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>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;width:100%;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-block:0.5rem;padding-inline:0.2rem;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 kc=gc;const vc=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.name="dateRange";this.color=undefined;this.looks=undefined;this.readonly=false;this.disabled=undefined;this.showLabel=true;this.start=undefined;this.end=undefined;this.placeholder="from — to";this.invalid=false;this.max=undefined;this.min=undefined;this.changed=false;this.value=undefined;this.open=undefined}componentWillLoad(){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));this.observer.publish()}inputHandler(t){const e="dateRangeInput"in t&&typeof t.dateRangeInput=="string"&&t.dateRangeInput.split(" - ");if(e&&e.length==2&&x.is(e[0])&&x.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(){this.changed=this.initialStart!=this.start||this.initialEnd!=this.end;this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLoadHandler(t){yr.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()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.start&&this.end?{start:this.start,end:this.end}:undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.start=this.initialStart;this.end=this.initialEnd}async setInitialValue(){this.initialStart=this.start;this.initialEnd=this.end;this.changed=false}async clear(){this.start=undefined;this.end=undefined;this.smoothlyInput.emit({[this.name]:undefined})}render(){const t=navigator.language;return o(s,{key:"75cada2cb69af61886475a89b0504a2e870d3dc9",tabindex:this.disabled?undefined:0},o("section",{key:"e7cd56a08bef39622d823a6f8c42eb07efb7fcf6",onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open)},o("smoothly-input",{key:"8a28ae4f819d9d96d68324192c307b6f3a0109f7",type:"text",name:"dateRangeInput",readonly:this.readonly,disabled:this.disabled,value:this.start&&this.end?`${Ie(this.start,"date",t)} — ${Ie(this.end,"date",t)}`:undefined,invalid:this.invalid,placeholder:this.placeholder,showLabel:this.showLabel,onSmoothlyInput:t=>{t.stopPropagation();this.inputHandler(t.detail)}},o("slot",{key:"d3c4d72697955434ad7b2e83f2e5306aa1bf5646"}))),o("span",{key:"8bc35c4fb0f0f0d5601114941967153b2ac695be",class:"icons"},o("slot",{key:"043a021470f3996d56db1c43f8d87c37838a5338",name:"end"})),this.open&&o("nav",{key:"cf12a6ed45822c63deb0bedf5da82f617670123c"},o("smoothly-calendar",{key:"a8a04d7452018076566a4d42fb0d7a7facd0ba9f",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});this.smoothlyUserInput.emit({name:this.name,value:t.detail})},value:this.start,start:this.start,end:this.end,max:this.max,min:this.min})))}get element(){return i(this)}static get watchers(){return{start:["updateValue"],end:["updateValue"],value:["valueChanged"],disabled:["watchingReadonly"],readonly:["watchingReadonly"],name:["nameChange"]}}};vc.style=kc;const wc='.sc-smoothly-input-date-time-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-time-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-time-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-time-h,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>nav.sc-smoothly-input-date-time{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));min-width:18em}.sc-smoothly-input-date-time-h>nav.sc-smoothly-input-date-time>smoothly-calendar.sc-smoothly-input-date-time::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-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name="date"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name="hour"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name="minute"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}@media screen and (min-width: 400px){.sc-smoothly-input-date-time-h>nav.sc-smoothly-input-date-time{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em}}';const xc=wc;const Cc=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyValueChange=e(this,"smoothlyValueChange",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.color=undefined;this.looks=undefined;this.name=undefined;this.changed=false;this.readonly=false;this.disabled=undefined;this.invalid=false;this.errorMessage=undefined;this.value=undefined;this.open=undefined;this.showLabel=true;this.min=undefined;this.max=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish();this.valueChange(this.value)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){const t=this.date&&typeof this.hour=="number"&&typeof this.minute=="number"?`${this.date}T${`${this.hour}`.padStart(2,"0")}:${`${this.minute}`.padStart(2,"0")}:00.000Z`:undefined;return C.is(t)?t:undefined}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}async handleChange(){const t=await this.getValue();this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){if(C.is(t)){this.date=C.getDate(t);this.hour=C.getHour(t);this.minute=C.getMinute(t)}this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLoadHandler(t){yr.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){if(C.is(this.initialValue)){this.date=C.getDate(this.initialValue);this.hour=C.getHour(this.initialValue);this.minute=C.getMinute(this.initialValue)}else{this.date=undefined;this.hour=undefined;this.minute=undefined}}async setInitialValue(){this.initialValue=await this.getValue();this.changed=false}render(){return o(s,{key:"bc100a3a16b23b185cc59d1c705a70a346f1b921"},o("smoothly-input",{key:"5e1724a9b77e76b99ef0cc70e764610715d4fa9e",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:"date",onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,type:"date",value:this.date,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.date=t.detail.date},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}},o("slot",{key:"8af07feb44277cc000039d40b1a47232ce6840ee"})),o("smoothly-input",{key:"32ea8114a00b2679362deb5b9c56ee7988d604fb",name:"hour",type:"integer",max:23,pad:2,value:this.hour,readonly:this.readonly,disabled:this.disabled,placeholder:"hh",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.hour=t.detail.hour},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),o("span",{key:"fdd4d43c7d14ffb5800dd473624a760a239f6cc8",class:"colon"},":"),o("smoothly-input",{key:"0c3ab905a5b2ac3331c3b060aeafcd6ca01ae40c",name:"minute",type:"integer",max:59,pad:2,value:this.minute,readonly:this.readonly,disabled:this.disabled,placeholder:"mm",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.minute=t.detail.minute},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),o("span",{key:"12ad993d828a5c40436cfa669f196ff103da845c",class:"icons"},o("smoothly-icon",{key:"fd371a5a3af47b77655d289310259d3015633373",class:"smoothly-invalid",name:"alert-circle",color:"danger",fill:"clear",size:"small",tooltip:this.errorMessage}),o("slot",{key:"7b785989dd182c178e704b9b902f7ca5a8d5965a",name:"end"})),this.open&&!this.readonly&&o("nav",{key:"bbdb812ebcbe80e131f162cb98edcbd3f2441838"},o("smoothly-calendar",{key:"86bb4cebaaf256cb23f62557a183cf29c3127a05",doubleInput:false,value:this.value?C.getDate(this.value):undefined,min:this.min?C.getDate(this.min):undefined,max:this.max?C.getDate(this.max):undefined,onSmoothlyValueChange:async t=>{t.stopPropagation();this.date=t.detail;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})},onSmoothlyDateSet:t=>{t.stopPropagation();this.open=false}},o("div",{key:"12e491eb754d1ebe1071c5f5ed2b53a9884ee2b8",slot:"year-label"},o("slot",{key:"2e0d13fd569f443707327abc67d61584e1d06776",name:"year-label"})),o("div",{key:"82950620216b02db4735f08f0b244e31209fbb4a",slot:"month-label"},o("slot",{key:"d11d7a4b5fbf384afdabecc9f41cb343344469f2",name:"month-label"})))))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],date:["handleChange"],hour:["handleChange"],minute:["handleChange"],value:["valueChange"],disabled:["watchingReadonly"],readonly:["watchingReadonly"]}}};Cc.style=xc;const Sc=".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{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 zc=Sc;const jc=class{constructor(o){t(this,o);this.smoothlyUrlUpdate=e(this,"smoothlyUrlUpdate",7);this.numbers=[1,2,3,4,5,6,7,8,9];this.duration={hours:8};this.alphanumeric="!@##"}render(){return o(s,{key:"8eca5085c2cd1c049f973fc3660e505fe011cb8d"},o("smoothly-input-demo-standard",{key:"2a981d4cc5d0aa0d3b2d4cf00f5fd02b6532ba8a"}),o("smoothly-input-demo-user-input",{key:"d5cf6a5e4ec84c34d15aa6aa70db7814f1c6bc7b"}),o("div",{key:"4029596231233b85a8b5808d5b3a234a90738e6f",class:"inputs"},o("h2",{key:"ca5b785ca2352a398bc5d39e5ade8a57abc79289"},"Calendar"),o("smoothly-input-date",{key:"103948cd715903bb4dbdca4cd65d645ec9759d11",name:"some-date"},"Calendar"),o("smoothly-input-date-time",{key:"72c6cb49f3f7ac1999f8a6436f32ed35c990fe15",name:"someDateTime",value:C.now()},"DateTime"),o("h2",{key:"4957924da6ce45181769d2f023390463111502e2"},"Date Range"),o("smoothly-input-date-range",{key:"4600c944c908626735780163e22c24029e81454a",name:"testing",start:x.now(),end:x.nextMonth(x.now()),min:"2021-10-01",max:"2025-01-31"}),o("smoothly-input-date-range",{key:"0806be3afdea28de4a1e10f2e4130926e184b69c",name:"testing",start:x.now(),end:x.nextMonth(x.now()),min:"2021-10-10",max:"2024-12-30"},o("smoothly-input-reset",{key:"07e0f760e9e406795bc70a350d07cc62a7de786d",slot:"end",size:"icon"})),o("smoothly-input-date-range",{key:"f5ffd85a8fda6f8cbf0a0d7eb7a2df8a84394536",looks:"grid",start:x.now(),end:x.nextMonth(x.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--smoothly-input-border-radius":"0.5rem"}},o("smoothly-input-clear",{key:"ea0f780cac1bbd91e2f23792a0e9563ba4b31a22",slot:"end",size:"icon"})),o("h2",{key:"78bb9d81fd2f2dae86b3c903b2769be20807de25"},"Date"),o("smoothly-input-date",{key:"7aaf3f7ffd6a0862a2a2d28a5d4094b65b0130b3"},"Date"),o("smoothly-input-date",{key:"2145991358450d61e65f2cd0e0abcc9067b61784",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),o("smoothly-input-date",{key:"4657bb164cf02e7c0d04110035b459bde302a0dd",value:"2021-10-28"},"Date",o("smoothly-input-reset",{key:"9565c757b720c2d3821ebecedf3e5df61e8fe4f4",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"8e575010ec44b3f9f8232357e6e17715ac4e6944",value:"2021-10-28"},"Date",o("smoothly-input-clear",{key:"7f91042a395ffb0fc1a831f379a4c2bd78af4994",slot:"end",size:"icon"})),o("h2",{key:"2cc4948ee84ad942ebe612c709f595741a60ec5d"},"Select"),o("div",{key:"b5f5b389e9280f64dd295211a9e9bfde982609b3",class:"select-div"},o("smoothly-input-select",{key:"12f26e8f0046a3e6526aa086ab4d467b804b37eb",name:"select-dessert",looks:"border"},o("label",{key:"047be28f02f1a4e9d2218681ef316be6555d25ce",slot:"label"},"Select with clear button"),o("smoothly-item",{key:"ccfb99a06feb5ca0db8359873b407206a007fa68",value:"1"},"Ice cream"),o("smoothly-item",{key:"5aa2fa9271e4a887e6692a59f6c09d93c7b36935",value:"2"},"Sponge cake"),o("smoothly-item",{key:"e04fdaae47ea615d41a2b6a5663cd6197dd14571",value:"3",disabled:true},"Disabled Item"),o("smoothly-item",{key:"f816f49f806f0a97c9c30e9ce6df0f2643a38a71",value:"4"},"Cookie"),o("smoothly-item",{key:"9aada5007c7f4bf07adeabda132a39b012a7868e",value:"5"},"Croissant"),o("smoothly-item",{key:"1e5a46725a7f928e6bfcfbe74cd885c97f468dd5",value:"6"},"Chocolate fondue"),o("smoothly-input-clear",{key:"136a5ce5d41476f0286953a5a53ae22401ae99fd",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"3b9205e7e91564e4a5adad8783e17294f071fda5",multiple:true,name:"select-dessert-multiple",looks:"border"},o("label",{key:"cd6cd9703163db684b82123d276608b9209967dc",slot:"label"},"Select multiple with reset button"),o("smoothly-item",{key:"22cf141faccff6d889c8f47593816dfb57223ad5",value:"ice cream"},"Ice cream"),o("smoothly-item",{key:"2a3d0788b12de8b50a0a37872f3496b783548360",value:"sponge cake"},"Sponge cake"),o("smoothly-item",{key:"8fdf1566ea2744befdb88e0f55aa329dbe89fc1c",selected:true,value:"cookie"},"Cookie"),o("smoothly-item",{key:"e6844c5f4e62fdb42e29dcdc009f918c1b6f4995",value:"croissant"},"Croissant"),o("smoothly-item",{key:"52a2781331ade2f39812ffee322cc1a546a56972",selected:true,value:"chocolate fondue"},"Chocolate fondue"),o("smoothly-input-reset",{key:"cd283f041b19cdeb3ab194f9c1ae5e93d02234a7",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"9093b94cc40d8fe5384a7cf2da7162bfc396d24b",name:"spirit-animals",looks:"border",mutable:true},o("label",{key:"2f9471b860bc412c256d262cc858fa82a7983448",slot:"label"},"Select or add new options"),o("smoothly-item",{key:"8cd15eb854c6e963df4c3b3662a35db8744276ed",value:"manatee"},"Manatee"),o("smoothly-item",{key:"93a899ccfd2446f7e96b9acb19270042ed912aa6",selected:true,value:"cthulu"},"Cthulu")),o("smoothly-input-select",{key:"e129f6ae7fe928950d1555f0281130c22457ddab",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"ea1c4c02eaf90062c44543bdf0ebc29bc80416b7",value:"folder",selected:true},o("smoothly-icon",{key:"6f0bd86a0e3e055b3c18372a78af6168b9a07503",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"4e3211dd1a028391b4affb577379dd9fd51b16b0",value:"camera"},o("smoothly-icon",{key:"d57f56b01d45e6c4ef5b3a7a7c621c26c932acc6",size:"small",name:"camera-outline"}))),o("smoothly-input-select",{key:"a5aa85986d6851b6dd9e569bfe3e120c597df129",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"69d4797ade65df0c6624e6d1a4427eeb272728b0",slot:"label"},"Alphabet ordered select"),Array.from({length:26}).map(((t,e)=>String.fromCharCode(e+65))).map((t=>o("smoothly-item",{value:t,selected:t=="H"},t)))),o("smoothly-input-select",{key:"7c45606efbbf88f4841b5eb5071ecd51f32b7a93",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"651ebb10ab71243b641d373838183559abb44046",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"d177ac91aafc330fc953dbc034d6d1aa9b9b5722",value:"1"},"January"),o("smoothly-item",{key:"9233a045fa9f8d4eee8b75b4718274186b6ca92c",value:"2"},"February"),o("smoothly-item",{key:"42240bee2c1d1e2a2ee3839b31481b2aa346e8eb",value:"3"},"March"),o("smoothly-item",{key:"7e9e3c13119fd0613db656e581f3b9fe55ee3e7b",value:"4"},"April"),o("smoothly-item",{key:"b09a0ea6bf3eedaab1048448f0cbf95af6bf9f0a",value:"5"},"May"),o("smoothly-item",{key:"d209057ac70e38610f93339f57bb5da6e205c9f4",value:"6"},"June"),o("smoothly-item",{key:"f81d9b6b87fa1b138236bd149a31d361688727f8",value:"7"},"July"),o("smoothly-item",{key:"d8909b5c43adf58bdaa7dce5078b940664cf4f46",value:"8"},"August"),o("smoothly-item",{key:"600c0667395e9116e1fbfed32bcc483961887173",value:"9"},"September"),o("smoothly-item",{key:"9eb855fbf2f710d0cb427d5b04998af8a81f5f83",value:"10"},"October"),o("smoothly-item",{key:"c5f792bcf69b2933d96711de66eb4458134cb6cf",value:"11"},"November"),o("smoothly-item",{key:"d1e038e5c343c0d0c46d07d2dac25acdbb2d61b0",value:"12"},"December")),o("div",{key:"11857a26b22fe9154c7350eb994674b13ca8487f",class:"select-div-row"},o("smoothly-input-select",{key:"33be6706d1f52b6bfdfc2a4f5f2d51fc33fb1022",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"67ad3188ccec6edbac97865b8d4a2ff5230bbdde",value:"folder",selected:true},o("smoothly-icon",{key:"3422f645f239ef19c377afe4d3218c364cf0fbab",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"1f44571b6551f714863c7e7eb5a1774c95a14685",value:"camera"},o("smoothly-icon",{key:"31b8a68a0eaec11b262c8c85fac3ead5564a9b8f",size:"small",name:"camera-outline"})),o("smoothly-item",{key:"fc35faf42856c2e1c76dcd408ff26e6c81299e55",value:"boat"},o("smoothly-icon",{key:"bc4650179d9e974ac443b0918c2195e2b83aac14",size:"small",name:"boat-outline"}))),o("smoothly-input-select",{key:"561637479d0267d2fd072ad29b016fd8021a1d46",name:"select-number",clearable:false},this.numbers.map((t=>o("smoothly-item",{value:"number",selected:t===3},t)))),o("smoothly-input",{key:"51f1c70d73fc312382dab3fd4523b98d779f495d",name:"name",value:"Sten Qvist"},"Name"))),o("h2",{key:"d3ef4e8c3a1d423a7ea78744c0042d8dab71d91c"},"Duration"),o("smoothly-input",{key:"7a59352f05ff1bd6b472b5e3eaa41525dc12783f",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:t=>this.duration=t.detail.duration},"Duration"),o("smoothly-input",{key:"387d5e488a8bbe85ab9d7ff3c57c677b98a476a0",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:t=>{const e=t.detail.duration;this.duration=e}},"Duration"),o("h2",{key:"3f54e207a4b8141f901a4ca93afbd0d8dca63211"},"Integer with Min/Max"),o("smoothly-input",{key:"fb0a7420b309d2d6d54bd8b4bfcb080b16511a8b",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),o("smoothly-input",{key:"d8f4bbc45750c957d8f93c9f92e36b8f74122ccb",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),o("smoothly-input",{key:"9c122fc4053deba503e4e4cf552ea0f556604e3d",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),o("smoothly-input",{key:"82d2d8ca00b5d7003812695fb2d5abb2f33b7110",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),o("h2",{key:"48b36ca619f51da947855e1e5daed0fe4fcd4c61"},"Invalid text with warning icon and tooltip"),o("smoothly-input",{key:"730508d924489b86e06e438d61f037afe03038bc",copyable:true,name:"alphanumeric",invalid:!/^[a-zA-Z0-9]+$/.test(this.alphanumeric),errorMessage:"Only alphanumeric allowed",value:this.alphanumeric,onSmoothlyInput:t=>this.alphanumeric=t.detail.alphanumeric},"Alphanumeric"),o("h2",{key:"0a242030e2d87a7dbcbc6d92776bebdf005d2aba"},"Identifiers"),o("smoothly-input",{key:"88171624261873a6fbd5ffd238b664e7353595ab",type:"identifier-code"},"Code"),o("smoothly-input",{key:"e237e4448c711207edc805756d213a6f3b823547",type:"identifier-attribute"},"Attribute"),o("smoothly-input",{key:"17068bfd4b048591fcffca4974b1a345c0b30b53",type:"identifier-snake"},"Snake"),o("smoothly-input",{key:"1c78073c482d537a006551b6e6c3ab2aef605bd7",type:"identifier-pascal"},"Pascal"),o("smoothly-input",{key:"af5490d3f6c137e0fde75c328041b88be044fe33",type:"identifier-camel"},"Camel"),o("h2",{key:"3d5080306ddb1384c2698ac7d6ef55f8955d0e24"},"Input Alternatives"),o("smoothly-input",{key:"668782e103f580273e4bd53c405d9484481ffdb6",type:"text",name:"name.last"},o("smoothly-icon",{key:"a403f42ce3f499497562796dbabe515c00dbce61",name:"checkmark-circle",slot:"start"}),"First Name"),o("smoothly-input",{key:"dbf6a47acfd072a18020a80b377c61752918fe32",type:"text",name:"name.first"},"Last Name",o("smoothly-icon",{key:"976c54b6f8350da7f5b01c1f560a91694137e3e7",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"316fa17d39c5853d15b877fd7e80e9e204852dc6",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",o("smoothly-icon",{key:"75599cba8c2f5cbd5b6f12ce98687c7d221f92bb",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"3f76beb14de0460ad9147a97af335b104cc8ec1e",placeholder:"test"}),o("smoothly-input-submit",{key:"a56cb9fa8784ed974e2fb40c4fe2b342d83b5bcf",slot:"submit",fill:"solid",onSubmit:t=>alert(t),color:"success"}),o("h4",{key:"e1a582c272e9d20758234c4984eb0b453e0e6f8b"},"Smoothly checkboxes"),o("div",{key:"85a0c58f42a18af1b6bccd5cd9454c1dd5c6b49c",class:"checkbox-group"},o("smoothly-input-checkbox",{key:"2ad493d6781c7f69339dcedffdfcaaba06bbb432",disabled:true,name:"first-checkbox"},o("smoothly-icon",{key:"0c088eb9ac9cd8a60b6b7e694c18b7039fe6db41",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),o("smoothly-input-checkbox",{key:"754bd934f2957392cee2280b42f2d52044921000",name:"second-checkbox",checked:true},o("smoothly-icon",{key:"742a9fcda061b330b582982476d197791724bfaa",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",o("smoothly-input-clear",{key:"df629e531eef747d1f33b94d62bdf6dff6cba527",size:"icon",slot:"end"})),o("smoothly-input-checkbox",{key:"affdad70764bc35351d093efe6a3c75350933984",name:"third-checkbox"},"3rd")),o("h4",{key:"f4f77227045d210881096e69bac51afe6aa5f415"},"Smoothly Radio Buttons"),o("smoothly-input-radio",{key:"f6d950f5bc69e4368976bde976f372c048aa50bd",clearable:true,name:"radioFirstInput"},o("smoothly-icon",{key:"4c89b5bb8ed1f9e1cf9901400a1be6d8a37e74b6",name:"checkmark-circle",slot:"start"}),o("label",{key:"2edb666548cb40aae10cf34b58bca819c9afe7bd",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"40545d8c6f923e3ef26f809376203fb200bbb939",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"b435f94dd688bf4701707411f957f2362062c9fc",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"02fd6e991adbe2ea4dec0cbaa274b9a7cf13e2d1",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"064fea584a864151a371131ce008cb22461cde19",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"aa5fdaae17b110e952f959253921c0385eb363e3",name:"radioSecondInput"},o("label",{key:"dc06ed17533eb97afabfb75f7971bf65467cd3b9",slot:"label"},"Not clearable"),o("smoothly-input-radio-item",{key:"52af1a7bd4cee4aa2351cf9b13d0868c92011c4f",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"34d73d444fda070b41340202d265c1f6ca352ce9",value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"6685c9d0a6f7dc231d02e8c220c7e802a408477d",value:"third"},"Label 3"),o("smoothly-input-radio-item",{key:"c77154f732d674761e3c2054c743f1c0d6f7c048",value:"fourth"},"Label 4"),o("smoothly-input-radio-item",{key:"67b2559ac15ac1ae5559d261a1b980e95d5d0765",value:"fifth"},"Label 5"),o("smoothly-input-radio-item",{key:"6b631e9d66e8b78ced8433440eff925ef618d93b",value:"sixth"},"Label 6")),o("smoothly-input-range-demo",{key:"fef41e64a3180217ad4dde7604fd811c9f9b7d68"}),o("smoothly-input-color-demo",{key:"457a996834344fa00c9d7d0afdd304e543df675e"}),o("smoothly-input-price-demo",{key:"23762bdd1fb1f03de754d176ad008122199fd69c"}),o("smoothly-back-to-top",{key:"dc25a5a529a8999e2fc776e0dc6cec912fa291ea"})))}};jc.style=zc;const Ic='.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}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns: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}';const _c=Ic;const Tc=class{constructor(e){t(this,e);this.duration={hours:8};this.options={}}connectedCallback(){this.updateInputHeightText()}componentDidRender(){this.updateInputHeightText()}updateInputHeightText(){const t=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));this.element.querySelectorAll(".height").forEach((e=>{const o=e.clientHeight;e.innerHTML=`<b>${o/t}rem</b> (${o}pixels)`}))}render(){return o(s,{key:"3138c0c2a7d5a9867caf20cc7913364d458a3812"},o("div",{key:"be1a11b5c328b095c816622365bfb7bddf6ee5e2",class:"description"},o("h2",{key:"51938a9ee35f7e188f62e89336de0a4868e8b97b"},"Input Standard"),o("p",{key:"1238eede12db79b214f1fad9124ff8ef8072ec60"},"Height of input should be ",o("code",{key:"143bb6d3c16df47e24442931b20a80815f570e15"},"3rem")," including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."),o("smoothly-form",{key:"4dd2662d2b1595279ecc7b1bd6245dfea8633865",looks:"grid",onSmoothlyFormInput:t=>this.options=t.detail},o("smoothly-input-select",{key:"7dbea4487f3ea6ea0d12a060b65edc2b45d2896f",name:"color"},o("span",{key:"d1bbe2953412676d763b4445757da219c5bbe6fc",slot:"label"},"Color"),l.values.map((t=>o("smoothly-item",{value:t},o("span",{color:t},t)))),o("smoothly-input-clear",{key:"9f11b80a1b98f6eacdd5500d5fbbc2fd14feb6e8",slot:"end"})),o("smoothly-input-select",{key:"69a136535e72a624aac1cf80e7ea611cce0db766",name:"looks"},o("span",{key:"c24b2b39ae388dffad74bd608b088d64dcf96502",slot:"label"},"Looks"),ur.values.map((t=>o("smoothly-item",{value:t},t)))),o("smoothly-input-range",{key:"85dba083c3efb9f667f95719dc0c01e48546b1f6",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"fc897b5811b0d1e8d22405a0a8d0ce4ab13bbddc",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"21d061131cc5626188661a0adb3b0ab2a1424f83",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"46fb005ff971f613f3ff9653029885b4bda08c34",name:"invalid"},"Invalid"),o("smoothly-input",{key:"e9e5cb2e2707276bbe8e92c660ac285d93f80ebb",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"d97b6347057812b8650ac914c7a229900aa9d21f",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"0a37b9ec99aa52c6c5b6cdcb3fd38664d8129fcb",name:"placeholder"},"Placeholder"))),o("div",{key:"9e3f173174cfaf4e2eab253a6ab7a3d78ae4ce76",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"329ef1983e54358f150c393ce5be5d240e7935ab",class:"width"},"width: 100%"),o("div",{key:"aee591ed73b18eb7656a642ee93e78506d750985",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"b0e7d6922dbcc5570332cc5a91fe20e0459c2950",name:"text",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"cd51d26590bcbb2ae25e2bef6ef241f396e3cced"},"Text"),o("smoothly-input-clear",{key:"415d27c36710e17ee479831a0f4f5f5c413301f8",slot:"end"})),o("div",{key:"ae574972e9dcf571036c8c4b35950317cbdb09d7",class:"height"}),o("smoothly-input-select",{key:"335c980ac6dac8edcfd6308c91a23f6b865cb66a",name:"month",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"aa9657fd6079de60607fd522a50e2d50df2d5dca",slot:"label"},"Select"),o("smoothly-item",{key:"3d75ec566f7be10e85daf2841aa46c16945d3e12",value:"1"},"January"),o("smoothly-item",{key:"c5acfe4618783632cc4c0d4f365c70000c584cc4",value:"2"},"February"),o("smoothly-item",{key:"e440c20f570c25927bab736784660f6397e767a3",value:"3"},"March"),o("smoothly-item",{key:"50cdc76482f03ee2575595f6186e21a1f481b326",value:"4"},"April"),o("smoothly-item",{key:"3b37e8107b0676e62d50ef7968b5c71ebbd84b8d",value:"5"},"May"),o("smoothly-item",{key:"07c06a1ce653b9bb09b8db1f3a4de6a4db6fc475",value:"6"},"June"),o("smoothly-item",{key:"4d333aeaca77cc569dc22a20a086214407272904",value:"7"},"July"),o("smoothly-item",{key:"90a820f098b5927b6c329aec50aa8e09e00d97bf",value:"8"},"August"),o("smoothly-item",{key:"4a1cd31364e5f6b4ab546f17e1c9973a13a811b3",value:"9"},"September"),o("smoothly-item",{key:"5dcf14641bb1d6fe0d93d743027e1f86fe029e4a",value:"10"},"October"),o("smoothly-item",{key:"6548e5330bcb99442db12aa5f7dd34f43fe6b41b",value:"11"},"November"),o("smoothly-item",{key:"0d0be1679aebaedb0d4be188daf3ba6bd54c9dc7",value:"12"},"December"),o("smoothly-input-clear",{key:"4b57381439d017e671044a96a075dc793a9a3f99",slot:"end"})),o("div",{key:"51ffaddf720d92ae479ee0384d3ded52326c5551",class:"height"}),o("smoothly-input-checkbox",{key:"132d7cffb2787c91e1d0b877d557fd8d575c9d4f",name:"checkbox",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled},"Check"),o("div",{key:"10e594055dbe2774366d8493ac7fffe65002e868",class:"height"}),o("smoothly-input-radio",{key:"3eee8bf207e49047d3afd697babd52f92ce950be",name:"radio",clearable:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("label",{key:"c32200239b884e4aca99d5a7475e02661cd18206",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"0f44d10016c61955fd939a0e8907deda87ed25e7",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"f03f8948d0f28f2f216ef764eab0c2caab62ec3b",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"ba0d78216d05df9f1fc2a9e8217dee3e791a1be8",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"9ff5cae5528943585ccb788429a1e1ca7895f3be",slot:"end"})),o("div",{key:"eea2613bfa7f8b36cc27e6d3bd92ab28f7f86562",class:"height"}),o("smoothly-input-file",{key:"057faff6c0bf578b2df6be51de474d809abb3a96",name:"file",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"a455a704931d07cf68ba7bd84be5dd2ede55ee4e",slot:"label"},"File"),o("smoothly-input-clear",{key:"6d410486d191992ee29700c373f0c0c69e3d32fd",slot:"end"})),o("div",{key:"86d60efe5926b1ac801f34e1a0bbf5dcf787ff44",class:"height"}),o("smoothly-input-range",{key:"5fc459837bf1919e2aac2c9280305e03e7b97a0b",name:"range",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,label:this.options.showLabel?"Range":undefined},o("smoothly-input-clear",{key:"dce1461f5e2378d57b82fd36007b39bd46de658e",slot:"end"})),o("div",{key:"ee7da922c1d64ae5658a7061ba5d913088e66c80",class:"height"}),o("smoothly-input-color",{key:"47bd37f4e21d3e8556103641ddd8e76c119194ed",name:"color",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"3c05e351348fda11491bc749eb8beaa8cbc4fb7d"},"Color"),o("smoothly-input-clear",{key:"ec1843444cdea40be386e57f42bf588164a2f38d",slot:"end"})),o("div",{key:"b3d9daabd07cc25333c3cb7efbcf13fb39731f5f",class:"height"}),o("smoothly-input-date",{key:"41d096268d196f5b4d22ff4f9efa2fa876dcca2a",name:"date",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"a31dca9643aab4f87296c372d09ae7fc64a5c6ab"},"Date"),o("smoothly-input-clear",{key:"91116b9ce2c390d7ea715a29cec1874cb6adad32",slot:"end"})),o("div",{key:"4a108a100ca992b1df1413f7760710687ab65929",class:"height"}),o("smoothly-input-date-time",{key:"e6c4475e0b65bf097ed7f3d88431e9b32bff247c",name:"dateTime",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel},"DateTime",o("smoothly-input-clear",{key:"31da599e9a11d92c26adb99586a8a7fe973d4237",slot:"end"})),o("div",{key:"38f80abf37b64f8d30d6a332b06dcf7cf5bb109c",class:"height"}),o("smoothly-input-date-range",{key:"445e2f00bb50aeccb3150d64c8ef941ef0e534dc",name:"dateRange",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,placeholder:this.options.placeholder,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"37feae59590230fc77df587d60c5625ec77297a9"},"Date Range"),o("smoothly-input-clear",{key:"466984321d51eca9c8170364dd9c8d5fec56e57e",slot:"end"})),o("div",{key:"0bdefd20c2ed6d5b1f872a5c2b5ed043d6ef968b",class:"height"})))}get element(){return i(this)}};Tc.style=_c;const Oc=".sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}";const Lc=Oc;const Ac=class{constructor(e){t(this,e);this.values=["zero","one","two","three","four","five"];this.colors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"];this.textIndex=undefined;this.selectIndex=undefined;this.checkboxChecked=undefined;this.radioIndex=undefined;this.rangeValue=undefined;this.colorIndex=undefined;this.dateValue=undefined;this.datetimeValue=undefined;this.dateRangeValue=undefined}increment(t){return t===undefined?0:(t+1)%this.values.length}render(){var t,e;return o(s,{key:"ae3eb85c10e9f600c2797e43a598630cb254af44"},o("div",{key:"50520b52f8a4753b1f0b71323e52e66a86201982"},o("h2",{key:"05a09f8969fc436776d61f5920f154d1d304daac"},"User Input Event"),o("p",{key:"c1b3aeab9baab59832612ee205814441556ef1f1"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"3738c098ed392b3479708c7b83917a089f5eba46"},"smoothlyUserInput")," event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).",o("br",{key:"a39b028b3af7374f70c7b6e7ddbeb9beb0448b95"}),"Check the console to see the details of each ",o("code",{key:"7712a548ab24f94de1c3ee5d07ef07bdc1ff3262"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"8e8d5b52eebabc0cf2e5588455ff8928a289bf9b",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"e8465ae0fa9c32788e518e653ee51152c66131f8",looks:"border",name:"demo-user-input-text",value:this.textIndex===undefined?"":this.values[this.textIndex],onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Text input"),o("smoothly-button",{key:"ad09a088c36bd1f149f99be22c6055fdf08cb1b0",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"77442278140c916e14c903412abc3a0b59aeba12",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},o("span",{key:"169314f0e4944b3a7cc21210548acb1e8184e53a",slot:"label"},"Select input"),this.values.map(((t,e)=>o("smoothly-item",{value:e,selected:e==this.selectIndex},t)))),o("smoothly-button",{key:"b8a7c14017c652e1e12ff9b1a8ed380ca1b9283c",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"6f10f7aac1d4a1ebc2e53cbbc1fcab6d76e8e0c4",looks:"border",name:"demo-user-input-checkbox",checked:this.checkboxChecked,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Checkbox input"),o("smoothly-button",{key:"c7293e70a5707dbeed3e915a448d10735f5dc950",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"c581780a8d05d1cea48df5cd8733d3e1508444d0",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},o("span",{key:"51cb5294f83c5d046b9b154ad6ccceec1ff39048",slot:"label"},"Radio input"),this.values.map(((t,e)=>o("smoothly-input-radio-item",{value:t,selected:e==this.radioIndex},t)))),o("smoothly-button",{key:"cb1ed38f4364bb2ed2caa54285bb24f57f569f51",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"e67a51ebee7fb6a885edc25ee33e4bb1734739e6",looks:"border",name:"demo-user-input-range",step:1,min:0,max:this.values.length,value:this.rangeValue,label:"Range Input",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)}),o("smoothly-button",{key:"e2bb2c57d0c809adc994cf6e8afde4bc38094839",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"86afbbda3796a1806838270760b4704b626d7173",looks:"border",name:"demo-user-input-color",value:typeof this.colorIndex=="number"?this.colors[this.colorIndex]:undefined,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Color input"),o("smoothly-button",{key:"76c36046e4deab5fd66336ae2e2e6da341a3bdf9",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?x.next(this.dateValue):x.now()},"Next day"),o("smoothly-input-date",{key:"5f3408deb2234dc4284f39b39382d3147d81b866",looks:"border",name:"demo-user-input-date",value:this.dateValue,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Date input"),o("smoothly-button",{key:"c7c0006ae09cda944e01263ca15ca5e40963506d",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?C.nextDay(this.datetimeValue):C.now()},"Next date time"),o("smoothly-input-date-time",{key:"0477c2f4110311dc388170227cbe50fe5d577ead",looks:"border",name:"demo-user-input-datetime",value:this.datetimeValue,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Date time input"),o("smoothly-button",{key:"01907b324fd98bff9415165b15e0331ca90eff66",color:"tertiary",onClick:()=>this.dateRangeValue=this.dateRangeValue?{start:x.next(this.dateRangeValue.start),end:x.next(this.dateRangeValue.end)}:{start:x.now(),end:x.next(x.now(),10)}},"Next date range"),o("smoothly-input-date-range",{key:"d6bcee1906ad727608552081abcd7f7e7e5b4c01",looks:"border",name:"demo-user-input-daterange",start:(t=this.dateRangeValue)===null||t===void 0?void 0:t.start,end:(e=this.dateRangeValue)===null||e===void 0?void 0:e.end,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Date range input"))}};Ac.style=Lc;const Mc='[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}.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]):not([disabled])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:focus-visible,[fill=outline].sc-smoothly-input-edit-h:not([disabled]):active>button.sc-smoothly-input-edit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:hover::before,[fill=outline].sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:focus-within::before,[fill=outline].sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-edit:focus-visible,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-edit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h .sc-smoothly-input-edit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-edit-h{display:none}.sc-smoothly-input-edit-h:not([display]){display:none}[editable].sc-smoothly-input-edit-h{opacity:0.5}.sc-smoothly-input-edit-h[type="input"].sc-smoothly-input-edit-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-edit-h smoothly-icon.default.sc-smoothly-input-edit{transform:translate(.1em, -.1em)}.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>button>*+smoothly-icon{display:none}';const Dc=Mc;const Ec=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.color="tertiary";this.expand=undefined;this.fill=undefined;this.disabled=false;this.display=true;this.shape=undefined;this.type="input";this.size=undefined;this.tooltip="Edit"}componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(mr.type.is(t)){this.parent=t;t.listen((async t=>{this.display=t.readonly}))}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.edit(true)}render(){var t;return o(s,{key:"69d98da44e93262eac17ad46705b72c0c5ef3c33",title:this.tooltip},o("smoothly-button",{key:"e7c26b2fff4d9b6569abdd0323565b922b29a156",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(t=this.fill)!==null&&t!==void 0?t:this.type=="input"?"clear":undefined},o("slot",{key:"875eefa3fc6ba4ee644dc2f776a4fbc815d6029d"}),o("smoothly-icon",{key:"571bd8b5cf79bdf1910569f6f0003e728a98e6ab",class:"default",name:"create-outline",size:"tiny"})))}};Ec.style=Dc;const Rc='.sc-smoothly-input-file-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-file-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-file-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-file-h,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background-color:transparent}[looks="transparent"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-file-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.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;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h:not([readonly]),.sc-smoothly-input-file-h:not([readonly]) *.sc-smoothly-input-file{cursor:pointer}[disabled].sc-smoothly-input-file-h,[disabled].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}';const $c=Rc;const Pc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.transfer=new DataTransfer;this.changed=false;this.readonly=false;this.disabled=undefined;this.accept=undefined;this.color=undefined;this.looks=undefined;this.camera=undefined;this.name=undefined;this.showLabel=true;this.value=undefined;this.placeholder=undefined;this.dragging=false}get files(){this.transfer.items.clear();this.value&&this.transfer.items.add(this.value);return this.transfer.files}async componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}smoothlyInputLoadHandler(t){yr.registerSubAction(this,t)}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}async binary(){return true}async valueChanged(){this.changed=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}inputHandler(t){var e,o,s;t.stopPropagation();if((o=(e=this.input)===null||e===void 0?void 0:e.files)===null||o===void 0?void 0:o.length){this.value=(s=this.input)===null||s===void 0?void 0:s.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}dropHandler(t){var e;t.preventDefault();t.stopPropagation();this.dragging=false;if((e=t.dataTransfer)===null||e===void 0?void 0:e.files.length){this.value=t.dataTransfer.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}clickHandler(t){var e;if(!this.readonly&&!this.disabled&&!t.composedPath().find((t=>t==this.input))){(e=this.input)===null||e===void 0?void 0:e.click()}}dragOverHandler(t){t.preventDefault();t.stopPropagation()}dragEnterHandler(t){t.preventDefault();!this.readonly&&!this.disabled&&(this.dragging=true)}dragLeaveHandler(t){t.stopPropagation();this.dragging=false}render(){var t,e,i;return o(s,{key:"8612840f4d6ec10ff9e2ad9c786c5c6c62ab3301",class:{dragging:this.dragging,"has-value":!!this.value},tabindex:this.disabled?undefined:0,onClick:t=>this.clickHandler(t),onDragOver:t=>this.dragOverHandler(t),onDragEnter:t=>this.dragEnterHandler(t)},o("label",{key:"7dcc2c93dc1437b57e5bfb2a798daf62df353d8a"},o("slot",{key:"6fd5c64dd182b92614b256235951aefa95894da4",name:"label"})),o("div",{key:"da84af8a4920baed99be4c3e948a8fbc7a78963a",class:"input"},o("smoothly-button",{key:"e4d60080fa60b9889e4e623d142558555f89bcb8",disabled:this.disabled,type:"button",color:this.color,fill:"clear",size:"flexible"},o("slot",{key:"e07fa67b8af59b0eb728f57083a692328b4b089d",name:"button"})),o("span",{key:"51f3eb7374bfe4fc7fffee130eec6073cdadb7a7"},(e=(t=this.value)===null||t===void 0?void 0:t.name)!==null&&e!==void 0?e:this.placeholder),o("div",{key:"8cff3b828428f70e92f59bd598b180d7cf502710",class:"drag-overlay",onDrop:t=>this.dropHandler(t),onDragLeave:t=>this.dragLeaveHandler(t)},o("smoothly-icon",{key:"fefe4998bc7c4bf76265e0d28854ace49a68e635",name:"document-attach-outline"})),o("input",{key:"9172ea295ef9274f0378ae25d0171c571aada6c7",onFocus:()=>console.log("focus file input!"),ref:t=>this.input=t,type:"file",disabled:this.disabled,capture:this.camera=="back"?"environment":"user",accept:(i=this.accept)!==null&&i!==void 0?i:!this.camera?undefined:"image/jpeg",files:this.files,onInput:t=>this.inputHandler(t)})),o("span",{key:"3e7273fb94e79e71a3afb79269ccdddfb6f5de2a",onClick:t=>t.stopPropagation()},o("slot",{key:"1ee325bfb41f3964a524bcfc7a467a8657bc2291",name:"end"})))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],value:["valueChanged"]}}};Pc.style=$c;const Fc=".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 Nc=Fc;const Hc=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.observer=mr.Observer.create(this);this.readonly=undefined;this.color=undefined;this.looks=undefined;this.name=undefined;this.value=x.now();this.max=undefined;this.min=undefined;this.next=false;this.previous=false;this.inCalendar=false;this.showLabel=true;this.allowPreviousMonth=true;this.allowNextMonth=true}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.valueChanged()}valueChanged(){this.smoothlyInput.emit({[this.name]:this.value})}adjustMonth(t){var e;if(!this.readonly){const o=x.parse((e=this.value)!==null&&e!==void 0?e:x.now());o.setMonth(o.getMonth()+t);this.value=x.create(o)}}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}setAllowPreviousMonth(){var t,e;const o=x.previousMonth((t=this.value)!==null&&t!==void 0?t:x.now()).substring(0,7);const s=(e=this.min)===null||e===void 0?void 0:e.substring(0,7);this.allowPreviousMonth=!s||o>=s}setAllowNextMonth(){var t,e;const o=x.nextMonth((t=this.value)!==null&&t!==void 0?t:x.now()).substring(0,7);const s=(e=this.max)===null||e===void 0?void 0:e.substring(0,7);this.allowNextMonth=!s||o<=s}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.value}async clear(){var t,e;(t=this.year)===null||t===void 0?void 0:t.clear();(e=this.month)===null||e===void 0?void 0:e.clear()}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){var t,e;(t=this.year)===null||t===void 0?void 0:t.reset();(e=this.month)===null||e===void 0?void 0:e.reset()}async setInitialValue(){var t,e;(t=this.year)===null||t===void 0?void 0:t.setInitialValue();(e=this.month)===null||e===void 0?void 0:e.setInitialValue()}inputHandler(t){if(t.target!=this.element){t.stopPropagation();const e=t.detail[`${this.name}-year`];const o=t.detail[`${this.name}-month`];if(o&&x.is(o))this.value=x.firstOfMonth(o);else if(e&&x.is(e))this.value=x.firstOfMonth(e)}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks,this.color)}}async smoothlyInputLoadHandler(t){if(t.target!=this.element)t.stopPropagation()}render(){var t,e;return o(s,{key:"8ac8239c890aa8bf10baf8ff7a9751cb70a8ac73"},o("smoothly-icon",{key:"6401910f2017bc8ce586daf3a5bf5e9c9d8f41e2",name:"caret-back-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowPreviousMonth},onClick:()=>this.allowPreviousMonth&&this.adjustMonth(-1)}),o("smoothly-input-select",{key:"b8b48af0215cebaec79baf5d62f7ebb192765892",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),onSmoothlyUserInput:t=>{const e=t.detail.value;if(e&&x.is(e)){const t=x.firstOfMonth(e);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},o("div",{key:"e9694d62328f957b5fe49ce1cfbe98f8de890d95",slot:"label"},o("slot",{key:"aae75cef345e53bf16426c462db4d25c4a901459",name:"year-label"})),le((t=this.value)!==null&&t!==void 0?t:x.now(),this.min,this.max).map((t=>o("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),o("smoothly-input-select",{key:"90e96a41b0731d888be6a657458cb329a0bab450",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),onSmoothlyUserInput:t=>{const e=t.detail.value;if(e&&x.is(e)){const t=x.firstOfMonth(e);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},o("div",{key:"219be7f927af6e1925657abff3028d66b0c6bc34",slot:"label"},o("slot",{key:"e204921ee5580156e37fc717e874d7524261efde",name:"month-label"})),ne((e=this.value)!==null&&e!==void 0?e:x.now()).map((t=>o("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),o("smoothly-icon",{key:"e1b61e6b5275100c2499a6145db605afae1ff38f",name:"caret-forward-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowNextMonth},onClick:()=>this.allowNextMonth&&this.adjustMonth(1)}))}get element(){return i(this)}static get watchers(){return{value:["valueChanged","setAllowPreviousMonth","setAllowNextMonth"],min:["setAllowPreviousMonth"],max:["setAllowNextMonth"],name:["nameChange"]}}};Hc.style=Nc;const Uc=".sc-smoothly-input-price-demo-h{display:block}";const Yc=Uc;const Wc=class{constructor(e){t(this,e);this.currencies=["EUR","USD","GBP"];this.currency="USD"}render(){return o(s,{key:"3f56209797d2086ac8cf1568e0b06cd64280b5ed"},o("h2",{key:"de58b193abdc2a6f5ba468055a8880ccf3843b6b"},"State demo on smoothly-input"),o("p",{key:"bc8345fd3c2b472ff429ba24b2c5c63274129f19"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"68195361f50c431d325e28fac6718d7c0e4f8ef0"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"93b52a5b39cd0ad647a3e983ec27a95ca9c71dd7",name:"currency",onSmoothlyInput:t=>this.currency=z.is(t.detail.currency)?t.detail.currency:undefined},this.currencies.map((t=>o("smoothly-input-radio-item",{key:t,selected:t==this.currency,value:t},t)))),o("smoothly-input",{key:"f8ee0771e76388ffa9d32afe0f627037f08e3db4",type:"price",currency:this.currency},"price"))}};Wc.style=Yc;const Bc='.sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-radio-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-radio-h,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks="transparent"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.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}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}';const Vc=Bc;const Gc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.valueReceivedOnLoad=false;this.observer=mr.Observer.create(this);this.changed=false;this.value=undefined;this.looks=undefined;this.color=undefined;this.direction=undefined;this.clearable=undefined;this.readonly=false;this.disabled=undefined;this.name=undefined;this.showLabel=true}componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,this.color=e}));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){!this.valueReceivedOnLoad&&this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));this.initialValue=this.active}handleRegister(t){t.stopPropagation();t.detail(this)}smoothlyInputLoadHandler(t){yr.registerSubAction(this,t)}smoothlyRadioInputHandler(t){var e,o,s;t.stopPropagation();if(!this.readonly&&!this.disabled||!this.valueReceivedOnLoad){if(this.clearable&&((e=this.active)===null||e===void 0?void 0:e.value)===t.detail.value)this.clear();else if(((o=this.active)===null||o===void 0?void 0:o.value)!==t.detail.value){(s=this.active)===null||s===void 0?void 0:s.select(false);this.active=t.detail;this.value=this.active.value;this.active.select(true)}}if(t.detail.userInitiated)this.smoothlyUserInput.emit({name:this.name,value:this.value});!this.valueReceivedOnLoad&&(this.valueReceivedOnLoad=!this.valueReceivedOnLoad)}async listen(t){this.observer.subscribe(t)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.value}async clear(){var t;if(this.clearable){(t=this.active)===null||t===void 0?void 0:t.select(false);this.active=undefined;this.value=undefined}}async edit(t){this.readonly=!t}async reset(){var t,e,o;(t=this.active)===null||t===void 0?void 0:t.select(false);this.active=this.initialValue;this.value=(e=this.initialValue)===null||e===void 0?void 0:e.value;(o=this.active)===null||o===void 0?void 0:o.select(true)}async setInitialValue(){this.initialValue=this.active;this.valueChanged()}async valueChanged(){var t;this.valueReceivedOnLoad&&(this.changed=((t=this.initialValue)===null||t===void 0?void 0:t.value)!==this.value);this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}watchingReadonly(){this.observer.publish()}render(){return o(s,{key:"8d190a8e834e7116016521263e17b71ee6f284d9",class:"floating-label"},o("slot",{key:"f0566cb099192b78801e3c03fb201b2d07e0b059",name:"start"}),o("div",{key:"6b0e2792c2104c143faab2b05c0ae41171688b9e"},o("slot",{key:"3a397e3a4c611a1af2eab80dd69ae348e05d18d5",name:"label"}),o("div",{key:"c42800b82f7de40198de6f1eb38d4230e25495e6",class:"options"},o("slot",{key:"4325f5c56f5ec785005efe7d2077da62a4a1c2d4"}))),o("slot",{key:"9164c38d59beb5503ab6bcc819f9a1c5e1f3cfe7",name:"end"}))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],value:["valueChanged"],disabled:["watchingReadonly"],readonly:["watchingReadonly"]}}};Gc.style=Vc;const Kc=".sc-smoothly-input-radio-item-h{display:flex;align-items:center;position:relative}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:pointer}smoothly-input-radio[disabled] .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:not-allowed}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>smoothly-icon.sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-input-foreground)}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>smoothly-icon[name=checkmark-circle].sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-success-color)}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}";const Zc=Kc;const qc=class{constructor(o){t(this,o);this.smoothlyRadioItemSelect=e(this,"smoothlyRadioItemSelect",7);this.smoothlyRadioItemRegister=e(this,"smoothlyRadioItemRegister",7);this.value=undefined;this.selected=false;this.looks=undefined;this.name=undefined;this.disabled=undefined}componentWillLoad(){this.smoothlyRadioItemRegister.emit((t=>{this.name=t.name;t.listen((async t=>{if(yr.is(t))this.disabled=t.disabled}))}));this.selected&&this.inputHandler(false)}inputHandler(t){this.smoothlyRadioItemSelect.emit({value:this.value,selected:this.selected,select:t=>this.selected=t,userInitiated:t})}render(){return o(s,{key:"05fd835653c873fffed9261880dfb81fd42add26",onClick:()=>this.inputHandler(true)},o("input",{key:"0c69da0126b7a0fbaee9f5ca11e54c02a4591248",name:this.name,type:"radio",checked:this.selected,disabled:this.disabled}),o("smoothly-icon",{key:"ffb94b845f41bba397ce38ba52e9576a6463b7c0",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",tooltip:"Select"}),o("label",{key:"c6316d24140192d80d8151c7fd5edfe6640cd8f1"},o("slot",{key:"471ebcb3e8ad8c712233b163dd3523e63427609d"})))}get element(){return i(this)}};qc.style=Zc;const Xc='.sc-smoothly-input-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.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);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}';const Jc=Xc;const Qc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.initialValue=undefined;this.value=undefined;this.looks=undefined;this.color=undefined;this.changed=false;this.defined=false;this.readonly=false;this.disabled=undefined;this.type="text";this.min=0;this.max=100;this.name="range";this.step=undefined;this.outputSide="left";this.label=undefined;this.showInput=false}componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,this.color=e}));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.value&&(this.initialValue=this.value);this.valueChanged()}smoothlyInputLoadHandler(t){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()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}valueChanged(){var t,e;const o=!this.step?undefined:(e=(t=this.step.toString().split(".")[1])===null||t===void 0?void 0:t.length)!==null&&e!==void 0?e:0;this.value=Number.isNaN(this.value)||this.value==undefined?undefined:+this.value.toFixed(o);this.changed=this.initialValue!==this.value;this.defined=typeof this.value==="number";this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value})}watchingReadonly(){this.observer.publish()}setValue(t){var e;if(t==undefined)this.value=undefined;else if(t<this.min)this.value=this.min;else if(t>this.max)this.value=this.max;else this.value=t;this.input&&(this.input.value=this.type=="text"?(e=this.value)===null||e===void 0?void 0:e.toString():this.value)}render(){var t,e,i;return o(s,{key:"981c609e208eb67780a4e858298d522094ffb8a3",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},o("slot",{key:"7206180cecc1eafb5443fdecbcbc7f79aac6f71d",name:"start"}),o("div",{key:"118f190f0ee01c234ae8757e4476b2983742bd22"},o("label",{key:"26371708fd1a3b7e095b1e16a30019d94d5e59a7",htmlFor:this.name},this.label),o("smoothly-input",{key:"311df0db9acc0311002a2aae2fa5d8a6fe441371",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(yr.Element.is(t.target)?Number(await t.target.getValue()):undefined)),onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.setValue(yr.Element.is(t.target)?Number(await t.target.getValue()):undefined)},value:this.type=="percent"?this.value:(t=this.value)===null||t===void 0?void 0:t.toString(),placeholder:this.outputSide==="right"?"-":undefined,readonly:this.readonly,disabled:this.disabled},this.label),o("smoothly-display",{key:"10bc1d08c072b9595f331ac7ad01a6c5347fcafb",label:(this.type=="percent"?this.min*100:this.min).toString()}),o("input",{key:"4c817c133d504b5655b53d3769f6705e09e4a757",name:this.name,part:"range",type:"range",min:this.min,max:this.max,step:(e=this.step)!==null&&e!==void 0?e:"any",disabled:this.readonly||this.disabled,onInput:t=>{t.stopPropagation();this.setValue(t.target.valueAsNumber);this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:(i=this.value)!==null&&i!==void 0?i:this.min}),o("smoothly-display",{key:"c94ff61c3bf353afe9ee3ce054599fdac03f7650",label:(this.type=="percent"?this.max*100:this.max).toString()})),o("slot",{key:"21a8caced6089d13bc0ffeaab47956cad1707b1a",name:"end"}))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],value:["valueChanged"],disabled:["watchingReadonly"],readonly:["watchingReadonly"]}}};Qc.style=Jc;const td=class{constructor(e){t(this,e)}render(){return o(s,{key:"e3e3de851a249467dbb12ef82a18708a8c409859"},o("h2",{key:"ba090ed614d6d4566ec7e3654c3bbc75afd3bf6f"},"Range"),o("h3",{key:"3d241b30795709768f520193d767290796c0c6cb"},"Phone Number"),o("smoothly-input-range",{key:"61b4922da7639e508287d10c649c735f3a34ec86",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"968e889a4859c242a8b6dd6919cf51bb73fadab4"},"Stars out of ten"),o("smoothly-input-range",{key:"20428608c65d8ef43b6ce24a147785cbfb7cec41",max:10,step:1,label:"Stars"}),o("h3",{key:"1e58cabc50c4cd3962828af39e230833bf33b9ad"},"Percent"),o("smoothly-input-range",{key:"82c6a813725d957ea824e208026f2be35905087c",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"bd51dfcaecfe0bf4921795ae2a78f77a90dc9a63"},"With icon at start and clear button"),o("smoothly-input-range",{key:"4312e0ffb7d1b45a13ab8962cddf657608405847",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"93da6dc495124a267b8811661bc7ea1c552010b5",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"b9a5c6c9477563d6a661da2e5dd207e6c57c90ad",size:"icon",slot:"end"})))}};const ed='[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}.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]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:not([disabled]):active>button.sc-smoothly-input-reset::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:hover::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-within::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h .sc-smoothly-input-reset-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h[type="input"].sc-smoothly-input-reset-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-reset-h{cursor:not-allowed}.sc-smoothly-input-reset-h[type="input"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type="input"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}';const od=ed;const sd=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.color=undefined;this.expand=undefined;this.fill=undefined;this.disabled=false;this.size="icon";this.shape=undefined;this.display=true;this.type="input";this.tooltip="Reset"}async componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(mr.Element.type.is(t)){this.parent=t;this.readonlyAtLoad=t.readonly;t.listen((async t=>{if(yr.is(t)){this.display=t.readonly||t.defined?false:t.changed}if(t instanceof pr){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 pr&&this.readonlyAtLoad&&((o=this.parent)===null||o===void 0?void 0:o.edit(false))}render(){var t;return o(s,{key:"7a379f25c285c0f3e94ddada7fc3d55496561958",title:this.tooltip},o("smoothly-button",{key:"ea763b6c2704249cb2c348e81b9d50e95c7938b7",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(t=this.fill)!==null&&t!==void 0?t:this.type=="input"?"clear":undefined,onClick:t=>this.clickHandler(t)},o("slot",{key:"0650a68f1c45e2462db0c4d166427febbfd00f1a"}),o("smoothly-icon",{key:"f71f13839b2a2f88f2ecd95629eba639e6d398a8",flip:"x",name:"refresh-outline",size:"tiny"})))}};sd.style=od;var id;(function(t){let e;(function(t){t.type=j({value:D(),deselectable:_(),selected:_().optional(),filter:h()});t.is=t.type.is})(e=t.Element||(t.Element={}));t.type=e.type.extend({});t.is=t.type.is})(id||(id={}));const ad='.sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-select-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-select-h,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background-color:transparent}[looks="transparent"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-select-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.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;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>div.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h .label.sc-smoothly-input-select{left:.5rem}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);min-width:fit-content;border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks="grid"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{left:-1px;right:-1px}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{padding:.7rem .7rem .7rem .25rem}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{display:flex;position:sticky;top:0;gap:1rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview::before{content:"";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}';const nd=ad;const ld=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.smoothlyItemSelect=e(this,"smoothlyItemSelect",7);this.initialValue=[];this.initialValueHandled=false;this.observer=mr.Observer.create(this);this.items=[];this.lastOpen=false;this.invalid=false;this.errorMessage=undefined;this.name="selected";this.color=undefined;this.looks=undefined;this.showLabel=true;this.showSelected=true;this.readonly=false;this.disabled=false;this.inCalendar=false;this.ordered=undefined;this.multiple=false;this.clearable=true;this.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(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){this.selected&&!this.initialValueHandled&&(this.initialValue=[...this.selected]);this.initialValueHandled=true;this.onSelectedChange()}componentDidRender(){var t,e,o,s,i;this.itemHeight===undefined&&(this.itemHeight=(t=this.items.find((t=>t.clientHeight>0)))===null||t===void 0?void 0:t.clientHeight);if(this.menuHeight&&this.itemHeight){(e=this.element)===null||e===void 0?void 0:e.style.setProperty("--menu-height",!this.menuHeight.endsWith("items")||this.items.length==0?this.menuHeight:`${this.itemHeight*+((s=(o=this.menuHeight.match(/^(\d+(\.\d+)?|\.\d+)/g))===null||o===void 0?void 0:o[0])!==null&&s!==void 0?s:"10")}px`)}(i=this.element)===null||i===void 0?void 0:i.style.setProperty("--element-height",`${this.element.clientHeight}px`);if(this.ordered&&!this.multiple&&this.open&&!this.lastOpen){this.scrollToSelected()}}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return!this.multiple&&this.selected[0]?this.selected[0].value:this.multiple&&this.selected.length>0?this.selected.map((t=>t.value)):undefined}async getItems(){return this.items}async listen(t){this.observer.subscribe(t)}async reset(){this.selected.forEach((t=>t.selected=t.hidden=false));this.initialValue.forEach((t=>t.selected=true));this.selected=[...this.initialValue];this.displaySelected();this.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(){this.initialValueHandled&&(this.changed=!this.areValuesEqual(this.selected,this.initialValue));this.defined=this.selected.length>0;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}onRequiredChange(){this.items.forEach((t=>t.deselectable=!this.required))}async onFilterChange(t){t=t.toLowerCase();await Promise.all(this.items.map((e=>e.filter(t))))}watchingReadonly(){this.observer.publish()}async smoothlyInputLoadHandler(t){if(t.target&&("name"in t.target&&t.target.name!==this.name||t.composedPath().some((t=>t==this.iconsDiv))&&!t.composedPath().some((t=>t==this.toggle)))){t.stopPropagation()}else if(id.Element.is(t.target)){t.stopPropagation();t.target.deselectable=!this.required;this.items.push(t.target)}yr.registerSubAction(this,t);this.displaySelected()}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&this.handleShowOptions()}onItemDomChange(t){t.stopPropagation();const e=t.target;if(e.selected)this.displaySelected()}async onItemSelect(t){t.stopPropagation();const e=t.detail.item;if(this.multiple){this.selected=e.selected?[...this.selected,e]:this.selected.filter((t=>t.selected))}else if(e.selected||!this.items.some((t=>t.selected))){this.selected[0]&&(this.selected[0].hidden=this.selected[0].selected=false);this.selected=!e.selected?this.selected.filter((t=>t.selected)):[e];!this.showSelected&&e.selected&&(e.hidden=true)}this.displaySelected();if(t.detail.userInitiated)this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}onClosed(t,e){this.lastOpen=e;if(!t){const t=this.items.find((t=>t.marked));if(t){t.marked=false}}}handleShowOptions(t){const e=(t===null||t===void 0?void 0:t.composedPath().some((t=>t==this.iconsDiv)))&&!t.composedPath().some((t=>t==this.toggle));const o=t===null||t===void 0?void 0:t.composedPath().find((t=>"tagName"in t&&t.tagName=="SMOOTHLY-ITEM"));!this.readonly&&!this.disabled&&!(o&&this.items.includes(o)&&this.multiple)&&!e&&(this.open=!this.open);this.filter=""}areValuesEqual(t,e){return t.length===e.length&&e.every((e=>t.includes(e)))}displaySelected(){var t;const e=this.selected.map((t=>`<div>${t.innerHTML}</div>`)).join("");this.displaySelectedElement&&(this.displaySelectedElement.innerHTML=this.selected.length>0?e:(t=this.placeholder)!==null&&t!==void 0?t:"")}onKeyDown(t){if(!this.searchDisabled){t.stopPropagation();const e=this.items.some((t=>t.getAttribute("hidden")===null));if(t.key!="Tab"&&!t.ctrlKey&&!t.metaKey)t.preventDefault();if(this.open){switch(t.key){case"ArrowUp":e&&this.move(-1);break;case"ArrowDown":e&&this.move(1);break;case"Escape":if(this.filter=="")this.open=false;else this.filter="";break;case"Backspace":this.filter=t.ctrlKey?"":this.filter.slice(0,-1);break;case"Enter":const o=this.items.find((t=>t.marked));if(o===null||o===void 0?void 0:o.value)o.selected=!o.selected;if(!this.multiple){this.open=false;this.filter=""}break;case"Tab":this.open=false;break;default:if(t.key.length==1)this.filter+=t.key;break}}else{switch(t.key){case"Enter":case" ":this.handleShowOptions();break;case"ArrowDown":this.handleShowOptions();this.move(1);break;case"ArrowUp":this.handleShowOptions();this.move(-1);break;case"Tab":break;default:this.handleShowOptions();if(t.key.length==1)this.filter+=t.key;break}}}}scrollToSelected(){const t=this.items.find((t=>t.selected));if(t){this.items.map((t=>t.marked=false));t.marked=true;this.scrollTo(t,"instant")}}move(t){const e=this.items.filter((t=>!t.hidden&&!t.disabled));let o=e.findIndex((t=>t.marked));if(o==-1)o=0;else{e[o].marked=false;o=(o+t+e.length)%e.length}e[o].marked=true;this.scrollTo(e[o],"smooth")}scrollTo(t,e){var o,s,i;(o=this.optionsDiv)===null||o===void 0?void 0:o.scrollTo({top:t.offsetTop+t.offsetHeight/2-((i=(s=this.optionsDiv)===null||s===void 0?void 0:s.clientHeight)!==null&&i!==void 0?i:0)/2,behavior:e})}addItem(){this.addedItems=this.addedItems.concat(o("smoothly-item",{value:this.filter,selected:true},this.filter))}render(){return o(s,{key:"634ee1c37ccc315c2c9857c60fa3c6069556f74e",tabIndex:this.disabled?undefined:0,class:{"has-value":this.selected.length!==0,open:this.open},onClick:t=>this.handleShowOptions(t)},o("div",{key:"fe3fefa2ddb788e6f4511da0f4039f8aba6c0ba9",class:"select-display",ref:t=>this.displaySelectedElement=t},this.placeholder),o("div",{key:"b9965965aedd76ff9ad68a7f05498f294c90b592",class:"icons",ref:t=>this.iconsDiv=t},o("smoothly-icon",{key:"5835b784072d80f848a65902b7fcc0166b4cd3d9",class:"smoothly-invalid",name:"alert-circle",color:"danger",fill:"clear",size:"small",tooltip:this.errorMessage}),o("slot",{key:"46220443d011b003066ccdab05143e5608a9cd01",name:"end"}),this.looks=="border"&&!this.readonly&&o("smoothly-icon",{key:"b66541ba94fe369da41cf931068e03590efd837d",ref:t=>this.toggle=t,size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"})),o("slot",{key:"6aa082460f268235af1029e9edff601df8d9140f",name:"label"}),o("div",{key:"1d817bb6873ac5c20ab76656adfd6e5d0ce9370e",class:{hidden:!this.open,options:true},ref:t=>this.optionsDiv=t},this.filter.length>0&&o("div",{key:"58926481e75aa7f8f5296f5151e115eba91a7af2",class:"search-preview"},o("smoothly-icon",{key:"a870e6700a6593c74e84c28e345a289f5de4ad10",name:"search-outline",size:"small"}),this.filter,o("smoothly-icon",{key:"48efe8883dec494e42fe60165d541327bd6a4ca8",name:"backspace-outline",size:"small",onClick:t=>{t.stopPropagation();this.filter="";this.element.focus()}}),this.mutable&&o("smoothly-icon",{key:"971f8942da3c3e9f2fa1a94694de88f96b823db4",name:"add",size:"small",onClick:t=>{t.stopPropagation();this.addItem()}})),o("slot",{key:"35ccb0be4ab96d33435e78a49d87439d40e8caad"}),this.addedItems))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],selected:["onSelectedChange"],required:["onRequiredChange"],filter:["onFilterChange"],disabled:["watchingReadonly"],readonly:["watchingReadonly"],open:["onClosed"]}}};ld.style=nd;const rd='[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}.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]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-visible,[fill=outline].sc-smoothly-input-submit-h:not([disabled]):active>button.sc-smoothly-input-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:hover::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-within::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:focus-visible,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-icon,.sc-smoothly-input-submit-h .sc-smoothly-input-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-submit-h{display:none}.sc-smoothly-input-submit-h{display:flex}.sc-smoothly-input-submit-h:not([display]){display:none}.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button button>*+smoothly-icon,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button-confirm button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-submit-h{cursor:not-allowed}';const cd=rd;const dd=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.delete=false;this.color=undefined;this.icon="checkmark-outline";this.expand=undefined;this.fill=undefined;this.disabled=false;this.display=false;this.shape=undefined;this.size="icon";this.tooltip=this.delete?"Remove":"Submit"}componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(g.is(t)&&mr.type.is(t)){this.parent=t;t.listen((async t=>{var e;this.display=!t.readonly;this.disabled=!this.delete&&(t.readonly||"validator"in t&&t.validator instanceof k&&!((e=t.validator)===null||e===void 0?void 0:e.is(u.convertArrays(t.value)))||!t.changed)}))}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.submit(this.delete)}render(){var t,e;return o(s,{key:"30c147018c86276cfbf1d0bc6b85755131c8b9ba",title:this.tooltip},this.delete==true?o("smoothly-button-confirm",{size:this.size,shape:this.shape,expand:this.expand,color:(t=this.color)!==null&&t!==void 0?t:"danger",fill:this.fill,onSmoothlyConfirm:()=>this.clickHandler()},o("slot",null),o("smoothly-icon",{name:"trash-outline",fill:"solid",size:"tiny"})):o("smoothly-button",{disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:(e=this.color)!==null&&e!==void 0?e:"success",fill:this.fill,onClick:()=>this.clickHandler()},o("slot",null),this.icon&&o("smoothly-icon",{name:this.icon,fill:"solid",size:"tiny"})))}};dd.style=cd;const hd="[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-item-selected-background));color:rgb(var(--smoothly-item-selected-foreground));border-left:.3em solid rgb(var(--smoothly-item-selected-border))}[disabled].sc-smoothly-item-h,.sc-smoothly-item-h[disabled].sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-disabled-background));color:rgb(var(--smoothly-item-disabled-foreground));opacity:var(--smoothly-item-disabled-opacity);cursor:not-allowed}.sc-smoothly-item-h{padding:0.5em;cursor:pointer;border-left:.3em solid transparent;color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground));box-sizing:border-box;min-height:3rem}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground))}.sc-smoothly-item-h:not([disabled])[marked],.sc-smoothly-item-h:not([disabled]):hover,.sc-smoothly-item-h:not([disabled])[marked].sc-smoothly-item-s>*,.sc-smoothly-item-h:not([disabled]):hover.sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-hover-background));color:rgb(var(--smoothly-item-hover-foreground));fill:rgb(var(--smoothly-item-hover-foreground));stroke:rgb(var(--smoothly-item-hover-foreground))}";const md=hd;const ud=class{constructor(o){t(this,o);this.smoothlyItemSelect=e(this,"smoothlyItemSelect",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyItemDOMChange=e(this,"smoothlyItemDOMChange",7);this.userInitiated=false;this.value=undefined;this.selected=false;this.marked=undefined;this.disabled=false;this.deselectable=true}clickHandler(){if(!this.disabled&&(!this.selected||this.deselectable)){this.userInitiated=true;this.selected=!this.selected}}selectedWatcher(){this.smoothlyItemSelect.emit({userInitiated:this.userInitiated,item:this.element});this.userInitiated=false}componentWillLoad(){this.smoothlyInputLoad.emit((()=>{}))}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>this.smoothlyItemDOMChange.emit()));this.mutationObserver.observe(this.element,{childList:true,subtree:true,characterData:true});if(this.selected&&!this.disabled)this.smoothlyItemSelect.emit({userInitiated:false,item:this.element})}async filter(t){var e;const o=typeof this.value==="string"?this.value:JSON.stringify((e=this.value)!==null&&e!==void 0?e:"");this.element.hidden=t?!(o.includes(t)||this.element.innerText.toLowerCase().includes(t)):false}render(){return o(s,{key:"b4e749ab5d696e7b58574e18e4b8bc6f4bb2c72d",tabIndex:-1},o("slot",{key:"6f1acb782c351e25b2db5399f11314b01bbc8ecf"}))}get element(){return i(this)}static get watchers(){return{selected:["selectedWatcher"]}}};ud.style=md;const yd=".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 bd=yd;const fd=class{constructor(e){t(this,e);this.hue=undefined;this.description=undefined;this.shape=undefined}render(){var t;return o(s,{key:"cc716eaf87a3387f147422f576544cb77cccfe26",title:this.description,style:{"--hue":(t=this.hue)===null||t===void 0?void 0:t.toString()}},o("slot",{key:"6117c12c6184cf76db0e27a3e47382a65919c407"}))}};fd.style=bd;const pd=".sc-smoothly-lazy-h{display:block}";const gd=pd;const kd=class{constructor(e){t(this,e);this.show=false;this.content=undefined}loadMoreHandler(t){t.stopPropagation();this.show=true}render(){return o(s,{key:"17ba82a5444b38dc7dca06f9bae690e05a539698"},o("slot",{key:"2328805f3ef1e5dff4f647f26d89cbc2d49be624",name:"before"}),o("smoothly-load-more",{key:"67fcc89320807ac6ab65a4648deab0cb0511838b",onSmoothlyLoadMore:t=>this.loadMoreHandler(t)}),this.show&&(typeof this.content=="function"?o(this.content,null):this.content),o("slot",{key:"ccc6f2be5670edd1bc323398c8f1d8a4a0665d65"}))}};kd.style=gd;const vd=class{constructor(o){t(this,o);this.smoothlyLoadMore=e(this,"smoothlyLoadMore",7);this.triggerMode="intersection";this.name="";this.multiple=false;this.inView=undefined}checkInView(){if(this.inView)this.smoothlyLoadMore.emit(this.name)}connectedCallback(){var t;this.observer=new IntersectionObserver(((t,e)=>this.observationHandler(e,t)));this.observer.observe(this.element);if(this.triggerMode=="scroll"){this.inView&&this.smoothlyLoadMore.emit(this.name);if(this.multiple||!this.multiple&&!this.inView){this.scrollableParent=n.findParent(this.element);(t=this.scrollableParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.checkInView.bind(this),{once:!this.multiple})}}}disconnectedCallback(){var t;(t=this.scrollableParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.checkInView.bind(this));this.observer.disconnect()}observationHandler(t,e){var o,s;this.inView=((s=(o=e.find((t=>t.target==this.element)))===null||o===void 0?void 0:o.intersectionRatio)!==null&&s!==void 0?s:0)>0;if(this.inView){this.smoothlyLoadMore.emit(this.name);!this.multiple&&(t.unobserve(this.element),t.disconnect())}}render(){return o(s,{key:"70721cac649d546d46464e3ac3eaaae6fd714371"})}get element(){return i(this)}};const wd='.sc-smoothly-modal-h{position:fixed;display:flex;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--smoothly-modal-backdrop));color:rgb(var(--smoothly-modal-foreground));z-index:5}.sc-smoothly-modal-h:not([open]),[hidden].sc-smoothly-modal-h{display:none}[align=center].sc-smoothly-modal-h{align-items:center}[align=top].sc-smoothly-modal-h>div.modal.sc-smoothly-modal{margin-top:calc((100dvh - var(--smoothly-modal-max-height)) / 2)}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal{display:flex;flex-direction:column;padding:2rem;gap:1.5rem;width:var(--smoothly-modal-width, 40rem);max-width:calc(100dvw - 1rem);height:fit-content;max-height:min(var(--smoothly-modal-max-height), 100dvh);background:rgb(var(--smoothly-modal-background, var(--smoothly-color)));border:1px solid rgb(var(--smoothly-modal-border));border-radius:var(--smoothly-modal-border-radius);box-shadow:var(--smoothly-modal-shadow);box-sizing:border-box}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:empty,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal:empty{display:none}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal{display:flex;justify-content:space-between;align-items:center}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>*.sc-smoothly-modal{margin-block:0}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal:not(.header):not(.actions){overflow-y:auto}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:not(:has([slot="header"])){justify-content:end}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]){cursor:pointer;opacity:0.7;color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]):hover{opacity:1}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}';const xd=wd;const Cd=class{constructor(o){t(this,o);this.smoothlyModalChange=e(this,"smoothlyModalChange",7);this.open=false;this.closable=false;this.align="center"}openChanged(){this.smoothlyModalChange.emit(this.open)}async closeModal(){this.open=false}async openModal(){this.open=true}render(){return o(s,{key:"a47ab1c0d6318381cbee29214533874b9f05f205",role:"alertdialog",onClick:t=>{this.closable&&!t.composedPath().some((t=>{var e;return(e=t.classList)===null||e===void 0?void 0:e.contains("modal")}))&&this.closeModal()}},o("div",{key:"17b11319995dbcc9937727f15fb7bf10b85e4fc6",class:"modal"},o("div",{key:"561b56a493b4246d49ea593f64610ddf84d32db8",class:"header"},o("slot",{key:"b8733fe31f2b4b301c848ba61f60a46b70caaf74",name:"header"}),this.closable&&o("smoothly-icon",{key:"3bc07262a20fa44092b4227837d3ec933afa4c6b",name:"close-outline",fill:"solid",onClick:()=>this.closeModal()})),o("slot",{key:"750a8d6e9e8cdc3b514a7e04547f705c0f57f097"}),o("div",{key:"c179339153513dd1c93b764fdc4885a404767e12",class:"actions"},o("slot",{key:"76fd6acd55c04dff91644325f835aa079824c99f",name:"actions"}))))}static get watchers(){return{open:["openChanged"]}}};Cd.style=xd;const Sd=".sc-smoothly-notification-h{display:block;position:relative;min-width:min(calc(100% - 1rem), 30rem);min-height:3rem;border-radius:5px;margin:0.5rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin-inline:1rem 2rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{--smoothly-icon-size:1.6rem;position:absolute;right:0}";const zd=Sd;const jd=class{constructor(o){t(this,o);this.remove=e(this,"remove",7);this.listener=t=>{if(t.state=="closed")this.remove.emit(t);else this.tick={}};this.notice=undefined;this.closable=true;this.icon=undefined;this.tick={}}get properties(){let t;switch(this.notice.state){case"delayed":case"warning":t=["warning","warning-outline"];break;case"success":t=["success","checkmark-circle"];break;case"executing":t=["light","hourglass-outline"];break;case"failed":t=["danger","alert-circle"];break;default:t=["light",undefined];break}return t}onTrigger(t){if(t.detail.name=="close"){t.stopPropagation();this.notice.close()}}onUpdatedNotice(t,e){if(e)e.unlisten(this.listener);t.listen(this.listener)}componentDidLoad(){this.onUpdatedNotice(this.notice)}render(){return o(s,{key:"491472d5d7d8dd9ac78532310456d754612ebc80",color:this.properties[0],fill:"solid"},this.closable&&o("smoothly-trigger",{key:"cd4f31f0b0c4098e1ceb759284734afceb363262",fill:"clear",name:"close"},o("smoothly-icon",{key:"87c9d7d92aa84b0fa05937e0dc8731fc63cc585a",name:"close-circle-outline"})),o("span",{key:"93db881b72ac10a0426008ecbe202aaaa08394a3",class:this.icon?"icon":"clean"},this.icon&&o("smoothly-icon",{key:"07626177e6e6b1998b28347941deacd074972a73",name:this.properties[1]}),o("p",{key:"947b5b4cb2c142821b8c35cd41a77427ec41fffe"},this.notice.message)))}static get watchers(){return{notice:["onUpdatedNotice"]}}};jd.style=zd;const Id=".sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier{pointer-events:none;display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier>smoothly-notification.sc-smoothly-notifier{pointer-events:all}";const _d=Id;const Td=class{constructor(e){t(this,e);this.icon=false;this.notices=[]}onNotice(t){this.notices=[...this.notices,t.detail]}onRemove(t){this.notices=[...this.notices.filter((e=>e!=t.detail))]}render(){return o(s,{key:"f801171b6cd660c354003888774d2bb08e7c4d93"},o("slot",{key:"98ee0d958d49b9dfeeb43403946c01197b585ff3"}),o("div",{key:"a44b65d5c14daa7fc8206abfc49eb09f46afa04c",class:"smoothly-notifier-wrapper"},this.notices.map((t=>o("smoothly-notification",{notice:t,icon:this.icon})))))}};Td.style=_d;const Od="[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 Ld=Od;const Ad=class{constructor(e){t(this,e);this.size="large";this.overlay=undefined}render(){const t=this.size=="large"?6:this.size=="medium"?8:this.size=="icon"?8:12;return o(s,{key:"c08c245377dd2c4da8c6baf17dc9bd78cf70aa4b",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},o("svg",{key:"0d046eabed666fc709211c788225cfa5dbe8adc5",class:"spinner",viewBox:`0 0 ${60+t} ${60+t}`,xmlns:"http://www.w3.org/2000/svg"},o("circle",{key:"0b4140ca9d5337bd916ddadec0ee82b582cfa75a",class:"path",fill:"none","stroke-width":t,"stroke-linecap":"round",cx:`${30+t/2}`,cy:`${30+t/2}`,r:"30"})))}};Ad.style=Ld;const Md=".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 Dd=Md;const Ed=class{constructor(o){t(this,o);this.smoothlySummaryOpen=e(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(yr.Element.is(t.target)){this.inputs[t.target.name]=t.target;if(!this.open)t.stopPropagation()}}render(){return o("details",{key:"0cc7e2b3c1097da55c709a202f50d84fb7b4ed9b",onToggle:t=>this.toggleHandler(t),open:this.open},o("summary",{key:"a46ba670c1f03e052613bd88ad1d7acbd7065450"},o("smoothly-icon",{key:"3582ab7dbbbe4bf4875b8c606a58a6626f96511f",name:"caret-forward",color:this.color,fill:this.fill,size:this.size}),o("slot",{key:"58889b6ccb82840730e04fe7dc85d6121f6d02eb",name:"summary"})),o("slot",{key:"fbfcd57c41d8963101adfae3a00542eb1afb6d3d",name:"content"}))}};Ed.style=Dd;const Rd=".sc-smoothly-tab-h{display:contents;--smoothly-tab-line-width:2px;--smoothly-tab-line-width-active:5px}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{grid-column:span 1;background-color:transparent;border-bottom-color:rgb(var(--smoothly-default-shade));border-bottom-width:var(--smoothly-tab-line-width);border-bottom-style:solid}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{color:rgba(var(--smoothly-default-contrast), 0.6)}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{cursor:not-allowed}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{display:flex;justify-content:center;padding:0.5rem 1rem;width:fit-content;border-radius:0.5rem 0.5rem 0 0;margin:auto;cursor:pointer;position:relative}.sc-smoothly-tab-h:not([disabled])>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab:hover{background-color:rgb(var(--smoothly-tab-hover-background, var(--smoothly-default-shade)))}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{font-weight:bold}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab::before{content:'';position:absolute;height:var(--smoothly-tab-line-width-active);background-color:rgb(var(--smoothly-tab-active-line, var(--smoothly-primary-color)));inset-inline:0;bottom:calc(-1 * var(--smoothly-tab-line-width))}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label[data-smoothly-tooltip].sc-smoothly-tab:hover::after{content:attr(data-smoothly-tooltip);font-size:0.9rem;position:absolute;top:calc(100% + 0.25rem);padding:0.5rem 0.75rem;border-radius:0.5rem;background-color:rgb(var(--smoothly-medium-color));color:rgb(var(--smoothly-medium-contrast));white-space:nowrap;z-index:1}.sc-smoothly-tab-h>div.sc-smoothly-tab:nth-child(2){grid-row:2 / 3;grid-column:1 / -1}";const $d=Rd;const Pd=class{constructor(o){t(this,o);this.smoothlyTabOpen=e(this,"smoothlyTabOpen",7);this.smoothlyTabLoad=e(this,"smoothlyTabLoad",7);this.inputs={};this.label=undefined;this.name=undefined;this.tooltip=undefined;this.open=undefined;this.disabled=undefined}async openHandler(){if(this.open)this.smoothlyTabOpen.emit(this.name);this.open?await Promise.all(Object.values(this.inputs).map((t=>t.register()))):await Promise.all(Object.values(this.inputs).map((t=>t.unregister())))}connectedCallback(){this.smoothlyTabLoad.emit((t=>{var e;(e=this.smoothlyTabs)===null||e===void 0?void 0:e.removeTab(this.element);this.smoothlyTabs=t}))}disconnectedCallback(){var t;(t=this.smoothlyTabs)===null||t===void 0?void 0:t.removeTab(this.element)}async componentDidLoad(){await this.openHandler()}onInputLoad(t){if(yr.Element.is(t.target)){this.inputs[t.target.name]=t.target;if(!this.open)t.stopPropagation()}}render(){return o(s,{key:"4f31a21320e76019b99c7cfc4cb4ff0d8472450a"},o("div",{key:"87ffb5977d0957aa9a156a42f2858b3f8b39cbf8",onClick:()=>!this.disabled&&(this.open=true)},o("label",{key:"bf22b6ac424669960fb1e9ac1014b2d3c1710027","data-smoothly-tooltip":this.tooltip},this.label)),o("div",{key:"2aa64bb4f3f266630dc9642e65cc984da002334b",hidden:!this.open},o("slot",{key:"b724eb4399aa54cd465519ba65c8dd759a0ade10"})))}get element(){return i(this)}static get watchers(){return{open:["openHandler"]}}};Pd.style=$d;const Fd=".sc-smoothly-table-h{display:grid;grid-template-columns:repeat(var(--columns), auto);color:rgb(var(--smoothly-table-foreground));stroke:rgb(var(--smoothly-table-foreground));fill:rgb(var(--smoothly-table-foreground))}";const Nd=Fd;const Hd=class{constructor(e){t(this,e);this.columns=1}smoothlyTableExpandableRowChange(t){t.stopPropagation()}smoothlyTableExpandableCellChange(t){t.stopPropagation()}render(){return o(s,{key:"9141511e105824062be8d9744830b343a4017148",style:{"--columns":this.columns.toString()}},o("slot",{key:"6e90573c79d59d461c3cfe85333477661457b941"}))}};Hd.style=Nd;const Ud=".sc-smoothly-table-body-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;color:rgb(var(--smoothly-table-foreground));background-color:rgb(var(--smoothly-table-background))}";const Yd=Ud;const Wd=class{constructor(e){t(this,e)}render(){return o(s,{key:"2517aa5f8d0ac4e9cc8e04aa9d8c4206930ef309"},o("slot",{key:"d62a262e625f6e2d13b3fc9c2ff318352c004a10"}))}};Wd.style=Yd;const Bd=".sc-smoothly-table-cell-h{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}";const Vd=Bd;const Gd=class{constructor(e){t(this,e);this.span=1}render(){var t;return o(s,{key:"fd659cc7790ab25e19aa6e7f6a80ff0c60f753c0",class:"smoothly-table-cell",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)}},o("slot",{key:"314303397c157718fa4791b6985331b7d015ab9f"}))}};Gd.style=Vd;const Kd=".sc-smoothly-table-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}";const Zd=Kd;const qd=class{constructor(e){t(this,e)}render(){return o(s,{key:"5a60b0a8e0603e4aca3c71e28018783e7b171926"},o("smoothly-table-demo-filler-row",{key:"376a899c29affb2ac75463a62203b687f43691f3"}),o("smoothly-table-demo-group",{key:"fc5d0452df007e31bd12c9c4559812d5927bc7e0"}),o("smoothly-table-demo-colspan",{key:"df61da994671158afecaf08f798f5d4c37753b80"}),o("smoothly-table-demo-simple",{key:"0c82c068d184f295fa004da7c4ab37e08b0ada67"}),o("smoothly-table-demo-nested-no-cell",{key:"ba975806a892ac988bcb6fd483cb340706dcda03"}),o("smoothly-table-demo-filtered",{key:"cdb6d52cd2063d2d7ca556402b4323ca6a30a381"}))}};qd.style=Zd;const Xd=".sc-smoothly-table-demo-colspan-h{display:block}.sc-smoothly-table-demo-colspan-h smoothly-display.sc-smoothly-table-demo-colspan{display:inline}";const Jd=Xd;const Qd=class{constructor(e){t(this,e)}render(){return o(s,{key:"68fca89bb1ad91af8e9f2a2fad20909ed0019e20"},o("smoothly-table",{key:"2a51c2f08a2595a8e6caf2450bc9c033646907cf",columns:3},o("smoothly-table-head",{key:"09e799789f1c1a080aaf36e48735e4364fc1a19f"},o("smoothly-table-row",{key:"6920497dd75fe2114c94f38751434726fd2f507b"},o("smoothly-table-cell",{key:"e515ac6f18649577dc0a2f61b7e54faf479140bd"},"Date"),o("smoothly-table-cell",{key:"66e6e9fe42e7d7655f237cb23ea93158ebaa1f39"},"Skip"),o("smoothly-table-cell",{key:"b6a8667c26e04420ff33c97db01d835aee8b3a07"},"Total"))),o("smoothly-table-body",{key:"2deef2e8d0a741d06ad34c302f1bb1498631c250"},o("smoothly-table-row",{key:"d3337116839c99c8c6107874821df9120364ed75"},o("smoothly-table-cell",{key:"8b06d0fc881fb10433d2db4445604472d6974646",span:2},o("smoothly-display",{key:"87c4b07374a670e2a3a2a54fa48d8cc643647370",type:"date",value:"2024-01-01"})),o("smoothly-table-cell",{key:"bb8821adc87a64f95e7771bb279b60a6bd81c214"},o("smoothly-display",{key:"5a59941a2ac34de584a74de68e4affda9784a030",type:"price",value:120,currency:"EUR"}))),o("smoothly-table-row",{key:"c7eaf31271b3c566e75a9fc6a6d8149548ce5d1f"},o("smoothly-table-expandable-cell",{key:"21173e075dea1d85c87615f27c1b507de14c61cc",span:2},o("smoothly-display",{key:"af2901da384c4b19315872415ebb5c510a6bbbfa",type:"date",value:"2024-01-02"}),o("smoothly-lazy",{key:"5cec58b2f5d374d3ac3723af5483af6e33a58308",slot:"detail",content:o("smoothly-display",{type:"date-time",value:"2024-01-02T13:37:00.000Z"})})),o("smoothly-table-expandable-cell",{key:"071061eb3c30e448af187feef488085425f4f3ef"},o("smoothly-display",{key:"0f5df642c8ae4fcb2ed32f4dd145556f68364092",type:"price",value:220,currency:"EUR"}),o("smoothly-lazy",{key:"089441483694e35584eaf12ab20ab738aad35923",slot:"detail",content:o("span",null,o("smoothly-display",{type:"price",value:120,currency:"EUR"})," + ",o("smoothly-display",{type:"price",value:100,currency:"EUR"}))}))),o("smoothly-table-row",{key:"6dfa02e155f269bbc59742ff6f70ddb94a45039a"},o("smoothly-table-cell",{key:"e6c44311c163beee4d1ed429fd271588a11964a0"},o("smoothly-display",{key:"667c5fa2d69bede5d5fee8e82f4815c34000869c",type:"date",value:"2024-01-02"})),o("smoothly-table-cell",{key:"bafe1a0134b39d55503b2f85a88f78a89c68507c"},"Not Skipped"),o("smoothly-table-cell",{key:"d3bc0c579b56896321761945d0df910481fe2ba1"},o("smoothly-display",{key:"fbbbc10f6843e4ea79bad1b0a0304f15c1f2385d",type:"price",value:320,currency:"EUR"}))))))}};Qd.style=Jd;const th=".sc-smoothly-table-demo-filler-row-h{display:block}.sc-smoothly-table-demo-filler-row-h>smoothly-display.sc-smoothly-table-demo-filler-row{font-size:2em}.sc-smoothly-table-demo-filler-row-h>*.sc-smoothly-table-demo-filler-row{margin-bottom:2rem}";const eh=th;const oh=class{constructor(e){t(this,e);this.cats=[]}async componentDidLoad(){window.setTimeout((()=>{this.cats=undefined}),3e3)}render(){return o(s,{key:"a03f1c70b2e92ff356d45e773ae73d831e6cd0fc"},o("smoothly-display",{key:"5036d9aaa30aeb6d3eed6f10d835aeb6f4efe3bc",type:"text",value:"Filler row"}),o("smoothly-table",{key:"7fcb76f36dc6f2f2908691b7068e497c1b8a1da1",color:"primary",columns:4},o("smoothly-table-head",{key:"25346f60c41a560528f39ac2e822d2b3b15f2c86"},o("smoothly-table-row",{key:"e0ffc1a2e88c33fd6509ab2acfd2f612cf39a006"},o("smoothly-table-cell",{key:"6816fc98a889ce71cc2ec43b6d91597856e1f0b2"},"Breed"),o("smoothly-table-cell",{key:"0f04dc7a0c25da1e4e15a1b6b7caee0a93c0bba6"},"Country"),o("smoothly-table-cell",{key:"14d52e902bf3ad350d6a87a86b6e413c3e979f4b"},"Coat"),o("smoothly-table-cell",{key:"9d196cabb51ff631141fc5abe22e10509d59ca61"},"Origin"))),o("smoothly-table-body",{key:"9a0c88bdc0f5c52d3ce41ef0e6dcd9b8dd99a18a"},this.cats===undefined?o("smoothly-table-filler-row",null,"No data to display"):this.cats.length===0?o("smoothly-table-filler-row",null,o("smoothly-spinner",{style:{margin:"auto"},color:"default",size:"small"})):this.cats.map((t=>o("smoothly-table-row",null,o("div",{class:"smoothly-table-cell"},t.breed),o("div",{class:"smoothly-table-cell"},t.country),o("div",{class:"smoothly-table-cell"},t.coat),o("div",{class:"smoothly-table-cell"},t.origin)))))))}};oh.style=eh;var sh=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 ih=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,i){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?i.call(t,o):i?i.value=o:e.set(t,o),o};var ah;class nh{get selected(){var t;return ih(this,ah,(t=sh(this,ah,"f"))!==null&&t!==void 0?t:Object.values(this.data),"f")}constructor(t,e={}){this.key=t;this.data=e;ah.set(this,void 0)}handle(t){var e;return new nh(this.key,"check-all"in t?(e=t["check-all"])!==null&&e!==void 0?e:{}:Object.fromEntries(Object.entries(Object.assign(Object.assign({},this.data),t)).filter((([t,e])=>e!=undefined))))}render(t){var e,s,i;return Array.isArray(t)?o("smoothly-checkbox",{name:"check-all",value:Object.fromEntries(t.map((t=>[t[this.key],t]))),intermediate:this.selected.length>0&&this.selected.length<t.length,checked:this.selected.length==t.length?true:this.selected.length==0&&false}):o("smoothly-checkbox",{name:(e=t[this.key])===null||e===void 0?void 0:e.toString(),value:t,checked:!!this.data[(i=(s=t[this.key])===null||s===void 0?void 0:s.toString())!==null&&i!==void 0?i:""]})}static create(t){return new nh(t)}}ah=new WeakMap;const lh='.sc-smoothly-table-demo-filtered-h{display:grid;grid-template-columns:auto auto;grid-template-areas:"header filter"\n\t\t"main main";margin-bottom:50em}.sc-smoothly-table-demo-filtered-h>smoothly-display.sc-smoothly-table-demo-filtered{font-size:2em;grid-area:header}.sc-smoothly-table-demo-filtered-h>smoothly-filter.sc-smoothly-table-demo-filtered{margin-left:auto;grid-area:filter;height:fit-content}.sc-smoothly-table-demo-filtered-h>*.sc-smoothly-table-demo-filtered{margin-bottom:2rem;grid-area:main}.sc-smoothly-table-demo-filtered-h>smoothly-table.sc-smoothly-table-demo-filtered{grid-template-columns:min-content repeat(calc(var(--columns) - 1), auto)}smoothly-table.sc-smoothly-table-demo-filtered>smoothly-table-row.sc-smoothly-table-demo-filtered>smoothly-table-cell.sc-smoothly-table-demo-filtered:nth-of-type(2),.sc-smoothly-table-demo-filtered-h>smoothly-table.sc-smoothly-table-demo-filtered>smoothly-table-head.sc-smoothly-table-demo-filtered>smoothly-table-row.sc-smoothly-table-demo-filtered>smoothly-table-cell.sc-smoothly-table-demo-filtered:nth-of-type(4){justify-content:end}';const rh=lh;const ch=class{constructor(e){t(this,e);this.criteria={};this.cats=undefined;this.selector=nh.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 ar("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=dh[t.country])!==null&&e!==void 0?e:[]}),names:(o=dh[t.country])!==null&&o!==void 0?o:[]})}))}render(){const t=this.cats&&ol(this.criteria,this.cats);return o(s,{key:"9d52b9430f98dd1e55863eede669b55740fd3b2b"},o("smoothly-display",{key:"228f235640c863fa1326ac3ea0ff29c49672b9db",type:"text",value:"Filtered"}),o("smoothly-filter",{key:"dbd13ea0d42cdd09c3ec96d6793fad8f328aace7"},o("smoothly-filter-toggle",{key:"b7c7cc453733530029439a894e26b044dddfa2dc",properties:{["nested.pattern"]:"Ticked",breed:""},icon:"add",tooltip:"Nested Ticked",slot:"bar"}),o("smoothly-filter-toggle",{key:"7a4e7976b0ecb684cb5a752cc4318ca1f5ad7409",properties:{pattern:"Ticked",breed:""},icon:"paw",tooltip:"Ticked cats",slot:"bar"}),o("smoothly-filter-toggle",{key:"0499d2af053b12f76c4d7c8fc1aabfd847f564fe",properties:{breed:"Bombay",pattern:"Solid"},icon:"radio-button-on",tooltip:"Solid bombay cats",slot:"bar"}),o("smoothly-filter-toggle",{key:"d22c2021808718e5175059efbdc4d3bb720325eb",properties:{pattern:"Colorpoint"},not:true,active:true,icon:"alert",tooltip:"Colored cats",slot:"bar"}),o("smoothly-filter-select",{key:"2386badd2d73fcae11097cce654f2dee9b99f13e",menuHeight:"5items",label:"coat",property:"nested.coat",slot:"bar",multiple:false},this.cats&&Object.values(this.cats.reduce(((t,e)=>e.nested?Object.assign(Object.assign({},t),{[e.nested.coat]:e}):t),{})).map((t=>{var e;return((e=t.nested)===null||e===void 0?void 0:e.coat)&&o("smoothly-item",{slot:"items",value:t.nested.coat},t.nested.coat)}))),o("div",{key:"36d340b6c3b8b736188eb7d9c8b58c1d5b4f45ab",slot:"detail"},o("smoothly-form",{key:"28696996dd3a348ac40563daa34d53d840ae386e",looks:"border"},o("smoothly-filter-select",{key:"aea97995976be168e54d90b12662336dfbf15f8b",menuHeight:"5items",label:"coat",property:"nested.coat",multiple:true},this.cats&&Object.values(this.cats.reduce(((t,e)=>e.nested?Object.assign(Object.assign({},t),{[e.nested.coat]:e}):t),{})).map((t=>{var e;return((e=t.nested)===null||e===void 0?void 0:e.coat)&&o("smoothly-item",{slot:"items",value:t.nested.coat},t.nested.coat)}))),o("smoothly-filter-select",{key:"3349383d47061a7b0a209ad7ec4c5b8bbdfac642",menuHeight:"5items",label:"breed",property:"breed",multiple:false},this.cats&&Object.values(this.cats.reduce(((t,e)=>e.breed?Object.assign(Object.assign({},t),{[e.breed]:e}):t),{})).map((t=>t.breed&&o("smoothly-item",{slot:"items",value:t.breed},t.breed)))),o("smoothly-filter-select",{key:"aa90475e87bb13bd3bc18e55096d479bc3b66638",menuHeight:"5items",label:"names",property:"nested.names",multiple:true,type:"array"},Object.keys(Object.values(dh).flat().reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:true})),{})).flatMap((t=>o("smoothly-item",{slot:"items",value:t},t)))),o("smoothly-filter-input",{key:"65c1509883210b656ca9af4ad09eb44d23e9efdc",label:"Coat",property:"coat"}),o("smoothly-filter-input",{key:"11925c6ec93cea60d1c5134f8070f9597d2d2c86",label:"Nested Coat",property:"nested.coat"})))),!t?"Failed to load data.":o("smoothly-table",{columns:4},o("smoothly-table-head",null,o("smoothly-table-row",null,o("smoothly-table-cell",null,this.selector.render(t)),o("smoothly-table-cell",null,"Breed"),o("smoothly-table-cell",null,"Coat"),o("smoothly-table-cell",null,"Price"))),t.map((t=>o("smoothly-table-row",null,o("smoothly-table-cell",null,this.selector.render(t)),o("smoothly-table-expandable-cell",null,t.breed,o("div",{slot:"detail"},"Country: ",t.country)),o("smoothly-table-expandable-cell",null,t.coat,o("div",{slot:"detail"},"Pattern: ",t.pattern)),o("smoothly-table-cell",null,o("smoothly-display",{type:"price",value:t.price,currency:"SEK"}))))),o("smoothly-table-foot",null,o("smoothly-table-row",null,o("smoothly-table-cell",{span:3},o("smoothly-display",{type:"text",value:`Selected: ${this.selector.selected.length!=0?this.selector.selected.length:t?t.length:"?"}`}))))))}};const dh={"United States":["bill","bob","brad","joe","molly"],Australia:["nigel","bruce","sheila","brad","shane"],"United Kingdom":["nigel","james","molly","shane","bob"],Greece:["dionysius","demetrius","polikarpos"]};ch.style=rh;const hh=".sc-smoothly-table-demo-group-h{display:block}.sc-smoothly-table-demo-group-h smoothly-display.sc-smoothly-table-demo-group{display:inline}.sc-smoothly-table-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-table-demo-group{grid-column:span 2}.sc-smoothly-table-demo-group-h>smoothly-display.sc-smoothly-table-demo-group{display:inherit;font-size:2em}.sc-smoothly-table-demo-group-h>*.sc-smoothly-table-demo-group{margin-bottom:2rem}.sc-smoothly-table-demo-group-h fake-group-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-row-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-expandable-row-wrapper.sc-smoothly-table-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-table-demo-group-h fake-cell-wrapper.sc-smoothly-table-demo-group{grid-column:span 1;display:block}.sc-smoothly-table-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-table-demo-group{display:contents}";const mh=hh;const uh=class{constructor(e){t(this,e)}render(){return o(s,{key:"cb9c374a765eca44fb1d8543050bf3f1aca7e7b5"},o("smoothly-display",{key:"8575b746f011619e19391052a5a3a7ed1069c949",type:"text",value:"Group"}),o("smoothly-table",{key:"7079a601ab8268d54b31dc80ed13f1a5484ab821",color:"primary",columns:2},o("smoothly-table-head",{key:"fccfa1dcf9166f10aa3fcc4a5a642276ed6a16c2"},o("smoothly-table-row",{key:"9909df83d6073f3aa8676c99ea9a4067d5487498"},o("smoothly-table-cell",{key:"69356e6e78a502f3110ddb7b1f847063b5015919"},"Date"),o("smoothly-table-cell",{key:"fefb88e5a644af89541e0040aa131e3453dd5d0b"},"Total"))),o("smoothly-table-body",{key:"828c2cee93b8b97040c554112dd276613a0b6be8"},o("smoothly-table-row-group",{key:"4d8d44c2e3b32095daa02a40b12f86b4ff86dd86",align:true},o("smoothly-display",{key:"f3bcf256586535f9986c97ec21ada180003991e0",slot:"start",type:"date",value:"2024-01-01"}),o("smoothly-display",{key:"6a3535233789061facd84f37b4fead6a7f0d60f7",slot:"end",type:"price",currency:"EUR",value:510}),o("smoothly-table-expandable-row",{key:"95f2a34ce70652430b616cdc3831d10df9087d14"},o("smoothly-table-cell",{key:"a73c05b01d671db9cfa72fa8068cb4d7f95036ef"},o("smoothly-display",{key:"6a7e44deb79ea54ae64a84dffcc0520c66da378b",type:"date-time",value:"2024-01-01T01:37:00.000Z"})),o("smoothly-table-cell",{key:"9adb23eb7189952f703db59123d1d8f38c0a166c"},o("smoothly-display",{key:"984f42c4690d57e327c63dab88f332ba44182e2c",type:"price",currency:"EUR",value:250})),o("smoothly-lazy",{key:"7d766476c16cad32f93fe5ef5fb98fb79916a9a3",slot:"detail",content:o(a,null,"Details of 2024-01-01T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"85a8c9673f36f30673fed34157a680f75b91bee8"},o("smoothly-table-cell",{key:"7c3bdb3b1a19b20b150b69cddda2e8e59e43e759"},o("smoothly-display",{key:"d0717f95fb92f1d87f6d47c2f84ab52f8bbc21cd",type:"date-time",value:"2024-01-01T13:37:00.000Z"})),o("smoothly-table-cell",{key:"ec504f6455e0a73ca58d5c6b7a30df0e73173097"},o("smoothly-display",{key:"c7ec3aca9d5b294e21a033cf9d355d892569d5a3",type:"price",currency:"EUR",value:260})),o("smoothly-lazy",{key:"8495ba830272a904584c83588d463ee981a75898",slot:"detail",content:o(a,null,"Details of 2024-01-01T13:37:00.000Z")}))),o("smoothly-table-row",{key:"e6d15fcadbda9aa5d8f4108f631581994df5ac6e"},o("smoothly-table-cell",{key:"eee32ea2b94ae868a568efe82fb6a697b5e767ce"},o("smoothly-display",{key:"9fe610a829b01221136befb1bea1c67cc12714c3",type:"date",value:"2024-01-02"})),o("smoothly-table-cell",{key:"b2157c0b4430c361b1b2c015b9b17fbfce74eba3"},o("smoothly-display",{key:"05980109d8341a18f74175fde5ea88f9bfd5db18",type:"price",currency:"EUR",value:130}))),o("smoothly-table-row-group",{key:"550e08e6a2ba032e4f1edb792368320facee4218"},o("smoothly-display",{key:"d0039d4587a46ce54cc09505468c794d4719d6fc",slot:"start",type:"date",value:"2024-01-03"}),o("smoothly-display",{key:"9ea5bf91300a63ed742aaf23d3aeeb0fc413a5c6",slot:"end",type:"price",currency:"EUR",value:720}),o("smoothly-table-expandable-row",{key:"bcb96780b057591413bf08f86fc48f3092b3ef78"},o("smoothly-table-cell",{key:"96fa8d21b911c2e89bd16162b470547f40c59260"},o("smoothly-display",{key:"768999a3d220c2071bcaf0b7d580b20431590ed6",type:"date-time",value:"2024-01-03T01:37:00.000Z"})),o("smoothly-table-cell",{key:"e4060edb7613db6a37d78377e79d54cf1ebf687a"},o("smoothly-display",{key:"f1132da3f844c62f01ac91d22d333b0e02ec669b",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"d8d8f0171e1e93410f7a73fc556ef314a52376bf",slot:"detail",content:o(a,null,"Details of 2024-01-03T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"864e04ed18ce70d8b3fbdf40e7da8c664d1d6da3"},o("smoothly-table-cell",{key:"10073a5ba35669ad1286e37dd1d7362f8f920607"},o("smoothly-display",{key:"8b1a0c8bf4ab5091a6bb7bf0ed4831c052e1fb95",type:"date-time",value:"2024-01-03T13:37:00.000Z"})),o("smoothly-table-cell",{key:"d96119b96cdfe1e69d34a7d7f8ad89c66a2c9c95"},o("smoothly-display",{key:"cb0a4650ced58ee4d8f8b69ea60e96a804b9bbb0",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"3ec0a1b5864824ba58f6253ff61dd7df6e0965e8",slot:"detail",content:o(a,null,"Details of 2024-01-03T13:37:00.000Z")}))),o("smoothly-table-row-group",{key:"17a7220faf185e221e6575b7417064f640049353"},o("smoothly-display",{key:"d1a8ba2e1f00273f8cf0cd663c33409159fba564",slot:"start",type:"date",value:"2024-01-04"}),o("smoothly-table-expandable-row",{key:"6b3a3552021825523cf13b7360be3f9a9724c70a"},o("smoothly-table-cell",{key:"4a6e91ade11bc599c0972b39bad2da7b2714e95b"},o("smoothly-display",{key:"f8a5ca90a832692bcfc298d97d72f2342ea9b621",type:"date-time",value:"2024-01-04T01:37:00.000Z"})),o("smoothly-table-cell",{key:"b0fc1819f4a4a5e6969fa5e16721d254d2cf58f2"},o("smoothly-display",{key:"f074ed0f38927fc32eddb796db8e4bd13ddff5b5",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"081597e39eb74ef486e08b0e81f531a84c6b6f88",slot:"detail",content:o(a,null,"Details of 2024-01-04T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"2f31bd3aeca17588053fd443732ba7104e76a537"},o("smoothly-table-cell",{key:"e169bbb7c6a8a34a3764b93d88d3395507f62a89"},o("smoothly-display",{key:"f62c11b7989cc87cc71ad926f8f7eda276a986bd",type:"date-time",value:"2024-01-04T13:37:00.000Z"})),o("smoothly-table-cell",{key:"e52293f00718bf1c5cb6cbe202e4a6361d837be8"},o("smoothly-display",{key:"d184c61a50db31ff40f95fb2d0590c4af6cb0f1a",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"196a5cdc02e0aa89fa5ed00f61e8aa6ccc1e4a18",slot:"detail",content:o(a,null,"Details of 2024-01-04T13:37:00.000Z")}))),o("smoothly-table-row-group",{key:"75eb5a7e930a007ed0a1fdfff7edc86899f749b8"},o("smoothly-display",{key:"309d0b896ea94a26676e7836fa81e30e1637702b",slot:"end",type:"price",currency:"EUR",value:720}),o("smoothly-table-expandable-row",{key:"9ce56024e34235fdc9678d6b6e5667d6f3b8de0c"},o("smoothly-table-cell",{key:"923b4c15ae23a262f73d3c419eebc6fea401de4a"},o("smoothly-display",{key:"1ab89af5c408641eb0542741a1a94a599ae07807",type:"date-time",value:"2024-01-05T01:37:00.000Z"})),o("smoothly-table-cell",{key:"774cfe6aa680be3e5e95b185cc32098e0cc53883"},o("smoothly-display",{key:"f479af8e80e1441714c54dba448731b5d2464029",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"bfcbdd239e454fcdb0c9e12c69e2bde8b345234f",slot:"detail",content:o(a,null,"Details of 2024-01-05T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"c00e2e135f9ec5769720eb0079d30eb89792aac7"},o("smoothly-table-cell",{key:"fc268d21e428ce7db18b31e9808c1a315f93bd5b"},o("smoothly-display",{key:"7c12adb25a5e808756e864e5158902e99a08e2a0",type:"date-time",value:"2024-01-05T13:37:00.000Z"})),o("smoothly-table-cell",{key:"4b493f33ce9c366bae4b197bffdde4d73c18d630"},o("smoothly-display",{key:"8522920e0ba9a8ce448f82ae7a9ee651bd9fd013",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"62739501d31b40e0c380a5180950f3dd3b8d58bc",slot:"detail",content:o(a,null,"Details of 2024-01-05T13:37:00.000Z")}))),o("fake-group-wrapper",{key:"751842a7f1ef2b76b73883dec6944b7915129b8d"},o("smoothly-table-row-group",{key:"15058bd1beca118e60ed9482e2743d7bc3a06229"},o("smoothly-display",{key:"e136b065bc232bd34004dfd684993b9fbbe45ad8",slot:"start",type:"date",value:"2024-01-06"}),o("smoothly-display",{key:"26fb2d19ec2cc050fc18ee78d2d0310cfec369cc",slot:"end",type:"price",currency:"EUR",value:720}),o("fake-row-wrapper",{key:"1f28649db69b6ce35c71e8e81ff46c8059ea1349"},o("smoothly-table-row",{key:"4239aa228489e74fe32dd6cb46b0b956b9a917cd"},o("fake-cell-wrapper",{key:"0995d0795d88d90dc4a652b93bd01339885a4a15"},o("smoothly-table-cell",{key:"6fbfe32c8600ee8792d234e4031c3d88b7cd07a5"},o("smoothly-display",{key:"7278ba187d47a030c593c7c149efa9fee3dc457d",type:"date",value:"2024-01-02"}))),o("fake-expandable-cell-wrapper",{key:"d49fb4284720169c881afa15f0af96c85a236d08"},o("smoothly-table-expandable-cell",{key:"61965249141071c357e76bcd4b37432eae785011"},o("smoothly-display",{key:"83c33af35c51bce8c3524c94c184e56e9a60bb4c",type:"price",currency:"EUR",value:130}),o("smoothly-lazy",{key:"434779474958f2bd9f9b86af5794440b536b17db",slot:"detail",content:o("span",null,o("smoothly-display",{type:"price",value:100,currency:"EUR"})," + ",o("smoothly-display",{type:"price",value:30,currency:"EUR"}))}))))),o("fake-expandable-row-wrapper",{key:"4fef13086f3c56e09a84b5b3cd5a4e34c807c03c"},o("smoothly-table-expandable-row",{key:"0d7460a51b87bbe63224060fc7fe9ff097bcf964"},o("fake-cell-wrapper",{key:"db5254d9ee7725c31171562a23f3a3824f37b1e2",class:"span-2"},o("smoothly-table-cell",{key:"be07fabe144bedb0a7525b97a5c6a29fb05f482a",span:2},o("smoothly-display",{key:"e63cce72f5879609cae82b5e02b0513de3761e0b",type:"date",value:"2024-01-07"}))),o("smoothly-lazy",{key:"1f3d1eb4b86892e86ad9b8f80441e8d151c8cc11",slot:"detail",content:o("smoothly-display",{type:"date-time",value:"2024-01-07T13:37:00.000Z"})}))))),o("smoothly-table-row-group",{key:"32c835a3c51e8f793ccce4e9847c5e8af01729a9"},o("smoothly-display",{key:"5367fd62c0dbaffc8895234df678fb6f645f14c6",slot:"start",type:"date",value:"2024-01-08"}),o("smoothly-display",{key:"79879a7ae5c080e20e3fefb27ec1d94d966af8e6",slot:"end",type:"price",currency:"EUR",value:720})))))}};uh.style=mh;const yh=[{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 bh=".sc-smoothly-table-demo-nested-no-cell-h{display:block}.sc-smoothly-table-demo-nested-no-cell-h>smoothly-display.sc-smoothly-table-demo-nested-no-cell{font-size:2em}.sc-smoothly-table-demo-nested-no-cell-h>*.sc-smoothly-table-demo-nested-no-cell{margin-bottom:2rem}.sc-smoothly-table-demo-nested-no-cell-h smoothly-table-expandable-row.sc-smoothly-table-demo-nested-no-cell{position:relative}";const fh=bh;const ph=class{constructor(e){t(this,e);this.loadingIndex=undefined;this.loadedRows=[]}render(){return o(s,{key:"87f7234ed07cb86ea3d1e314331c8f51285459b3"},o("smoothly-display",{key:"9be98a5ae53ed74a79cc8b06bdb875ac7519789d",type:"text",value:"Nested"}),o("smoothly-table",{key:"d87589ec253d0ed1cb5a6a870bd752791f95da39",color:"primary",columns:8},o("smoothly-table-head",{key:"de6f0673a9abe1a1aba05c1bbef91b4fc5c93c70"},o("smoothly-table-row",{key:"87e852b736048a5357f5058051bda7fe74b4463e"},o("div",{key:"28c60977e7355fe80e03ab01544369913a2dafa2",class:"smoothly-table-cell"},"Id"),o("div",{key:"b56ef63848c997188b5c187381345063737acb85",class:"smoothly-table-cell"},"Registered"),o("div",{key:"5d59c64f6d0a7757e7f00244d3f04ba2455fcec8",class:"smoothly-table-cell"},"Name"),o("div",{key:"bac3313f481472bb499d6dbcab7c6470a1873f80",class:"smoothly-table-cell"},"Age"),o("div",{key:"f1688aaa67476ddbfccc752dc1c95f32890687c4",class:"smoothly-table-cell"},"Balance"),o("div",{key:"09f89a13345684f56c428711652da7fed4825758",class:"smoothly-table-cell"},"EyeColor"),o("div",{key:"7623a6e3dc9ef2f2379fef2264847121603e18d7",class:"smoothly-table-cell"},"Gender"),o("div",{key:"c36e69f8aeca91a3c38790a4ac190def7864af8d",class:"smoothly-table-cell"},"Company"))),o("smoothly-table-body",{key:"95c3a29a56bb6d93cd0a0e2f0bd934f9980b0d07"},yh.map(((t,e)=>o("smoothly-table-expandable-row",{onSmoothlyTableExpandableRowChange:t=>{if(t.detail){this.loadingIndex=e;setTimeout((()=>{this.loadingIndex=undefined;this.loadedRows=[...this.loadedRows,e]}),1500)}}},this.loadingIndex===e&&o("smoothly-spinner",{overlay:true,size:"small"}),this.loadedRows.includes(e)&&o("smoothly-table-demo-nested-no-cell-inner",{color:"secondary",data:t.friends,slot:"detail"}),o("div",{class:"smoothly-table-cell"},t.id),o("div",{class:"smoothly-table-cell"},t.registered),o("div",{class:"smoothly-table-cell"},t.name),o("div",{class:"smoothly-table-cell"},t.age),o("div",{class:"smoothly-table-cell"},t.balance),o("div",{class:"smoothly-table-cell"},t.eyeColor),o("div",{class:"smoothly-table-cell"},t.gender),o("div",{class:"smoothly-table-cell"},t.company))))),o("smoothly-table-foot",{key:"83a80716272f3eebb9518bd5b296993e4f7d6b92"},o("smoothly-table-row",{key:"0f7966294282503dda26e998bb71de4d823164ad"},o("div",{key:"674c82e6336b96ee78581d92d741897e91ce3416",class:"smoothly-table-cell"},"Footer Cell"),o("div",{key:"c6e763fce4cd9e7b6ff1995dd460c4445de828e2",class:"smoothly-table-cell"},"Footer Cell")))))}};ph.style=fh;const gh=".sc-smoothly-table-demo-nested-no-cell-inner-h{display:block;margin:1em auto;width:60%}";const kh=gh;const vh=class{constructor(e){t(this,e);this.data=undefined}render(){var t;return o(s,{key:"2e4caa396647eb50a79dd897ac13bbe021335048"},o("smoothly-table",{key:"ef9a35da01f532ff7d83740eb016c3de9adfa2c7",columns:4},o("smoothly-table-head",{key:"287be82074a99020ecd36fb8b15592d4c00dfc53"},o("smoothly-table-row",{key:"673c69c9d5bf2431173ed168e1c3ac30dc997e89"},o("div",{key:"4654bd574e6d20d3294408202b65e8019bd5ca1b",class:"smoothly-table-cell"},"Id"),o("div",{key:"5966aba21aedc22a05697597a78bc9e2bacfcabe",class:"smoothly-table-cell"},"Name"),o("div",{key:"4e26c9ac1a4e8019560d9b02f79a97d738c60f7d",class:"smoothly-table-cell"},"Age"),o("div",{key:"141e63fc10bdf24d6cf53d7c6686937d74605e03",class:"smoothly-table-cell"},"Balance"))),o("smoothly-table-body",{key:"e39dee35a6e0c8df95f5d69c870bcaf6fdbc38cd"},(t=this.data)===null||t===void 0?void 0:t.map((t=>o("smoothly-table-expandable-row",null,o("div",{class:"smoothly-table-cell"},t.id),o("div",{class:"smoothly-table-cell"},t.name),o("div",{class:"smoothly-table-cell"},t.age),o("div",{class:"smoothly-table-cell"},t.balance)))))))}};vh.style=kh;const wh=".sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}";const xh=wh;const Ch=class{constructor(e){t(this,e)}render(){return o(s,{key:"427b5d3763dcdb304407d22f95065d83fc678561"},o("smoothly-display",{key:"d11d4514408946e49a30a2a2b8aab585ffd8f1dd",type:"text",value:"Simple"}),o("smoothly-table",{key:"27626d9213b1b24c216991772435a3349408b78c",color:"primary",columns:2},o("smoothly-table-head",{key:"c4e49138fd8500b55a48c3af8e76cb4e8b97f2c6"},o("smoothly-table-row",{key:"e91a2bd4d5b6f989aa11259f1feb0a1f59d8046c"},o("smoothly-table-cell",{key:"e8b4cd83c8fbf55ebd1745a5948ec8912867b896"},"Breed"),o("smoothly-table-cell",{key:"88d67cebb6e6d1740ca7640e7648d3e97500f9e6"},"Coat"))),o("smoothly-table-body",{key:"a36dd3a39a7ba1e622ef1739c40ebaff2cc4fe76"},Sh.map((t=>o("smoothly-table-row",null,o("smoothly-table-expandable-cell",null,t.breed,o("div",{slot:"detail"},"Country:",o("br",null),t.country)),o("smoothly-table-expandable-cell",null,t.coat,o("div",{slot:"detail"},"Pattern: ",t.pattern))))),o("smoothly-table-row",{key:"d44308c45940471e065b52f10d6e692e9d096c06"},o("smoothly-table-cell",{key:"3c25e702564c5111724ed3b55842c3d3b3d635ee"},"Cell5"),o("smoothly-table-expandable-cell",{key:"d89769e142074a80e1ed04a2ac3561e5dcdcec3a"},"Expandable Cell",o("div",{key:"53e2feb80a331c168b280af99c2b93c64b280e0f",slot:"detail"},"Content of the expandable cell"))),o("smoothly-table-row",{key:"7fb4d39de015e03afab065c5dbdbc384fff1668f"},o("smoothly-table-expandable-cell",{key:"914bcdc57a76cb2a618c2a25c54d62a06e341283"},"Expandable Cell 1",o("div",{key:"b7e6f046259646482480b735811cc02de0028c60",slot:"detail"},"Content of the expandable cell 1")),o("smoothly-table-expandable-cell",{key:"4162b44ead1175fa1216edb49249e2af3db0e31f"},"Expandable Cell 2",o("div",{key:"443f584a2a03a09eff2c4d580850d6b8a249b595",slot:"detail"},"Content of the expandable cell 2")))),o("smoothly-table-foot",{key:"0617de0f60b3585610940e7244e53843c070648c"},o("smoothly-table-row",{key:"c809a2471fb1902016706a73d693824af4d184e5"},o("smoothly-table-cell",{key:"22f0e37f0db31dd4a4aa0baf888032253bf2a5ce"},"Footer Cell"),o("smoothly-table-cell",{key:"221533ebb306f72640d7b85aac9bba61a881fffd"},"Footer Cell")))))}};const Sh=[{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"}];Ch.style=xh;const zh='.sc-smoothly-table-expandable-cell-h{display:contents}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);box-sizing:border-box;align-items:center;white-space:nowrap;position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover{background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground));stroke:rgb(var(--smoothly-table-hover-foreground));fill:rgb(var(--smoothly-table-hover-foreground))}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{rotate:45deg}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{box-shadow:1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset, -3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset}[open].sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));stroke:rgb(var(--smoothly-table-expanded-foreground));fill:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-cell-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{display:none}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::before{content:"";position:absolute;display:flex;box-sizing:border-box;z-index:-1;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::after{content:"";position:absolute;display:flex;z-index:-1;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 jh=zh;const Ih=class{constructor(o){t(this,o);this.smoothlyTableExpandableCellChange=e(this,"smoothlyTableExpandableCellChange",7);this.smoothlyTableExpandableCellRegister=e(this,"smoothlyTableExpandableCellRegister",7);this.span=1;this.open=false}componentWillLoad(){this.smoothlyTableExpandableCellRegister.emit()}async close(){this.open=false}clickHandler(t){var e,o;const s=this.detailElement&&t.composedPath().includes(this.detailElement);if(!s){const t=(e=window.getSelection())===null||e===void 0?void 0:e.toString().trim();if(((o=t===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0)==0)this.open=!this.open}}openChange(){this.smoothlyTableExpandableCellChange.emit(this.open)}render(){var t;return o(s,{key:"556f7eca8f3dc2d2ca17e5d82be2621922f8a2b5",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)},onClick:t=>this.clickHandler(t)},o("div",{key:"a5b2fbbe782b391f28f443bc063c7e27033be1bd",class:"content"},o("slot",{key:"3881144b28625f84489704ea1c76fc6981579119"})),o("div",{key:"e27a007486cd81d8a6c36cd785ff4dd548b75b6f",class:"smoothly-table-detail",ref:t=>this.detailElement=t},o("slot",{key:"b9792f456aa52a9a42bee53268f9110a15579e12",name:"detail"})))}static get watchers(){return{open:["openChange"]}}};Ih.style=jh;const _h='.sc-smoothly-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>.smoothly-table-cell{grid:subgrid;cursor:pointer;grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell.sc-smoothly-table-expandable-row:hover){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-table-expandable-row-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type{position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell.sc-smoothly-table-expandable-row:hover)>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{rotate:45deg}[open].sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{overflow:visible;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}';const Th=_h;const Oh=class{constructor(o){t(this,o);this.smoothlyTableExpandableRowChange=e(this,"smoothlyTableExpandableRowChange",7);this.open=false}clickHandler(t){var e,o;const s=this.div&&t.composedPath().includes(this.div);if(!s){const t=(e=window.getSelection())===null||e===void 0?void 0:e.toString().trim();if(((o=t===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0)==0)this.open=!this.open}}openChange(){this.smoothlyTableExpandableRowChange.emit(this.open)}render(){return o(s,{key:"a65bc97d66bc01dc5473e4d49cdd9aba68a22741",onClick:t=>this.clickHandler(t)},o("slot",{key:"1cbe4f21fc60a26dba1fc3ab465df6e23112bc2e"}),o("div",{key:"c150efa814b01a1208f17430fcae4c8bd2b2fc52",class:"smoothly-table-detail",ref:t=>this.div=t},o("slot",{key:"99bc09c99dd7dd65e2992ccc6423f4b81d308ce3",name:"detail"})))}static get watchers(){return{open:["openChange"]}}};Oh.style=Th;const Lh=".sc-smoothly-table-filler-row-h{grid-column:1 / -1}";const Ah=Lh;const Mh=class{constructor(e){t(this,e)}render(){return o("smoothly-table-row",{key:"286b6d3f9f8bff5514b1f2f9dd3dd2aa67e907f1"},o("smoothly-table-cell",{key:"a5acf7b7a17d8a0100e0decca5d112b14097e683"},o("slot",{key:"29871cb5fe247bb8b6336444c0b2305aaf417f10"})))}};Mh.style=Ah;const Dh=".sc-smoothly-table-foot-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;position:sticky;z-index:1;bottom:0;background-color:rgb(var(--smoothly-table-footer-background));color:rgb(var(--smoothly-table-footer-foreground));stroke:rgb(var(--smoothly-table-footer-foreground));fill:rgb(var(--smoothly-table-footer-foreground))}";const Eh=Dh;const Rh=class{constructor(e){t(this,e)}render(){return o(s,{key:"9c96c38e06369b33c01c4b146a99eec8f650be9c"},o("slot",{key:"2c20e429284384d5dfe1ed5c5ef6b6425a7e77af"}))}};Rh.style=Eh;const $h=".sc-smoothly-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-table-head-h{box-shadow:var(--smoothly-table-header-shadow)}";const Ph=$h;const Fh=class{constructor(e){t(this,e);this.onScroll=t=>{if(t.target instanceof HTMLElement){this.scrollParent=t.target;const e=this.scrollParent.getBoundingClientRect();const o=this.element.getBoundingClientRect();this.scrolled=e.top==o.top}};this.scrolled=undefined}connectedCallback(){var t;this.scrollParent=n.findParent(this.element);(t=this.scrollParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.onScroll)}disconnectedCallback(){var t;(t=this.scrollParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.onScroll)}render(){return o(s,{key:"3104a69b79e8818ca7af2d096dcedca14b0f0795",class:{scrolled:!!this.scrolled}},o("slot",{key:"7ac2dbabd41beb43848d0472a9497ec9ce669b39"}))}get element(){return i(this)}};Fh.style=Ph;const Nh=".sc-smoothly-table-row-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;box-sizing:border-box;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-row-h.sc-smoothly-table-row-s>.smoothly-table-cell{display:flex;grid-column:span var(--smoothly-table-cell-span, 1);align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell){grid-template-rows:auto 0fr 0fr}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell[open]){grid-template-rows:auto 1fr 0fr}";const Hh=Nh;const Uh=class{constructor(e){t(this,e);this.expandableCells=new Set}smoothlyTableExpandableCellRegisterHandler(t){t.stopPropagation();this.expandableCells.add(t.target)}smoothlyTableExpandableCellChangeHandler(t){if(t.detail)for(const e of this.expandableCells)t.target!=e&&e.close()}render(){return o(s,{key:"033b5662402dd5860be65c4529f8d49da3e1c0e5"},o("slot",{key:"4d4a85cd5bdb7e3ec2cb2ad781b3cd8f86d0a925"}))}};Uh.style=Hh;const Yh='.sc-smoothly-table-row-group-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;margin-top:1px}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child{grid-column:1/-1;display:grid;position:relative;cursor:pointer;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);background-color:rgb(var(--smoothly-default-tint));border-bottom:1px solid rgb(var(--smoothly-default-shade));position:relative;padding-left:1.1rem}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child:hover{color:rgb(var(--smoothly-table-hover-foreground));background-color:rgb(var(--smoothly-table-hover-background))}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child::before{rotate:45deg}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:last-child{grid-column:1/-1;display:grid;grid-template-columns:subgrid}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child{grid-template-columns:subgrid}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group{display:contents}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group>*.sc-smoothly-table-row-group{display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem)}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child{grid-column:1/-1;display:grid;align-items:center;grid-template-columns:repeat(2, auto);justify-content:space-between}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group:first-child{justify-self:start;display:flex;gap:1rem}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group:last-child{justify-self:end;display:flex;gap:1rem}.sc-smoothly-table-row-group-h:not([open]){grid-template-rows:auto 0fr}.sc-smoothly-table-row-group-h:not([open])>div.sc-smoothly-table-row-group:last-child{grid-row:2;overflow:hidden}';const Wh=Yh;const Bh=class{constructor(o){t(this,o);this.smoothlyTableRowGroupChange=e(this,"smoothlyTableRowGroupChange",7);this.align=false;this.open=false}clickHandler(){var t,e;const o=(t=window.getSelection())===null||t===void 0?void 0:t.toString().trim();if(((e=o===null||o===void 0?void 0:o.length)!==null&&e!==void 0?e:0)==0){this.open=!this.open;this.smoothlyTableRowGroupChange.emit(this.open)}}render(){return o(s,{key:"8ebfb43f311c33753dd6d749ef2362af1ea7cfbe"},o("div",{key:"2d1846051cb536cc79a014187d3189ef6bac6fb4",onClick:()=>this.clickHandler()},o("div",{key:"6342be3d05b90633e8b2daa584629e60fd336b22"},o("slot",{key:"91840077085722aeb2fccc77a126c27c47a20ecd",name:"start"})),o("div",{key:"4023dbac459849a6859bc03006b1d7f45d530d5e"},o("slot",{key:"db247beaaef2b10c76efd648fe562b0414177dd0",name:"end"}))),o("div",{key:"a2387169d4bd16c927d75d5d11d286631f133b94"},o("slot",{key:"6e85abb5c56cc4b79246442cf287f9104ab25cb0"})))}};Bh.style=Wh;const Vh=".sc-smoothly-tabs-h{display:grid;grid-template-columns:repeat(var(--tabs), auto);grid-template-rows:auto auto}.sc-smoothly-tabs-h.hide-tabs.sc-smoothly-tabs-s>smoothly-tab>div:first-child{display:none}";const Gh=Vh;const Kh=class{constructor(o){t(this,o);this.smoothlyTabOpen=e(this,"smoothlyTabOpen",7);this.tabs="always";this.tabElements=[];this.selectedElement=undefined}async removeTab(t){if(this.element.isConnected){this.tabElements=this.tabElements.filter((e=>e!==t));if(t.open){const t=this.tabElements.find((t=>!t.disabled));t&&(t.open=true)}}}onInputLoad(t){t.stopPropagation();if(this.isSmoothlyTabElement(t.target)&&t.target.parentElement==this.element&&!this.tabElements.includes(t.target)){t.detail(this);this.tabElements=[...this.tabElements,t.target]}}isSmoothlyTabElement(t){return(t===null||t===void 0?void 0:t.tagName)=="SMOOTHLY-TAB"}openChanged(t){const e=t.target;if(this.isSmoothlyTabElement(e)){t.stopPropagation();this.selectedElement=e;this.smoothlyTabOpen.emit(t.detail)}}onSelectedChange(t,e){if(e)e.open=false}render(){return o(s,{key:"6a11151828b962a7fda6dc5f32e9fc2050774bb1",class:{"hide-tabs":this.tabs=="multiple"&&this.tabElements.length==1},style:{"--tabs":`${this.tabElements.length}`}},o("slot",{key:"92202d58f509a31b8c6ca0d2b5497a40bde20c07"}))}get element(){return i(this)}static get watchers(){return{selectedElement:["onSelectedChange"]}}};Kh.style=Gh;const Zh=".sc-smoothly-tabs-demo-h{display:block}[hidden].sc-smoothly-tabs-demo-h{display:none}.sc-smoothly-tabs-demo-h>*.sc-smoothly-tabs-demo{margin:auto;max-width:1200px;width:100%;margin-block:5rem}.sc-smoothly-tabs-demo-h code.sc-smoothly-tabs-demo{color:rgb(var(--smoothly-medium-contrast));background-color:rgb(var(--smoothly-medium-color));padding-inline:0.25rem;border-radius:0.25rem}";const qh=Zh;const Xh=class{constructor(e){t(this,e);this.extraTab1=undefined;this.extraTab2=undefined}render(){return o(s,{key:"29421ef4f99721461b19f11c0969974959da11b7"},o("div",{key:"3546ec67efcedf780ff5781755df686e2c04fe0e"},o("smoothly-button",{key:"69671f23e970f32320a347d0c75fd94044d19f7f",color:"primary",onClick:()=>this.extraTab1=!this.extraTab1},this.extraTab1?"Remove":"Add"," tab")),o("smoothly-tabs",{key:"20c85a590229cc970e657ca9fcbaa6e2d17b083b",tabs:"multiple"},o("smoothly-tab",{key:"d6d821dc2badea6de18a116b013214c36f0e1af0",label:"Single Tab",open:true},o("strong",{key:"a0e5b01afaecd1994c4805db24e8560ae9ce6309"},"Single Tab content here.")," If only one tab is available setting ",o("code",{key:"9425b3ee81d6c6cad8af5b5319719f36cbb17232"},"tabs")," to"," ",o("code",{key:"c70a8a3bec7f7ab442b3f845da0c5e28ab0714e4"},'"multiple"')," will hide the tab navigation and display the single tab's content directly."),this.extraTab1&&o("smoothly-tab",{key:"69df20e89396a6004bbf5766ebcf35cadaf9df5d",label:"Extra tab"},"When there are more then one tab, the tab navigation will show.")),o("div",{key:"cb0ed6c7832aaac46a26fa224bfd7e7cb080c07e"},o("smoothly-button",{key:"6062636c63d395b8fc58a9e76d52243184f685e2",color:"primary",onClick:()=>this.extraTab2=!this.extraTab2},this.extraTab2?"Remove":"Add"," tab")),o("smoothly-tabs",{key:"37bcdd53515f35ff4e3a1d1b671546f626447130"},o("smoothly-tab",{key:"f65f24d7db8911f888fb3db2acdbf17b80bef317",label:"Disabled tab",tooltip:"Tooltip for test3",disabled:true},"this is a test message again!"),o("smoothly-tab",{key:"5c8ee86d81bc684d8d6d4304b7fe3efa3546930c",label:"test1",tooltip:"Tooltip for test1",open:true},"Hello world!"),o("smoothly-tab",{key:"4d2994b727dd9651308e3fbf3f7e91b282f6a452",label:"test2"},"this is a test message!"),this.extraTab2&&o("smoothly-tab",{key:"5199f2a4d47fd5fc89b9eb423f439f7b1e9e6129",label:"test-extra"},"this is a test message!")))}};Xh.style=qh;const Jh=".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 Qh=Jh;const tm=class{constructor(e){t(this,e);this.color=undefined}render(){return o(s,{key:"9ed7ac41d54a43b507d2639c8a0e889c06d7190b"},this.color,["tint","color","shade"].map((t=>o("smoothly-theme-color-variant",{title:`${this.color} ${t}`,color:this.color,variant:t}))))}};tm.style=Qh;const em=".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 om=em;const sm=class{constructor(e){t(this,e);this.color=undefined;this.variant="color"}render(){return"Aa"}};sm.style=om;const im=".sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1em;column-gap:1em;width:fit-content}";const am=im;const nm=class{constructor(e){t(this,e)}render(){return["primary","secondary","tertiary","success","warning","danger","light","medium","dark","default"].map((t=>o("smoothly-theme-color",{color:t})))}};nm.style=am;const lm=".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 rm=lm;const cm=class{constructor(e){t(this,e)}render(){return o(s,{key:"b0a9615c61e3692238aaa8de2061fb0ced746920"},o("h2",{key:"fc086a96c65eda4b27f0f634526fc4058eca7fe1"},"Theme"),o("smoothly-theme-picker",{key:"e3ad28d4d3b457431c03190472214000558f6fda"},o("smoothly-item",{key:"0c55245e030aaa6de6db4687fa74ac15ee2fb161",selected:true,value:"assets/style/smoothly.css"},"Smoothly"),o("smoothly-item",{key:"bedbe004e175e9eac2ee9539889ddb15aec89b07",value:"https://app.issuefab.com/assets/style/index.css"},"Issuefab"),o("smoothly-item",{key:"e2376b4a5af287337c960688229d2976923b06ee",value:"https://app.proquse.com/assets/style/index.css"},"Proquse"),o("smoothly-item",{key:"51e53922688b41afe8a9755ac3b7963f0a6fca65",value:"https://app.weekmeter.com/assets/style/index.css"},"Weekmeter"),o("smoothly-item",{key:"858e96045cda14855ab29168d5584351af619046",value:"https://dash.pax2pay.app/p2pdash.css"},"Pax2Pay Dashboard"),o("smoothly-item",{key:"3ff612aad765ab0216433c763b7c338c7ff1cd4b",value:"https://ui.pax2pay.app/assets/style/pax2pay.css"},"Pax2Pay Portal"),o("smoothly-item",{key:"1806fd6647145e5fd5dd662b9acb270a1f19bac8",value:"https://theme.payfunc.com/intergiro/index.css"},"Intergiro Monitor"),o("smoothly-item",{key:"82fda2f5b5c3c16c2cd588ca3cc7d22c589b71ec",value:"https://theme.payfunc.com/light/index.css"},"Payfunc Light"),o("smoothly-item",{key:"0f55eb2a7e0a2c73c650eed5a0301944da7e76c9",value:"https://theme.payfunc.com/dark/index.css"},"Payfunc Dark")),o("span",{key:"a0679c0c72126f7bc7db8804d3497145df84c52f"},o("smoothly-theme-colors",{key:"b7bdd5e0dd6451817cb81ddf29d0db2366b5b5a5"}),o("smoothly-theme-guide",{key:"275f5e5990675d1cef75a951abeaa9339ad8e53f"})),o("smoothly-button",{key:"bafa07ebe69de60134c37159686cccf8f93f0ee4",type:"link",link:"/redirect"},"To redirect"),o("smoothly-button",{key:"0ff5101b5f9961976ca8c3e8fdf071e0ad750f61",type:"link",link:"/redirect"},"To /redirect"),o("smoothly-button",{key:"ea56c788907f930d96be1a6e96a9c954f56459c1",type:"link",link:new URL("/redirect",window.location.origin).href},'To new URL("redirect")'),o("smoothly-button",{key:"d56bd965aedd96e5c718bc09ffead778acdb36bf",type:"link",link:"redirect/nested"},"To redirect nested"))}};cm.style=rm;const dm="";const hm=dm;const mm=class{constructor(e){t(this,e)}render(){return[o("smoothly-display",{key:"0623cf2eba5807da311f35b17ff2c83029aa86fc"},"Tint is used as background to highlight, for example hovering an item in the select menu."),o("br",{key:"e4c1b723ee60a751f42b7d11ab81528ae25f9c33"}),o("smoothly-display",{key:"2fb439d0376882bcbf39ef4fe8461432a27ec325"},"Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),o("br",{key:"729cef3380ce5f94f7c3f0c509b63d23f9446fb0"}),o("smoothly-display",{key:"378ead03c4ac2ba8e8b1525eaa56d2b2c04a9425"},"Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),o("br",{key:"a6c9ed53309c4564fd8dfb7b120a23c5d91ec35a"}),o("smoothly-display",{key:"e5b61b47d634d7dddf821ef6a2aeccdb2888fe3a"},"One can use the ","<smoothly-color>"," component to switch between what color set is used."," "),o("br",{key:"fe18968c970682db184ca68c59d8d500c33ac588"})]}};mm.style=hm;const um="";const ym=um;const bm=class{constructor(e){t(this,e);this.element="smoothly-css"}render(){return o(s,{key:"7e3474a523f553c83808f86ac3b9acbef0048265"},o("smoothly-input-select",{key:"46ed5955c0e70055bf2f2e8f34a3b1681ed33993",name:"theme",looks:"border",onSmoothlyInput:t=>{const e=document.querySelector(`#${this.element}`);if(e instanceof HTMLLinkElement&&typeof t.detail.theme=="string")e.href=t.detail.theme}},o("label",{key:"f7af435de18a326e8bf840a3705c63f106132ced",slot:"label"},"Select theme"),o("slot",{key:"c750d585b1a2b828da7352ff5b783880f60c2ba3"})))}};bm.style=ym;const fm=".sc-smoothly-toggle-switch-h{display:block}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{width:100%;height:100%;display:flex;align-items:center;padding-inline:0;cursor:pointer;border:none;border-radius:3em;background-color:rgb(var(--smoothly-color))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-color-tint))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{display:flex;justify-content:flex-start;align-items:center;fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast));transition:100ms ease-in-out}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{fill:rgb(var(--smoothly-success-contrast));stroke:rgb(var(--smoothly-success-contrast))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{background-color:rgb(var(--smoothly-success-color))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-success-tint))}[selected].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{transform:translateX(100%)}[size=tiny].sc-smoothly-toggle-switch-h{--height:1.25rem}[size=small].sc-smoothly-toggle-switch-h{--height:1.5rem}[size=default].sc-smoothly-toggle-switch-h{--height:2rem}[size=large].sc-smoothly-toggle-switch-h{--height:2.5rem}.sc-smoothly-toggle-switch-h{height:var(--height);width:calc(var(--height) * 2)}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{--smoothly-icon-size:var(--height)}";const pm=fm;const gm=class{constructor(o){t(this,o);this.smoothlyToggleSwitchChange=e(this,"smoothlyToggleSwitchChange",7);this.checkmark=true;this.selected=false;this.disabled=false;this.size="default";this.color="medium";this.fill="clear"}handleClick(){this.selected=!this.selected;this.smoothlyToggleSwitchChange.emit(this.selected)}render(){return o(s,{key:"f6a19c24554aee8aa1e1cb16c35b3e78cdb033d1"},o("button",{key:"6bea08c0082a81c3b7f55f1b393e69c3c409a6d9",type:"button",disabled:this.disabled,onClick:()=>this.handleClick()},o("smoothly-icon",{key:"d41cf1bed0df32e75a8dbf20d9d111a64d993f80",color:this.color,name:!this.checkmark?"ellipse":this.selected?"checkmark-circle":"close-circle",fill:"clear",class:{selected:this.selected}})))}};gm.style=pm;const km=".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 vm=km;const wm=class{constructor(e){t(this,e)}render(){return o(s,{key:"99f60d67901a1be3f9c76eebcc4bac2e1f070988"},o("h4",{key:"9c0593c83f4aa26b0f4f4a07287386e4a5621b92"},"Toggle switches"),o("div",{key:"049d434b0b0acf35d44d42b47d752f3c5796c237"},o("p",{key:"bd281e749720e9fa4359fcd7c981a88bb8f5e14c"},"Checkmark"),o("span",{key:"b4c75e8d922d4f0955a6c4e7a4d92bf633d31880"},o("p",{key:"36171f87439770a862d858cbab498198e0f4c9b3"},"Tiny"),o("smoothly-toggle-switch",{key:"e2588d18bdad4cadff3a77d5b5d83c1c9d00df10",disabled:false,size:"tiny"})),o("span",{key:"b3313971025e732cc3b11044d6ddf30cc6e687f9"},o("p",{key:"4402a732fccdded3bdfd73a8ff92282d298f2061"},"Small"),o("smoothly-toggle-switch",{key:"e73212de2569f245739a3cb9eae6e7260cc71645",disabled:false,size:"small"})),o("span",{key:"d5508fdcd35848b697c65cbba1fbb62eaabe9a2e"},o("p",{key:"48528f123aab39314aa7da4b014ef71f5eaa3abb"},"Standard"),o("smoothly-toggle-switch",{key:"250bfaf0584cf71d5206fb26aa7ddee1fcf2bfca",disabled:false})),o("span",{key:"05ea31039aec424481d1560712a591105ab2efb0"},o("p",{key:"8169e47718330a118190f8aadb28bb80d5b95c7c"},"Large"),o("smoothly-toggle-switch",{key:"9e10bd3e0ecb71261d10d196ed0304a89b277224",disabled:false,size:"large"})),o("p",{key:"8cbf97718c658936079fd084f7a352910970d754"},"Colors checkmark"),o("span",{key:"873b2dcada84d319eadf5ee19f9dad3e70903051"},o("p",{key:"fe134c17883d512bf1068797199012cd601cd734"},"Danger"),o("smoothly-toggle-switch",{key:"1beae26e7c4eaad1bd42e90486e3846ca14d5937",color:"danger",disabled:false,size:"small"})),o("span",{key:"fae035c69d5ed9106d2ee12f8eb3d5abfea21409"},o("p",{key:"480dc2874d20cd56ad454e62fb4b1a7e09ad19c5"},"Primary color"),o("smoothly-toggle-switch",{key:"8ef71f3201724b469201a7eb819124c2bc181448",color:"primary",disabled:false,size:"small"})),o("span",{key:"e3cfa48df237ae1b3d31604d9db176392fb5b616"},o("p",{key:"d49abaafa7da928914c645972d61112a275bac06"},"Secondary color"),o("smoothly-toggle-switch",{key:"9a347c2de169c136164a56830e3c779c03a9173f",color:"secondary",disabled:false,size:"small"})),o("p",{key:"ad7c7952db0e24de2c9733038fea36e718d61a6b"}),o("p",{key:"31ef6f0dda2bae3b4a6c38c6b3673d44afe31638"},"Colors no checkmark"),o("span",{key:"76c0ab92b50af41349afdc5296cf267c655e9fd1"},o("p",{key:"4d1024cf78e89ca1ea83ceab0dd1919022f22b71"},"Danger"),o("smoothly-toggle-switch",{key:"0133c24cefb5b4a01f243d880586dd00cbb8511c",checkmark:false,color:"danger",disabled:false,size:"small"})),o("span",{key:"a3b2205336c214fc7a9c151d24a790e4f28038fb"},o("p",{key:"63f6d2d6aac041ea137a00dcadefd624c863e630"},"Primary color"),o("smoothly-toggle-switch",{key:"fb912293a5726ef665fa66aa98444013e3e111ea",checkmark:false,color:"primary",disabled:false,size:"small"})),o("span",{key:"3c6f030802b3a4c5ee495ba5bfe0119ff8706a99"},o("p",{key:"b13a4d1250a6462be99ccc678e67a403c0f56ce0"},"Secondary color"),o("smoothly-toggle-switch",{key:"6532dbebf90c5f61789dfb1db4722e5af3e5b10e",checkmark:false,color:"secondary",disabled:false,size:"small"}))))}};wm.style=vm;const xm=".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 Cm=xm;const Sm=class{constructor(o){t(this,o);this.trigger=e(this,"trigger",7);this.color=undefined;this.fill=undefined;this.disabled=false;this.type="button";this.name=undefined;this.value=undefined}onClick(t){this.trigger.emit({name:this.name,value:this.value});t.stopPropagation();t.preventDefault()}render(){let t;switch(this.type){case"link":t=this.disabled?o("slot",null):o("a",{onClick:t=>this.onClick(t)},o("slot",null));break;case"button":t=o("button",{key:"2236548dea3c7f1234348e4534bdfb1c8f62d580",disabled:this.disabled,name:this.name},o("slot",{key:"ea285e18a7a242e02b7ebc64136da8fc4afb3dfa"}));break}return t}};Sm.style=Cm;export{F as smoothly_app,N as smoothly_app_demo,Ft as smoothly_app_room,Ut as smoothly_back_to_top,Bt as smoothly_burger,Kt as smoothly_button,Xt as smoothly_button_confirm,te as smoothly_button_demo,se as smoothly_button_demo_standard,de as smoothly_calendar,ue as smoothly_dialog,fe as smoothly_dialog_demo,ro as smoothly_display,co as smoothly_display_demo,mo as smoothly_display_demo_json,po as smoothly_display_json,vo as smoothly_display_json_object,Co as smoothly_display_json_primitive,jo as smoothly_display_json_record_key,ll as smoothly_filter,dl as smoothly_filter_field,ul as smoothly_filter_input,fl as smoothly_filter_select,kl as smoothly_filter_toggle,pr as smoothly_form,vr as smoothly_form_demo,wr as smoothly_form_demo_all,xr as smoothly_form_demo_card,Cr as smoothly_form_demo_controlled,jr as smoothly_form_demo_date,Tr as smoothly_form_demo_date_range,Or as smoothly_form_demo_login,Mr as smoothly_form_demo_pet,Dr as smoothly_form_demo_prices,$r as smoothly_form_demo_schedule,Pr as smoothly_form_demo_transparent,Ur as smoothly_form_demo_typed,Br as smoothly_frame,Kr as smoothly_icon,Xr as smoothly_icon_demo,ic as smoothly_input,lc as smoothly_input_checkbox,dc as smoothly_input_clear,uc as smoothly_input_color,yc as smoothly_input_color_demo,pc as smoothly_input_date,vc as smoothly_input_date_range,Cc as smoothly_input_date_time,jc as smoothly_input_demo,Tc as smoothly_input_demo_standard,Ac as smoothly_input_demo_user_input,Ec as smoothly_input_edit,Pc as smoothly_input_file,Hc as smoothly_input_month,Wc as smoothly_input_price_demo,Gc as smoothly_input_radio,qc as smoothly_input_radio_item,Qc as smoothly_input_range,td as smoothly_input_range_demo,sd as smoothly_input_reset,ld as smoothly_input_select,dd as smoothly_input_submit,ud as smoothly_item,fd as smoothly_label,kd as smoothly_lazy,vd as smoothly_load_more,Cd as smoothly_modal,jd as smoothly_notification,Td as smoothly_notifier,Ad as smoothly_spinner,Ed as smoothly_summary,Pd as smoothly_tab,Hd as smoothly_table,Wd as smoothly_table_body,Gd as smoothly_table_cell,qd as smoothly_table_demo,Qd as smoothly_table_demo_colspan,oh as smoothly_table_demo_filler_row,ch as smoothly_table_demo_filtered,uh as smoothly_table_demo_group,ph as smoothly_table_demo_nested_no_cell,vh as smoothly_table_demo_nested_no_cell_inner,Ch as smoothly_table_demo_simple,Ih as smoothly_table_expandable_cell,Oh as smoothly_table_expandable_row,Mh as smoothly_table_filler_row,Rh as smoothly_table_foot,Fh as smoothly_table_head,Uh as smoothly_table_row,Bh as smoothly_table_row_group,Kh as smoothly_tabs,Xh as smoothly_tabs_demo,tm as smoothly_theme_color,sm as smoothly_theme_color_variant,nm as smoothly_theme_colors,cm as smoothly_theme_demo,mm as smoothly_theme_guide,bm as smoothly_theme_picker,gm as smoothly_toggle_switch,wm as smoothly_toggle_switch_demo,Sm as smoothly_trigger};
2
- //# sourceMappingURL=p-bac0cd47.entry.js.map
1
+ import{r as t,c as e,h as o,H as s,g as i,F as a}from"./p-ad674a4e.js";import{a as n,C as l,F as r,I as c,T as d,i as h,r as m,D as u,f as y,R as b,M as f}from"./p-cdac3cf4.js";import{B as p,S as g}from"./p-b5e2b527.js";import{T as k,L as v,a as w,D as x,c as C,d as S,C as z,o as j,s as I,b as _,e as T,n as O,A as L}from"./p-34d144e8.js";import{N as A}from"./p-ef01331e.js";import{f as M}from"./p-2257be8c.js";import"./p-ef377b79.js";function D(t){return new E(t??"any")}class E extends k{class="any";is=t=>t!=undefined}function R(){const t=navigator.language;return v.is(t)?t:w.is(t)?v.toLocale(t):undefined}const $='smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}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:not([menu-open])>smoothly-notifier>header>nav{display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}';const P=$;const F=class{constructor(o){t(this,o);this.smoothlyUrlChange=e(this,"smoothlyUrlChange",7);this.rooms={};this.label=undefined;this.color=undefined;this.home=undefined;this.menuOpen=false;this.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());requestAnimationFrame((()=>{if(this.mainElement&&e)this.mainElement.replaceChildren(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});this.smoothlyUrlChange.emit(window.location.href)}roomSelectedHandler(t){this.selected={element:t.target};if(this.burgerVisibility)this.menuOpen=false;if(!t.detail.history){const e=this.selected.element.path.toString();const o=new URL(window.location.pathname==e?window.location.href:window.location.origin);o.pathname=e;o.search=t.detail.query?`?${t.detail.query}`:"";window.history.pushState({smoothlyPath:e,smoothlyQuery:t.detail.query||""},"",o.href)}}roomLoadedHandler(t){const e=this.rooms[t.target.path.toString()]={element:t.target};if(e.element.selected){this.selected=e}}clickHandler(t){if(this.burgerVisibility&&!t.composedPath().some((t=>t==this.burgerElement||t==this.navElement)))this.menuOpen=false}render(){return o("smoothly-notifier",{key:"d75053b6696c2e8a6b70f605471c629e0245cd79"},o("header",{key:"2abc90cea0e212a0028a9687434d4544f616612e",color:this.color},o("h1",{key:"09c1abd28b34d15f2ecba14d0b3fc9d1b3b0b1a0"},o("a",{key:"7e16e6dd2b5046a0a60065b7e3a809388e084247",href:""},this.label)),o("slot",{key:"998a863024b6e4fc19f52f3563ce00b6758fc002",name:"header"}),o("nav",{key:"7c415a3efb11f2c5a3947df02e30f02c1de440ad",ref:t=>this.navElement=t},o("ul",{key:"3c5121358be5c39e55d27bc244f7d6969f5c892f"},o("div",{key:"6aa322f6d0eaf32fb304b8979c4f2f9e3c44553d",class:"nav-start-container"},o("slot",{key:"51dff00c0fd8422e01528859b3c21b21c0cfc8a2",name:"nav-start"})),o("slot",{key:"0d3555c362aa940f7eb6e0b94dbbafcaaabd341f"}),o("div",{key:"bcb9a9817ff6efa43ee3ae56bb575603fb57cb3e",class:"nav-end-container"},o("slot",{key:"e0880a116650b5246825f16f2d778169d206509b",name:"nav-end"})))),o("smoothly-burger",{key:"7159fe41db364265a7421bb77b7e333556087312",ref:t=>this.burgerElement=t,open:this.menuOpen,onSmoothlyNavStatus:t=>this.burgerStatusHandler(t),onSmoothlyVisibleStatus:t=>this.burgerVisibilityHandler(t)})),o("main",{key:"04aa4e3c43286c0e22ed14f3a11c56a152e5e3c4",ref:t=>this.mainElement=t}))}static get watchers(){return{selected:["selectedChanged"]}}};F.style=P;const N=class{constructor(e){t(this,e);this.baseUrl=undefined}urlChangeHandler(t){console.log("smoothlyUrlChange",t.detail)}render(){return o("smoothly-app",{key:"a2ce0c818d9180281a299f32758ceaa25416b126",color:"dark",label:"Smoothly Demo",home:"/root",ref:t=>this.app=t},o("smoothly-app-room",{key:"24b96bb7d1746d1b5117ee076513e6fbf924fa0c",path:"/"},o("section",{key:"0ee1088c6b21efa058f50f8d62a8859d29b7f217",style:{padding:"1em",maxWidth:"32em",margin:"0 auto"}},o("header",{key:"70e8e3e5fce5219fb8a0ff2bfa8abc0f06adade9"},o("h1",{key:"c5de8e096fecacb4ced77097224b19ec5cafd621"},"Welcome")),o("p",{key:"436a395d394eb50acdeaa38f783f4ca747a4efb6"},"Smoothly is a component library written in ",o("a",{key:"5907340e5f39cf8605db950ea978d468158472c2",href:"http://stenciljs.com"},"Stencil"),". It can therefore be used across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML."),o("p",{key:"47891f096a1700892f732898fd31567ffa5acbcf"},"This is particularly useful when trying to unifying the user experience across projects written in different technology stacks. It is also written to minimize the amount of code you need to write to achieve a nice user experience."))),o("smoothly-app-room",{key:"982de5957dc7ca9ad7dcc5995a568d5bac64c2a6",path:"/form",label:"Forms",content:o("smoothly-form-demo",null)}),o("smoothly-app-room",{key:"c75c6dbe5f9c33139172bda0a01350b3f0884fc7",path:"/input",label:"Inputs",content:o("smoothly-input-demo",null)}),o("smoothly-app-room",{key:"4539b49b59c73f9ab4e38af5e489e3aaf667fb72",path:"/table",label:"Tables",content:o("smoothly-table-demo",null)}),o("smoothly-app-room",{key:"229fd38d2dcb436cd9627f2b793a147c92c84931",path:"/button",label:"Buttons",content:o("smoothly-button-demo",null)}),o("smoothly-app-room",{key:"8d6e7b1f60309fd815d7db356a07eb8410f0e31f",path:"/icon",label:"Icons",content:o("smoothly-icon-demo",null)}),o("smoothly-app-room",{key:"94f85d6b90f7417bd7b5f5447ac370103c7cb7eb",path:"/theme",label:"Theming",content:o("smoothly-theme-demo",null)}),o("smoothly-app-room",{key:"162f8f03e2e545c4fb5c80cf4e3879e1b6d90a13",path:"/dialog",label:"Dialogs",content:o("smoothly-dialog-demo",null),slot:"nav-end"}),o("smoothly-app-room",{key:"174bccf3b5aa51b9126796f2d0476354a0011759",path:"/display",label:"Display",content:o("smoothly-display-demo",null),slot:"nav-end"}),o("smoothly-app-room",{key:"85c0f81635c406c386786c4fe899aa9243f3ba15",path:"/tabs",label:"Tabs",slot:"nav-end"},o("smoothly-tabs-demo",{key:"5b014fc76c23fdf445cf332dcbbb327247cdd6f7"})),o("smoothly-app-room",{key:"5d7fc0eb2d25d144ec0ee2e188d763132caffe9f",path:"/links",label:"Links",slot:"nav-end"},o("smoothly-input",{key:"eed619a2f0628e1bb16e0af5e2a55d4ef1b75e9b",type:"text"},"Default"),o("div",{key:"5eb0e4b142d44cdb8ae4248ca70d9616cf8cd46c",style:{padding:"1em",maxWidth:"12em"}},o("smoothly-button",{key:"3f8849508cf6fbed6b2a7fe6a83841b65555bde7",fill:"solid",color:"danger",link:"https://google.com"},"open"),o("smoothly-button",{key:"4809f862144676012d4d4d9073d50397683b1643",fill:"solid",color:"danger",link:"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",type:"download"},"download"),o("smoothly-button",{key:"3b5c653636388ec5fc9c640de2a0f562af1f2ead",fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),o("smoothly-button",{key:"ec8b47d2ffe1ad4c2512697e968945100e303280",disabled:true,fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),o("smoothly-button",{key:"c7482028872ac3ff162c7d501a94a4222bf86c65",type:"link",fill:"clear",color:"danger",onClick:()=>alert("clicked")},"action link"))),o("smoothly-app-room",{key:"ab6b94fabd773c9cfed1a45e6d32e2eb398f519d",path:"/redirect",label:"Redirect",slot:"nav-end"},o("smoothly-button",{key:"846eaa6b9eb0cdc27e8b74019fd8d99028399e37",type:"link",link:"/input"},"To input"),o("smoothly-button",{key:"229c941f8c8cc936d16776347f541b766f71aa3d",type:"link",link:"../button"},"To button"),o("smoothly-button",{key:"bbbcc98ee10d158137c7814804da407954bef2f6",type:"link",link:new URL("/hidden",window.location.origin).href},"To hidden"),o("smoothly-button",{key:"044f50e918c4839f4d7113d8416f19af9367371d",type:"link",link:"/redirect"},"To redirect"),o("smoothly-button",{key:"ce7e71efb2f8d82625173ab061b9d8e0c5bc0012",type:"link",link:"nested"},"To redirect nested, relative path")),o("smoothly-app-room",{key:"3a1ca03f500f37c2ec9c8793cfad81901cf36f1b",path:"/hidden"},o("p",{key:"80b1eef3b10bdc51aec097ef87420c29e284931c"},"hello world!")),o("smoothly-app-room",{key:"c37391f28d9154e5abecc775005d9252f2d4720d",path:"/redirect/nested"},"this is a nested room"))}};var H=class{constructor(t,e,o,s,i,a){this.type=3;this.name="";this.prefix="";this.value="";this.suffix="";this.modifier=3;this.type=t;this.name=e;this.prefix=o;this.value=s;this.suffix=i;this.modifier=a}hasCustomName(){return this.name!==""&&typeof this.name!=="number"}};var U=/[$_\p{ID_Start}]/u;var Y=/[$_\u200C\u200D\p{ID_Continue}]/u;var W=".*";function B(t,e){return(e?/^[\x00-\xFF]*$/:/^[\x00-\x7F]*$/).test(t)}function V(t,e=false){const o=[];let s=0;while(s<t.length){const i=t[s];const a=function(i){if(!e)throw new TypeError(i);o.push({type:"INVALID_CHAR",index:s,value:t[s++]})};if(i==="*"){o.push({type:"ASTERISK",index:s,value:t[s++]});continue}if(i==="+"||i==="?"){o.push({type:"OTHER_MODIFIER",index:s,value:t[s++]});continue}if(i==="\\"){o.push({type:"ESCAPED_CHAR",index:s++,value:t[s++]});continue}if(i==="{"){o.push({type:"OPEN",index:s,value:t[s++]});continue}if(i==="}"){o.push({type:"CLOSE",index:s,value:t[s++]});continue}if(i===":"){let e="";let i=s+1;while(i<t.length){const o=t.substr(i,1);if(i===s+1&&U.test(o)||i!==s+1&&Y.test(o)){e+=t[i++];continue}break}if(!e){a(`Missing parameter name at ${s}`);continue}o.push({type:"NAME",index:s,value:e});s=i;continue}if(i==="("){let e=1;let i="";let n=s+1;let l=false;if(t[n]==="?"){a(`Pattern cannot start with "?" at ${n}`);continue}while(n<t.length){if(!B(t[n],false)){a(`Invalid character '${t[n]}' at ${n}.`);l=true;break}if(t[n]==="\\"){i+=t[n++]+t[n++];continue}if(t[n]===")"){e--;if(e===0){n++;break}}else if(t[n]==="("){e++;if(t[n+1]!=="?"){a(`Capturing groups are not allowed at ${n}`);l=true;break}}i+=t[n++]}if(l){continue}if(e){a(`Unbalanced pattern at ${s}`);continue}if(!i){a(`Missing pattern at ${s}`);continue}o.push({type:"REGEX",index:s,value:i});s=n;continue}o.push({type:"CHAR",index:s,value:t[s++]})}o.push({type:"END",index:s,value:""});return o}function G(t,e={}){const o=V(t);e.delimiter??(e.delimiter="/#?");e.prefixes??(e.prefixes="./");const s=`[^${K(e.delimiter)}]+?`;const i=[];let a=0;let n=0;let l=new Set;const r=t=>{if(n<o.length&&o[n].type===t)return o[n++].value};const c=()=>r("OTHER_MODIFIER")??r("ASTERISK");const d=t=>{const e=r(t);if(e!==void 0)return e;const{type:s,index:i}=o[n];throw new TypeError(`Unexpected ${s} at ${i}, expected ${t}`)};const h=()=>{let t="";let e;while(e=r("CHAR")??r("ESCAPED_CHAR")){t+=e}return t};const m=t=>t;const u=e.encodePart||m;let y="";const b=t=>{y+=t};const f=()=>{if(!y.length){return}i.push(new H(3,"","",u(y),"",3));y=""};const p=(t,e,o,n,r)=>{let c=3;switch(r){case"?":c=1;break;case"*":c=0;break;case"+":c=2;break}if(!e&&!o&&c===3){b(t);return}f();if(!e&&!o){if(!t){return}i.push(new H(3,"","",u(t),"",c));return}let d;if(!o){d=s}else if(o==="*"){d=W}else{d=o}let h=2;if(d===s){h=1;d=""}else if(d===W){h=0;d=""}let m;if(e){m=e}else if(o){m=a++}if(l.has(m)){throw new TypeError(`Duplicate name '${m}'.`)}l.add(m);i.push(new H(h,m,u(t),d,u(n),c))};while(n<o.length){const t=r("CHAR");const o=r("NAME");let s=r("REGEX");if(!o&&!s){s=r("ASTERISK")}if(o||s){let i=t??"";if(e.prefixes.indexOf(i)===-1){b(i);i=""}f();let a=c();p(i,o,s,"",a);continue}const i=t??r("ESCAPED_CHAR");if(i){b(i);continue}const a=r("OPEN");if(a){const t=h();const e=r("NAME");let o=r("REGEX");if(!e&&!o){o=r("ASTERISK")}const s=h();d("CLOSE");const i=c();p(t,e,o,s,i);continue}f();d("END")}return i}function K(t){return t.replace(/([.+*?^${}()[\]|/\\])/g,"\\$1")}function Z(t){return t&&t.ignoreCase?"ui":"u"}function q(t,e,o){return J(G(t,o),e,o)}function X(t){switch(t){case 0:return"*";case 1:return"?";case 2:return"+";case 3:return""}}function J(t,e,o={}){o.delimiter??(o.delimiter="/#?");o.prefixes??(o.prefixes="./");o.sensitive??(o.sensitive=false);o.strict??(o.strict=false);o.end??(o.end=true);o.start??(o.start=true);o.endsWith="";let s=o.start?"^":"";for(const i of t){if(i.type===3){if(i.modifier===3){s+=K(i.value)}else{s+=`(?:${K(i.value)})${X(i.modifier)}`}continue}if(e)e.push(i.name);const t=`[^${K(o.delimiter)}]+?`;let a=i.value;if(i.type===1)a=t;else if(i.type===0)a=W;if(!i.prefix.length&&!i.suffix.length){if(i.modifier===3||i.modifier===1){s+=`(${a})${X(i.modifier)}`}else{s+=`((?:${a})${X(i.modifier)})`}continue}if(i.modifier===3||i.modifier===1){s+=`(?:${K(i.prefix)}(${a})${K(i.suffix)})`;s+=X(i.modifier);continue}s+=`(?:${K(i.prefix)}`;s+=`((?:${a})(?:`;s+=K(i.suffix);s+=K(i.prefix);s+=`(?:${a}))*)${K(i.suffix)})`;if(i.modifier===0){s+="?"}}const i=`[${K(o.endsWith)}]|$`;const a=`[${K(o.delimiter)}]`;if(o.end){if(!o.strict){s+=`${a}?`}if(!o.endsWith.length){s+="$"}else{s+=`(?=${i})`}return new RegExp(s,Z(o))}if(!o.strict){s+=`(?:${a}(?=${i}))?`}let n=false;if(t.length){const e=t[t.length-1];if(e.type===3&&e.modifier===3){n=o.delimiter.indexOf(e)>-1}}if(!n){s+=`(?=${a}|${i})`}return new RegExp(s,Z(o))}var Q={delimiter:"",prefixes:"",sensitive:true,strict:true};var tt={delimiter:".",prefixes:"",sensitive:true,strict:true};var et={delimiter:"/",prefixes:"/",sensitive:true,strict:true};function ot(t,e){if(!t.length){return false}if(t[0]==="/"){return true}if(!e){return false}if(t.length<2){return false}if((t[0]=="\\"||t[0]=="{")&&t[1]=="/"){return true}return false}function st(t,e){if(t.startsWith(e)){return t.substring(e.length,t.length)}return t}function it(t,e){if(t.endsWith(e)){return t.substr(0,t.length-e.length)}return t}function at(t){if(!t||t.length<2){return false}if(t[0]==="["){return true}if((t[0]==="\\"||t[0]==="{")&&t[1]==="["){return true}return false}var nt=["ftp","file","http","https","ws","wss"];function lt(t){if(!t){return true}for(const e of nt){if(t.test(e)){return true}}return false}function rt(t,e){t=st(t,"#");if(e||t===""){return t}const o=new URL("https://example.com");o.hash=t;return o.hash?o.hash.substring(1,o.hash.length):""}function ct(t,e){t=st(t,"?");if(e||t===""){return t}const o=new URL("https://example.com");o.search=t;return o.search?o.search.substring(1,o.search.length):""}function dt(t,e){if(e||t===""){return t}if(at(t)){return wt(t)}else{return vt(t)}}function ht(t,e){if(e||t===""){return t}const o=new URL("https://example.com");o.password=t;return o.password}function mt(t,e){if(e||t===""){return t}const o=new URL("https://example.com");o.username=t;return o.username}function ut(t,e,o){if(o||t===""){return t}if(e&&!nt.includes(e)){const o=new URL(`${e}:${t}`);return o.pathname}const s=t[0]=="/";t=new URL(!s?"/-"+t:t,"https://example.com").pathname;if(!s){t=t.substring(2,t.length)}return t}function yt(t,e,o){if(ft(e)===t){t=""}if(o||t===""){return t}return xt(t)}function bt(t,e){t=it(t,":");if(e||t===""){return t}return pt(t)}function ft(t){switch(t){case"ws":case"http":return"80";case"wws":case"https":return"443";case"ftp":return"21";default:return""}}function pt(t){if(t===""){return t}if(/^[-+.A-Za-z0-9]*$/.test(t))return t.toLowerCase();throw new TypeError(`Invalid protocol '${t}'.`)}function gt(t){if(t===""){return t}const e=new URL("https://example.com");e.username=t;return e.username}function kt(t){if(t===""){return t}const e=new URL("https://example.com");e.password=t;return e.password}function vt(t){if(t===""){return t}if(/[\t\n\r #%/:<>?@[\]^\\|]/g.test(t)){throw new TypeError(`Invalid hostname '${t}'`)}const e=new URL("https://example.com");e.hostname=t;return e.hostname}function wt(t){if(t===""){return t}if(/[^0-9a-fA-F[\]:]/g.test(t)){throw new TypeError(`Invalid IPv6 hostname '${t}'`)}return t.toLowerCase()}function xt(t){if(t===""){return t}if(/^[0-9]*$/.test(t)&&parseInt(t)<=65535){return t}throw new TypeError(`Invalid port '${t}'.`)}function Ct(t){if(t===""){return t}const e=new URL("https://example.com");e.pathname=t[0]!=="/"?"/-"+t:t;if(t[0]!=="/"){return e.pathname.substring(2,e.pathname.length)}return e.pathname}function St(t){if(t===""){return t}const e=new URL(`data:${t}`);return e.pathname}function zt(t){if(t===""){return t}const e=new URL("https://example.com");e.search=t;return e.search.substring(1,e.search.length)}function jt(t){if(t===""){return t}const e=new URL("https://example.com");e.hash=t;return e.hash.substring(1,e.hash.length)}var It=class{constructor(t){this.tokenList=[];this.internalResult={};this.tokenIndex=0;this.tokenIncrement=1;this.componentStart=0;this.state=0;this.groupDepth=0;this.hostnameIPv6BracketDepth=0;this.shouldTreatAsStandardURL=false;this.input=t}get result(){return this.internalResult}parse(){this.tokenList=V(this.input,true);for(;this.tokenIndex<this.tokenList.length;this.tokenIndex+=this.tokenIncrement){this.tokenIncrement=1;if(this.tokenList[this.tokenIndex].type==="END"){if(this.state===0){this.rewind();if(this.isHashPrefix()){this.changeState(9,1)}else if(this.isSearchPrefix()){this.changeState(8,1);this.internalResult.hash=""}else{this.changeState(7,0);this.internalResult.search="";this.internalResult.hash=""}continue}else if(this.state===2){this.rewindAndSetState(5);continue}this.changeState(10,0);break}if(this.groupDepth>0){if(this.isGroupClose()){this.groupDepth-=1}else{continue}}if(this.isGroupOpen()){this.groupDepth+=1;continue}switch(this.state){case 0:if(this.isProtocolSuffix()){this.internalResult.username="";this.internalResult.password="";this.internalResult.hostname="";this.internalResult.port="";this.internalResult.pathname="";this.internalResult.search="";this.internalResult.hash="";this.rewindAndSetState(1)}break;case 1:if(this.isProtocolSuffix()){this.computeShouldTreatAsStandardURL();let t=7;let e=1;if(this.shouldTreatAsStandardURL){this.internalResult.pathname="/"}if(this.nextIsAuthoritySlashes()){t=2;e=3}else if(this.shouldTreatAsStandardURL){t=2}this.changeState(t,e)}break;case 2:if(this.isIdentityTerminator()){this.rewindAndSetState(3)}else if(this.isPathnameStart()||this.isSearchPrefix()||this.isHashPrefix()){this.rewindAndSetState(5)}break;case 3:if(this.isPasswordPrefix()){this.changeState(4,1)}else if(this.isIdentityTerminator()){this.changeState(5,1)}break;case 4:if(this.isIdentityTerminator()){this.changeState(5,1)}break;case 5:if(this.isIPv6Open()){this.hostnameIPv6BracketDepth+=1}else if(this.isIPv6Close()){this.hostnameIPv6BracketDepth-=1}if(this.isPortPrefix()&&!this.hostnameIPv6BracketDepth){this.changeState(6,1)}else if(this.isPathnameStart()){this.changeState(7,0)}else if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 6:if(this.isPathnameStart()){this.changeState(7,0)}else if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 7:if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 8:if(this.isHashPrefix()){this.changeState(9,1)}break}}}changeState(t,e){switch(this.state){case 0:break;case 1:this.internalResult.protocol=this.makeComponentString();break;case 2:break;case 3:this.internalResult.username=this.makeComponentString();break;case 4:this.internalResult.password=this.makeComponentString();break;case 5:this.internalResult.hostname=this.makeComponentString();break;case 6:this.internalResult.port=this.makeComponentString();break;case 7:this.internalResult.pathname=this.makeComponentString();break;case 8:this.internalResult.search=this.makeComponentString();break;case 9:this.internalResult.hash=this.makeComponentString();break}this.changeStateWithoutSettingComponent(t,e)}changeStateWithoutSettingComponent(t,e){this.state=t;this.componentStart=this.tokenIndex+e;this.tokenIndex+=e;this.tokenIncrement=0}rewind(){this.tokenIndex=this.componentStart;this.tokenIncrement=0}rewindAndSetState(t){this.rewind();this.state=t}safeToken(t){if(t<0){t=this.tokenList.length-t}if(t<this.tokenList.length){return this.tokenList[t]}return this.tokenList[this.tokenList.length-1]}isNonSpecialPatternChar(t,e){const o=this.safeToken(t);return o.value===e&&(o.type==="CHAR"||o.type==="ESCAPED_CHAR"||o.type==="INVALID_CHAR")}isProtocolSuffix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}nextIsAuthoritySlashes(){return this.isNonSpecialPatternChar(this.tokenIndex+1,"/")&&this.isNonSpecialPatternChar(this.tokenIndex+2,"/")}isIdentityTerminator(){return this.isNonSpecialPatternChar(this.tokenIndex,"@")}isPasswordPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}isPortPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}isPathnameStart(){return this.isNonSpecialPatternChar(this.tokenIndex,"/")}isSearchPrefix(){if(this.isNonSpecialPatternChar(this.tokenIndex,"?")){return true}if(this.tokenList[this.tokenIndex].value!=="?"){return false}const t=this.safeToken(this.tokenIndex-1);return t.type!=="NAME"&&t.type!=="REGEX"&&t.type!=="CLOSE"&&t.type!=="ASTERISK"}isHashPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,"#")}isGroupOpen(){return this.tokenList[this.tokenIndex].type=="OPEN"}isGroupClose(){return this.tokenList[this.tokenIndex].type=="CLOSE"}isIPv6Open(){return this.isNonSpecialPatternChar(this.tokenIndex,"[")}isIPv6Close(){return this.isNonSpecialPatternChar(this.tokenIndex,"]")}makeComponentString(){const t=this.tokenList[this.tokenIndex];const e=this.safeToken(this.componentStart).index;return this.input.substring(e,t.index)}computeShouldTreatAsStandardURL(){const t={};Object.assign(t,Q);t.encodePart=pt;const e=q(this.makeComponentString(),void 0,t);this.shouldTreatAsStandardURL=lt(e)}};var _t=["protocol","username","password","hostname","port","pathname","search","hash"];var Tt="*";function Ot(t,e){if(typeof t!=="string"){throw new TypeError(`parameter 1 is not of type 'string'.`)}const o=new URL(t,e);return{protocol:o.protocol.substring(0,o.protocol.length-1),username:o.username,password:o.password,hostname:o.hostname,port:o.port,pathname:o.pathname,search:o.search!==""?o.search.substring(1,o.search.length):void 0,hash:o.hash!==""?o.hash.substring(1,o.hash.length):void 0}}function Lt(t,e){if(!e){return t}return Mt(t)}function At(t,e,o){let s;if(typeof e.baseURL==="string"){try{s=new URL(e.baseURL);t.protocol=Lt(s.protocol.substring(0,s.protocol.length-1),o);t.username=Lt(s.username,o);t.password=Lt(s.password,o);t.hostname=Lt(s.hostname,o);t.port=Lt(s.port,o);t.pathname=Lt(s.pathname,o);t.search=Lt(s.search.substring(1,s.search.length),o);t.hash=Lt(s.hash.substring(1,s.hash.length),o)}catch{throw new TypeError(`invalid baseURL '${e.baseURL}'.`)}}if(typeof e.protocol==="string"){t.protocol=bt(e.protocol,o)}if(typeof e.username==="string"){t.username=mt(e.username,o)}if(typeof e.password==="string"){t.password=ht(e.password,o)}if(typeof e.hostname==="string"){t.hostname=dt(e.hostname,o)}if(typeof e.port==="string"){t.port=yt(e.port,t.protocol,o)}if(typeof e.pathname==="string"){t.pathname=e.pathname;if(s&&!ot(t.pathname,o)){const e=s.pathname.lastIndexOf("/");if(e>=0){t.pathname=Lt(s.pathname.substring(0,e+1),o)+t.pathname}}t.pathname=ut(t.pathname,t.protocol,o)}if(typeof e.search==="string"){t.search=ct(e.search,o)}if(typeof e.hash==="string"){t.hash=rt(e.hash,o)}return t}function Mt(t){return t.replace(/([+*?:{}()\\])/g,"\\$1")}function Dt(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=`[^${Dt(e.delimiter)}]+?`;const i=/[$_\u200C\u200D\p{ID_Continue}]/u;let a="";for(let n=0;n<t.length;++n){const l=t[n];if(l.type===3){if(l.modifier===3){a+=Mt(l.value);continue}a+=`{${Mt(l.value)}}${X(l.modifier)}`;continue}const r=l.hasCustomName();let c=!!l.suffix.length||!!l.prefix.length&&(l.prefix.length!==1||!e.prefixes.includes(l.prefix));const 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=i.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){a+="{"}a+=Mt(l.prefix);if(r){a+=`:${l.name}`}if(l.type===2){a+=`(${l.value})`}else if(l.type===1){if(!r){a+=`(${s})`}}else if(l.type===0){if(!r&&(!d||d.type===3||d.modifier!==3||c||l.prefix!=="")){a+="*"}else{a+=`(${o})`}}if(l.type===1&&r&&!!l.suffix.length){if(i.test(l.suffix[0])){a+="\\"}}a+=Mt(l.suffix);if(c){a+="}"}if(l.modifier!==3){a+=X(l.modifier)}}return a}var Rt=class{constructor(t={},e,o){this.regexp={};this.names={};this.component_pattern={};this.parts={};try{let s=void 0;if(typeof e==="string"){s=e}else{o=e}if(typeof t==="string"){const e=new It(t);e.parse();t=e.result;if(s===void 0&&typeof t.protocol!=="string"){throw new TypeError(`A base URL must be provided for a relative constructor string.`)}t.baseURL=s}else{if(!t||typeof t!=="object"){throw new TypeError(`parameter 1 is not of type 'string' and cannot convert to dictionary.`)}if(s){throw new TypeError(`parameter 1 is not of type 'string'.`)}}if(typeof o==="undefined"){o={ignoreCase:false}}const i={ignoreCase:o.ignoreCase===true};const a={pathname:Tt,protocol:Tt,username:Tt,password:Tt,hostname:Tt,port:Tt,search:Tt,hash:Tt};this.pattern=At(a,t,true);if(ft(this.pattern.protocol)===this.pattern.port){this.pattern.port=""}let n;for(n of _t){if(!(n in this.pattern))continue;const t={};const e=this.pattern[n];this.names[n]=[];switch(n){case"protocol":Object.assign(t,Q);t.encodePart=pt;break;case"username":Object.assign(t,Q);t.encodePart=gt;break;case"password":Object.assign(t,Q);t.encodePart=kt;break;case"hostname":Object.assign(t,tt);if(at(e)){t.encodePart=wt}else{t.encodePart=vt}break;case"port":Object.assign(t,Q);t.encodePart=xt;break;case"pathname":if(lt(this.regexp.protocol)){Object.assign(t,et,i);t.encodePart=Ct}else{Object.assign(t,Q,i);t.encodePart=St}break;case"search":Object.assign(t,Q,i);t.encodePart=zt;break;case"hash":Object.assign(t,Q,i);t.encodePart=jt;break}try{this.parts[n]=G(e,t);this.regexp[n]=J(this.parts[n],this.names[n],t);this.component_pattern[n]=Et(this.parts[n],t)}catch(t){throw new TypeError(`invalid ${n} pattern '${this.pattern[n]}'.`)}}}catch(t){throw new TypeError(`Failed to construct 'URLPattern': ${t.message}`)}}test(t={},e){let o={pathname:"",protocol:"",username:"",password:"",hostname:"",port:"",search:"",hash:""};if(typeof t!=="string"&&e){throw new TypeError(`parameter 1 is not of type 'string'.`)}if(typeof t==="undefined"){return false}try{if(typeof t==="object"){o=At(o,t,false)}else{o=At(o,Ot(t,e),false)}}catch(t){return false}let s;for(s of _t){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=At(o,t,false)}else{o=At(o,Ot(t,e),false)}}catch(t){return null}let s={};if(e){s.inputs=[t,e]}else{s.inputs=[t]}let i;for(i of _t){let t=this.regexp[i].exec(o[i]);if(!t){return null}let e={};for(let[o,s]of this.names[i].entries()){if(typeof s==="string"||typeof s==="number"){let i=t[o+1];e[s]=i}}s[i]={input:o[i]??"",groups:e}}return s}static compareComponent(t,e,o){const s=(t,e)=>{for(let o of["type","modifier","prefix","value","suffix"]){if(t[o]<e[o])return-1;else if(t[o]===e[o])continue;else return 1}return 0};const i=new H(3,"","","","",3);const a=new H(0,"","","","",3);const n=(t,e)=>{let o=0;for(;o<Math.min(t.length,e.length);++o){let i=s(t[o],e[o]);if(i)return i}if(t.length===e.length){return 0}return s(t[o]??i,e[o]??i)};if(!e.component_pattern[t]&&!o.component_pattern[t]){return 0}if(e.component_pattern[t]&&!o.component_pattern[t]){return n(e.parts[t],[a])}if(!e.component_pattern[t]&&o.component_pattern[t]){return n([a],o.parts[t])}return n(e.parts[t],o.parts[t])}get protocol(){return this.component_pattern.protocol}get username(){return this.component_pattern.username}get password(){return this.component_pattern.password}get hostname(){return this.component_pattern.hostname}get port(){return this.component_pattern.port}get pathname(){return this.component_pattern.pathname}get search(){return this.component_pattern.search}get hash(){return this.component_pattern.hash}};if(!globalThis.URLPattern){globalThis.URLPattern=Rt}const $t='.sc-smoothly-app-room-h{display:flex;justify-content:center;text-align:center;cursor:pointer;height:100%;position:relative}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{overflow-y:auto;height:100%}:not([label].sc-smoothly-app-room-h,[icon]).sc-smoothly-app-room-h,[disabled].sc-smoothly-app-room-h{display:none}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{display:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room{height:100%;list-style:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0 1.5em;height:100%}[selected].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{display:flex;color:rgb(var(--smoothly-color-contrast));background:rgb(var(--smoothly-color-shade))}.sc-smoothly-app-room-h:hover>li.sc-smoothly-app-room>a.sc-smoothly-app-room{color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));transition:0.2s}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>smoothly-icon.sc-smoothly-app-room{align-self:inherit}[icon].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>.label.sc-smoothly-app-room{display:none}[icon][label].sc-smoothly-app-room-h:hover::before,[icon][label].sc-smoothly-app-room-h:hover::after{position:absolute;color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));border-radius:0.25rem;pointer-events:none}[icon][label].sc-smoothly-app-room-h:hover::before{content:"";bottom:-1.75rem;transform:rotate(45deg);width:1.25em;height:1.25em}[icon][label].sc-smoothly-app-room-h:hover::after{content:attr(label);white-space:nowrap;bottom:-3.25rem;padding:.5rem 1rem;border-radius:.25rem}@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 Pt=$t;const Ft=class{constructor(o){t(this,o);this.smoothlyRoomSelect=e(this,"smoothlyRoomSelect",7);this.smoothlyRoomLoad=e(this,"smoothlyRoomLoad",7);this.smoothlyUrlChange=e(this,"smoothlyUrlChange",7);this.label=undefined;this.icon=undefined;this.disabled=undefined;this.path="";this.selected=undefined;this.content=undefined}componentDidRender(){this.selected&&this.smoothlyUrlChange.emit(window.location.href)}componentWillLoad(){this.selected=(typeof this.path=="string"?new URLPattern({pathname:this.path}):this.path).test(window.location);this.smoothlyRoomLoad.emit({selected:this.selected});this.selected&&window.history.replaceState({smoothlyPath:this.path},"",window.location.href)}async getContent(){return this.contentElement}async setSelected(t,e){this.selected=t;if(t){this.smoothlyRoomSelect.emit({history:!!(e===null||e===void 0?void 0:e.history),query:this.query})}}async setQuery(t){if(t.detail.path==this.path&&this.query!=t.detail.query){this.query=t.detail.query;window.history.pushState({smoothlyPath:this.path,smoothlyQuery:this.query},"",`${window.location.pathname}${this.query?`?${this.query}`:""}`);this.smoothlyUrlChange.emit(window.location.href)}}clickHandler(t){if(!t.metaKey&&!t.ctrlKey&&t.which!=2&&t.button!=1){t.preventDefault();this.setSelected(true)}}render(){return o(s,{key:"c01b902eb148bb3744745e4456a38454d034a4fe"},o("li",{key:"b81aecbcee004c4c167543c238142cbcfa2fa2ff"},o("a",{key:"c4d8795213726c6b81be5d2ddc3a919ec7dd8da0",href:typeof this.path=="string"?this.path:this.path.pathname,onClick:t=>this.clickHandler(t)},this.icon&&o("smoothly-icon",{key:"fcf8bdcd88811198d433afcb712da9a0f611c25d",name:this.icon}),this.label&&o("span",{key:"479d63bf5bf9501e3774a9377642e1f58fe695a8",class:"label"},this.label))),o("div",{key:"9ec4cb3fcad536d2aea82885efe1a2264f6b68ce",ref:t=>this.contentElement=t},this.content&&o("smoothly-lazy",{key:"a20c354a63b1765fb5097c8603902fd1537b9a23",content:this.content}),o("slot",{key:"49af8d2d6f4cef14c07f0ea3c966ac71883ad753"})))}};Ft.style=Pt;const Nt=".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 Ht=Nt;const Ut=class{constructor(e){t(this,e);this.opacity="0.5";this.bottom="1rem";this.right="1rem";this.visible=undefined}componentWillLoad(){var t;this.scrollableParent=n.findParent(this.element);(t=this.scrollableParent)===null||t===void 0?void 0:t.addEventListener("scroll",(()=>{var t,e;this.visible=((e=(t=this.scrollableParent)===null||t===void 0?void 0:t.scrollTop)!==null&&e!==void 0?e:0)>20}))}render(){const t={"--opacity":this.visible?this.opacity:"0","--pointer-events":this.visible?"auto":"none","--bottom":this.bottom,"--right":this.right};return o(s,{key:"bdd1eea9365907b027a5405a74f65a7cb11308bd",style:t,onClick:()=>{var t;return(t=this.scrollableParent)===null||t===void 0?void 0:t.scrollTo({top:0,left:0,behavior:"smooth"})}},o("smoothly-icon",{key:"3f4121ac968a8a50d7beacab2195d7c5af7db306",name:"caret-up-outline"}))}get element(){return i(this)}};Ut.style=Ht;const Yt="[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{--smoothly-icon-size:3rem;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 Wt=Yt;const Bt=class{constructor(o){t(this,o);this.smoothlyNavStatus=e(this,"smoothlyNavStatus",7);this.smoothlyVisibleStatus=e(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 o(s,{key:"0dad9369ea5e1e52da9ae0a08bebec28611f6715"},o("span",{key:"af95c30c0954dafc3eb8985fbf4ee51e45fbac2e",class:"burger"},o("smoothly-icon",{key:"85362a6e12825592910c16f6f1737948adec99b8",name:"menu"})))}get element(){return i(this)}static get watchers(){return{open:["openChanged"]}}};Bt.style=Wt;const Vt='[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{--smoothly-button-border-radius:0.5rem;display:inline-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}.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]):not([disabled])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:not([disabled]):active>button.sc-smoothly-button::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:hover::before,[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:focus-within::before,[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-button-h>button.sc-smoothly-button,.sc-smoothly-button-h.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-button-h{display:none}';const Gt=Vt;const Kt=class{constructor(e){t(this,e);this.color=undefined;this.expand=undefined;this.fill=undefined;this.tooltip=undefined;this.disabled=false;this.type=undefined;this.size=undefined;this.shape=undefined;this.link=undefined}render(){return o(s,{key:"ff3ae8468462cb298f9cbba82b44b7edef37c2f7",title:this.tooltip},o(p,{key:"6bf304514dab6259f6b9147ab03053a5b4ea5dc5",disabled:this.disabled,type:this.type,link:this.link},o("slot",{key:"a9f44516b418e48f0bd7dc59cbdec1139ca30867"})))}};Kt.style=Gt;const Zt=".sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}";const qt=Zt;const Xt=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyConfirm=e(this,"smoothlyConfirm",7);this.color=undefined;this.name=undefined;this.doubleClickTime=.2;this.expand=undefined;this.fill=undefined;this.disabled=false;this.shape=undefined;this.size=undefined;this.clickTimeStamp=undefined}clickHandler(t){if(this.clickTimeStamp&&t.timeStamp-this.clickTimeStamp>this.doubleClickTime*1e3){this.timer&&window.clearTimeout(this.timer);this.clickTimeStamp=undefined;this.smoothlyConfirm.emit({[this.name]:true})}else{this.clickTimeStamp=t.timeStamp;this.timer=window.setTimeout((()=>{this.clickTimeStamp=undefined}),2e3)}}render(){return o(s,{key:"c074a83b5c1adf25489bd21d6ddd877bce15b91b",warning:this.clickTimeStamp},o("smoothly-button",{key:"f4c7658b1c98dc7a7b3bfdd427fba714b43de7d8",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:"warning",disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},o("smoothly-icon",{key:"c41cfe01abddd88b047e6cf90da0864fe13a9d7c",name:"alert-outline",fill:this.fill,color:"warning",size:this.size==="icon"?"tiny":"small"})),o("smoothly-button",{key:"df2f31430eb709a846295c8eb9f1241598c08a35",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:this.color,disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},o("slot",{key:"f442c9e90dc109936afe5267f36ad482a6a841d9"})))}};Xt.style=qt;const Jt="smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}";const Qt=Jt;const te=class{constructor(e){t(this,e)}render(){return o(s,{key:"533286a87d0525479bd2ee9e28e3b4f0a96d4028"},o("section",{key:"83c431cb9866c7e9ed66d000c45db12cba32a5c1"},o("smoothly-button-demo-standard",{key:"9be3c679df5dae790c20267466f0e59e7129e590"})),o("section",{key:"63c5a3497203d471629c514b4ad65062a65803e4"},o("h4",{key:"4aea5b53872940382d8955d747731846e293bb80"},"Confirm button (two clicks)"),o("div",{key:"0d06137cb8e7e2f0d27c7c9bcee216f6a582ff33"},o("smoothly-button-confirm",{key:"d10630d444951f251fd00100cbef18074e7d206b",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),o("smoothly-button-confirm",{key:"c2b0cd87fe14786eaa690e51dd91ace6443aa3c4",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},o("smoothly-icon",{key:"fa26113fbfdaea0ee2c0b4723084a69b54d7804b",name:"checkmark-outline",size:"tiny"})),o("smoothly-button-confirm",{key:"cbceb8ffdeffeb6231bb4775a12aeca6599e7eb5",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},o("smoothly-icon",{key:"5bbbaeccd43ee1b930a73a2fa676345835f9646a",name:"trash-outline",size:"tiny",fill:"outline"}))),o("smoothly-toggle-switch-demo",{key:"1bd1095e2c679a2526d31987873334f51d175e85"}),o("h4",{key:"6d22aa735b0d7f16093b216086441d0d722a6421"},"Links with icons"),o("smoothly-button",{key:"7a9cf02c47b1ac104935336f57c07d9eacd865eb",type:"link"},o("smoothly-icon",{key:"fe0f7094ce66691d5e10ee2f5f6d65782a37a380",name:"checkmark-circle",slot:"start"}),"type link"),o("smoothly-button",{key:"723452282f7551547060378c9057d40e4f729be7",type:"button",color:"warning",fill:"default"},o("smoothly-icon",{key:"2da735678c8066ac9ca1a0c8fc42be6f71968997",name:"call",slot:"start"}),o("a",{key:"dd1747fde83a34074dd35a505a7305bb608fcf3a",href:"https://google.com"},"link")),o("smoothly-button",{key:"d9aa99e8d2dfecc0766e4322051a142028f1d749",link:"https://google.com",type:"link"},o("smoothly-icon",{key:"6e64f4b3686c18f23b2215a41c53f87785835d1f",name:"arrow-forward",slot:"end"}),"link + type link"),o("h4",{key:"da1b853513b11781bcd032cf4d7e5f771baa2ed9"},"Size and Color test"),o("smoothly-button",{key:"8eb4c40f66e75ab99c197ba42c8a4e3f192dd9a5",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),o("smoothly-button",{key:"60c02db208c08a07c50c56ccb228eb333f67a59c",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),o("smoothly-button",{key:"8d6d6a13382b24bc44fa2153dcdeae8212169a97",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),o("smoothly-button",{key:"1c4cce72723efcde85b1308535263324e4b49041",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),o("smoothly-button",{key:"256c0622be653968e784e8a2a598b88a51dc80f7",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),o("smoothly-button",{key:"d381847e99dca57bd315a6b7438b3e1e55172cc2",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),o("smoothly-button",{key:"6ff5845f5a0d82d9c99817696e9be364d9da950a",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),o("smoothly-button",{key:"e14f96677b4aed688dc8f0ea0b596c6b585f15b0",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),o("smoothly-button",{key:"4cac9d4923a21476b5f6dc4de0430153477200fa",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),o("h4",{key:"b1a485089eea221cab4a23be46a83c3c2e9c2929"},"Expand examples"),o("smoothly-button",{key:"71aa9bd0791d0e326d9d0721fb2f8eb0d2875164",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),o("smoothly-button",{key:"b316c727f5f529a63649558012ee790cb1e53750",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),o("h4",{key:"2afe5f6a00cbc405f8b7901f5e118d03adcd243e"},"Fill examples"),o("div",{key:"8aad1d8d07c40c2ada40a18ebcbc7c89d8652eef"},o("smoothly-button",{key:"63b8df9f6a45f6ff81168f9c3ad43344acc0c4ab",shape:"rounded",color:"primary",fill:"solid"},o("smoothly-icon",{key:"33d1f688aa67a1db212a9b7aa7147de4f8279ae6",name:"checkmark-circle",slot:"start"}),"Fill Solid"),o("smoothly-button",{key:"cda371d608f548bfceb958fedb0a7eb22cdc5c83",shape:"rounded",color:"secondary",fill:"outline"},o("smoothly-icon",{key:"39824d2393567df80731477784e31bad5b019f90",name:"checkmark-circle",slot:"start"}),"Fill Outline"),o("smoothly-button",{key:"d429cf372e423e882717f0867adb31ffd5d45dc6",shape:"rounded",color:"tertiary",fill:"clear"},o("smoothly-icon",{key:"e8473ef999c9f3bb56da4f58b51f593e7ebc4a1b",name:"checkmark-circle",slot:"start"}),"Fill Clear"),o("smoothly-button",{key:"e26709d399f9747d657a805ce69f997127dd46e3",size:"icon",shape:"rounded",color:"success",fill:"solid"},o("smoothly-icon",{key:"99abc1c65692daf112f2d2b1660918951ae60559",name:"basketball"}))),o("h4",{key:"99be735e4b2c91170daf2e3f0d5779a69d7ef08f"},'Buttons with Icon in "start"'),o("div",{key:"af0724fe2f9605a199d1b392d0307a948bc02b0c"},o("smoothly-button",{key:"38a7a2af64996af6adc7514d8ee407eaf2c7878b",shape:"rounded",fill:"solid",color:"warning"},o("smoothly-icon",{key:"951d2c413089f67b6ebe3c6d9f566ad5267cf4ae",name:"checkmark-circle",slot:"start"}),"Check"),o("smoothly-button",{key:"6ee1bc2af768f123a12e294016cc917aa4bd1c0e",shape:"rounded",fill:"solid",color:"secondary"},o("smoothly-icon",{key:"9d0e80208a6e68f919cc7276073232a368cb111a",name:"basketball",slot:"start"}),"Check"),o("smoothly-button",{key:"e5366d8f3ed7a2cf41cece51570301f145c67e19",shape:"rounded",fill:"solid",color:"success"},o("smoothly-icon",{key:"a0ad0a9620d853fda8d7e594031c04a0ec689445",name:"call",slot:"start"}),"Check"),o("smoothly-button",{key:"c94e929cfe5f738f2a3235f43a1f4da5e0c9fc36",size:"icon",fill:"solid",shape:"rounded",color:"success"},o("smoothly-icon",{key:"71a2f51f71668101315aa8533b5bfcf366d7fc5a",name:"call"})),o("smoothly-button",{key:"f33069cba505b599106e46dd64b9c8d5d7af72b1",size:"flexible",fill:"solid",color:"success"},o("smoothly-icon",{key:"23f5cfce66c47cfe7a7bc61270d366dc1a4b1df2",name:"airplane"}))),o("h4",{key:"0e1d80f018cb083f747dca33ac1579623130e4b4"},'Buttons with Icon in "end"'),o("smoothly-button",{key:"a6fb030807e47ece0af3e864fd1021dd073bb694",fill:"solid",color:"light"},"Go Forward",o("smoothly-icon",{key:"257becef67d6cc074ae9ea15c4aa7f4310b6512e",name:"arrow-forward",slot:"end"})),o("h4",{key:"dae9d6d89805ba3dbe25d10b078150475f097f97"},"Test for icon button"),o("div",{key:"430c1bc4c47a98cf456a84a2d5ab2668777f01cd"},o("smoothly-button",{key:"3c58c97ef2193b38eab09a4e533dba5b4f20a4e4",size:"icon",fill:"solid",shape:"rounded",color:"success"},o("smoothly-icon",{key:"59426dc2bd35c313d6619b44f13d517aa7c034ce",name:"call"})),o("smoothly-button",{key:"0fb117873692f75b51c92e333d3f835cd5fbe74f",size:"icon",shape:"rounded",color:"warning",fill:"solid"},o("smoothly-icon",{key:"7162fcc07788dd9829abafb5b7f38e786b86c298",name:"search-outline"})),o("smoothly-button",{key:"f46d225a20b28efeafcb952544ff5600988ada74",size:"icon",shape:"rounded",color:"secondary"},o("smoothly-icon",{key:"787a26836d6788196c5f3761f66c680704df9817",name:"checkmark-circle"}))),o("h4",{key:"2d8596d90b04536a298e7375e2a4ad3b0c463fbc"},"Link examples"),o("div",{key:"5af7537287d37938616bc0478f7cc63e757720e5"},o("smoothly-button",{key:"b6faae4aa4fd72b87c7181ec146dfda0cfa7a248",type:"link"},"type link"),o("smoothly-button",{key:"4d56453b6a595c09cb70cd8708392effda6f9279",type:"button",fill:"clear"},o("a",{key:"607e553ae06c24cb513fe90ecca476295b719283",href:"https://google.com"},"link")),o("smoothly-button",{key:"9a397311efd0a89849a6c8016fce61bf0639cea0",link:"https://google.com",type:"link"},"link + type link")),o("h4",{key:"466df22b0f9265755db176b4947f39cb3892d331"},"Disabled buttons"),o("div",{key:"b146d15d620300b8da5e134618a1b3f904024f61"},o("smoothly-button",{key:"637ee09aedbde2ff0342d469b50bd181a632308c",disabled:true,fill:"solid",color:"secondary"},"Disabled"),o("smoothly-button",{key:"0bdca6978fd1908f3c529668bfe3c128987522a5",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),o("smoothly-back-to-top",{key:"f217299a63164d3d4bcbda3d9ab1b4da44a8f99f"}))}};te.style=Qt;const ee=".sc-smoothly-button-demo-standard-h smoothly-input-select.sc-smoothly-button-demo-standard smoothly-item.sc-smoothly-button-demo-standard{display:flex}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard{display:flex;flex-wrap:wrap;gap:0.5rem}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard>smoothly-button.sc-smoothly-button-demo-standard{margin-block:0}.sc-smoothly-button-demo-standard-h .height-text.sc-smoothly-button-demo-standard{border-left:3px dotted rgb(var(--smoothly-default-contrast));padding-inline:1rem;align-content:center}";const oe=ee;const se=class{constructor(e){t(this,e);this.props={};this.heightText="";this.lastButton=undefined}updateInputHeightText(){setTimeout((()=>{const t=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));if(this.lastButton){const e=this.lastButton.clientHeight;this.heightText=`${e/t}rem (${e}px)`}}),100)}render(){return o(s,{key:"c109a1c44628d1b42425859649047a002ee16ce0"},o("h2",{key:"30b5293b4446f0202ba93d4dfff6b3e73ecd8976"},"Button Standard"),o("smoothly-form",{key:"6281f5092e984b1dfc19a0efcb104d05ab5d8e48",onSmoothlyFormInput:t=>this.props=t.detail,looks:"grid"},o("smoothly-input-checkbox",{key:"77ac5fe8bf329861e476539c8625fd5820bdc413",name:"text.useColor",checked:true},"Use Color as Text"),o("smoothly-input-select",{key:"0dbc3a3420ecefc797b9bdba4f453c90d66c8d1f",name:"size"},o("span",{key:"a989af18c47839ff1d5b1e31450062aec0eb3651",slot:"label"},"Size"),["small","large","icon","flexible"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input",{key:"68d2793e921608a9fa1951b6bd97b87dd87a3e10",name:"text.value",value:"Button"},"Text",o("smoothly-input-clear",{key:"bb3938f242bf725507e7ece9cfdf7cb314bca1f1",slot:"end"})),o("smoothly-input-radio",{key:"797d38475df5bc28ac171152407459d98383233b",name:"expand",clearable:true},o("span",{key:"3210bb5bee8ff0184edfcf6747246efc50ab0752",slot:"label"},"Expand"),o("smoothly-input-radio-item",{key:"ebbd079aa41839ba2ed8078880b3f546371b4dc7",value:"block"},"block"),o("smoothly-input-radio-item",{key:"daf621085701675377fc460d85e9e328bf09ddd6",value:"full"},"full"),o("smoothly-input-clear",{key:"dca4f783b5140ff4c1f0d2aaa1ee9a6fde9f8147",slot:"end"})),o("smoothly-input-select",{key:"9d1cdf02e4b762052d2abd3b431f420e554a28c9",name:"fill"},o("span",{key:"b7095efe1d384897bcbd15353f57ff7da0718f50",slot:"label"},"Fill"),r.values.map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"78c942e631eef9e23c2f8cd47b8521ad2279c7c1",name:"disabled"},"Disabled"),o("smoothly-input-select",{key:"976eb85785d873c38d676634f6f54269804b474f",name:"type"},o("span",{key:"76cbdc4271456d0c2edf6233bdf7dcdfeee9467e",slot:"label"},"Type"),["button","submit","reset","link"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"15cd8593b09827f44817b15ebd28f4702faa1bb7",name:"rounded"},"Rounded"),o("smoothly-input-select",{key:"c93bda31e420e209cc7cd2253943a868a3b53864",name:"icon",menuHeight:"8items"},o("span",{key:"6b76f90f3ecb8c46e8b66a6fb348b658938a3bf8",slot:"label"},"Icon"),c.Name.values.map((t=>o("smoothly-item",{value:t,key:t},o("smoothly-icon",{name:t,size:"small",tooltip:t})))),o("smoothly-input-clear",{key:"0ebe8cb52112672443dd94922191fc5f3b7fb20c",slot:"end"})),o("smoothly-input",{key:"5860bfcdf0a2de4c2109bde9072a114db9de4ba1",name:"tooltip",value:"Tooltip"},"Tooltip",o("smoothly-input-clear",{key:"32672407cf8cbffdec719c479f9615bc3198dc79",slot:"end"}))),o("div",{key:"bfe436596b1585265ea0b711a43831e722c696ac",class:"buttons"},l.values.map(((t,e,s)=>{var i,a;return o("smoothly-button",{onClick:e=>console.log(`Clicked button with color: ${t}`,e),tooltip:this.props.tooltip,ref:t=>s.length-1==e&&(this.lastButton=t),color:t,expand:this.props.expand,fill:this.props.fill,disabled:this.props.disabled,shape:this.props.rounded?"rounded":undefined,size:this.props.size,type:this.props.type,key:t},this.props.icon?o("smoothly-icon",{name:this.props.icon}):undefined,((i=this.props.text)===null||i===void 0?void 0:i.useColor)?t:(a=this.props.text)===null||a===void 0?void 0:a.value)})),o("div",{key:"dc35cbaca69e970cca164c25cb00889a8e2d57f3",class:"height-text"},this.heightText)))}static get watchers(){return{props:["updateInputHeightText"]}}};se.style=oe;function ie(t){const e=new Date(t);e.setDate(1);let o=-((e.getDay()+6)%7)+1;const s=[];for(let e=0;e<6;e++){const i=[];for(let e=0;e<7;e++){const e=new Date(t);e.setUTCDate(o++);i.push(x.create(e))}if(e<5||x.firstOfMonth(i[0])==x.firstOfMonth(t))s.push(i)}return s}function ae(){const t=new globalThis.Date;t.setDate(t.getDate()-t.getDay()+1);const e=[];for(let o=0;o<7;o++){e.push(t.toLocaleString(undefined,{weekday:"short"}));t.setDate(t.getDate()+1)}return e}function ne(t){const e=new globalThis.Date(t);const o=[];for(let s=0;s<12;s++){e.setMonth(s,28);const i=x.create(e);o.push({date:i,name:e.toLocaleString(undefined,{month:"long"}),selected:i.substr(0,7)==t.substr(0,7)})}return o}function le(t,e,o){const s=new globalThis.Date(t);const i=e?x.getYear(e):(new Date).getFullYear()-50;const a=o?x.getYear(o):(new Date).getFullYear()+50;const n=[];for(let e=i;e<=a;e++){s.setFullYear(e);const o=x.create(s);n.push({date:o,name:s.toLocaleString(undefined,{year:"numeric"}),selected:o==t})}return n}const re='.sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));-webkit-user-select:none;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{position:relative;cursor:pointer}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.today.sc-smoothly-calendar::before{content:"";inset:2px;position:absolute;border:1px solid currentColor}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;opacity:0.5}';const ce=re;const de=class{constructor(o){t(this,o);this.smoothlyValueChange=e(this,"smoothlyValueChange",7);this.smoothlyStartChange=e(this,"smoothlyStartChange",7);this.smoothlyEndChange=e(this,"smoothlyEndChange",7);this.smoothlyDateSet=e(this,"smoothlyDateSet",7);this.smoothlyDateRangeSet=e(this,"smoothlyDateRangeSet",7);this.clickCounter=0;this.month=undefined;this.value=undefined;this.start=undefined;this.end=undefined;this.max=undefined;this.min=undefined;this.doubleInput=undefined;this.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,e,s;return o(a,{key:"7dd62a4b0e384db10aea907bbb52acd1fbe80391"},o("smoothly-input-month",{key:"341ac330b5f233a3c5ffd9b258a9031912118074",name:"month",value:(t=this.month)!==null&&t!==void 0?t:this.value,min:this.min,max:this.max,inCalendar:true,next:true,previous:true,showLabel:false,onSmoothlyInput:t=>{t.stopPropagation();"month"in t.detail&&typeof t.detail.month=="string"&&(this.month=t.detail.month)},onSmoothlyUserInput:t=>t.stopPropagation()},o("div",{key:"14b1f0af38f0f136876da0dfcfcc92b91e1765f3",slot:"year-label"},o("slot",{key:"b228829ffd8844b37cd56b224e704d7218ca1b9b",name:"year-label"})),o("div",{key:"851c228361716425a586bced15c004f8eb67bcdf",slot:"month-label"},o("slot",{key:"764d21a70488117e1f15931d14f13deef904fe8b",name:"month-label"}))),o("table",{key:"afc428a8031cf626aa07c8bd0c4d248a613e0835"},o("thead",{key:"8313b9b77fe812817cfb4bff27ab88b3a2a8c1a5"},o("tr",{key:"8505ecde8e874234ec01b1b0697e94579de6d943"},ae().map((t=>o("th",null,t))))),ie((s=(e=this.month)!==null&&e!==void 0?e:this.value)!==null&&s!==void 0?s:x.now()).map((t=>o("tr",null,t.map((t=>{var e,s,i,a;return o("td",{tabindex:1,onMouseOver:()=>this.withinLimit(t)?this.onHover(t):undefined,onClick:this.withinLimit(t)?()=>this.onClick(t):undefined,class:{selected:t==this.value||this.doubleInput&&(t==this.start||t==this.end),today:t==x.now(),currentMonth:x.firstOfMonth((s=(e=this.month)!==null&&e!==void 0?e:this.value)!==null&&s!==void 0?s:x.now())==x.firstOfMonth(t),dateRange:this.doubleInput&&t>((i=this.start)!==null&&i!==void 0?i:"")&&t<((a=this.end)!==null&&a!==void 0?a:""),disable:!this.withinLimit(t)}},t.substring(8,10))})))))))}get element(){return i(this)}static get watchers(){return{start:["onStart"],end:["onEnd"]}}};de.style=ce;const he=".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 me=he;const ue=class{constructor(e){t(this,e);this.color=undefined;this.open=true;this.closable=false;this.header=undefined}TriggerListener(t){if(d.is(t.detail)&&t.detail.name=="close")this.open=false}hostData(){return{style:{display:this.open?"block":"none"}}}__stencil_render(){return o("section",{key:"85e4a5a7c25688aae036cfad4dd3d289e85da5af"},o("div",{key:"13c28f32b769dc4a6e7cdb1a4fddfd69381a122c",class:"header"},this.closable&&o("smoothly-trigger",{key:"fbe80ee6c0f14cc9c44186f649f5b7857f67cde9",fill:"clear",name:"close"},o("smoothly-icon",{key:"491506fd0ee7c1d74c4a3b142f3359a793721f75",name:"close-circle",fill:"solid",color:this.color})),this.header?o("h1",null,this.header):o("slot",{name:"header"})),o("div",{key:"2d5dcc8653cbbf673eae932fc1f31e281ddc87be",class:"content"},o("slot",{key:"feec65314deac1ae4820c323e977f4481abb50ca"})))}render(){return o(s,this.hostData(),this.__stencil_render())}};ue.style=me;const ye=".sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}";const be=ye;const fe=class{constructor(e){t(this,e);this.openModal=false;this.openTallModal=false;this.showFrame=false}render(){return o(s,{key:"8add700509240579f6f83dc95a6d4d0bddee067e"},o("smoothly-button",{key:"35a3641241542400cfdca56b058887eaaca7c629",fill:"solid",color:"light",onClick:()=>this.openModal=true},"Open Modal"),o("smoothly-button",{key:"38a3e022173090e5a04547774c3a75674ad8937b",fill:"solid",color:"light",onClick:()=>this.openTallModal=true},"Open Modal with long text and top-aligned."),o("smoothly-button",{key:"0c52d6216d204dd41310fda4c810e8212fafe3e4",fill:"solid",color:"light",onClick:()=>this.showFrame=!this.showFrame},"Show Frame"),o("smoothly-modal",{key:"73d07f4662ac3ee4e398c98fdc50073af6a6cd63",closable:true,open:this.openModal,onSmoothlyModalChange:t=>this.openModal=t.detail},o("h2",{key:"4b8420bae8815bf0f491ebb38948f3348a5bc84c",slot:"header"},"Modal"),o("span",{key:"2115cc46f1adb4149cf71331e3151f1fe876f681"},"Are you sure you want to confirm this action?"),o("smoothly-button",{key:"c722bed6d0ace30ab2ef644e219fb599da17276d",slot:"actions",color:"success"},"Confirm"),o("smoothly-button",{key:"18c7bcebed68d09049ccddb2c559edbcc6c0b2d4",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openModal=false},"Cancel")),o("smoothly-modal",{key:"a89476ee4a3f90e1b57b243a4217a43b91874628",closable:true,open:this.openTallModal,onSmoothlyModalChange:t=>this.openTallModal=t.detail,align:"top"},o("h2",{key:"b778a0933b0b0b28aedefadaafed3b3f67f770a3",slot:"header"},"Modal"),o("smoothly-summary",{key:"fdfaa4526ee58e7bb2c356750de4540f45dfbf65"},o("div",{key:"a8418a82b28b6a698214ebff19b2aa28148e6ce2",slot:"summary"},"Lorem ipsum"),o("div",{key:"c4f120ea3e663e2e05fc6e109b8094129c88e8d5",slot:"content"},Array.from({length:10}).map((()=>o("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))))),o("smoothly-button",{key:"e17da5e0786e43d783ec17008bdf956e90d44946",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openTallModal=false},"Cancel")),this.showFrame&&o("smoothly-dialog",{key:"3e5e753799e6d49303cd5afe03448dac8c1a7c0a",closable:true},o("smoothly-frame",{key:"f61497a6984b98e8a392dd33dcc1ac6a7ba35734",url:"https://www.wikipedia.org/",name:"parent",style:{height:"80vh"}})))}};fe.style=be;function pe(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 ge(t,e,o){let s=0;let i;while((i=o.exec(t))!=null){if(o.lastIndex-i[0].length<e)s=o.lastIndex-i[0].length;else break}return s}function ke(t,e,o){const s=/([\wåäöüéáúíóßðœøæñµçþ_]+|[@-]+)/gi;return o=="backward"?ge(t,e,s):pe(t,e,s)}var ve;(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})(ve||(ve={}));var we;(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})(we||(we={}));class xe{value;selection;constructor(t){this.value=t.value;this.selection={start:t.selection?.start,end:t.selection?.end,direction:t.selection?.direction}}get(t,e=1){return this.value.substring(t,t+e)}is(t,...e){const o=this.get(t);return e.some((t=>o==t))}isDigit(t){const e=this.get(t);return e>="0"&&e<="9"}match(t){return this.value.match(t)}replace(t,e,o){let s;if(typeof t=="string"&&typeof e=="string"){let o;s=this;while((o=s.value.indexOf(t))>-1)s=s.replace(o,o+t.length,e)}else if(typeof t=="number"&&typeof e=="number"){const i={value:this.value,selection:{start:this.selection.start,end:this.selection.end,direction:this.selection.direction}};if(!o)o="";i.value=this.value.slice(0,t)+o+this.value.slice(e,this.value.length);if(this.selection.start>=e)i.selection.start=this.selection.start+o.length-e+t;else if(this.selection.start>t&&this.selection.start<e)i.selection.start=Math.min(this.selection.start,t+o.length);if(this.selection.end>=e)i.selection.end=this.selection.end+o.length-e+t;else if(this.selection.end>t&&this.selection.end<e)i.selection.end=Math.min(this.selection.end,t+o.length);s=new xe(i)}return s||this}insert(t,e){return this.replace(t,t,e)}append(t){return this.insert(this.value.length,t)}prepend(t){return this.insert(0,t)}suffix(t){return new xe({value:this.value+t,selection:this.selection})}delete(t,e){let o;if(!this.value)o=this;else if(typeof t=="string"){let e;o=this;while(t&&(e=o.value.indexOf(t))>-1)o=o.delete(e,e+t.length)}else o=this.replace(t,e||t+1,"");return o}truncate(t){return this.value.length>=t?this.delete(t,this.value.length):this}pad(t,e,o){let s=this;while(t>s.value.length+e.length)s=s.insert(o,e);if(t>s.value.length)s=s.insert(o,e.substring(0,t-s.value.length));return s}padEnd(t,e){return this.pad(t,e,this.value.length)}padStart(t,e){return this.pad(t,e,0)}toLower(){return this.map((t=>t.toLowerCase()))}toUpper(){return this.map((t=>t.toUpperCase()))}map(t){let e=this;let o=0;for(let s=0;s<this.value.length;s++){const i=t(this.get(s),s);e=e.replace(o,o+1,i);o+=i.length}return e}static copy(t){return new xe({...t})}static create(){return new xe({value:"",selection:{start:0,end:0}})}static modify(t){return new xe(typeof t=="string"?{value:t,selection:{start:t.length,end:t.length}}:t)}}var Ce;(function(t){function e(t,e,o){let c=we.copy(t.unformat(xe.copy(e)));if(e.autocomplete=="cc-exp"&&/^\d\d \/$/g.test(e.value))o?.key&&(o.key="Backspace");if(o){if(o.ctrlKey||o.metaKey){if(o.key=="a")n(c,0,c.value.length,"forward");else if(["ArrowLeft","ArrowRight"].includes(o.key)&&e?.type!="password")c=s(t,e,o);else if(["Delete","Backspace"].includes(o.key)&&e?.type!="password")c=i(t,e,o)}else if(["ArrowLeft","ArrowRight","Home","End"].includes(o.key))a(c,o);else if(["Delete","Backspace"].includes(o.key)){c.selection.start==c.selection.end&&n(c,c.selection.start+(o.key=="Backspace"?-1:0),c.selection.end+(o.key=="Delete"?1:0));l(c)}else if(o.key!="Unidentified"){l(c);t.allowed(o.key,c)&&r(c,o.key)}}return t.format(xe.copy(c))}t.apply=e;function o(t,e,o){const s=we.copy(t.unformat(xe.copy(e)));r(s,o);return t.format(xe.copy(s))}t.paste=o;function s(t,e,o){let s=ve.getCursor(e.selection);let i=ve.getStalker(e.selection);s=ke(e.value,s,o.key=="ArrowLeft"?"backward":"forward");i=o.shiftKey?i:s;return we.copy(t.unformat(xe.copy({...e,selection:{start:Math.min(i,s),end:Math.max(i,s),direction:i<s?"forward":i>s?"backward":"none"}})))}function i(t,e,o){const s=ve.getCursor(e.selection);const i=ke(e.value,s,o.key=="Backspace"?"backward":"forward");const a=we.copy(t.unformat(xe.copy({...e,selection:{start:Math.min(s,i),end:Math.max(s,i),direction:"none"}})));a.value=a.value.substring(0,a.selection.start)+a.value.substring(a.selection.end);a.selection.end=a.selection.start;return a}function a(t,e){let o=ve.getCursor(t.selection);let s=ve.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}})(Ce||(Ce={}));const Se={};function ze(t,e){Se[t]=e}function je(t,...e){const o=Se[t];return o&&o(e)}function Ie(t,e,...o){const s=je(e,...o);return s?s.format(xe.modify(s.toString(typeof t=="string"?_e(t,e,o):t))).value:""}function _e(t,e,...o){const s=je(e,o);return s?s.fromString(s.unformat(xe.modify(t)).value):undefined}class Te{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"}}ze("card-csc",(()=>new Te));class Oe{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"}}ze("card-expires",(()=>new Oe));class Le{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){const e=Ae(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=Ae(e.value);return t>="0"&&t<="9"&&e.value.length<o.length[0]}}ze("card-number",(()=>new Le));function Ae(t){let e={...Me,spaceIndexes:t.length==14?[4,10]:Me.spaceIndexes};for(const o in De)if(Object.prototype.hasOwnProperty.call(De,o)&&De[o].identification.test(t)){e={...Me,name:o,...De[o]};break}return e}const Me={name:"unknown",verification:/^\d{19}$/,spaceIndexes:[4,8,12],identification:/^\d/,length:[16,16,19],icon:"generic"};const De={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 Re{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 $e={};function Pe(t,e){$e[t]=e}ze("date",(t=>{const e=t&&t.length>0?t[0]:undefined;const o=Ee.is(e)?e:Ee.fromLocale(e);const s=$e[o]??$e["YYYY-mm-dd"];return s()}));class Fe extends Re{constructor(t){super(t)}toString(t){return x.is(t)&&t.length==10?[t.substring(8,10),t.substring(5,7),t.substring(0,4)].join(this.separator):""}fromString(t){const e=t?.length==8?`${t.substring(4,8)}-${t.substring(2,4)}-${t.substring(0,2)}`:undefined;return x.is(e)?e:undefined}formatString=`DD${this.separator}MM${this.separator}YYYY`;format(t){let e=t.delete(this.separator);if(e.get(0,1)>"3")e=e.insert(0,"0");if(e.value.length>1)e=e.insert(2,this.separator);if(e.get(3,1)>"1")e=e.insert(3,"0");if(e.value.length>4)e=e.insert(5,this.separator);return{...e,type:"text",length:[0,10],pattern:new RegExp(["^(0[1-9]|[12][0-9]|3[01])","(0[1-9]|1[012])","\\d{4}$"].join(this.separator))}}allowed(t,e){return e.selection.start==1&&e.value[0]=="3"?t>="0"&&t<="1":e.selection.start==1&&e.value[0]=="0"?t>="1"&&t<="9":e.selection.start==2?t>="0"&&t<="9"&&(t=="0"||t=="1"||this.validMonth(e.value.substring(0,2),t)):e.selection.start==3?t>="0"&&t<="9"&&this.validMonth(e.value.substring(0,2),e.value[2]+t):e.selection.start==7?t>="0"&&t<="9"&&this.validMonth(e.value.substring(0,2),e.value.substring(2,4),e.value.substring(4,7)+t):e.selection.start<8&&t>="0"&&t<="9"}}Pe("dd.mm.YYYY",(()=>new Fe(".")));Pe("dd/mm/YYYY",(()=>new Fe("/")));Pe("dd-mm-YYYY",(()=>new Fe("-")));class Ne extends Re{constructor(t){super(t)}toString(t){return x.is(t)&&t.length==10?[t.substring(5,7),t.substring(8,10),t.substring(0,4)].join(this.separator):""}fromString(t){const e=t.length==8?`${t.substring(4,8)}-${t.substring(0,2)}-${t.substring(2,4)}`:undefined;return x.is(e)?e:undefined}formatString=`MM${this.separator}DD${this.separator}YYYY`;format(t){let e=t.delete(this.separator);if(e.get(0,1)>"1")e=e.insert(0,"0");if(e.value.length>1)e=e.insert(2,this.separator);if(e.get(3,1)>(e.get(0,2)=="02"?"2":"3"))e=e.insert(3,"0");if(e.value.length>4)e=e.insert(5,this.separator);return{...e,type:"text",length:[0,10],pattern:new RegExp(["^(0[1-9]|1[012])","(0[1-9]|[12][0-9]|3[01])","\\d{4}$"].join(this.separator))}}allowed(t,e){const o=e.selection.start==1&&e.value[0]=="1"?t>="0"&&t<="2":e.selection.start==1&&e.value[0]=="0"?t>="1"&&t<="9":e.selection.start==3?t>="0"&&t<="9"&&this.validMonth(e.value[2]+t,e.value.substring(0,2)):e.selection.start==7?t>="0"&&t<="9"&&this.validMonth(e.value.substring(2,4),e.value.substring(0,2),e.value.substring(4,7)+t):e.selection.start<8&&t>="0"&&t<="9";return o}}Pe("mm/dd/YYYY",(()=>new Ne("/")));class He extends Re{constructor(t){super(t)}toString(t){return typeof t!="string"?"":t}fromString(t){const e=t?.length==8?`${t.substring(0,4)}-${t.substring(4,6)}-${t.substring(6,8)}`:undefined;return x.is(e)?e:undefined}daysInMonth(t){const e=`${t.substring(0,4)}-${t.substring(4,6)}-01`;return x.is(e)?+x.lastOfMonth(`${t.substring(0,4)}-${t.substring(4,6)}-01`).substring(8,10):31}formatString=`YYYY${this.separator}MM${this.separator}DD`;format(t){let e=t.delete(this.separator);if(e.value.length>3){e=e.insert(4,this.separator);if(e.get(5,1)>"1")e=e.insert(5,"0");if(e.value.length>6){e=e.insert(7,this.separator);if(e.get(8,1)>this.daysInMonth(t.value).toString().substring(0,1))e=e.insert(8,"0")}}return{...e,type:"text",length:[0,10],pattern:new RegExp(["^\\d{4}","(0[1-9]|1[012])","(0[1-9]|[12][0-9]|3[01])$"].join(this.separator))}}allowed(t,e){const o=this.daysInMonth(e.value);return e.selection.start==5&&e.value[4]=="0"?t>="1"&&t<="9":e.selection.start==5&&e.value[4]=="1"?t>="0"&&t<="2":e.selection.start==7&&e.value[6]=="0"?t>="1"&&t<="9":e.selection.start==7&&(e.value[6]=="2"&&o<30||e.value[6]=="3")?t>="0"&&t<=o.toString().substring(1):e.selection.start<8&&t>="0"&&t<="9"}}Pe("YYYY-mm-dd",(()=>new He("-")));class Ue{toString(t){return typeof t=="string"?t:""}fromString(t){let e=t.replace(" ","T");const o="0000-01-01T00:00:00.000Z";if(e?.match(/-\d$/))e=e.substring(0,e.length-1)+"0"+e.substring(e.length-1,e.length);e=!e.match(/^\d{4}-(0[1-9]|1[012])/)?undefined:e+o.substring(e.length,o.length);return C.is(e)?e:undefined}partialFormat=this.format;format(t){let e=Ye(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==" ")}}ze("date-time",(()=>new Ue));function Ye(t,e){let o=t;switch(e){case"dd/mm/YYYY":case"dd.mm.YYYY":if(!We(o.value,e))o=o.replace(0,10,We("31"+o.value.substring(2,10),e)?"31"+o.value.substring(2,10):We("30"+o.value.substring(2,10),e)?"30"+o.value.substring(2,10):We("29"+o.value.substring(2,10),e)?"29"+o.value.substring(2,10):We("28"+o.value.substring(2,10),e)?"28"+o.value.substring(2,10):o.value);break;case"mm/dd/YYYY":if(!We(o.value,e))o=o.replace(0,10,We(o.value.substring(0,3)+"31"+o.value.substring(5,10),e)?o.value.substring(0,3)+"31"+o.value.substring(5,10):We(o.value.substring(0,3)+"30"+o.value.substring(5,10),e)?o.value.substring(0,3)+"30"+o.value.substring(5,10):We(o.value.substring(0,3)+"29"+o.value.substring(5,10),e)?o.value.substring(0,3)+"29"+o.value.substring(5,10):We(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(!We(o.value)){o=o.replace(0,10,We(o.value.substring(0,8)+"31")?o.value.substring(0,8)+"31":We(o.value.substring(0,8)+"30")?o.value.substring(0,8)+"30":We(o.value.substring(0,8)+"29")?o.value.substring(0,8)+"29":We(o.value.substring(0,8)+"28")?o.value.substring(0,8)+"28":o.value);break}return t}}return o}function We(t,e){let o;let s;let i;switch(e){case"dd/mm/YYYY":case"dd.mm.YYYY":o=parseInt(t.substring(6,10));s=parseInt(t.substring(3,5));i=parseInt(t.substring(0,2));return o&&s&&i?i>0&&Be(o,s)>=i:false;case"mm/dd/YYYY":o=parseInt(t.substring(6,10));s=parseInt(t.substring(0,2));i=parseInt(t.substring(3,5));return o&&s&&i?i>0&&Be(o,s)>=i:false;default:o=parseInt(t.substring(0,4));s=parseInt(t.substring(5,7));i=parseInt(t.substring(8,10));return o&&s&&i?i>0&&Be(o,s)>=i:false}}function Be(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 Ve{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==" ")}}ze("divisor",(()=>new Ve));class Ge{separator=":";patterns={allowed:/^-?\d*(?::{0,1}[0-5]{0,1}[0-9]{0,1}|[.,]{0,1}[0-9]{0,2})$/,extract:/^(-?)(\d*)([:,.]{0,1})([0-9]{0,2})$/,zeros:/^(-?)(0+)(?:[1-9]|0[,.:]?)/};toString(t){let e;if(!S.is(t))e="";else{const o=S.normalize(t);if(!o.minutes&&!o.hours)e="";else if(this.separator!=":")e=(+S.toHours(o).toFixed(2)||"").toString(10);else if(o.hours&&!o.minutes)e=o.hours.toString(10);else if(!o.hours&&o.minutes)e=`${o.minutes<0?"-":""}0:${Math.abs(o.minutes).toString(10)}`;else e=`${o.hours?.toString(10)}:${Math.abs(o.minutes??0).toString(10)}`}return e}fromString(t){let e;const o=t.match(this.patterns.extract);if(!o)e=undefined;else{const[t,s,i,a,n]=o;this.separator=a;if(a==":"){const t={hours:parseInt(i),minutes:parseInt(n)};const o=s?-1:1;e=S.normalize({hours:!Number.isFinite(t.hours)?0:t.hours*o,minutes:!Number.isFinite(t.minutes)?0:t.minutes*o})}else{const o=parseFloat(t.replace(",","."));e=S.normalize({hours:!Number.isFinite(o)?0:o})}}return e}partialFormat=this.format;format(t){let e=t;const[,o,s,i]=t.match(this.patterns.extract)??[];if(!s&&i)e=e.insert(o?1:0,"0");const a=e.match(this.patterns.zeros);if(a){const[,t,o]=a;if(o){const s=t?1:0;e=e.delete(s,o.length+s)}}return{...e,type:"tel",pattern:this.patterns.allowed}}unformat(t){const[,,,e]=t.match(this.patterns.extract)??[];if(e)this.separator=e;return t}allowed(t,e){const o=e.value.slice(0,e.selection.start)+t+e.value.slice(e.selection.end);return!!o.match(this.patterns.allowed)}}ze("duration",(()=>new Ge));class Ke{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]}}ze("email",(t=>new Ke(t||{})));class Ze{settings;mode;constructor(t,e){this.settings=t;this.mode=e}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}split(t){let e;let o="";return t.map(((t,s)=>{const i=s!==0&&t===t.toUpperCase()&&isNaN(+t)&&o!==" "&&this.isSymbolAllowed(t)&&e?" "+t:(t==="_"||t==="-")&&o!==" "?" ":t===" "&&o===" "||!this.isSymbolAllowed(t)||!e&&!this.isSymbolLetter(t)&&this.mode!=="code"?"":t;!e&&(e=this.isSymbolLetter(t));this.isSymbolAllowed(t)&&(o=t);return i})).toLower().delete("-").delete("_")}isSymbolLetter(t){return t>="a"&&t<="z"||t>="A"&&t<="Z"}isSymbolAllowed(t){return this.isSymbolLetter(t)||t>="0"&&t<="9"||t===" "}partialFormat=this.format;format(t){const e=this.split(t);let o;switch(this.mode){case"code":o=e.delete(" ");break;case"pascal":case"camel":let s;o=e.map(((t,e)=>{const o=e===0&&this.mode==="pascal"||s?t.toUpperCase():t.toLowerCase();s=t==" ";return o})).delete(" ");break;case"snake":case"attribute":o=e.replace(" ",this.mode==="snake"?"_":"-");break;default:o=t}return{...o,...this.settings,type:"text",autocomplete:"on"}}unformat(t){return t}allowed(t,e){return this.isSymbolLetter(t)||t>="0"&&t<="9"&&(this.mode=="code"||e.value.length>0)||t=="_"&&this.mode=="snake"&&e.value.length>0||t=="-"&&this.mode=="attribute"&&e.value.length>0}}ze("identifier-code",(t=>new Ze(t||{},"code")));ze("identifier-pascal",(t=>new Ze(t||{},"pascal")));ze("identifier-snake",(t=>new Ze(t||{},"snake")));ze("identifier-camel",(t=>new Ze(t||{},"camel")));ze("identifier-attribute",(t=>new Ze(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"}}ze("identity-number",(t=>new qe(t&&t.length>0?t[0]:undefined)));class Xe{min;max;pad;constructor(t){this.min=t.min;this.max=t.max;this.pad=t.pad}toString(t){return typeof t=="number"?t.toString():""}fromString(t){const e=typeof t=="string"?Number.parseInt(t):undefined;return typeof e=="number"&&!Number.isNaN(e)?e:undefined}partialFormat(t){return{...t,type:"text",inputmode:"numeric",length:[3,undefined],pattern:/^[0-9]+$/}}format(t){const e=this.partialFormat(t);const o=this.fromString(e.value);const s=o==undefined?e.value:this.min!=undefined&&o<this.min?this.toString(this.min):this.max!=undefined&&o>this.max?this.toString(this.max):e.value;return{...e,value:typeof this.pad=="number"&&s?s.padStart(this.pad,"0"):s}}unformat(t){return t}allowed(t,e){return t>="0"&&t<="9"&&(this.max==undefined||this.max.toString().length>e.value.length||e.selection.start!=e.selection.end)}}ze("integer",(t=>new Xe(t?.[0]??{})));class Je{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}}ze("password",(()=>new Je));class Qe{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(".")}}ze("percent",(()=>new Qe));const to=[{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 eo{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 to)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=to[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("+")}}ze("phone",(()=>new eo));class oo{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"}}ze("postal-code",(t=>new oo(t&&t.length>0?t[0]:undefined)));class so{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,""):xe.copy(t);const o=this.currency&&z.decimalDigits(this.currency);e=this.addLeadingIntegerZero(e);e=this.fillDecimalsIfPresent(e,o,"onlyLimit");e=this.truncateIntegerZeros(e);e=this.addThousandSeparators(e);return{...e,remainder:this.format(t).value.slice(e.value.length),type:"text",inputmode:"numeric",length:[3,undefined],pattern:new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d*)?$")}}format(t){let e=t.value=="NaN"?t.replace(0,t.value.length,""):xe.copy(t);const o=this.currency&&z.decimalDigits(this.currency);if(!this.toInteger)e=this.forceDecimalZero(e,o);e=this.addLeadingIntegerZero(e);e=this.fillDecimalsIfPresent(e,o,"fillAndLimit");e=this.truncateIntegerZeros(e);e=this.addThousandSeparators(e);e=this.appendCurrency(e);return{...e,type:"text",inputmode:"numeric",length:[3,undefined],pattern:new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d+)?"+(this.currency?" "+this.currency:"")+"$")}}forceDecimalZero(t,e){if(!t.value.includes(".")&&e&&(Math.abs(Number.parseFloat(t.value))>=0||t.value=="0"))t=t.suffix(".0");return t}addLeadingIntegerZero(t){const e=t.value&&t.value.includes(".")?t.value.indexOf("."):undefined;if(e==0)t=t.prepend("0");return t}fillDecimalsIfPresent(t,e,o){const s=t.value.indexOf(".");if(s!=-1){const i=s+1+(e??2)-t.value.length;t=i<0?t.truncate(t.value.length+i):o=="fillAndLimit"?t.suffix("0".repeat(i)):t}return t}truncateIntegerZeros(t){const e=t.match(/^[0\s]{2,}/);if(e)t=t.replace(0,e[0].length,"0");return t}addThousandSeparators(t){let e=t.value.includes(".")?t.value.indexOf("."):t.value.length;const o=e<=0?0:Math.ceil(e/3)-1;for(let s=0;s<o;s++){const i=e-(o-s)*3;t=t.insert(i," ");e++}return t}appendCurrency(t){return this.currency&&(t.value.length>1||t.value.length==1&&t.value.charAt(0)!=".")?t.suffix(" "+this.currency):t}unformat(t){return this.currency?t.delete(" ").delete(""+this.currency):t.delete(" ")}allowed(t,e){return t>="0"&&t<="9"||t=="."&&!e.value.includes(".")&&(!this.currency||z.decimalDigits(this.currency)!=0)}}ze("price",(t=>new so(t&&t.length>0?t[0]:undefined)));class io{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]}}ze("text",(t=>new io(t||{})));class ao{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}}ze("hex-color",(()=>new ao));const no=".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 lo=no;const ro=class{constructor(e){t(this,e);this.type=undefined;this.label=undefined;this.value=undefined;this.collapseDepth=undefined;this.toInteger=undefined;this.currency=undefined;this.country=undefined;this.format=undefined}render(){var t,e;let s;const i=this.type;switch(i){case"json":s=o("smoothly-display-json",{key:"64f0c43d63b42975833202265cd02a4e7b7af147",value:this.value,collapseDepth:this.collapseDepth});break;default:s=Ie(this.value,i);break;case"email":s=o("a",{key:"0c287d32f128b8740b8c349ee1558ed5e60ce50e",href:"mailto:"+this.value},Ie(this.value,i));break;case"phone":s=o("a",{key:"dc27f6c1d36f47721908d7ae04783ceab3863a29",href:"tel:"+this.value},Ie(this.value,i,this.country));break;case"postal-code":s=Ie(this.value,i,this.country);break;case"price":s=Ie(this.value,i,{currency:this.currency,toInteger:this.toInteger});break;case"date":s=(t=je(this.type,R()))===null||t===void 0?void 0:t.toString(this.value);break;case"duration":s=Ie(this.value,i)||"0";break;case"date-time":s=this.format?C.localize(this.value,this.format,R()):(e=je(this.type,R()))===null||e===void 0?void 0:e.toString(this.value);break}return this.label?[o("div",null,this.label),s]:s}};ro.style=lo;const co=class{constructor(o){t(this,o);this.notice=e(this,"notice",7);this.downloadingSpinner=undefined}noticeWarning(t){console.log("emit",t);this.notice.emit(t)}render(){return[o("main",{key:"f0027441bfef78c171ba61092be17b58234f9441"},o("fieldset",{key:"d6d0987729d19296ae9bca9108b51b02d4cffe12"},o("h2",{key:"8bf8fb79a2962ee6f57199fbca073d3d6108bfaf"},"Smoothly display"),o("dl",{key:"a611e082683866edf1aed27253cc139cdfae914d"},o("dt",{key:"57ab7bbd1eb80eafbac37682b663cb14fbc0afc8"},"Duration"),o("dd",{key:"0ff01664956d694165bfb366cad10146ba748f92"},o("div",{key:"aa1e91e3c22cb273d96ae15597b31c6ce6d826f3"},o("div",{key:"4a51be0b383303cffad2bf958865e943a86eb35c"},o("smoothly-display",{key:"a69cc7be176c850fad91eb13feec5ad81f867e81",style:{display:"inline"},type:"duration",value:{hours:13,minutes:100}})," h"),o("div",{key:"49df16cc21484f0b58025cc55fdcb4f4316db50f"},o("smoothly-display",{key:"865bf3acaced59068f8dea2c22c76cd6906f3d14",style:{display:"inline"},type:"duration",value:{hours:8}})," h"),o("div",{key:"afcb613ed8ee92fc23d2adc1f4a8019840b137a4"},o("smoothly-display",{key:"21eeba322f8ed8b24160c7c4c2cf042c3d942762",style:{display:"inline"},type:"duration",value:{minutes:3}})," h"),o("div",{key:"9a08731fcf35e804463fba62e505fe23f7971b2d"},o("smoothly-display",{key:"39c432749ba1147433b0a4703030c872bfc17b15",style:{display:"inline"},type:"duration",value:{hours:-13,minutes:100}})," h"),o("div",{key:"e2fed37cd00090311d04917160996fb6c9d7c202"},o("smoothly-display",{key:"166fd0d523c1ff7000d21232b3511d46ff642104",style:{display:"inline"},type:"duration",value:{hours:-8}})," h"),o("div",{key:"f59fa2cf4af468c0efd8d282559458d3048bb54a"},o("smoothly-display",{key:"aa40b1c43f5cfe22dd0bc0e6101db78a92c53621",style:{display:"inline"},type:"duration",value:{}})," h"),o("div",{key:"7e15d974058f15a3c42ec1d12ada1673beb1d6b3"},o("smoothly-display",{key:"e2b4163ee526312211aeb628b90b8eedcbe7e6f0",style:{display:"inline"},type:"duration",value:{minutes:-3}})," h"))),o("dt",{key:"bc84f7802f65b61b07be817c9aaf94e3f61ae84d"},"text"),o("dd",{key:"57f8d7a74ceac39909d10cbe481b3971f2ecdeeb"},o("smoothly-display",{key:"642c8f1d612e0debcca8bd7b201bd365af96cfa9",type:"text",value:"text"})),o("dt",{key:"f935e44f241328df81553f11839f5c8ffbc10c9e"},"postal code"),o("dd",{key:"9e330664f885f7219842624d3f38bcb196477f01"},o("smoothly-display",{key:"d9b64e1a659e44ea742cd4eaaa957568fb1e0d34",type:"postal-code",value:"752 31"})),o("dt",{key:"5dbf58da2741a7c0b23fd504b2f98e136f494949"},"password"),o("dd",{key:"4b649f79b01043826cfb8daecc643fe252fab4a8"},o("smoothly-display",{key:"0a3981b795879dc97bfb89c0ba24956742ce239c",type:"password",value:"password"})),o("dt",{key:"65971d774fbdbae74ffc9fc96668ba012701ea71"},"email"),o("dd",{key:"fb22a5ca78f8b003de2dced241e5525fe42c5fde"},o("smoothly-display",{key:"2512acf71be746c2fcc2501451ce785bdbd01455",type:"email",value:"test@example.com"})),o("dt",{key:"b89f91cecf9c963edd07250bf2a065a3da64837b"},"price"),o("dd",{key:"6a2bf5ba95dcc27acc8629a4f3bd4ab8662a0365"},o("smoothly-display",{key:"e591993c95b899fa4aa976cfe3539e0e723e6ef3",type:"price",value:"13.37",currency:"SEK"})),o("dt",{key:"207e97191f04e431c5e511eb85fdbcf63572ffe8"},"price without decimals"),o("dd",{key:"a6420d4a9a8cf3d608e07999dfad03b6fccc43a9"},o("smoothly-display",{key:"b0e5761078c10a07616023a95b10765b86dd5a82",type:"price",value:200,currency:"SEK",toInteger:true})),o("dt",{key:"f3a1266f7e0610880115e0ba93f13cac57e8d038"},"price with decimals if they are set, otherwise no decimal"),o("dd",{key:"601c5f79148527505141bc3a1995b068998190b6"},o("smoothly-display",{key:"349b706f45c15353a5247608d9b5eddd5d514fb3",type:"price",value:200.2,currency:"SEK",toInteger:true})),o("dt",{key:"46331fe9a8124257ee9d5e9713b713831e1f615f"},"price with decimals"),o("dd",{key:"317c8ca991740a994b59830c94e8393bc01d3f07"},o("smoothly-display",{key:"5ec0d759372c9fb36fd2149aae7953600cc67726",type:"price",value:200.2,currency:"SEK"})),o("dt",{key:"60a3e8e4672dcd6050d79937f297404e6e84a04a"},"percent"),o("dd",{key:"572df0ef47bb43bef3f15695ce774e3a205e27f5"},o("smoothly-display",{key:"b740dabdd447e609096a9587e70d04ae069f6ef6",type:"percent",value:"42"})),o("dt",{key:"9af3e07c435f10b3159d9fb313237129246669a4"},"phone"),o("dd",{key:"31d3728c41a9cfad3440d4c5498f129b7be62b3e"},o("smoothly-display",{key:"76bda1d9a032c2df5d10850ed34ec96c94524238",type:"phone",value:"0101881108"})),o("dt",{key:"339edc1575a020d74fe03f3dcd428352d905591f"},"card number"),o("dd",{key:"ef75e57c991ca5a1f886e2f6716d3475d6023e42"},o("smoothly-display",{key:"1e694d62f751eb4c566b54ced5094030249eeebd",type:"card-number",value:"4111111111111111"})),o("dt",{key:"c8cd5d87ac6ab7e778449f6e8528c3aeab576438"},"card expires"),o("dd",{key:"af791cca99d6ea340884d8becdb78c4e11a6a40b"},o("smoothly-display",{key:"5e2c05c3f80af6f427c6bd4842d72db8c5dab3e9",type:"card-expires",value:"7/22"})),o("dt",{key:"6a9433b4e2048cd4de63a47c772ee6418d3acf21"},"card csc"),o("dd",{key:"d7e5f17ce69a12146a8ad54c981e59f5f69ae4da"},o("smoothly-display",{key:"24a9c38b6c032aa554974376e13cb2b8ec0b84d0",type:"card-csc",value:"987"})),o("dt",{key:"48f5cac78c36bb5136f51ba66a6d0f07fb1a895f"},"date"),o("dd",{key:"f5de472e757607197287bb40299df53029677995"},o("smoothly-display",{key:"3c3f43d0b929ab99bf66b7e6d2652480272e199b",type:"date",value:"2022-07-07"})),o("dt",{key:"cc7cdb8e399598175e0772b23a7f7426eb6eb9dc"},"date time"),o("dd",{key:"9ece32e9caa673525dcf71b86cd45b061d9827d9"},o("smoothly-display",{key:"8c34dc9335a1dcd809368d490e38b366e0cbad98",type:"date-time",format:{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T02:02:02Z"})),o("dd",{key:"bffb607f7fff4cbd83976db7ebb4b6d047181749"},o("smoothly-display",{key:"9532c7fc763f670bc7efdf790bba83498224fa2b",type:"date-time",format:{year:"2-digit",month:"long",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"},value:"2022-07-07T02:02:02Z"})),o("dd",{key:"e69696c5cacfd2eb127822b7372401baa4838c1f"},o("smoothly-display",{key:"24dd4186d2e39e2ec123f31155e7ec5e9d473237",type:"date-time",format:{year:"numeric",month:"2-digit",day:"2-digit",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),o("dd",{key:"57656dda4f48f82ea0b089be6613076de5c08613"},o("smoothly-display",{key:"f8dc33572b80480deb71b2333d4ccb28a4d4b556",type:"date-time",format:{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),o("dd",{key:"8e06ce3ce8c92fc344b7d0152667ecd3de933ef0"},o("smoothly-display",{key:"dfe29b01b180372cb1bac5702e0ead534ad59ad5",type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),o("dd",{key:"416f2e6fac955dc4a7a08b543186a5176b4359f2"},o("smoothly-display",{key:"42baa9b698ae41db2a96203f11439217b4dd0598",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),o("dd",{key:"9fa5bf6bcc7f11f24c92ea73235fc2c8fd1a9fa5"},o("smoothly-display",{key:"9dc5fc24afb8952b6556c2f4405e47270f7d96c5",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZone:"Europe/Stockholm"},value:"2022-07-07T12:15Z"})),o("dt",{key:"fa0fee5e4d57648ef7379fcab25b1c861df29572"},"Display JSON"),o("dd",{key:"24e8222807dd1a65b3d0b4d49e4e9b7f2f63ca45"},o("smoothly-display-demo-json",{key:"3bfc573006f805f99a9815efd69bdb4cae7da5b0"})))),o("h2",{key:"526bb69d7ad95db53610949dfdfb1a8335d0d734"},"With labels"),o("dd",{key:"42b3f4d34abb22ce98f7421c04076af3cf9592d7"},o("smoothly-display",{key:"bdfcb7554a39ed2f937ef2acc613f07e863b4460",label:"Today",type:"date",value:x.now()}),o("smoothly-display",{key:"ca523fd7b87353ad81a0fd6747626e3313dcd803",label:"Total amount",type:"price",currency:"SEK",value:6789}),o("smoothly-display",{key:"f185521dbf646db7f2dbd0856d5b51c19cea0f7e",label:"Total amount",type:"price",currency:"GBP",value:678.9}),o("smoothly-display",{key:"2b11b984ee41bcfd8651422099dd0243dea5c1f9",label:"Logs",type:"json",value:[{type:"trace",message:"Hello"},{type:"error",message:"Oh no!"}]})),o("fieldset",{key:"ef8bc44b54f0a98227581bcade3330debc22729c"},o("h2",{key:"0dee7b56295ee035a7459a687e95bdcde727e1f7"},"Test of different kinds of notifier"),o("button",{key:"88076dc7ef7db955ba07bad008e3082c9c3177e4",onClick:()=>this.noticeWarning(A.warn("This is a test warning notice."))},"warning"),o("button",{key:"f07659e51be16b4019d2a4759e62ef7a1e526c32",onClick:()=>this.noticeWarning(A.succeeded("This is a test success notice."))},"success"),o("button",{key:"ba7ae24c1f495c0babea9c9c4a5219129d16b5a1",onClick:()=>this.noticeWarning(A.failed("This is a test danger notice."))},"danger"),o("button",{key:"6bec07e40f8cdf258d1ac09bac883570b6599e82",onClick:()=>this.noticeWarning(A.execute("This is a test execute notice.",(()=>new Promise((t=>window.setTimeout((()=>t([true,"This went great"])),3e3))))))},"execute"),o("button",{key:"30284847af0b9196965d40ef9a1e252fb9c6cb93",onClick:()=>this.noticeWarning(A.delay("This is a test delay notice.",(()=>new Promise((t=>window.setTimeout((()=>t([true,"This went great"])),3e3))))))},"delay")),o("fieldset",{key:"3d00362adfdf13d785a824e7a37151bea10f0991"},o("h2",{key:"ec4235bbe8d792aefe999743de12f8f1657e6789"},"Smoothly spinner"),o("div",{key:"041c2d303ad7de8e19695eaca34461b08af1f8ef",style:{width:"fit-content"}},"Large",o("smoothly-spinner",{key:"7899818b65ed91864b3a566a06c652be320779ee",size:"large",style:{"--spinner-background":"200,255,200","--spinner-background-opacity":"0.2","--spinner-color":"0,130,0"}})),o("div",{key:"d91ace8ab22931ac828734c330ec6bdffb7a1874",style:{width:"fit-content"}},"Medium",o("smoothly-spinner",{key:"e9c676eb8aeb5be8bbe3145fab86c5b8e5ce102d",size:"medium"})),o("div",{key:"4ddb83d57b7054a240391751efb43642f89af289",style:{width:"fit-content"}},"Small",o("smoothly-spinner",{key:"f81d12395407c33d35244069cb3f337c2fc68f7e",size:"small"})),o("div",{key:"442d309f4b04986e52cbeae4758377695fbdc3e4"},"Icon sized spinner on button",l.values.map((t=>o("smoothly-button",{size:"icon",color:t,shape:"rounded",onClick:()=>{this.downloadingSpinner=true;setTimeout((()=>this.downloadingSpinner=false),3e3)}},!this.downloadingSpinner&&o("smoothly-icon",{name:"download-outline"}),this.downloadingSpinner&&o("smoothly-spinner",{size:"icon",style:{"--spinner-background-opacity":"0"}}))))),o("h3",{key:"bc6fe08536d2b7245fecb987c84112377532ff5f"},"Spinner with overlay"),o("div",{key:"286d6fc3429a30743f362b89874b22db0c8f00d8",style:{position:"relative",height:"10em"}},"Large Overlay Spinner",o("smoothly-spinner",{key:"05f8103a25be0a00235dabfaf17b17dd059f110d",overlay:true,size:"large",style:{"--spinner-background":"255,200,255","--spinner-background-opacity":"0.5","--spinner-color":"0,130,0"}})),o("div",{key:"88dae76ba4f26b5ba5dab790d030efd2740a9c3a",style:{position:"relative",height:"10em"}},"Medium Overlay Spinner",o("smoothly-spinner",{key:"ea74d644a344b2347888a609a72b20ac5c8651df",overlay:true,color:"secondary",size:"medium"})),o("div",{key:"64d9ade2587010213832e33830c5eeca985c7480",style:{position:"relative",height:"10em"}},"Small Overlay Spinner",o("smoothly-spinner",{key:"494f01fde3c846454bfa32681895b2253db373a4",overlay:true,size:"small"}))),o("fieldset",{key:"6629bd3d32263860e046c756bd0f392c51f25be0"},o("h2",{key:"33d110238af08bfc80a06d55b93cc128cc3a4d50"},"Smoothly summary"),o("smoothly-summary",{key:"5439e9671227547e17576d921bd4d193184310ae"},o("p",{key:"ee434e3b68b0a4826aa8116f31e97d7dc49d775d",slot:"summary"},"Some title"),o("p",{key:"d62fb2938d4e03b22730c56e39adcf8877824dca",slot:"content"},"Some content")),o("smoothly-summary",{key:"a254ceaa12fc7d8b57fced16fd28acba12415d8d",size:"large"},o("p",{key:"67d23f28c4c7f3c742ed0a1a587e7e03e1586f0d",slot:"summary"},"Some title"),o("p",{key:"8f8932f73895d093fae78bf69d4d22c668c07bd2",slot:"content"},"Some content")),o("smoothly-summary",{key:"7aaba204bdf00d513db7f18a1a471da9da233783",color:"danger",fill:"clear"},o("div",{key:"6ee39cdb298258214483de9791ccf3dc198e3fc5",slot:"summary",style:{display:"flex",gap:"0.3rem"}},o("span",{key:"47f78e51e1f6b16dc65aa2da3fb4fd5a34b52133"},"Person"),o("smoothly-icon",{key:"bff84058d5e586bc1bc122415fa5e5ae48cae850",name:"person",color:"light",fill:"clear",size:"tiny"})),o("p",{key:"74e21d10c0cb9dd9cf65dbfe877274b531b99daa",slot:"content"},"Some person information.")),o("smoothly-summary",{key:"4f128356a3938a0e20feb9ad2ea5d0c5220b0246",color:"danger",fill:"clear",open:true},o("p",{key:"3bdc2d15f3c0beb0dcf2fac3dbf6738e02c37dc8",slot:"summary"},"Some other title"),o("p",{key:"9e1952336e8e4eecc3c520d6ef2790d3b724fe72",slot:"content"},"A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.")),o("h2",{key:"1e42dee31207a08f6384bc43a4009fe40cbb2281"},"Label"),ho.map((t=>o("smoothly-label",{hue:t.hue,description:t.description,shape:"rectangle"},t.name))),o("smoothly-label",{key:"a9f6e7d6259d7e52db3e489e857c108b4fba0382",color:"primary",description:"Using colors",shape:"rectangle"},"Primary")))]}};const ho=[{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 mo=class{constructor(e){t(this,e)}render(){return o(s,{key:"f1a41157b7bcdf9c02f55c100f38ba118014c85b"},[0,1,3,undefined].map((t=>[o("div",null,"collapseDepth=",t!==null&&t!==void 0?t:"undefined"),o("div",null,o("smoothly-display",{type:"json",value:uo,collapseDepth:t}))])))}};const uo={name:"stringy",nested:{age:109,array:["one","two","three",{name:"four"}],emptyObject:{},emptyArray:[],truthy:true,falsy:false,null:null,notDefined:undefined,longString:"pepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakor"}};const yo=({value:t,collapseDepth:e})=>j().is(t)||Array.isArray(t)?o("smoothly-display-json-object",{value:t,collapseDepth:e}):o("smoothly-display-json-primitive",{value:t});const bo=".sc-smoothly-display-json-h{font-family:monospace}";const fo=bo;const po=class{constructor(e){t(this,e);this.value=undefined;this.collapseDepth=undefined}render(){return o(yo,{key:"131e760c15a82c6bb11f2cf60173174ca8dd44fe",value:this.value,collapseDepth:this.collapseDepth})}};po.style=fo;const go='.sc-smoothly-display-json-object-h{font-family:monospace;position:relative}[hidden].sc-smoothly-display-json-object-h{display:none}.indent.sc-smoothly-display-json-object{padding-left:1rem;border-left:1px solid rgba(var(--smoothly-default-contrast), 0.3)}.sc-smoothly-display-json-object-h:not(.open) .content.sc-smoothly-display-json-object{opacity:0;position:absolute;pointer-events:none}.sc-smoothly-display-json-object-h>.content.sc-smoothly-display-json-object>.indent.sc-smoothly-display-json-object:last-child>.comma.sc-smoothly-display-json-object{display:none}.sc-smoothly-display-json-object-h .open-bracket.sc-smoothly-display-json-object{cursor:pointer}.sc-smoothly-display-json-object-h .open-bracket.sc-smoothly-display-json-object::after{background-color:rgb(var(--smoothly-light-color));color:rgb(var(--smoothly-light-shade));border:1px solid rgb(var(--smoothly-light-color));white-space:pre;border-radius:0.25rem;font-weight:bold;font-size:0.8em}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover::after{color:rgb(var(--smoothly-default-contrast));border-color:rgb(var(--smoothly-light-shade))}.sc-smoothly-display-json-object-h:not(.open):not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:" ▶ " attr(data-length) " ◀ "}.open.sc-smoothly-display-json-object-h:not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:" ▼ "}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover,.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover~.close-bracket.sc-smoothly-display-json-object{font-weight:bold}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover+.content.sc-smoothly-display-json-object>.indent.sc-smoothly-display-json-object{border-left-color:rgb(var(--smoothly-default-contrast))}';const ko=go;const vo=class{constructor(e){t(this,e);this.openBracket="";this.closeBracket="";this.value=undefined;this.collapseDepth=undefined;this.open=undefined;this.empty=undefined}componentWillLoad(){this.open=typeof this.collapseDepth=="number"?this.collapseDepth>0:true;if(Array.isArray(this.value)){this.openBracket="[";this.closeBracket="]";this.length=this.value.length}else{this.openBracket="{";this.closeBracket="}";this.length=Object.keys(this.value).length}this.empty=this.length==0}render(){const t=typeof this.collapseDepth=="number"?Math.max(this.collapseDepth-1,0):undefined;return o(s,{key:"cd8b1fc958041c8d1f6e71757ad21c046fcc3048",class:{empty:this.empty,open:this.open}},o("span",{key:"a741957e165377e8e898fe087d5550890f7af07e",class:"open-bracket",onClick:()=>this.open=!this.open,"data-length":this.length},this.openBracket),o("span",{key:"ddd54c1609276b989a504e99a416d68ab6762208",class:"content"},Array.isArray(this.value)?this.value.map((e=>o("div",{class:"indent"},o(yo,{value:e,collapseDepth:t}),o("span",{class:"comma"},",")))):Object.entries(this.value).map((([e,s])=>o("div",{class:"indent"},o("smoothly-display-json-record-key",{value:e}),":"," ",o(yo,{value:s,collapseDepth:t}),o("span",{class:"comma"},","))))),o("span",{key:"49dfd0d4606f6e263834d6ca6584d285197ed89e",class:"close-bracket"},this.closeBracket))}};vo.style=ko;const wo=".sc-smoothly-display-json-primitive-h{font-family:monospace;display:inline;overflow-wrap:anywhere;white-space:pre-wrap}[hidden].sc-smoothly-display-json-primitive-h{display:none}.string.sc-smoothly-display-json-primitive-h,.number.sc-smoothly-display-json-primitive-h,.boolean.sc-smoothly-display-json-primitive-h{font-weight:bold}.string.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-primary-color))}.number.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-secondary-color))}.boolean.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-tertiary-color))}.null.sc-smoothly-display-json-primitive-h,.undefined.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-medium-color))}";const xo=wo;const Co=class{constructor(e){t(this,e);this.value=undefined}render(){return o(s,{key:"49511754687e0d51dcac9ef0a4dc91da66838cac",class:this.value==null?"null":typeof this.value},""+JSON.stringify(this.value))}};Co.style=xo;const So=".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 zo=So;const jo=class{constructor(e){t(this,e);this.value=undefined}render(){return o(s,{key:"e1c4b34a42b5dd555b065b40ead5d631d4d10b37"},'"',this.value,'"')}};jo.style=zo;class Io{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 _o=[t=>t instanceof Io?t:undefined];function To(t){_o.push(t)}let Oo;function Lo(t){Oo=t}function Ao(t){let e;for(const o of _o){e=o(t);if(e)break}return e||Oo}class Mo extends Io{constructor(){super();this.precedence=Number.MAX_SAFE_INTEGER;this.class="Always"}is(t){return true}toString(){return""}}Lo(new Mo);class Do extends Io{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 Io{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 Do(t))))}}function Ro(...t){return new Eo(t.map(Ao))}var $o;(function(t){t.is=Po})($o||($o={}));function Po(t,e=false){return typeof t=="number"||typeof t=="string"||t instanceof Io||e&&typeof t=="object"&&t&&Object.values(t).every((t=>Array.isArray(t)?t.every((t=>Po(t,true))):Po(t,true)))}var Fo=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};var No={};var Ho={};var Uo={};var Yo={};var Wo={};(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={}))})(Wo);Object.defineProperty(Yo,"__esModule",{value:true});const Bo=Wo;class Vo{constructor(t,e=Bo.Level.Recoverable,o="unknown",s){this.description=t;this.level=e;this.type=o;this.region=s}toString(){return Bo.Level[this.level]+": "+this.type+" error. "+this.description+(this.region?" @ "+this.region.toString():"")}}Yo.Message=Vo;Object.defineProperty(Uo,"__esModule",{value:true});const Go=Yo;class Ko{raise(t,e,o,s){if(!(t instanceof Go.Message))t=new Go.Message(t,e,o,s);console.error(t.toString())}}Uo.ConsoleHandler=Ko;var Zo={};var qo={};Object.defineProperty(qo,"__esModule",{value:true});class Xo{constructor(t,e){this.line=t;this.column=e}toString(){return"Ln "+this.line+", Col "+this.column}}qo.Position=Xo;Object.defineProperty(Zo,"__esModule",{value:true});const Jo=qo;class Qo extends Jo.Position{constructor(t,e,o){super(e,o);this.resource=t}toString(){return this.resource.toString()+" @ "+super.toString()}}Zo.Location=Qo;var ts={};Object.defineProperty(ts,"__esModule",{value:true});class es{constructor(t,e,o,s){this.resource=t;this.start=e;this.end=o;this.content=s}merge(t){return t?new es(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}}ts.Region=es;Object.defineProperty(Ho,"__esModule",{value:true});var os=Uo;Ho.ConsoleHandler=os.ConsoleHandler;var ss=Wo;Ho.Level=ss.Level;var is=Zo;Ho.Location=is.Location;var as=Yo;Ho.Message=as.Message;var ns=qo;Ho.Position=ns.Position;var ls=ts;Ho.Region=ls.Region;var rs={};var cs={};var ds={};var hs={};var ms={};Object.defineProperty(ms,"__esModule",{value:true});class us{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 us(o[0],o[1])}else e=new us;return e}}ms.User=us;var ys={};Object.defineProperty(ys,"__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}}ys.Endpoint=bs;Object.defineProperty(hs,"__esModule",{value:true});const fs=ms;const ps=ys;class gs{constructor(t=new fs.User,e=new ps.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 gs(fs.User.parse(o.length==2?o.pop():undefined),ps.Endpoint.parse(o.pop()))}return e}}hs.Authority=gs;var ks={};Object.defineProperty(ks,"__esModule",{value:true});const vs=hs;class ws{constructor(t=[],e=new vs.Authority,o=[],s={},i){this.scheme=t;this.authority=e;this.path=o;this.query=s;this.fragment=i}get isRelative(){return this.path[0]=="."||this.path[0]==".."}get isFolder(){return this.path[this.path.length-1]==""}get folder(){return this.isFolder?this:new ws(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 ws(this.scheme,this.authority,e,this.query,this.fragment)}resolve(t){return!t?this:new ws(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 ws(this.scheme,this.authority,t instanceof Array?[...this.path,...t]:[...this.path,t],this.query,this.fragment)}toString(){let t="";if(this.scheme.length>0)t+=this.scheme.join("+")+":";if(!this.authority.isEmpty)t+="//"+this.authority.toString();else if(this.scheme.length>0)t+="//";if(this.path){let e=this.path.join("/");if(e[0]!="."||t.length>0)e="/"+e;t+=e}if(Object.keys(this.query).length>0)t+="?"+this.query.toString();if(this.fragment)t+="#"+this.fragment;return t}static parse(t){let e;switch(t){case"":case null:case undefined:break;default:let o=true;let s=[];let i=t.split("://",2);if(i.length>1){s=(i.shift()||"").split("+");t=i.shift()}else if(t.slice(0,2)=="//")t=t.slice(2);else o=false;let a;let n;if(t&&(a=t.lastIndexOf("#"))>-1){n=t.slice(a+1);t=t.slice(0,a)}let l={};if(t&&(a=t.lastIndexOf("?"))>-1){l=new Object;t.slice(a+1).split(";").forEach((t=>{i=t.split("=");const e=i.shift();const o=i.shift();if(e&&o)l[e]=o}));t=t.slice(0,a)}let r;let c=[];if(t){i=t.split("/");if(i.length>0){switch(i[0]){case".":case"..":break;case"":i.shift();break;default:if(o)r=vs.Authority.parse(i.shift());else i.unshift(".");break}c=i}}e=new ws(s,r,c,l,n);break}return e}}ks.Locator=ws;ws.empty=new ws(undefined,undefined,undefined,undefined,undefined);Object.defineProperty(ds,"__esModule",{value:true});var xs=hs;ds.Authority=xs.Authority;var Cs=ys;ds.Endpoint=Cs.Endpoint;var Ss=ks;ds.Locator=Ss.Locator;var zs=ms;ds.User=zs.User;var js={};var Is={};var _s={};Object.defineProperty(_s,"__esModule",{value:true});class Ts{}_s.Device=Ts;Object.defineProperty(Is,"__esModule",{value:true});const Os=_s;class Ls extends Os.Device{}Is.InDevice=Ls;Object.defineProperty(js,"__esModule",{value:true});const As=Is;class Ms extends As.InDevice{static addOpener(t,e){if(!e)e=0;Ms.openers.push({open:t,priority:e});Ms.openers=Ms.openers.sort(((t,e)=>e.priority-t.priority))}static open(t){let e;let o=0;do{e=Ms.openers[o++].open(t)}while(!e&&o<Ms.openers.length);return e}}js.Reader=Ms;Ms.openers=[];Object.defineProperty(cs,"__esModule",{value:true});const Ds=ds;const Es=Ho;const Rs=js;var $s=js;cs.Reader=$s.Reader;class Ps extends Rs.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:Ds.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 Ps(t):undefined}}cs.BufferedReader=Ps;var Fs={};var Ns={};var Hs=Fo&&Fo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(Ns,"__esModule",{value:true});function Us(t){return Hs(this,void 0,void 0,(function*(){}))}Ns.close=Us;function Ys(t){return Hs(this,void 0,void 0,(function*(){}))}Ns.fsync=Ys;function Ws(t,e,o){return Hs(this,void 0,void 0,(function*(){return 0}))}Ns.open=Ws;function Bs(t,e,o,s){return Hs(this,void 0,void 0,(function*(){return{bytesWritten:0}}))}Ns.write=Bs;function Vs(t,e){return{isDirectory:()=>false}}Ns.lstatSync=Vs;function Gs(t){return[]}Ns.readdirSync=Gs;function Ks(t,e){return""}Ns.readFileSync=Ks;var Zs={};Object.defineProperty(Zs,"__esModule",{value:true});const qs="/";Zs.sep=qs;var Xs={};var Js=Fo&&Fo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(Xs,"__esModule",{value:true});const Qs=Ho;const ti=ds;const ei=js;class oi extends ei.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 Qs.Location(this.resource,this.line,this.column)}get region(){return new Qs.Region(this.resource,this.lastPosition,this.location,this.lastContent)}close(){return Js(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 oi(t,e||ti.Locator.empty):undefined}}Xs.StringReader=oi;Object.defineProperty(Fs,"__esModule",{value:true});const si=Ns;const ii=Zs;const ai=ds;const ni=js;const li=Xs;class ri extends ni.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:ai.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=li.StringReader.create(si.readFileSync((t.isRelative?"":ii.sep)+t.path.join(ii.sep),"utf-8"),t)}catch(e){console.log(`Failed to open file: ${t.toString()}`)}return e?new ri(e):undefined}}Fs.FileReader=ri;ni.Reader.addOpener((t=>ri.open(t)),10);var ci={};var di=Fo&&Fo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(ci,"__esModule",{value:true});const hi=Ns;const mi=Zs;const ui=ds;const yi=Ho;const bi=js;const fi=Fs;class pi extends bi.Reader{constructor(t){super();this.files=t;this.tabSizeValue=2;this.lastLocation=new yi.Location(ui.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 yi.Region(this.resource)}close(){return di(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=fi.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 yi.Region(this.resource)}static getFiles(t,e,o=[]){let s=[];const i=hi.readdirSync(t);i.forEach((i=>{const a=t+mi.sep+i;if(o.indexOf(a)==-1){if(hi.lstatSync(a).isDirectory())s=s.concat(pi.getFiles(a,e,o));else if(i.length>e.length&&i.lastIndexOf(e,i.length-e.length)===i.length-e.length)s.push(a)}}));return s}static open(t){let e;try{if(t&&(t.scheme.length==0||t.scheme.length==1&&t.scheme[0]=="file")&&t.isFolder||t.name.match("*"))e=pi.getFiles((t.isRelative?"":mi.sep)+t.folder.path.join(mi.sep),t.extension)}catch(t){}return e?new pi(e.map((t=>new ui.Locator(["file"],undefined,t.split(mi.sep))))):undefined}}ci.FolderReader=pi;bi.Reader.addOpener((t=>pi.open(t)),0);var gi={};var ki={};var vi={};var wi={};Object.defineProperty(wi,"__esModule",{value:true});function*xi(t){let e;while((e=t())!=undefined)yield e}function Ci(t){return t.next instanceof Function}function*Si(t,e){let o;while(!(o=t.next()).done)yield o.value;if(Ci(e))while(!(o=e.next()).done)yield o.value;else yield e}class zi{constructor(t){this.iterator=t instanceof Function?xi(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 zi(Si(this,t))}map(t){return new zi((()=>{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 zi((()=>{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 zi(t)}}wi.Enumerator=zi;zi.empty=zi.from((()=>undefined));var ji={};Object.defineProperty(ji,"__esModule",{value:true});const Ii=wi;function _i(t){return t==null?false:typeof t[Symbol.iterator]==="function"}class Ti{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 Ii.Enumerator(this.get())}[Symbol.iterator](){return this.getEnumerator()}append(t){return new Ti((()=>this.get().append(t)))}map(t){return new Ti((()=>this.get().map(t)))}reduce(t,e){return this.get().reduce(t,e)}apply(t){this.get().apply(t)}filter(t){return new Ti((()=>this.get().filter(t)))}toArray(){return this.getEnumerator().toArray()}static from(t){return _i(t)?new Ti((()=>new Ii.Enumerator(t[Symbol.iterator]()))):new Ti((()=>{const e=t();return e instanceof Ii.Enumerator?e:new Ii.Enumerator(e)}))}}ji.Enumerable=Ti;Ti.empty=Ti.from([]);var Oi={};Object.defineProperty(Oi,"__esModule",{value:true});const Li=wi;class Ai extends Li.Enumerator{constructor(t){super((()=>this.position<this.backend.length?this.backend[this.position++]:undefined));this.backend=t;this.position=0}}Oi.ArrayEnumerator=Ai;var Mi={};Object.defineProperty(Mi,"__esModule",{value:true});const Di=wi;class Ei extends Di.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]}}Mi.BufferedEnumerator=Ei;var Ri={};Object.defineProperty(Ri,"__esModule",{value:true});class $i{static padLeft(t,e,o){return $i.pad(t,e,o,true)}static padRight(t,e,o){return $i.pad(t,e,o,false)}static pad(t,e,o,s){let i="";const a=o-t.length;for(let t=0;t<a;t++)i+=e;return s?i+t:t+i}}Ri.String=$i;Object.defineProperty(vi,"__esModule",{value:true});var Pi=wi;vi.Enumerator=Pi.Enumerator;var Fi=ji;vi.Enumerable=Fi.Enumerable;var Ni=Oi;vi.ArrayEnumerator=Ni.ArrayEnumerator;var Hi=Mi;vi.BufferedEnumerator=Hi.BufferedEnumerator;var Ui=Ri;vi.String=Ui.String;var Yi={};Object.defineProperty(Yi,"__esModule",{value:true});const Wi=_s;class Bi extends Wi.Device{}Yi.OutDevice=Bi;var Vi=Fo&&Fo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(ki,"__esModule",{value:true});const Gi=ds;const Ki=vi;const Zi=Yi;class qi extends Zi.OutDevice{constructor(){super(...arguments);this.newLineSymbol="\n"}write(t){return Vi(this,void 0,void 0,(function*(){return t instanceof Ki.Enumerator?this.writeImplementation(t):t instanceof Array?this.writeImplementation(new Ki.ArrayEnumerator(t)):this.writeImplementation(new Ki.ArrayEnumerator([t]))}))}writeLine(t){return Vi(this,void 0,void 0,(function*(){return t instanceof Ki.Enumerator?this.writeImplementation(t.append(this.newLineSymbol)):t instanceof Array?this.writeImplementation(new Ki.ArrayEnumerator([...t,this.newLineSymbol])):t?this.writeImplementation(new Ki.ArrayEnumerator([t,this.newLineSymbol])):this.writeImplementation(new Ki.ArrayEnumerator([this.newLineSymbol]))}))}static addOpener(t,e){if(!e)e=0;qi.openers.push({open:t,priority:e});qi.openers=qi.openers.sort(((t,e)=>e.priority-t.priority))}static open(t){return Vi(this,void 0,void 0,(function*(){let e;if(typeof t=="string"){const o=Gi.Locator.parse(t);e=o?yield qi.open(o):undefined}else{let o=0;do{e=yield qi.openers[o++].open(t)}while(!e&&o<qi.openers.length)}return e}))}}ki.Writer=qi;qi.openers=[];Object.defineProperty(gi,"__esModule",{value:true});const Xi=ki;class Ji extends Xi.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)))}}gi.Indenter=Ji;var Qi={};Object.defineProperty(Qi,"__esModule",{value:true});const ta=js;const ea=cs;class oa extends ta.Reader{constructor(t,e){super();this.prefix=e;this.done=false;this.backend=t instanceof ea.BufferedReader?t:ea.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 oa(t,e):t}}Qi.PrefixReader=oa;var sa={};var ia=Fo&&Fo.__awaiter||function(t,e,o,s){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{r(s.next(t))}catch(t){a(t)}}function l(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?o(t.value):i(t.value).then(n,l)}r((s=s.apply(t,e||[])).next())}))};Object.defineProperty(sa,"__esModule",{value:true});const aa=Ns;const na=Zs;const la=ki;class ra extends la.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 ia(this,void 0,void 0,(function*(){let t=true;try{yield aa.fsync(this.descriptor)}catch(e){t=false}return t}))}close(){return ia(this,void 0,void 0,(function*(){let t=this.opened;if(t){try{yield aa.close(this.descriptor)}catch(e){t=false}this.descriptor=0}return t}))}writeImplementation(t){return ia(this,void 0,void 0,(function*(){let e=true;const o=Buffer.from(t.reduce(((t,e)=>t+e),""));try{const t=yield aa.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 ia(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 aa.open((t.isRelative?"":na.sep)+t.path.join(na.sep),"w")}catch(t){e=undefined}return e?new ra(t,e):undefined}))}}sa.FileWriter=ra;la.Writer.addOpener(ra.open);var ca={};Object.defineProperty(ca,"__esModule",{value:true});const da=js;const ha=cs;class ma extends da.Reader{constructor(t,e){super();this.endMark=e;this.done=false;this.backend=t instanceof ha.BufferedReader?t:ha.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 ma(t,e):t}}ca.TillReader=ma;var ua={};Object.defineProperty(ua,"__esModule",{value:true});const ya=js;const ba=cs;class fa extends ya.Reader{constructor(t,e){super();this.endMark=e;this.done=-1;this.backend=t instanceof ba.BufferedReader?t:ba.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 fa(t,e):t}}ua.UntilReader=fa;Object.defineProperty(rs,"__esModule",{value:true});var pa=cs;rs.BufferedReader=pa.BufferedReader;var ga=_s;rs.Device=ga.Device;var ka=Fs;rs.FileReader=ka.FileReader;var va=ci;rs.FolderReader=va.FolderReader;var wa=gi;rs.Indenter=wa.Indenter;var xa=Is;rs.InDevice=xa.InDevice;var Ca=Yi;rs.OutDevice=Ca.OutDevice;var Sa=Qi;rs.PrefixReader=Sa.PrefixReader;var za=js;rs.Reader=za.Reader;var ja=Xs;rs.StringReader=ja.StringReader;var Ia=sa;rs.FileWriter=Ia.FileWriter;var _a=ca;rs.TillReader=_a.TillReader;var Ta=ua;rs.UntilReader=Ta.UntilReader;var Oa=ki;rs.Writer=Oa.Writer;Object.defineProperty(No,"__esModule",{value:true});const La=Ho;var Aa=No.Error=La;const Ma=rs;var Da=No.IO=Ma;const Ea=ds;No.Uri=Ea;const Ra=vi;var $a=No.Utilities=Ra;class Pa extends Da.BufferedReader{constructor(t,e){super(typeof t=="string"?Da.StringReader.create(t):t);this.errorHandler=e}raise(t,e,o="lexical",s){if(!(t instanceof Aa.Message)){if(!e)e=Aa.Level.Critical;if(!s)s=this.region;t=new Aa.Message(t,e,o,s)}if(this.errorHandler)this.errorHandler.raise(t)}requirePrefix(t){return new Pa(new Da.PrefixReader(this,t),this.errorHandler)}till(t){return new Pa(Da.TillReader.create(this,t),this.errorHandler)}until(t){return new Pa(Da.UntilReader.create(this,t),this.errorHandler)}peekIsSymbol(t){return this.peekIs(t??["!","(",")","[","]","|","*",":",".","<=",">=","<",">"," * "," + "," - "," / ",","])?.length??false}peekIsWhitespace(){return!!this.peekIs([" ","\n","\t"])}}function Fa(t,e,o){const s=new Pa(t,e);return new $a.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 Na{tokenize(t){return Fa(t,undefined,["!","(",")","[","]","|"," | ","*",":",".","<=",">=","<",">"," * "," + ","+"," - ","-"," / "]).map((t=>({value:t.value}))).toArray()}}class Ha extends Na{constructor(t){super();this.class="array";this.array=t}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;return Ha.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 Ha}}Ha.completor=[];var Ua;(function(t){function e(t){return typeof t=="object"&&typeof t.start=="number"&&typeof t.end=="number"}t.is=e})(Ua||(Ua={}));var Ya;(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:Ua.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})(Ya||(Ya={}));class Wa extends Na{constructor(){super();this.class="boolean"}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;const i=o?Wa.literals.filter((t=>t.value.startsWith(s[0]?.value??""))):s[0]?.value==":"?Ya.prepend(":",Wa.literals.filter((t=>t.value.startsWith(s[1]?.value??"")))):[];return[...i??[],...(o?[]:Wa.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)}}Wa.literals=[{value:"true",suggestion:{value:"true"}},{value:"false",suggestion:{value:"false"}}];Wa.completor=[];var Ba;(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??"(")=="("?Ya.prepend(":",[o]):t.length<=4&&t.slice(0,4).reduce(((t,e)=>t+e.value),"")==":"+o.value?Ya.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?Ya.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?Ya.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?Ya.prepend(":",[o]):Ya.prepend(":",e(t.slice(1)))}t.expressions=o;function s(t,e,o){return t.length>=1&&t[0].value==o.value?Ya.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})(Ba||(Ba={}));class Va extends Na{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?Ya.prepend(":",e.complete(s.slice(1),undefined,this)):e&&s.length>=0&&o?Ya.prepend(" ",e?.complete(s,undefined,undefined)):[],...(o?Va.completorArgument:Va.completor).flatMap((t=>t(s,this,e))).reduce(((t,e)=>t.some((t=>t.value==e.value&&t.cursor==e.cursor))?t:[...t,e]),[])]}isType(t){return isNaN(+t)?false:true}static add(...t){this.completor.push(...t)}static addArgument(...t){this.completorArgument.push(...t)}static is(t){return t instanceof Va||!global.Number.isNaN(t)}}Va.completor=[];Va.completorArgument=[];class Ga extends Na{constructor(t){super();this.properties=t;this.class="object";this.completions=Object.keys(this.properties).map((t=>({value:t,suggestion:{value:t}})))}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;let i;const a=this.filterByType(o);if(!e){const t=s.length>0?this.match(s[0],a):undefined;if(t)i=s.length>=1?Ya.prepend(t.value,this.properties[t.value].complete(s.slice(1),this,o)):[];else if(o&&s.length>2&&o.isType(s[0].value+s[1].value+s[2].value))i=Ya.prepend(s[0].value+s[1].value+s[2].value,o.complete(s.slice(3),this,o));else if(o&&s.length>0&&o.isType(s[0].value))i=Ya.prepend(s[0].value,o.complete(s.slice(1),this,o));else{let t;i=s.length==0?[...this.addDot(a,o),...o?.class=="number"?[]:Ga.wildcard]:s.length==1&&(t=Ga.wildcard.find((t=>t.value==s[0].value)))?Ya.prepend(t.value,this.completions,o?".":""):s.length>=1&&(t=Ga.wildcard.find((t=>t.value==s[0].value)))?Ya.prepend(t.value,this.complete(s.slice(1))):this.addDot(this.partial(s[0],a),o)}}else i=s.length==0?[{value:".",suggestion:{value:"."}}]:s[0].value!="."?[]:s.length==1?Ya.prepend(".",this.addDot(a,o)):this.properties[s[1].value]?Ya.prepend("."+s[1].value,this.properties[s[1].value].complete(s.slice(2),e,o)):Ya.prepend(".",this.addDot(this.partial(s[1],a),o));return[...i.reduce(((t,e)=>t.some((t=>t.value==e.value&&t.cursor==e.cursor))?t:[...t,e]),[]),...Ga.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)}}Ga.wildcard=[{value:"!",cursor:1,suggestion:{value:"!",description:"not"}}];Ga.completor=[];class Ka extends Na{constructor(t){super();this.class="string";if(t)this.value=t}complete(t,e,o){const s=typeof t=="string"?this.tokenize(t):t;let i;if(o)i=this.value?.startsWith(s[0]?.value??"")?[{value:this.value,suggestion:{value:this.value}}]:undefined;else i=s.length==0||s[0].value!=":"?undefined:this.value?.startsWith(s[1]?.value??"")?[Ya.prepend(":",{value:this.value,suggestion:{value:this.value}})]:undefined;return[...i??[],...(o?[]:Ka.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 Ka}}Ka.completor=[];class Za extends Na{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 Za}static is(t){return t instanceof Za}}var qa;(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 Ha(t.map((t=>o(t)))):new Ga(global.Object.entries(t).reduce(((t,e)=>({...t,[e[0]]:o(e[1])})),{}));break;case"string":e=new Ka(t);break;default:e=new Va(t);break}return e}t.convert=o;t.Array=Ha;t.Boolean=Wa;t.Completion=Ya;t.Object=Ga;t.String=Ka;t.Number=Va;t.Union=Za;t.Completor=Ba})(qa||(qa={}));class Xa extends Io{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 Ja(t,e){return Ba.expressions(t,(t=>!t||t[0].value=="*"&&e.value&&e.value.endsWith(t[1]?.value??"")?[qa.Completion.prepend("*",{value:e?.value??"",suggestion:{value:e?.value??""}})]:[]),{value:"*",suggestion:{value:"*",description:"endswith"}})}qa.String.add(Ja);class Qa extends Io{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 tn(t,e){const o=t=>e.array.some(qa.String.is)&&t?e.array.filter(qa.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(qa.String.is)?e.array.filter(qa.String.is).map((t=>({value:t?.value??""}))):e.array.some(qa.Number.is)&&t?e.array.filter(qa.Number.is).map((e=>e.complete(t))).reduce(((t,e)=>Array.isArray(e)?t.concat(e):e?[...t,e]:t),[]):!t&&e.array.some(qa.Number.is)?e.array.filter(qa.Number.is).map((t=>({value:(t?.value??"").toString()}))):[];return Ba.functions(t,o,{value:"every()",cursor:6,suggestion:{value:"every()"}})}qa.Array.add(tn);class en extends Io{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 on{stringify(t=0){let e=this.toString();if(this.precedence<t)e="("+e+")";return e}}class sn extends on{constructor(t,e){super();this.name=e;this.precedence=sn.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 sn(t,e)}}sn.precedence=19;class an extends Io{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 sn&&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 qa.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:">",suggestion:{value:">"}})}qa.Number.add(nn);qa.String.add(nn);class ln extends Io{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 sn&&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 rn(t,e,o){return qa.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:">=",suggestion:{value:">="}})}qa.Number.add(rn);qa.String.add(rn);class cn extends Io{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 dn(t,e,o){return o&&e?.class=="object"?Ba.functions(t,(t=>e.completions.filter((e=>e.value.startsWith(t?t[0].value:"")))),{value:"has()",cursor:4,suggestion:{value:"has()"}}):[]}qa.Object.add(dn);class hn extends Io{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 mn(t,e){const o=new hn(t);return e?o.is(e):o}function un(t,e){return Ba.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=="**"?[qa.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"}})}qa.String.add(un);class yn extends Io{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 yn(Ao(t));return e?o.is(e):o}function fn(t,e,o){return t.length==0?[{value:":",suggestion:{value:":"}}]:t[0].value!=":"?[]:t.length==1&&t[0].value==":"?qa.Completion.prepend(":",e.array.filter(qa.String.is).filter((t=>t.value&&t.value!="string")).map((t=>({value:t?.value??"",suggestion:{value:t?.value??""}})))):t.length==2&&t[0].value==":"?qa.Completion.prepend(":",e.array.filter(qa.String.is).filter((e=>e.value&&e.value!="string"&&e.value.startsWith(t[1].value))).map((t=>({value:t?.value??"",suggestion:{value:t?.value??""}})))):[]}qa.Array.add(fn);class pn extends Io{constructor(t){super();this.value=t;this.precedence=Number.MAX_SAFE_INTEGER;this.class="Is";this.symbol=":"}is(t,e){return Array.isArray(t)&&Po(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()}}To((t=>typeof t=="bigint"||typeof t=="boolean"||typeof t=="number"||typeof t=="string"?new pn(t):undefined));class gn extends Io{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 sn&&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 qa.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:"<",suggestion:{value:"<"}})}qa.Number.add(kn);qa.String.add(kn);class vn extends Io{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 sn&&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 wn(t,e,o){return qa.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,e):[]),{value:"<=",suggestion:{value:"<="}})}qa.Number.add(wn);qa.String.add(wn);function xn(t,e){return Ba.expressions(t,(t=>t&&t?.length==1&&t[0].value=="/"?[{value:"//",cursor:1}]:[]),{value:"//",cursor:1,suggestion:{value:"//",description:"match"}})}qa.String.add(xn);class Cn extends Io{constructor(t){super();this.criteria=t;this.precedence=Cn.precedence;this.class="Not"}is(t){return!this.criteria.is(t)}toString(){return`!${this.criteria.stringify(this.precedence)}`}}Cn.precedence=90;function Sn(t,e){const o=new Cn(Ao(t));return e?o.is(e):o}function zn(t,e,o){return e&&e.class!="object"&&o?Ba.expressions(t,(t=>t[0].value!="!"?[]:qa.Completion.prepend("!",e.complete(t.slice(1),o,e))),{value:"!",cursor:1,suggestion:{value:"!",description:"not"}}):[]}qa.String.add(zn);qa.Number.add(zn);qa.Boolean.add(zn);qa.Object.add(zn);class jn extends Io{constructor(t){super();this.precedence=jn.precedence;this.class="Or";this.criteria=t.reduce(((t,e)=>e instanceof jn?[...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(" | ")}}jn.precedence=30;function In(t,e,o){return qa.Completor.operators(t,(t=>t&&o?o?.complete(t,undefined,undefined):[]),{value:" | ",suggestion:{value:"|",description:"or"}})}qa.Number.addArgument(In);class _n extends $a.BufferedEnumerator{constructor(t,e){super(Array.isArray(t)?new $a.ArrayEnumerator(t):t);this.errorHandler=e}clone(t="(",e=")"){let o=0;return new _n(new $a.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&&_n.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 $a.Enumerable.from($a.Enumerable.empty)}raise(t,e=Aa.Level.Critical,o="grammatical",s){if(typeof t=="string"){if(!s&&this.last)s=this.last.region;t=new Aa.Message(t,e,o,s)}this.errorHandler.raise(t)}static is(t,e){return Array.isArray(t)?t.some((t=>_n.is(t,e))):typeof t!="string"?t.test(e):t.startsWith("!")&&t!="!"?!_n.is(t.substring(1),e):t=="any"?_n.symbol.every((t=>t!=e)):t=="symbol"?_n.symbol.some((t=>t==e)):t=="identifier"?/[A-Za-z][A-Za-z0-9_]*/.test(e):t==e}}_n.wildcard=["*","?"];_n.separator=["(",")","."];_n.operator=["!","|"];_n.comparator=["<","<=",">",">=",":"];_n.binaryOperator=[" * "," + "," - "];_n.symbol=[..._n.wildcard,..._n.separator,..._n.operator,..._n.comparator];function Tn(t,e){if(typeof t=="string"){e=e||new Aa.ConsoleHandler;const o=Fa(t,e).toArray();t=new _n(o,e)}e=e instanceof Io?e:undefined;const o=[];while(t.peek()){if(t.fetchIf("|"))o[o.length-1]=new jn([o[o.length-1],On(0,t)]);else o.push(On(0,t))}return o.length==1?o[0]:new Eo(o)}function On(t,e){let o;const s=typeof t=="number"?e=>t<e:e=>t.precedence>e;const i=typeof t=="number"?undefined:t;for(const t of Ln)if(s(t[1]||Number.MAX_SAFE_INTEGER)){const s=t[0](e,i);if(s){o=On(s,e);break}}return o||i||new Eo([])}const Ln=[];function An(t,e){Ln.push([t,e])}function Mn(t,e){if(typeof t=="string"){e=e||new Aa.ConsoleHandler;const o=Fa(t,e).toArray();t=new _n(o,e)}e=e instanceof on?e:undefined;let o;let s=false;let i=false;while(!o!=s&&!i&&t.peek()){let e=1;s=false;i=false;while(!s&&!i&&t.peek(e)){s=_n.binaryOperator.some((o=>t.peek(e)?.value==o));i=_n.comparator.some((o=>t.peek(e)?.value==o));e++}o=Dn(o??Number.MAX_SAFE_INTEGER,t)}if(!o)t.raise("Missing Expression");return o??new sn(NaN)}function Dn(t,e){let o;const s=typeof t=="number"?undefined:t;for(const s of En){const i=s[0](e,t);if(i){o=i;break}}return o||s}const En=[];function Rn(t,e){En.push([t,e])}An((t=>{const e=t.fetchIf(":","every","(")&&new Qa(Tn(t.clone()));if(e&&!t.fetchIf(")"))t.raise("Missing end of parenthesis.");return e}));An((t=>{const e=t.fetchIf(":","some","(")&&new yn(Tn(t.clone()));if(e&&!t.fetchIf(")"))t.raise("Missing end of parenthesis.");return e}));An($n(Tn));Rn($n(Mn));function $n(t){return e=>{const o=e.fetchIf("(")&&t(e.clone());if(o&&!e.fetchIf(")"))e.raise("Missing end of parenthesis.");return o}}An((t=>t.fetchIf(">")&&new an(Mn(t))));An((t=>t.fetchIf(">=")&&new ln(Mn(t))));An((t=>t.fetchIf("<")&&new gn(Mn(t))));An((t=>t.fetchIf("<=")&&new vn(Mn(t))));An((t=>t.fetchIf("!")&&new Cn(On(Cn.precedence,t))));An((t=>{const e=t.fetchIf("has","(","any",")")||t.fetchIf(":","has","(","any",")");return e&&new cn(e.length==4?e[2].value:e[3].value)}));class Pn extends Io{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 Fn(t,e){const o=new Pn(t);return e?o.is(e):o}function Nn(t,e,o){return o&&e?.class?Ba.functions(t,(t=>[]),{value:"within()",cursor:7,suggestion:{value:"within()"}}):[]}qa.String.add(Nn);qa.Number.add(Nn);An((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 Pn(o):undefined}));class Hn extends Io{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 Un(t,e){const o=new Hn(t);return e?o.is(e):o}function Yn(t,e,o){return Ba.functions(t,(()=>[]),{value:"contains()",cursor:9,suggestion:{value:"contains()"}})}qa.Array.add(Yn);An((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 Hn(o):undefined}));An((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 en(o[0].value,s):undefined}));class Wn extends Io{constructor(t,e){super();this.name=t;this.criteria=e;this.precedence=Wn.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)??""}`}}Wn.precedence=80;function Bn(t,e,o){const s=(Array.isArray(t)?t:[t]).reduceRight(((t,e)=>new Wn(e,t)),Ao(e));return o?s.is(o):s}To((t=>typeof t=="object"&&!(t instanceof Io)&&!Array.isArray(t)?Ro(...Object.getOwnPropertyNames(t).map((e=>Bn(e,t[e])))):undefined));An((t=>{const e=[];let o;while(o=t.fetchIf("identifier","."))e.push(o[0].value);if(t.peekIs("identifier",_n.comparator)&&(o=t.fetchIf("identifier")))e.push(o.value);return e.length>0?e.reduceRight(((t,e)=>new Wn(e,t)),t.peekIs("identifier")&&(o=t.fetchIf("identifier"))?new Wn(o.value):On(Wn.precedence,t)):undefined}));An((t=>{const e=t.fetchIf(":","*","any","*")||t.fetchIf("*","any","*");return e&&new hn(e.length==4?e[2].value:e[1].value)}));class Vn extends Io{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 Gn(t,e){return Ba.expressions(t,(t=>!t||t.length==1&&t[0].value=="*"||t.length==2&&t[1].value=="*"&&e.value&&e.value.startsWith(t[0]?.value??"")?[qa.Completion.prepend("",{value:e?.value??"",suggestion:{value:e?.value??""}},"*")]:[]),{value:"*",cursor:0,suggestion:{value:"*",description:"startswith"}})}qa.String.add(Gn);An((t=>{const e=t.fetchIf(":","any","*")||t.fetchIf("any","*");return e&&new Vn(e?.length==3?e[1].value:e[0].value)}));An((t=>{const e=t.fetchIf(":","*","any")||t.fetchIf("*","any");return e&&new Xa(e?.length==3?e[2].value:e[1].value)}));class Kn extends on{toString(){const t=this.symbol;return this.left.stringify(Kn.getPrecedence(t))+` ${t} `+this.right.stringify(Kn.getPrecedence(t))}constructor(t,e,o,s){super();this.precedence=e;this.left=o;this.right=s;this.class="InfixOperator";this.symbol=t.replace(/ /g,"")}evaluate(t){let e;switch(this.getSymbol()){case"+":e=this.left.evaluate(t)+this.right.evaluate(t);break;case"-":e=this.left.evaluate(t)-this.right.evaluate(t);break;case"*":e=this.left.evaluate(t)*this.right.evaluate(t);break;default:e=NaN;break}return e}getSymbol(){return this.symbol}stringify(t=0){let e=this.toString();if(this.precedence<t)e="("+e+")";return e}static getPrecedence(t){let e;t=t?.replace(/ /g,"");switch(t){case"+":e=14;break;case"-":e=15;break;case"*":e=16;break;default:e=undefined;break}return e}static create(t,e,o){let s;const i=new Kn("+",14,e,o);const a=Kn.getPrecedence(t);if(a)s=new Kn(t,a,e,o);return s||i}}function Zn(t,e,o){return[" + "," - "," * "].map((t=>({value:t,suggestion:{value:t}}))).map((s=>qa.Completor.operators(t,(t=>t?o.complete(t,undefined,e):[]),s))).reduce(((t,e)=>t.concat(e)),[])}qa.Number.addArgument(Zn);Rn(((t,e)=>{let o;const s=t.peekIs(_n.binaryOperator)&&t.fetch().value;let i;if(s&&typeof e=="object"){let a;let n;let l=0;i=Kn.getPrecedence(s);while(!n&&t.peek(l)){n=t.peek(l)?.value=="("?Number.MAX_SAFE_INTEGER:Kn.getPrecedence(t.peek(l)?.value);l++}if(n&&i<n){a=Dn(i,t);if(!a){t.raise("Missing right hand side of "+s)}}else a=Dn(NaN,t);if(n&&i==n||n==Number.MAX_SAFE_INTEGER){o=Dn(new Kn(s,i,e,a),t)}else o=new Kn(s,i,e,a)}return o}));Rn(((t,e)=>{const o=[];let s;while(s=t.fetchIf("identifier","."))o.push(s[0].value);let i;if(o.length==0){s=t.fetchIf("any",".","any")||t.fetchIf("any",",","any")||t.fetchIf("any");i=s&&(Array.isArray(s)?new sn(+s.map((t=>t.value.replace(",","."))).join("")):new sn(s.value))}else{s=t.fetchIf("identifier");const e=new sn(s?s.value:0);i=o.length>0?o.reduceRight(((t,e)=>new sn(isNaN(+t)?t:+t,e)),e):undefined}if(i&&typeof e=="number"&&!isNaN(e)&&e!=Number.MAX_SAFE_INTEGER)i=Dn(i,t);return i}));An((t=>{let e;if(t.fetchIf(":")){let o=false;let s=false;let i=1;while(!o&&!s&&t.peek(i)){o=_n.binaryOperator.some((e=>t.peek(i)?.value==e));s=_n.comparator.some((e=>t.peek(i)?.value==e));i++}if(o)e=Mn(t)}const o=t.fetchIf("any");return e?new pn(e):o&&new pn(o.value)}));An((t=>{t.raise(`Ignoring unknown token "${t.fetch()}"`);return undefined}));function qn(t,e,o={input:[],identifier:[]}){return Xn[e?.class]?.(t,e,o)??e}const Xn={};function Jn(t,e){Xn[t]=e}Jn("And",((t,e,o)=>new Eo(e.rules.map((e=>qn(t,e,o))))));var Qn;(function(t){function e(t,e){let o=undefined;let s;const i=typeof t=="string"?t:t.toString();if(e&&e.input&&e.identifier&&e?.input?.length>0&&e?.identifier?.length>0&&e.identifier.includes(i)){s=e.identifier.indexOf(i);o=isNaN(+e.input[s])?e.input[s]:+e.input[s]}return o}t.argument=e})(Qn||(Qn={}));Jn("EndsWith",((t,e,o)=>{const s=Qn.argument(e.needle,o);return s?new Xa(typeof s=="object"?s.value.toString():s.toString()):e}));Jn("Every",((t,e,o)=>new Qa(qn(t,e.criteria,o))));Jn("FunctionCall",((t,e,o)=>{const s=t[e.identifier];const i=s?Tn(s.definition):undefined;const a=i?qn(t,i,{input:o?.input?.concat(e.argument),identifier:o?.identifier?.concat(s.arguments)}):undefined;return new en(e.identifier,e.argument,a)}));Jn("GreaterThan",((t,e,o)=>{const s=Qn.argument(e.value,o);return s?new an(s):e}));Jn("GreaterThanOrEqual",((t,e,o)=>{const s=Qn.argument(e.value,o);return s?new ln(s):e}));Jn("Has",((t,e,o)=>{const s=Qn.argument(e.property,o);return s?new cn(typeof s=="object"?s.value.toString():s.toString()):e}));Jn("Includes",((t,e,o)=>{const s=Qn.argument(e.needle,o);return s?new hn(typeof s=="object"?s.value.toString():s.toString()):e}));Jn("LesserThan",((t,e,o)=>{const s=Qn.argument(e.value,o);return s?new gn(s):e}));Jn("LesserThanOrEqual",((t,e,o)=>{const s=Qn.argument(e.value,o);return s?new vn(s):e}));Jn("Not",((t,e,o)=>new Cn(qn(t,e.criteria,o))));Jn("Or",((t,e,o)=>new jn(e.criteria.map((e=>qn(t,e,o))))));Jn("Property",((t,e,o)=>new Wn(e.name,e.criteria&&qn(t,e.criteria,o))));Jn("Some",((t,e,o)=>new yn(qn(t,e.criteria,o))));Jn("StartsWith",((t,e,o)=>{const s=Qn.argument(e.needle,o);return s?new Vn(typeof s=="object"?s.value.toString():s.toString()):e}));Jn("Is",((t,e,o)=>{const s=Qn.argument(e.value,o);return s?new pn(s):e}));class tl extends Io{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(", ")}]`}}To((t=>Array.isArray(t)?new tl(t.map(Ao)):undefined));function el(t,e){const o=Ao(t);return e?o.is(e):o}function ol(t,e){const o=Ao(t);return o.filter(e)}const sl=j({emit:h()});var il;(function(t){let e;(function(t){t.type=j({property:I().optional(),properties:m(I(),I()).optional()})})(e=t.Element||(t.Element={}));t.type=e.type.extend({smoothlyFilterUpdate:sl,smoothlyFilterManipulate:sl})})(il||(il={}));const al='.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 nl=al;const ll=class{constructor(o){t(this,o);this.smoothlyFilter=e(this,"smoothlyFilter",7);this.updating=false;this.filters=new Set;this.detailChildren=undefined;this.criteria=Ro();this.expanded=false}updateHandler(t){t.stopPropagation();if(il.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=Ro(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=Ro());this.filters.forEach((t=>t(this.criteria)))}render(){return o(s,{key:"6d2925d77e427d1b8daf5d6e3e6e02c4347ed6df"},o("slot",{key:"5008ec9f161df30ecfd56c25373e6451b48376ab",name:"bar"}),o("smoothly-filter-field",{key:"8cd73196884334207516a6a39a8fccf1274262cb",criteria:this.criteria,ref:t=>this.field=t}),this.criteria.toString()!=""&&o("smoothly-icon",{key:"ee51102ab15a114e7046862a50cef9e4637acd80",name:"close",tooltip:"Clear all filters",size:"small",onClick:()=>{this.clear()}}),o("div",{key:"8884f65d57a7ed98632df2166240e71769bbea81",class:this.expanded?"container arrow-top":"hidden"},o("slot",{key:"f6e3d49b1bdf7f4d63cdc0295b531eb723ffd438",name:"detail"})),o("smoothly-icon",{key:"bb5e310f1d5cbf04c0b8b3b363c858b956b763b6",name:this.expanded?"options":"options-outline",tooltip:(this.expanded?"Hide":"Show")+" additional filters",size:"small",onClick:()=>{this.expanded=!this.expanded}}),o("div",{key:"ffd363e53604152eba2d90bd6dfe08a9e0c96bd8",class:this.expanded?"close":"hidden",onClick:()=>this.expanded=!this.expanded}))}};ll.style=nl;const rl=".sc-smoothly-filter-field-h{flex-grow:5}";const cl=rl;const dl=class{constructor(o){t(this,o);this.smoothlyFilterField=e(this,"smoothlyFilterField",7);this.value="";this.criteria=undefined}async clear(){var t;await((t=this.input)===null||t===void 0?void 0:t.clear())}filterFieldEmit(){var t;this.smoothlyFilterField.emit(Tn((t=this.value)!==null&&t!==void 0?t:""))}updateValue(t){this.value=t.detail.filter}render(){return o(s,{key:"deb052d0a91cc6fd849dc5eff41de9dd2f586d6b"},o("smoothly-input",{key:"b8b8398eefa3dd2ab2f754a84ac5c5ee01db5c4f",name:"filter",ref:t=>this.input=t,value:this.criteria.toString(),onSmoothlyInputLooks:t=>t.stopPropagation(),onSmoothlyKeydown:t=>{t.stopPropagation();t.detail.key=="Enter"&&this.filterFieldEmit()},onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyFormDisable:t=>t.stopPropagation(),onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyChange:t=>t.stopPropagation(),onSmoothlyInput:t=>{t.stopPropagation();this.updateValue(t)}},"Filter"))}};dl.style=cl;const hl=".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 ml=hl;const ul=class{constructor(o){t(this,o);this.smoothlyFilterUpdate=e(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=e(this,"smoothlyFilterManipulate",7);this.type="text";this.needle="";this.label=undefined;this.property=undefined;this.placeholder=undefined}componentDidLoad(){this.smoothlyFilterUpdate.emit(this.update.bind(this))}update(t){var e;if(t instanceof 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 Wn&&t.name==o&&(t.criteria instanceof hn&&t.criteria||t.criteria instanceof Wn&&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=Ro(...o.rules)}return o};this.smoothlyFilterManipulate.emit(o.bind(this))}getCriteria(t){return this.property.split(".").reduceRight(((t,e)=>Bn(e,t)),mn(t))}findInstanceOf(t,e){const[o,...s]=e.split(".");return t instanceof Wn&&t.name==o&&(s.length==0||!!t.criteria&&this.findInstanceOf(t.criteria,s.join(".")))}render(){return o("smoothly-input",{key:"dcdcf65e2456c0f1dc2e7f166f5b97284da86ece",name:this.property,value:this.needle,type:this.type,placeholder:this.placeholder,onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyFormDisable:t=>t.stopPropagation(),onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyChange:t=>t.stopPropagation(),onSmoothlyInput:t=>this.inputHandler(t)},this.label,o("slot",{key:"2c358098ad7fc6fd230e562351dd721755db9f96"}))}};ul.style=ml;const yl=".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=yl;const fl=class{constructor(o){t(this,o);this.smoothlyFilterUpdate=e(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=e(this,"smoothlyFilterManipulate",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.updating=false;this.items=new Map;this.label=undefined;this.property=undefined;this.menuHeight=undefined;this.multiple=false;this.type="string";this.looks=undefined}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t}))}async componentDidLoad(){this.smoothlyFilterUpdate.emit(this.update.bind(this))}async smoothlyInputLoadHandler(t){var e,o;(o=await((e=this.selectElement)===null||e===void 0?void 0:e.getItems()))===null||o===void 0?void 0:o.forEach((t=>this.items.set(t.value,{state:this.property.split(".").reduceRight(((t,e)=>({[e]:t})),t.value),item:t})))}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks)}}update(t){this.updating=true;if(t instanceof 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,...i]=e.split(".");const a=t instanceof Wn&&t.name==s?this.isCriteria(t.criteria,i.join("."),o[s]):this.multiple?t instanceof Pn&&t.value.some((t=>t==o))||this.type=="array"&&t instanceof Hn&&t.criteria.some((t=>t==o)):t instanceof pn&&t.value==o;return a}selectHandler(t){t.stopPropagation();if(!this.updating){const e=t.detail[this.property];const o=t=>{let o=t;const s=this.getCriteria(e);if(!(o instanceof Io))o=s?Ro(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=Ro(...o.rules)}return o};this.smoothlyFilterManipulate.emit(o.bind(this))}}findInstanceOf(t,e){const[o,...s]=e.split(".");return t instanceof Wn&&t.name==o&&(t.criteria instanceof Pn||t.criteria instanceof pn||t.criteria instanceof Hn||t.criteria instanceof Wn&&this.findInstanceOf(t.criteria,s.join(".")))}getCriteria(t){let e;if(this.multiple&&I().array({criteria:"minLength",value:1}).is(t))e=this.type=="array"?Un(t):Fn(t);else if(typeof t=="string")e=el(t);else e=undefined;return e&&this.property.split(".").reduceRight(((t,e)=>Bn(e,t)),e)}render(){return o("smoothly-input-select",{key:"31555db35062b72b3c76225972d8aca0c2e00ceb",ref:t=>this.selectElement=t,name:this.property,looks:this.looks,multiple:this.multiple,menuHeight:this.menuHeight,onSmoothlyInputLooks:t=>t.stopPropagation(),onSmoothlyItemSelect:t=>t.stopPropagation(),onSmoothlyInput:t=>this.selectHandler(t)},this.label&&o("span",{key:"e77cfc0ea0380a47db47867dd85dbf43446c2c2b",slot:"label"},[this.label.slice(0,1).toUpperCase(),this.label.slice(1,this.label.length)].join("")),o("slot",{key:"4a98d4aff03c942e97c5b602cc01f5b8dd1ccf0f",name:"items"}))}get element(){return i(this)}};fl.style=bl;const pl=".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 gl=pl;const kl=class{constructor(o){t(this,o);this.smoothlyFilterUpdate=e(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=e(this,"smoothlyFilterManipulate",7);this.icon=undefined;this.properties=undefined;this.tooltip=undefined;this.not=undefined;this.flip=false;this.active=false}componentWillLoad(){this.active&&this.activeHandler()}componentDidLoad(){this.smoothlyFilterUpdate.emit(this.update.bind(this))}update(t){if(t instanceof 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 Cn?t.criteria:undefined;return o==""?!(s instanceof Wn&&s.name==e):this.isCriteria(s,e,o)}))))}else this.active=false}isCriteria(t,e,o){const[s,...i]=e.split(".");return t instanceof Wn&&t.name==s&&(t.criteria instanceof pn&&t.criteria.value==o||this.isCriteria(t.criteria,i.join("."),o))}activeHandler(t){const e=e=>{let o=e;t&&(this.active=!this.active);if(o instanceof Eo){for(const[t,e]of Object.entries(this.properties)){const s=!this.active||this.active&&e==""?undefined:this.not?Sn(this.createCriteria(t,e)):this.createCriteria(t,e);const i=o.rules.findIndex((e=>this.findInstanceOf(e,t)));!s&&i>=0?o.rules.splice(i,1):!s?undefined:i==-1?o.rules.push(s):o.rules[i]=s}o=Ro(...o.rules)}return o};this.smoothlyFilterManipulate.emit(e.bind(this))}createCriteria(t,e){const[o,...s]=t.split(".");return Bn(o,s.length==0?el(e):this.createCriteria(s.join("."),e))}findInstanceOf(t,e){const o=!this.not?t:t instanceof Cn?t.criteria:false;const[s,...i]=e.split(".");return o instanceof Wn&&o.name==s&&(i.length==0||!!o.criteria&&this.findInstanceOf(o.criteria,i.join(".")))}render(){return o("smoothly-icon",{key:"7014f80026c5118a95a278be45dce1df51e8fb25",fill:"clear",color:this.active?"success":"medium",name:this.active?`${this.icon}`:`${this.icon}-outline`,tooltip:this.tooltip,onClick:()=>this.activeHandler(true)})}};kl.style=gl;var vl;(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})(vl||(vl={}));const wl={};function xl(t,...e){e.forEach((e=>wl[e]=t))}function Cl(t){const e=t.headers.get("Content-Type");const o=e&&e.split(";");const s=wl[o?.[0]??"plain/text"];return s?s(t):t.text()}const Sl={};function zl(t,...e){e.forEach((e=>Sl[e]=t))}function jl(t,e){const o=Sl[e?.split(";")[0]??""];return o?o(t,e):t}function Il(t){return t.toLowerCase().replace(/-[a-z]/g,(t=>t.substring(1).toUpperCase()))}function _l(t){const e=t.replace(/[A-Z]/g,(t=>"-"+t));return e[0].toUpperCase()+e.substring(1)}const Tl=[["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 Ol;(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"&&Tl.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=Tl.find((([e,o,s])=>e==t));return[o?o[1]:_l(t),Array.isArray(e)?e.join(", "):e]})))}t.to=o;function s(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):a(t)?[...t]:Object.entries(t)).map((([t,e])=>{const o=Tl.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()))]:[Il(t),e]})))}t.from=s;function i(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=i;function a(t){return typeof t.entries=="function"}})(Ol||(Ol={}));var Ll;(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))))&&vl.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||Ol.is(t.header))}t.is=e;async function o(t){const o=e(t)?t:i(t);const s=o.header.contentType?.startsWith("multipart/form-data")?(({contentType:t,...e})=>e)(o.header):o.header;return{url:o.url.toString(),method:o.method,headers:Ol.to(s),body:["GET","HEAD"].some((t=>t==o.method))?undefined:await jl(await o.body,o.header.contentType)}}t.to=o;function s(t){const e=new URL(t.url);return{method:vl.parse(t.method)??"GET",url:e,header:Ol.from(t.headers),parameter:{},search:Object.fromEntries(e.searchParams.entries()),body:Cl(t),..."cf"in t&&{cloudflare:t.cf}}}t.from=s;function i(t){let e;if(typeof t=="string")e=i({url:t});else{const o=typeof t.url=="string"?new URL(t.url):t.url;e={method:vl.parse(t.method)??"GET",url:o,parameter:t.parameter??{},search:{...t.search,...Object.fromEntries(o.searchParams.entries())},remote:t.remote,header:t.header??{},body:t.body}}return e}t.create=i;(function(t){t.is=Ol.is;t.from=Ol.from;t.to=Ol.to})(t.Header||(t.Header={}))})(Ll||(Ll={}));const Al=typeof Response!="undefined"?Response:globalThis.Response;var Ml=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 Dl=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,i){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?i.call(t,o):i?i.value=o:e.set(t,o),o};var El,Rl,$l,Pl,Fl,Nl,Hl,Ul,Yl;class Wl{get state(){return Ml(this,Pl,"f")?"closed":"opened"}set onMessage(t){if(Ml(this,Rl,"f").length&&t){Ml(this,Rl,"f").forEach(t);Dl(this,Rl,[],"f")}Dl(this,Nl,t,"f")}set onClose(t){if(this.state=="closed"&&t)t();Dl(this,Hl,t,"f")}set onOpen(t){if(this.state=="opened"&&t)t();Dl(this,Yl,t,"f")}constructor(t,e){El.add(this);Rl.set(this,[]);$l.set(this,[]);Pl.set(this,false);Fl.set(this,void 0);Nl.set(this,void 0);Hl.set(this,void 0);Yl.set(this,void 0);Dl(this,Fl,t,"f");if(e)Dl(this,$l,undefined,"f");Ml(this,Fl,"f").addEventListener("open",(()=>{if(Ml(this,Yl,"f"))Ml(this,Yl,"f").call(this);Ml(this,El,"m",Ul).bind(this)}));Ml(this,Fl,"f").addEventListener("message",(async t=>{const e=this.processReceived(t.data);Ml(this,El,"m",Ul).call(this);if(Ml(this,Nl,"f"))Ml(this,Nl,"f").call(this,e);else Ml(this,Rl,"f")?.push(e)}));Ml(this,Fl,"f").addEventListener("close",(()=>{if(Ml(this,Hl,"f"))Ml(this,Hl,"f").call(this);Dl(this,Pl,true,"f")}))}send(t){if(Ml(this,$l,"f"))Ml(this,$l,"f").push(this.processSend(t));else Ml(this,Fl,"f").send(this.processSend(t))}}Rl=new WeakMap,$l=new WeakMap,Pl=new WeakMap,Fl=new WeakMap,Nl=new WeakMap,Hl=new WeakMap,Yl=new WeakMap,El=new WeakSet,Ul=function t(){Ml(this,$l,"f")?.forEach((t=>Ml(this,Fl,"f").send(t)));Dl(this,$l,undefined,"f")};class Bl extends Wl{processReceived(t){return t?.arrayBuffer?t.arrayBuffer():typeof t=="string"?(new TextEncoder).encode(t).buffer:t}processSend(t){return t}}class Vl extends Wl{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 Gl extends Wl{processReceived(t){return t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t}processSend(t){return t}}var Kl=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 Zl=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,i){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?i.call(t,o):i?i.value=o:e.set(t,o),o};var ql,Xl,Jl;class Ql{get json(){if(!Kl(this,ql,"f"))Zl(this,ql,new Vl(this.backend,this.isOpen),"f");return Kl(this,ql,"f")}get string(){if(!Kl(this,Xl,"f"))Zl(this,Xl,new Gl(this.backend,this.isOpen),"f");return Kl(this,Xl,"f")}get arrayBuffer(){if(!Kl(this,Jl,"f"))Zl(this,Jl,new Bl(this.backend,this.isOpen),"f");return Kl(this,Jl,"f")}constructor(t,e){this.backend=t;this.isOpen=e;ql.set(this,void 0);Xl.set(this,void 0);Jl.set(this,void 0)}createResponse(t={}){return{status:101,socket:this,header:t}}close(t,e){this.backend.close(t,e)}}ql=new WeakMap,Xl=new WeakMap,Jl=new WeakMap;var tr;(function(t){t.Factory=Ql})(tr||(tr={}));const er=[["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 or;(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"&&er.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=er.find((([e,...o])=>e==t));return[o?o[1]:_l(t),Array.isArray(e)?e.join(", "):e]})))}t.to=o;function s(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):a(t)?n(t):Object.entries(t)).map((([t,e])=>{const o=er.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()))]:[Il(t),e]})))}t.from=s;function i(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=i;function a(t){return typeof t.forEach=="function"}function n(t){const e=[];t.forEach(((t,o)=>e.push([o,t])));return e}})(or||(or={}));var sr;(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||or.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})(sr||(sr={}));var ir;(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||or.is(t.header))&&(t.socket==undefined||t.socket instanceof WebSocket)}t.is=e;async function o(t){return new Al(await jl(await t.body,t.header.contentType),{status:t.status,headers:new Headers(or.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:or.from(t.headers),body:t.status==101?undefined:Cl(t),...t.webSocket&&{socket:new tr.Factory(t.webSocket)}}}t.from=s;function i(t,e){const o=sr.is(t)?{status:200,header:{},body:undefined,...t.socket&&{socket:t.socket},...t}:typeof t?.createResponse=="function"&&(e==undefined||or.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 tr.Factory(t.webSocket)}||t.socket&&{socket:t.socket}};if(!o.header.contentType)switch(typeof o.body){case"undefined":break;default:case"object":o.header.contentType=typeof e=="string"?e:e?.contentType?e.contentType:o.body instanceof FormData?"multipart/formdata":o.body instanceof ArrayBuffer||ArrayBuffer.isView(o.body)?a(o.body)?"application/pdf":"application/octet-stream":"application/json; charset=utf-8";break;case"string":o.header.contentType=o.body.slice(0,9).toLowerCase()=="<!doctype"?"text/html; charset=utf-8":/^[A-Za-z0-9-_=]+\.[A-Za-z0-9-_=]+\.?[A-Za-z0-9-_.+/=]*$/.test(o.body)?"application/jwt; charset=utf-8":/^<\?xml version=(.|\n)*\?>(.|\n)*<svg(.|\n)*<\/svg>$/.test(o.body)?"image/svg+xml":"text/plain; charset=utf-8";break}return o}t.create=i;function a(t){const e=new Uint8Array(ArrayBuffer.isView(t)?t.buffer:t).slice(0,4);return[37,80,68,70].every(((t,o)=>t==e[o]))}t.Header=or;t.Like=sr})(ir||(ir={}));const ar=nr(globalThis.fetch);ar.create=nr;function nr(t){return async e=>{const o=Ll.create(e);return ir.from(await t(o.url.toString(),await Ll.to(o)))}}var lr;(function(t){function e(t){const e=new globalThis.FormData;e.append("*",new globalThis.Blob([(new TextEncoder).encode(JSON.stringify(o(t,"",e)))],{type:"application/json; charset=utf-8"}));return e}t.to=e;function o(t,e,i){return Object.entries(t).reduce(((t,[a,n])=>{n instanceof Blob?i.append(e?`${e}.${a}`:a,n):typeof n=="object"&&n?Array.isArray(n)?t[a]=s(n,e?`${e}.${a}`:a,i):t[a]=o(n,e?`${e}.${a}`:a,i):t[a]=n;return t}),{})}function s(t,e,i){return t.reduce(((t,a)=>{typeof a=="object"&&a?Array.isArray(a)?t.push(s(a,e,i)):t.push(o(a,e,i)):t.push(a);return t}),[])}async function i(t){const e={};for(const[o,s]of t.entries())await a(e,o.split("."),s);return e}t.from=i;async function a(t,[e,...o],s){if(o.length==0)s instanceof Blob&&s.type.startsWith("application/json")?e=="*"?n(t,JSON.parse(await s.text())):typeof t[e]=="object"&&t[e]?n(t[e],JSON.parse(await s.text())):t[e]=JSON.parse(await s.text()):t[e]=s;else a(typeof t[e]=="object"&&t[e]?t[e]:t[e]={},o,s)}function n(t,...e){if(e.length){const[o,...s]=e;Object.entries(o).forEach((([e,s])=>l(s)?n(l(t[e])?t[e]:t[e]={},s):t[e]=o[e]));n(t,...s)}}function l(t){return t&&typeof t=="object"&&!Array.isArray(t)}t.isObject=l})(lr||(lr={}));function rr(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 cr(t){const e=t=>typeof t=="object"&&Object.keys(t).sort().every(((t,e)=>`${t}`==`${e}`))?Object.entries(t).sort().map((t=>typeof t[1]=="object"?e(t[1]):t[1])):typeof t=="object"?Object.fromEntries(Object.entries(t).map((t=>[t[0],e(t[1])]))):t;const o=(t,e,s)=>{t[e[0]]=e.length>1?o(t[e[0]]??{},e.slice(1),s):s;return t};const s=t.split("&").map((t=>t.split("=",2))).map((([t,e])=>[decodeURIComponent(t).split("[").map((t=>t.replace("]",""))),decodeURIComponent(e.replace(/\+/g," "))]));return s.reduce(((t,[s,i])=>e(o(t,s,i))),{})}xl((async t=>await t.text()),"text/plain","text/html");xl((async t=>await t.json()),"application/json");xl((async t=>await t.arrayBuffer()),"application/pdf");xl((async t=>lr.from(await t.formData())),"multipart/form-data");xl((async t=>cr(await t.text())),"application/x-www-form-urlencoded");zl((async t=>typeof t=="string"?t:t.toString()),"text/plain","text/html");zl((async t=>JSON.stringify(t)),"application/json");zl((async t=>t),"application/pdf");zl((async t=>rr(t)),"application/x-www-form-urlencoded");zl((async t=>t instanceof globalThis.FormData?t:lr.to(t)),"multipart/form-data");var dr;(function(t){function e(t){return t&&typeof t=="object"&&typeof t.clear=="function"}t.is=e})(dr||(dr={}));class hr{constructor(t){this.parent=t;this.callbacks=[]}async subscribe(t){this.callbacks.push(t);await t(this.parent)}async publish(){Promise.all(this.callbacks.map((t=>t(this.parent))))}static create(t){return new hr(t)}}var mr;(function(t){t.Observer=hr;let e;(function(t){t.type=j({edit:h(),readonly:_(),listen:h(),reset:h(),setInitialValue:h()});t.is=t.type.is})(e=t.Element||(t.Element={}));const o=j({emit:h()});t.type=e.type.extend({changed:_(),value:D().optional(),smoothlyFormDisable:o});t.is=t.type.is})(mr||(mr={}));var ur;(function(t){t.values=["plain","grid","border","line","transparent"];t.type=I(t.values);t.is=t.type.is})(ur||(ur={}));var yr;(function(t){let e;(function(t){t.type=j({register:h(),unregister:h(),getValue:h(),disabled:_().optional(),color:l.type.optional(),name:I(),invalid:_().optional(),looks:ur.type.optional(),defined:_().optional(),binary:h().optional()});t.is=t.type.is})(e=t.Element||(t.Element={}));const o=j({emit:h()});t.type=e.type.extend({smoothlyInputLoad:o,smoothlyInput:o,smoothlyUserInput:o,smoothlyKeydown:o.optional(),smoothlyInputForm:o.optional(),parent:mr.type.optional()});t.is=t.type.is;function s(t,e){if(t.parent instanceof pr)t.parent.removeInput(e!==null&&e!==void 0?e:t.name)}t.formRemove=s;function i(t){t.smoothlyInputLoad.emit((e=>t.parent=e))}t.formAdd=i;function a(t,e){if(e)s(t,e);i(t)}t.formRename=a;function n(t,e){if(!(e.target&&"name"in e.target&&e.target.name===t.name)){e.stopPropagation();e.detail(t)}}t.registerSubAction=n})(yr||(yr={}));const br='smoothly-form{display:block;position:relative}smoothly-form>form{position:relative}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 10rem));flex-basis:40%}smoothly-form[looks="line"]>form>fieldset,smoothly-form[looks="border"]>form>fieldset,smoothly-form[looks="transparent"]>form>fieldset{row-gap:var(--smoothly-form-row-gap, 2rem);column-gap:var(--smoothly-form-column-gap, 2rem)}smoothly-form[looks="grid"]>form>fieldset{padding:1px;gap:1px}smoothly-form>form>div:not(:empty){display:flex;justify-content:end;gap:1em;margin-top:1.5rem}';const fr=br;const pr=class{constructor(o){t(this,o);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.smoothlyFormInput=e(this,"smoothlyFormInput",7);this.smoothlyFormSubmit=e(this,"smoothlyFormSubmit",7);this.smoothlyFormReset=e(this,"smoothlyFormReset",7);this.smoothlyFormEdit=e(this,"smoothlyFormEdit",7);this.smoothlyFormClear=e(this,"smoothlyFormClear",7);this.notice=e(this,"notice",7);this.contentType="json";this.inputs=new Map;this.readonlyAtLoad=this.readonly;this.observer=mr.Observer.create(this);this.color=undefined;this.value={};this.action=undefined;this.validator=undefined;this.type=this.action?"create":undefined;this.readonly=false;this.looks=undefined;this.name=undefined;this.prevent=true;this.changed=false;this.processing=undefined}componentWillLoad(){!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t))}async removeInput(t){if(this.element.isConnected){this.value=u.remove(this.value,t);this.inputs.delete(t);this.smoothlyFormInput.emit(u.convertArrays(this.value))}}async listen(t){this.observer.subscribe(t)}async watchValue(){var t,e;this.changed=[...this.inputs.values()].some((t=>mr.type.is(t)?t.changed:true));if(this.validator){const o=(e=(t=this.validator)===null||t===void 0?void 0:t.flaw(u.convertArrays(this.value)).flaws)===null||e===void 0?void 0:e.reduce(((t,e)=>e.property?Object.assign(Object.assign({},t),{[e.property]:e}):t),{});for(const[t,e]of this.inputs.entries()){this.validate(o,t,e)}}this.observer.publish()}validate(t,e,o){var s,i;if(e.includes(".")){const[a,...n]=e.split(".");const l=(i=(s=t===null||t===void 0?void 0:t[a])===null||s===void 0?void 0:s.flaws)!==null&&i!==void 0?i:[];this.validate(l.reduce(((t,e)=>e.property?Object.assign(Object.assign({},t),{[e.property]:e}):t),{}),n.join("."),o)}else{const s=t===null||t===void 0?void 0:t[e];o&&(o.invalid=!!s)}}watchReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){t.stopPropagation();t.detail(this.looks,this.color)}async smoothlyInputHandler(t){this.value=u.merge(this.value,t.detail);this.smoothlyFormInput.emit(u.convertArrays(this.value))}async smoothlyKeydownHandler(t){if(t.detail.key=="Enter"&&this.inputs.has(t.detail.name)){t.stopPropagation();await this.submit()}}windowSubmitHandler(t){t.target==this.element&&t.detail.result(false)}submitHandler(t){this.action&&t.stopPropagation()}async smoothlyInputLoadHandler(t){var e;t.stopPropagation();t.detail(this);const o=t.target;if(yr.Element.is(o)){if(await((e=o.binary)===null||e===void 0?void 0:e.call(o)))this.contentType="form-data";const t=await o.getValue();this.value=u.merge(this.value,{[o.name]:t});this.smoothlyFormInput.emit(u.convertArrays(this.value));this.inputs.set(o.name,o)}}async smoothlyFormDisableHandler(t){t.stopPropagation();t.detail(this.readonly)}async submit(t){this.processing=new Promise((e=>{this.smoothlyFormSubmit.emit({value:u.convertArrays(this.value),result:e,type:t==true?"remove":this.type});if(this.action){const o=this.action;this.notice.emit(A.execute("Submitting form",(async()=>{const s=t?"DELETE":!this.type||this.type=="create"?"POST":this.type=="change"?"PUT":this.type=="update"?"PATCH":"GET";const i=await ar(Ll.create(s=="GET"?{method:s,url:`${o}?${rr(this.value)}`}:Object.assign({method:s,url:o},this.value&&{header:{contentType:this.contentType?"multipart/form-data":"application/json"},body:this.value}))).catch((()=>undefined));const a=!i||(i===null||i===void 0?void 0:i.status)<200||i.status>=300?[false,"Failed to submit form."]:[true,"Form successfully submitted."];e(a[0]);return[...a]})))}}));if(await this.processing){this.type=="create"&&await this.clear();await this.setInitialValue();this.readonlyAtLoad&&await this.edit(!this.readonlyAtLoad)}this.processing=undefined}async clear(){await Promise.all([...this.inputs.values()].map((async t=>dr.is(t)&&t.clear())));this.smoothlyFormClear.emit()}async edit(t){await Promise.all([...this.inputs.values()].map((async e=>mr.Element.type.is(e)&&e.edit(t))));this.readonly=!t;this.smoothlyFormEdit.emit(t)}async reset(){await Promise.all([...this.inputs.values()].map((t=>mr.Element.type.is(t)&&t.reset())));this.changed=[...this.inputs.values()].some((t=>mr.type.is(t)?t.changed:true));this.smoothlyFormReset.emit()}async setInitialValue(){await Promise.all([...this.inputs.values()].map((t=>mr.Element.type.is(t)&&t.setInitialValue())))}render(){return o(s,{key:"c92c7a7785a5f449ba94b84760d1c34c8c7b2a96"},o("smoothly-spinner",{key:"0c2675960f2511d4d334e3f70e37347f093be732",overlay:true,hidden:!this.processing}),o("form",{key:"8638676ca2793e8928dece9a4e6d472348ff861e",onSubmit:!this.prevent?undefined:t=>t.preventDefault(),name:this.name},o("fieldset",{key:"b8f5d6fa5e26d597a3872ab2e5d0a8c3849b6785"},o("slot",{key:"7babd5d1e68b7dfd43d0e881974d7106201a166f"})),o("div",{key:"ce48c268abfe8f21c06219db66b15f0bba198c73"},o("slot",{key:"c7773ae8ecaaca2163192a1bcc2248b73c9b5252",name:"clear"}),o("slot",{key:"6e8dde1639259fc8bcdac2983a10b13da5a3fa1b",name:"edit"}),o("slot",{key:"0e550a36c2d248e683b98113e044b59682580180",name:"reset"}),o("slot",{key:"6a40c39e80dba5fa0e1ce7eed49bdc008bd48e72",name:"delete"}),o("slot",{key:"4e63b06256dec16e89288a4264159250c3c0d159",name:"submit"}))))}get element(){return i(this)}static get watchers(){return{value:["watchValue"],readonly:["watchReadonly"]}}};pr.style=fr;const gr=".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 kr=gr;const vr=class{constructor(e){t(this,e)}render(){return o(s,{key:"a35ea2be54c7330f3e7c2d7f64c4579ed48b70ff"},o("div",{key:"22fc32244417a20b0f3ba0d598bca7e15e6d4e66"},o("smoothly-form-demo-all",{key:"adb4582761d66be87de85d38334d0644fb10726d"}),o("smoothly-form-demo-pet",{key:"ebed70d483e430772a04677c2549df2cff841fa2"}),o("smoothly-form-demo-card",{key:"05ee0b54fc2db3ddf7925c8bf3a0bd33ee7a7cc6"}),o("smoothly-form-demo-login",{key:"63755550a7b44c55c2c07ab0111bec145204b814"}),o("smoothly-form-demo-prices",{key:"2bb04e58340156e5741cdc8aadfb7f4db7723af6"}),o("smoothly-form-demo-typed",{key:"ed385a174f6e84031a85ba5f5339251b91e18b0b"}),o("smoothly-form-demo-transparent",{key:"bcc94e93a50e979c4f4265fb04db4237d06f0cce"}),o("smoothly-form-demo-date",{key:"ece8bc437afc832dff509c644aaad77b431a95d8"}),o("smoothly-form-demo-schedule",{key:"bc8859379be7fb08723bf2dc639e2ed31a510006"}),o("smoothly-form-demo-date-range",{key:"d3f32aa95cbaa45eb43d4e48f76a43f6e1e72b14"}),o("smoothly-form-demo-controlled",{key:"ead216008b41f31673f6c6ef1ee2cdf406a0b114"})))}};vr.style=kr;const wr=class{constructor(e){t(this,e)}render(){return o(s,{key:"b129332c9b6b41ecf26355ca0a28f0ecd298e184"},o("h2",{key:"a16d4bf5e33323a12ac4deb81c9c5771158ebd4c"},"All inputs"),o("smoothly-form",{key:"c3ecc745cb227d96c7671beb9372bf4b421eccd9",looks:"grid",type:"create",readonly:true,action:"https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4",onSmoothlyFormSubmit:t=>{Object.entries(t.detail.value).forEach((([t,e])=>console.log(t,e)))}},o("smoothly-input",{key:"6224895eb9d1cbe325d3222ba39d4ff95fc29f36",readonly:true,name:"First Name",value:"John"},"First name"),o("smoothly-input",{key:"727cb66a85b868bf23edafc7d92bd9568f44c687",showLabel:false,name:"Last name",value:"Doe"},"Last name",o("smoothly-input-clear",{key:"91ff7f7ff90cd06583c36678d2709fd9e3e8ac22",size:"icon",slot:"end"})),o("smoothly-input",{key:"fabfdb6f59f8b1c17f702598b4bd199f3abf2a2f",type:"phone",name:"Phone",value:"777888999"},"Phone",o("smoothly-input-reset",{key:"82159890344ebf8f2517d3b7a9824c8d05cfffea",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"77b46f67cafeffc4231091a7fdcfc18e2248ccbc",clearable:true,name:"radioFirstInput"},o("label",{key:"ef61215f9174dfc9cba89722649887a53c33e74f",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"b7aa62927687e2b6ec68e6a599cc221fd373c1a9",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"1145bc596f7fa443c744e5d4549fe90c435ba27b",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"a904313ab5f12453e390ebe57e944d75192d0c8d",value:"third"},"Label 3")),o("smoothly-input-color",{key:"c87ea9ba191b870d6e1112f12eb2fb90793bc058",name:"color"},"Color"),o("smoothly-input-select",{key:"60e408b9dccf19b5f96bf9b26ca48084dbc28aa4",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"ff05df337bc92d371a5e42707ee66001b9ff0965",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"c5a9f4dedd6c833b3087504321feba6b90206b0e",value:"1"},"January"),o("smoothly-item",{key:"5e1ab7c8f40850452ac02e5799f9070117b8c2c1",value:"2"},"February"),o("smoothly-item",{key:"6fc0fbd2ea2d56ddc9043ffe18a6f27d5be1916e",value:"3"},"March"),o("smoothly-item",{key:"6a410689eb95d2e568fcf80eb6f3a19b29e57823",value:"4"},"April"),o("smoothly-item",{key:"92368f5f8608a8cbbf23bdad52c4e54de53deca0",value:"5"},"May"),o("smoothly-item",{key:"255344fbd7ecb9ba432198fcc4f4b2165eefd55d",value:"6"},"June"),o("smoothly-item",{key:"0948a61ad00759cf4ec89d8eaa680113c8966540",value:"7"},"July"),o("smoothly-item",{key:"62dd00572adc6a3ae27fe76f7cc1d7ea8bff264f",value:"8"},"August"),o("smoothly-item",{key:"0f85653dd5cf89c72f9652a01083198f7e6838c0",value:"9"},"September"),o("smoothly-item",{key:"122d8dd22d65ae9e1891aab2002ab8cd7161ac40",value:"10"},"October"),o("smoothly-item",{key:"ac0c5c8397dcdfde7a4c5ac53a65b4f7eb95f698",value:"11"},"November"),o("smoothly-item",{key:"f6a22f914c4c1b74d55120a775b902be71cd1cc0",value:"12"},"December")),o("smoothly-input-select",{key:"1b2505f80d5a6433034650479cfdb6bb3ee63c4e",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"78fa9c7aaf7baede862bbd850b338b2a05309e59",value:"folder",selected:true},o("smoothly-icon",{key:"b2206fb93693aea395468d92a6e6c4712546cbcf",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"68bf08c65b799da0b7233a1f2a4b9326a4512e2c",value:"camera"},o("smoothly-icon",{key:"506e359c13e85a279e1f6d7b0a87d1ce058e6322",size:"small",name:"camera-outline"}))),o("smoothly-input-checkbox",{key:"4842ef849082d4b67800b04400ed2787377f9c4a",name:"checkbox"},"Check the box"),o("smoothly-input-checkbox",{key:"0a13123aa282afe9a8544b44cf4de13a72fff837",name:"checkbox2",checked:true},"Check the box 2"),o("smoothly-input-range",{key:"ebde32a21737a48abf965c8cdb53554675845efb",step:1,name:"range3",value:20,label:"Range"}),o("smoothly-input",{key:"f0a6e933b8df18cb700270ac833557e9ebbc46ca",name:"pets.0.name"},"First Pet's Name"),o("smoothly-input-range",{key:"e52599f3b8c723fbdc0654964395d8c6a2908872",name:"pets.0.age",max:100,step:1,label:"First Pet's Age"}),o("smoothly-input",{key:"f9c3d79e1511bca828431591a4b7ca05aa0bfe1a",name:"pets.1.name"},"Second Pet's Name"),o("smoothly-input-range",{key:"7589245ae0c68a0fdee596ff1ccc374731234989",name:"pets.1.age",max:100,step:1,label:"Second Pet's Age"}),o("smoothly-input",{key:"7d373a6873837bd9d6d6e798bfc12a138d4b2dd9",name:"pets.2.name"},"Third Pet's Name"),o("smoothly-input-range",{key:"0f0c863b5a689fd87fee11d02a20681c38ca3503",name:"pets.2.age",max:100,step:1,label:"Third Pet's Age"}),o("smoothly-input-file",{key:"33c5fb0a39f414cd6d4ca1cdf8adc9195c0f711d",name:"profile",placeholder:"Click or drag your profile picture here..."},o("span",{key:"5c7663e71064d779989128a02914513ae8ca14e4",slot:"label"},"Profile"),o("smoothly-icon",{key:"e25083ec4fcaf68f96b473ed0c0195a83add3ce0",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),o("smoothly-input",{key:"f68a0cac2e3960688174bf8c5588e6586dddaca8",type:"duration",name:"duration",value:{}},"Duration"),o("smoothly-input-clear",{key:"a5530e1cba012400d0deea40dc74c49e85bddd9f",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),o("smoothly-input-edit",{key:"a2efe4d9c66e91f115483f9402ecf2fdb5d21d4a",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),o("smoothly-input-reset",{key:"e80f85361ed05e4e87eba0bbf8c1e45c76500b1c",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),o("smoothly-input-submit",{key:"d95dbdb2f5ef80c6afd72205526fb31280d59ab0",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),o("smoothly-input-submit",{key:"ec4acf5e12d20b499e09c33864a1880e94d06fd6",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}};const xr=class{constructor(e){t(this,e)}render(){return o(s,{key:"48045a395d9d97b39b645e9d0af5fac751df6fb7"},o("h2",{key:"16bb96d22359df3a5c3d17c3151398a20c8f2be3"},"Card"),o("smoothly-form",{key:"33999068a91396e21210db2b5fb6c659480e10b2",looks:"grid",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail))},o("smoothly-input",{key:"5548eed7d9f56215ad1650fc1d19042afbffe1be",type:"card-number",name:"card"},"Card #"),o("smoothly-input-submit",{key:"3214c68fc6d0d2f478354cd038b6efdb57cb999b",size:"icon",slot:"submit",color:"success",fill:"solid"}),o("smoothly-input",{key:"abfc7c463e7f24d688976483a0a50286d3202552",type:"card-expires",name:"expires"},"Expires"),o("smoothly-input",{key:"4eb07ef9611f65c495cca2397741d5acd4ccf941",type:"card-csc",name:"csc"},"CVV/CVC"),o("smoothly-input",{key:"d233da82d9ec3c849dc4cf0005d27bee2ff1e5a1",type:"text",name:"name.first"},"First Name"),o("smoothly-input",{key:"6145dbaedd722122013c192a41fceb82e4c87042",type:"text",name:"name.last"},"Last Name")))}};const Cr=class{constructor(e){t(this,e);this.currencies=["GBP","SEK","EUR","USD"];this.name="Initial name";this.currency="EUR";this.date=x.now()}nameChanged(t,e){console.log(`updated name from '${e}' to '${t}'`)}async submitHandler(t){t.stopPropagation();console.log("Received event. Processing...",t.detail);if(!(typeof t.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof t.detail.value.date=="string"))console.error("Bad input. Resolving false.");else if(!z.is(t.detail.value.currency))console.error("Bad input. Resolving false.");else{await new Promise((t=>window.setTimeout(t,1e3)));this.name=t.detail.value.name;this.date=t.detail.value.date;this.currency=t.detail.value.currency;console.log("Finished processing successfully. Resolving true.");t.detail.result(true)}t.detail.result(false)}render(){return o(s,{key:"33ee374e266b533585c885fa8ae0cc19b5505a7a"},o("h2",{key:"d96f86da6c0183823825b02b4ca06cf56bceb272"},"Controlled"),o("smoothly-form",{key:"7a44aea6b2213d6225358d64ebc4f34655a9a459",readonly:true,looks:"grid",onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input",{key:"ec7e44ed761884473c48bf84c1295266d49b088e",type:"text",name:"name",value:this.name},"Name"),o("smoothly-input-select",{key:"9fdeed74e462f65327525e654f374fd8ad2a6a43",name:"currency"},o("span",{key:"c732be30ea7a82c429e3a9db9e92807cb93ed720",slot:"label"},"Currency"),this.currencies.map((t=>o("smoothly-item",{selected:t==this.currency,value:t},t)))),o("smoothly-input",{key:"bdfb6f595a1a5fbfb0e4460b75ecfc2c5b6c7eb8"},"Dummy"),o("smoothly-input-month",{key:"ce4484b155a53693722a193f71faf29c3adb102d",name:"date",value:this.date,next:true,previous:true},o("span",{key:"268b3b1034bc269b3443880da56e25f4aa50da62",slot:"year-label"},"Year"),o("span",{key:"91d337d831699e282d8b2b00cef8dc933ab71e72",slot:"month-label"},"Month")),o("smoothly-input-edit",{key:"4907baa416a68af837621e7cfe7a45c6dc72c9ae",slot:"edit",size:"icon",color:"primary",fill:"default"}),o("smoothly-input-reset",{key:"dc7c7c782222f9f0c6c5160c9f8ddfc7673163f5",slot:"reset",size:"icon",color:"warning",fill:"default"}),o("smoothly-input-submit",{key:"c51e532d3d2b933f182599c32d9d76e4a2fdd448",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:["nameChanged"]}}};const Sr=".sc-smoothly-form-demo-date-h{display:block}";const zr=Sr;const jr=class{constructor(o){t(this,o);this.notice=e(this,"notice",7);this.validator=j({date:y("isoly.Date",x.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(A.failed(`Type is incomplete.`))}else{this.notice.emit(A.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return o(s,{key:"a7ff36f62518b4048172171f29a71f9e4a2d9027"},o("h2",{key:"30beb481a7eb4db9e5ae73dc5ae239dab5cb7343"},"Date input"),o("smoothly-form",{key:"b22a7500f6582da40291cfe024a5f5167a4d97ab",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input-date",{key:"949c52817e6f094f11dcc069c419e8a3913039b7",name:"date"},"Date"),o("smoothly-input-submit",{key:"dc03efa9c5a058cbba0edea9bedca866f4fca73d",slot:"submit"},o("smoothly-icon",{key:"9552bcdec6a26d354dcde5f40c57058da3716c71",name:"checkmark-outline"}))))}};jr.style=zr;const Ir=".sc-smoothly-form-demo-date-range-h{display:block}";const _r=Ir;const Tr=class{constructor(o){t(this,o);this.notice=e(this,"notice",7);this.validator=j({range:y("isoly.DateRange",T.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(A.failed(`Type is incomplete.`))}else{this.notice.emit(A.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return o(s,{key:"cbbd77825d662b77222ca21cbdaffbf7debab06e"},o("h2",{key:"98fb31c3069258339a902a42c0e3631610e9f903"},"Date-range input"),o("smoothly-form",{key:"fb4b3384f1a629a34139bbd74df099d042c77ce9",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input-date-range",{key:"e2d04fee4b02c801fd334b2a6e76db1740120dd1",name:"range"},"Range"),o("smoothly-input-submit",{key:"2c8b6bb50ed92c63250dc597b37d48610a5c8bf8",slot:"submit"},o("smoothly-icon",{key:"774874497d34c6d553395c992a4ca9f305deb89b",name:"checkmark-outline"}))))}};Tr.style=_r;const Or=class{constructor(e){t(this,e)}render(){return o(s,{key:"c6c91f01f31482fcf062823cfc543834c1be3b2f"},o("h2",{key:"24d231999ab4cb8987ade2141387fceadff1365f"},"Login"),o("smoothly-form",{key:"647aaca0a026736546a81b80dac47d4edcb57b5e",looks:"border"},o("smoothly-input",{key:"c885174d4462f497e946657325da6309e889f697",type:"text",name:"username"},"Username"),o("smoothly-input",{key:"6bf32f5540973cd23d79cea2b2b15a6df4b425bb",type:"password",name:"password"},"Password"),o("smoothly-input-reset",{key:"b0562c687e1a025cae37c06ebbab3f5fa22983ae",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"91148f0ed411acd1dfc529a58b19074dd7182859",slot:"submit"})))}};const Lr='.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 Ar=Lr;const Mr=class{constructor(e){t(this,e);this.hasOwner=false;this.owner={};this.value=undefined}render(){var t,e;return o(s,{key:"acf0a1fa646ff7e7599b46efec53fcf456c968f3"},o("h2",{key:"b4196cc73f14766f845f479cd55b5beab288b23f"},"Pet"),o("h3",{key:"8592b216cf9a7497dac63917334c77c15fd5606e"},"Value"),o("smoothly-form",{key:"2820e0b01d92261009ad54f2fe917752d10d23ac",looks:"border",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail)),onSmoothlyFormInput:t=>this.value=Object.assign({},t.detail)},o("smoothly-input",{key:"7cca1b10a7216b6495ef93b85c3607ac24038228",type:"text",name:"name.first"},"Name"),o("smoothly-input",{key:"222dd440a0fced113798970c756955740d3f0a2d",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"6831c2c5bd79d7f3846d899d3d370cb37b81ba4f",name:"hasOwner",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:t=>{this.hasOwner=t.detail.hasOwner;t.stopPropagation()}},"Has Owner"),this.hasOwner&&o(a,{key:"7a182acea9e864d2aaa0de708bdef1f1f705fd37"},o("smoothly-input",{key:"72a3a97b5a51f10d735ce40bf7770400ec62ad38",type:"text",name:"owner.firstName",value:this.owner.firstName,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{firstName:t.detail["owner.firstName"]})},"Owner First Name"),o("smoothly-input",{key:"1e0d5b08442da0ff0f46638c6e000b865a81f0ac",type:"text",name:"owner.lastName",value:this.owner.lastName,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{lastName:t.detail["owner.lastName"]})},"Owner Last Name"),o("smoothly-input-file",{key:"3e8f38dceae47e866dbb34498b4bd1c93d9b48d6",name:"owner.picture"},o("span",{key:"f675b65adea68a7a90c0b3153f8907f7786c24d4",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"d871c8d8b03b6452f7b58a58ce6485c0f913aecb",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:t.detail["owner.birthday"]})},"Owner birthday"),o("smoothly-input-date-range",{key:"8b3c96cee5966bc4176861f6363a54b6ed440485",name:"owner.ownedRange",start:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.start,end:(e=this.owner.ownedRange)===null||e===void 0?void 0:e.end,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:t.detail["owner.ownedRange"]})},"Owner ownedRange"),o("smoothly-input-range",{key:"c8dd99cf5fd99eff25ea09ce79ea7db946664f44",name:"owner.height",step:1,max:250,value:this.owner.height,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{height:t.detail["owner.height"]})},"Owner's Height"),o("smoothly-input-select",{key:"aefdd7ef91183f26262d90228fcc7409dbcec02f",name:"owner.favoriteHat"},o("span",{key:"6ed97ed0ab2bab3cc5674541a69d4875db923565",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,e)=>o("smoothly-item",{value:t,key:e,selected:this.owner.favoriteHat==t},t)))),o("smoothly-input-color",{key:"51d8b88780438f4c3191d3a51477283cf712cc8e",name:"owner.favoriteColor",value:this.owner.favoriteColor?b.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:t.detail["owner.favoriteColor"]})},"Owner's Favorite Color"),o("smoothly-input-radio",{key:"6ba90fb5c6847b951d441bdf7ad0691704b06c91",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:t.detail["owner.favoritePizza"]})},o("span",{key:"6ffc9df832501190dddce0c3acecfd74578c0492",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,e)=>o("smoothly-input-radio-item",{value:t,key:e},t)))),o("smoothly-input-checkbox",{key:"32ec790298a5a3c3ed6b9fe41741525fc50ffe29",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:t.detail["owner.hasPet"]})},"Has Pet")),o("smoothly-summary",{key:"946e5b9767d8e275a7e2f949c42e95986885dd41"},o("span",{key:"957912444820dc079f78ae4cccf8d9179f350698",slot:"summary"},"Summary"),o("div",{key:"f8cdb67936c2f81c10d32d2d2abca72493b8fee8",slot:"content"},o("smoothly-input",{key:"f20bdf47ff325be28cffa1a8828a749a7cad848a",type:"price",name:"summary.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"e547e4957f63f258edd64300e5c215799f5d5e9c",name:"summary.picture"},o("span",{key:"67ed7f68d913f97a7efad73cacfccfe233432716",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"cc6a2ff1f5789c701186fa0e4a5936dcf8d0d6bc",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"c605af721234920befcb3e5d19701c4b0b2c3e45",name:"summary.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"99ffa315e8e83e5eb5d53eadcd3d1b3dbcc107d5",name:"summary.ownedRange"},"Summary ownedRange"),o("smoothly-input-range",{key:"e3d19c28588f6bdd85cb09ff8f808cc12ff9c8db",name:"summary.height",label:"Height"}),o("smoothly-input-select",{key:"047355ec0595d288c63531daaec951df2b7d6c71",name:"summary.favoriteHat"},o("span",{key:"ff666e9d30286d4f52b467bda01784c0d5b9a015",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,e)=>o("smoothly-item",{value:t,key:e},t)))),o("smoothly-input-month",{key:"c7d58f5df92bc754bf5ed7fd24ef4e8d018230db",name:"summary.month"},o("span",{key:"cc1d2f915035e5f222c60d0822ddbb94c0336397",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"736ec4ddf226a6f4eef4665e0306d4d595bacfa7",name:"summary.color"},"Summary Color"),o("smoothly-input-radio",{key:"dc00d161fd633894871dd4a86ea11f58ff920e46",name:"summary.favoritePizza"},o("span",{key:"c243b00324d14891075b184d6de62f606dff1922",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,e)=>o("smoothly-input-radio-item",{value:t,key:e},t)))),o("smoothly-input-checkbox",{key:"300757a37041b0eed42d7b95da268f2b0df18dc4",name:"summary.hasPet"},"Has Pet"))),o("smoothly-tabs",{key:"86e4b5e3aa0ce9b9aa3740f8a97634bf81e4a1dd"},o("smoothly-tab",{key:"1916a392c470b049a3c04cdc5cc827ae666d69b3",label:"Dog",name:"dog"},o("smoothly-input",{key:"5458ec4339dbc501dc2820ca357756f3866b02cf",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"20192f8012bc406a6f8a4fd0fbffcae8265a5b44",name:"dog.picture"},o("span",{key:"784151ac656a598a5bba0da77f8ac4799e3671f3",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"1d42ffaa830f58795960311f3b9305f2156e9392",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"4e4eb1eb59bc339a164144e707baeb7f1fcf3cbd",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"433c1936e06cf2fc077c72291ebd331b1f4e9c6a",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"394d9493875a10625697ddde00032faea3a9949d",name:"dog.favoriteHat"},o("span",{key:"dc7519a64a62eef3c81c628fed15d19600fdc384",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,e)=>o("smoothly-item",{value:t,key:e},t)))),o("smoothly-input-color",{key:"c32d1da8004ee0d3e2e8c1153e234159e14497df",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"48ad6d9802b674cb005c06b05c37bb0f9e05756f",name:"dog.favoritePizza"},o("span",{key:"a62d202f406dc03ee5f3ba8bc8dc9051496c9e8a",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,e)=>o("smoothly-input-radio-item",{value:t,key:e},t)))),o("smoothly-input-checkbox",{key:"20d8514c21bf4f5180a52cb8940ac1c061669742",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"8b830be2f071380016ca839468024b0f299ed370",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"e4a304c594dcfb7cdcafe18484318a277389b9ec",name:"cat.favoriteFood"},"Favorite Food"))),o("smoothly-input-submit",{key:"cc1ac436d5d807fd7587bb2f36147a651b4b22ed",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"dbbfa1285378483e69a1d7df5a85b0e23a2f31b9",type:"json",value:this.value}))}};Mr.style=Ar;const Dr=class{constructor(e){t(this,e)}render(){return o(s,{key:"dcdcfff3bf3fcaa12805a68146317fdc7a14187f"},o("h2",{key:"52152586403583edd583b13d01f8bde96b024764"},"Prices"),o("smoothly-form",{key:"ec2d979db7371821b4b82cbe7ab0a8ebc0aebe35",looks:"line"},o("smoothly-input",{key:"c9139774b927500457fba3c67377707b6cf79f96",type:"price",name:"no"},"No currency"),o("smoothly-input",{key:"b12ff2a6303a06f928091f3d817bfb9eda97cbe2",type:"price",name:"crowns",currency:"SEK",toInteger:true},"SEK (toInteger)"),o("smoothly-input",{key:"05ed9a9608094b28a5be7c3fe162d51cbc2137e1",type:"price",name:"usDollar",currency:"USD"},"USD"),o("smoothly-input",{key:"c0b8651a12cc274556cd8e39b031a305dfc0ff22",type:"price",name:"pounds",currency:"GBP"},"GBP"),o("smoothly-input",{key:"2d0a8a190c3dd6a3b1e7bcf21dcdfe4f143f4e12",type:"price",name:"peso",currency:"UYW"},"UYW"),o("smoothly-input",{key:"29ff314cd3ab79671f5033548dae62cdf4fbbfc1",type:"price",name:"iceland",currency:"ISK"},"ISK"),o("smoothly-input",{key:"1015dbdff529b4ac11aba807461797b032e67fb5",type:"price",name:"Palladium",currency:"XPD"},"XPD (Palladium)"),o("smoothly-input-reset",{key:"7a22d94468e13345cc58065122ca1dbacf8b267f",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"a6f35855027a7c670e66a194f15737fe7a271dbf",slot:"submit"})))}};var Er;(function(t){t.type=j({date:y("isoly.Date",x.is),amount:O()})})(Er||(Er={}));var Rr;(function(t){t.type=j({schedule:Er.type.array()})})(Rr||(Rr={}));const $r=class{constructor(e){t(this,e)}render(){return o(s,{key:"cf60e7a04910b1480639e21cca3916ba72cf379f"},o("h2",{key:"bb73a2619df7e5b7728f11d4aafdcd06d0edacf7"},"Schedule"),o("smoothly-form",{key:"3803bf136ed2772b59c447ba848915a5aa459193",looks:"line",validator:Rr.type},o("smoothly-input-date",{key:"6503417a231e6adbaf9ba1f56798ff621eed36a4",name:"schedule.0.date"},"Date"),o("smoothly-input",{key:"f0ff367fb84dae051b9aafecfbcd7485b9b106d5",name:"schedule.0.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"ac29cc7af6543a76d389713dabf1dfc95a65056b",name:"schedule.1.date"},"Date"),o("smoothly-input",{key:"adc7d91ccd3e46f98d4f310a245282654fa00d5c",name:"schedule.1.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"b13f1ffa922e990bd5d2eee4f51d503942cd8ffd",name:"schedule.2.date"},"Date"),o("smoothly-input",{key:"9253089c13eef25d361159f6004a3b40a129859c",name:"schedule.2.amount",type:"price"},"Amount"),o("smoothly-input-reset",{key:"b184befbdb7a3dc2f2a698a4ab9cbcc2d1ba8dd1",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"bb00f73e004948e0554fecfe1d3b9421eaae31dd",slot:"submit"})))}};const Pr=class{constructor(e){t(this,e)}render(){return o(s,{key:"a8217ee24e1ff9b65f742e8cf6a238c96cfc0f37"},o("h2",{key:"5cc42faa70dda3c1b14c130191090b0bfdb82e0e"},"Transparent"),o("smoothly-form",{key:"3638442ba05ae29f29ad2ce752a9eb84851e54e8",looks:"transparent",onSmoothlyFormSubmit:t=>console.log(t.detail.value)},o("smoothly-input-file",{key:"8604ae9aca7642bb1973ba4f55a787d88810a658",name:"file"},o("span",{key:"b043e53f00deec2890feef19bdb5dd07c9f03bc2",slot:"label"},"File"),o("smoothly-icon",{key:"8dc4c5748de5c1b38ef25b1c97174c40a5c31981",slot:"button",name:"folder-open-outline",size:"small"})),o("smoothly-input",{key:"ff0ba343d1e46c1f850dc6837ba1b3cb0c5aff4c",type:"duration",looks:"transparent",placeholder:"h:mm"},"Input"),o("smoothly-input-date",{key:"a9a0d7b49a8216de7861c2eb1a4946277e86f223"},"Date"),o("smoothly-input-date-range",{key:"29ac122aa763c4a89c4c19fbec3d61223e25a21d"},"Date Range"),o("smoothly-input-select",{key:"d803b39468fdd455e83cc68459ee36a150f7f312",name:"transport"},o("smoothly-item",{key:"b8fd0d2f0e8b46030f733db73cfe7b5ab4ed63c1",value:"plane"},o("smoothly-icon",{key:"252a40cb950b7315b96540a6d01986b936576821",name:"airplane-outline"})),o("smoothly-item",{key:"9b12e8cbba6fc60ce6ae6820e4a175facab21c3d",value:"car"},o("smoothly-icon",{key:"104c0d42d284dd9883d0888f7c116f66bf2c0caf",name:"car-outline"})),o("smoothly-item",{key:"ee7e3c14c4c64ca678a487fe7e67d601c84753a0",value:"bus",selected:true},o("smoothly-icon",{key:"09e8430d88e33f5f13df367aa211f8608bb77606",name:"bus-outline"}))),o("smoothly-input-submit",{key:"c1f486dc028d329178e8289e26390b1b91c8c6c8",icon:"checkbox-outline"})))}};var Fr;(function(t){t.type=j({name:j({first:I(),middle:I().optional(),last:I()}),age:O((t=>18<=t&&t<=120)),country:y("CountryCode",L.is),birthday:y("Date",x.is)})})(Fr||(Fr={}));const Nr="";const Hr=Nr;const Ur=class{constructor(e){t(this,e)}render(){return o(s,{key:"83edd2e9ed1007f5fca3d01b6ba3456922e06bfd"},o("h2",{key:"80e959cb227891019949633eb30b999eafa2d53c"},"Typed Contact"),o("smoothly-form",{key:"8ddd35c6a683a4406333d120a7ded70e6ca5e0af",validator:Fr.type},o("smoothly-input",{key:"25528e49b5c020989388b54cd2650f587395c196",name:"name.first"},"First Name"),o("smoothly-input",{key:"cdaa3e9a4e6ebe48e50ebb3e2618adb3c885b579",name:"name.middle"},"Middle Name (optional)"),o("smoothly-input",{key:"6e00ec843ea6049c634d7b5e9867f1f81d4c4ba7",name:"name.last"},"Last Name"),o("smoothly-input",{key:"48bc2c87cb354be189716aa3da3502b677498978",name:"age",type:"integer"},"Age (18-120)"),o("smoothly-input-select",{key:"e499f4bc90dbebb8e9abe2e37b140ad6695ff2ca",name:"country"},o("span",{key:"92c976745352d72643bc841ed802588306a7cd30",slot:"label"},"Country"),L.values.map((t=>o("smoothly-item",{value:t},M(t))))),o("smoothly-input-date",{key:"fafca51a0c4e880340a4cb966c8378fc422aa1de",name:"birthday"},"Date of birth"),o("smoothly-input-reset",{key:"8002349299628fb8002a65ce934cd5e908b1c3c1",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"4222f8be066be2e9a3713daaf1aec8c8c554df67",slot:"submit",size:"icon",color:"success"})))}};Ur.style=Hr;const Yr=".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 Wr=Yr;const Br=class{constructor(o){t(this,o);this.trigger=e(this,"trigger",7);this.message2=e(this,"message2",7);this.url=undefined;this.name=undefined;this.origin=undefined}get contentWindow(){const t=this.element&&this.element.firstElementChild?this.element.firstElementChild:undefined;return t&&t.contentWindow||undefined}get defaultOrigin(){const t=this.url.match(/^(([a-z]+\+)*[a-z]+:\/\/)?[^/^\n]+/);return t?t[0]:"*"}componentDidLoad(){var t;if(this.contentWindow)f.listen((t=this.origin)!==null&&t!==void 0?t:this.defaultOrigin,((t,e)=>{if(t==this.name)if(d.is(e))this.trigger.emit(e);else this.message2.emit({destination:t,content:e})}),window)}async send(t,e){var o,s;if(typeof t=="string")f.send(((o=this.origin)!==null&&o!==void 0?o:this.defaultOrigin)+"#"+t,e,this.contentWindow);else if(f.is(t)&&this.contentWindow)f.send({destination:((s=this.origin)!==null&&s!==void 0?s:this.defaultOrigin)+"#"+t.destination,content:t.destination},this.contentWindow)}render(){return[]}get element(){return i(this)}};Br.style=Wr;const Vr="[fill].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:flex;align-items:center;justify-content:center;box-sizing:content-box}[rotate].sc-smoothly-icon-h{--rotate:rotate(var(--rotation, 0deg));transform:var(--rotate)}[flip=x].sc-smoothly-icon-h{--flip:scaleX(-1);transform:var(--flip)}[flip=y].sc-smoothly-icon-h{--flip:scaleY(-1);transform:var(--flip)}[rotate][flip].sc-smoothly-icon-h{transform:var(--rotate)var(--flip)}[hidden].sc-smoothly-icon-h{display:none}[size=tiny].sc-smoothly-icon-h{--smoothly-icon-size:1.2em}[size=small].sc-smoothly-icon-h{--smoothly-icon-size:1.4em}[size=medium].sc-smoothly-icon-h{--smoothly-icon-size:1.8em}[size=large].sc-smoothly-icon-h{--smoothly-icon-size:2.8em}[size=xlarge].sc-smoothly-icon-h{--smoothly-icon-size:4em}.sc-smoothly-icon-h{width:var(--smoothly-icon-size, 1.8em);height:var(--smoothly-icon-size, 1.8em)}.sc-smoothly-icon-h.sc-smoothly-icon-s>svg{width:100%}";const Gr=Vr;const Kr=class{constructor(e){t(this,e);this.color=undefined;this.fill="solid";this.name="empty";this.size=undefined;this.rotate=undefined;this.flip=undefined;this.tooltip=undefined;this.latestPromise=undefined}async componentWillLoad(){await this.nameChanged()}async nameChanged(){if(this.name=="empty"){this.updateSvg();return}const t=this.latestPromise=c.load(this.name);const e=await t;if(t!=this.latestPromise)return;if(e){const t=this.sanitizeSvg(e);this.updateSvg(t)}}sanitizeSvg(t){const e=new DOMParser;const o=e.parseFromString(t,"image/svg+xml");const s=o.querySelector("svg");if(s){s.setAttribute("role","img");s.removeAttribute("width");s.removeAttribute("height")}return s!==null&&s!==void 0?s:undefined}updateSvg(t){t?this.element.replaceChildren(t):this.element.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\n\t\t\t\t\t<title>Empty</title>\n\t\t\t\t</svg>`}render(){var t;return o(s,{key:"a5367c1b133e62a9ae642ad85ee9d75abb2c7642",title:this.tooltip,style:{["--rotation"]:`${(t=this.rotate)!==null&&t!==void 0?t:0}deg`}})}get element(){return i(this)}static get watchers(){return{tooltip:["nameChanged"],name:["nameChanged"]}}};Kr.style=Gr;const Zr=".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 qr=Zr;const Xr=class{constructor(o){t(this,o);this.notice=e(this,"notice",7);this.page=0;this.display={};this.props={}}render(){return o(s,{key:"1342741181ef5169a16ae1f39a8a598af5d8e84f"},o("h2",{key:"471b30e2dc3a69bcb9dd9c3374d2a8784e20ae5b"},"Filter and Variants"),o("smoothly-form",{key:"6f8c1eee4e6b9b59ed220ff8268731ec5a83f6c2",onSmoothlyFormInput:t=>this.display=t.detail},o("smoothly-input",{key:"4961af70526373719d331a3e726e5534b4d61a11",name:"filter"},"Filter"),o("smoothly-input-select",{key:"163735fd1e2253b2bb19adb88488e6f926236c81",name:"variant"},o("span",{key:"e8c911da926be02de8dcf27d379e745128b49e40",slot:"label"},"Variant"),o("smoothly-item",{key:"9623f9bdc37fccc1680f02ed8df13eddd135bd1b",value:"outline"},"outline"),o("smoothly-item",{key:"f744a5421fef970deaedd17dc0bdb18e93b9703e",value:"sharp"},"sharp"),o("smoothly-input-clear",{key:"3351822412e2dd2c33aa7576889bbee48b2ab559",slot:"end"}))),o("h2",{key:"5e775b4f15884567c0dc92eb6cd6be28adcc42e1"},"Props"),o("smoothly-form",{key:"3ff43ecc58a659044a13684a0c6632c5a165b528",onSmoothlyFormInput:t=>this.props=t.detail},o("smoothly-input-select",{key:"a38f21e80225605d81538251475905027d863100",name:"color"},o("span",{key:"1b27332162e7a5035403b93d32191001f82c98c6",slot:"label"},"Color"),l.values.map((t=>o("smoothly-item",{value:t,color:t},t))),o("smoothly-input-clear",{key:"5c6301ceda87a1df418142ccffeb41fc86cb75e9",slot:"end"})),o("smoothly-input-select",{key:"96a6918c105f23caf34ef8465bf98c5f71df5008",name:"fill"},o("span",{key:"8d7d94d5dec00af39e0a63960db9d5ce748cccac",slot:"label"},"Fill"),r.values.map((t=>o("smoothly-item",{value:t},t))),o("smoothly-input-clear",{key:"2ee3f36dc730b3d93d90ed6fc4a89560bdd8f56d",slot:"end"})),o("smoothly-input-select",{key:"3efd55469725da4c44835ae6a93bd455a9395529",name:"flip"},o("span",{key:"68591f29346e0c56e0c00cb75fb724e1b836a689",slot:"label"},"Flip"),o("smoothly-item",{key:"d93c012bbb38194e345b2db167f44205990c42a2",value:"x"},"x"),o("smoothly-item",{key:"bdf6f57f3b14ce0fef1edb09aa803f84e48a9fcc",value:"y"},"y"),o("smoothly-input-clear",{key:"d520e86a1000b789ad6cae34d20b6dd3e6abde87",slot:"end"})),o("smoothly-input-select",{key:"95dcc39937bb91c5dc54421a92bb956d76ca5c87",name:"size"},o("span",{key:"fd0cb1f5deaa5f0f864f734f52c798f467de3e14",slot:"label"},"Size"),o("smoothly-item",{key:"868675c55eb20e80791d82ad200bfe3cdedf2f7c",value:"tiny"},"tiny"),o("smoothly-item",{key:"a7f9ed2b9ffaa25ef915f3bdf46f8fd11be35fcd",value:"small"},"small"),o("smoothly-item",{key:"1489e09199231e4530ab506759f2bdf824ae9862",value:"medium"},"medium"),o("smoothly-item",{key:"5ba127666aee104066719641fac73fca74f73a57",value:"large"},"large"),o("smoothly-item",{key:"81a0112759b5f1232967b4a511ddb0f609f5b20e",value:"xlarge"},"xlarge"),o("smoothly-input-clear",{key:"c7733f9047dc8b288d1a2b8deb0431a0a4cc5fc1",slot:"end"})),o("smoothly-input-range",{key:"4edeff4bf29438821e04348eb3fec393ef265661",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",o("smoothly-input-clear",{key:"aa54f9cf14b97e23cf62fef0597105926f9121a3",slot:"end"}))),o("h1",{key:"21eb8d9aa45bd75556c76b81493ec98d4b1bb7cf"},"Icons"),o("div",{key:"3b79e0420d17fde65fcd597773bed3cfde553c10",class:"icons"},[...c.Name.values.filter((t=>!this.display.filter||t.includes(this.display.filter))).map((t=>this.display.variant?`${t}-${this.display.variant}`:t)),...c.Logo.values.filter((t=>!this.display.filter||t.includes(this.display.filter)))].map((t=>o("smoothly-icon",{name:t,tooltip:t,"data-name":t,color:this.props.color,fill:this.props.fill,flip:this.props.flip,size:this.props.size,rotate:this.props.rotate,onClick:()=>{navigator.clipboard.writeText(t);this.notice.emit(A.succeeded(`Copied "${t}"`))}})))))}};Xr.style=qr;var Jr;(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})(Jr||(Jr={}));var Qr;(function(t){function e(t,e,i){const a=/([^.-@\s]+)/gi;return i=="backward"?o(t,e,a):s(t,e,a)}t.getWordBreakIndex=e;function o(t,e,o){let s=0;let i;while((i=o.exec(t))!=null){if(o.lastIndex-i[0].length<e)s=o.lastIndex-i[0].length;else break}return s}function s(t,e,o){let s=0;while(o.exec(t)!=null){s=o.lastIndex;if(o.lastIndex>e)break}o.lastIndex<=e&&(s=t.length);return s}})(Qr||(Qr={}));class tc{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=je("price",e);break;case"integer":o=je("integer",e);break;default:o=je(t,e);break}return new tc(o||je("text"),t)}onKeyDown(t,e){var o,s,i,a;let n=e;const l=this.keydownHandlers[t.key];if(l){const r=t.target;e.selection.start=(o=r.selectionStart)!==null&&o!==void 0?o:e.selection.start;e.selection.end=(s=r.selectionEnd)!==null&&s!==void 0?s:e.selection.end;e.selection.direction=(i=r.selectionDirection)!==null&&i!==void 0?i:e.selection.direction;const c=l(t,this.unformatState(e),e);const d=this.partialFormatState(c);if(t.defaultPrevented){r.selectionStart=d.selection.start;r.selectionEnd=d.selection.end;r.selectionDirection=(a=d.selection.direction)!==null&&a!==void 0?a:null}n=d}return n}moveCursor(t,e){t.preventDefault();let o=ve.getCursor(e.selection);let s=ve.getStalker(e.selection);o=Math.min(Math.max(o+(t.key=="ArrowLeft"?-1:1),0),e.value.length);s=t.shiftKey?s:o;e.selection.direction=s<o?"forward":s>o?"backward":"none";e.selection.start=Math.min(s,o);e.selection.end=Math.max(s,o);return e}onFocus(t,e){const o=this.partialFormatState(this.unformatState(e));const s=t.target;s.value=o.value;return o}onBlur(t,e){const o=this.createFormattedState(e);const s=t.target;s.value=o.value;return o}onInputEvent(t,e){var o,s,i,a,n,l,r;const c=t.target;e.selection.start=(o=c.selectionStart)!==null&&o!==void 0?o:e.selection.start;e.selection.end=(s=c.selectionEnd)!==null&&s!==void 0?s:e.selection.end;e.selection.direction=(i=c.selectionDirection)!==null&&i!==void 0?i:e.selection.direction;const d=t.type=="beforeinput"||t.type=="input"?(l=(n=(a=this.eventHandlers[t.type])[t.inputType])===null||n===void 0?void 0:n.call(a,t,this.unformatState(e),e))!==null&&l!==void 0?l:e:e;const 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.replace(/(\r|\n|\t)/g,""));return e}deleteWord(t,e){const o=ve.getCursor(t.selection);const s=Qr.getWordBreakIndex(t.value,o,e);const i=this.unformatState(Object.assign(Object.assign({},t),{selection:{start:Math.min(o,s),end:Math.max(o,s),direction:"none"}}));const a=i.value.substring(0,i.selection.start)+i.value.substring(i.selection.end);i.value=a;i.selection.end=i.selection.start;return i}select(t,e,o,s){t.selection.start=e;t.selection.end=o;s&&(t.selection.direction=s)}erase(t){this.replace(t,"")}replace(t,e){t.value=t.value.substring(0,t.selection.start)+e+t.value.substring(t.selection.end);t.selection.start=t.selection.start+e.length;t.selection.end=t.selection.start}unformatState(t){return we.copy(this.formatter.unformat(xe.copy(t)))}partialFormatState(t){return this.formatter.partialFormat(xe.copy(t))}createFormattedState(t){return this.formatter.format(xe.copy(this.formatter.unformat(xe.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)}setSelection(t,e,o,s){t.focus();t.selectionStart=o;t.selectionEnd=s;this.select(e,o,s);return e}}var ec;(function(t){t.type=j({name:I(),key:I(),shift:_(),ctrl:_(),alt:_(),meta:_()});t.is=t.type.is;function e(t,e){return{name:t,key:e.key,shift:e.shiftKey,ctrl:e.ctrlKey,alt:e.altKey,meta:e.metaKey}}t.create=e})(ec||(ec={}));const oc='.sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-h,[looks="transparent"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks="transparent"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks="transparent"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.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);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.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>.smoothly-input-container.sc-smoothly-input>div.ghost.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.ghost.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}.sc-smoothly-input-h:not([disabled])>.smoothly-invalid.sc-smoothly-input{cursor:pointer}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}';const sc=oc;const ic=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.smoothlyKeydown=e(this,"smoothlyKeydown",7);this.smoothlyBlur=e(this,"smoothlyBlur",7);this.smoothlyChange=e(this,"smoothlyChange",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.uneditable=this.readonly;this.observer=mr.Observer.create(this);this.color=undefined;this.looks=undefined;this.name=undefined;this.value=undefined;this.type="text";this.required=false;this.showLabel=true;this.autocomplete=undefined;this.placeholder=undefined;this.disabled=false;this.readonly=false;this.toInteger=undefined;this.currency=undefined;this.min=undefined;this.max=undefined;this.pad=undefined;this.invalid=false;this.changed=false;this.errorMessage=undefined;this.copyable=undefined;this.initialValue=undefined;this.state=undefined;this.copied=false}async getValue(){return this.stateHandler.getValue(this.state)}async setValue(t){if(this.inputElement)this.state=this.stateHandler.setValue(this.inputElement,this.state,t)}async setFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.focus()}async setSelection(t,e){if(this.inputElement)this.state=this.stateHandler.setSelection(this.inputElement,this.state,t,e<0?this.inputElement.value.length+e+1:e)}async listen(t){this.observer.subscribe(t)}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.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 setCustomInitialValue(t){this.initialValue=t}async smoothlyInputLoadHandler(t){yr.registerSubAction(this,t)}typeChange(){var t,e;switch(this.type){case"price":this.stateHandler=tc.create("price",{currency:this.currency,toInteger:this.toInteger});break;case"integer":this.stateHandler=tc.create("integer",{min:this.min,max:this.max,pad:this.pad});break;default:this.stateHandler=tc.create(this.type,R());break}this.state=this.stateHandler.initialState((t=this.value)!==null&&t!==void 0?t:(e=this.state)===null||e===void 0?void 0:e.value)}stateChange(){this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});this.observer.publish()}valueChange(t){const e=this.stateHandler.getValue(this.state);if(Jr.notEqual(e,t)&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t);this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)})}}readonlyChange(){this.observer.publish()}componentWillLoad(){this.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));this.observer.publish()}componentDidLoad(){if(this.inputElement)this.inputElement.value=this.state.value}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}onEvent(t){this.state=this.stateHandler.onInputEvent(t,this.state);if(t.type=="input"||t.defaultPrevented)this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}copyText(t){if(t){navigator.clipboard.writeText(t);this.copied=true}}render(){var t,e,i,a,n,l,r,c,d,h;return o(s,{key:"03446c564b63c7a218328f8dd04e7510965e4831",class:{"has-value":((t=this.state)===null||t===void 0?void 0:t.value)!=undefined&&((e=this.state)===null||e===void 0?void 0:e.value)!=""},onclick:()=>{var t;return(t=this.inputElement)===null||t===void 0?void 0:t.focus()}},o("slot",{key:"4fb9d3ad624d669cc0764effd9cd39ed2ebecd70",name:"start"}),o("div",{key:"a77ff0a6d8f9d18bf46bec2231a170897005dc7b",class:"smoothly-input-container"},o("div",{key:"fcb56b939c5b36eb406b9e64f1aac5259b8b0607",class:"ghost"},o("div",{key:"1da679c6be1531e3ddf61058896e13084ae2ba66",class:"value"},(i=this.state)===null||i===void 0?void 0:i.value),o("div",{key:"b258b343554cbdc3a9f208b53b1e9a2862f20c29",class:"remainder"},(a=this.state)===null||a===void 0?void 0:a.remainder)),o("input",{key:"999973c7f82634958cf867077ddcef534c0ed0d7",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:async t=>{this.state=this.stateHandler.onKeyDown(t,this.state);if(!this.readonly&&!this.disabled)this.smoothlyKeydown.emit(ec.create(this.name,t))},onFocus:t=>!this.readonly&&(this.state=this.stateHandler.onFocus(t,this.state)),onBlur:t=>{if(!this.readonly){const e=this.stateHandler.getValue(this.state);this.state=this.stateHandler.onBlur(t,this.state);this.smoothlyBlur.emit();this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});if(Jr.notEqual(e,this.stateHandler.getValue(this.state))){this.smoothlyChange.emit({[this.name]:this.stateHandler.getValue(this.state)});this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}}}),o("label",{key:"ccadef9abde712650115bc4e9b1d128afb294553",class:"label float-on-focus",htmlFor:this.name},o("slot",{key:"61f45a5b9db93d08e7b76e116ef2f2c44ef587e0"}))),this.copyable&&this.value&&o("span",{key:"dbaa973a83e16c119e77ab13f5bf69b2e5fa45cc",class:"copyable"},o("small",{key:"2a2039a1f6deb16a130b83ab2c84c0d38d933e06"},this.copied?"Copied!":"Copy"),o("smoothly-icon",{key:"44a804317576b663516be1fceeb3681d3fc0b63b",name:"copy-outline",size:"small",onClick:()=>this.copyText(this.value),onMouseLeave:()=>this.copied=false})),o("smoothly-icon",{key:"f542320fb3cf535d983e6694b854a90435410c4b",class:"smoothly-invalid",name:"alert-circle",color:"danger",fill:"clear",size:"small",tooltip:this.errorMessage}),o("slot",{key:"c99b49a217ebf8a0538343d34d5bfb14490416ea",name:"end"}))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],currency:["typeChange"],type:["typeChange"],state:["stateChange"],value:["valueChange"],disabled:["readonlyChange"],readonly:["readonlyChange"]}}};ic.style=sc;const ac='.sc-smoothly-input-checkbox-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-checkbox-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-checkbox-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.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;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{--smoothly-color-contrast:var(--smoothly-input-foreground)}[looks="transparent"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}';const nc=ac;const lc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.name=undefined;this.changed=false;this.readonly=false;this.disabled=undefined;this.checked=false;this.value=undefined;this.looks=undefined;this.color=undefined}componentWillLoad(){this.initialValue=this.checked;!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));this.observer.publish();this.id="id-"+Math.random().toString(36).substr(2,9)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.value?this.value[`${!!this.checked}`]:this.checked}async clear(){!this.disabled&&!this.readonly&&(this.checked=false)}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.checked=this.initialValue}async setInitialValue(){this.initialValue=this.checked;this.changed=false}async elementCheck(t,e){this.changed=!!this.initialValue!=!!this.checked;const o=!!t!=!!e;if(o){this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}}render(){return o(s,{key:"ed68e23b05fb1f24e398673ae1d87cde408f1cb0"},o("input",{key:"8d4396c622f77d57606360e907ed1db69428871c",type:"checkbox",id:this.id,checked:this.checked,disabled:this.disabled||this.readonly,onChange:async t=>{this.checked=t.target.checked;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),this.checked&&o("smoothly-icon",{key:"69873d52ddb6429076793dc203f33ea5678f5e2c",name:"checkmark-outline",size:"tiny"}),o("label",{key:"79c9f8aca819dfdb81ad1a859f74c4b23aa7459b",htmlFor:this.id},o("slot",{key:"6755d7c117f617285d560d32b48f16214d6a1811"})))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],checked:["elementCheck"]}}};lc.style=nc;const rc='[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}.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]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:not([disabled]):active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h{display:flex}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h[type="input"].sc-smoothly-input-clear-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-clear-h{cursor:not-allowed}.sc-smoothly-input-clear-h[type="input"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type="input"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}';const cc=rc;const dc=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.color=undefined;this.expand=undefined;this.fill="clear";this.disabled=false;this.size="icon";this.shape=undefined;this.display=true;this.type="input";this.tooltip="Clear"}async componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(dr.is(t)){this.parent=t;if(mr.Element.is(t)){t.listen((async t=>{if(yr.is(t)){this.display=!t.readonly&&!t.disabled&&(typeof t.defined=="boolean"?t.defined:Boolean(await t.getValue()))}if(t instanceof pr){this.disabled=t.readonly||Object.values(t.value).filter((t=>t)).length<1;this.display=!t.readonly}}))}}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.clear()}render(){var t;return o(s,{key:"f17ebe5d0bea8f3aaee44b3960c77a23ee66b946",title:this.tooltip},o("smoothly-button",{key:"ef291ad8e0a5e763dde79764536041eb59493b41",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(t=this.fill)!==null&&t!==void 0?t:this.type=="input"?"clear":undefined},o("slot",{key:"619bcb6649b828c1cb4fcb0e2e5dd2271fe90e33"}),o("smoothly-icon",{key:"e29b410bac3bcff98b7946ed23a948f2729e63d5",name:"close",size:"tiny"})))}get element(){return i(this)}};dc.style=cc;const hc='.sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-color-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-color-h,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.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);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:10;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:"";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}';const mc=hc;const uc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined;this.looks=undefined;this.color=undefined;this.changed=false;this.readonly=false;this.disabled=undefined;this.output="rgb";this.name=undefined;this.showLabel=true;this.open=false;this.sliderMode="rgb"}async componentWillLoad(){this.value&&this.setInitialValue();this.value&&(this.rgb=l.Hex.toRGB(this.value));this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,this.color=e}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t))}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLoadHandler(t){yr.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}watchingReadonly(){this.observer.publish()}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.output==="rgb"?{r:this.rgb.r===undefined?undefined:Math.round(this.rgb.r),g:this.rgb.g===undefined?undefined:Math.round(this.rgb.g),b:this.rgb.b===undefined?undefined:Math.round(this.rgb.b)}:this.value?this.value:undefined}async clear(){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t;this.open=false}async reset(){this.value=this.initialValue;this.open=false}async setInitialValue(){this.initialValue=this.value;this.open=false}async valueChanged(){this.changed=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}handleSwitchMode(t){t.stopPropagation();this.sliderMode=t.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=l.Hex.toRGB(this.value))}else{this.value&&(this.hsl=l.RGB.toHSL(l.Hex.toRGB(this.value)))}}async hexInputHandler(t){if(t!==this.value){if(t&&l.Hex.type.is(t)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=l.Hex.toRGB(t)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=l.RGB.toHSL(l.Hex.toRGB(t))}}else if(!t||!l.Hex.type.is(t)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=t;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}sliderInputHandler(t){var e;t.stopPropagation();const o=Object.keys(t.detail)[0];let s=this.sliderMode==="rgb"?this.rgb:this.hsl;if(!(t.detail[o]===undefined)){for(const i of Object.keys(s))if(i===o)s=Object.assign(Object.assign({},s),{[i]:i==="s"||i==="l"?+((e=t.detail[o])!==null&&e!==void 0?e:0)*100:t.detail[o]});else if(s[i]===undefined)s=Object.assign(Object.assign({},s),{[i]:0});if(this.sliderMode==="rgb"){this.rgb=Object.assign({},s);this.hsl=l.RGB.toHSL(this.rgb);this.hexInputHandler(l.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},s);this.rgb=l.HSL.toRGB(this.hsl);this.hexInputHandler(l.RGB.toHex(l.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var t,e,i,a,n,l;return o(s,{key:"30b31c63eba93911527391f6e9cb78553a7fdf0d",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((t=this.rgb.r)!==null&&t!==void 0?t:0)}`,"--rgb-g":`${Math.round((e=this.rgb.g)!==null&&e!==void 0?e:0)}`,"--rgb-b":`${Math.round((i=this.rgb.b)!==null&&i!==void 0?i:0)}`,"--hsl-h":`${Math.round((a=this.hsl.h)!==null&&a!==void 0?a:0)}`,"--hsl-s":`${Math.round((n=this.hsl.s)!==null&&n!==void 0?n:0)}%`,"--hsl-l":`${Math.round((l=this.hsl.l)!==null&&l!==void 0?l:0)}%`,"--element-height":`${this.element.clientHeight}px`}},o("smoothly-input",{key:"e3d0bcdbd8a06e5a7af58243b92eb7fe3517a554",value:this.value,color:this.color,looks:undefined,name:this.name,type:"hex-color",readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,onSmoothlyInput:t=>(t===null||t===void 0?void 0:t.stopPropagation(),this.hexInputHandler(t.detail[this.name]))},o("slot",{key:"5c193a8a4ec023b7eae083efa64b0710a57ac5a3"})),o("div",{key:"a70571803ac5820f73f4061f610feb01648169a1",class:"color-sample"}),o("smoothly-icon",{key:"ae774b176c5a66a35f75e16b7b1d842f02270c0b",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),o("div",{key:"a023b5bcf368e4779d61b5a27420f601565f679c"},o("slot",{key:"fff5d8e9159ed7b988f3132e1a4cb5d1f4bb9f44",name:"end"})),this.open&&!this.readonly&&!this.disabled&&o("div",{key:"5f046873c5d3def42e944e1611f6297e33b51f37",class:"rgb-sliders"},o("smoothly-toggle-switch",{key:"200275629b838161e3be6561460081ea64ed3c7e",title:`${this.sliderMode==="rgb"?"To HSL":"To RGB"}`,onSmoothlyToggleSwitchChange:t=>this.handleSwitchMode(t),size:"tiny",checkmark:false,selected:this.sliderMode==="hsl"}),Object.entries(this.rgb).map((([t,e])=>o("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:t,min:0,max:255,color:undefined,type:"text",value:e,step:1,outputSide:"right",onSmoothlyInput:t=>this.sliderInputHandler(t),onSmoothlyUserInput:t=>t.stopPropagation(),label:t.toUpperCase()}))),Object.entries(this.hsl).map((([t,e])=>o("smoothly-input-range",{style:this.sliderMode!="hsl"?{display:"none"}:{},name:t,min:0,max:t==="h"?359:1,color:undefined,type:t==="s"||t==="l"?"percent":"text",value:(t==="s"||t==="l")&&e?e/100:e,step:t==="s"||t==="l"?.01:1,outputSide:"right",onSmoothlyInput:t=>this.sliderInputHandler(t),onSmoothlyUserInput:t=>t.stopPropagation(),label:t.toUpperCase()})))))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],disabled:["watchingReadonly"],readonly:["watchingReadonly"],value:["valueChanged"]}}};uc.style=mc;const yc=class{constructor(e){t(this,e)}render(){return o(s,{key:"5295aeeeaf7e25a57d95be9261d6f02625ef9a3e"},o("h2",{key:"820a51593ddd94167495bf032956cea0ab24c4f6"},"Color"),o("smoothly-input-color",{key:"c60041ddc60d6274e43d9c26b18e581aebb9bf1b",name:"color"},"Choose color"))}};yc.style="style.css";const bc='.sc-smoothly-input-date-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-h,[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-h>input.sc-smoothly-input-date,[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-h.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .label.sc-smoothly-input-date{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-h.floating-label.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.floating-label .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder] .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly] .sc-smoothly-input-date-s>[slot=label],.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:not([readonly])>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:pointer}[disabled].sc-smoothly-input-date-h,[disabled].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 fc=bc;const pc=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyValueChange=e(this,"smoothlyValueChange",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.color=undefined;this.looks=undefined;this.name=undefined;this.changed=false;this.readonly=false;this.disabled=undefined;this.invalid=false;this.errorMessage=undefined;this.value=undefined;this.open=undefined;this.max=undefined;this.min=undefined;this.showLabel=true}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.value}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined}onStart(t){this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLoadHandler(t){yr.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 o(s,{key:"c35e698f2b92c9f7f710d7c5106dc4eb9df987ff"},o("smoothly-input",{key:"b313bed844d4eec18c07167b8a5f3eee8cc0e396",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:this.name,onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,errorMessage:this.errorMessage,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]},onSmoothlyUserInput:t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:this.getValue()})}},o("slot",{key:"36ae0a68c644b9a284b4c410c5358632590eaba3"})),o("span",{key:"8bac9164ec6d56039550d1da7d9f87dc27974383",class:"icons"},o("slot",{key:"ae050474e8f04c00d9e5634c8145b1f6f1317bdf",name:"end"})),this.open&&!this.readonly&&o("nav",{key:"23fd42dfe6c7bfb16c6dbd0160c1d0e5604810cf"},o("smoothly-calendar",{key:"90138ffd2f1e5662db92a273121934e7e3772b82",doubleInput:false,value:this.value,onSmoothlyValueChange:t=>{this.value=t.detail;this.smoothlyUserInput.emit({name:this.name,value:this.value});t.stopPropagation()},max:this.max,min:this.min},o("div",{key:"af44bc25c46a6523246b3abef195ee0d503c99a9",slot:"year-label"},o("slot",{key:"36093c68ef3aca415b59f32b0a29bcca18dee2ed",name:"year-label"})),o("div",{key:"59fa0e841ca01529ed8bcdf463d4d0e3b2e8fa31",slot:"month-label"},o("slot",{key:"be0b3f429e1cfcc97b9440ce13819742cef60e8b",name:"month-label"})))))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],value:["onStart"],disabled:["watchingReadonly"],readonly:["watchingReadonly"]}}};pc.style=fc;const gc='.sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-range-h,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.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:not([readonly])>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{cursor:pointer}[disabled].sc-smoothly-input-date-range-h,[disabled].sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-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:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.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:-7rem;z-index:9;transform:translate(10em, -0.55rem) rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>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;width:100%;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-block:0.5rem;padding-inline:0.2rem;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 kc=gc;const vc=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.name="dateRange";this.color=undefined;this.looks=undefined;this.readonly=false;this.disabled=undefined;this.showLabel=true;this.start=undefined;this.end=undefined;this.placeholder="from — to";this.invalid=false;this.max=undefined;this.min=undefined;this.changed=false;this.value=undefined;this.open=undefined}componentWillLoad(){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));this.observer.publish()}inputHandler(t){const e="dateRangeInput"in t&&typeof t.dateRangeInput=="string"&&t.dateRangeInput.split(" - ");if(e&&e.length==2&&x.is(e[0])&&x.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(){this.changed=this.initialStart!=this.start||this.initialEnd!=this.end;this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLoadHandler(t){yr.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()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.start&&this.end?{start:this.start,end:this.end}:undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.start=this.initialStart;this.end=this.initialEnd}async setInitialValue(){this.initialStart=this.start;this.initialEnd=this.end;this.changed=false}async clear(){this.start=undefined;this.end=undefined;this.smoothlyInput.emit({[this.name]:undefined})}render(){const t=navigator.language;return o(s,{key:"75cada2cb69af61886475a89b0504a2e870d3dc9",tabindex:this.disabled?undefined:0},o("section",{key:"e7cd56a08bef39622d823a6f8c42eb07efb7fcf6",onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open)},o("smoothly-input",{key:"8a28ae4f819d9d96d68324192c307b6f3a0109f7",type:"text",name:"dateRangeInput",readonly:this.readonly,disabled:this.disabled,value:this.start&&this.end?`${Ie(this.start,"date",t)} — ${Ie(this.end,"date",t)}`:undefined,invalid:this.invalid,placeholder:this.placeholder,showLabel:this.showLabel,onSmoothlyInput:t=>{t.stopPropagation();this.inputHandler(t.detail)}},o("slot",{key:"d3c4d72697955434ad7b2e83f2e5306aa1bf5646"}))),o("span",{key:"8bc35c4fb0f0f0d5601114941967153b2ac695be",class:"icons"},o("slot",{key:"043a021470f3996d56db1c43f8d87c37838a5338",name:"end"})),this.open&&o("nav",{key:"cf12a6ed45822c63deb0bedf5da82f617670123c"},o("smoothly-calendar",{key:"a8a04d7452018076566a4d42fb0d7a7facd0ba9f",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});this.smoothlyUserInput.emit({name:this.name,value:t.detail})},value:this.start,start:this.start,end:this.end,max:this.max,min:this.min})))}get element(){return i(this)}static get watchers(){return{start:["updateValue"],end:["updateValue"],value:["valueChanged"],disabled:["watchingReadonly"],readonly:["watchingReadonly"],name:["nameChange"]}}};vc.style=kc;const wc='.sc-smoothly-input-date-time-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-time-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-time-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-time-h,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>nav.sc-smoothly-input-date-time{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));min-width:18em}.sc-smoothly-input-date-time-h>nav.sc-smoothly-input-date-time>smoothly-calendar.sc-smoothly-input-date-time::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-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name="date"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name="hour"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name="minute"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}@media screen and (min-width: 400px){.sc-smoothly-input-date-time-h>nav.sc-smoothly-input-date-time{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em}}';const xc=wc;const Cc=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyValueChange=e(this,"smoothlyValueChange",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.color=undefined;this.looks=undefined;this.name=undefined;this.changed=false;this.readonly=false;this.disabled=undefined;this.invalid=false;this.errorMessage=undefined;this.value=undefined;this.open=undefined;this.showLabel=true;this.min=undefined;this.max=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish();this.valueChange(this.value)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){const t=this.date&&typeof this.hour=="number"&&typeof this.minute=="number"?`${this.date}T${`${this.hour}`.padStart(2,"0")}:${`${this.minute}`.padStart(2,"0")}:00.000Z`:undefined;return C.is(t)?t:undefined}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}async handleChange(){const t=await this.getValue();this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){if(C.is(t)){this.date=C.getDate(t);this.hour=C.getHour(t);this.minute=C.getMinute(t)}this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){if(t.target!=this.element)t.stopPropagation()}smoothlyInputLoadHandler(t){yr.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){if(C.is(this.initialValue)){this.date=C.getDate(this.initialValue);this.hour=C.getHour(this.initialValue);this.minute=C.getMinute(this.initialValue)}else{this.date=undefined;this.hour=undefined;this.minute=undefined}}async setInitialValue(){this.initialValue=await this.getValue();this.changed=false}render(){return o(s,{key:"bc100a3a16b23b185cc59d1c705a70a346f1b921"},o("smoothly-input",{key:"5e1724a9b77e76b99ef0cc70e764610715d4fa9e",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:"date",onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,type:"date",value:this.date,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.date=t.detail.date},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}},o("slot",{key:"8af07feb44277cc000039d40b1a47232ce6840ee"})),o("smoothly-input",{key:"32ea8114a00b2679362deb5b9c56ee7988d604fb",name:"hour",type:"integer",max:23,pad:2,value:this.hour,readonly:this.readonly,disabled:this.disabled,placeholder:"hh",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.hour=t.detail.hour},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),o("span",{key:"fdd4d43c7d14ffb5800dd473624a760a239f6cc8",class:"colon"},":"),o("smoothly-input",{key:"0c3ab905a5b2ac3331c3b060aeafcd6ca01ae40c",name:"minute",type:"integer",max:59,pad:2,value:this.minute,readonly:this.readonly,disabled:this.disabled,placeholder:"mm",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.minute=t.detail.minute},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),o("span",{key:"12ad993d828a5c40436cfa669f196ff103da845c",class:"icons"},o("smoothly-icon",{key:"fd371a5a3af47b77655d289310259d3015633373",class:"smoothly-invalid",name:"alert-circle",color:"danger",fill:"clear",size:"small",tooltip:this.errorMessage}),o("slot",{key:"7b785989dd182c178e704b9b902f7ca5a8d5965a",name:"end"})),this.open&&!this.readonly&&o("nav",{key:"bbdb812ebcbe80e131f162cb98edcbd3f2441838"},o("smoothly-calendar",{key:"86bb4cebaaf256cb23f62557a183cf29c3127a05",doubleInput:false,value:this.value?C.getDate(this.value):undefined,min:this.min?C.getDate(this.min):undefined,max:this.max?C.getDate(this.max):undefined,onSmoothlyValueChange:async t=>{t.stopPropagation();this.date=t.detail;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})},onSmoothlyDateSet:t=>{t.stopPropagation();this.open=false}},o("div",{key:"12e491eb754d1ebe1071c5f5ed2b53a9884ee2b8",slot:"year-label"},o("slot",{key:"2e0d13fd569f443707327abc67d61584e1d06776",name:"year-label"})),o("div",{key:"82950620216b02db4735f08f0b244e31209fbb4a",slot:"month-label"},o("slot",{key:"d11d7a4b5fbf384afdabecc9f41cb343344469f2",name:"month-label"})))))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],date:["handleChange"],hour:["handleChange"],minute:["handleChange"],value:["valueChange"],disabled:["watchingReadonly"],readonly:["watchingReadonly"]}}};Cc.style=xc;const Sc=".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{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 zc=Sc;const jc=class{constructor(o){t(this,o);this.smoothlyUrlUpdate=e(this,"smoothlyUrlUpdate",7);this.numbers=[1,2,3,4,5,6,7,8,9];this.duration={hours:8};this.alphanumeric="!@##"}render(){return o(s,{key:"8eca5085c2cd1c049f973fc3660e505fe011cb8d"},o("smoothly-input-demo-standard",{key:"2a981d4cc5d0aa0d3b2d4cf00f5fd02b6532ba8a"}),o("smoothly-input-demo-user-input",{key:"d5cf6a5e4ec84c34d15aa6aa70db7814f1c6bc7b"}),o("div",{key:"4029596231233b85a8b5808d5b3a234a90738e6f",class:"inputs"},o("h2",{key:"ca5b785ca2352a398bc5d39e5ade8a57abc79289"},"Calendar"),o("smoothly-input-date",{key:"103948cd715903bb4dbdca4cd65d645ec9759d11",name:"some-date"},"Calendar"),o("smoothly-input-date-time",{key:"72c6cb49f3f7ac1999f8a6436f32ed35c990fe15",name:"someDateTime",value:C.now()},"DateTime"),o("h2",{key:"4957924da6ce45181769d2f023390463111502e2"},"Date Range"),o("smoothly-input-date-range",{key:"4600c944c908626735780163e22c24029e81454a",name:"testing",start:x.now(),end:x.nextMonth(x.now()),min:"2021-10-01",max:"2025-01-31"}),o("smoothly-input-date-range",{key:"0806be3afdea28de4a1e10f2e4130926e184b69c",name:"testing",start:x.now(),end:x.nextMonth(x.now()),min:"2021-10-10",max:"2024-12-30"},o("smoothly-input-reset",{key:"07e0f760e9e406795bc70a350d07cc62a7de786d",slot:"end",size:"icon"})),o("smoothly-input-date-range",{key:"f5ffd85a8fda6f8cbf0a0d7eb7a2df8a84394536",looks:"grid",start:x.now(),end:x.nextMonth(x.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--smoothly-input-border-radius":"0.5rem"}},o("smoothly-input-clear",{key:"ea0f780cac1bbd91e2f23792a0e9563ba4b31a22",slot:"end",size:"icon"})),o("h2",{key:"78bb9d81fd2f2dae86b3c903b2769be20807de25"},"Date"),o("smoothly-input-date",{key:"7aaf3f7ffd6a0862a2a2d28a5d4094b65b0130b3"},"Date"),o("smoothly-input-date",{key:"2145991358450d61e65f2cd0e0abcc9067b61784",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),o("smoothly-input-date",{key:"4657bb164cf02e7c0d04110035b459bde302a0dd",value:"2021-10-28"},"Date",o("smoothly-input-reset",{key:"9565c757b720c2d3821ebecedf3e5df61e8fe4f4",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"8e575010ec44b3f9f8232357e6e17715ac4e6944",value:"2021-10-28"},"Date",o("smoothly-input-clear",{key:"7f91042a395ffb0fc1a831f379a4c2bd78af4994",slot:"end",size:"icon"})),o("h2",{key:"2cc4948ee84ad942ebe612c709f595741a60ec5d"},"Select"),o("div",{key:"b5f5b389e9280f64dd295211a9e9bfde982609b3",class:"select-div"},o("smoothly-input-select",{key:"12f26e8f0046a3e6526aa086ab4d467b804b37eb",name:"select-dessert",looks:"border"},o("label",{key:"047be28f02f1a4e9d2218681ef316be6555d25ce",slot:"label"},"Select with clear button"),o("smoothly-item",{key:"ccfb99a06feb5ca0db8359873b407206a007fa68",value:"1"},"Ice cream"),o("smoothly-item",{key:"5aa2fa9271e4a887e6692a59f6c09d93c7b36935",value:"2"},"Sponge cake"),o("smoothly-item",{key:"e04fdaae47ea615d41a2b6a5663cd6197dd14571",value:"3",disabled:true},"Disabled Item"),o("smoothly-item",{key:"f816f49f806f0a97c9c30e9ce6df0f2643a38a71",value:"4"},"Cookie"),o("smoothly-item",{key:"9aada5007c7f4bf07adeabda132a39b012a7868e",value:"5"},"Croissant"),o("smoothly-item",{key:"1e5a46725a7f928e6bfcfbe74cd885c97f468dd5",value:"6"},"Chocolate fondue"),o("smoothly-input-clear",{key:"136a5ce5d41476f0286953a5a53ae22401ae99fd",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"3b9205e7e91564e4a5adad8783e17294f071fda5",multiple:true,name:"select-dessert-multiple",looks:"border"},o("label",{key:"cd6cd9703163db684b82123d276608b9209967dc",slot:"label"},"Select multiple with reset button"),o("smoothly-item",{key:"22cf141faccff6d889c8f47593816dfb57223ad5",value:"ice cream"},"Ice cream"),o("smoothly-item",{key:"2a3d0788b12de8b50a0a37872f3496b783548360",value:"sponge cake"},"Sponge cake"),o("smoothly-item",{key:"8fdf1566ea2744befdb88e0f55aa329dbe89fc1c",selected:true,value:"cookie"},"Cookie"),o("smoothly-item",{key:"e6844c5f4e62fdb42e29dcdc009f918c1b6f4995",value:"croissant"},"Croissant"),o("smoothly-item",{key:"52a2781331ade2f39812ffee322cc1a546a56972",selected:true,value:"chocolate fondue"},"Chocolate fondue"),o("smoothly-input-reset",{key:"cd283f041b19cdeb3ab194f9c1ae5e93d02234a7",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"9093b94cc40d8fe5384a7cf2da7162bfc396d24b",name:"spirit-animals",looks:"border",mutable:true},o("label",{key:"2f9471b860bc412c256d262cc858fa82a7983448",slot:"label"},"Select or add new options"),o("smoothly-item",{key:"8cd15eb854c6e963df4c3b3662a35db8744276ed",value:"manatee"},"Manatee"),o("smoothly-item",{key:"93a899ccfd2446f7e96b9acb19270042ed912aa6",selected:true,value:"cthulu"},"Cthulu")),o("smoothly-input-select",{key:"e129f6ae7fe928950d1555f0281130c22457ddab",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"ea1c4c02eaf90062c44543bdf0ebc29bc80416b7",value:"folder",selected:true},o("smoothly-icon",{key:"6f0bd86a0e3e055b3c18372a78af6168b9a07503",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"4e3211dd1a028391b4affb577379dd9fd51b16b0",value:"camera"},o("smoothly-icon",{key:"d57f56b01d45e6c4ef5b3a7a7c621c26c932acc6",size:"small",name:"camera-outline"}))),o("smoothly-input-select",{key:"a5aa85986d6851b6dd9e569bfe3e120c597df129",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"69d4797ade65df0c6624e6d1a4427eeb272728b0",slot:"label"},"Alphabet ordered select"),Array.from({length:26}).map(((t,e)=>String.fromCharCode(e+65))).map((t=>o("smoothly-item",{value:t,selected:t=="H"},t)))),o("smoothly-input-select",{key:"7c45606efbbf88f4841b5eb5071ecd51f32b7a93",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"651ebb10ab71243b641d373838183559abb44046",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"d177ac91aafc330fc953dbc034d6d1aa9b9b5722",value:"1"},"January"),o("smoothly-item",{key:"9233a045fa9f8d4eee8b75b4718274186b6ca92c",value:"2"},"February"),o("smoothly-item",{key:"42240bee2c1d1e2a2ee3839b31481b2aa346e8eb",value:"3"},"March"),o("smoothly-item",{key:"7e9e3c13119fd0613db656e581f3b9fe55ee3e7b",value:"4"},"April"),o("smoothly-item",{key:"b09a0ea6bf3eedaab1048448f0cbf95af6bf9f0a",value:"5"},"May"),o("smoothly-item",{key:"d209057ac70e38610f93339f57bb5da6e205c9f4",value:"6"},"June"),o("smoothly-item",{key:"f81d9b6b87fa1b138236bd149a31d361688727f8",value:"7"},"July"),o("smoothly-item",{key:"d8909b5c43adf58bdaa7dce5078b940664cf4f46",value:"8"},"August"),o("smoothly-item",{key:"600c0667395e9116e1fbfed32bcc483961887173",value:"9"},"September"),o("smoothly-item",{key:"9eb855fbf2f710d0cb427d5b04998af8a81f5f83",value:"10"},"October"),o("smoothly-item",{key:"c5f792bcf69b2933d96711de66eb4458134cb6cf",value:"11"},"November"),o("smoothly-item",{key:"d1e038e5c343c0d0c46d07d2dac25acdbb2d61b0",value:"12"},"December")),o("div",{key:"11857a26b22fe9154c7350eb994674b13ca8487f",class:"select-div-row"},o("smoothly-input-select",{key:"33be6706d1f52b6bfdfc2a4f5f2d51fc33fb1022",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"67ad3188ccec6edbac97865b8d4a2ff5230bbdde",value:"folder",selected:true},o("smoothly-icon",{key:"3422f645f239ef19c377afe4d3218c364cf0fbab",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"1f44571b6551f714863c7e7eb5a1774c95a14685",value:"camera"},o("smoothly-icon",{key:"31b8a68a0eaec11b262c8c85fac3ead5564a9b8f",size:"small",name:"camera-outline"})),o("smoothly-item",{key:"fc35faf42856c2e1c76dcd408ff26e6c81299e55",value:"boat"},o("smoothly-icon",{key:"bc4650179d9e974ac443b0918c2195e2b83aac14",size:"small",name:"boat-outline"}))),o("smoothly-input-select",{key:"561637479d0267d2fd072ad29b016fd8021a1d46",name:"select-number",clearable:false},this.numbers.map((t=>o("smoothly-item",{value:"number",selected:t===3},t)))),o("smoothly-input",{key:"51f1c70d73fc312382dab3fd4523b98d779f495d",name:"name",value:"Sten Qvist"},"Name"))),o("h2",{key:"d3ef4e8c3a1d423a7ea78744c0042d8dab71d91c"},"Duration"),o("smoothly-input",{key:"7a59352f05ff1bd6b472b5e3eaa41525dc12783f",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:t=>this.duration=t.detail.duration},"Duration"),o("smoothly-input",{key:"387d5e488a8bbe85ab9d7ff3c57c677b98a476a0",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:t=>{const e=t.detail.duration;this.duration=e}},"Duration"),o("h2",{key:"3f54e207a4b8141f901a4ca93afbd0d8dca63211"},"Integer with Min/Max"),o("smoothly-input",{key:"fb0a7420b309d2d6d54bd8b4bfcb080b16511a8b",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),o("smoothly-input",{key:"d8f4bbc45750c957d8f93c9f92e36b8f74122ccb",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),o("smoothly-input",{key:"9c122fc4053deba503e4e4cf552ea0f556604e3d",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),o("smoothly-input",{key:"82d2d8ca00b5d7003812695fb2d5abb2f33b7110",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),o("h2",{key:"48b36ca619f51da947855e1e5daed0fe4fcd4c61"},"Invalid text with warning icon and tooltip"),o("smoothly-input",{key:"730508d924489b86e06e438d61f037afe03038bc",copyable:true,name:"alphanumeric",invalid:!/^[a-zA-Z0-9]+$/.test(this.alphanumeric),errorMessage:"Only alphanumeric allowed",value:this.alphanumeric,onSmoothlyInput:t=>this.alphanumeric=t.detail.alphanumeric},"Alphanumeric"),o("h2",{key:"0a242030e2d87a7dbcbc6d92776bebdf005d2aba"},"Identifiers"),o("smoothly-input",{key:"88171624261873a6fbd5ffd238b664e7353595ab",type:"identifier-code"},"Code"),o("smoothly-input",{key:"e237e4448c711207edc805756d213a6f3b823547",type:"identifier-attribute"},"Attribute"),o("smoothly-input",{key:"17068bfd4b048591fcffca4974b1a345c0b30b53",type:"identifier-snake"},"Snake"),o("smoothly-input",{key:"1c78073c482d537a006551b6e6c3ab2aef605bd7",type:"identifier-pascal"},"Pascal"),o("smoothly-input",{key:"af5490d3f6c137e0fde75c328041b88be044fe33",type:"identifier-camel"},"Camel"),o("h2",{key:"3d5080306ddb1384c2698ac7d6ef55f8955d0e24"},"Input Alternatives"),o("smoothly-input",{key:"668782e103f580273e4bd53c405d9484481ffdb6",type:"text",name:"name.last"},o("smoothly-icon",{key:"a403f42ce3f499497562796dbabe515c00dbce61",name:"checkmark-circle",slot:"start"}),"First Name"),o("smoothly-input",{key:"dbf6a47acfd072a18020a80b377c61752918fe32",type:"text",name:"name.first"},"Last Name",o("smoothly-icon",{key:"976c54b6f8350da7f5b01c1f560a91694137e3e7",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"316fa17d39c5853d15b877fd7e80e9e204852dc6",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",o("smoothly-icon",{key:"75599cba8c2f5cbd5b6f12ce98687c7d221f92bb",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"3f76beb14de0460ad9147a97af335b104cc8ec1e",placeholder:"test"}),o("smoothly-input-submit",{key:"a56cb9fa8784ed974e2fb40c4fe2b342d83b5bcf",slot:"submit",fill:"solid",onSubmit:t=>alert(t),color:"success"}),o("h4",{key:"e1a582c272e9d20758234c4984eb0b453e0e6f8b"},"Smoothly checkboxes"),o("div",{key:"85a0c58f42a18af1b6bccd5cd9454c1dd5c6b49c",class:"checkbox-group"},o("smoothly-input-checkbox",{key:"2ad493d6781c7f69339dcedffdfcaaba06bbb432",disabled:true,name:"first-checkbox"},o("smoothly-icon",{key:"0c088eb9ac9cd8a60b6b7e694c18b7039fe6db41",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),o("smoothly-input-checkbox",{key:"754bd934f2957392cee2280b42f2d52044921000",name:"second-checkbox",checked:true},o("smoothly-icon",{key:"742a9fcda061b330b582982476d197791724bfaa",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",o("smoothly-input-clear",{key:"df629e531eef747d1f33b94d62bdf6dff6cba527",size:"icon",slot:"end"})),o("smoothly-input-checkbox",{key:"affdad70764bc35351d093efe6a3c75350933984",name:"third-checkbox"},"3rd")),o("h4",{key:"f4f77227045d210881096e69bac51afe6aa5f415"},"Smoothly Radio Buttons"),o("smoothly-input-radio",{key:"f6d950f5bc69e4368976bde976f372c048aa50bd",clearable:true,name:"radioFirstInput"},o("smoothly-icon",{key:"4c89b5bb8ed1f9e1cf9901400a1be6d8a37e74b6",name:"checkmark-circle",slot:"start"}),o("label",{key:"2edb666548cb40aae10cf34b58bca819c9afe7bd",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"40545d8c6f923e3ef26f809376203fb200bbb939",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"b435f94dd688bf4701707411f957f2362062c9fc",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"02fd6e991adbe2ea4dec0cbaa274b9a7cf13e2d1",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"064fea584a864151a371131ce008cb22461cde19",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"aa5fdaae17b110e952f959253921c0385eb363e3",name:"radioSecondInput"},o("label",{key:"dc06ed17533eb97afabfb75f7971bf65467cd3b9",slot:"label"},"Not clearable"),o("smoothly-input-radio-item",{key:"52af1a7bd4cee4aa2351cf9b13d0868c92011c4f",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"34d73d444fda070b41340202d265c1f6ca352ce9",value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"6685c9d0a6f7dc231d02e8c220c7e802a408477d",value:"third"},"Label 3"),o("smoothly-input-radio-item",{key:"c77154f732d674761e3c2054c743f1c0d6f7c048",value:"fourth"},"Label 4"),o("smoothly-input-radio-item",{key:"67b2559ac15ac1ae5559d261a1b980e95d5d0765",value:"fifth"},"Label 5"),o("smoothly-input-radio-item",{key:"6b631e9d66e8b78ced8433440eff925ef618d93b",value:"sixth"},"Label 6")),o("smoothly-input-range-demo",{key:"fef41e64a3180217ad4dde7604fd811c9f9b7d68"}),o("smoothly-input-color-demo",{key:"457a996834344fa00c9d7d0afdd304e543df675e"}),o("smoothly-input-price-demo",{key:"23762bdd1fb1f03de754d176ad008122199fd69c"}),o("smoothly-back-to-top",{key:"dc25a5a529a8999e2fc776e0dc6cec912fa291ea"})))}};jc.style=zc;const Ic='.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}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns: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}';const _c=Ic;const Tc=class{constructor(e){t(this,e);this.duration={hours:8};this.options={}}connectedCallback(){this.updateInputHeightText()}componentDidRender(){this.updateInputHeightText()}updateInputHeightText(){const t=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));this.element.querySelectorAll(".height").forEach((e=>{const o=e.clientHeight;e.innerHTML=`<b>${o/t}rem</b> (${o}pixels)`}))}render(){return o(s,{key:"3138c0c2a7d5a9867caf20cc7913364d458a3812"},o("div",{key:"be1a11b5c328b095c816622365bfb7bddf6ee5e2",class:"description"},o("h2",{key:"51938a9ee35f7e188f62e89336de0a4868e8b97b"},"Input Standard"),o("p",{key:"1238eede12db79b214f1fad9124ff8ef8072ec60"},"Height of input should be ",o("code",{key:"143bb6d3c16df47e24442931b20a80815f570e15"},"3rem")," including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."),o("smoothly-form",{key:"4dd2662d2b1595279ecc7b1bd6245dfea8633865",looks:"grid",onSmoothlyFormInput:t=>this.options=t.detail},o("smoothly-input-select",{key:"7dbea4487f3ea6ea0d12a060b65edc2b45d2896f",name:"color"},o("span",{key:"d1bbe2953412676d763b4445757da219c5bbe6fc",slot:"label"},"Color"),l.values.map((t=>o("smoothly-item",{value:t},o("span",{color:t},t)))),o("smoothly-input-clear",{key:"9f11b80a1b98f6eacdd5500d5fbbc2fd14feb6e8",slot:"end"})),o("smoothly-input-select",{key:"69a136535e72a624aac1cf80e7ea611cce0db766",name:"looks"},o("span",{key:"c24b2b39ae388dffad74bd608b088d64dcf96502",slot:"label"},"Looks"),ur.values.map((t=>o("smoothly-item",{value:t},t)))),o("smoothly-input-range",{key:"85dba083c3efb9f667f95719dc0c01e48546b1f6",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"fc897b5811b0d1e8d22405a0a8d0ce4ab13bbddc",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"21d061131cc5626188661a0adb3b0ab2a1424f83",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"46fb005ff971f613f3ff9653029885b4bda08c34",name:"invalid"},"Invalid"),o("smoothly-input",{key:"e9e5cb2e2707276bbe8e92c660ac285d93f80ebb",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"d97b6347057812b8650ac914c7a229900aa9d21f",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"0a37b9ec99aa52c6c5b6cdcb3fd38664d8129fcb",name:"placeholder"},"Placeholder"))),o("div",{key:"9e3f173174cfaf4e2eab253a6ab7a3d78ae4ce76",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"329ef1983e54358f150c393ce5be5d240e7935ab",class:"width"},"width: 100%"),o("div",{key:"aee591ed73b18eb7656a642ee93e78506d750985",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"b0e7d6922dbcc5570332cc5a91fe20e0459c2950",name:"text",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"cd51d26590bcbb2ae25e2bef6ef241f396e3cced"},"Text"),o("smoothly-input-clear",{key:"415d27c36710e17ee479831a0f4f5f5c413301f8",slot:"end"})),o("div",{key:"ae574972e9dcf571036c8c4b35950317cbdb09d7",class:"height"}),o("smoothly-input-select",{key:"335c980ac6dac8edcfd6308c91a23f6b865cb66a",name:"month",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"aa9657fd6079de60607fd522a50e2d50df2d5dca",slot:"label"},"Select"),o("smoothly-item",{key:"3d75ec566f7be10e85daf2841aa46c16945d3e12",value:"1"},"January"),o("smoothly-item",{key:"c5acfe4618783632cc4c0d4f365c70000c584cc4",value:"2"},"February"),o("smoothly-item",{key:"e440c20f570c25927bab736784660f6397e767a3",value:"3"},"March"),o("smoothly-item",{key:"50cdc76482f03ee2575595f6186e21a1f481b326",value:"4"},"April"),o("smoothly-item",{key:"3b37e8107b0676e62d50ef7968b5c71ebbd84b8d",value:"5"},"May"),o("smoothly-item",{key:"07c06a1ce653b9bb09b8db1f3a4de6a4db6fc475",value:"6"},"June"),o("smoothly-item",{key:"4d333aeaca77cc569dc22a20a086214407272904",value:"7"},"July"),o("smoothly-item",{key:"90a820f098b5927b6c329aec50aa8e09e00d97bf",value:"8"},"August"),o("smoothly-item",{key:"4a1cd31364e5f6b4ab546f17e1c9973a13a811b3",value:"9"},"September"),o("smoothly-item",{key:"5dcf14641bb1d6fe0d93d743027e1f86fe029e4a",value:"10"},"October"),o("smoothly-item",{key:"6548e5330bcb99442db12aa5f7dd34f43fe6b41b",value:"11"},"November"),o("smoothly-item",{key:"0d0be1679aebaedb0d4be188daf3ba6bd54c9dc7",value:"12"},"December"),o("smoothly-input-clear",{key:"4b57381439d017e671044a96a075dc793a9a3f99",slot:"end"})),o("div",{key:"51ffaddf720d92ae479ee0384d3ded52326c5551",class:"height"}),o("smoothly-input-checkbox",{key:"132d7cffb2787c91e1d0b877d557fd8d575c9d4f",name:"checkbox",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled},"Check"),o("div",{key:"10e594055dbe2774366d8493ac7fffe65002e868",class:"height"}),o("smoothly-input-radio",{key:"3eee8bf207e49047d3afd697babd52f92ce950be",name:"radio",clearable:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("label",{key:"c32200239b884e4aca99d5a7475e02661cd18206",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"0f44d10016c61955fd939a0e8907deda87ed25e7",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"f03f8948d0f28f2f216ef764eab0c2caab62ec3b",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"ba0d78216d05df9f1fc2a9e8217dee3e791a1be8",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"9ff5cae5528943585ccb788429a1e1ca7895f3be",slot:"end"})),o("div",{key:"eea2613bfa7f8b36cc27e6d3bd92ab28f7f86562",class:"height"}),o("smoothly-input-file",{key:"057faff6c0bf578b2df6be51de474d809abb3a96",name:"file",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"a455a704931d07cf68ba7bd84be5dd2ede55ee4e",slot:"label"},"File"),o("smoothly-input-clear",{key:"6d410486d191992ee29700c373f0c0c69e3d32fd",slot:"end"})),o("div",{key:"86d60efe5926b1ac801f34e1a0bbf5dcf787ff44",class:"height"}),o("smoothly-input-range",{key:"5fc459837bf1919e2aac2c9280305e03e7b97a0b",name:"range",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,label:this.options.showLabel?"Range":undefined},o("smoothly-input-clear",{key:"dce1461f5e2378d57b82fd36007b39bd46de658e",slot:"end"})),o("div",{key:"ee7da922c1d64ae5658a7061ba5d913088e66c80",class:"height"}),o("smoothly-input-color",{key:"47bd37f4e21d3e8556103641ddd8e76c119194ed",name:"color",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"3c05e351348fda11491bc749eb8beaa8cbc4fb7d"},"Color"),o("smoothly-input-clear",{key:"ec1843444cdea40be386e57f42bf588164a2f38d",slot:"end"})),o("div",{key:"b3d9daabd07cc25333c3cb7efbcf13fb39731f5f",class:"height"}),o("smoothly-input-date",{key:"41d096268d196f5b4d22ff4f9efa2fa876dcca2a",name:"date",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"a31dca9643aab4f87296c372d09ae7fc64a5c6ab"},"Date"),o("smoothly-input-clear",{key:"91116b9ce2c390d7ea715a29cec1874cb6adad32",slot:"end"})),o("div",{key:"4a108a100ca992b1df1413f7760710687ab65929",class:"height"}),o("smoothly-input-date-time",{key:"e6c4475e0b65bf097ed7f3d88431e9b32bff247c",name:"dateTime",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel},"DateTime",o("smoothly-input-clear",{key:"31da599e9a11d92c26adb99586a8a7fe973d4237",slot:"end"})),o("div",{key:"38f80abf37b64f8d30d6a332b06dcf7cf5bb109c",class:"height"}),o("smoothly-input-date-range",{key:"445e2f00bb50aeccb3150d64c8ef941ef0e534dc",name:"dateRange",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,placeholder:this.options.placeholder,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"37feae59590230fc77df587d60c5625ec77297a9"},"Date Range"),o("smoothly-input-clear",{key:"466984321d51eca9c8170364dd9c8d5fec56e57e",slot:"end"})),o("div",{key:"0bdefd20c2ed6d5b1f872a5c2b5ed043d6ef968b",class:"height"})))}get element(){return i(this)}};Tc.style=_c;const Oc=".sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}";const Lc=Oc;const Ac=class{constructor(e){t(this,e);this.values=["zero","one","two","three","four","five"];this.colors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"];this.textIndex=undefined;this.selectIndex=undefined;this.checkboxChecked=undefined;this.radioIndex=undefined;this.rangeValue=undefined;this.colorIndex=undefined;this.dateValue=undefined;this.datetimeValue=undefined;this.dateRangeValue=undefined}increment(t){return t===undefined?0:(t+1)%this.values.length}render(){var t,e;return o(s,{key:"ae3eb85c10e9f600c2797e43a598630cb254af44"},o("div",{key:"50520b52f8a4753b1f0b71323e52e66a86201982"},o("h2",{key:"05a09f8969fc436776d61f5920f154d1d304daac"},"User Input Event"),o("p",{key:"c1b3aeab9baab59832612ee205814441556ef1f1"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"3738c098ed392b3479708c7b83917a089f5eba46"},"smoothlyUserInput")," event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).",o("br",{key:"a39b028b3af7374f70c7b6e7ddbeb9beb0448b95"}),"Check the console to see the details of each ",o("code",{key:"7712a548ab24f94de1c3ee5d07ef07bdc1ff3262"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"8e8d5b52eebabc0cf2e5588455ff8928a289bf9b",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"e8465ae0fa9c32788e518e653ee51152c66131f8",looks:"border",name:"demo-user-input-text",value:this.textIndex===undefined?"":this.values[this.textIndex],onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Text input"),o("smoothly-button",{key:"ad09a088c36bd1f149f99be22c6055fdf08cb1b0",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"77442278140c916e14c903412abc3a0b59aeba12",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},o("span",{key:"169314f0e4944b3a7cc21210548acb1e8184e53a",slot:"label"},"Select input"),this.values.map(((t,e)=>o("smoothly-item",{value:e,selected:e==this.selectIndex},t)))),o("smoothly-button",{key:"b8a7c14017c652e1e12ff9b1a8ed380ca1b9283c",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"6f10f7aac1d4a1ebc2e53cbbc1fcab6d76e8e0c4",looks:"border",name:"demo-user-input-checkbox",checked:this.checkboxChecked,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Checkbox input"),o("smoothly-button",{key:"c7293e70a5707dbeed3e915a448d10735f5dc950",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"c581780a8d05d1cea48df5cd8733d3e1508444d0",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},o("span",{key:"51cb5294f83c5d046b9b154ad6ccceec1ff39048",slot:"label"},"Radio input"),this.values.map(((t,e)=>o("smoothly-input-radio-item",{value:t,selected:e==this.radioIndex},t)))),o("smoothly-button",{key:"cb1ed38f4364bb2ed2caa54285bb24f57f569f51",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"e67a51ebee7fb6a885edc25ee33e4bb1734739e6",looks:"border",name:"demo-user-input-range",step:1,min:0,max:this.values.length,value:this.rangeValue,label:"Range Input",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)}),o("smoothly-button",{key:"e2bb2c57d0c809adc994cf6e8afde4bc38094839",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"86afbbda3796a1806838270760b4704b626d7173",looks:"border",name:"demo-user-input-color",value:typeof this.colorIndex=="number"?this.colors[this.colorIndex]:undefined,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Color input"),o("smoothly-button",{key:"76c36046e4deab5fd66336ae2e2e6da341a3bdf9",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?x.next(this.dateValue):x.now()},"Next day"),o("smoothly-input-date",{key:"5f3408deb2234dc4284f39b39382d3147d81b866",looks:"border",name:"demo-user-input-date",value:this.dateValue,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Date input"),o("smoothly-button",{key:"c7c0006ae09cda944e01263ca15ca5e40963506d",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?C.nextDay(this.datetimeValue):C.now()},"Next date time"),o("smoothly-input-date-time",{key:"0477c2f4110311dc388170227cbe50fe5d577ead",looks:"border",name:"demo-user-input-datetime",value:this.datetimeValue,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Date time input"),o("smoothly-button",{key:"01907b324fd98bff9415165b15e0331ca90eff66",color:"tertiary",onClick:()=>this.dateRangeValue=this.dateRangeValue?{start:x.next(this.dateRangeValue.start),end:x.next(this.dateRangeValue.end)}:{start:x.now(),end:x.next(x.now(),10)}},"Next date range"),o("smoothly-input-date-range",{key:"d6bcee1906ad727608552081abcd7f7e7e5b4c01",looks:"border",name:"demo-user-input-daterange",start:(t=this.dateRangeValue)===null||t===void 0?void 0:t.start,end:(e=this.dateRangeValue)===null||e===void 0?void 0:e.end,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Date range input"))}};Ac.style=Lc;const Mc='[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}.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]):not([disabled])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:focus-visible,[fill=outline].sc-smoothly-input-edit-h:not([disabled]):active>button.sc-smoothly-input-edit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:hover::before,[fill=outline].sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:focus-within::before,[fill=outline].sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-edit:focus-visible,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-edit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h .sc-smoothly-input-edit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-edit-h{display:none}.sc-smoothly-input-edit-h:not([display]){display:none}[editable].sc-smoothly-input-edit-h{opacity:0.5}.sc-smoothly-input-edit-h[type="input"].sc-smoothly-input-edit-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-edit-h smoothly-icon.default.sc-smoothly-input-edit{transform:translate(.1em, -.1em)}.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>button>*+smoothly-icon{display:none}';const Dc=Mc;const Ec=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.color="tertiary";this.expand=undefined;this.fill=undefined;this.disabled=false;this.display=true;this.shape=undefined;this.type="input";this.size=undefined;this.tooltip="Edit"}componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(mr.type.is(t)){this.parent=t;t.listen((async t=>{this.display=t.readonly}))}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.edit(true)}render(){var t;return o(s,{key:"69d98da44e93262eac17ad46705b72c0c5ef3c33",title:this.tooltip},o("smoothly-button",{key:"e7c26b2fff4d9b6569abdd0323565b922b29a156",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(t=this.fill)!==null&&t!==void 0?t:this.type=="input"?"clear":undefined},o("slot",{key:"875eefa3fc6ba4ee644dc2f776a4fbc815d6029d"}),o("smoothly-icon",{key:"571bd8b5cf79bdf1910569f6f0003e728a98e6ab",class:"default",name:"create-outline",size:"tiny"})))}};Ec.style=Dc;const Rc='.sc-smoothly-input-file-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-file-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-file-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-file-h,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background-color:transparent}[looks="transparent"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-file-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.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;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h:not([readonly]),.sc-smoothly-input-file-h:not([readonly]) *.sc-smoothly-input-file{cursor:pointer}[disabled].sc-smoothly-input-file-h,[disabled].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}';const $c=Rc;const Pc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.transfer=new DataTransfer;this.changed=false;this.readonly=false;this.disabled=undefined;this.accept=undefined;this.color=undefined;this.looks=undefined;this.camera=undefined;this.name=undefined;this.showLabel=true;this.value=undefined;this.placeholder=undefined;this.dragging=false}get files(){this.transfer.items.clear();this.value&&this.transfer.items.add(this.value);return this.transfer.files}async componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}smoothlyInputLoadHandler(t){yr.registerSubAction(this,t)}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}async binary(){return true}async valueChanged(){this.changed=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}inputHandler(t){var e,o,s;t.stopPropagation();if((o=(e=this.input)===null||e===void 0?void 0:e.files)===null||o===void 0?void 0:o.length){this.value=(s=this.input)===null||s===void 0?void 0:s.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}dropHandler(t){var e;t.preventDefault();t.stopPropagation();this.dragging=false;if((e=t.dataTransfer)===null||e===void 0?void 0:e.files.length){this.value=t.dataTransfer.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}clickHandler(t){var e;if(!this.readonly&&!this.disabled&&!t.composedPath().find((t=>t==this.input))){(e=this.input)===null||e===void 0?void 0:e.click()}}dragOverHandler(t){t.preventDefault();t.stopPropagation()}dragEnterHandler(t){t.preventDefault();!this.readonly&&!this.disabled&&(this.dragging=true)}dragLeaveHandler(t){t.stopPropagation();this.dragging=false}render(){var t,e,i;return o(s,{key:"8612840f4d6ec10ff9e2ad9c786c5c6c62ab3301",class:{dragging:this.dragging,"has-value":!!this.value},tabindex:this.disabled?undefined:0,onClick:t=>this.clickHandler(t),onDragOver:t=>this.dragOverHandler(t),onDragEnter:t=>this.dragEnterHandler(t)},o("label",{key:"7dcc2c93dc1437b57e5bfb2a798daf62df353d8a"},o("slot",{key:"6fd5c64dd182b92614b256235951aefa95894da4",name:"label"})),o("div",{key:"da84af8a4920baed99be4c3e948a8fbc7a78963a",class:"input"},o("smoothly-button",{key:"e4d60080fa60b9889e4e623d142558555f89bcb8",disabled:this.disabled,type:"button",color:this.color,fill:"clear",size:"flexible"},o("slot",{key:"e07fa67b8af59b0eb728f57083a692328b4b089d",name:"button"})),o("span",{key:"51f3eb7374bfe4fc7fffee130eec6073cdadb7a7"},(e=(t=this.value)===null||t===void 0?void 0:t.name)!==null&&e!==void 0?e:this.placeholder),o("div",{key:"8cff3b828428f70e92f59bd598b180d7cf502710",class:"drag-overlay",onDrop:t=>this.dropHandler(t),onDragLeave:t=>this.dragLeaveHandler(t)},o("smoothly-icon",{key:"fefe4998bc7c4bf76265e0d28854ace49a68e635",name:"document-attach-outline"})),o("input",{key:"9172ea295ef9274f0378ae25d0171c571aada6c7",onFocus:()=>console.log("focus file input!"),ref:t=>this.input=t,type:"file",disabled:this.disabled,capture:this.camera=="back"?"environment":"user",accept:(i=this.accept)!==null&&i!==void 0?i:!this.camera?undefined:"image/jpeg",files:this.files,onInput:t=>this.inputHandler(t)})),o("span",{key:"3e7273fb94e79e71a3afb79269ccdddfb6f5de2a",onClick:t=>t.stopPropagation()},o("slot",{key:"1ee325bfb41f3964a524bcfc7a467a8657bc2291",name:"end"})))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],value:["valueChanged"]}}};Pc.style=$c;const Fc=".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 Nc=Fc;const Hc=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.observer=mr.Observer.create(this);this.readonly=undefined;this.color=undefined;this.looks=undefined;this.name=undefined;this.value=x.now();this.max=undefined;this.min=undefined;this.next=false;this.previous=false;this.inCalendar=false;this.showLabel=true;this.allowPreviousMonth=true;this.allowNextMonth=true}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.valueChanged()}valueChanged(){this.smoothlyInput.emit({[this.name]:this.value})}adjustMonth(t){var e;if(!this.readonly){const o=x.parse((e=this.value)!==null&&e!==void 0?e:x.now());o.setMonth(o.getMonth()+t);this.value=x.create(o)}}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}setAllowPreviousMonth(){var t,e;const o=x.previousMonth((t=this.value)!==null&&t!==void 0?t:x.now()).substring(0,7);const s=(e=this.min)===null||e===void 0?void 0:e.substring(0,7);this.allowPreviousMonth=!s||o>=s}setAllowNextMonth(){var t,e;const o=x.nextMonth((t=this.value)!==null&&t!==void 0?t:x.now()).substring(0,7);const s=(e=this.max)===null||e===void 0?void 0:e.substring(0,7);this.allowNextMonth=!s||o<=s}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.value}async clear(){var t,e;(t=this.year)===null||t===void 0?void 0:t.clear();(e=this.month)===null||e===void 0?void 0:e.clear()}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){var t,e;(t=this.year)===null||t===void 0?void 0:t.reset();(e=this.month)===null||e===void 0?void 0:e.reset()}async setInitialValue(){var t,e;(t=this.year)===null||t===void 0?void 0:t.setInitialValue();(e=this.month)===null||e===void 0?void 0:e.setInitialValue()}inputHandler(t){if(t.target!=this.element){t.stopPropagation();const e=t.detail[`${this.name}-year`];const o=t.detail[`${this.name}-month`];if(o&&x.is(o))this.value=x.firstOfMonth(o);else if(e&&x.is(e))this.value=x.firstOfMonth(e)}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks,this.color)}}async smoothlyInputLoadHandler(t){if(t.target!=this.element)t.stopPropagation()}render(){var t,e;return o(s,{key:"8ac8239c890aa8bf10baf8ff7a9751cb70a8ac73"},o("smoothly-icon",{key:"6401910f2017bc8ce586daf3a5bf5e9c9d8f41e2",name:"caret-back-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowPreviousMonth},onClick:()=>this.allowPreviousMonth&&this.adjustMonth(-1)}),o("smoothly-input-select",{key:"b8b48af0215cebaec79baf5d62f7ebb192765892",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),onSmoothlyUserInput:t=>{const e=t.detail.value;if(e&&x.is(e)){const t=x.firstOfMonth(e);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},o("div",{key:"e9694d62328f957b5fe49ce1cfbe98f8de890d95",slot:"label"},o("slot",{key:"aae75cef345e53bf16426c462db4d25c4a901459",name:"year-label"})),le((t=this.value)!==null&&t!==void 0?t:x.now(),this.min,this.max).map((t=>o("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),o("smoothly-input-select",{key:"90e96a41b0731d888be6a657458cb329a0bab450",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),onSmoothlyUserInput:t=>{const e=t.detail.value;if(e&&x.is(e)){const t=x.firstOfMonth(e);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},o("div",{key:"219be7f927af6e1925657abff3028d66b0c6bc34",slot:"label"},o("slot",{key:"e204921ee5580156e37fc717e874d7524261efde",name:"month-label"})),ne((e=this.value)!==null&&e!==void 0?e:x.now()).map((t=>o("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),o("smoothly-icon",{key:"e1b61e6b5275100c2499a6145db605afae1ff38f",name:"caret-forward-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowNextMonth},onClick:()=>this.allowNextMonth&&this.adjustMonth(1)}))}get element(){return i(this)}static get watchers(){return{value:["valueChanged","setAllowPreviousMonth","setAllowNextMonth"],min:["setAllowPreviousMonth"],max:["setAllowNextMonth"],name:["nameChange"]}}};Hc.style=Nc;const Uc=".sc-smoothly-input-price-demo-h{display:block}";const Yc=Uc;const Wc=class{constructor(e){t(this,e);this.currencies=["EUR","USD","GBP"];this.currency="USD"}render(){return o(s,{key:"3f56209797d2086ac8cf1568e0b06cd64280b5ed"},o("h2",{key:"de58b193abdc2a6f5ba468055a8880ccf3843b6b"},"State demo on smoothly-input"),o("p",{key:"bc8345fd3c2b472ff429ba24b2c5c63274129f19"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"68195361f50c431d325e28fac6718d7c0e4f8ef0"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"93b52a5b39cd0ad647a3e983ec27a95ca9c71dd7",name:"currency",onSmoothlyInput:t=>this.currency=z.is(t.detail.currency)?t.detail.currency:undefined},this.currencies.map((t=>o("smoothly-input-radio-item",{key:t,selected:t==this.currency,value:t},t)))),o("smoothly-input",{key:"f8ee0771e76388ffa9d32afe0f627037f08e3db4",type:"price",currency:this.currency},"price"))}};Wc.style=Yc;const Bc='.sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-radio-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-radio-h,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks="transparent"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.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}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}';const Vc=Bc;const Gc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.valueReceivedOnLoad=false;this.observer=mr.Observer.create(this);this.changed=false;this.value=undefined;this.looks=undefined;this.color=undefined;this.direction=undefined;this.clearable=undefined;this.readonly=false;this.disabled=undefined;this.name=undefined;this.showLabel=true}componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,this.color=e}));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){!this.valueReceivedOnLoad&&this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));this.initialValue=this.active}handleRegister(t){t.stopPropagation();t.detail(this)}smoothlyInputLoadHandler(t){yr.registerSubAction(this,t)}smoothlyRadioInputHandler(t){var e,o,s;t.stopPropagation();if(!this.readonly&&!this.disabled||!this.valueReceivedOnLoad){if(this.clearable&&((e=this.active)===null||e===void 0?void 0:e.value)===t.detail.value)this.clear();else if(((o=this.active)===null||o===void 0?void 0:o.value)!==t.detail.value){(s=this.active)===null||s===void 0?void 0:s.select(false);this.active=t.detail;this.value=this.active.value;this.active.select(true)}}if(t.detail.userInitiated)this.smoothlyUserInput.emit({name:this.name,value:this.value});!this.valueReceivedOnLoad&&(this.valueReceivedOnLoad=!this.valueReceivedOnLoad)}async listen(t){this.observer.subscribe(t)}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.value}async clear(){var t;if(this.clearable){(t=this.active)===null||t===void 0?void 0:t.select(false);this.active=undefined;this.value=undefined}}async edit(t){this.readonly=!t}async reset(){var t,e,o;(t=this.active)===null||t===void 0?void 0:t.select(false);this.active=this.initialValue;this.value=(e=this.initialValue)===null||e===void 0?void 0:e.value;(o=this.active)===null||o===void 0?void 0:o.select(true)}async setInitialValue(){this.initialValue=this.active;this.valueChanged()}async valueChanged(){var t;this.valueReceivedOnLoad&&(this.changed=((t=this.initialValue)===null||t===void 0?void 0:t.value)!==this.value);this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}watchingReadonly(){this.observer.publish()}render(){return o(s,{key:"8d190a8e834e7116016521263e17b71ee6f284d9",class:"floating-label"},o("slot",{key:"f0566cb099192b78801e3c03fb201b2d07e0b059",name:"start"}),o("div",{key:"6b0e2792c2104c143faab2b05c0ae41171688b9e"},o("slot",{key:"3a397e3a4c611a1af2eab80dd69ae348e05d18d5",name:"label"}),o("div",{key:"c42800b82f7de40198de6f1eb38d4230e25495e6",class:"options"},o("slot",{key:"4325f5c56f5ec785005efe7d2077da62a4a1c2d4"}))),o("slot",{key:"9164c38d59beb5503ab6bcc819f9a1c5e1f3cfe7",name:"end"}))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],value:["valueChanged"],disabled:["watchingReadonly"],readonly:["watchingReadonly"]}}};Gc.style=Vc;const Kc=".sc-smoothly-input-radio-item-h{display:flex;align-items:center;position:relative}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:pointer}smoothly-input-radio[disabled] .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:not-allowed}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>smoothly-icon.sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-input-foreground)}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>smoothly-icon[name=checkmark-circle].sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-success-color)}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}";const Zc=Kc;const qc=class{constructor(o){t(this,o);this.smoothlyRadioItemSelect=e(this,"smoothlyRadioItemSelect",7);this.smoothlyRadioItemRegister=e(this,"smoothlyRadioItemRegister",7);this.value=undefined;this.selected=false;this.looks=undefined;this.name=undefined;this.disabled=undefined}componentWillLoad(){this.smoothlyRadioItemRegister.emit((t=>{this.name=t.name;t.listen((async t=>{if(yr.is(t))this.disabled=t.disabled}))}));this.selected&&this.inputHandler(false)}inputHandler(t){this.smoothlyRadioItemSelect.emit({value:this.value,selected:this.selected,select:t=>this.selected=t,userInitiated:t})}render(){return o(s,{key:"05fd835653c873fffed9261880dfb81fd42add26",onClick:()=>this.inputHandler(true)},o("input",{key:"0c69da0126b7a0fbaee9f5ca11e54c02a4591248",name:this.name,type:"radio",checked:this.selected,disabled:this.disabled}),o("smoothly-icon",{key:"ffb94b845f41bba397ce38ba52e9576a6463b7c0",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",tooltip:"Select"}),o("label",{key:"c6316d24140192d80d8151c7fd5edfe6640cd8f1"},o("slot",{key:"471ebcb3e8ad8c712233b163dd3523e63427609d"})))}get element(){return i(this)}};qc.style=Zc;const Xc='.sc-smoothly-input-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.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);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}';const Jc=Xc;const Qc=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.observer=mr.Observer.create(this);this.initialValue=undefined;this.value=undefined;this.looks=undefined;this.color=undefined;this.changed=false;this.defined=false;this.readonly=false;this.disabled=undefined;this.type="text";this.min=0;this.max=100;this.name="range";this.step=undefined;this.outputSide="left";this.label=undefined;this.showInput=false}componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,this.color=e}));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.value&&(this.initialValue=this.value);this.valueChanged()}smoothlyInputLoadHandler(t){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()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}valueChanged(){var t,e;const o=!this.step?undefined:(e=(t=this.step.toString().split(".")[1])===null||t===void 0?void 0:t.length)!==null&&e!==void 0?e:0;this.value=Number.isNaN(this.value)||this.value==undefined?undefined:+this.value.toFixed(o);this.changed=this.initialValue!==this.value;this.defined=typeof this.value==="number";this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value})}watchingReadonly(){this.observer.publish()}setValue(t){var e;if(t==undefined)this.value=undefined;else if(t<this.min)this.value=this.min;else if(t>this.max)this.value=this.max;else this.value=t;this.input&&(this.input.value=this.type=="text"?(e=this.value)===null||e===void 0?void 0:e.toString():this.value)}render(){var t,e,i;return o(s,{key:"981c609e208eb67780a4e858298d522094ffb8a3",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},o("slot",{key:"7206180cecc1eafb5443fdecbcbc7f79aac6f71d",name:"start"}),o("div",{key:"118f190f0ee01c234ae8757e4476b2983742bd22"},o("label",{key:"26371708fd1a3b7e095b1e16a30019d94d5e59a7",htmlFor:this.name},this.label),o("smoothly-input",{key:"311df0db9acc0311002a2aae2fa5d8a6fe441371",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(yr.Element.is(t.target)?Number(await t.target.getValue()):undefined)),onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.setValue(yr.Element.is(t.target)?Number(await t.target.getValue()):undefined)},value:this.type=="percent"?this.value:(t=this.value)===null||t===void 0?void 0:t.toString(),placeholder:this.outputSide==="right"?"-":undefined,readonly:this.readonly,disabled:this.disabled},this.label),o("smoothly-display",{key:"10bc1d08c072b9595f331ac7ad01a6c5347fcafb",label:(this.type=="percent"?this.min*100:this.min).toString()}),o("input",{key:"4c817c133d504b5655b53d3769f6705e09e4a757",name:this.name,part:"range",type:"range",min:this.min,max:this.max,step:(e=this.step)!==null&&e!==void 0?e:"any",disabled:this.readonly||this.disabled,onInput:t=>{t.stopPropagation();this.setValue(t.target.valueAsNumber);this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:(i=this.value)!==null&&i!==void 0?i:this.min}),o("smoothly-display",{key:"c94ff61c3bf353afe9ee3ce054599fdac03f7650",label:(this.type=="percent"?this.max*100:this.max).toString()})),o("slot",{key:"21a8caced6089d13bc0ffeaab47956cad1707b1a",name:"end"}))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],value:["valueChanged"],disabled:["watchingReadonly"],readonly:["watchingReadonly"]}}};Qc.style=Jc;const td=class{constructor(e){t(this,e)}render(){return o(s,{key:"e3e3de851a249467dbb12ef82a18708a8c409859"},o("h2",{key:"ba090ed614d6d4566ec7e3654c3bbc75afd3bf6f"},"Range"),o("h3",{key:"3d241b30795709768f520193d767290796c0c6cb"},"Phone Number"),o("smoothly-input-range",{key:"61b4922da7639e508287d10c649c735f3a34ec86",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"968e889a4859c242a8b6dd6919cf51bb73fadab4"},"Stars out of ten"),o("smoothly-input-range",{key:"20428608c65d8ef43b6ce24a147785cbfb7cec41",max:10,step:1,label:"Stars"}),o("h3",{key:"1e58cabc50c4cd3962828af39e230833bf33b9ad"},"Percent"),o("smoothly-input-range",{key:"82c6a813725d957ea824e208026f2be35905087c",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"bd51dfcaecfe0bf4921795ae2a78f77a90dc9a63"},"With icon at start and clear button"),o("smoothly-input-range",{key:"4312e0ffb7d1b45a13ab8962cddf657608405847",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"93da6dc495124a267b8811661bc7ea1c552010b5",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"b9a5c6c9477563d6a661da2e5dd207e6c57c90ad",size:"icon",slot:"end"})))}};const ed='[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}.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]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:not([disabled]):active>button.sc-smoothly-input-reset::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:hover::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-within::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h .sc-smoothly-input-reset-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h[type="input"].sc-smoothly-input-reset-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-reset-h{cursor:not-allowed}.sc-smoothly-input-reset-h[type="input"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type="input"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}';const od=ed;const sd=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.color=undefined;this.expand=undefined;this.fill=undefined;this.disabled=false;this.size="icon";this.shape=undefined;this.display=true;this.type="input";this.tooltip="Reset"}async componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(mr.Element.type.is(t)){this.parent=t;this.readonlyAtLoad=t.readonly;t.listen((async t=>{if(yr.is(t)){this.display=t.readonly||t.defined?false:t.changed}if(t instanceof pr){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 pr&&this.readonlyAtLoad&&((o=this.parent)===null||o===void 0?void 0:o.edit(false))}render(){var t;return o(s,{key:"7a379f25c285c0f3e94ddada7fc3d55496561958",title:this.tooltip},o("smoothly-button",{key:"ea763b6c2704249cb2c348e81b9d50e95c7938b7",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(t=this.fill)!==null&&t!==void 0?t:this.type=="input"?"clear":undefined,onClick:t=>this.clickHandler(t)},o("slot",{key:"0650a68f1c45e2462db0c4d166427febbfd00f1a"}),o("smoothly-icon",{key:"f71f13839b2a2f88f2ecd95629eba639e6d398a8",flip:"x",name:"refresh-outline",size:"tiny"})))}};sd.style=od;var id;(function(t){let e;(function(t){t.type=j({value:D(),deselectable:_(),selected:_().optional(),filter:h()});t.is=t.type.is})(e=t.Element||(t.Element={}));t.type=e.type.extend({});t.is=t.type.is})(id||(id={}));const ad='.sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-select-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-select-h,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background-color:transparent}[looks="transparent"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-select-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.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;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>div.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h .label.sc-smoothly-input-select{left:.5rem}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);min-width:fit-content;border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks="grid"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{left:-1px;right:-1px}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{padding:.7rem .7rem .7rem .25rem}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{display:flex;position:sticky;top:0;gap:1rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview::before{content:"";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}';const nd=ad;const ld=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput",7);this.smoothlyUserInput=e(this,"smoothlyUserInput",7);this.smoothlyInputLooks=e(this,"smoothlyInputLooks",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=e(this,"smoothlyFormDisable",7);this.smoothlyItemSelect=e(this,"smoothlyItemSelect",7);this.initialValue=[];this.initialValueHandled=false;this.observer=mr.Observer.create(this);this.items=[];this.lastOpen=false;this.invalid=false;this.errorMessage=undefined;this.name="selected";this.color=undefined;this.looks=undefined;this.showLabel=true;this.showSelected=true;this.readonly=false;this.disabled=false;this.inCalendar=false;this.ordered=undefined;this.multiple=false;this.clearable=true;this.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(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){this.selected&&!this.initialValueHandled&&(this.initialValue=[...this.selected]);this.initialValueHandled=true;this.onSelectedChange()}componentDidRender(){var t,e,o,s,i;this.itemHeight===undefined&&(this.itemHeight=(t=this.items.find((t=>t.clientHeight>0)))===null||t===void 0?void 0:t.clientHeight);if(this.menuHeight&&this.itemHeight){(e=this.element)===null||e===void 0?void 0:e.style.setProperty("--menu-height",!this.menuHeight.endsWith("items")||this.items.length==0?this.menuHeight:`${this.itemHeight*+((s=(o=this.menuHeight.match(/^(\d+(\.\d+)?|\.\d+)/g))===null||o===void 0?void 0:o[0])!==null&&s!==void 0?s:"10")}px`)}(i=this.element)===null||i===void 0?void 0:i.style.setProperty("--element-height",`${this.element.clientHeight}px`);if(this.ordered&&!this.multiple&&this.open&&!this.lastOpen){this.scrollToSelected()}}async disconnectedCallback(){if(!this.element.isConnected)await this.unregister()}nameChange(t,e){yr.formRename(this,e)}async register(){yr.formAdd(this)}async unregister(){yr.formRemove(this)}async getValue(){return!this.multiple&&this.selected[0]?this.selected[0].value:this.multiple&&this.selected.length>0?this.selected.map((t=>t.value)):undefined}async getItems(){return this.items}async listen(t){this.observer.subscribe(t)}async reset(){this.selected.forEach((t=>t.selected=t.hidden=false));this.initialValue.forEach((t=>t.selected=true));this.selected=[...this.initialValue];this.displaySelected();this.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(){this.initialValueHandled&&(this.changed=!this.areValuesEqual(this.selected,this.initialValue));this.defined=this.selected.length>0;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}onRequiredChange(){this.items.forEach((t=>t.deselectable=!this.required))}async onFilterChange(t){t=t.toLowerCase();await Promise.all(this.items.map((e=>e.filter(t))))}watchingReadonly(){this.observer.publish()}async smoothlyInputLoadHandler(t){if(t.target&&("name"in t.target&&t.target.name!==this.name||t.composedPath().some((t=>t==this.iconsDiv))&&!t.composedPath().some((t=>t==this.toggle)))){t.stopPropagation()}else if(id.Element.is(t.target)){t.stopPropagation();t.target.deselectable=!this.required;this.items.push(t.target)}yr.registerSubAction(this,t);this.displaySelected()}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&this.handleShowOptions()}onItemDomChange(t){t.stopPropagation();const e=t.target;if(e.selected)this.displaySelected()}async onItemSelect(t){t.stopPropagation();const e=t.detail.item;if(this.multiple){this.selected=e.selected?[...this.selected,e]:this.selected.filter((t=>t.selected))}else if(e.selected||!this.items.some((t=>t.selected))){this.selected[0]&&(this.selected[0].hidden=this.selected[0].selected=false);this.selected=!e.selected?this.selected.filter((t=>t.selected)):[e];!this.showSelected&&e.selected&&(e.hidden=true)}this.displaySelected();if(t.detail.userInitiated)this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}onClosed(t,e){this.lastOpen=e;if(!t){const t=this.items.find((t=>t.marked));if(t){t.marked=false}}}handleShowOptions(t){const e=(t===null||t===void 0?void 0:t.composedPath().some((t=>t==this.iconsDiv)))&&!t.composedPath().some((t=>t==this.toggle));const o=t===null||t===void 0?void 0:t.composedPath().find((t=>"tagName"in t&&t.tagName=="SMOOTHLY-ITEM"));!this.readonly&&!this.disabled&&!(o&&this.items.includes(o)&&this.multiple)&&!e&&(this.open=!this.open);this.filter=""}areValuesEqual(t,e){return t.length===e.length&&e.every((e=>t.includes(e)))}displaySelected(){var t;const e=this.selected.map((t=>`<div>${t.innerHTML}</div>`)).join("");this.displaySelectedElement&&(this.displaySelectedElement.innerHTML=this.selected.length>0?e:(t=this.placeholder)!==null&&t!==void 0?t:"")}onKeyDown(t){if(!this.searchDisabled){t.stopPropagation();const e=this.items.some((t=>t.getAttribute("hidden")===null));if(t.key!="Tab"&&!t.ctrlKey&&!t.metaKey)t.preventDefault();if(this.open){switch(t.key){case"ArrowUp":e&&this.move(-1);break;case"ArrowDown":e&&this.move(1);break;case"Escape":if(this.filter=="")this.open=false;else this.filter="";break;case"Backspace":this.filter=t.ctrlKey?"":this.filter.slice(0,-1);break;case"Enter":const o=this.items.find((t=>t.marked));if(o===null||o===void 0?void 0:o.value)o.selected=!o.selected;if(!this.multiple){this.open=false;this.filter=""}break;case"Tab":this.open=false;break;default:if(t.key.length==1)this.filter+=t.key;break}}else{switch(t.key){case"Enter":case" ":this.handleShowOptions();break;case"ArrowDown":this.handleShowOptions();this.move(1);break;case"ArrowUp":this.handleShowOptions();this.move(-1);break;case"Tab":break;default:this.handleShowOptions();if(t.key.length==1)this.filter+=t.key;break}}}}scrollToSelected(){const t=this.items.find((t=>t.selected));if(t){this.items.map((t=>t.marked=false));t.marked=true;this.scrollTo(t,"instant")}}move(t){const e=this.items.filter((t=>!t.hidden&&!t.disabled));let o=e.findIndex((t=>t.marked));if(o==-1)o=0;else{e[o].marked=false;o=(o+t+e.length)%e.length}e[o].marked=true;this.scrollTo(e[o],"smooth")}scrollTo(t,e){var o,s,i;(o=this.optionsDiv)===null||o===void 0?void 0:o.scrollTo({top:t.offsetTop+t.offsetHeight/2-((i=(s=this.optionsDiv)===null||s===void 0?void 0:s.clientHeight)!==null&&i!==void 0?i:0)/2,behavior:e})}addItem(){this.addedItems=this.addedItems.concat(o("smoothly-item",{value:this.filter,selected:true},this.filter))}render(){return o(s,{key:"634ee1c37ccc315c2c9857c60fa3c6069556f74e",tabIndex:this.disabled?undefined:0,class:{"has-value":this.selected.length!==0,open:this.open},onClick:t=>this.handleShowOptions(t)},o("div",{key:"fe3fefa2ddb788e6f4511da0f4039f8aba6c0ba9",class:"select-display",ref:t=>this.displaySelectedElement=t},this.placeholder),o("div",{key:"b9965965aedd76ff9ad68a7f05498f294c90b592",class:"icons",ref:t=>this.iconsDiv=t},o("smoothly-icon",{key:"5835b784072d80f848a65902b7fcc0166b4cd3d9",class:"smoothly-invalid",name:"alert-circle",color:"danger",fill:"clear",size:"small",tooltip:this.errorMessage}),o("slot",{key:"46220443d011b003066ccdab05143e5608a9cd01",name:"end"}),this.looks=="border"&&!this.readonly&&o("smoothly-icon",{key:"b66541ba94fe369da41cf931068e03590efd837d",ref:t=>this.toggle=t,size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"})),o("slot",{key:"6aa082460f268235af1029e9edff601df8d9140f",name:"label"}),o("div",{key:"1d817bb6873ac5c20ab76656adfd6e5d0ce9370e",class:{hidden:!this.open,options:true},ref:t=>this.optionsDiv=t},this.filter.length>0&&o("div",{key:"58926481e75aa7f8f5296f5151e115eba91a7af2",class:"search-preview"},o("smoothly-icon",{key:"a870e6700a6593c74e84c28e345a289f5de4ad10",name:"search-outline",size:"small"}),this.filter,o("smoothly-icon",{key:"48efe8883dec494e42fe60165d541327bd6a4ca8",name:"backspace-outline",size:"small",onClick:t=>{t.stopPropagation();this.filter="";this.element.focus()}}),this.mutable&&o("smoothly-icon",{key:"971f8942da3c3e9f2fa1a94694de88f96b823db4",name:"add",size:"small",onClick:t=>{t.stopPropagation();this.addItem()}})),o("slot",{key:"35ccb0be4ab96d33435e78a49d87439d40e8caad"}),this.addedItems))}get element(){return i(this)}static get watchers(){return{name:["nameChange"],selected:["onSelectedChange"],required:["onRequiredChange"],filter:["onFilterChange"],disabled:["watchingReadonly"],readonly:["watchingReadonly"],open:["onClosed"]}}};ld.style=nd;const rd='[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}.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]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-visible,[fill=outline].sc-smoothly-input-submit-h:not([disabled]):active>button.sc-smoothly-input-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:hover::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-within::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:focus-visible,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-icon,.sc-smoothly-input-submit-h .sc-smoothly-input-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-submit-h{display:none}.sc-smoothly-input-submit-h{display:flex}.sc-smoothly-input-submit-h:not([display]){display:none}.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button button>*+smoothly-icon,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button-confirm button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-submit-h{cursor:not-allowed}';const cd=rd;const dd=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.delete=false;this.color=undefined;this.icon="checkmark-outline";this.expand=undefined;this.fill=undefined;this.disabled=false;this.display=false;this.shape=undefined;this.size="icon";this.tooltip=this.delete?"Remove":"Submit"}componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(g.is(t)&&mr.type.is(t)){this.parent=t;t.listen((async t=>{var e;this.display=!t.readonly;this.disabled=!this.delete&&(t.readonly||"validator"in t&&t.validator instanceof k&&!((e=t.validator)===null||e===void 0?void 0:e.is(u.convertArrays(t.value)))||!t.changed)}))}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.submit(this.delete)}render(){var t,e;return o(s,{key:"30c147018c86276cfbf1d0bc6b85755131c8b9ba",title:this.tooltip},this.delete==true?o("smoothly-button-confirm",{size:this.size,shape:this.shape,expand:this.expand,color:(t=this.color)!==null&&t!==void 0?t:"danger",fill:this.fill,onSmoothlyConfirm:()=>this.clickHandler()},o("slot",null),o("smoothly-icon",{name:"trash-outline",fill:"solid",size:"tiny"})):o("smoothly-button",{disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:(e=this.color)!==null&&e!==void 0?e:"success",fill:this.fill,onClick:()=>this.clickHandler()},o("slot",null),this.icon&&o("smoothly-icon",{name:this.icon,fill:"solid",size:"tiny"})))}};dd.style=cd;const hd="[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-item-selected-background));color:rgb(var(--smoothly-item-selected-foreground));border-left:.3em solid rgb(var(--smoothly-item-selected-border))}[disabled].sc-smoothly-item-h,.sc-smoothly-item-h[disabled].sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-disabled-background));color:rgb(var(--smoothly-item-disabled-foreground));opacity:var(--smoothly-item-disabled-opacity);cursor:not-allowed}.sc-smoothly-item-h{padding:0.5em;cursor:pointer;border-left:.3em solid transparent;color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground));box-sizing:border-box;min-height:3rem}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground))}.sc-smoothly-item-h:not([disabled])[marked],.sc-smoothly-item-h:not([disabled]):hover,.sc-smoothly-item-h:not([disabled])[marked].sc-smoothly-item-s>*,.sc-smoothly-item-h:not([disabled]):hover.sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-hover-background));color:rgb(var(--smoothly-item-hover-foreground));fill:rgb(var(--smoothly-item-hover-foreground));stroke:rgb(var(--smoothly-item-hover-foreground))}";const md=hd;const ud=class{constructor(o){t(this,o);this.smoothlyItemSelect=e(this,"smoothlyItemSelect",7);this.smoothlyInputLoad=e(this,"smoothlyInputLoad",7);this.smoothlyItemDOMChange=e(this,"smoothlyItemDOMChange",7);this.userInitiated=false;this.value=undefined;this.selected=false;this.marked=undefined;this.disabled=false;this.deselectable=true}clickHandler(){if(!this.disabled&&(!this.selected||this.deselectable)){this.userInitiated=true;this.selected=!this.selected}}selectedWatcher(){this.smoothlyItemSelect.emit({userInitiated:this.userInitiated,item:this.element});this.userInitiated=false}componentWillLoad(){this.smoothlyInputLoad.emit((()=>{}))}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>this.smoothlyItemDOMChange.emit()));this.mutationObserver.observe(this.element,{childList:true,subtree:true,characterData:true});if(this.selected&&!this.disabled)this.smoothlyItemSelect.emit({userInitiated:false,item:this.element})}async filter(t){var e;const o=typeof this.value==="string"?this.value:JSON.stringify((e=this.value)!==null&&e!==void 0?e:"");this.element.hidden=t?!(o.includes(t)||this.element.innerText.toLowerCase().includes(t)):false}render(){return o(s,{key:"b4e749ab5d696e7b58574e18e4b8bc6f4bb2c72d",tabIndex:-1},o("slot",{key:"6f1acb782c351e25b2db5399f11314b01bbc8ecf"}))}get element(){return i(this)}static get watchers(){return{selected:["selectedWatcher"]}}};ud.style=md;const yd=".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 bd=yd;const fd=class{constructor(e){t(this,e);this.hue=undefined;this.description=undefined;this.shape=undefined}render(){var t;return o(s,{key:"cc716eaf87a3387f147422f576544cb77cccfe26",title:this.description,style:{"--hue":(t=this.hue)===null||t===void 0?void 0:t.toString()}},o("slot",{key:"6117c12c6184cf76db0e27a3e47382a65919c407"}))}};fd.style=bd;const pd=".sc-smoothly-lazy-h{display:block}";const gd=pd;const kd=class{constructor(e){t(this,e);this.show=false;this.content=undefined}loadMoreHandler(t){t.stopPropagation();this.show=true}render(){return o(s,{key:"17ba82a5444b38dc7dca06f9bae690e05a539698"},o("slot",{key:"2328805f3ef1e5dff4f647f26d89cbc2d49be624",name:"before"}),o("smoothly-load-more",{key:"67fcc89320807ac6ab65a4648deab0cb0511838b",onSmoothlyLoadMore:t=>this.loadMoreHandler(t)}),this.show&&(typeof this.content=="function"?o(this.content,null):this.content),o("slot",{key:"ccc6f2be5670edd1bc323398c8f1d8a4a0665d65"}))}};kd.style=gd;const vd=class{constructor(o){t(this,o);this.smoothlyLoadMore=e(this,"smoothlyLoadMore",7);this.triggerMode="intersection";this.name="";this.multiple=false;this.inView=undefined}checkInView(){if(this.inView)this.smoothlyLoadMore.emit(this.name)}connectedCallback(){var t;this.observer=new IntersectionObserver(((t,e)=>this.observationHandler(e,t)));this.observer.observe(this.element);if(this.triggerMode=="scroll"){this.inView&&this.smoothlyLoadMore.emit(this.name);if(this.multiple||!this.multiple&&!this.inView){this.scrollableParent=n.findParent(this.element);(t=this.scrollableParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.checkInView.bind(this),{once:!this.multiple})}}}disconnectedCallback(){var t;(t=this.scrollableParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.checkInView.bind(this));this.observer.disconnect()}observationHandler(t,e){var o,s;this.inView=((s=(o=e.find((t=>t.target==this.element)))===null||o===void 0?void 0:o.intersectionRatio)!==null&&s!==void 0?s:0)>0;if(this.inView){this.smoothlyLoadMore.emit(this.name);!this.multiple&&(t.unobserve(this.element),t.disconnect())}}render(){return o(s,{key:"70721cac649d546d46464e3ac3eaaae6fd714371"})}get element(){return i(this)}};const wd='.sc-smoothly-modal-h{position:fixed;display:flex;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--smoothly-modal-backdrop));color:rgb(var(--smoothly-modal-foreground));z-index:5}.sc-smoothly-modal-h:not([open]),[hidden].sc-smoothly-modal-h{display:none}[align=center].sc-smoothly-modal-h{align-items:center}[align=top].sc-smoothly-modal-h>div.modal.sc-smoothly-modal{margin-top:calc((100dvh - var(--smoothly-modal-max-height)) / 2)}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal{display:flex;flex-direction:column;padding:2rem;gap:1.5rem;width:var(--smoothly-modal-width, 40rem);max-width:calc(100dvw - 1rem);height:fit-content;max-height:min(var(--smoothly-modal-max-height), 100dvh);background:rgb(var(--smoothly-modal-background, var(--smoothly-color)));border:1px solid rgb(var(--smoothly-modal-border));border-radius:var(--smoothly-modal-border-radius);box-shadow:var(--smoothly-modal-shadow);box-sizing:border-box}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:empty,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal:empty{display:none}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal{display:flex;justify-content:space-between;align-items:center}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>*.sc-smoothly-modal{margin-block:0}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal:not(.header):not(.actions){overflow-y:auto}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:not(:has([slot="header"])){justify-content:end}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]){cursor:pointer;opacity:0.7;color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]):hover{opacity:1}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}';const xd=wd;const Cd=class{constructor(o){t(this,o);this.smoothlyModalChange=e(this,"smoothlyModalChange",7);this.open=false;this.closable=false;this.align="center"}openChanged(){this.smoothlyModalChange.emit(this.open)}async closeModal(){this.open=false}async openModal(){this.open=true}render(){return o(s,{key:"a47ab1c0d6318381cbee29214533874b9f05f205",role:"alertdialog",onClick:t=>{this.closable&&!t.composedPath().some((t=>{var e;return(e=t.classList)===null||e===void 0?void 0:e.contains("modal")}))&&this.closeModal()}},o("div",{key:"17b11319995dbcc9937727f15fb7bf10b85e4fc6",class:"modal"},o("div",{key:"561b56a493b4246d49ea593f64610ddf84d32db8",class:"header"},o("slot",{key:"b8733fe31f2b4b301c848ba61f60a46b70caaf74",name:"header"}),this.closable&&o("smoothly-icon",{key:"3bc07262a20fa44092b4227837d3ec933afa4c6b",name:"close-outline",fill:"solid",onClick:()=>this.closeModal()})),o("slot",{key:"750a8d6e9e8cdc3b514a7e04547f705c0f57f097"}),o("div",{key:"c179339153513dd1c93b764fdc4885a404767e12",class:"actions"},o("slot",{key:"76fd6acd55c04dff91644325f835aa079824c99f",name:"actions"}))))}static get watchers(){return{open:["openChanged"]}}};Cd.style=xd;const Sd=".sc-smoothly-notification-h{display:block;position:relative;min-width:min(calc(100% - 1rem), 30rem);min-height:3rem;border-radius:5px;margin:0.5rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin-inline:1rem 2rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{--smoothly-icon-size:1.6rem;position:absolute;right:0}";const zd=Sd;const jd=class{constructor(o){t(this,o);this.remove=e(this,"remove",7);this.listener=t=>{if(t.state=="closed")this.remove.emit(t);else this.tick={}};this.notice=undefined;this.closable=true;this.icon=undefined;this.tick={}}get properties(){let t;switch(this.notice.state){case"delayed":case"warning":t=["warning","warning-outline"];break;case"success":t=["success","checkmark-circle"];break;case"executing":t=["light","hourglass-outline"];break;case"failed":t=["danger","alert-circle"];break;default:t=["light",undefined];break}return t}onTrigger(t){if(t.detail.name=="close"){t.stopPropagation();this.notice.close()}}onUpdatedNotice(t,e){if(e)e.unlisten(this.listener);t.listen(this.listener)}componentDidLoad(){this.onUpdatedNotice(this.notice)}render(){return o(s,{key:"491472d5d7d8dd9ac78532310456d754612ebc80",color:this.properties[0],fill:"solid"},this.closable&&o("smoothly-trigger",{key:"cd4f31f0b0c4098e1ceb759284734afceb363262",fill:"clear",name:"close"},o("smoothly-icon",{key:"87c9d7d92aa84b0fa05937e0dc8731fc63cc585a",name:"close-circle-outline"})),o("span",{key:"93db881b72ac10a0426008ecbe202aaaa08394a3",class:this.icon?"icon":"clean"},this.icon&&o("smoothly-icon",{key:"07626177e6e6b1998b28347941deacd074972a73",name:this.properties[1]}),o("p",{key:"947b5b4cb2c142821b8c35cd41a77427ec41fffe"},this.notice.message)))}static get watchers(){return{notice:["onUpdatedNotice"]}}};jd.style=zd;const Id=".sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier{pointer-events:none;display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier>smoothly-notification.sc-smoothly-notifier{pointer-events:all}";const _d=Id;const Td=class{constructor(e){t(this,e);this.icon=false;this.notices=[]}onNotice(t){this.notices=[...this.notices,t.detail]}onRemove(t){this.notices=[...this.notices.filter((e=>e!=t.detail))]}render(){return o(s,{key:"f801171b6cd660c354003888774d2bb08e7c4d93"},o("slot",{key:"98ee0d958d49b9dfeeb43403946c01197b585ff3"}),o("div",{key:"a44b65d5c14daa7fc8206abfc49eb09f46afa04c",class:"smoothly-notifier-wrapper"},this.notices.map((t=>o("smoothly-notification",{notice:t,icon:this.icon})))))}};Td.style=_d;const Od="[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 Ld=Od;const Ad=class{constructor(e){t(this,e);this.size="large";this.overlay=undefined}render(){const t=this.size=="large"?6:this.size=="medium"?8:this.size=="icon"?8:12;return o(s,{key:"c08c245377dd2c4da8c6baf17dc9bd78cf70aa4b",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},o("svg",{key:"0d046eabed666fc709211c788225cfa5dbe8adc5",class:"spinner",viewBox:`0 0 ${60+t} ${60+t}`,xmlns:"http://www.w3.org/2000/svg"},o("circle",{key:"0b4140ca9d5337bd916ddadec0ee82b582cfa75a",class:"path",fill:"none","stroke-width":t,"stroke-linecap":"round",cx:`${30+t/2}`,cy:`${30+t/2}`,r:"30"})))}};Ad.style=Ld;const Md=".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 Dd=Md;const Ed=class{constructor(o){t(this,o);this.smoothlySummaryOpen=e(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(yr.Element.is(t.target)){this.inputs[t.target.name]=t.target;if(!this.open)t.stopPropagation()}}render(){return o("details",{key:"0cc7e2b3c1097da55c709a202f50d84fb7b4ed9b",onToggle:t=>this.toggleHandler(t),open:this.open},o("summary",{key:"a46ba670c1f03e052613bd88ad1d7acbd7065450"},o("smoothly-icon",{key:"3582ab7dbbbe4bf4875b8c606a58a6626f96511f",name:"caret-forward",color:this.color,fill:this.fill,size:this.size}),o("slot",{key:"58889b6ccb82840730e04fe7dc85d6121f6d02eb",name:"summary"})),o("slot",{key:"fbfcd57c41d8963101adfae3a00542eb1afb6d3d",name:"content"}))}};Ed.style=Dd;const Rd=".sc-smoothly-tab-h{display:contents;--smoothly-tab-line-width:2px;--smoothly-tab-line-width-active:5px}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{grid-column:span 1;background-color:transparent;border-bottom-color:rgb(var(--smoothly-default-shade));border-bottom-width:var(--smoothly-tab-line-width);border-bottom-style:solid}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{color:rgba(var(--smoothly-default-contrast), 0.6)}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{cursor:not-allowed}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{display:flex;justify-content:center;padding:0.5rem 1rem;width:fit-content;border-radius:0.5rem 0.5rem 0 0;margin:auto;cursor:pointer;position:relative}.sc-smoothly-tab-h:not([disabled])>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab:hover{background-color:rgb(var(--smoothly-tab-hover-background, var(--smoothly-default-shade)))}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{font-weight:bold}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab::before{content:'';position:absolute;height:var(--smoothly-tab-line-width-active);background-color:rgb(var(--smoothly-tab-active-line, var(--smoothly-primary-color)));inset-inline:0;bottom:calc(-1 * var(--smoothly-tab-line-width))}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label[data-smoothly-tooltip].sc-smoothly-tab:hover::after{content:attr(data-smoothly-tooltip);font-size:0.9rem;position:absolute;top:calc(100% + 0.25rem);padding:0.5rem 0.75rem;border-radius:0.5rem;background-color:rgb(var(--smoothly-medium-color));color:rgb(var(--smoothly-medium-contrast));white-space:nowrap;z-index:1}.sc-smoothly-tab-h>div.sc-smoothly-tab:nth-child(2){grid-row:2 / 3;grid-column:1 / -1}";const $d=Rd;const Pd=class{constructor(o){t(this,o);this.smoothlyTabOpen=e(this,"smoothlyTabOpen",7);this.smoothlyTabLoad=e(this,"smoothlyTabLoad",7);this.inputs={};this.label=undefined;this.name=undefined;this.tooltip=undefined;this.open=undefined;this.disabled=undefined}async openHandler(){if(this.open)this.smoothlyTabOpen.emit(this.name);this.open?await Promise.all(Object.values(this.inputs).map((t=>t.register()))):await Promise.all(Object.values(this.inputs).map((t=>t.unregister())))}connectedCallback(){this.smoothlyTabLoad.emit((t=>{var e;(e=this.smoothlyTabs)===null||e===void 0?void 0:e.removeTab(this.element);this.smoothlyTabs=t}))}disconnectedCallback(){var t;(t=this.smoothlyTabs)===null||t===void 0?void 0:t.removeTab(this.element)}async componentDidLoad(){await this.openHandler()}onInputLoad(t){if(yr.Element.is(t.target)){this.inputs[t.target.name]=t.target;if(!this.open)t.stopPropagation()}}render(){return o(s,{key:"4f31a21320e76019b99c7cfc4cb4ff0d8472450a"},o("div",{key:"87ffb5977d0957aa9a156a42f2858b3f8b39cbf8",onClick:()=>!this.disabled&&(this.open=true)},o("label",{key:"bf22b6ac424669960fb1e9ac1014b2d3c1710027","data-smoothly-tooltip":this.tooltip},this.label)),o("div",{key:"2aa64bb4f3f266630dc9642e65cc984da002334b",hidden:!this.open},o("slot",{key:"b724eb4399aa54cd465519ba65c8dd759a0ade10"})))}get element(){return i(this)}static get watchers(){return{open:["openHandler"]}}};Pd.style=$d;const Fd=".sc-smoothly-table-h{display:grid;grid-template-columns:repeat(var(--columns), auto);color:rgb(var(--smoothly-table-foreground));stroke:rgb(var(--smoothly-table-foreground));fill:rgb(var(--smoothly-table-foreground))}";const Nd=Fd;const Hd=class{constructor(e){t(this,e);this.columns=1}smoothlyTableExpandableRowChange(t){t.stopPropagation()}smoothlyTableExpandableCellChange(t){t.stopPropagation()}render(){return o(s,{key:"9141511e105824062be8d9744830b343a4017148",style:{"--columns":this.columns.toString()}},o("slot",{key:"6e90573c79d59d461c3cfe85333477661457b941"}))}};Hd.style=Nd;const Ud=".sc-smoothly-table-body-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;color:rgb(var(--smoothly-table-foreground));background-color:rgb(var(--smoothly-table-background))}";const Yd=Ud;const Wd=class{constructor(e){t(this,e)}render(){return o(s,{key:"2517aa5f8d0ac4e9cc8e04aa9d8c4206930ef309"},o("slot",{key:"d62a262e625f6e2d13b3fc9c2ff318352c004a10"}))}};Wd.style=Yd;const Bd=".sc-smoothly-table-cell-h{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}";const Vd=Bd;const Gd=class{constructor(e){t(this,e);this.span=1}render(){var t;return o(s,{key:"fd659cc7790ab25e19aa6e7f6a80ff0c60f753c0",class:"smoothly-table-cell",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)}},o("slot",{key:"314303397c157718fa4791b6985331b7d015ab9f"}))}};Gd.style=Vd;const Kd=".sc-smoothly-table-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}";const Zd=Kd;const qd=class{constructor(e){t(this,e)}render(){return o(s,{key:"5a60b0a8e0603e4aca3c71e28018783e7b171926"},o("smoothly-table-demo-filler-row",{key:"376a899c29affb2ac75463a62203b687f43691f3"}),o("smoothly-table-demo-group",{key:"fc5d0452df007e31bd12c9c4559812d5927bc7e0"}),o("smoothly-table-demo-colspan",{key:"df61da994671158afecaf08f798f5d4c37753b80"}),o("smoothly-table-demo-simple",{key:"0c82c068d184f295fa004da7c4ab37e08b0ada67"}),o("smoothly-table-demo-nested-no-cell",{key:"ba975806a892ac988bcb6fd483cb340706dcda03"}),o("smoothly-table-demo-filtered",{key:"cdb6d52cd2063d2d7ca556402b4323ca6a30a381"}))}};qd.style=Zd;const Xd=".sc-smoothly-table-demo-colspan-h{display:block}.sc-smoothly-table-demo-colspan-h smoothly-display.sc-smoothly-table-demo-colspan{display:inline}";const Jd=Xd;const Qd=class{constructor(e){t(this,e)}render(){return o(s,{key:"68fca89bb1ad91af8e9f2a2fad20909ed0019e20"},o("smoothly-table",{key:"2a51c2f08a2595a8e6caf2450bc9c033646907cf",columns:3},o("smoothly-table-head",{key:"09e799789f1c1a080aaf36e48735e4364fc1a19f"},o("smoothly-table-row",{key:"6920497dd75fe2114c94f38751434726fd2f507b"},o("smoothly-table-cell",{key:"e515ac6f18649577dc0a2f61b7e54faf479140bd"},"Date"),o("smoothly-table-cell",{key:"66e6e9fe42e7d7655f237cb23ea93158ebaa1f39"},"Skip"),o("smoothly-table-cell",{key:"b6a8667c26e04420ff33c97db01d835aee8b3a07"},"Total"))),o("smoothly-table-body",{key:"2deef2e8d0a741d06ad34c302f1bb1498631c250"},o("smoothly-table-row",{key:"d3337116839c99c8c6107874821df9120364ed75"},o("smoothly-table-cell",{key:"8b06d0fc881fb10433d2db4445604472d6974646",span:2},o("smoothly-display",{key:"87c4b07374a670e2a3a2a54fa48d8cc643647370",type:"date",value:"2024-01-01"})),o("smoothly-table-cell",{key:"bb8821adc87a64f95e7771bb279b60a6bd81c214"},o("smoothly-display",{key:"5a59941a2ac34de584a74de68e4affda9784a030",type:"price",value:120,currency:"EUR"}))),o("smoothly-table-row",{key:"c7eaf31271b3c566e75a9fc6a6d8149548ce5d1f"},o("smoothly-table-expandable-cell",{key:"21173e075dea1d85c87615f27c1b507de14c61cc",span:2},o("smoothly-display",{key:"af2901da384c4b19315872415ebb5c510a6bbbfa",type:"date",value:"2024-01-02"}),o("smoothly-lazy",{key:"5cec58b2f5d374d3ac3723af5483af6e33a58308",slot:"detail",content:o("smoothly-display",{type:"date-time",value:"2024-01-02T13:37:00.000Z"})})),o("smoothly-table-expandable-cell",{key:"071061eb3c30e448af187feef488085425f4f3ef"},o("smoothly-display",{key:"0f5df642c8ae4fcb2ed32f4dd145556f68364092",type:"price",value:220,currency:"EUR"}),o("smoothly-lazy",{key:"089441483694e35584eaf12ab20ab738aad35923",slot:"detail",content:o("span",null,o("smoothly-display",{type:"price",value:120,currency:"EUR"})," + ",o("smoothly-display",{type:"price",value:100,currency:"EUR"}))}))),o("smoothly-table-row",{key:"6dfa02e155f269bbc59742ff6f70ddb94a45039a"},o("smoothly-table-cell",{key:"e6c44311c163beee4d1ed429fd271588a11964a0"},o("smoothly-display",{key:"667c5fa2d69bede5d5fee8e82f4815c34000869c",type:"date",value:"2024-01-02"})),o("smoothly-table-cell",{key:"bafe1a0134b39d55503b2f85a88f78a89c68507c"},"Not Skipped"),o("smoothly-table-cell",{key:"d3bc0c579b56896321761945d0df910481fe2ba1"},o("smoothly-display",{key:"fbbbc10f6843e4ea79bad1b0a0304f15c1f2385d",type:"price",value:320,currency:"EUR"}))))))}};Qd.style=Jd;const th=".sc-smoothly-table-demo-filler-row-h{display:block}.sc-smoothly-table-demo-filler-row-h>smoothly-display.sc-smoothly-table-demo-filler-row{font-size:2em}.sc-smoothly-table-demo-filler-row-h>*.sc-smoothly-table-demo-filler-row{margin-bottom:2rem}";const eh=th;const oh=class{constructor(e){t(this,e);this.cats=[]}async componentDidLoad(){window.setTimeout((()=>{this.cats=undefined}),3e3)}render(){return o(s,{key:"a03f1c70b2e92ff356d45e773ae73d831e6cd0fc"},o("smoothly-display",{key:"5036d9aaa30aeb6d3eed6f10d835aeb6f4efe3bc",type:"text",value:"Filler row"}),o("smoothly-table",{key:"7fcb76f36dc6f2f2908691b7068e497c1b8a1da1",color:"primary",columns:4},o("smoothly-table-head",{key:"25346f60c41a560528f39ac2e822d2b3b15f2c86"},o("smoothly-table-row",{key:"e0ffc1a2e88c33fd6509ab2acfd2f612cf39a006"},o("smoothly-table-cell",{key:"6816fc98a889ce71cc2ec43b6d91597856e1f0b2"},"Breed"),o("smoothly-table-cell",{key:"0f04dc7a0c25da1e4e15a1b6b7caee0a93c0bba6"},"Country"),o("smoothly-table-cell",{key:"14d52e902bf3ad350d6a87a86b6e413c3e979f4b"},"Coat"),o("smoothly-table-cell",{key:"9d196cabb51ff631141fc5abe22e10509d59ca61"},"Origin"))),o("smoothly-table-body",{key:"9a0c88bdc0f5c52d3ce41ef0e6dcd9b8dd99a18a"},this.cats===undefined?o("smoothly-table-filler-row",null,"No data to display"):this.cats.length===0?o("smoothly-table-filler-row",null,o("smoothly-spinner",{style:{margin:"auto"},color:"default",size:"small"})):this.cats.map((t=>o("smoothly-table-row",null,o("div",{class:"smoothly-table-cell"},t.breed),o("div",{class:"smoothly-table-cell"},t.country),o("div",{class:"smoothly-table-cell"},t.coat),o("div",{class:"smoothly-table-cell"},t.origin)))))))}};oh.style=eh;var sh=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 ih=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,i){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?i.call(t,o):i?i.value=o:e.set(t,o),o};var ah;class nh{get selected(){var t;return ih(this,ah,(t=sh(this,ah,"f"))!==null&&t!==void 0?t:Object.values(this.data),"f")}constructor(t,e={}){this.key=t;this.data=e;ah.set(this,void 0)}handle(t){var e;return new nh(this.key,"check-all"in t?(e=t["check-all"])!==null&&e!==void 0?e:{}:Object.fromEntries(Object.entries(Object.assign(Object.assign({},this.data),t)).filter((([t,e])=>e!=undefined))))}render(t){var e,s,i;return Array.isArray(t)?o("smoothly-checkbox",{name:"check-all",value:Object.fromEntries(t.map((t=>[t[this.key],t]))),intermediate:this.selected.length>0&&this.selected.length<t.length,checked:this.selected.length==t.length?true:this.selected.length==0&&false}):o("smoothly-checkbox",{name:(e=t[this.key])===null||e===void 0?void 0:e.toString(),value:t,checked:!!this.data[(i=(s=t[this.key])===null||s===void 0?void 0:s.toString())!==null&&i!==void 0?i:""]})}static create(t){return new nh(t)}}ah=new WeakMap;const lh='.sc-smoothly-table-demo-filtered-h{display:grid;grid-template-columns:auto auto;grid-template-areas:"header filter"\n\t\t"main main";margin-bottom:50em}.sc-smoothly-table-demo-filtered-h>smoothly-display.sc-smoothly-table-demo-filtered{font-size:2em;grid-area:header}.sc-smoothly-table-demo-filtered-h>smoothly-filter.sc-smoothly-table-demo-filtered{margin-left:auto;grid-area:filter;height:fit-content}.sc-smoothly-table-demo-filtered-h>*.sc-smoothly-table-demo-filtered{margin-bottom:2rem;grid-area:main}.sc-smoothly-table-demo-filtered-h>smoothly-table.sc-smoothly-table-demo-filtered{grid-template-columns:min-content repeat(calc(var(--columns) - 1), auto)}smoothly-table.sc-smoothly-table-demo-filtered>smoothly-table-row.sc-smoothly-table-demo-filtered>smoothly-table-cell.sc-smoothly-table-demo-filtered:nth-of-type(2),.sc-smoothly-table-demo-filtered-h>smoothly-table.sc-smoothly-table-demo-filtered>smoothly-table-head.sc-smoothly-table-demo-filtered>smoothly-table-row.sc-smoothly-table-demo-filtered>smoothly-table-cell.sc-smoothly-table-demo-filtered:nth-of-type(4){justify-content:end}';const rh=lh;const ch=class{constructor(e){t(this,e);this.criteria={};this.cats=undefined;this.selector=nh.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 ar("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=dh[t.country])!==null&&e!==void 0?e:[]}),names:(o=dh[t.country])!==null&&o!==void 0?o:[]})}))}render(){const t=this.cats&&ol(this.criteria,this.cats);return o(s,{key:"9d52b9430f98dd1e55863eede669b55740fd3b2b"},o("smoothly-display",{key:"228f235640c863fa1326ac3ea0ff29c49672b9db",type:"text",value:"Filtered"}),o("smoothly-filter",{key:"dbd13ea0d42cdd09c3ec96d6793fad8f328aace7"},o("smoothly-filter-toggle",{key:"b7c7cc453733530029439a894e26b044dddfa2dc",properties:{["nested.pattern"]:"Ticked",breed:""},icon:"add",tooltip:"Nested Ticked",slot:"bar"}),o("smoothly-filter-toggle",{key:"7a4e7976b0ecb684cb5a752cc4318ca1f5ad7409",properties:{pattern:"Ticked",breed:""},icon:"paw",tooltip:"Ticked cats",slot:"bar"}),o("smoothly-filter-toggle",{key:"0499d2af053b12f76c4d7c8fc1aabfd847f564fe",properties:{breed:"Bombay",pattern:"Solid"},icon:"radio-button-on",tooltip:"Solid bombay cats",slot:"bar"}),o("smoothly-filter-toggle",{key:"d22c2021808718e5175059efbdc4d3bb720325eb",properties:{pattern:"Colorpoint"},not:true,active:true,icon:"alert",tooltip:"Colored cats",slot:"bar"}),o("smoothly-filter-select",{key:"2386badd2d73fcae11097cce654f2dee9b99f13e",menuHeight:"5items",label:"coat",property:"nested.coat",slot:"bar",multiple:false},this.cats&&Object.values(this.cats.reduce(((t,e)=>e.nested?Object.assign(Object.assign({},t),{[e.nested.coat]:e}):t),{})).map((t=>{var e;return((e=t.nested)===null||e===void 0?void 0:e.coat)&&o("smoothly-item",{slot:"items",value:t.nested.coat},t.nested.coat)}))),o("div",{key:"36d340b6c3b8b736188eb7d9c8b58c1d5b4f45ab",slot:"detail"},o("smoothly-form",{key:"28696996dd3a348ac40563daa34d53d840ae386e",looks:"border"},o("smoothly-filter-select",{key:"aea97995976be168e54d90b12662336dfbf15f8b",menuHeight:"5items",label:"coat",property:"nested.coat",multiple:true},this.cats&&Object.values(this.cats.reduce(((t,e)=>e.nested?Object.assign(Object.assign({},t),{[e.nested.coat]:e}):t),{})).map((t=>{var e;return((e=t.nested)===null||e===void 0?void 0:e.coat)&&o("smoothly-item",{slot:"items",value:t.nested.coat},t.nested.coat)}))),o("smoothly-filter-select",{key:"3349383d47061a7b0a209ad7ec4c5b8bbdfac642",menuHeight:"5items",label:"breed",property:"breed",multiple:false},this.cats&&Object.values(this.cats.reduce(((t,e)=>e.breed?Object.assign(Object.assign({},t),{[e.breed]:e}):t),{})).map((t=>t.breed&&o("smoothly-item",{slot:"items",value:t.breed},t.breed)))),o("smoothly-filter-select",{key:"aa90475e87bb13bd3bc18e55096d479bc3b66638",menuHeight:"5items",label:"names",property:"nested.names",multiple:true,type:"array"},Object.keys(Object.values(dh).flat().reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:true})),{})).flatMap((t=>o("smoothly-item",{slot:"items",value:t},t)))),o("smoothly-filter-input",{key:"65c1509883210b656ca9af4ad09eb44d23e9efdc",label:"Coat",property:"coat"}),o("smoothly-filter-input",{key:"11925c6ec93cea60d1c5134f8070f9597d2d2c86",label:"Nested Coat",property:"nested.coat"})))),!t?"Failed to load data.":o("smoothly-table",{columns:4},o("smoothly-table-head",null,o("smoothly-table-row",null,o("smoothly-table-cell",null,this.selector.render(t)),o("smoothly-table-cell",null,"Breed"),o("smoothly-table-cell",null,"Coat"),o("smoothly-table-cell",null,"Price"))),t.map((t=>o("smoothly-table-row",null,o("smoothly-table-cell",null,this.selector.render(t)),o("smoothly-table-expandable-cell",null,t.breed,o("div",{slot:"detail"},"Country: ",t.country)),o("smoothly-table-expandable-cell",null,t.coat,o("div",{slot:"detail"},"Pattern: ",t.pattern)),o("smoothly-table-cell",null,o("smoothly-display",{type:"price",value:t.price,currency:"SEK"}))))),o("smoothly-table-foot",null,o("smoothly-table-row",null,o("smoothly-table-cell",{span:3},o("smoothly-display",{type:"text",value:`Selected: ${this.selector.selected.length!=0?this.selector.selected.length:t?t.length:"?"}`}))))))}};const dh={"United States":["bill","bob","brad","joe","molly"],Australia:["nigel","bruce","sheila","brad","shane"],"United Kingdom":["nigel","james","molly","shane","bob"],Greece:["dionysius","demetrius","polikarpos"]};ch.style=rh;const hh=".sc-smoothly-table-demo-group-h{display:block}.sc-smoothly-table-demo-group-h smoothly-display.sc-smoothly-table-demo-group{display:inline}.sc-smoothly-table-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-table-demo-group{grid-column:span 2}.sc-smoothly-table-demo-group-h>smoothly-display.sc-smoothly-table-demo-group{display:inherit;font-size:2em}.sc-smoothly-table-demo-group-h>*.sc-smoothly-table-demo-group{margin-bottom:2rem}.sc-smoothly-table-demo-group-h fake-group-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-row-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-expandable-row-wrapper.sc-smoothly-table-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-table-demo-group-h fake-cell-wrapper.sc-smoothly-table-demo-group{grid-column:span 1;display:block}.sc-smoothly-table-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-table-demo-group{display:contents}";const mh=hh;const uh=class{constructor(e){t(this,e)}render(){return o(s,{key:"cb9c374a765eca44fb1d8543050bf3f1aca7e7b5"},o("smoothly-display",{key:"8575b746f011619e19391052a5a3a7ed1069c949",type:"text",value:"Group"}),o("smoothly-table",{key:"7079a601ab8268d54b31dc80ed13f1a5484ab821",color:"primary",columns:2},o("smoothly-table-head",{key:"fccfa1dcf9166f10aa3fcc4a5a642276ed6a16c2"},o("smoothly-table-row",{key:"9909df83d6073f3aa8676c99ea9a4067d5487498"},o("smoothly-table-cell",{key:"69356e6e78a502f3110ddb7b1f847063b5015919"},"Date"),o("smoothly-table-cell",{key:"fefb88e5a644af89541e0040aa131e3453dd5d0b"},"Total"))),o("smoothly-table-body",{key:"828c2cee93b8b97040c554112dd276613a0b6be8"},o("smoothly-table-row-group",{key:"4d8d44c2e3b32095daa02a40b12f86b4ff86dd86",align:true},o("smoothly-display",{key:"f3bcf256586535f9986c97ec21ada180003991e0",slot:"start",type:"date",value:"2024-01-01"}),o("smoothly-display",{key:"6a3535233789061facd84f37b4fead6a7f0d60f7",slot:"end",type:"price",currency:"EUR",value:510}),o("smoothly-table-expandable-row",{key:"95f2a34ce70652430b616cdc3831d10df9087d14"},o("smoothly-table-cell",{key:"a73c05b01d671db9cfa72fa8068cb4d7f95036ef"},o("smoothly-display",{key:"6a7e44deb79ea54ae64a84dffcc0520c66da378b",type:"date-time",value:"2024-01-01T01:37:00.000Z"})),o("smoothly-table-cell",{key:"9adb23eb7189952f703db59123d1d8f38c0a166c"},o("smoothly-display",{key:"984f42c4690d57e327c63dab88f332ba44182e2c",type:"price",currency:"EUR",value:250})),o("smoothly-lazy",{key:"7d766476c16cad32f93fe5ef5fb98fb79916a9a3",slot:"detail",content:o(a,null,"Details of 2024-01-01T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"85a8c9673f36f30673fed34157a680f75b91bee8"},o("smoothly-table-cell",{key:"7c3bdb3b1a19b20b150b69cddda2e8e59e43e759"},o("smoothly-display",{key:"d0717f95fb92f1d87f6d47c2f84ab52f8bbc21cd",type:"date-time",value:"2024-01-01T13:37:00.000Z"})),o("smoothly-table-cell",{key:"ec504f6455e0a73ca58d5c6b7a30df0e73173097"},o("smoothly-display",{key:"c7ec3aca9d5b294e21a033cf9d355d892569d5a3",type:"price",currency:"EUR",value:260})),o("smoothly-lazy",{key:"8495ba830272a904584c83588d463ee981a75898",slot:"detail",content:o(a,null,"Details of 2024-01-01T13:37:00.000Z")}))),o("smoothly-table-row",{key:"e6d15fcadbda9aa5d8f4108f631581994df5ac6e"},o("smoothly-table-cell",{key:"eee32ea2b94ae868a568efe82fb6a697b5e767ce"},o("smoothly-display",{key:"9fe610a829b01221136befb1bea1c67cc12714c3",type:"date",value:"2024-01-02"})),o("smoothly-table-cell",{key:"b2157c0b4430c361b1b2c015b9b17fbfce74eba3"},o("smoothly-display",{key:"05980109d8341a18f74175fde5ea88f9bfd5db18",type:"price",currency:"EUR",value:130}))),o("smoothly-table-row-group",{key:"550e08e6a2ba032e4f1edb792368320facee4218"},o("smoothly-display",{key:"d0039d4587a46ce54cc09505468c794d4719d6fc",slot:"start",type:"date",value:"2024-01-03"}),o("smoothly-display",{key:"9ea5bf91300a63ed742aaf23d3aeeb0fc413a5c6",slot:"end",type:"price",currency:"EUR",value:720}),o("smoothly-table-expandable-row",{key:"bcb96780b057591413bf08f86fc48f3092b3ef78"},o("smoothly-table-cell",{key:"96fa8d21b911c2e89bd16162b470547f40c59260"},o("smoothly-display",{key:"768999a3d220c2071bcaf0b7d580b20431590ed6",type:"date-time",value:"2024-01-03T01:37:00.000Z"})),o("smoothly-table-cell",{key:"e4060edb7613db6a37d78377e79d54cf1ebf687a"},o("smoothly-display",{key:"f1132da3f844c62f01ac91d22d333b0e02ec669b",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"d8d8f0171e1e93410f7a73fc556ef314a52376bf",slot:"detail",content:o(a,null,"Details of 2024-01-03T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"864e04ed18ce70d8b3fbdf40e7da8c664d1d6da3"},o("smoothly-table-cell",{key:"10073a5ba35669ad1286e37dd1d7362f8f920607"},o("smoothly-display",{key:"8b1a0c8bf4ab5091a6bb7bf0ed4831c052e1fb95",type:"date-time",value:"2024-01-03T13:37:00.000Z"})),o("smoothly-table-cell",{key:"d96119b96cdfe1e69d34a7d7f8ad89c66a2c9c95"},o("smoothly-display",{key:"cb0a4650ced58ee4d8f8b69ea60e96a804b9bbb0",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"3ec0a1b5864824ba58f6253ff61dd7df6e0965e8",slot:"detail",content:o(a,null,"Details of 2024-01-03T13:37:00.000Z")}))),o("smoothly-table-row-group",{key:"17a7220faf185e221e6575b7417064f640049353"},o("smoothly-display",{key:"d1a8ba2e1f00273f8cf0cd663c33409159fba564",slot:"start",type:"date",value:"2024-01-04"}),o("smoothly-table-expandable-row",{key:"6b3a3552021825523cf13b7360be3f9a9724c70a"},o("smoothly-table-cell",{key:"4a6e91ade11bc599c0972b39bad2da7b2714e95b"},o("smoothly-display",{key:"f8a5ca90a832692bcfc298d97d72f2342ea9b621",type:"date-time",value:"2024-01-04T01:37:00.000Z"})),o("smoothly-table-cell",{key:"b0fc1819f4a4a5e6969fa5e16721d254d2cf58f2"},o("smoothly-display",{key:"f074ed0f38927fc32eddb796db8e4bd13ddff5b5",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"081597e39eb74ef486e08b0e81f531a84c6b6f88",slot:"detail",content:o(a,null,"Details of 2024-01-04T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"2f31bd3aeca17588053fd443732ba7104e76a537"},o("smoothly-table-cell",{key:"e169bbb7c6a8a34a3764b93d88d3395507f62a89"},o("smoothly-display",{key:"f62c11b7989cc87cc71ad926f8f7eda276a986bd",type:"date-time",value:"2024-01-04T13:37:00.000Z"})),o("smoothly-table-cell",{key:"e52293f00718bf1c5cb6cbe202e4a6361d837be8"},o("smoothly-display",{key:"d184c61a50db31ff40f95fb2d0590c4af6cb0f1a",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"196a5cdc02e0aa89fa5ed00f61e8aa6ccc1e4a18",slot:"detail",content:o(a,null,"Details of 2024-01-04T13:37:00.000Z")}))),o("smoothly-table-row-group",{key:"75eb5a7e930a007ed0a1fdfff7edc86899f749b8"},o("smoothly-display",{key:"309d0b896ea94a26676e7836fa81e30e1637702b",slot:"end",type:"price",currency:"EUR",value:720}),o("smoothly-table-expandable-row",{key:"9ce56024e34235fdc9678d6b6e5667d6f3b8de0c"},o("smoothly-table-cell",{key:"923b4c15ae23a262f73d3c419eebc6fea401de4a"},o("smoothly-display",{key:"1ab89af5c408641eb0542741a1a94a599ae07807",type:"date-time",value:"2024-01-05T01:37:00.000Z"})),o("smoothly-table-cell",{key:"774cfe6aa680be3e5e95b185cc32098e0cc53883"},o("smoothly-display",{key:"f479af8e80e1441714c54dba448731b5d2464029",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"bfcbdd239e454fcdb0c9e12c69e2bde8b345234f",slot:"detail",content:o(a,null,"Details of 2024-01-05T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"c00e2e135f9ec5769720eb0079d30eb89792aac7"},o("smoothly-table-cell",{key:"fc268d21e428ce7db18b31e9808c1a315f93bd5b"},o("smoothly-display",{key:"7c12adb25a5e808756e864e5158902e99a08e2a0",type:"date-time",value:"2024-01-05T13:37:00.000Z"})),o("smoothly-table-cell",{key:"4b493f33ce9c366bae4b197bffdde4d73c18d630"},o("smoothly-display",{key:"8522920e0ba9a8ce448f82ae7a9ee651bd9fd013",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"62739501d31b40e0c380a5180950f3dd3b8d58bc",slot:"detail",content:o(a,null,"Details of 2024-01-05T13:37:00.000Z")}))),o("fake-group-wrapper",{key:"751842a7f1ef2b76b73883dec6944b7915129b8d"},o("smoothly-table-row-group",{key:"15058bd1beca118e60ed9482e2743d7bc3a06229"},o("smoothly-display",{key:"e136b065bc232bd34004dfd684993b9fbbe45ad8",slot:"start",type:"date",value:"2024-01-06"}),o("smoothly-display",{key:"26fb2d19ec2cc050fc18ee78d2d0310cfec369cc",slot:"end",type:"price",currency:"EUR",value:720}),o("fake-row-wrapper",{key:"1f28649db69b6ce35c71e8e81ff46c8059ea1349"},o("smoothly-table-row",{key:"4239aa228489e74fe32dd6cb46b0b956b9a917cd"},o("fake-cell-wrapper",{key:"0995d0795d88d90dc4a652b93bd01339885a4a15"},o("smoothly-table-cell",{key:"6fbfe32c8600ee8792d234e4031c3d88b7cd07a5"},o("smoothly-display",{key:"7278ba187d47a030c593c7c149efa9fee3dc457d",type:"date",value:"2024-01-02"}))),o("fake-expandable-cell-wrapper",{key:"d49fb4284720169c881afa15f0af96c85a236d08"},o("smoothly-table-expandable-cell",{key:"61965249141071c357e76bcd4b37432eae785011"},o("smoothly-display",{key:"83c33af35c51bce8c3524c94c184e56e9a60bb4c",type:"price",currency:"EUR",value:130}),o("smoothly-lazy",{key:"434779474958f2bd9f9b86af5794440b536b17db",slot:"detail",content:o("span",null,o("smoothly-display",{type:"price",value:100,currency:"EUR"})," + ",o("smoothly-display",{type:"price",value:30,currency:"EUR"}))}))))),o("fake-expandable-row-wrapper",{key:"4fef13086f3c56e09a84b5b3cd5a4e34c807c03c"},o("smoothly-table-expandable-row",{key:"0d7460a51b87bbe63224060fc7fe9ff097bcf964"},o("fake-cell-wrapper",{key:"db5254d9ee7725c31171562a23f3a3824f37b1e2",class:"span-2"},o("smoothly-table-cell",{key:"be07fabe144bedb0a7525b97a5c6a29fb05f482a",span:2},o("smoothly-display",{key:"e63cce72f5879609cae82b5e02b0513de3761e0b",type:"date",value:"2024-01-07"}))),o("smoothly-lazy",{key:"1f3d1eb4b86892e86ad9b8f80441e8d151c8cc11",slot:"detail",content:o("smoothly-display",{type:"date-time",value:"2024-01-07T13:37:00.000Z"})}))))),o("smoothly-table-row-group",{key:"32c835a3c51e8f793ccce4e9847c5e8af01729a9"},o("smoothly-display",{key:"5367fd62c0dbaffc8895234df678fb6f645f14c6",slot:"start",type:"date",value:"2024-01-08"}),o("smoothly-display",{key:"79879a7ae5c080e20e3fefb27ec1d94d966af8e6",slot:"end",type:"price",currency:"EUR",value:720})))))}};uh.style=mh;const yh=[{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 bh=".sc-smoothly-table-demo-nested-no-cell-h{display:block}.sc-smoothly-table-demo-nested-no-cell-h>smoothly-display.sc-smoothly-table-demo-nested-no-cell{font-size:2em}.sc-smoothly-table-demo-nested-no-cell-h>*.sc-smoothly-table-demo-nested-no-cell{margin-bottom:2rem}.sc-smoothly-table-demo-nested-no-cell-h smoothly-table-expandable-row.sc-smoothly-table-demo-nested-no-cell{position:relative}";const fh=bh;const ph=class{constructor(e){t(this,e);this.loadingIndex=undefined;this.loadedRows=[]}render(){return o(s,{key:"87f7234ed07cb86ea3d1e314331c8f51285459b3"},o("smoothly-display",{key:"9be98a5ae53ed74a79cc8b06bdb875ac7519789d",type:"text",value:"Nested"}),o("smoothly-table",{key:"d87589ec253d0ed1cb5a6a870bd752791f95da39",color:"primary",columns:8},o("smoothly-table-head",{key:"de6f0673a9abe1a1aba05c1bbef91b4fc5c93c70"},o("smoothly-table-row",{key:"87e852b736048a5357f5058051bda7fe74b4463e"},o("div",{key:"28c60977e7355fe80e03ab01544369913a2dafa2",class:"smoothly-table-cell"},"Id"),o("div",{key:"b56ef63848c997188b5c187381345063737acb85",class:"smoothly-table-cell"},"Registered"),o("div",{key:"5d59c64f6d0a7757e7f00244d3f04ba2455fcec8",class:"smoothly-table-cell"},"Name"),o("div",{key:"bac3313f481472bb499d6dbcab7c6470a1873f80",class:"smoothly-table-cell"},"Age"),o("div",{key:"f1688aaa67476ddbfccc752dc1c95f32890687c4",class:"smoothly-table-cell"},"Balance"),o("div",{key:"09f89a13345684f56c428711652da7fed4825758",class:"smoothly-table-cell"},"EyeColor"),o("div",{key:"7623a6e3dc9ef2f2379fef2264847121603e18d7",class:"smoothly-table-cell"},"Gender"),o("div",{key:"c36e69f8aeca91a3c38790a4ac190def7864af8d",class:"smoothly-table-cell"},"Company"))),o("smoothly-table-body",{key:"95c3a29a56bb6d93cd0a0e2f0bd934f9980b0d07"},yh.map(((t,e)=>o("smoothly-table-expandable-row",{onSmoothlyTableExpandableRowChange:t=>{if(t.detail){this.loadingIndex=e;setTimeout((()=>{this.loadingIndex=undefined;this.loadedRows=[...this.loadedRows,e]}),1500)}}},this.loadingIndex===e&&o("smoothly-spinner",{overlay:true,size:"small"}),this.loadedRows.includes(e)&&o("smoothly-table-demo-nested-no-cell-inner",{color:"secondary",data:t.friends,slot:"detail"}),o("div",{class:"smoothly-table-cell"},t.id),o("div",{class:"smoothly-table-cell"},t.registered),o("div",{class:"smoothly-table-cell"},t.name),o("div",{class:"smoothly-table-cell"},t.age),o("div",{class:"smoothly-table-cell"},t.balance),o("div",{class:"smoothly-table-cell"},t.eyeColor),o("div",{class:"smoothly-table-cell"},t.gender),o("div",{class:"smoothly-table-cell"},t.company))))),o("smoothly-table-foot",{key:"83a80716272f3eebb9518bd5b296993e4f7d6b92"},o("smoothly-table-row",{key:"0f7966294282503dda26e998bb71de4d823164ad"},o("div",{key:"674c82e6336b96ee78581d92d741897e91ce3416",class:"smoothly-table-cell"},"Footer Cell"),o("div",{key:"c6e763fce4cd9e7b6ff1995dd460c4445de828e2",class:"smoothly-table-cell"},"Footer Cell")))))}};ph.style=fh;const gh=".sc-smoothly-table-demo-nested-no-cell-inner-h{display:block;margin:1em auto;width:60%}";const kh=gh;const vh=class{constructor(e){t(this,e);this.data=undefined}render(){var t;return o(s,{key:"2e4caa396647eb50a79dd897ac13bbe021335048"},o("smoothly-table",{key:"ef9a35da01f532ff7d83740eb016c3de9adfa2c7",columns:4},o("smoothly-table-head",{key:"287be82074a99020ecd36fb8b15592d4c00dfc53"},o("smoothly-table-row",{key:"673c69c9d5bf2431173ed168e1c3ac30dc997e89"},o("div",{key:"4654bd574e6d20d3294408202b65e8019bd5ca1b",class:"smoothly-table-cell"},"Id"),o("div",{key:"5966aba21aedc22a05697597a78bc9e2bacfcabe",class:"smoothly-table-cell"},"Name"),o("div",{key:"4e26c9ac1a4e8019560d9b02f79a97d738c60f7d",class:"smoothly-table-cell"},"Age"),o("div",{key:"141e63fc10bdf24d6cf53d7c6686937d74605e03",class:"smoothly-table-cell"},"Balance"))),o("smoothly-table-body",{key:"e39dee35a6e0c8df95f5d69c870bcaf6fdbc38cd"},(t=this.data)===null||t===void 0?void 0:t.map((t=>o("smoothly-table-expandable-row",null,o("div",{class:"smoothly-table-cell"},t.id),o("div",{class:"smoothly-table-cell"},t.name),o("div",{class:"smoothly-table-cell"},t.age),o("div",{class:"smoothly-table-cell"},t.balance)))))))}};vh.style=kh;const wh=".sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}";const xh=wh;const Ch=class{constructor(e){t(this,e)}render(){return o(s,{key:"427b5d3763dcdb304407d22f95065d83fc678561"},o("smoothly-display",{key:"d11d4514408946e49a30a2a2b8aab585ffd8f1dd",type:"text",value:"Simple"}),o("smoothly-table",{key:"27626d9213b1b24c216991772435a3349408b78c",color:"primary",columns:2},o("smoothly-table-head",{key:"c4e49138fd8500b55a48c3af8e76cb4e8b97f2c6"},o("smoothly-table-row",{key:"e91a2bd4d5b6f989aa11259f1feb0a1f59d8046c"},o("smoothly-table-cell",{key:"e8b4cd83c8fbf55ebd1745a5948ec8912867b896"},"Breed"),o("smoothly-table-cell",{key:"88d67cebb6e6d1740ca7640e7648d3e97500f9e6"},"Coat"))),o("smoothly-table-body",{key:"a36dd3a39a7ba1e622ef1739c40ebaff2cc4fe76"},Sh.map((t=>o("smoothly-table-row",null,o("smoothly-table-expandable-cell",null,t.breed,o("div",{slot:"detail"},"Country:",o("br",null),t.country)),o("smoothly-table-expandable-cell",null,t.coat,o("div",{slot:"detail"},"Pattern: ",t.pattern))))),o("smoothly-table-row",{key:"d44308c45940471e065b52f10d6e692e9d096c06"},o("smoothly-table-cell",{key:"3c25e702564c5111724ed3b55842c3d3b3d635ee"},"Cell5"),o("smoothly-table-expandable-cell",{key:"d89769e142074a80e1ed04a2ac3561e5dcdcec3a"},"Expandable Cell",o("div",{key:"53e2feb80a331c168b280af99c2b93c64b280e0f",slot:"detail"},"Content of the expandable cell"))),o("smoothly-table-row",{key:"7fb4d39de015e03afab065c5dbdbc384fff1668f"},o("smoothly-table-expandable-cell",{key:"914bcdc57a76cb2a618c2a25c54d62a06e341283"},"Expandable Cell 1",o("div",{key:"b7e6f046259646482480b735811cc02de0028c60",slot:"detail"},"Content of the expandable cell 1")),o("smoothly-table-expandable-cell",{key:"4162b44ead1175fa1216edb49249e2af3db0e31f"},"Expandable Cell 2",o("div",{key:"443f584a2a03a09eff2c4d580850d6b8a249b595",slot:"detail"},"Content of the expandable cell 2")))),o("smoothly-table-foot",{key:"0617de0f60b3585610940e7244e53843c070648c"},o("smoothly-table-row",{key:"c809a2471fb1902016706a73d693824af4d184e5"},o("smoothly-table-cell",{key:"22f0e37f0db31dd4a4aa0baf888032253bf2a5ce"},"Footer Cell"),o("smoothly-table-cell",{key:"221533ebb306f72640d7b85aac9bba61a881fffd"},"Footer Cell")))))}};const Sh=[{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"}];Ch.style=xh;const zh='.sc-smoothly-table-expandable-cell-h{display:contents}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);box-sizing:border-box;align-items:center;white-space:nowrap;position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover{background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground));stroke:rgb(var(--smoothly-table-hover-foreground));fill:rgb(var(--smoothly-table-hover-foreground))}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{rotate:45deg}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{box-shadow:1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset, -3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset}[open].sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));stroke:rgb(var(--smoothly-table-expanded-foreground));fill:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-cell-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{display:none}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}';const jh=zh;const Ih=class{constructor(o){t(this,o);this.smoothlyTableExpandableCellChange=e(this,"smoothlyTableExpandableCellChange",7);this.smoothlyTableExpandableCellRegister=e(this,"smoothlyTableExpandableCellRegister",7);this.span=1;this.open=false}componentWillLoad(){this.smoothlyTableExpandableCellRegister.emit()}async close(){this.open=false}clickHandler(t){var e,o;const s=this.detailElement&&t.composedPath().includes(this.detailElement);if(!s){const t=(e=window.getSelection())===null||e===void 0?void 0:e.toString().trim();if(((o=t===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0)==0)this.open=!this.open}}openChange(){this.smoothlyTableExpandableCellChange.emit(this.open)}render(){var t;return o(s,{key:"556f7eca8f3dc2d2ca17e5d82be2621922f8a2b5",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)},onClick:t=>this.clickHandler(t)},o("div",{key:"a5b2fbbe782b391f28f443bc063c7e27033be1bd",class:"content"},o("slot",{key:"3881144b28625f84489704ea1c76fc6981579119"})),o("div",{key:"e27a007486cd81d8a6c36cd785ff4dd548b75b6f",class:"smoothly-table-detail",ref:t=>this.detailElement=t},o("slot",{key:"b9792f456aa52a9a42bee53268f9110a15579e12",name:"detail"})))}static get watchers(){return{open:["openChange"]}}};Ih.style=jh;const _h='.sc-smoothly-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>.smoothly-table-cell{grid:subgrid;cursor:pointer;grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell.sc-smoothly-table-expandable-row:hover){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-table-expandable-row-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type{position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell.sc-smoothly-table-expandable-row:hover)>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{rotate:45deg}[open].sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{overflow:visible;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}';const Th=_h;const Oh=class{constructor(o){t(this,o);this.smoothlyTableExpandableRowChange=e(this,"smoothlyTableExpandableRowChange",7);this.open=false}clickHandler(t){var e,o;const s=this.div&&t.composedPath().includes(this.div);if(!s){const t=(e=window.getSelection())===null||e===void 0?void 0:e.toString().trim();if(((o=t===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0)==0)this.open=!this.open}}openChange(){this.smoothlyTableExpandableRowChange.emit(this.open)}render(){return o(s,{key:"a65bc97d66bc01dc5473e4d49cdd9aba68a22741",onClick:t=>this.clickHandler(t)},o("slot",{key:"1cbe4f21fc60a26dba1fc3ab465df6e23112bc2e"}),o("div",{key:"c150efa814b01a1208f17430fcae4c8bd2b2fc52",class:"smoothly-table-detail",ref:t=>this.div=t},o("slot",{key:"99bc09c99dd7dd65e2992ccc6423f4b81d308ce3",name:"detail"})))}static get watchers(){return{open:["openChange"]}}};Oh.style=Th;const Lh=".sc-smoothly-table-filler-row-h{grid-column:1 / -1}";const Ah=Lh;const Mh=class{constructor(e){t(this,e)}render(){return o("smoothly-table-row",{key:"286b6d3f9f8bff5514b1f2f9dd3dd2aa67e907f1"},o("smoothly-table-cell",{key:"a5acf7b7a17d8a0100e0decca5d112b14097e683"},o("slot",{key:"29871cb5fe247bb8b6336444c0b2305aaf417f10"})))}};Mh.style=Ah;const Dh=".sc-smoothly-table-foot-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;position:sticky;z-index:1;bottom:0;background-color:rgb(var(--smoothly-table-footer-background));color:rgb(var(--smoothly-table-footer-foreground));stroke:rgb(var(--smoothly-table-footer-foreground));fill:rgb(var(--smoothly-table-footer-foreground))}";const Eh=Dh;const Rh=class{constructor(e){t(this,e)}render(){return o(s,{key:"9c96c38e06369b33c01c4b146a99eec8f650be9c"},o("slot",{key:"2c20e429284384d5dfe1ed5c5ef6b6425a7e77af"}))}};Rh.style=Eh;const $h=".sc-smoothly-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-table-head-h{box-shadow:var(--smoothly-table-header-shadow)}";const Ph=$h;const Fh=class{constructor(e){t(this,e);this.onScroll=t=>{if(t.target instanceof HTMLElement){this.scrollParent=t.target;const e=this.scrollParent.getBoundingClientRect();const o=this.element.getBoundingClientRect();this.scrolled=e.top==o.top}};this.scrolled=undefined}connectedCallback(){var t;this.scrollParent=n.findParent(this.element);(t=this.scrollParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.onScroll)}disconnectedCallback(){var t;(t=this.scrollParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.onScroll)}render(){return o(s,{key:"3104a69b79e8818ca7af2d096dcedca14b0f0795",class:{scrolled:!!this.scrolled}},o("slot",{key:"7ac2dbabd41beb43848d0472a9497ec9ce669b39"}))}get element(){return i(this)}};Fh.style=Ph;const Nh=".sc-smoothly-table-row-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;box-sizing:border-box;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-row-h .smoothly-table-cell.sc-smoothly-table-row,.sc-smoothly-table-row-h.sc-smoothly-table-row-s>.smoothly-table-cell{display:flex;grid-column:span var(--smoothly-table-cell-span, 1);align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell){grid-template-rows:auto 0fr 0fr}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell[open]){grid-template-rows:auto 1fr 0fr}";const Hh=Nh;const Uh=class{constructor(e){t(this,e);this.expandableCells=new Set}smoothlyTableExpandableCellRegisterHandler(t){t.stopPropagation();this.expandableCells.add(t.target)}smoothlyTableExpandableCellChangeHandler(t){if(t.detail)for(const e of this.expandableCells)t.target!=e&&e.close()}render(){return o(s,{key:"033b5662402dd5860be65c4529f8d49da3e1c0e5"},o("slot",{key:"4d4a85cd5bdb7e3ec2cb2ad781b3cd8f86d0a925"}))}};Uh.style=Hh;const Yh='.sc-smoothly-table-row-group-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;margin-top:1px}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child{grid-column:1/-1;display:grid;position:relative;cursor:pointer;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);background-color:rgb(var(--smoothly-default-tint));border-bottom:1px solid rgb(var(--smoothly-default-shade));position:relative;padding-left:1.1rem}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child:hover{color:rgb(var(--smoothly-table-hover-foreground));background-color:rgb(var(--smoothly-table-hover-background))}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child::before{rotate:45deg}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:last-child{grid-column:1/-1;display:grid;grid-template-columns:subgrid}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child{grid-template-columns:subgrid}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group{display:contents}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group>*.sc-smoothly-table-row-group{display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem)}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child{grid-column:1/-1;display:grid;align-items:center;grid-template-columns:repeat(2, auto);justify-content:space-between}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group:first-child{justify-self:start;display:flex;gap:1rem}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group:last-child{justify-self:end;display:flex;gap:1rem}.sc-smoothly-table-row-group-h:not([open]){grid-template-rows:auto 0fr}.sc-smoothly-table-row-group-h:not([open])>div.sc-smoothly-table-row-group:last-child{grid-row:2;overflow:hidden}';const Wh=Yh;const Bh=class{constructor(o){t(this,o);this.smoothlyTableRowGroupChange=e(this,"smoothlyTableRowGroupChange",7);this.align=false;this.open=false}clickHandler(){var t,e;const o=(t=window.getSelection())===null||t===void 0?void 0:t.toString().trim();if(((e=o===null||o===void 0?void 0:o.length)!==null&&e!==void 0?e:0)==0){this.open=!this.open;this.smoothlyTableRowGroupChange.emit(this.open)}}render(){return o(s,{key:"8ebfb43f311c33753dd6d749ef2362af1ea7cfbe"},o("div",{key:"2d1846051cb536cc79a014187d3189ef6bac6fb4",onClick:()=>this.clickHandler()},o("div",{key:"6342be3d05b90633e8b2daa584629e60fd336b22"},o("slot",{key:"91840077085722aeb2fccc77a126c27c47a20ecd",name:"start"})),o("div",{key:"4023dbac459849a6859bc03006b1d7f45d530d5e"},o("slot",{key:"db247beaaef2b10c76efd648fe562b0414177dd0",name:"end"}))),o("div",{key:"a2387169d4bd16c927d75d5d11d286631f133b94"},o("slot",{key:"6e85abb5c56cc4b79246442cf287f9104ab25cb0"})))}};Bh.style=Wh;const Vh=".sc-smoothly-tabs-h{display:grid;grid-template-columns:repeat(var(--tabs), auto);grid-template-rows:auto auto}.sc-smoothly-tabs-h.hide-tabs.sc-smoothly-tabs-s>smoothly-tab>div:first-child{display:none}";const Gh=Vh;const Kh=class{constructor(o){t(this,o);this.smoothlyTabOpen=e(this,"smoothlyTabOpen",7);this.tabs="always";this.tabElements=[];this.selectedElement=undefined}async removeTab(t){if(this.element.isConnected){this.tabElements=this.tabElements.filter((e=>e!==t));if(t.open){const t=this.tabElements.find((t=>!t.disabled));t&&(t.open=true)}}}onInputLoad(t){t.stopPropagation();if(this.isSmoothlyTabElement(t.target)&&t.target.parentElement==this.element&&!this.tabElements.includes(t.target)){t.detail(this);this.tabElements=[...this.tabElements,t.target]}}isSmoothlyTabElement(t){return(t===null||t===void 0?void 0:t.tagName)=="SMOOTHLY-TAB"}openChanged(t){const e=t.target;if(this.isSmoothlyTabElement(e)){t.stopPropagation();this.selectedElement=e;this.smoothlyTabOpen.emit(t.detail)}}onSelectedChange(t,e){if(e)e.open=false}render(){return o(s,{key:"6a11151828b962a7fda6dc5f32e9fc2050774bb1",class:{"hide-tabs":this.tabs=="multiple"&&this.tabElements.length==1},style:{"--tabs":`${this.tabElements.length}`}},o("slot",{key:"92202d58f509a31b8c6ca0d2b5497a40bde20c07"}))}get element(){return i(this)}static get watchers(){return{selectedElement:["onSelectedChange"]}}};Kh.style=Gh;const Zh=".sc-smoothly-tabs-demo-h{display:block}[hidden].sc-smoothly-tabs-demo-h{display:none}.sc-smoothly-tabs-demo-h>*.sc-smoothly-tabs-demo{margin:auto;max-width:1200px;width:100%;margin-block:5rem}.sc-smoothly-tabs-demo-h code.sc-smoothly-tabs-demo{color:rgb(var(--smoothly-medium-contrast));background-color:rgb(var(--smoothly-medium-color));padding-inline:0.25rem;border-radius:0.25rem}";const qh=Zh;const Xh=class{constructor(e){t(this,e);this.extraTab1=undefined;this.extraTab2=undefined}render(){return o(s,{key:"29421ef4f99721461b19f11c0969974959da11b7"},o("div",{key:"3546ec67efcedf780ff5781755df686e2c04fe0e"},o("smoothly-button",{key:"69671f23e970f32320a347d0c75fd94044d19f7f",color:"primary",onClick:()=>this.extraTab1=!this.extraTab1},this.extraTab1?"Remove":"Add"," tab")),o("smoothly-tabs",{key:"20c85a590229cc970e657ca9fcbaa6e2d17b083b",tabs:"multiple"},o("smoothly-tab",{key:"d6d821dc2badea6de18a116b013214c36f0e1af0",label:"Single Tab",open:true},o("strong",{key:"a0e5b01afaecd1994c4805db24e8560ae9ce6309"},"Single Tab content here.")," If only one tab is available setting ",o("code",{key:"9425b3ee81d6c6cad8af5b5319719f36cbb17232"},"tabs")," to"," ",o("code",{key:"c70a8a3bec7f7ab442b3f845da0c5e28ab0714e4"},'"multiple"')," will hide the tab navigation and display the single tab's content directly."),this.extraTab1&&o("smoothly-tab",{key:"69df20e89396a6004bbf5766ebcf35cadaf9df5d",label:"Extra tab"},"When there are more then one tab, the tab navigation will show.")),o("div",{key:"cb0ed6c7832aaac46a26fa224bfd7e7cb080c07e"},o("smoothly-button",{key:"6062636c63d395b8fc58a9e76d52243184f685e2",color:"primary",onClick:()=>this.extraTab2=!this.extraTab2},this.extraTab2?"Remove":"Add"," tab")),o("smoothly-tabs",{key:"37bcdd53515f35ff4e3a1d1b671546f626447130"},o("smoothly-tab",{key:"f65f24d7db8911f888fb3db2acdbf17b80bef317",label:"Disabled tab",tooltip:"Tooltip for test3",disabled:true},"this is a test message again!"),o("smoothly-tab",{key:"5c8ee86d81bc684d8d6d4304b7fe3efa3546930c",label:"test1",tooltip:"Tooltip for test1",open:true},"Hello world!"),o("smoothly-tab",{key:"4d2994b727dd9651308e3fbf3f7e91b282f6a452",label:"test2"},"this is a test message!"),this.extraTab2&&o("smoothly-tab",{key:"5199f2a4d47fd5fc89b9eb423f439f7b1e9e6129",label:"test-extra"},"this is a test message!")))}};Xh.style=qh;const Jh=".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 Qh=Jh;const tm=class{constructor(e){t(this,e);this.color=undefined}render(){return o(s,{key:"9ed7ac41d54a43b507d2639c8a0e889c06d7190b"},this.color,["tint","color","shade"].map((t=>o("smoothly-theme-color-variant",{title:`${this.color} ${t}`,color:this.color,variant:t}))))}};tm.style=Qh;const em=".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 om=em;const sm=class{constructor(e){t(this,e);this.color=undefined;this.variant="color"}render(){return"Aa"}};sm.style=om;const im=".sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1em;column-gap:1em;width:fit-content}";const am=im;const nm=class{constructor(e){t(this,e)}render(){return["primary","secondary","tertiary","success","warning","danger","light","medium","dark","default"].map((t=>o("smoothly-theme-color",{color:t})))}};nm.style=am;const lm=".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 rm=lm;const cm=class{constructor(e){t(this,e)}render(){return o(s,{key:"b0a9615c61e3692238aaa8de2061fb0ced746920"},o("h2",{key:"fc086a96c65eda4b27f0f634526fc4058eca7fe1"},"Theme"),o("smoothly-theme-picker",{key:"e3ad28d4d3b457431c03190472214000558f6fda"},o("smoothly-item",{key:"0c55245e030aaa6de6db4687fa74ac15ee2fb161",selected:true,value:"assets/style/smoothly.css"},"Smoothly"),o("smoothly-item",{key:"bedbe004e175e9eac2ee9539889ddb15aec89b07",value:"https://app.issuefab.com/assets/style/index.css"},"Issuefab"),o("smoothly-item",{key:"e2376b4a5af287337c960688229d2976923b06ee",value:"https://app.proquse.com/assets/style/index.css"},"Proquse"),o("smoothly-item",{key:"51e53922688b41afe8a9755ac3b7963f0a6fca65",value:"https://app.weekmeter.com/assets/style/index.css"},"Weekmeter"),o("smoothly-item",{key:"858e96045cda14855ab29168d5584351af619046",value:"https://dash.pax2pay.app/p2pdash.css"},"Pax2Pay Dashboard"),o("smoothly-item",{key:"3ff612aad765ab0216433c763b7c338c7ff1cd4b",value:"https://ui.pax2pay.app/assets/style/pax2pay.css"},"Pax2Pay Portal"),o("smoothly-item",{key:"1806fd6647145e5fd5dd662b9acb270a1f19bac8",value:"https://theme.payfunc.com/intergiro/index.css"},"Intergiro Monitor"),o("smoothly-item",{key:"82fda2f5b5c3c16c2cd588ca3cc7d22c589b71ec",value:"https://theme.payfunc.com/light/index.css"},"Payfunc Light"),o("smoothly-item",{key:"0f55eb2a7e0a2c73c650eed5a0301944da7e76c9",value:"https://theme.payfunc.com/dark/index.css"},"Payfunc Dark")),o("span",{key:"a0679c0c72126f7bc7db8804d3497145df84c52f"},o("smoothly-theme-colors",{key:"b7bdd5e0dd6451817cb81ddf29d0db2366b5b5a5"}),o("smoothly-theme-guide",{key:"275f5e5990675d1cef75a951abeaa9339ad8e53f"})),o("smoothly-button",{key:"bafa07ebe69de60134c37159686cccf8f93f0ee4",type:"link",link:"/redirect"},"To redirect"),o("smoothly-button",{key:"0ff5101b5f9961976ca8c3e8fdf071e0ad750f61",type:"link",link:"/redirect"},"To /redirect"),o("smoothly-button",{key:"ea56c788907f930d96be1a6e96a9c954f56459c1",type:"link",link:new URL("/redirect",window.location.origin).href},'To new URL("redirect")'),o("smoothly-button",{key:"d56bd965aedd96e5c718bc09ffead778acdb36bf",type:"link",link:"redirect/nested"},"To redirect nested"))}};cm.style=rm;const dm="";const hm=dm;const mm=class{constructor(e){t(this,e)}render(){return[o("smoothly-display",{key:"0623cf2eba5807da311f35b17ff2c83029aa86fc"},"Tint is used as background to highlight, for example hovering an item in the select menu."),o("br",{key:"e4c1b723ee60a751f42b7d11ab81528ae25f9c33"}),o("smoothly-display",{key:"2fb439d0376882bcbf39ef4fe8461432a27ec325"},"Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),o("br",{key:"729cef3380ce5f94f7c3f0c509b63d23f9446fb0"}),o("smoothly-display",{key:"378ead03c4ac2ba8e8b1525eaa56d2b2c04a9425"},"Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),o("br",{key:"a6c9ed53309c4564fd8dfb7b120a23c5d91ec35a"}),o("smoothly-display",{key:"e5b61b47d634d7dddf821ef6a2aeccdb2888fe3a"},"One can use the ","<smoothly-color>"," component to switch between what color set is used."," "),o("br",{key:"fe18968c970682db184ca68c59d8d500c33ac588"})]}};mm.style=hm;const um="";const ym=um;const bm=class{constructor(e){t(this,e);this.element="smoothly-css"}render(){return o(s,{key:"7e3474a523f553c83808f86ac3b9acbef0048265"},o("smoothly-input-select",{key:"46ed5955c0e70055bf2f2e8f34a3b1681ed33993",name:"theme",looks:"border",onSmoothlyInput:t=>{const e=document.querySelector(`#${this.element}`);if(e instanceof HTMLLinkElement&&typeof t.detail.theme=="string")e.href=t.detail.theme}},o("label",{key:"f7af435de18a326e8bf840a3705c63f106132ced",slot:"label"},"Select theme"),o("slot",{key:"c750d585b1a2b828da7352ff5b783880f60c2ba3"})))}};bm.style=ym;const fm=".sc-smoothly-toggle-switch-h{display:block}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{width:100%;height:100%;display:flex;align-items:center;padding-inline:0;cursor:pointer;border:none;border-radius:3em;background-color:rgb(var(--smoothly-color))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-color-tint))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{display:flex;justify-content:flex-start;align-items:center;fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast));transition:100ms ease-in-out}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{fill:rgb(var(--smoothly-success-contrast));stroke:rgb(var(--smoothly-success-contrast))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{background-color:rgb(var(--smoothly-success-color))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-success-tint))}[selected].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{transform:translateX(100%)}[size=tiny].sc-smoothly-toggle-switch-h{--height:1.25rem}[size=small].sc-smoothly-toggle-switch-h{--height:1.5rem}[size=default].sc-smoothly-toggle-switch-h{--height:2rem}[size=large].sc-smoothly-toggle-switch-h{--height:2.5rem}.sc-smoothly-toggle-switch-h{height:var(--height);width:calc(var(--height) * 2)}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{--smoothly-icon-size:var(--height)}";const pm=fm;const gm=class{constructor(o){t(this,o);this.smoothlyToggleSwitchChange=e(this,"smoothlyToggleSwitchChange",7);this.checkmark=true;this.selected=false;this.disabled=false;this.size="default";this.color="medium";this.fill="clear"}handleClick(){this.selected=!this.selected;this.smoothlyToggleSwitchChange.emit(this.selected)}render(){return o(s,{key:"f6a19c24554aee8aa1e1cb16c35b3e78cdb033d1"},o("button",{key:"6bea08c0082a81c3b7f55f1b393e69c3c409a6d9",type:"button",disabled:this.disabled,onClick:()=>this.handleClick()},o("smoothly-icon",{key:"d41cf1bed0df32e75a8dbf20d9d111a64d993f80",color:this.color,name:!this.checkmark?"ellipse":this.selected?"checkmark-circle":"close-circle",fill:"clear",class:{selected:this.selected}})))}};gm.style=pm;const km=".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 vm=km;const wm=class{constructor(e){t(this,e)}render(){return o(s,{key:"99f60d67901a1be3f9c76eebcc4bac2e1f070988"},o("h4",{key:"9c0593c83f4aa26b0f4f4a07287386e4a5621b92"},"Toggle switches"),o("div",{key:"049d434b0b0acf35d44d42b47d752f3c5796c237"},o("p",{key:"bd281e749720e9fa4359fcd7c981a88bb8f5e14c"},"Checkmark"),o("span",{key:"b4c75e8d922d4f0955a6c4e7a4d92bf633d31880"},o("p",{key:"36171f87439770a862d858cbab498198e0f4c9b3"},"Tiny"),o("smoothly-toggle-switch",{key:"e2588d18bdad4cadff3a77d5b5d83c1c9d00df10",disabled:false,size:"tiny"})),o("span",{key:"b3313971025e732cc3b11044d6ddf30cc6e687f9"},o("p",{key:"4402a732fccdded3bdfd73a8ff92282d298f2061"},"Small"),o("smoothly-toggle-switch",{key:"e73212de2569f245739a3cb9eae6e7260cc71645",disabled:false,size:"small"})),o("span",{key:"d5508fdcd35848b697c65cbba1fbb62eaabe9a2e"},o("p",{key:"48528f123aab39314aa7da4b014ef71f5eaa3abb"},"Standard"),o("smoothly-toggle-switch",{key:"250bfaf0584cf71d5206fb26aa7ddee1fcf2bfca",disabled:false})),o("span",{key:"05ea31039aec424481d1560712a591105ab2efb0"},o("p",{key:"8169e47718330a118190f8aadb28bb80d5b95c7c"},"Large"),o("smoothly-toggle-switch",{key:"9e10bd3e0ecb71261d10d196ed0304a89b277224",disabled:false,size:"large"})),o("p",{key:"8cbf97718c658936079fd084f7a352910970d754"},"Colors checkmark"),o("span",{key:"873b2dcada84d319eadf5ee19f9dad3e70903051"},o("p",{key:"fe134c17883d512bf1068797199012cd601cd734"},"Danger"),o("smoothly-toggle-switch",{key:"1beae26e7c4eaad1bd42e90486e3846ca14d5937",color:"danger",disabled:false,size:"small"})),o("span",{key:"fae035c69d5ed9106d2ee12f8eb3d5abfea21409"},o("p",{key:"480dc2874d20cd56ad454e62fb4b1a7e09ad19c5"},"Primary color"),o("smoothly-toggle-switch",{key:"8ef71f3201724b469201a7eb819124c2bc181448",color:"primary",disabled:false,size:"small"})),o("span",{key:"e3cfa48df237ae1b3d31604d9db176392fb5b616"},o("p",{key:"d49abaafa7da928914c645972d61112a275bac06"},"Secondary color"),o("smoothly-toggle-switch",{key:"9a347c2de169c136164a56830e3c779c03a9173f",color:"secondary",disabled:false,size:"small"})),o("p",{key:"ad7c7952db0e24de2c9733038fea36e718d61a6b"}),o("p",{key:"31ef6f0dda2bae3b4a6c38c6b3673d44afe31638"},"Colors no checkmark"),o("span",{key:"76c0ab92b50af41349afdc5296cf267c655e9fd1"},o("p",{key:"4d1024cf78e89ca1ea83ceab0dd1919022f22b71"},"Danger"),o("smoothly-toggle-switch",{key:"0133c24cefb5b4a01f243d880586dd00cbb8511c",checkmark:false,color:"danger",disabled:false,size:"small"})),o("span",{key:"a3b2205336c214fc7a9c151d24a790e4f28038fb"},o("p",{key:"63f6d2d6aac041ea137a00dcadefd624c863e630"},"Primary color"),o("smoothly-toggle-switch",{key:"fb912293a5726ef665fa66aa98444013e3e111ea",checkmark:false,color:"primary",disabled:false,size:"small"})),o("span",{key:"3c6f030802b3a4c5ee495ba5bfe0119ff8706a99"},o("p",{key:"b13a4d1250a6462be99ccc678e67a403c0f56ce0"},"Secondary color"),o("smoothly-toggle-switch",{key:"6532dbebf90c5f61789dfb1db4722e5af3e5b10e",checkmark:false,color:"secondary",disabled:false,size:"small"}))))}};wm.style=vm;const xm=".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 Cm=xm;const Sm=class{constructor(o){t(this,o);this.trigger=e(this,"trigger",7);this.color=undefined;this.fill=undefined;this.disabled=false;this.type="button";this.name=undefined;this.value=undefined}onClick(t){this.trigger.emit({name:this.name,value:this.value});t.stopPropagation();t.preventDefault()}render(){let t;switch(this.type){case"link":t=this.disabled?o("slot",null):o("a",{onClick:t=>this.onClick(t)},o("slot",null));break;case"button":t=o("button",{key:"2236548dea3c7f1234348e4534bdfb1c8f62d580",disabled:this.disabled,name:this.name},o("slot",{key:"ea285e18a7a242e02b7ebc64136da8fc4afb3dfa"}));break}return t}};Sm.style=Cm;export{F as smoothly_app,N as smoothly_app_demo,Ft as smoothly_app_room,Ut as smoothly_back_to_top,Bt as smoothly_burger,Kt as smoothly_button,Xt as smoothly_button_confirm,te as smoothly_button_demo,se as smoothly_button_demo_standard,de as smoothly_calendar,ue as smoothly_dialog,fe as smoothly_dialog_demo,ro as smoothly_display,co as smoothly_display_demo,mo as smoothly_display_demo_json,po as smoothly_display_json,vo as smoothly_display_json_object,Co as smoothly_display_json_primitive,jo as smoothly_display_json_record_key,ll as smoothly_filter,dl as smoothly_filter_field,ul as smoothly_filter_input,fl as smoothly_filter_select,kl as smoothly_filter_toggle,pr as smoothly_form,vr as smoothly_form_demo,wr as smoothly_form_demo_all,xr as smoothly_form_demo_card,Cr as smoothly_form_demo_controlled,jr as smoothly_form_demo_date,Tr as smoothly_form_demo_date_range,Or as smoothly_form_demo_login,Mr as smoothly_form_demo_pet,Dr as smoothly_form_demo_prices,$r as smoothly_form_demo_schedule,Pr as smoothly_form_demo_transparent,Ur as smoothly_form_demo_typed,Br as smoothly_frame,Kr as smoothly_icon,Xr as smoothly_icon_demo,ic as smoothly_input,lc as smoothly_input_checkbox,dc as smoothly_input_clear,uc as smoothly_input_color,yc as smoothly_input_color_demo,pc as smoothly_input_date,vc as smoothly_input_date_range,Cc as smoothly_input_date_time,jc as smoothly_input_demo,Tc as smoothly_input_demo_standard,Ac as smoothly_input_demo_user_input,Ec as smoothly_input_edit,Pc as smoothly_input_file,Hc as smoothly_input_month,Wc as smoothly_input_price_demo,Gc as smoothly_input_radio,qc as smoothly_input_radio_item,Qc as smoothly_input_range,td as smoothly_input_range_demo,sd as smoothly_input_reset,ld as smoothly_input_select,dd as smoothly_input_submit,ud as smoothly_item,fd as smoothly_label,kd as smoothly_lazy,vd as smoothly_load_more,Cd as smoothly_modal,jd as smoothly_notification,Td as smoothly_notifier,Ad as smoothly_spinner,Ed as smoothly_summary,Pd as smoothly_tab,Hd as smoothly_table,Wd as smoothly_table_body,Gd as smoothly_table_cell,qd as smoothly_table_demo,Qd as smoothly_table_demo_colspan,oh as smoothly_table_demo_filler_row,ch as smoothly_table_demo_filtered,uh as smoothly_table_demo_group,ph as smoothly_table_demo_nested_no_cell,vh as smoothly_table_demo_nested_no_cell_inner,Ch as smoothly_table_demo_simple,Ih as smoothly_table_expandable_cell,Oh as smoothly_table_expandable_row,Mh as smoothly_table_filler_row,Rh as smoothly_table_foot,Fh as smoothly_table_head,Uh as smoothly_table_row,Bh as smoothly_table_row_group,Kh as smoothly_tabs,Xh as smoothly_tabs_demo,tm as smoothly_theme_color,sm as smoothly_theme_color_variant,nm as smoothly_theme_colors,cm as smoothly_theme_demo,mm as smoothly_theme_guide,bm as smoothly_theme_picker,gm as smoothly_toggle_switch,wm as smoothly_toggle_switch_demo,Sm as smoothly_trigger};
2
+ //# sourceMappingURL=p-4f5074c4.entry.js.map