smoothly 1.1.1-alpha.21 → 1.1.1-alpha.22

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 (51) hide show
  1. package/dist/cjs/smoothly-app_95.cjs.entry.js +2 -2
  2. package/dist/cjs/smoothly-app_95.cjs.entry.js.map +1 -1
  3. package/dist/collection/components/filter/style.css +6 -4
  4. package/dist/collection/components/item/style.css +2 -1
  5. package/dist/components/{p-88e2b22e.js → p-1a0b4fb3.js} +3 -3
  6. package/dist/components/{p-88e2b22e.js.map → p-1a0b4fb3.js.map} +1 -1
  7. package/dist/components/{p-e23bc122.js → p-20cd6af8.js} +2 -2
  8. package/dist/components/{p-e23bc122.js.map → p-20cd6af8.js.map} +1 -1
  9. package/dist/components/{p-e73096f5.js → p-4fd6a4d9.js} +4 -4
  10. package/dist/components/{p-e73096f5.js.map → p-4fd6a4d9.js.map} +1 -1
  11. package/dist/components/{p-229cf51b.js → p-501b8c14.js} +2 -2
  12. package/dist/components/{p-229cf51b.js.map → p-501b8c14.js.map} +1 -1
  13. package/dist/components/{p-b75ab804.js → p-66e44d01.js} +8 -8
  14. package/dist/components/{p-b75ab804.js.map → p-66e44d01.js.map} +1 -1
  15. package/dist/components/{p-64342f9c.js → p-6f87f1f2.js} +3 -3
  16. package/dist/components/{p-64342f9c.js.map → p-6f87f1f2.js.map} +1 -1
  17. package/dist/components/{p-c6e5608f.js → p-848583d1.js} +4 -4
  18. package/dist/components/{p-c6e5608f.js.map → p-848583d1.js.map} +1 -1
  19. package/dist/components/{p-fe55a54e.js → p-8f270448.js} +5 -5
  20. package/dist/components/{p-fe55a54e.js.map → p-8f270448.js.map} +1 -1
  21. package/dist/components/{p-9f010bc0.js → p-a0507866.js} +2 -2
  22. package/dist/components/p-a0507866.js.map +1 -0
  23. package/dist/components/{p-db26a36c.js → p-ace383da.js} +5 -5
  24. package/dist/components/{p-db26a36c.js.map → p-ace383da.js.map} +1 -1
  25. package/dist/components/{p-488297a3.js → p-b61b357d.js} +2 -2
  26. package/dist/components/p-b61b357d.js.map +1 -0
  27. package/dist/components/{p-1743a7e2.js → p-f6c78362.js} +3 -3
  28. package/dist/components/{p-1743a7e2.js.map → p-f6c78362.js.map} +1 -1
  29. package/dist/components/smoothly-app-demo.js +12 -12
  30. package/dist/components/smoothly-calendar.js +1 -1
  31. package/dist/components/smoothly-filter.js +1 -1
  32. package/dist/components/smoothly-input-date-range.js +1 -1
  33. package/dist/components/smoothly-input-date.js +1 -1
  34. package/dist/components/smoothly-input-demo-controlled-form.js +1 -1
  35. package/dist/components/smoothly-input-demo.js +1 -1
  36. package/dist/components/smoothly-input-month.js +1 -1
  37. package/dist/components/smoothly-input-select.js +1 -1
  38. package/dist/components/smoothly-item.js +1 -1
  39. package/dist/components/smoothly-table-demo-filtered.js +1 -1
  40. package/dist/components/smoothly-table-demo.js +1 -1
  41. package/dist/components/smoothly-theme-picker.js +1 -1
  42. package/dist/esm/smoothly-app_95.entry.js +2 -2
  43. package/dist/esm/smoothly-app_95.entry.js.map +1 -1
  44. package/dist/smoothly/p-68f169b6.entry.js +2 -0
  45. package/dist/smoothly/p-68f169b6.entry.js.map +1 -0
  46. package/dist/smoothly/smoothly.esm.js +1 -1
  47. package/package.json +1 -1
  48. package/dist/components/p-488297a3.js.map +0 -1
  49. package/dist/components/p-9f010bc0.js.map +0 -1
  50. package/dist/smoothly/p-84da94cd.entry.js +0 -2
  51. package/dist/smoothly/p-84da94cd.entry.js.map +0 -1
@@ -0,0 +1,2 @@
1
+ import{r as e,h as t,c as o,H as s,g as a,F as i}from"./p-a089461a.js";import{a as l,T as n,C as c,o as r,i as d,s as h,r as b,b as f,u as m,D as y,M as u,I as p}from"./p-20c5f1b5.js";import"./p-0d602858.js";import{r as g,N as k}from"./p-c3f85494.js";import{D as v,a as w,T as x,C as S,L as C,b as z}from"./p-5ab5a176.js";import{g as _}from"./p-7e394c6a.js";class L extends l{constructor(){super(...arguments);this.is=e=>e!=undefined}}function T(e){return new L(e??"any")}const j='smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}smoothly-app>smoothly-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 2px 5px 0 rgba(var(--smoothly-dark-shadow));border-bottom:1px solid rgba(var(--smoothly-dark-color));background:rgba(var(--smoothly-color));color:rgba(var(--smoothly-color-contrast))}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>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 li a{line-height:1.6cm}smoothly-app>smoothly-notifier>header>nav>ul li a{line-height:1.6cm}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;gap:1rem;align-items:center;height:100%;margin-left:auto;margin-right:1rem}smoothly-app>smoothly-notifier>header>nav>ul>[slot="nav-end"]{width:fit-content;gap:0.5em;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:50dvw;max-width:15rem;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;margin-bottom:1em;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;gap:1em}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}}smoothly-app>smoothly-notifier>header>nav:not(.menu-open){display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}';const A=j;const E=class{constructor(t){e(this,t);this.rooms={};this.label="App";this.color=undefined;this.home=undefined;this.menuOpen=false;this.selected=undefined}async componentDidRender(){var e;if(!this.selected&&!window.location.search)(e=this.home&&this.rooms[this.home]?this.rooms[this.home]:Object.values(this.rooms).find((e=>!(e===null||e===void 0?void 0:e.element.disabled))))===null||e===void 0?void 0:e.element.setSelected(true)}async selectRoom(e){var t;(t=this.rooms[e])===null||t===void 0?void 0:t.element.setSelected(true)}async selectedChanged(){var e;Object.values(this.rooms).forEach((e=>{var t;return(e===null||e===void 0?void 0:e.element.path)!=((t=this.selected)===null||t===void 0?void 0:t.element.path)&&(e===null||e===void 0?void 0:e.element.setSelected(false))}));const t=await((e=this.selected)===null||e===void 0?void 0:e.element.getContent());if(this.mainElement&&t){this.mainElement.innerHTML="";this.mainElement.appendChild(t)}}burgerVisibilityHandler(e){this.burgerVisibility=e.detail}burgerStatusHandler(e){e.stopPropagation();this.menuOpen=e.detail}async locationChangeHandler(e){var t;(t=this.rooms[e.state.smoothlyPath])===null||t===void 0?void 0:t.element.setSelected(true,{history:true})}roomSelectedHandler(e){this.selected={element:e.target};if(this.burgerVisibility)this.menuOpen=false;if(!e.detail.history){const e=this.selected.element.path.toString();const t=new URL(window.location.pathname==e?window.location.href:window.location.origin);t.pathname=e;window.history.pushState({smoothlyPath:e},"",t.href)}}roomLoadedHandler(e){const t=this.rooms[e.target.path.toString()]={element:e.target};if(t.element.selected){this.selected=t;window.history.replaceState({smoothlyPath:t.element.path},"",window.location.href)}}clickHandler(e){if(this.burgerVisibility)if(e.composedPath().some((e=>e==this.burgerElement||e==this.navElement)));else this.menuOpen=false}render(){return t("smoothly-notifier",{key:"3f6b22b533b297536966a330c924c77b009c6b90"},t("header",{key:"3932b48ff6902c516fe119baa772d3a4809999a2",color:this.color},t("h1",{key:"508e63bb674f950a73ba2d2e6e7273d18698324f"},t("a",{key:"0179eaf0f7b341320e86c2bbfeb3c30bdf48414c",href:""},this.label)),t("slot",{key:"0efa5a6be505f3ec9444641a2496365a5ed6a393",name:"header"}),t("nav",{key:"27b900103efebda8ec7169bde2d5111a0f03ed3b",ref:e=>this.navElement=e,class:{"menu-open":this.menuOpen}},t("ul",{key:"2ceb199d311bc30f76ff66746b0e18cdbf5993d5"},t("div",{key:"30d286327728cd084236a3581aa036852cbdc2ea",class:"nav-start-container"},t("slot",{key:"45729c95c966bd2a522977ae2ae068637a079ff2",name:"nav-start"})),t("slot",{key:"4d546afc6d4355ad1a12eb88998f1fbe86fac82a"}," "),t("div",{key:"0e0fb7de79807eaa59385556d1eb3b8a54a556cf",class:"nav-end-container"},t("slot",{key:"9f0b55799f2e3c7313560f49910f07d06547d76c",name:"nav-end"})))),t("smoothly-burger",{key:"fa688ed214a84a006753d92c8b5ca97b8e9ed5a8",ref:e=>this.burgerElement=e,open:this.menuOpen,onSmoothlyNavStatus:e=>this.burgerStatusHandler(e),onSmoothlyVisibleStatus:e=>this.burgerVisibilityHandler(e)})),t("main",{key:"0c8021b8a4bbf8a864f1bb200f4965f91c544db6",ref:e=>this.mainElement=e}))}static get watchers(){return{selected:["selectedChanged"]}}};E.style=A;const I=class{constructor(t){e(this,t);this.baseUrl=undefined}render(){return t("smoothly-app",{key:"cfb38a1079d16f156f9c600eb2bd49dde35463b8",color:"dark",label:"Smoothly Demo",home:"/root",ref:e=>this.app=e},t("smoothly-trigger",{key:"aa4ea5b5d4958b098ddbc9bb5b7d373148361f5f",slot:"nav-start",type:"link",name:"logout"},t("smoothly-icon",{key:"d6e493731aa0d432fe5c6808aec7da82c352ac24",toolTip:"Log out",name:"log-out",size:"medium"})),t("smoothly-app-room",{key:"fc77679a0fc12654b41d8a8a5296e7f5f19f96ca",path:"/root",label:"root"},t("h2",{key:"dc2831e9683f41b3d771382a2fa69a429304a47d"},"Theme"),t("smoothly-theme-picker",{key:"1ebab5c61cfcd2a01ee1b851bce9134363572492"},t("smoothly-item",{key:"9d8f3ce7d851a113986417685802ad40274222d5",value:"assets/style/smoothly.css"},"Smoothly"),t("smoothly-item",{key:"63fe6cfe65bdfc7300f5254ba5926f7dd93cd38d",value:"https://app.issuefab.com/assets/style/index.css"},"Issuefab"),t("smoothly-item",{key:"7644df8a079d0c31eefc737f87ec850c13e1342c",value:"https://app.proquse.com/assets/style/index.css"},"Proquse"),t("smoothly-item",{key:"47d8f74a63fe6e1c943c8a5d00dec4636ae88f3a",value:"https://app.weekmeter.com/assets/style/index.css"},"Weekmeter"),t("smoothly-item",{key:"a91d5975b38240f7f00132b8c81efd68176b6776",value:"https://dash.pax2pay.app/p2pdash.css"},"Pax2Pay Dashboard"),t("smoothly-item",{key:"b3717e15e439e294d4081eecca65b951e1dc2c9c",value:"https://ui.pax2pay.app/assets/style/pax2pay.css"},"Pax2Pay Portal"),t("smoothly-item",{key:"16507791094dcec0ac8b469dc50d5956d1a61cf8",value:"https://theme.payfunc.com/intergiro/index.css"},"Intergiro Monitor"),t("smoothly-item",{key:"ac8b5ce71a8dbe173fb1a2178ad1eb913fbf2799",value:"https://theme.payfunc.com/light/index.css"},"Payfunc Light"),t("smoothly-item",{key:"53ae6139558b442f044c33261bd165e12909b3e3",value:"https://theme.payfunc.com/dark/index.css"},"Payfunc Dark")),t("smoothly-theme-colors",{key:"c2316393c7452073924e67dd146ab8604c463d05"}),t("smoothly-button",{key:"403f275454a4432170aac6fce66b092ca695a720",type:"link",link:"/redirect"},"To redirect"),t("smoothly-button",{key:"3d87fd18b5b6e83fa40e8ba569a5e75a02ba106f",type:"link",link:"/redirect"},"To /redirect"),t("smoothly-button",{key:"f68de345d21ab1f763cda7c9f494af241b72cb36",type:"link",link:new URL("/redirect",window.location.origin).href},'To new URL("redirect")'),t("smoothly-button",{key:"29545a91363dfcbe0cc5c607b6b0d936a7b66003",type:"link",link:"redirect/nested"},"To redirect nested")),t("smoothly-app-room",{key:"d6677670f1d33d0fa72d157f30073a33400037a0",path:"/links",label:"Links"},t("smoothly-input",{key:"5d1f48630a0df997c125b9aa3b464878376c61db",type:"text"},"Default"),t("div",{key:"d3022fbdd3fce71757c37329eaa73ce02796c6f1",style:{padding:"1em",maxWidth:"12em"}},t("smoothly-button",{key:"8f8af708bf5b2f842a37403673c4483a7ebb3b8d",fill:"solid",color:"danger",link:"https://google.com"},"open"),t("smoothly-button",{key:"51c1548d8249968f6cd8868cfc7ac88bee10c7fe",fill:"solid",color:"danger",link:"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",type:"download"},"download"),t("smoothly-button",{key:"1ac93f59546bba89a64c0761a1acac6766d70fe4",fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),t("smoothly-button",{key:"df2ed090d59976416fc210eb9886a18bd76f9a61",disabled:true,fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),t("smoothly-button",{key:"5cbad3cc53d1973a5dba5d0859a3c9a1ae483e78",type:"link",fill:"clear",color:"danger",onClick:()=>alert("clicked")},"action link"))),t("smoothly-app-room",{key:"b7f14fb4d062ab4a3dcfbf314bf7a341c099c0a8",path:"/input",label:"Input"},t("smoothly-input-demo",{key:"6df2510e03d76a3745eeb904385d20b40ae21214"})),t("smoothly-app-room",{key:"ed4e3e5238bf639336111ce2615aa3bfc3d69970",path:"/button",label:"Button"},t("smoothly-button-demo",{key:"4ff4f0ca81003fbf809d1e16dc1f9d4cb3867f96"})),t("smoothly-app-room",{key:"dc8fc63220e3a405ce1c21a8cc04b709ea81610f",path:"/dialog",label:"Dialog"},t("smoothly-dialog-demo",{key:"a800b1718950073b8adde4d78857e338f806ba07"})),t("smoothly-app-room",{key:"f33fb774e0f9f07c4f737fb7e8e4faeaecde9a2b",path:"/display",label:"Display",icon:"eye-outline"},t("smoothly-display-demo",{key:"9efbdec0e1c933c9c4f74bd112fb5a9b3e74175c"})),t("smoothly-app-room",{key:"6c03b7bb89e4516b3652f4d3458d6d534e1f3fce",path:"/table",label:"Table"},t("smoothly-table-demo",{key:"b44fdf890ae50276eb24d12f4e070609b5894c56"})),t("smoothly-app-room",{key:"90d817ba7cef24882beff50896894094864d732d",path:"/next",label:"Next"},t("smoothly-next-demo",{key:"79c685966711d2d4dc90fd37b5d5ccfec6880292"})),t("smoothly-app-room",{key:"f9d685bfafad89e538f8416e3ae337819a4cbc81",path:"/select",label:"Select"},t("smoothly-select-demo",{key:"1ab43ba0d208fd8c22559f8fcd392e92911aca5a"})),t("smoothly-app-room",{key:"4edbb6ae835bb825e1ee1b9e07f3b7f004a06afc",path:"/icon",label:"Icon",content:t("smoothly-icon-demo",null)}),t("smoothly-app-room",{key:"b56a013f440b48d978f6a618743593cce58178c3",path:"/old",label:"Old",to:"select"}),t("smoothly-app-room",{key:"fb1e9f24be004b81ebb1b4e655fff80dc61c536b",path:"/redirect",label:"Redirect"},t("smoothly-button",{key:"92b1c89cae110b017c96f825f01e185b78e4b416",type:"link",link:"/input"},"To input"),t("smoothly-button",{key:"2579fd876ddb3f4ec8a42ae0c406fe3dcabcf3d9",type:"link",link:"../button"},"To button"),t("smoothly-button",{key:"d6c7ac3ca27f767157882d9b1925a4d123555558",type:"link",link:new URL("/hidden",window.location.origin).href},"To hidden"),t("smoothly-button",{key:"8485fd461954090673ae4bd846dc07cc5f6dd29e",type:"link",link:"/redirect"},"To redirect"),t("smoothly-button",{key:"d8974e478dd0d574a0f397f05476d7fbbb6276f4",type:"link",link:"nested"},"To redirect nested, relative path")),t("smoothly-app-room",{key:"0d96b24853b717525cc7e5d8c8eed71272bc9035",path:"/hidden"},t("p",{key:"7d0bd6057ff4f074d5ec4fe5742c7333ec2a832f"},"hello world!")),t("smoothly-app-room",{key:"df1df523df70ee5a31f170ccc9f33c2e5c13373a",path:"/redirect/nested"},"this is a nested room"))}};var D=class{constructor(e,t,o,s,a,i){this.type=3;this.name="";this.prefix="";this.value="";this.suffix="";this.modifier=3;this.type=e;this.name=t;this.prefix=o;this.value=s;this.suffix=a;this.modifier=i}hasCustomName(){return this.name!==""&&typeof this.name!=="number"}};var O=/[$_\p{ID_Start}]/u;var M=/[$_\u200C\u200D\p{ID_Continue}]/u;var R=".*";function $(e,t){return(t?/^[\x00-\xFF]*$/:/^[\x00-\x7F]*$/).test(e)}function H(e,t=false){const o=[];let s=0;while(s<e.length){const a=e[s];const i=function(a){if(!t)throw new TypeError(a);o.push({type:"INVALID_CHAR",index:s,value:e[s++]})};if(a==="*"){o.push({type:"ASTERISK",index:s,value:e[s++]});continue}if(a==="+"||a==="?"){o.push({type:"OTHER_MODIFIER",index:s,value:e[s++]});continue}if(a==="\\"){o.push({type:"ESCAPED_CHAR",index:s++,value:e[s++]});continue}if(a==="{"){o.push({type:"OPEN",index:s,value:e[s++]});continue}if(a==="}"){o.push({type:"CLOSE",index:s,value:e[s++]});continue}if(a===":"){let t="";let a=s+1;while(a<e.length){const o=e.substr(a,1);if(a===s+1&&O.test(o)||a!==s+1&&M.test(o)){t+=e[a++];continue}break}if(!t){i(`Missing parameter name at ${s}`);continue}o.push({type:"NAME",index:s,value:t});s=a;continue}if(a==="("){let t=1;let a="";let l=s+1;let n=false;if(e[l]==="?"){i(`Pattern cannot start with "?" at ${l}`);continue}while(l<e.length){if(!$(e[l],false)){i(`Invalid character '${e[l]}' at ${l}.`);n=true;break}if(e[l]==="\\"){a+=e[l++]+e[l++];continue}if(e[l]===")"){t--;if(t===0){l++;break}}else if(e[l]==="("){t++;if(e[l+1]!=="?"){i(`Capturing groups are not allowed at ${l}`);n=true;break}}a+=e[l++]}if(n){continue}if(t){i(`Unbalanced pattern at ${s}`);continue}if(!a){i(`Missing pattern at ${s}`);continue}o.push({type:"REGEX",index:s,value:a});s=l;continue}o.push({type:"CHAR",index:s,value:e[s++]})}o.push({type:"END",index:s,value:""});return o}function P(e,t={}){const o=H(e);t.delimiter??(t.delimiter="/#?");t.prefixes??(t.prefixes="./");const s=`[^${N(t.delimiter)}]+?`;const a=[];let i=0;let l=0;let n=new Set;const c=e=>{if(l<o.length&&o[l].type===e)return o[l++].value};const r=()=>c("OTHER_MODIFIER")??c("ASTERISK");const d=e=>{const t=c(e);if(t!==void 0)return t;const{type:s,index:a}=o[l];throw new TypeError(`Unexpected ${s} at ${a}, expected ${e}`)};const h=()=>{let e="";let t;while(t=c("CHAR")??c("ESCAPED_CHAR")){e+=t}return e};const b=e=>e;const f=t.encodePart||b;let m="";const y=e=>{m+=e};const u=()=>{if(!m.length){return}a.push(new D(3,"","",f(m),"",3));m=""};const p=(e,t,o,l,c)=>{let r=3;switch(c){case"?":r=1;break;case"*":r=0;break;case"+":r=2;break}if(!t&&!o&&r===3){y(e);return}u();if(!t&&!o){if(!e){return}a.push(new D(3,"","",f(e),"",r));return}let d;if(!o){d=s}else if(o==="*"){d=R}else{d=o}let h=2;if(d===s){h=1;d=""}else if(d===R){h=0;d=""}let b;if(t){b=t}else if(o){b=i++}if(n.has(b)){throw new TypeError(`Duplicate name '${b}'.`)}n.add(b);a.push(new D(h,b,f(e),d,f(l),r))};while(l<o.length){const e=c("CHAR");const o=c("NAME");let s=c("REGEX");if(!o&&!s){s=c("ASTERISK")}if(o||s){let a=e??"";if(t.prefixes.indexOf(a)===-1){y(a);a=""}u();let i=r();p(a,o,s,"",i);continue}const a=e??c("ESCAPED_CHAR");if(a){y(a);continue}const i=c("OPEN");if(i){const e=h();const t=c("NAME");let o=c("REGEX");if(!t&&!o){o=c("ASTERISK")}const s=h();d("CLOSE");const a=r();p(e,t,o,s,a);continue}u();d("END")}return a}function N(e){return e.replace(/([.+*?^${}()[\]|/\\])/g,"\\$1")}function F(e){return e&&e.ignoreCase?"ui":"u"}function U(e,t,o){return Y(P(e,o),t,o)}function W(e){switch(e){case 0:return"*";case 1:return"?";case 2:return"+";case 3:return""}}function Y(e,t,o={}){o.delimiter??(o.delimiter="/#?");o.prefixes??(o.prefixes="./");o.sensitive??(o.sensitive=false);o.strict??(o.strict=false);o.end??(o.end=true);o.start??(o.start=true);o.endsWith="";let s=o.start?"^":"";for(const a of e){if(a.type===3){if(a.modifier===3){s+=N(a.value)}else{s+=`(?:${N(a.value)})${W(a.modifier)}`}continue}if(t)t.push(a.name);const e=`[^${N(o.delimiter)}]+?`;let i=a.value;if(a.type===1)i=e;else if(a.type===0)i=R;if(!a.prefix.length&&!a.suffix.length){if(a.modifier===3||a.modifier===1){s+=`(${i})${W(a.modifier)}`}else{s+=`((?:${i})${W(a.modifier)})`}continue}if(a.modifier===3||a.modifier===1){s+=`(?:${N(a.prefix)}(${i})${N(a.suffix)})`;s+=W(a.modifier);continue}s+=`(?:${N(a.prefix)}`;s+=`((?:${i})(?:`;s+=N(a.suffix);s+=N(a.prefix);s+=`(?:${i}))*)${N(a.suffix)})`;if(a.modifier===0){s+="?"}}const a=`[${N(o.endsWith)}]|$`;const i=`[${N(o.delimiter)}]`;if(o.end){if(!o.strict){s+=`${i}?`}if(!o.endsWith.length){s+="$"}else{s+=`(?=${a})`}return new RegExp(s,F(o))}if(!o.strict){s+=`(?:${i}(?=${a}))?`}let l=false;if(e.length){const t=e[e.length-1];if(t.type===3&&t.modifier===3){l=o.delimiter.indexOf(t)>-1}}if(!l){s+=`(?=${i}|${a})`}return new RegExp(s,F(o))}var B={delimiter:"",prefixes:"",sensitive:true,strict:true};var q={delimiter:".",prefixes:"",sensitive:true,strict:true};var G={delimiter:"/",prefixes:"/",sensitive:true,strict:true};function K(e,t){if(!e.length){return false}if(e[0]==="/"){return true}if(!t){return false}if(e.length<2){return false}if((e[0]=="\\"||e[0]=="{")&&e[1]=="/"){return true}return false}function V(e,t){if(e.startsWith(t)){return e.substring(t.length,e.length)}return e}function X(e,t){if(e.endsWith(t)){return e.substr(0,e.length-t.length)}return e}function J(e){if(!e||e.length<2){return false}if(e[0]==="["){return true}if((e[0]==="\\"||e[0]==="{")&&e[1]==="["){return true}return false}var Z=["ftp","file","http","https","ws","wss"];function Q(e){if(!e){return true}for(const t of Z){if(e.test(t)){return true}}return false}function ee(e,t){e=V(e,"#");if(t||e===""){return e}const o=new URL("https://example.com");o.hash=e;return o.hash?o.hash.substring(1,o.hash.length):""}function te(e,t){e=V(e,"?");if(t||e===""){return e}const o=new URL("https://example.com");o.search=e;return o.search?o.search.substring(1,o.search.length):""}function oe(e,t){if(t||e===""){return e}if(J(e)){return fe(e)}else{return be(e)}}function se(e,t){if(t||e===""){return e}const o=new URL("https://example.com");o.password=e;return o.password}function ae(e,t){if(t||e===""){return e}const o=new URL("https://example.com");o.username=e;return o.username}function ie(e,t,o){if(o||e===""){return e}if(t&&!Z.includes(t)){const o=new URL(`${t}:${e}`);return o.pathname}const s=e[0]=="/";e=new URL(!s?"/-"+e:e,"https://example.com").pathname;if(!s){e=e.substring(2,e.length)}return e}function le(e,t,o){if(ce(t)===e){e=""}if(o||e===""){return e}return me(e)}function ne(e,t){e=X(e,":");if(t||e===""){return e}return re(e)}function ce(e){switch(e){case"ws":case"http":return"80";case"wws":case"https":return"443";case"ftp":return"21";default:return""}}function re(e){if(e===""){return e}if(/^[-+.A-Za-z0-9]*$/.test(e))return e.toLowerCase();throw new TypeError(`Invalid protocol '${e}'.`)}function de(e){if(e===""){return e}const t=new URL("https://example.com");t.username=e;return t.username}function he(e){if(e===""){return e}const t=new URL("https://example.com");t.password=e;return t.password}function be(e){if(e===""){return e}if(/[\t\n\r #%/:<>?@[\]^\\|]/g.test(e)){throw new TypeError(`Invalid hostname '${e}'`)}const t=new URL("https://example.com");t.hostname=e;return t.hostname}function fe(e){if(e===""){return e}if(/[^0-9a-fA-F[\]:]/g.test(e)){throw new TypeError(`Invalid IPv6 hostname '${e}'`)}return e.toLowerCase()}function me(e){if(e===""){return e}if(/^[0-9]*$/.test(e)&&parseInt(e)<=65535){return e}throw new TypeError(`Invalid port '${e}'.`)}function ye(e){if(e===""){return e}const t=new URL("https://example.com");t.pathname=e[0]!=="/"?"/-"+e:e;if(e[0]!=="/"){return t.pathname.substring(2,t.pathname.length)}return t.pathname}function ue(e){if(e===""){return e}const t=new URL(`data:${e}`);return t.pathname}function pe(e){if(e===""){return e}const t=new URL("https://example.com");t.search=e;return t.search.substring(1,t.search.length)}function ge(e){if(e===""){return e}const t=new URL("https://example.com");t.hash=e;return t.hash.substring(1,t.hash.length)}var ke=class{constructor(e){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=e}get result(){return this.internalResult}parse(){this.tokenList=H(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 e=7;let t=1;if(this.shouldTreatAsStandardURL){this.internalResult.pathname="/"}if(this.nextIsAuthoritySlashes()){e=2;t=3}else if(this.shouldTreatAsStandardURL){e=2}this.changeState(e,t)}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(e,t){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(e,t)}changeStateWithoutSettingComponent(e,t){this.state=e;this.componentStart=this.tokenIndex+t;this.tokenIndex+=t;this.tokenIncrement=0}rewind(){this.tokenIndex=this.componentStart;this.tokenIncrement=0}rewindAndSetState(e){this.rewind();this.state=e}safeToken(e){if(e<0){e=this.tokenList.length-e}if(e<this.tokenList.length){return this.tokenList[e]}return this.tokenList[this.tokenList.length-1]}isNonSpecialPatternChar(e,t){const o=this.safeToken(e);return o.value===t&&(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 e=this.safeToken(this.tokenIndex-1);return e.type!=="NAME"&&e.type!=="REGEX"&&e.type!=="CLOSE"&&e.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 e=this.tokenList[this.tokenIndex];const t=this.safeToken(this.componentStart).index;return this.input.substring(t,e.index)}computeShouldTreatAsStandardURL(){const e={};Object.assign(e,B);e.encodePart=re;const t=U(this.makeComponentString(),void 0,e);this.shouldTreatAsStandardURL=Q(t)}};var ve=["protocol","username","password","hostname","port","pathname","search","hash"];var we="*";function xe(e,t){if(typeof e!=="string"){throw new TypeError(`parameter 1 is not of type 'string'.`)}const o=new URL(e,t);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 Se(e,t){if(!t){return e}return ze(e)}function Ce(e,t,o){let s;if(typeof t.baseURL==="string"){try{s=new URL(t.baseURL);e.protocol=Se(s.protocol.substring(0,s.protocol.length-1),o);e.username=Se(s.username,o);e.password=Se(s.password,o);e.hostname=Se(s.hostname,o);e.port=Se(s.port,o);e.pathname=Se(s.pathname,o);e.search=Se(s.search.substring(1,s.search.length),o);e.hash=Se(s.hash.substring(1,s.hash.length),o)}catch{throw new TypeError(`invalid baseURL '${t.baseURL}'.`)}}if(typeof t.protocol==="string"){e.protocol=ne(t.protocol,o)}if(typeof t.username==="string"){e.username=ae(t.username,o)}if(typeof t.password==="string"){e.password=se(t.password,o)}if(typeof t.hostname==="string"){e.hostname=oe(t.hostname,o)}if(typeof t.port==="string"){e.port=le(t.port,e.protocol,o)}if(typeof t.pathname==="string"){e.pathname=t.pathname;if(s&&!K(e.pathname,o)){const t=s.pathname.lastIndexOf("/");if(t>=0){e.pathname=Se(s.pathname.substring(0,t+1),o)+e.pathname}}e.pathname=ie(e.pathname,e.protocol,o)}if(typeof t.search==="string"){e.search=te(t.search,o)}if(typeof t.hash==="string"){e.hash=ee(t.hash,o)}return e}function ze(e){return e.replace(/([+*?:{}()\\])/g,"\\$1")}function _e(e){return e.replace(/([.+*?^${}()[\]|/\\])/g,"\\$1")}function Le(e,t){t.delimiter??(t.delimiter="/#?");t.prefixes??(t.prefixes="./");t.sensitive??(t.sensitive=false);t.strict??(t.strict=false);t.end??(t.end=true);t.start??(t.start=true);t.endsWith="";const o=".*";const s=`[^${_e(t.delimiter)}]+?`;const a=/[$_\u200C\u200D\p{ID_Continue}]/u;let i="";for(let l=0;l<e.length;++l){const n=e[l];if(n.type===3){if(n.modifier===3){i+=ze(n.value);continue}i+=`{${ze(n.value)}}${W(n.modifier)}`;continue}const c=n.hasCustomName();let r=!!n.suffix.length||!!n.prefix.length&&(n.prefix.length!==1||!t.prefixes.includes(n.prefix));const d=l>0?e[l-1]:null;const h=l<e.length-1?e[l+1]:null;if(!r&&c&&n.type===1&&n.modifier===3&&h&&!h.prefix.length&&!h.suffix.length){if(h.type===3){const e=h.value.length>0?h.value[0]:"";r=a.test(e)}else{r=!h.hasCustomName()}}if(!r&&!n.prefix.length&&d&&d.type===3){const e=d.value[d.value.length-1];r=t.prefixes.includes(e)}if(r){i+="{"}i+=ze(n.prefix);if(c){i+=`:${n.name}`}if(n.type===2){i+=`(${n.value})`}else if(n.type===1){if(!c){i+=`(${s})`}}else if(n.type===0){if(!c&&(!d||d.type===3||d.modifier!==3||r||n.prefix!=="")){i+="*"}else{i+=`(${o})`}}if(n.type===1&&c&&!!n.suffix.length){if(a.test(n.suffix[0])){i+="\\"}}i+=ze(n.suffix);if(r){i+="}"}if(n.modifier!==3){i+=W(n.modifier)}}return i}var Te=class{constructor(e={},t,o){this.regexp={};this.names={};this.component_pattern={};this.parts={};try{let s=void 0;if(typeof t==="string"){s=t}else{o=t}if(typeof e==="string"){const t=new ke(e);t.parse();e=t.result;if(s===void 0&&typeof e.protocol!=="string"){throw new TypeError(`A base URL must be provided for a relative constructor string.`)}e.baseURL=s}else{if(!e||typeof e!=="object"){throw new TypeError(`parameter 1 is not of type 'string' and cannot convert to dictionary.`)}if(s){throw new TypeError(`parameter 1 is not of type 'string'.`)}}if(typeof o==="undefined"){o={ignoreCase:false}}const a={ignoreCase:o.ignoreCase===true};const i={pathname:we,protocol:we,username:we,password:we,hostname:we,port:we,search:we,hash:we};this.pattern=Ce(i,e,true);if(ce(this.pattern.protocol)===this.pattern.port){this.pattern.port=""}let l;for(l of ve){if(!(l in this.pattern))continue;const e={};const t=this.pattern[l];this.names[l]=[];switch(l){case"protocol":Object.assign(e,B);e.encodePart=re;break;case"username":Object.assign(e,B);e.encodePart=de;break;case"password":Object.assign(e,B);e.encodePart=he;break;case"hostname":Object.assign(e,q);if(J(t)){e.encodePart=fe}else{e.encodePart=be}break;case"port":Object.assign(e,B);e.encodePart=me;break;case"pathname":if(Q(this.regexp.protocol)){Object.assign(e,G,a);e.encodePart=ye}else{Object.assign(e,B,a);e.encodePart=ue}break;case"search":Object.assign(e,B,a);e.encodePart=pe;break;case"hash":Object.assign(e,B,a);e.encodePart=ge;break}try{this.parts[l]=P(t,e);this.regexp[l]=Y(this.parts[l],this.names[l],e);this.component_pattern[l]=Le(this.parts[l],e)}catch(e){throw new TypeError(`invalid ${l} pattern '${this.pattern[l]}'.`)}}}catch(e){throw new TypeError(`Failed to construct 'URLPattern': ${e.message}`)}}test(e={},t){let o={pathname:"",protocol:"",username:"",password:"",hostname:"",port:"",search:"",hash:""};if(typeof e!=="string"&&t){throw new TypeError(`parameter 1 is not of type 'string'.`)}if(typeof e==="undefined"){return false}try{if(typeof e==="object"){o=Ce(o,e,false)}else{o=Ce(o,xe(e,t),false)}}catch(e){return false}let s;for(s of ve){if(!this.regexp[s].exec(o[s])){return false}}return true}exec(e={},t){let o={pathname:"",protocol:"",username:"",password:"",hostname:"",port:"",search:"",hash:""};if(typeof e!=="string"&&t){throw new TypeError(`parameter 1 is not of type 'string'.`)}if(typeof e==="undefined"){return}try{if(typeof e==="object"){o=Ce(o,e,false)}else{o=Ce(o,xe(e,t),false)}}catch(e){return null}let s={};if(t){s.inputs=[e,t]}else{s.inputs=[e]}let a;for(a of ve){let e=this.regexp[a].exec(o[a]);if(!e){return null}let t={};for(let[o,s]of this.names[a].entries()){if(typeof s==="string"||typeof s==="number"){let a=e[o+1];t[s]=a}}s[a]={input:o[a]??"",groups:t}}return s}static compareComponent(e,t,o){const s=(e,t)=>{for(let o of["type","modifier","prefix","value","suffix"]){if(e[o]<t[o])return-1;else if(e[o]===t[o])continue;else return 1}return 0};const a=new D(3,"","","","",3);const i=new D(0,"","","","",3);const l=(e,t)=>{let o=0;for(;o<Math.min(e.length,t.length);++o){let a=s(e[o],t[o]);if(a)return a}if(e.length===t.length){return 0}return s(e[o]??a,t[o]??a)};if(!t.component_pattern[e]&&!o.component_pattern[e]){return 0}if(t.component_pattern[e]&&!o.component_pattern[e]){return l(t.parts[e],[i])}if(!t.component_pattern[e]&&o.component_pattern[e]){return l([i],o.parts[e])}return l(t.parts[e],o.parts[e])}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=Te}const je=".sc-smoothly-app-room-h{display:flex;justify-content:center;text-align:center;cursor:pointer}.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;margin-bottom:1em}@media screen and (max-width: 900px){.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0}.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}}";const Ae=je;const Ee=class{constructor(t){e(this,t);this.smoothlyRoomSelected=o(this,"smoothlyRoomSelected",7);this.smoothlyRoomLoaded=o(this,"smoothlyRoomLoaded",7);this.label=undefined;this.icon=undefined;this.disabled=undefined;this.path="";this.to=undefined;this.selected=undefined;this.content=undefined}componentWillLoad(){this.selected=(typeof this.path=="string"?new URLPattern({pathname:this.path}):this.path).test(window.location);this.smoothlyRoomLoaded.emit({selected:this.selected})}async getContent(){return this.contentElement}async setSelected(e,t){this.selected=e;if(e)this.smoothlyRoomSelected.emit({history:!!(t===null||t===void 0?void 0:t.history)})}clickHandler(e){if(!e.metaKey&&!e.ctrlKey&&e.which!=2&&e.button!=1){e.preventDefault();this.setSelected(true)}}render(){return t(s,{key:"666ec2a1fc3b908f47c931e9ad0ea4c9d967cd64"},t("li",{key:"21b7580d2b454768dd96868a11b1f0b64c1d531a"},t("a",{key:"9d5c7d8259fc879a7702165e733ec336f7821187",href:typeof this.path=="string"?this.path:this.path.pathname,onClick:e=>this.clickHandler(e)},this.icon?t("smoothly-icon",{name:this.icon,toolTip:this.label}):this.label)),t("div",{key:"add3e3ae42b24e0bc8834af8e7c5f4115324ba50",ref:e=>this.contentElement=e},this.content&&t("smoothly-lazy",{key:"77c69c2d94b6659d61e58f494a43f3f3fcc908d8",content:this.content}),t("slot",{key:"87840620f225bd4be4ce5829e020eb211f783563"})))}};Ee.style=Ae;const Ie=".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 De=Ie;const Oe=class{constructor(t){e(this,t);this.opacity="0.5";this.bottom="1rem";this.right="1rem";this.visible=undefined}componentWillLoad(){window.addEventListener("scroll",(()=>{this.visible=document.body.scrollTop>20||document.documentElement.scrollTop>20}))}render(){const e={"--opacity":this.visible?this.opacity:"0","--pointer-events":this.visible?"auto":"none","--bottom":this.bottom,"--right":this.right};return t(s,{key:"7b441978ad082ce1aafced1b75862bdcc0988f8f",style:e,onClick:()=>window.scrollTo({top:0,left:0,behavior:"smooth"})},t("smoothly-icon",{key:"40abb68d7e65db9e9faa738e8f0ff329f51b43ba",name:"caret-up-outline"}))}};Oe.style=De;const Me="[visible].sc-smoothly-burger-h{display:flex;justify-content:center;align-items:center;height:100%}[visible].sc-smoothly-burger-h .burger.sc-smoothly-burger smoothly-icon.sc-smoothly-burger{font-size:1.7em;cursor:pointer;margin-right:1em}.sc-smoothly-burger-h:not([visible]){display:none}.sc-smoothly-burger-h:not([open]) smoothly-icon.sc-smoothly-burger{transform:rotate(0deg);transition:transform 100ms ease-in-out}[open].sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{transform:rotate(-90deg);transition:transform 100ms ease-in-out}";const Re=Me;const $e=class{constructor(t){e(this,t);this.smoothlyNavStatus=o(this,"smoothlyNavStatus",7);this.smoothlyVisibleStatus=o(this,"smoothlyVisibleStatus",7);this.visible=undefined;this.open=false;this.mediaQuery="(max-width: 900px)";this.history=undefined}componentWillLoad(){this.history=window.matchMedia(this.mediaQuery).matches;if(!window.matchMedia(this.mediaQuery).matches)this.visible=false;else this.visible=true;this.smoothlyNavStatus.emit(!this.visible);this.smoothlyVisibleStatus.emit(this.visible)}openChanged(){this.smoothlyNavStatus.emit(this.open)}clickHandler(e){if(this.visible)this.open=!this.open}resizeHandler(){const e=window.matchMedia(this.mediaQuery).matches;if(e!=this.history){if(e){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=e}render(){return t(s,{key:"d0dabd10fbbad6b3aa7ad2283833ff6a7854bf48"},t("span",{key:"8a86db366f5ca9306b071a0bc2f5df5a8b0fb4b7",class:"burger"},t("smoothly-icon",{key:"9aa735cddd8595a363c701e6f3996008ef80d805",name:"menu"})))}get element(){return a(this)}static get watchers(){return{open:["openChanged"]}}};$e.style=Re;const He=({disabled:e,type:o,link:s},a)=>e&&(s||o=="link")?t("slot",null):o=="link"?t("a",{href:s,onClick:!s||!Ne(s)?undefined:e=>(e.preventDefault(),g(Pe(s)))},t("slot",{name:"start"}),t("slot",null),a,t("slot",{name:"end"})):o=="download"?t("a",{href:s,target:"_blank",download:true},t("slot",{name:"start"}),t("slot",null),a,t("slot",{name:"end"})):t("button",{disabled:e},t("slot",{name:"start"}),t("slot",null),a,t("slot",{name:"end"}));function Pe(e){let t;if(e.startsWith(window.location.origin))t=new URL(e).pathname;else if(e.match(/^\//))t=new URL(e,window.location.origin).pathname;else t=new URL(`${window.location.pathname.replace(/\/+$/,"")}/${e}`,window.location.origin).pathname;return t}function Ne(e){return new URL(e,window.location.origin).origin==window.location.origin}const Fe="[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-color);--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{display:inline-block;box-sizing:border-box;border-radius:0.5rem;border:solid 1px;transition:background 150ms ease-in-out;cursor:pointer}[type=link].sc-smoothly-button-h{display:inline;border:none}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}.sc-smoothly-button-h>button.sc-smoothly-button{justify-content:center;height:100%;width:100%;border-radius:0.5rem;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}[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button,[shape=rounded].sc-smoothly-button-h{border-radius:2rem}[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;border:none}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0 !important}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button,[shape=rounded].sc-smoothly-button-h{border-radius:2rem}.sc-smoothly-button-h:not([fill=clear]):hover,.sc-smoothly-button-h:not([fill=clear]):focus,.sc-smoothly-button-h:not([fill=clear]):active{border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}.sc-smoothly-button-h:not([fill=clear]):hover>button.sc-smoothly-button,.sc-smoothly-button-h:not([fill=clear]):focus>button.sc-smoothly-button,.sc-smoothly-button-h:not([fill=clear]):active>button.sc-smoothly-button,.sc-smoothly-button-h:not([fill=clear]):hover.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h:not([fill=clear]):hover .sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h:not([fill=clear]):focus.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h:not([fill=clear]):focus .sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h:not([fill=clear]):active.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h:not([fill=clear]):active .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-color-contrast)) !important;stroke:rgb(var(--smoothly-color-contrast)) !important;fill:rgb(var(--smoothly-color-contrast)) !important}[fill=clear].sc-smoothly-button-h:hover>button.sc-smoothly-button,[fill=clear].sc-smoothly-button-h:focus>button.sc-smoothly-button,[fill=clear].sc-smoothly-button-h:active>button.sc-smoothly-button{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-h:not([fill]),[fill=default].sc-smoothly-button-h{background:rgb(var(--smoothly-color));border-color:transparent}[fill=solid].sc-smoothly-button-h{background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color))}[fill=solid].sc-smoothly-button-h>button.sc-smoothly-button,[fill=default].sc-smoothly-button-h>button.sc-smoothly-button{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button,[fill=clear].sc-smoothly-button-h>button.sc-smoothly-button{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}[fill=outline].sc-smoothly-button-h{background:transparent;border-color:rgb(var(--smoothly-color))}[fill=clear].sc-smoothly-button-h{background:transparent;border-color:transparent}.sc-smoothly-button-s>smoothly-icon[slot=start],.sc-smoothly-button-s>smoothly-icon[slot=end]{font-size:0.65em}[hidden].sc-smoothly-button-h{display:none}";const Ue=Fe;const We=class{constructor(t){e(this,t);this.color=undefined;this.expand=undefined;this.fill=undefined;this.disabled=false;this.type="button";this.size=undefined;this.shape=undefined;this.link=undefined}render(){return t(He,{key:"1837f40813a8a7d978fa6cb7e1a418d72bc01996",disabled:this.disabled,type:this.type,link:this.link},t("slot",{key:"0f459a8445d0a94d71621b8b87582d8e82c2c114"}))}};We.style=Ue;const Ye=".sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5}.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 Be=Ye;const qe=class{constructor(t){e(this,t);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyConfirm=o(this,"smoothlyConfirm",7);this.color=undefined;this.name=undefined;this.doubleClickTime=.2;this.expand=undefined;this.fill=undefined;this.disabled=false;this.shape=undefined;this.type="button";this.size=undefined;this.clickTimeStamp=undefined}clickHandler(e){if(this.clickTimeStamp&&e.timeStamp-this.clickTimeStamp>this.doubleClickTime*1e3){this.timer&&window.clearTimeout(this.timer);this.clickTimeStamp=undefined;this.smoothlyConfirm.emit({[this.name]:true})}else{this.clickTimeStamp=e.timeStamp;this.timer=window.setTimeout((()=>{this.clickTimeStamp=undefined}),2e3)}}render(){return t(s,{key:"e08cf61186bdcac012a45a6ba093ed774a9b4436",warning:this.clickTimeStamp},t("smoothly-button",{key:"55c3c176d28dde5edf8f30c4ce0bf6599942c703",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:"warning",disabled:this.disabled,type:this.type,onClick:e=>this.clickHandler(e)},t("smoothly-icon",{key:"63706622e38056fa3385ad8d7be2b085eaef5ff3",name:"alert-outline",fill:"solid",color:"warning",size:"tiny"})),t("smoothly-button",{key:"2c695396c8a7cd08d16c02d8e00a36d3371d42e3",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:this.color,disabled:this.disabled,type:this.type,onClick:e=>this.clickHandler(e)},t("slot",{key:"f43daf06b4d8bb5843370c10db6ac87536302cdd"})))}};qe.style=Be;const Ge="smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}";const Ke=Ge;const Ve=class{constructor(t){e(this,t)}render(){return[t("h2",{key:"7de6c61737eb5c922eb424e1a9573c04f704bb6b"},"Buttons"),t("section",{key:"e76892ec050b7991d4e8fc4b6f7a517bcd192561"},t("h4",{key:"cee8dde4e89a31d5c7c06fc079ad0a8fc9b18105"},"Confirm button (two clicks)"),t("div",{key:"fdfc6e59b6482680e38a33cfb7b434ea8ee90267"},t("smoothly-button-confirm",{key:"4d0e60b087e1b45d05b61dbb2b3d512920860e77",name:"confirm",type:"button",shape:"rounded",color:"danger",size:"large"},"Delete"),t("smoothly-button-confirm",{key:"efc9cd7e96dac5b99dc9dfda4d62d77fa406d7c1",name:"confirm-icon",type:"button",shape:"rounded",color:"success",size:"icon"},t("smoothly-icon",{key:"318dde20eb62b539726395155dfe96488989bca1",name:"checkmark-outline",size:"small"}))),t("h4",{key:"57c76751e907f3e732d37a05ac207643e6f18821"},"Toggle button"),t("smoothly-toggle",{key:"87994467f6352cc35b5c6e95b8c0beb2309c15cd"},t("smoothly-icon",{key:"86a59a7a9d66d4654a74baa73e3e9d118a0afec0",name:"card",fill:"solid",slot:"icon-slot"})),t("smoothly-toggle",{key:"6ee7cbecd0c56a11fc2970b00263d80b969b2d56"},t("smoothly-icon",{key:"77aba992aeaffb8af81347e4bdeb7116415922df",name:"briefcase",slot:"icon-slot"})),t("smoothly-toggle",{key:"02090b09390a677501bb6728a4ecb9ac60d4b13a"},t("smoothly-icon",{key:"7bc17b6df7232db6a6dc2ba053fbe07bf380760f",name:"airplane",slot:"icon-slot"})),t("h4",{key:"304e3a966732ac21bef412fb9e95d54e4146c183"},"Toggle switches"),t("smoothly-toggle-switch",{key:"d88ea06d34018d1c9861e0596dfd611691dffaeb",checkmark:false,color:"primary",disabled:false,size:"small",onSmoothlyToggleSwitchChange:e=>{console.log("toggleSwitch ",e.detail)}}),t("smoothly-toggle-switch",{key:"1d3868092771b423328f25eb219c71cd95a89fa1",disabled:false}),t("smoothly-toggle-switch",{key:"29d506528af8b9f7c987e984145e6761a45fe389",disabled:false,size:"large"}),t("h4",{key:"05f7c3c97d3a02866b7fe44372c78272a67f557c"},"Links with icons"),t("smoothly-button",{key:"54c9ec8a106d3b74a3c8a8365c920d20f68a89d5",type:"link"},t("smoothly-icon",{key:"fe1d988f26a079c3ce33dcfccdd3d7b53dd5a05b",name:"checkmark-circle",slot:"start"}),"type link"),t("smoothly-button",{key:"45f5f4310baefb6ba90d6406e8a869649069b2d5",type:"button",color:"warning",fill:"default"},t("smoothly-icon",{key:"62413dde9de013f3bf1dd0a2103df03c35296dd5",name:"call",slot:"start"}),t("a",{key:"af06de6ad768f5276e065ccd4a5d84bcd709185a",href:"https://google.com"},"link")),t("smoothly-button",{key:"29eebcfabfe1774eb8202b1edb2a9db6305adf69",link:"https://google.com",type:"link"},t("smoothly-icon",{key:"f2d6c13176c8813e5208e2ecb8d4d0e3c2679023",name:"arrow-forward",slot:"end"}),"link + type link"),t("h4",{key:"62e4e420883a054bf1b2a8a9394b1514997d0e40"},"Size and Color test"),t("smoothly-button",{key:"a477548f2d4835df1e18631e0166dc5b549118ba",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),t("smoothly-button",{key:"04d64b7066d34604bb2e3cd6c40aed5babb8fa06",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),t("smoothly-button",{key:"27626f3be913201b5255a25dc3c8b22c88ebfffc",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),t("smoothly-button",{key:"e47bf407e6fb0713112f9a22e44d8a33ff561f58",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),t("smoothly-button",{key:"5e98cea3a911a251182f3ec05c73d7d91ce42946",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),t("smoothly-button",{key:"50b43122323cece0f92c384a4baa533e9b23c997",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),t("smoothly-button",{key:"4c6c78db9912c0541f6d5a79f1aaf49356792960",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),t("smoothly-button",{key:"9183873f8857e908135a7ec544702e2fb76f8f0f",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),t("smoothly-button",{key:"aaaad376c55a7f0240a7c994dbd8b3cfa79888fb",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),t("h4",{key:"4a0d41d29e0f71020c864f13910a177546aae05f"},"Expand examples"),t("smoothly-button",{key:"0989c8a1e15d2851c57010ece821cc7b2d97850b",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),t("smoothly-button",{key:"5c22156884e0fb5628a22b588a84e3430cc41ed3",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),t("h4",{key:"bfcfa0cd9881e0bc3b3221e483cb4e9db4c77240"},"Fill examples"),t("div",{key:"1c9eb3d7c820a5013b9a5a502bc44f9d7a9fb50a"},t("smoothly-button",{key:"179d063cfb879e73c840cf3eb86db31d27278808",shape:"rounded",color:"primary",fill:"solid"},t("smoothly-icon",{key:"30a4faac95e11c3201d3368938dea40d8b5a8964",name:"checkmark-circle",slot:"start"}),"Fill Solid"),t("smoothly-button",{key:"09ef8d5d3864388e859f4c675f968182abdbfa63",shape:"rounded",color:"secondary",fill:"outline"},t("smoothly-icon",{key:"5e7a796858e512679598eea4b1c29a958f35d80d",name:"checkmark-circle",slot:"start",fill:"clear"}),"Fill Outline"),t("smoothly-button",{key:"fabf9dddd3e395ee06afc3041d8707c8501dfa12",shape:"rounded",color:"tertiary",fill:"clear"},t("smoothly-icon",{key:"8872c67719cbc0814b1bfc0f8cb535b7a323c36e",name:"checkmark-circle",slot:"start",fill:"clear"}),"Fill Clear"),t("smoothly-button",{key:"1614958bdb6437521097a98f3cdd62510215dc50",size:"icon",shape:"rounded",color:"success",fill:"solid"},t("smoothly-icon",{key:"8baecc98180ebcbefd7286de6a11d832a00e7e7b",name:"basketball",fill:"solid"}))),t("h4",{key:"59bd7e7f55f0ca56aef561be9be96764be19285a"},'Buttons with Icon in "start"'),t("div",{key:"a3dce51243051938520abf094f502f4f36bd3db6"},t("smoothly-button",{key:"c2386fd78c9d90a7b6116344a6681ac75e3eba25",shape:"rounded",fill:"solid",color:"warning"},t("smoothly-icon",{key:"b6b97d8bf7562b704ecebb67b025fee474b77fcb",name:"checkmark-circle",slot:"start"}),"Check"),t("smoothly-button",{key:"fb6d7a02cb43d467c43982ccb14b2fbc9a70d750",shape:"rounded",fill:"solid",color:"secondary"},t("smoothly-icon",{key:"70ee2160d04052eaae08063e27bbb23b54e7d4b1",name:"basketball",slot:"start"}),"Check"),t("smoothly-button",{key:"f5c08e135738a5fc9d1b07ca34f65d3b29dac2d7",shape:"rounded",fill:"solid",color:"success"},t("smoothly-icon",{key:"4caa55fa59e9293a6d46cc61b63717ee458da9f7",name:"call",slot:"start"}),"Check"),t("smoothly-button",{key:"3657ab23e7927543bd4d0c4cca1b012be9e7df01",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"4651d600972c28c45d4bf2bcc18c350100607752",name:"call"})),t("smoothly-button",{key:"3891b5e2e442282f51090a56f4c7b53e1d6c2606",size:"flexible",fill:"solid",color:"success"},t("smoothly-icon",{key:"bc973915c9cc7bf7c99e6cfbd3abfb6f7c0cab82",name:"airplane"}))),t("h4",{key:"6cae69b952ecfa535cfd1798c1c9e62a888accf7"},'Buttons with Icon in "end"'),t("smoothly-button",{key:"baa5cc3c124ed34e4d6b5f526499a5aadb885d00",fill:"solid",color:"light"},"Go Forward",t("smoothly-icon",{key:"d8428b59b737ed5d9ec3a3905daff7db7ab25e60",name:"arrow-forward",slot:"end"})),t("h4",{key:"89c2b5fe27cb7320945ea47d62d9c079374721b9"},"Test for icon button"),t("div",{key:"121ce00ac42e32d3fdeffe6f45c6cf531c29373b"},t("smoothly-button",{key:"a356e74c3e2a219426766897d0da23fcbd6cec2f",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"dc618925db00485c223f12653fb68cf1bba15bd1",name:"call"})),t("smoothly-button",{key:"c30992aef1c553ece5bcfcafdf76e5a3dcf83871",size:"icon",shape:"rounded",color:"warning",fill:"solid"},t("smoothly-icon",{key:"798efae13d28568b204e1b752a735ef92f4ceb94",name:"search-outline"})),t("smoothly-button",{key:"ba373a0067cf15bea1701bd542e63242f6c7d804",size:"icon",shape:"rounded",color:"secondary"},t("smoothly-icon",{key:"2e492815cc324a0307fdfa58fcd73c56dec2f86b",name:"checkmark-circle"}))),t("h4",{key:"205c3f12d17c3079bed9947262a302748830f57e"},"Link examples"),t("div",{key:"0806439afa114f4db4eaffc3470807ad58fdeff5"},t("smoothly-button",{key:"926e516588516deae2c570dbeb77b0b76d593711",type:"link"},"type link"),t("smoothly-button",{key:"a8b549251e9adf95335660194ff9e3e51db3493b",type:"button",fill:"clear"},t("a",{key:"e4ab02c7c21150fb131773e6264163621431d19b",href:"https://google.com"},"link")),t("smoothly-button",{key:"df14cd79752f9f48d96148e88908169713634ff4",link:"https://google.com",type:"link"},"link + type link")),t("h4",{key:"d182c1faf4abe291c72e9c351876afb713aa18c4"},"Disabled buttons"),t("div",{key:"08bb0125459ce56e82f2812b1be009579a355804"},t("smoothly-button",{key:"33f1cf590bc187d82f8040c311f69c76bc0098b5",disabled:true,fill:"solid",color:"secondary"},"Disabled"),t("smoothly-button",{key:"ebd2a8d69b5f2897b764292378eaee3ec74fcbcd",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),t("smoothly-back-to-top",{key:"94cb4bcd003a5ae6b3401309de402adafe57a9c6"})]}};Ve.style=Ke;function Xe(e){const t=new Date(e);t.setDate(1);let o=-((t.getDay()+6)%7)+1;const s=[];for(let t=0;t<6;t++){const a=[];for(let t=0;t<7;t++){const t=new Date(e);t.setUTCDate(o++);a.push(v.create(t))}if(t<5||v.firstOfMonth(a[0])==v.firstOfMonth(e))s.push(a)}return s}function Je(){const e=new globalThis.Date;e.setDate(e.getDate()-e.getDay()+1);const t=[];for(let o=0;o<7;o++){t.push(e.toLocaleString(undefined,{weekday:"short"}));e.setDate(e.getDate()+1)}return t}function Ze(e){const t=new globalThis.Date(e);const o=[];for(let s=0;s<12;s++){t.setMonth(s,28);const a=v.create(t);o.push({date:a,name:t.toLocaleString(undefined,{month:"long"}),selected:a.substr(0,7)==e.substr(0,7)})}return o}function Qe(e){const t=new globalThis.Date(e);const o=(new Date).getFullYear()-10;const s=(new Date).getFullYear()+10;const a=[];for(let i=o;i<=s;i++){t.setFullYear(i);const o=v.create(t);a.push({date:o,name:t.toLocaleString(undefined,{year:"numeric"}),selected:o==e})}return a}const et=".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;margin-bottom:1rem}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{width:calc(100% - 1em);padding:0.5em 0.5em 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;background-color:rgb(var(--smoothly-default-shade));cursor:pointer;user-select:none}.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-danger-tint))}.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-danger-tint), 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.sc-smoothly-calendar:not(.selected,.dateRange).sc-smoothly-calendar:not(:hover).today{background:rgb(var(--smoothly-dark-tint));color:rgb(var(--smoothly-dark-contrast))}.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;background-color:rgb(var(--smoothly-default-tint), 0.5);color:rgb(var(--smoothly-default-contrast), 0.5)}";const tt=et;const ot=class{constructor(t){e(this,t);this.smoothlyValueChange=o(this,"smoothlyValueChange",7);this.smoothlyStartChange=o(this,"smoothlyStartChange",7);this.smoothlyEndChange=o(this,"smoothlyEndChange",7);this.smoothlyDateSet=o(this,"smoothlyDateSet",7);this.smoothlyDateRangeSet=o(this,"smoothlyDateRangeSet",7);this.clickCounter=0;this.month=undefined;this.value=v.now();this.start=undefined;this.end=undefined;this.max=undefined;this.min=undefined;this.doubleInput=undefined;this.firstSelected=undefined}onStart(e){this.smoothlyStartChange.emit(e)}onEnd(e){this.smoothlyEndChange.emit(e)}onClick(e){this.smoothlyValueChange.emit(this.value=e);this.clickCounter+=1;if(this.doubleInput){if(this.clickCounter%2==1)this.start=this.end=this.frozenDate=e;else{if(this.start&&e>this.start)this.end=e;else this.start=e}}!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(e){if(this.doubleInput&&this.clickCounter%2==1){if(e<this.frozenDate){this.start=e;this.end=this.frozenDate}else{this.start=this.frozenDate;this.end=e}}}render(){var e,o;return[t("smoothly-input-month",{key:"4c5d8d71a2890c4d7df5b61ed5323a49a9bf1e3f",name:"month",value:(e=this.month)!==null&&e!==void 0?e:this.value,next:true,previous:true,onSmoothlyInput:e=>{e.stopPropagation();"month"in e.detail&&typeof e.detail.month=="string"&&(this.month=e.detail.month)}},t("div",{key:"0a17e43854e0d5d5c396d0858f194bd44694b58c",slot:"year-label"},t("slot",{key:"a1a15e29402e9b33a44284786a053859775caa02",name:"year-label"})),t("div",{key:"b6fe1a5b5a53ce10ccecdc8a72aec6d9a43bc98a",slot:"month-label"},t("slot",{key:"eb9ac16d3c70c75548e1f463040901f4a1486d3e",name:"month-label"}))),t("table",{key:"2c38d40add29b56904c9bd4d17fa218e1777eac9"},t("thead",{key:"8114b0881e278332e8762adbf88a3f5c9d5b4864"},t("tr",{key:"30e7577ece539a4f357c721279d5e035bd3a8e05"},Je().map((e=>t("th",null,e))))),Xe((o=this.month)!==null&&o!==void 0?o:this.value).map((e=>t("tr",null,e.map((e=>{var o,s,a;return t("td",{tabindex:1,onMouseOver:()=>{!this.doubleInput&&(this.min||this.max)&&(e<this.min||e>this.max)?undefined:this.onHover(e)},onClick:(this.min||this.max)&&(e<this.min||e>this.max)?undefined:()=>this.onClick(e),class:(e==this.value?["selected"]:[]).concat(...e==v.now()?["today"]:[],v.firstOfMonth((o=this.month)!==null&&o!==void 0?o:this.value)==v.firstOfMonth(e)?["currentMonth"]:[],this.doubleInput?this.start==e||this.end==e?["selected"]:e>=((s=this.start)!==null&&s!==void 0?s:"")&&e<=((a=this.end)!==null&&a!==void 0?a:"")?["dateRange"]:[]:"").concat(...this.min||this.max?e<this.min||e>this.max?["disable"]:[]:"").join(" ")},e.substring(8,10))}))))))]}get element(){return a(this)}static get watchers(){return{start:["onStart"],end:["onEnd"]}}};ot.style=tt;const st=".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 at=st;const it=class{constructor(t){e(this,t);this.color=undefined;this.open=true;this.closable=false;this.header=undefined}TriggerListener(e){if(n.is(e.detail)&&e.detail.name=="close")this.open=false}hostData(){return{style:{display:this.open?"block":"none"}}}__stencil_render(){return t("section",{key:"fc5da26e5e9a4cc00e1772f3e5dc729fd19bd1a7"},t("div",{key:"da5c469f9d746dc73f17baf03e11161ab747607f",class:"header"},this.closable&&t("smoothly-trigger",{key:"379a7ff051225b39d492f25bf3611bd614c28661",fill:"clear",name:"close"},t("smoothly-icon",{key:"11f59ff501ae1cc8d35fa5b31ddfc39880e8a686",name:"close-circle",fill:"solid",color:this.color})),this.header?t("h1",null,this.header):t("slot",{name:"header"})),t("div",{key:"a508d66dd04b9693f0d1943ef5eb30c1e6648a49",class:"content"},t("slot",{key:"78092608b9c1bb4bef3d48b4b85005315fe76e0b"})))}render(){return t(s,this.hostData(),this.__stencil_render())}};it.style=at;const lt=class{constructor(t){e(this,t)}render(){return t("smoothly-dialog",{key:"a197e3910e9505a57a18ddb369d45624649825b3",color:"default",closable:true},t("smoothly-frame",{key:"639d4b84c9a8799a22bbcf8f7cb65d3c5ac9353c",url:"https://www.wikipedia.org/",name:"parent",style:{height:"80vh"}}))}};function nt(e,t,o){let s=0;while(o.exec(e)!=null){s=o.lastIndex;if(o.lastIndex>t)break}o.lastIndex<=t&&(s=e.length);return s}function ct(e,t,o){let s=0;let a;while((a=o.exec(e))!=null){if(o.lastIndex-a[0].length<t)s=o.lastIndex-a[0].length;else break}return s}function rt(e,t,o){const s=/([\wåäöüéáúíóßðœøæñµçþ_]+|[@-]+)/gi;return o=="backward"?ct(e,t,s):nt(e,t,s)}var dt;(function(e){function t(e){return e.direction=="backward"?e.start:e.end}e.getCursor=t;function o(e){return e.direction!="backward"?e.start:e.end}e.getStalker=o})(dt||(dt={}));var ht;(function(e){function t(e){return{value:e.value,selection:{start:e.selection.start,end:e.selection.end,direction:e.selection.direction}}}e.copy=t})(ht||(ht={}));class bt{constructor(e){this.value=e.value;this.selection={start:e.selection?.start,end:e.selection?.end,direction:e.selection?.direction}}get(e,t=1){return this.value.substr(e,t)}is(e,...t){const o=this.get(e);return t.some((e=>o==e))}isDigit(e){const t=this.get(e);return t>="0"&&t<="9"}match(e){return this.value.match(e)}replace(e,t,o){let s;if(typeof e=="string"&&typeof t=="string"){let o;s=this;while((o=s.value.indexOf(e))>-1)s=s.replace(o,o+e.length,t)}else if(typeof e=="number"&&typeof t=="number"){const a={value:this.value,selection:{start:this.selection.start,end:this.selection.end,direction:this.selection.direction}};if(!o)o="";a.value=this.value.slice(0,e)+o+this.value.slice(t,this.value.length);if(this.selection.start>=t)a.selection.start=this.selection.start+o.length-t+e;else if(this.selection.start>e&&this.selection.start<t)a.selection.start=Math.min(this.selection.start,e+o.length);if(this.selection.end>=t)a.selection.end=this.selection.end+o.length-t+e;else if(this.selection.end>e&&this.selection.end<t)a.selection.end=Math.min(this.selection.end,e+o.length);s=new bt(a)}return s||this}insert(e,t){return this.replace(e,e,t)}append(e){return this.insert(this.value.length,e)}prepend(e){return this.insert(0,e)}suffix(e){return new bt({value:this.value+e,selection:this.selection})}delete(e,t){let o;if(!this.value)o=this;else if(typeof e=="string"){let t;o=this;while(e&&(t=o.value.indexOf(e))>-1)o=o.delete(t,t+e.length)}else o=this.replace(e,t||e+1,"");return o}truncate(e){return this.value.length>=e?this.delete(e,this.value.length):this}pad(e,t,o){let s=this;while(e>s.value.length+t.length)s=s.insert(o,t);if(e>s.value.length)s=s.insert(o,t.substring(0,e-s.value.length));return s}padEnd(e,t){return this.pad(e,t,this.value.length)}padStart(e,t){return this.pad(e,t,0)}toLower(){return this.map((e=>e.toLowerCase()))}toUpper(){return this.map((e=>e.toUpperCase()))}map(e){let t=this;let o=0;for(let s=0;s<this.value.length;s++){const a=e(this.get(s),s);t=t.replace(o,o+1,a);o+=a.length}return t}static copy(e){return new bt({...e})}static create(){return new bt({value:"",selection:{start:0,end:0}})}static modify(e){return new bt(typeof e=="string"?{value:e,selection:{start:e.length,end:e.length}}:e)}}var ft;(function(e){function t(e,t,o){let r=ht.copy(e.unformat(bt.copy(t)));if(t.autocomplete=="cc-exp"&&/^\d\d \/$/g.test(t.value))o?.key&&(o.key="Backspace");if(o){if(o.ctrlKey||o.metaKey){if(o.key=="a")l(r,0,r.value.length,"forward");else if(["ArrowLeft","ArrowRight"].includes(o.key)&&t?.type!="password")r=s(e,t,o);else if(["Delete","Backspace"].includes(o.key)&&t?.type!="password")r=a(e,t,o)}else if(["ArrowLeft","ArrowRight","Home","End"].includes(o.key))i(r,o);else if(["Delete","Backspace"].includes(o.key)){r.selection.start==r.selection.end&&l(r,r.selection.start+(o.key=="Backspace"?-1:0),r.selection.end+(o.key=="Delete"?1:0));n(r)}else if(o.key!="Unidentified"){n(r);e.allowed(o.key,r)&&c(r,o.key)}}return e.format(bt.copy(r))}e.apply=t;function o(e,t,o){const s=ht.copy(e.unformat(bt.copy(t)));c(s,o);return e.format(bt.copy(s))}e.paste=o;function s(e,t,o){let s=dt.getCursor(t.selection);let a=dt.getStalker(t.selection);s=rt(t.value,s,o.key=="ArrowLeft"?"backward":"forward");a=o.shiftKey?a:s;return ht.copy(e.unformat(bt.copy({...t,selection:{start:Math.min(a,s),end:Math.max(a,s),direction:a<s?"forward":a>s?"backward":"none"}})))}function a(e,t,o){const s=dt.getCursor(t.selection);const a=rt(t.value,s,o.key=="Backspace"?"backward":"forward");const i=ht.copy(e.unformat(bt.copy({...t,selection:{start:Math.min(s,a),end:Math.max(s,a),direction:"none"}})));i.value=i.value.substring(0,i.selection.start)+i.value.substring(i.selection.end);i.selection.end=i.selection.start;return i}function i(e,t){let o=dt.getCursor(e.selection);let s=dt.getStalker(e.selection);o=t.key=="Home"?0:t.key=="End"?e.value.length:e.selection.start==e.selection.end||t.shiftKey?Math.min(Math.max(o+(t.key=="ArrowLeft"?-1:1),0),e.value.length):t.key=="ArrowLeft"?e.selection.start:e.selection.end;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)}function l(e,t,o,s){e.selection.start=t;e.selection.end=o;s&&(e.selection.direction=s)}function n(e){c(e,"")}function c(e,t){e.value=e.value.substring(0,e.selection.start)+t+e.value.substring(e.selection.end);e.selection.start=e.selection.start+t.length;e.selection.end=e.selection.start}})(ft||(ft={}));const mt={};function yt(e,t){mt[e]=t}function ut(e,...t){const o=mt[e];return o&&o(t)}function pt(e,t,...o){const s=ut(t,...o);return s?s.format(bt.modify(s.toString(typeof e=="string"?gt(e,t,o):e))).value:""}function gt(e,t,...o){const s=ut(t,o);return s?s.fromString(s.unformat(bt.modify(e)).value):undefined}class kt{toString(e){return typeof e=="string"?e:""}fromString(e){return typeof e=="string"&&!!e?e:undefined}format(e){return{...e,type:"tel",autocomplete:"cc-csc",length:[3,3],pattern:/^\d{3}$/}}unformat(e){return e}allowed(e,t){return t.value.length<3&&e>="0"&&e<="9"}}yt("card-csc",(()=>new kt));class vt{toString(e){return Array.isArray(e)&&e.length==2&&typeof e[0]=="number"&&typeof e[1]=="number"?e[0].toString().padStart(2,"0")+e[1].toString().padStart(2,"0"):""}fromString(e){return typeof e=="string"&&e.length==4?[Number.parseInt(e.slice(0,2)),Number.parseInt(e.slice(2))]:undefined}format(e){let t=e;if(e.value.length>0&&!e.is(0,"0","1"))t=t.prepend("0");if(t.value.length>1)t=t.insert(2," / ");return{...t,type:"tel",autocomplete:"cc-exp",length:[7,7],pattern:/^(0[1-9]|1[012]) \/ \d\d$/}}unformat(e){return e.delete(" / ")}allowed(e,t){return t.value.length<4&&e>="0"&&e<="9"}}yt("card-expires",(()=>new vt));class wt{toString(e){return typeof e=="string"?e:""}fromString(e){return typeof e=="string"&&!!e?e:undefined}format(e){const t=xt(e.value);const o=e.map(((e,o)=>(o!=0&&o%4==0&&o+1<t.length[0]?" ":"")+e));return{...o,type:"tel",autocomplete:"cc-number",length:t.length.slice(1),pattern:t.verification,classes:["issuer-"+t.icon]}}unformat(e){return e.delete(" ")}allowed(e,t){const o=xt(t.value);return e>="0"&&e<="9"&&t.value.length<o.length[0]}}yt("card-number",(()=>new wt));function xt(e){let t=St;for(const o in Ct)if(Object.prototype.hasOwnProperty.call(Ct,o)&&Ct[o].identification.test(e)){t={...St,name:o,...Ct[o]};break}return t}const St={name:"unknown",verification:/^\d{19}$/,identification:/^\d/,length:[16,16,19],icon:"generic"};const Ct={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}$/,identification:/^(5019)\d+/,length:[16,19,19],icon:"generic"},diners:{verification:/^3(?:0[0-5]|[68][0-9])[0-9]\s[0-9]{4}\s[0-9]{4}\s[0-9]{2}$/,identification:/^3(?:0[0-5]|[68][0-9])/,length:[14,17,17],icon:"diners"},discover:{verification:/^6(?:011|5[0-9]{2})\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,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)/,length:[16,19,19],icon:"generic"},interpayment:{verification:/^(636)[0-9]\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,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})/,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}$/,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}$/,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}$/,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})?$/,identification:/^4[0-9]/,length:[16,16,19],icon:"visa"}};var zt;(function(e){function t(e){let t;switch(e){case"sq-AL":case"es-AR":case"it-IT":case"en-GB":case"fr-FR":t="dd/mm/YYYY";break;case"en-US":t="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":t="dd.mm.YYYY";break;case"hi-IN":case"en-IN":t="dd-mm-YYYY";break;default:t="YYYY-mm-dd";break}return t}e.fromLocale=t;function o(e){let t;switch(e){case"dd/mm/YYYY":t="en-GB";break;case"mm/dd/YYYY":t="en-US";break;case"dd.mm.YYYY":t="de-DE";break;default:t="sv-SE";break}return t}e.toLocale=o;function s(e){return typeof e=="string"&&(e=="YYYY-mm-dd"||e=="dd/mm/YYYY"||e=="dd.mm.YYYY"||e=="mm/dd/YYYY")}e.is=s})(zt||(zt={}));class _t{constructor(e){this.separator=e}unformat(e){return e.delete(this.separator)}validMonth(e,t,o){return new Date(Number.parseInt(o??"2004"),Number.parseInt(t),0).getDate()>=Number.parseInt(e)}}const Lt={};function Tt(e,t){Lt[e]=t}yt("date",(e=>{const t=e&&e.length>0?e[0]:undefined;const o=zt.is(t)?t:zt.fromLocale(t);const s=Lt[o]??Lt["YYYY-mm-dd"];return s()}));class jt extends _t{constructor(e){super(e)}toString(e){return v.is(e)&&e.length==10?[e.substring(8,10),e.substring(5,7),e.substring(0,4)].join(this.separator):""}fromString(e){const t=e?.length==8?`${e.substring(4,8)}-${e.substring(2,4)}-${e.substring(0,2)}`:undefined;return v.is(t)?t:undefined}format(e){let t=e;if(t.get(0,1)>"3")t=t.insert(0,"0");if(t.value.length>1)t=t.insert(2,this.separator);if(t.get(3,1)>"1")t=t.insert(3,"0");if(t.value.length>4)t=t.insert(5,this.separator);return{...t,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(e,t){return t.selection.start==1&&t.value[0]=="3"?e>="0"&&e<="1":t.selection.start==1&&t.value[0]=="0"?e>="1"&&e<="9":t.selection.start==2?e>="0"&&e<="9"&&(e=="0"||e=="1"||this.validMonth(t.value.substring(0,2),e)):t.selection.start==3?e>="0"&&e<="9"&&this.validMonth(t.value.substring(0,2),t.value[2]+e):t.selection.start==7?e>="0"&&e<="9"&&this.validMonth(t.value.substring(0,2),t.value.substring(2,4),t.value.substring(4,7)+e):t.selection.start<8&&e>="0"&&e<="9"}}Tt("dd.mm.YYYY",(()=>new jt(".")));Tt("dd/mm/YYYY",(()=>new jt("/")));Tt("dd-mm-YYYY",(()=>new jt("-")));class At extends _t{constructor(e){super(e)}toString(e){return v.is(e)&&e.length==10?[e.substring(5,7),e.substring(8,10),e.substring(0,4)].join(this.separator):""}fromString(e){const t=e.length==8?`${e.substring(4,8)}-${e.substring(0,2)}-${e.substring(2,4)}`:undefined;return v.is(t)?t:undefined}format(e){let t=e;if(t.get(0,1)>"1")t=t.insert(0,"0");if(t.value.length>1)t=t.insert(2,this.separator);if(t.get(3,1)>(t.get(0,2)=="02"?"2":"3"))t=t.insert(3,"0");if(t.value.length>4)t=t.insert(5,this.separator);return{...t,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(e,t){const o=t.selection.start==1&&t.value[0]=="1"?e>="0"&&e<="2":t.selection.start==1&&t.value[0]=="0"?e>="1"&&e<="9":t.selection.start==3?e>="0"&&e<="9"&&this.validMonth(t.value[2]+e,t.value.substring(0,2)):t.selection.start==7?e>="0"&&e<="9"&&this.validMonth(t.value.substring(2,4),t.value.substring(0,2),t.value.substring(4,7)+e):t.selection.start<8&&e>="0"&&e<="9";return o}}Tt("mm/dd/YYYY",(()=>new At("/")));class Et extends _t{constructor(e){super(e)}toString(e){return typeof e!="string"?"":e}fromString(e){const t=e?.length==8?`${e.substring(0,4)}-${e.substring(4,6)}-${e.substring(6,8)}`:undefined;return v.is(t)?t:undefined}daysInMonth(e){const t=`${e.substring(0,4)}-${e.substring(4,6)}-01`;return v.is(t)?+v.lastOfMonth(`${e.substring(0,4)}-${e.substring(4,6)}-01`).substring(8,10):31}format(e){let t=e;if(t.value.length>3){t=t.insert(4,this.separator);if(t.get(5,1)>"1")t=t.insert(5,"0");if(t.value.length>6){t=t.insert(7,this.separator);if(t.get(8,1)>this.daysInMonth(e.value).toString().substring(0,1))t=t.insert(8,"0")}}return{...t,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(e,t){const o=this.daysInMonth(t.value);return t.selection.start==5&&t.value[4]=="0"?e>="1"&&e<="9":t.selection.start==5&&t.value[4]=="1"?e>="0"&&e<="2":t.selection.start==7&&t.value[6]=="0"?e>="1"&&e<="9":t.selection.start==7&&(t.value[6]=="2"&&o<30||t.value[6]=="3")?e>="0"&&e<=o.toString().substring(1):t.selection.start<8&&e>="0"&&e<="9"}}Tt("YYYY-mm-dd",(()=>new Et("-")));class It{toString(e){return typeof e=="string"?e:""}fromString(e){let t=e.replace(" ","T");const o="0000-01-01T00:00:00.000Z";if(t?.match(/-\d$/))t=t.substring(0,t.length-1)+"0"+t.substring(t.length-1,t.length);t=!t.match(/^\d{4}-(0[1-9]|1[012])/)?undefined:t+o.substring(t.length,o.length);return w.is(t)?t:undefined}format(e){let t=Dt(e);if(t.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])[\d:.-]$/))t=t.insert(10," ");if(t.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 3$/))t=t.replace(11,12,"23:");if(t.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) [45]$/))t=t.insert(11,"23:");if(t.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) [6-9]$/))t=t.insert(11,"23:5");if(t.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 24$/))t=t.replace(10,13,"00:");if(t.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 25$/))t=t.insert(12,"3:");if(t.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 2[6-9]$/))t=t.insert(12,"3:5").append(":");if(t.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]$/))t=t.insert(13,":");if(t.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3]):[6-9]$/))t=t.insert(14,"5");if(t.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$/))t=t.insert(16,":");if(t.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]$/))t=t.insert(17,"5");return{...t,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(e){return e}allowed(e,t){return t.value.length<19&&(e>="0"&&e<="9"||e=="-"||e==":"||e=="."||e==" ")}}yt("date-time",(()=>new It));function Dt(e,t){let o=e;switch(t){case"dd/mm/YYYY":case"dd.mm.YYYY":if(!Ot(o.value,t))o=o.replace(0,10,Ot("31"+o.value.substring(2,10),t)?"31"+o.value.substring(2,10):Ot("30"+o.value.substring(2,10),t)?"30"+o.value.substring(2,10):Ot("29"+o.value.substring(2,10),t)?"29"+o.value.substring(2,10):Ot("28"+o.value.substring(2,10),t)?"28"+o.value.substring(2,10):o.value);break;case"mm/dd/YYYY":if(!Ot(o.value,t))o=o.replace(0,10,Ot(o.value.substring(0,3)+"31"+o.value.substring(5,10),t)?o.value.substring(0,3)+"31"+o.value.substring(5,10):Ot(o.value.substring(0,3)+"30"+o.value.substring(5,10),t)?o.value.substring(0,3)+"30"+o.value.substring(5,10):Ot(o.value.substring(0,3)+"29"+o.value.substring(5,10),t)?o.value.substring(0,3)+"29"+o.value.substring(5,10):Ot(o.value.substring(0,3)+"28"+o.value.substring(5,10),t)?o.value.substring(0,3)+"28"+o.value.substring(5,10):o.value);break;default:if(e.value.length==10){if(!Ot(o.value)){o=o.replace(0,10,Ot(o.value.substring(0,8)+"31")?o.value.substring(0,8)+"31":Ot(o.value.substring(0,8)+"30")?o.value.substring(0,8)+"30":Ot(o.value.substring(0,8)+"29")?o.value.substring(0,8)+"29":Ot(o.value.substring(0,8)+"28")?o.value.substring(0,8)+"28":o.value);break}return e}}return o}function Ot(e,t){let o;let s;let a;switch(t){case"dd/mm/YYYY":case"dd.mm.YYYY":o=parseInt(e.substring(6,10));s=parseInt(e.substring(3,5));a=parseInt(e.substring(0,2));return o&&s&&a?a>0&&Mt(o,s)>=a:false;case"mm/dd/YYYY":o=parseInt(e.substring(6,10));s=parseInt(e.substring(0,2));a=parseInt(e.substring(3,5));return o&&s&&a?a>0&&Mt(o,s)>=a:false;default:o=parseInt(e.substring(0,4));s=parseInt(e.substring(5,7));a=parseInt(e.substring(8,10));return o&&s&&a?a>0&&Mt(o,s)>=a:false}}function Mt(e,t){let o;switch(t){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 Rt{toString(e){return Array.isArray(e)&&e.length==2&&typeof e[0]=="number"&&typeof e[1]=="number"?e[0].toString()+" / "+e[1].toString():typeof e=="number"?e.toString():""}fromString(e){return typeof e=="string"&&e.match(/^\d{1,2}\s+\/\s+\d{1,2}$/)?[Number.parseInt(e.slice(0,2)),Number.parseInt(e.slice(e.length-2))]:typeof e=="string"&&e.match(/\d{1,2}/)?Number.parseInt(e):undefined}format(e){let t=e;if(e.match(/^\d\/$/))t=e.replace(1,2," / ");else if(e.match(/^\d{1,2}\s$/))t=e.replace(e.value.length-1,e.value.length," / ");else if(e.match(/^[\D.]+\/[\D.]+$/))t=e.delete(0,e.value.length);else if(e.match(/^[\D.]+\/[\D.]+\d$/))t=e.delete(0,e.value.length-1);else if(e.match(/^[\D.]+\/[\D.]+\d\d$/))t=e.delete(0,e.value.length-2);else if(e.match(/^[\D.]+\//))t=e.delete(0,e.value.search("/")+1);else if(e.match(/^\d\d\/$/))t=e.replace(2,3," / ");else if(e.match(/^\d\d\s+\/$/))t=e.delete(2,e.value.length);else if(e.match(/^\d\s+\/$/))t=e.delete(1,e.value.length);else if(e.match(/^\d\d\s\s+\/\s*$/))t=e.replace(2,e.value.length," / ");else if(e.match(/^\d\s\s+(\/\s*)?$/))t=e.replace(1,e.value.length," / ");else if(e.match(/^\d\s\/\s\d\d.+$/))t=e.delete(6,e.value.length);else if(e.value.length>1&&e.value.indexOf("/")<1)t=e.insert(2," / ");else if(e.value.length>1&&e.value.split("/").length>2)t=e.delete(e.value.lastIndexOf("/"));else if(e.value.length==1&&!e.isDigit(0))t=e.delete(0);return{...t,type:"text",length:[1,7],pattern:/^(\d{1,2}|\d{1,2} \/ \d{1,2})$/}}unformat(e){return e}allowed(e,t){return t.value.length<7&&(e>="0"&&e<="9"||e=="/"||e==" ")}}yt("divisor",(()=>new Rt));class $t{constructor(){this.separator=":";this.patterns={allowed:/^-?\d*(?::{0,1}[0-5]{0,1}[0-9]{0,1}|[.,]{0,1}[0-9]{0,2})$/,extract:/^(-?)(\d*)([:,.]{0,1})([0-9]{0,2})$/,zeros:/^(-?)(0+)(?:[1-9]|0[,.:]?)/}}toString(e){let t;if(!x.is(e))t="";else{const o=x.normalize(e);if(!o.minutes&&!o.hours)t="";else if(this.separator!=":")t=(+x.toHours(o).toFixed(2)||"").toString(10);else if(o.hours&&!o.minutes)t=o.hours.toString(10);else if(!o.hours&&o.minutes)t=`${o.minutes<0?"-":""}0:${Math.abs(o.minutes).toString(10)}`;else t=`${o.hours?.toString(10)}:${Math.abs(o.minutes??0).toString(10)}`}return t}fromString(e){let t;const o=e.match(this.patterns.extract);if(!o)t=undefined;else{const[e,s,a,i,l]=o;this.separator=i;if(i==":"){const e={hours:parseInt(a),minutes:parseInt(l)};const o=s?-1:1;t=x.normalize({hours:!Number.isFinite(e.hours)?0:e.hours*o,minutes:!Number.isFinite(e.minutes)?0:e.minutes*o})}else{const o=parseFloat(e.replace(",","."));t=x.normalize({hours:!Number.isFinite(o)?0:o})}}return t}format(e){let t=e;const[,o,s,a]=e.match(this.patterns.extract)??[];if(!s&&a)t=t.insert(o?1:0,"0");const i=t.match(this.patterns.zeros);if(i){const[,e,o]=i;if(o){const s=e?1:0;t=t.delete(s,o.length+s)}}return{...t,type:"tel",pattern:this.patterns.allowed}}unformat(e){const[,,,t]=e.match(this.patterns.extract)??[];if(t)this.separator=t;return e}allowed(e,t){const o=t.value.slice(0,t.selection.start)+e+t.value.slice(t.selection.end);return!!o.match(this.patterns.allowed)}}yt("duration",(()=>new $t));class Ht{constructor(e,t){this.settings=e;this.mode=t}toString(e){return typeof e=="string"?e:""}fromString(e){return typeof e=="string"&&!!e?e:undefined}split(e){let t;let o="";return e.map(((e,s)=>{const a=s!==0&&e===e.toUpperCase()&&isNaN(+e)&&o!==" "&&this.isSymbolAllowed(e)&&t?" "+e:(e==="_"||e==="-")&&o!==" "?" ":e===" "&&o===" "||!this.isSymbolAllowed(e)||!t&&!this.isSymbolLetter(e)&&this.mode!=="code"?"":e;!t&&(t=this.isSymbolLetter(e));this.isSymbolAllowed(e)&&(o=e);return a})).toLower().delete("-").delete("_")}isSymbolLetter(e){return e>="a"&&e<="z"||e>="A"&&e<="Z"}isSymbolAllowed(e){return this.isSymbolLetter(e)||e>="0"&&e<="9"||e===" "}format(e){const t=this.split(e);let o;switch(this.mode){case"code":o=t.delete(" ");break;case"pascal":case"camel":let s;o=t.map(((e,t)=>{const o=t===0&&this.mode==="pascal"||s?e.toUpperCase():e.toLowerCase();s=e==" ";return o})).delete(" ");break;case"snake":case"attribute":o=t.replace(" ",this.mode==="snake"?"_":"-");break;default:o=e}return{...o,...this.settings,type:"text",autocomplete:"on"}}unformat(e){return e}allowed(e,t){return this.isSymbolLetter(e)||e>="0"&&e<="9"&&(this.mode=="code"||t.value.length>0)||e=="_"&&this.mode=="snake"&&t.value.length>0||e=="-"&&this.mode=="attribute"&&t.value.length>0}}yt("identifier-code",(e=>new Ht(e||{},"code")));yt("identifier-pascal",(e=>new Ht(e||{},"pascal")));yt("identifier-snake",(e=>new Ht(e||{},"snake")));yt("identifier-camel",(e=>new Ht(e||{},"camel")));yt("identifier-attribute",(e=>new Ht(e||{},"attribute")));class Pt{constructor(e){this.country=e}toString(e){return typeof e=="string"?e:""}fromString(e){return typeof e=="string"&&!!e?e:undefined}format(e){let t=e;const o=(new Date).getFullYear().toString();if(e.value.length>1&&e.get(0,2)!="19"&&e.get(0,2)!="20")t=t.prepend(e.get(0,2)>o.substr(2,2)?"19":"20");if(t.value.length>=8)t=t.insert(8,"-");return{...t.truncate(13),type:"text",length:[11,13],pattern:/^\d{6,8}-\d{4}$/}}unformat(e){return e.delete("-")}allowed(e,t){return t.value.length<13&&e>="0"&&e<="9"}}yt("identity-number",(e=>new Pt(e&&e.length>0?e[0]:undefined)));class Nt{toString(e){return typeof e=="number"?e.toString():""}fromString(e){const t=typeof e=="string"?Number.parseInt(e):undefined;return typeof t=="number"&&!Number.isNaN(t)?t:undefined}format(e){return{...e,type:"number",length:[3,undefined],pattern:/^[0-9]+$/}}unformat(e){return e}allowed(e,t){return e>="0"&&e<="9"}}yt("integer",(()=>new Nt));class Ft{toString(e){return typeof e=="string"?e:""}fromString(e){return typeof e=="string"&&!!e?e:undefined}format(e){return{...e,type:"password",autocomplete:"current-password"}}unformat(e){return e}allowed(e,t){return true}}yt("password",(()=>new Ft));class Ut{toString(e){return typeof e=="number"?(e*100).toString():""}fromString(e){const t=typeof e=="string"?Number.parseFloat(e):undefined;return typeof t=="number"&&!Number.isNaN(t)?t/100:undefined}format(e){return{...e.value?e.suffix(" %"):e,type:"text",length:[3,undefined],pattern:/^\d+(.\d)? %+$/}}unformat(e){return e.delete(" %")}allowed(e,t){return e>="0"&&e<="9"||e=="."&&!t.value.includes(".")}}yt("percent",(()=>new Ut));const Wt=[{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 Yt{toString(e){return typeof e=="string"?e:""}fromString(e){return typeof e=="string"&&!!e?e:undefined}format(e){let t=e;if(t.value.startsWith("+")){for(const e of Wt)if(t.value.startsWith(e.countryCode))for(let o of e.areaCodes){o=o.substring(1);if(t.value.startsWith(e.countryCode+o)&&!t.value.includes("-"))t=t.insert(e.countryCode.length,"-").insert(e.countryCode.length+1+o.length,"-")}}else{const e=Wt[0];for(const o of e.areaCodes)if(t.value.startsWith(o)&&!t.value.includes("-")){t=t.insert(o.length,"-");t=t.delete(0);t=t.insert(0,"-").insert(0,e.countryCode)}}if(t.value.includes("-")){const e=t.value.indexOf("-",t.value.indexOf("-")+1)+1;const o=t.value.substring(e,t.value.length+1).length;switch(o){case 4:t=t.insert(e+2," ");break;case 5:t=t.insert(e+3," ");break;case 6:t=t.insert(e+2," ");t=t.insert(e+5," ");break;case 7:t=t.insert(e+3," ");t=t.insert(e+6," ");break;case 8:case 9:t=t.insert(e+3," ");t=t.insert(e+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;t=t.insert(s+e," ")}}}}return{...t,type:"text",autocomplete:"tel"}}unformat(e){return e.delete(" ").delete("-")}allowed(e,t){return e>="0"&&e<="9"||t.selection.start==0&&e=="+"&&!t.value.includes("+")}}yt("phone",(()=>new Yt));class Bt{constructor(e){this.country=e}toString(e){return typeof e=="string"?e:""}fromString(e){return typeof e=="string"&&!!e?e:undefined}format(e){const t=!e.value.includes(" ")&&e.value.length>=4?e.insert(3," "):e;return{...t.truncate(6),type:"text",autocomplete:"postal-code",length:[6,6],pattern:/^\d{3} \d{2}$/}}unformat(e){return e.delete(" ")}allowed(e,t){return t.value.length<=5&&e>="0"&&e<="9"}}yt("postal-code",(e=>new Bt(e&&e.length>0?e[0]:undefined)));class qt{constructor(e){this.currency=e}toString(e){return typeof e=="number"?isNaN(e)?"":e.toString():""}fromString(e){const t=typeof e=="string"?Number.parseFloat(e):undefined;return t!=undefined&&!isNaN(t)?t:undefined}format(e){let t=e.value=="NaN"?e.replace(0,e.value.length,""):bt.copy(e);const o=this.currency&&S.decimalDigits(this.currency);if(!t.value.includes(".")&&o&&Math.abs(Number.parseFloat(t.value))>0)t=t.suffix(".0");let s=t.value&&t.value.includes(".")?t.value.indexOf("."):undefined;if(s==0){t=t.prepend("0");s++}if(s!=undefined){const e=s+1+(o??2)-t.value.length;t=e<0?t.truncate(t.value.length+e):t.suffix("0".repeat(e))}else s=t.value.length;const a=s<=0?0:Math.ceil(s/3)-1;for(let e=0;e<a;e++){const o=s-(a-e)*3;t=t.insert(o," ");s++}if(t.match(/^[0\s]{2,}$/))t=t.replace(0,t.value.length,"0");else if(t.match(/^[0\s]{2,}(\s\w{3}){1}$/))t=t.replace(0,t.value.length-4,"0");t=this.currency&&(t.value.length>1||t.value.length==1&&t.value.charAt(0)!=".")?t.suffix(" "+this.currency):t;return{...t,type:"text",length:[3,undefined],pattern:new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d+)?"+(this.currency?" "+this.currency:"")+"$")}}unformat(e){return this.currency?e.delete(" ").delete(""+this.currency):e.delete(" ")}allowed(e,t){return e>="0"&&e<="9"||e=="."&&!t.value.includes(".")}}yt("price",(e=>new qt(e&&e.length>0?e[0]:undefined)));class Gt{constructor(e){this.settings=e}toString(e){return typeof e=="string"?e:""}fromString(e){return typeof e=="string"&&!!e?e:undefined}format(e){return{...e,type:"text",...this.settings}}unformat(e){return e}allowed(e,t){return this.settings.length==undefined||this.settings.length[1]==undefined||t.value.length<this.settings.length[1]}}yt("text",(e=>new Gt(e||{})));yt("email",(e=>new Gt(e||{})));const Kt=".sc-smoothly-display-h{display:block}[hidden].sc-smoothly-display-h{display:none}";const Vt=Kt;const Xt=class{constructor(t){e(this,t);this.type=undefined;this.value=undefined;this.currency=undefined;this.country=undefined;this.format=undefined}render(){var e,o;let s;const a=this.type;switch(a){default:s=pt(this.value,a);break;case"email":s=t("a",{key:"bb8c5f9653f2ac7fd3a0a5e76d910a01abd5f07e",href:"mailto:"+this.value},pt(this.value,a));break;case"phone":s=t("a",{key:"ab529f5ffbf67567c920c929ee1a7e1384cba2ad",href:"tel:"+this.value},pt(this.value,a,this.country));break;case"postal-code":s=pt(this.value,a,this.country);break;case"price":s=pt(this.value,a,this.currency);break;case"date":s=(e=ut(this.type,Jt()))===null||e===void 0?void 0:e.toString(this.value);break;case"duration":s=pt(this.value,a);break;case"date-time":s=this.format?w.localize(this.value,this.format,Jt()):(o=ut(this.type,Jt()))===null||o===void 0?void 0:o.toString(this.value);break}return s}};function Jt(){const e=navigator.language;return C.is(e)?e:z.is(e)?C.toLocale(e):undefined}Xt.style=Vt;const Zt=".sc-smoothly-display-amount-h{display:block}[hidden].sc-smoothly-display-amount-h{display:none}";const Qt=Zt;const eo=class{constructor(t){e(this,t);this.amount=undefined;this.currency=undefined;this.toInteger=false}format(e){const t=3;const o=2;const s=S.decimalDigits(this.currency)?S.decimalDigits(this.currency):o;let a=e.length;let i;let l=e;if(l=="")l="0";if(e.includes(".")){i=e.indexOf(".");if(i==0){l="0"+l;i++}a=i;l=l.padEnd(i+s+1,"0");l=l.substring(0,i+s+1)}else if(!this.toInteger){l=l+".";i=l.length-1;l=l.padEnd(i+s+1,"0")}const n=Math.ceil(a/t)-1;if(n>0){for(let e=0;e<n;e++){const o=a-(n-e)*t;l=l.slice(0,o)+" "+l.slice(o,l.length);a++}}return l}render(){return[typeof this.amount=="number"?this.format(this.amount.toString()):this.format(this.amount)," ",this.currency]}};eo.style=Qt;const to=class{constructor(t){e(this,t);this.notice=o(this,"notice",7);this.downloadingSpinner=undefined}noticeWarning(e){console.log("emit",e);this.notice.emit(e)}render(){return[t("main",{key:"03a6114b46fca5cc3ac236e79e9f5dba4f5cd599"},t("fieldset",{key:"da7c0edb8ebf537f5c594fc4b9f20ade7c99e753"},t("h2",{key:"ed76f3206802bddcee0ec413f8a0ee3080b58c49"},"Smoothly display"),t("dl",{key:"c247305cb2119c6256ec186162d34ca4477efb0f"},t("dt",{key:"c71c2c34efca1c7c7d4bbe6b0cf0b593fcd84670"},"Duration"),t("dd",{key:"8b582e0ed0dc0671eaa0e2e61b8dd54eedf39c3c"},t("div",{key:"d1cb5548be2d9bc89cb20a756b74dd933525364f"},t("smoothly-display",{key:"b67cd3cb4552755a6f217eb5254a930367df3c4b",type:"duration",value:{hours:13,minutes:100}}),t("smoothly-display",{key:"59eb21712b70ec7209697cd20d8090a9fa131450",type:"duration",value:{hours:8}}),t("smoothly-display",{key:"186b422e51c02723ba9986d6f430f85621eab30a",type:"duration",value:{minutes:3}}),t("smoothly-display",{key:"e2c6e23686fac6f2fddfe68c75f30b4461cda843",type:"duration",value:{hours:-13,minutes:100}}),t("smoothly-display",{key:"71b7ad3b252b9a6da1bc1b42db9b62c0ec10fdf2",type:"duration",value:{hours:-8}}),t("smoothly-display",{key:"d78214569e507f2f34b8965e137807bb2d270c77",type:"duration",value:{minutes:-3}}))),t("dt",{key:"5304558c192ea25043baed672e970b2fc08b8940"},"text"),t("dd",{key:"60bacf71d8eb9f6941c841c447ca66a364b069a0"},t("smoothly-display",{key:"4237723b4372efaa981ff90df145e1edff241d99",type:"text",value:"text"})),t("dt",{key:"3d1dcd10dcf19d2b4d92c59c79848151720ca36e"},"postal code"),t("dd",{key:"793df2703e0514a7fdc401606f0d467ea859c22d"},t("smoothly-display",{key:"1f48f0b49669b6c3876997b6c77b712da2a7d717",type:"postal-code",value:"752 31"})),t("dt",{key:"507e3fac0c01c37bc27de65245b224c791104568"},"password"),t("dd",{key:"a19296760ee38dd6c4d6c8fa17644249f8128fa9"},t("smoothly-display",{key:"5841ece177afd17e8c9c0ee132f15533a9c0df46",type:"password",value:"password"})),t("dt",{key:"1cd08a0c1a512b7de5ed9207d6cef3fb026b21d9"},"email"),t("dd",{key:"be01122a1dbab4b824aef873d290219151c98923"},t("smoothly-display",{key:"dd398fc2f180db3275169d1c64ac28f43eee9ce4",type:"email",value:"test@example.com"})),t("dt",{key:"faf6aacb67dc5c90d4459571c421f4ce2b7ee95c"},"price"),t("dd",{key:"680e48dcac145eae0e6a0640897b09f5d422d088"},t("smoothly-display",{key:"b85c77935b736a28688a081f0abefe8bc314f4ef",type:"price",value:"13.37",currency:"SEK"})),t("dt",{key:"b16246d1acb26a06c052eb19736be861809ff3a1"},"display amount without decimals"),t("dd",{key:"62b026a7706e0c14ee6679bfce5c313827457e1f"},t("smoothly-display-amount",{key:"ecf9fe3a7e3e912525fe9503da8be0ff50d34848",amount:200,currency:"SEK",toInteger:true})),t("dt",{key:"75be4a803f69af0718539cd5b09d383bb996df57"},"display amount with decimals if they are set, otherwise no decimal"),t("dd",{key:"4a3d4e7da1294653aa0ba1372dda7f58a8c4ce21"},t("smoothly-display-amount",{key:"f28ab47020305212c42f2048b27ad3d06f9b65b3",amount:200.2,currency:"SEK",toInteger:true})),t("dt",{key:"dfa3dbca3e3eea107b2f6cb9092c7fddbe42a753"},"display amount with decimals"),t("dd",{key:"eb1e4d59350f0dcc5e0cd024ce16624a7a008af1"},t("smoothly-display-amount",{key:"d558079fb66b2194fd831fe2dc95f49809a18227",amount:200.2,currency:"SEK"})),t("dt",{key:"75c4031304e8a35a89967f49d31b569ff8f38db4"},"percent"),t("dd",{key:"46dcbcf135cb5bb9034803e46698759a44889e6c"},t("smoothly-display",{key:"72baa9921e52bb7c6ef9cb273b118a4747c38671",type:"percent",value:"42"})),t("dt",{key:"e2f856efec2d1e3e9482b103e30355c73309a420"},"phone"),t("dd",{key:"5ccb1678e6b49f741e2346a14841fc8b1d5423cf"},t("smoothly-display",{key:"3a5bc55f3fd148ef8bb2f89c30ba1da9ad43b97c",type:"phone",value:"0101881108"})),t("dt",{key:"9a3441c489421e5ce7cc1eb6edda22985525460e"},"card number"),t("dd",{key:"47f939f13f54a0de6363883b44d61398992b481a"},t("smoothly-display",{key:"d00510ffc6587c6a4558af56964a368e229e7756",type:"card-number",value:"4111111111111111"})),t("dt",{key:"7a79318e26923234565b51ddcd2be965f503f426"},"card expires"),t("dd",{key:"7ea7b20961d43438f91938a77acc8003cc7c7dac"},t("smoothly-display",{key:"a63e3ee70134dd9ee5dc9a84852d52ee0b441755",type:"card-expires",value:"7/22"})),t("dt",{key:"6b0a3bf77bc03f90fda4dee7aacbb53fb4df7d46"},"card csc"),t("dd",{key:"7feae7b7558d99d015d8b5ba51503d839396d9dc"},t("smoothly-display",{key:"30dfb60940424976b7354d7b91323fbc5a0059e8",type:"card-csc",value:"987"})),t("dt",{key:"b613127af2ef1d59cfb3dcfd7bc3ecd968905c9f"},"date"),t("dd",{key:"76ad0db6845beae0617ed90140c4eb69ddd0ffa0"},t("smoothly-display",{key:"ea0f1813e23cb4b30edeaa45d86809e504e35fc1",type:"date",value:"2022-07-07"})),t("dt",{key:"e47cea44da73a342ef1545c12c7e82c6f81094c9"},"date time"),t("dd",{key:"179e78c05b28fd29517e531c7e2f4b79ac9fc27b"},t("smoothly-display",{key:"fbd4e03314df6497fe9b9fed60c468260f66231f",type:"date-time",format:{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T02:02:02Z"})),t("dd",{key:"0dbf415761f5d30e6be249260e7a72f03fc484be"},t("smoothly-display",{key:"a594486702051d921a17d991c1a2b1e2d450a849",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"})),t("dd",{key:"7aa42df281f14dd461ab3dfb6a5520e46f3019b2"},t("smoothly-display",{key:"fa2b35618cf5bdc8a10fa946f0500968e978e366",type:"date-time",format:{year:"numeric",month:"2-digit",day:"2-digit",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),t("dd",{key:"fa465b629d9b014e5e5499a84890abe12f79846b"},t("smoothly-display",{key:"bbf6f78924dea91f5515496d85df9a1dd9891295",type:"date-time",format:{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),t("dd",{key:"98df1b1030ed965df996b1bbb7729db85b2af6b6"},t("smoothly-display",{key:"21a2cfb29c404222f4b6b4f70c25983ee1f2d8ee",type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),t("dd",{key:"dc16db96d694705827e6ce9b452d8b34c92904d5"},t("smoothly-display",{key:"70e54e32af80ae2854e502d12e794088ec3f6ee9",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),t("dd",{key:"7e816ba6d849e8b394991c45df6de8d58c3ea129"},t("smoothly-display",{key:"1c11514c6c0b1451473403a36af7d9baa31a221b",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"})),t("dt",{key:"0acdf201d7f3698fcc76cf12e4557901635f244c"},"Deprecated display date time"),t("dt",{key:"6e4cf9b9e31dc85950172a496a07d8eac48e5b35"},"Display amount"),t("dd",{key:"5a7ba8aece62cd9c5968f250c2a35d10d414ce15"},t("smoothly-display-amount",{key:"9e6ee55038e5e32c924db3e8fab62acf60da3af7",currency:"SEK",amount:"1289.5"})),t("dt",{key:"f27b6b13821c577a86b65c76664526d3a3385c2a"},"Quiet"),t("dd",{key:"24e94a2489562be18feaf2cf3f8aa9441f5657b8"},t("smoothly-quiet",{key:"3d628a2f607e7bce6ad9258441bb9f8747df588b",color:"dark"},"-")))),t("fieldset",{key:"837a066759b91bd8c537c5c965eaf77238fcba2b"},t("h2",{key:"13fa933257f72cc5c6f8a5b310e49f6485182230"},"Smoothly skeleton"),t("smoothly-skeleton",{key:"3913ed7d9fe436c08bc4fece83c2a75070cab5ef",period:3,distance:"20rem",width:"20rem"}),t("smoothly-skeleton",{key:"f6b2870bd5c81929f6da8c6efd49a3eb40bda335",period:3,distance:"20rem",color:"200,200,255"}),t("smoothly-skeleton",{key:"e7cb87f0fb601ff5df0025c3631a8e5a251d89de",period:3,distance:"20rem",color:"var(--smoothly-warning-color)"}),t("smoothly-skeleton",{key:"8caf0e9d224ee7a97cdccadc0f930b049673d448",period:3,distance:"20rem"}),t("smoothly-skeleton",{key:"aad184f304e729966be6ef1197a84c75ad6eca8b",align:"center",period:3,distance:"20rem",width:"20rem"}),t("smoothly-skeleton",{key:"5d8b54020872c88a4ff144f3a9b74177eff81ece",align:"center",period:3,distance:"20rem"}),t("smoothly-skeleton",{key:"8e5de3aed143c6d0cb9fbdc4dacff1abbd186878",align:"center",period:3,distance:"20rem"}),t("smoothly-skeleton",{key:"3406c2e71e7bd344701741563370e10003f8f39a",align:"center",period:3,distance:"20rem"}),t("smoothly-skeleton",{key:"31ba5e442ad69081cbc93ccc84ca9a09e9495a69",align:"right",period:3,distance:"20rem",width:"20rem"}),t("smoothly-skeleton",{key:"8071c9f74e7e6a274810cc13d4d6e4db71b227a6",align:"right",period:3,distance:"20rem"}),t("smoothly-skeleton",{key:"8eca5513a26a8dc82ec1b2b02af5af1ca839cdff",align:"right",period:3,distance:"20rem"}),t("smoothly-skeleton",{key:"47964f87ea4093d8116830880d40387f5261426e",align:"right",period:3,distance:"20rem"})),t("fieldset",{key:"029a4248fb753aa392899e538603b103a51a462e"},t("h2",{key:"4f830b020bd4661a4f6a09627154511f4c861df5"},"Smoothly URL encoded"),t("smoothly-urlencoded",{key:"86310aae72ae81edc5ebbb9dcf9db603891dd6b0",data:"hej=hopp&tjena=moss"})),t("fieldset",{key:"86531a102e5013b5451c56b3db3fb15cc2d719fe"},t("h2",{key:"001a7c64fc894ceb080490d4719ce58ad9227467"},"Smoothly popup"),t("div",{key:"a8207fb2b9c5ce8bb84c2e2d4dc8d23c3253a395",style:{display:"flex",justifyContent:"space-between"}},t("smoothly-popup",{key:"6511caf780b9195cfbc08d2d96461423792d06dd",direction:"down"},"Click for popup",t("span",{key:"8ac6d5f99bb788b45cef6eaccb3968d07a1cb9b6",slot:"popup",color:"dark",style:{whiteSpace:"nowrap"}},"Some popup stuff that has a lot of text")),t("smoothly-popup",{key:"d46e1f38af1fd9f78baca32dae8aee20dc487966",direction:"down"},"Click for popup",t("span",{key:"456ec5d5a6e8b2ab8bddc6124f9e23f15827305f",slot:"popup",color:"dark",style:{whiteSpace:"nowrap"}},"Some popup with a bunch of text."))),t("smoothly-popup",{key:"56775bff92e2c89e4c7db9d4b5466a0811b62c6a"},t("div",{key:"7a9f6aa4ca43647ece2e16047ce0432980ee3178"},"Popup, click me"),t("div",{key:"42ce15f95c4d4d52bdc72bce6743e0c370d21175",color:"dark",slot:"popup"},"1 line popup"))),t("fieldset",{key:"e0b7734a4620a6e37bf13c4e415d11e5fb8b7561"},t("h2",{key:"e2984993c9e3a441e3f53ade66a181a7a7904c98"},"Test of different kinds of notifier"),t("button",{key:"28003ea44d474dd406515928f6e510a43225ed5e",onClick:()=>this.noticeWarning(k.warn("This is a test warning notice."))},"warning"),t("button",{key:"b507d526513d449459456490f7c89fb555092747",onClick:()=>this.noticeWarning(k.succeeded("This is a test success notice."))},"success"),t("button",{key:"027514db77eebd5733786324fa8cc4e492589919",onClick:()=>this.noticeWarning(k.failed("This is a test danger notice."))},"danger"),t("button",{key:"dc7beba94533478311edc7d006689c607a7a4d55",onClick:()=>this.noticeWarning(k.execute("This is a test execute notice.",(()=>new Promise((e=>window.setTimeout((()=>e([true,"This went great"])),3e3))))))},"execute"),t("button",{key:"e587b0d567c5392c5c195bf5ccf8f6edd7625c2a",onClick:()=>this.noticeWarning(k.delay("This is a test delay notice.",(()=>new Promise((e=>window.setTimeout((()=>e([true,"This went great"])),3e3))))))},"delay")),t("fieldset",{key:"a252431648d49565e3cf35980fd52e8ba7351e10"},t("h2",{key:"94f4c91d8e3ee6e94fc37f50935c1ecfe00b6b5e"},"Smoothly spinner"),t("div",{key:"2dcfd6505f33692cdde191917dc3a67f6e5d8708",style:{width:"fit-content"}},"Large",t("smoothly-spinner",{key:"1b80d2d6ad8e86159a690393dbda2326735c7dde",size:"large",style:{"--spinner-background":"200,255,200","--spinner-background-opacity":"0.2","--spinner-color":"0,130,0"}})),t("div",{key:"5f0fc1eb74291a566eb58291287ebec47cd2b60c",style:{width:"fit-content"}},"Medium",t("smoothly-spinner",{key:"8dfdc9f295529fafa781c765edaa6f2cc6420c6b",size:"medium"})),t("div",{key:"b3a2e639c46ca6ddbe39d6aa38658a6c5ed2463a",style:{width:"fit-content"}},"Small",t("smoothly-spinner",{key:"22e252b3bea2a85ebec2c85d7eae28733b196ffc",size:"small"})),t("div",{key:"373efaf1b7ed429df11422c5532526f2baad9a03"},"Icon sized spinner on button",c.types.map((e=>t("smoothly-button",{size:"icon",color:e,shape:"rounded",onClick:()=>{this.downloadingSpinner=true;setTimeout((()=>this.downloadingSpinner=false),3e3)}},!this.downloadingSpinner&&t("smoothly-icon",{name:"download-outline"}),this.downloadingSpinner&&t("smoothly-spinner",{size:"icon",style:{"--spinner-background-opacity":"0"}}))))),t("h3",{key:"64bed113a5694dd5c26081bf68e96d6225ea6af6"},"Spinner with overlay"),t("div",{key:"4c44720923428e8b373eaa3e311beab070e1fc80",style:{position:"relative",height:"10em"}},"Large Overlay Spinner",t("smoothly-spinner",{key:"f0b7d2f9335e003ee35c73a3dbd93ce57b40a623",overlay:true,size:"large",style:{"--spinner-background":"255,200,255","--spinner-background-opacity":"0.5","--spinner-color":"0,130,0"}})),t("div",{key:"eeb0f75d94bd6b85ec60ef11c3ad805c33c401f9",style:{position:"relative",height:"10em"}},"Medium Overlay Spinner",t("smoothly-spinner",{key:"27750e5e0da536a8a686dfbb16fea296db5305ed",overlay:true,color:"secondary",size:"medium"})),t("div",{key:"d7b14953e0afe4959dac1dec193150001d643f38",style:{position:"relative",height:"10em"}},"Small Overlay Spinner",t("smoothly-spinner",{key:"8becbe3e81a5ab5d01ca806e622002e6bd7a770f",overlay:true,size:"small"}))),t("fieldset",{key:"87c74251aabb7e028849743fb8cd7fcae88d816d"},t("h2",{key:"38e440a6d387aa9f03b52ef6ea8d75ba549cdd61"},"Smoothly summary"),t("smoothly-summary",{key:"3d2aa298fcf9b4f5b4861ac0ea872504b7199cd5"},t("p",{key:"81539c2604ec7bdc1935542d02d8ec53c5a7f55c",slot:"summary"},"Some title"),t("p",{key:"628737e53e14f3c46efa9d19c207073e872b0ea9",slot:"content"},"Some content")),t("smoothly-summary",{key:"54a94c84be2f329935a655e589498d6f5a042174",size:"large"},t("p",{key:"a87a6951554651af63637167eaf074879de274ea",slot:"summary"},"Some title"),t("p",{key:"c627ad51ecee98273ea6a14bb04ff4eb37803ba5",slot:"content"},"Some content")),t("smoothly-summary",{key:"ce951a14e5829cab426dbeb3fac18f7718d95e3e",color:"danger",fill:"clear"},t("div",{key:"2fe68ec7376b2e74fc592f5774ac4ba35deaa649",slot:"summary",style:{display:"flex",gap:"0.3rem"}},t("span",{key:"ece4a07cff884360774ef5c28c9d7daa7ebe9ab2"},"Person"),t("smoothly-icon",{key:"3bd2c66d55759bf36aac5f512968bddcf7c8f82a",name:"person",color:"light",fill:"clear",size:"tiny"})),t("p",{key:"4b92734ba3959ddfc727908a9513703830afcc44",slot:"content"},"Some person information.")),t("smoothly-summary",{key:"cfa86052079b5f57eaeaff80aaeedebcf99236d9",color:"danger",fill:"clear",open:true},t("p",{key:"c42e51168a7ff9435e79326eb91fc6531f9297c3",slot:"summary"},"Some other title"),t("p",{key:"91de2d3bd4b0afd111d05dd328c523780ff61fca",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.")),t("h2",{key:"1e65ecda53311472bea9925a3b8eb74ae0fc447d"},"Label"),oo.map((e=>t("smoothly-label",{hue:e.hue,description:e.description,shape:"rectangle"},e.name)))))]}};const oo=[{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."}];class so{filter(e){return e.filter((e=>this.is(e)))}stringify(e=0){let t=this.toString();if(this.precedence<e)t="("+t+")";return t}}const ao=[e=>e instanceof so?e:undefined];function io(e){ao.push(e)}let lo;function no(e){lo=e}function co(e){let t;for(const o of ao){t=o(e);if(t)break}return t||lo}class ro extends so{constructor(){super();this.precedence=Number.MAX_SAFE_INTEGER;this.class="Always"}is(e){return true}toString(){return""}}no(new ro);class ho extends so{constructor(e){super();this.criteria=e;this.precedence=50;this.class="Any"}is(e){return e&&typeof e=="object"&&Object.getOwnPropertyNames(e).some((t=>this.criteria.is(e[t])||this.is(e[t])))}toString(){return this.criteria.stringify(this.precedence)}}class bo extends so{constructor(e){super();this.precedence=40;this.class="And";this.rules=e.reduce(((e,t)=>t instanceof bo?[...e,...t.rules]:[...e,t]),[])}is(e){return this.rules.every((t=>t.is(e)))}toString(){return this.rules.map((e=>e.stringify(this.precedence))).join(" ")}generalize(){return new bo(this.rules.map((e=>e.class=="Property"?e:new ho(e))))}}function fo(...e){return new bo(e.map(co))}var mo;(function(e){e.is=yo})(mo||(mo={}));function yo(e,t=false){return typeof e=="number"||typeof e=="string"||e instanceof so||t&&typeof e=="object"&&e&&Object.values(e).every((e=>Array.isArray(e)?e.every((e=>yo(e,true))):yo(e,true)))}var uo=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};var po={};var go={};var ko={};var vo={};var wo={};(function(e){Object.defineProperty(e,"__esModule",{value:true});(function(e){e[e["Logging"]=0]="Logging";e[e["Debug"]=1]="Debug";e[e["Warning"]=2]="Warning";e[e["Recoverable"]=3]="Recoverable";e[e["Critical"]=4]="Critical"})(e.Level||(e.Level={}))})(wo);Object.defineProperty(vo,"__esModule",{value:true});const xo=wo;class So{constructor(e,t=xo.Level.Recoverable,o="unknown",s){this.description=e;this.level=t;this.type=o;this.region=s}toString(){return xo.Level[this.level]+": "+this.type+" error. "+this.description+(this.region?" @ "+this.region.toString():"")}}vo.Message=So;Object.defineProperty(ko,"__esModule",{value:true});const Co=vo;class zo{raise(e,t,o,s){if(!(e instanceof Co.Message))e=new Co.Message(e,t,o,s);console.error(e.toString())}}ko.ConsoleHandler=zo;var _o={};var Lo={};Object.defineProperty(Lo,"__esModule",{value:true});class To{constructor(e,t){this.line=e;this.column=t}toString(){return"Ln "+this.line+", Col "+this.column}}Lo.Position=To;Object.defineProperty(_o,"__esModule",{value:true});const jo=Lo;class Ao extends jo.Position{constructor(e,t,o){super(t,o);this.resource=e}toString(){return this.resource.toString()+" @ "+super.toString()}}_o.Location=Ao;var Eo={};Object.defineProperty(Eo,"__esModule",{value:true});class Io{constructor(e,t,o,s){this.resource=e;this.start=t;this.end=o;this.content=s}merge(e){return e?new Io(this.resource,this.start,e.end,this.content?this.content:""+e.content?e.content:""):this}toString(){let e=this.resource.toString();if(this.start&&this.end)e+=" ("+this.start.toString()+" - "+this.end.toString()+") ";if(this.content)e+=this.content;return e}}Eo.Region=Io;Object.defineProperty(go,"__esModule",{value:true});var Do=ko;go.ConsoleHandler=Do.ConsoleHandler;var Oo=wo;go.Level=Oo.Level;var Mo=_o;go.Location=Mo.Location;var Ro=vo;go.Message=Ro.Message;var $o=Lo;go.Position=$o.Position;var Ho=Eo;go.Region=Ho.Region;var Po={};var No={};var Fo={};var Uo={};var Wo={};Object.defineProperty(Wo,"__esModule",{value:true});class Yo{constructor(e,t){this.name=e;this.password=t}get isEmpty(){return!this.name&&!this.password}toString(){let e="";if(this.name)e=this.name;if(this.password)e+=":"+this.password;return e}static parse(e){let t;if(e){const o=e.split(":",2);t=new Yo(o[0],o[1])}else t=new Yo;return t}}Wo.User=Yo;var Bo={};Object.defineProperty(Bo,"__esModule",{value:true});class qo{constructor(e=[],t){this.host=e;this.port=t}get isEmpty(){return this.host.length==0&&!this.port}toString(){let e=this.host.join(".");if(this.port)e+=":"+this.port.toString();return e}static parse(e){let t;if(e){const o=e.split(":",2);t=new qo(o[0].split("."),o.length>1?parseInt(o[1]):undefined)}else t=new qo;return t}}Bo.Endpoint=qo;Object.defineProperty(Uo,"__esModule",{value:true});const Go=Wo;const Ko=Bo;class Vo{constructor(e=new Go.User,t=new Ko.Endpoint){this.user=e;this.endpoint=t}get isEmpty(){return this.user.isEmpty&&this.endpoint.isEmpty}toString(){let e="";if(!this.user.isEmpty)e=this.user.toString()+"@";if(!this.endpoint.isEmpty)e=e+this.endpoint.toString();return e}static parse(e){let t;if(e){const o=e.split("@",2);t=new Vo(Go.User.parse(o.length==2?o.pop():undefined),Ko.Endpoint.parse(o.pop()))}return t}}Uo.Authority=Vo;var Xo={};Object.defineProperty(Xo,"__esModule",{value:true});const Jo=Uo;class Zo{constructor(e=[],t=new Jo.Authority,o=[],s={},a){this.scheme=e;this.authority=t;this.path=o;this.query=s;this.fragment=a}get isRelative(){return this.path[0]=="."||this.path[0]==".."}get isFolder(){return this.path[this.path.length-1]==""}get folder(){return this.isFolder?this:new Zo(this.scheme,this.authority,this.path.filter(((e,t)=>t<this.path.length-1)),this.query,this.fragment)}get name(){return this.path[this.path.length-1]}get extension(){const e=this.name.split(".");return e.length>1?e[e.length-1]:""}createArray(e,t){const o=[];while(t-- >0)o.push(e);return o}normalize(){let e=0;const t=this.path.reverse().filter(((t,o)=>{let s=false;if((t==""||t==".")&&o<this.path.length-1)s=false;else if(t=="..")e++;else if(e>0)e--;else s=true;return s})).concat(this.createArray("..",e)).reverse();return new Zo(this.scheme,this.authority,t,this.query,this.fragment)}resolve(e){return!e?this:new Zo(this.scheme.length>0?this.scheme:e.scheme,!this.authority.isEmpty?this.authority:e.authority,this.isRelative?e.folder.path.concat(this.path):this.path,this.query,this.fragment).normalize()}appendPath(e){return new Zo(this.scheme,this.authority,e instanceof Array?[...this.path,...e]:[...this.path,e],this.query,this.fragment)}toString(){let e="";if(this.scheme.length>0)e+=this.scheme.join("+")+":";if(!this.authority.isEmpty)e+="//"+this.authority.toString();else if(this.scheme.length>0)e+="//";if(this.path){let t=this.path.join("/");if(t[0]!="."||e.length>0)t="/"+t;e+=t}if(Object.keys(this.query).length>0)e+="?"+this.query.toString();if(this.fragment)e+="#"+this.fragment;return e}static parse(e){let t;switch(e){case"":case null:case undefined:break;default:let o=true;let s=[];let a=e.split("://",2);if(a.length>1){s=(a.shift()||"").split("+");e=a.shift()}else if(e.slice(0,2)=="//")e=e.slice(2);else o=false;let i;let l;if(e&&(i=e.lastIndexOf("#"))>-1){l=e.slice(i+1);e=e.slice(0,i)}let n={};if(e&&(i=e.lastIndexOf("?"))>-1){n=new Object;e.slice(i+1).split(";").forEach((e=>{a=e.split("=");const t=a.shift();const o=a.shift();if(t&&o)n[t]=o}));e=e.slice(0,i)}let c;let r=[];if(e){a=e.split("/");if(a.length>0){switch(a[0]){case".":case"..":break;case"":a.shift();break;default:if(o)c=Jo.Authority.parse(a.shift());else a.unshift(".");break}r=a}}t=new Zo(s,c,r,n,l);break}return t}}Xo.Locator=Zo;Zo.empty=new Zo(undefined,undefined,undefined,undefined,undefined);Object.defineProperty(Fo,"__esModule",{value:true});var Qo=Uo;Fo.Authority=Qo.Authority;var es=Bo;Fo.Endpoint=es.Endpoint;var ts=Xo;Fo.Locator=ts.Locator;var os=Wo;Fo.User=os.User;var ss={};var as={};var is={};Object.defineProperty(is,"__esModule",{value:true});class ls{}is.Device=ls;Object.defineProperty(as,"__esModule",{value:true});const ns=is;class cs extends ns.Device{}as.InDevice=cs;Object.defineProperty(ss,"__esModule",{value:true});const rs=as;class ds extends rs.InDevice{static addOpener(e,t){if(!t)t=0;ds.openers.push({open:e,priority:t});ds.openers=ds.openers.sort(((e,t)=>t.priority-e.priority))}static open(e){let t;let o=0;do{t=ds.openers[o++].open(e)}while(!t&&o<ds.openers.length);return t}}ss.Reader=ds;ds.openers=[];Object.defineProperty(No,"__esModule",{value:true});const hs=Fo;const bs=go;const fs=ss;var ms=ss;No.Reader=ms.Reader;class ys extends fs.Reader{constructor(e){super();this.backend=e;this.buffer=[];this.lastContent="";this.lastMark=this.locationValue=this.backend.location}get tabSize(){return this.backend.tabSize}set tabSize(e){this.backend.tabSize=e}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 e=this.location;return e?e.resource:hs.Locator.empty}get location(){return this.locationValue}get region(){return new bs.Region(this.resource,this.lastMark,this.location,this.lastContent)}close(){return this.backend.close()}peek(e){if(!e)e=1;let t;while(e>this.buffer.length&&(t=this.backend.read()))this.buffer.push({data:t,location:this.backend.location});return this.buffer.length==0?undefined:this.buffer.slice(0,e>this.buffer.length?this.buffer.length:e).map((e=>e.data)).join("")}read(e){if(!e)e=1;const t=this.peek(e);if(t&&t.length>0){this.locationValue=this.buffer[t.length-1].location;this.buffer.splice(0,t.length);this.lastContent+=t}return t}peekIs(e,t){let o;if(e)if(typeof e=="string"){const s=e;while(t&&t-- >0)e+=s;o=this.peek(e.length)==e?e:undefined}else if(e.length>0&&!(o=this.peekIs(e[0]))&&e.length)o=this.peekIs(e.slice(1));return o}readIf(e){let t;if(e)if(typeof e=="string")t=this.peek(e.length)==e&&this.read(e.length)||undefined;else if(e.length>0&&!(t=this.readIf(e[0]))&&e.length)t=this.readIf(e.slice(1));return t}readAll(){let e="";while(this.peek())e+=this.read();return e!=""?e:undefined}mark(){const e=this.region;this.lastMark=this.location;this.lastContent="";return e}static create(e){return e?new ys(e):undefined}}No.BufferedReader=ys;var us={};var ps={};var gs=uo&&uo.__awaiter||function(e,t,o,s){function a(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function l(e){try{c(s.next(e))}catch(e){i(e)}}function n(e){try{c(s["throw"](e))}catch(e){i(e)}}function c(e){e.done?o(e.value):a(e.value).then(l,n)}c((s=s.apply(e,t||[])).next())}))};Object.defineProperty(ps,"__esModule",{value:true});function ks(e){return gs(this,void 0,void 0,(function*(){}))}ps.close=ks;function vs(e){return gs(this,void 0,void 0,(function*(){}))}ps.fsync=vs;function ws(e,t,o){return gs(this,void 0,void 0,(function*(){return 0}))}ps.open=ws;function xs(e,t,o,s){return gs(this,void 0,void 0,(function*(){return{bytesWritten:0}}))}ps.write=xs;function Ss(e,t){return{isDirectory:()=>false}}ps.lstatSync=Ss;function Cs(e){return[]}ps.readdirSync=Cs;function zs(e,t){return""}ps.readFileSync=zs;var _s={};Object.defineProperty(_s,"__esModule",{value:true});const Ls="/";_s.sep=Ls;var Ts={};var js=uo&&uo.__awaiter||function(e,t,o,s){function a(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function l(e){try{c(s.next(e))}catch(e){i(e)}}function n(e){try{c(s["throw"](e))}catch(e){i(e)}}function c(e){e.done?o(e.value):a(e.value).then(l,n)}c((s=s.apply(e,t||[])).next())}))};Object.defineProperty(Ts,"__esModule",{value:true});const As=go;const Es=Fo;const Is=ss;class Ds extends Is.Reader{constructor(e,t){super();this.content=e;this.resource=t;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 As.Location(this.resource,this.line,this.column)}get region(){return new As.Region(this.resource,this.lastPosition,this.location,this.lastContent)}close(){return js(this,void 0,void 0,(function*(){const e=!(yield this.isEmpty);if(e)this.count=this.content.length;return e}))}read(){let e;if(this.count<this.content.length)e=this.content.charAt(this.count);else if(this.count==this.content.length)e=undefined;this.count++;if(e){switch(e){case"\n":this.line++;this.column=1;break;case"\t":this.column+=this.tabSize;break;default:this.column++;break}this.lastContent+=e}return e}mark(){const e=this.region;this.lastPosition=this.location;this.lastContent="";return e}static create(e,t){return e!=undefined?new Ds(e,t||Es.Locator.empty):undefined}}Ts.StringReader=Ds;Object.defineProperty(us,"__esModule",{value:true});const Os=ps;const Ms=_s;const Rs=Fo;const $s=ss;const Hs=Ts;class Ps extends $s.Reader{constructor(e){super();this.backend=e}get tabSize(){return this.backend.tabSize}set tabSize(e){this.backend.tabSize=e}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:Rs.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(e){let t;if(e&&(e.scheme.length==0||e.scheme.length==1&&e.scheme[0]=="file"))try{t=Hs.StringReader.create(Os.readFileSync((e.isRelative?"":Ms.sep)+e.path.join(Ms.sep),"utf-8"),e)}catch(t){console.log(`Failed to open file: ${e.toString()}`)}return t?new Ps(t):undefined}}us.FileReader=Ps;$s.Reader.addOpener((e=>Ps.open(e)),10);var Ns={};var Fs=uo&&uo.__awaiter||function(e,t,o,s){function a(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function l(e){try{c(s.next(e))}catch(e){i(e)}}function n(e){try{c(s["throw"](e))}catch(e){i(e)}}function c(e){e.done?o(e.value):a(e.value).then(l,n)}c((s=s.apply(e,t||[])).next())}))};Object.defineProperty(Ns,"__esModule",{value:true});const Us=ps;const Ws=_s;const Ys=Fo;const Bs=go;const qs=ss;const Gs=us;class Ks extends qs.Reader{constructor(e){super();this.files=e;this.tabSizeValue=2;this.lastLocation=new Bs.Location(Ys.Locator.empty,0,0)}get tabSize(){return this.tabSizeValue}set tabSize(e){this.tabSizeValue=e;if(this.current)this.current.tabSize=e}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 Bs.Region(this.resource)}close(){return Fs(this,void 0,void 0,(function*(){return this.current!=undefined&&(yield this.current.close())}))}read(){let e;if(!this.current&&this.files.length>0){this.current=Gs.FileReader.open(this.files.shift());this.current.tabSize=this.tabSize}if(this.current){e=this.current.read();if(e==undefined||e=="\0"){this.current.close();this.current=undefined}}this.lastLocation=this.location;return e}mark(){return this.current?this.current.mark():new Bs.Region(this.resource)}static getFiles(e,t,o=[]){let s=[];const a=Us.readdirSync(e);a.forEach((a=>{const i=e+Ws.sep+a;if(o.indexOf(i)==-1){if(Us.lstatSync(i).isDirectory())s=s.concat(Ks.getFiles(i,t,o));else if(a.length>t.length&&a.lastIndexOf(t,a.length-t.length)===a.length-t.length)s.push(i)}}));return s}static open(e){let t;try{if(e&&(e.scheme.length==0||e.scheme.length==1&&e.scheme[0]=="file")&&e.isFolder||e.name.match("*"))t=Ks.getFiles((e.isRelative?"":Ws.sep)+e.folder.path.join(Ws.sep),e.extension)}catch(e){}return t?new Ks(t.map((e=>new Ys.Locator(["file"],undefined,e.split(Ws.sep))))):undefined}}Ns.FolderReader=Ks;qs.Reader.addOpener((e=>Ks.open(e)),0);var Vs={};var Xs={};var Js={};var Zs={};Object.defineProperty(Zs,"__esModule",{value:true});function*Qs(e){let t;while((t=e())!=undefined)yield t}function ea(e){return e.next instanceof Function}function*ta(e,t){let o;while(!(o=e.next()).done)yield o.value;if(ea(t))while(!(o=t.next()).done)yield o.value;else yield t}class oa{constructor(e){this.iterator=e instanceof Function?Qs(e):e}get length(){let e=0;while(!this.next().done)e++;return e}get last(){return this.nextValue&&!this.nextValue.done?this.nextValue.value:undefined}fetch(){const e=this.next();return e.done?undefined:e.value}next(e){return this.nextValue=this.iterator.next(e)}append(e){return new oa(ta(this,e))}map(e){return new oa((()=>{const t=this.fetch();return t!=undefined?e(t):undefined}))}reduce(e,t){const o=this.fetch();return o?this.reduce(e,e(t,o)):t}apply(e){const t=this.fetch();if(t){e(t);this.apply(e)}}filter(e){return new oa((()=>{let t;do{t=this.fetch()}while(t!=undefined&&!e(t));return t}))}toArray(){const e=this.fetch();let t;if(!e)t=[];else{t=this.toArray();t.unshift(e)}return t}static from(e){return new oa(e)}}Zs.Enumerator=oa;oa.empty=oa.from((()=>undefined));var sa={};Object.defineProperty(sa,"__esModule",{value:true});const aa=Zs;function ia(e){return e==null?false:typeof e[Symbol.iterator]==="function"}class la{constructor(e){this.get=e}get length(){return this.get().length}get first(){return this.get().fetch()}get last(){return this.get().last}getEnumerator(){return new aa.Enumerator(this.get())}[Symbol.iterator](){return this.getEnumerator()}append(e){return new la((()=>this.get().append(e)))}map(e){return new la((()=>this.get().map(e)))}reduce(e,t){return this.get().reduce(e,t)}apply(e){this.get().apply(e)}filter(e){return new la((()=>this.get().filter(e)))}toArray(){return this.getEnumerator().toArray()}static from(e){return ia(e)?new la((()=>new aa.Enumerator(e[Symbol.iterator]()))):new la((()=>{const t=e();return t instanceof aa.Enumerator?t:new aa.Enumerator(t)}))}}sa.Enumerable=la;la.empty=la.from([]);var na={};Object.defineProperty(na,"__esModule",{value:true});const ca=Zs;class ra extends ca.Enumerator{constructor(e){super((()=>this.position<this.backend.length?this.backend[this.position++]:undefined));this.backend=e;this.position=0}}na.ArrayEnumerator=ra;var da={};Object.defineProperty(da,"__esModule",{value:true});const ha=Zs;class ba extends ha.Enumerator{constructor(e){super((()=>{const e=this.peek(0);if(this.buffer.length>0)this.buffer.shift();return e}));this.backend=e;this.buffer=[]}peek(e){if(!e)e=0;let t;while(e>this.buffer.length-1&&(t=this.backend.fetch()))this.buffer.push(t);return e>this.buffer.length-1?undefined:this.buffer[e]}}da.BufferedEnumerator=ba;var fa={};Object.defineProperty(fa,"__esModule",{value:true});class ma{static padLeft(e,t,o){return ma.pad(e,t,o,true)}static padRight(e,t,o){return ma.pad(e,t,o,false)}static pad(e,t,o,s){let a="";const i=o-e.length;for(let e=0;e<i;e++)a+=t;return s?a+e:e+a}}fa.String=ma;Object.defineProperty(Js,"__esModule",{value:true});var ya=Zs;Js.Enumerator=ya.Enumerator;var ua=sa;Js.Enumerable=ua.Enumerable;var pa=na;Js.ArrayEnumerator=pa.ArrayEnumerator;var ga=da;Js.BufferedEnumerator=ga.BufferedEnumerator;var ka=fa;Js.String=ka.String;var va={};Object.defineProperty(va,"__esModule",{value:true});const wa=is;class xa extends wa.Device{}va.OutDevice=xa;var Sa=uo&&uo.__awaiter||function(e,t,o,s){function a(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function l(e){try{c(s.next(e))}catch(e){i(e)}}function n(e){try{c(s["throw"](e))}catch(e){i(e)}}function c(e){e.done?o(e.value):a(e.value).then(l,n)}c((s=s.apply(e,t||[])).next())}))};Object.defineProperty(Xs,"__esModule",{value:true});const Ca=Fo;const za=Js;const _a=va;class La extends _a.OutDevice{constructor(){super(...arguments);this.newLineSymbol="\n"}write(e){return Sa(this,void 0,void 0,(function*(){return e instanceof za.Enumerator?this.writeImplementation(e):e instanceof Array?this.writeImplementation(new za.ArrayEnumerator(e)):this.writeImplementation(new za.ArrayEnumerator([e]))}))}writeLine(e){return Sa(this,void 0,void 0,(function*(){return e instanceof za.Enumerator?this.writeImplementation(e.append(this.newLineSymbol)):e instanceof Array?this.writeImplementation(new za.ArrayEnumerator([...e,this.newLineSymbol])):e?this.writeImplementation(new za.ArrayEnumerator([e,this.newLineSymbol])):this.writeImplementation(new za.ArrayEnumerator([this.newLineSymbol]))}))}static addOpener(e,t){if(!t)t=0;La.openers.push({open:e,priority:t});La.openers=La.openers.sort(((e,t)=>t.priority-e.priority))}static open(e){return Sa(this,void 0,void 0,(function*(){let t;if(typeof e=="string"){const o=Ca.Locator.parse(e);t=o?yield La.open(o):undefined}else{let o=0;do{t=yield La.openers[o++].open(e)}while(!t&&o<La.openers.length)}return t}))}}Xs.Writer=La;La.openers=[];Object.defineProperty(Vs,"__esModule",{value:true});const Ta=Xs;class ja extends Ta.Writer{constructor(e){super();this.backend=e;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(e){const t=[];let o;let s=e.fetch();if(s)do{o=s;s=e.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);t.push(this.backend.write(o))}while(s);return Promise.all(t).then((e=>e.reduce(((e,t)=>e&&t),true)))}}Vs.Indenter=ja;var Aa={};Object.defineProperty(Aa,"__esModule",{value:true});const Ea=ss;const Ia=No;class Da extends Ea.Reader{constructor(e,t){super();this.prefix=t;this.done=false;this.backend=e instanceof Ia.BufferedReader?e:Ia.BufferedReader.create(e)}get tabSize(){return this.backend.tabSize}set tabSize(e){this.backend.tabSize=e}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 e;if(!this.done){e=this.backend.read();this.done=e=="\n"&&!this.backend.readIf(this.prefix)&&!this.backend.peekIs("\n")}return e}mark(){return this.backend.mark()}static create(e,t){return e&&t?new Da(e,t):e}}Aa.PrefixReader=Da;var Oa={};var Ma=uo&&uo.__awaiter||function(e,t,o,s){function a(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function l(e){try{c(s.next(e))}catch(e){i(e)}}function n(e){try{c(s["throw"](e))}catch(e){i(e)}}function c(e){e.done?o(e.value):a(e.value).then(l,n)}c((s=s.apply(e,t||[])).next())}))};Object.defineProperty(Oa,"__esModule",{value:true});const Ra=ps;const $a=_s;const Ha=Xs;class Pa extends Ha.Writer{constructor(e,t){super();this.resource=e;this.descriptor=t;this.autoFlush=false}get opened(){return this.descriptor>0}get writable(){return this.descriptor>0}flush(){return Ma(this,void 0,void 0,(function*(){let e=true;try{yield Ra.fsync(this.descriptor)}catch(t){e=false}return e}))}close(){return Ma(this,void 0,void 0,(function*(){let e=this.opened;if(e){try{yield Ra.close(this.descriptor)}catch(t){e=false}this.descriptor=0}return e}))}writeImplementation(e){return Ma(this,void 0,void 0,(function*(){let t=true;const o=Buffer.from(e.reduce(((e,t)=>e+t),""));try{const e=yield Ra.write(this.descriptor,o,0,"utf8");t=e.bytesWritten==o.length}catch(e){t=false}return t&&(!this.autoFlush||(yield this.flush()))}))}static open(e){return Ma(this,void 0,void 0,(function*(){let t;if(e&&(e.scheme.length==0||e.scheme.length==1&&e.scheme[0]=="file"))try{t=yield Ra.open((e.isRelative?"":$a.sep)+e.path.join($a.sep),"w")}catch(e){t=undefined}return t?new Pa(e,t):undefined}))}}Oa.FileWriter=Pa;Ha.Writer.addOpener(Pa.open);var Na={};Object.defineProperty(Na,"__esModule",{value:true});const Fa=ss;const Ua=No;class Wa extends Fa.Reader{constructor(e,t){super();this.endMark=t;this.done=false;this.backend=e instanceof Ua.BufferedReader?e:Ua.BufferedReader.create(e);this.done=this.backend.peekIs(this.endMark)!=undefined}get tabSize(){return this.backend.tabSize}set tabSize(e){this.backend.tabSize=e}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 e=!this.done;if(e)this.done=true;return Promise.resolve(e)}read(){let e;if(!this.done){e=this.backend.read();this.done=this.backend.peekIs(this.endMark)!=undefined}return e}mark(){return this.backend.mark()}static create(e,t){return e&&t?new Wa(e,t):e}}Na.TillReader=Wa;var Ya={};Object.defineProperty(Ya,"__esModule",{value:true});const Ba=ss;const qa=No;class Ga extends Ba.Reader{constructor(e,t){super();this.endMark=t;this.done=-1;this.backend=e instanceof qa.BufferedReader?e:qa.BufferedReader.create(e);const o=this.backend.peekIs(this.endMark);if(o)this.done=o.length}get tabSize(){return this.backend.tabSize}set tabSize(e){this.backend.tabSize=e}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 e=this.done>0;if(e)this.done=0;return Promise.resolve(e)}read(){let e;if(this.done!=0){e=this.backend.read();let t;if(this.done>0)this.done--;else if(t=this.backend.peekIs(this.endMark))this.done=t.length}return e}mark(){return this.backend.mark()}static create(e,t){return e&&t?new Ga(e,t):e}}Ya.UntilReader=Ga;Object.defineProperty(Po,"__esModule",{value:true});var Ka=No;Po.BufferedReader=Ka.BufferedReader;var Va=is;Po.Device=Va.Device;var Xa=us;Po.FileReader=Xa.FileReader;var Ja=Ns;Po.FolderReader=Ja.FolderReader;var Za=Vs;Po.Indenter=Za.Indenter;var Qa=as;Po.InDevice=Qa.InDevice;var ei=va;Po.OutDevice=ei.OutDevice;var ti=Aa;Po.PrefixReader=ti.PrefixReader;var oi=ss;Po.Reader=oi.Reader;var si=Ts;Po.StringReader=si.StringReader;var ai=Oa;Po.FileWriter=ai.FileWriter;var ii=Na;Po.TillReader=ii.TillReader;var li=Ya;Po.UntilReader=li.UntilReader;var ni=Xs;Po.Writer=ni.Writer;Object.defineProperty(po,"__esModule",{value:true});const ci=go;var ri=po.Error=ci;const di=Po;var hi=po.IO=di;const bi=Fo;po.Uri=bi;const fi=Js;var mi=po.Utilities=fi;class yi extends hi.BufferedReader{constructor(e,t){super(typeof e=="string"?hi.StringReader.create(e):e);this.errorHandler=t}raise(e,t,o="lexical",s){if(!(e instanceof ri.Message)){if(!t)t=ri.Level.Critical;if(!s)s=this.region;e=new ri.Message(e,t,o,s)}if(this.errorHandler)this.errorHandler.raise(e)}requirePrefix(e){return new yi(new hi.PrefixReader(this,e),this.errorHandler)}till(e){return new yi(hi.TillReader.create(this,e),this.errorHandler)}until(e){return new yi(hi.UntilReader.create(this,e),this.errorHandler)}peekIsSymbol(e){return this.peekIs(e??["!","(",")","[","]","|","*",":",".","<=",">=","<",">"," * "," + "," - "," / ",","])?.length??false}peekIsWhitespace(){return!!this.peekIs([" ","\n","\t"])}}function ui(e,t,o){const s=new yi(e,t);return new mi.Enumerator((()=>{let e;let t=1;if(!s.isEmpty){while(s.peekIsWhitespace()&&!s.peekIsSymbol(o))s.read();if(t=s.peekIsSymbol(o))e={value:s.read(t)||"",region:s.mark()};else{let t="";while(!s.isEmpty&&!s.peekIsWhitespace()&&!s.peekIsSymbol(o))t+=s.read();if(t)e={value:t,region:s.mark()}}}return e}))}class pi{tokenize(e){return ui(e,undefined,["!","(",")","[","]","|"," | ","*",":",".","<=",">=","<",">"," * "," + ","+"," - ","-"," / "]).map((e=>({value:e.value}))).toArray()}}class gi extends pi{constructor(e){super();this.class="array";this.array=e}complete(e,t,o){const s=typeof e=="string"?this.tokenize(e):e;return gi.completor.flatMap((e=>e(s,this,t))).reduce(((e,t)=>e.some((e=>e.value==t.value&&e.cursor==t.cursor))?e:[...e,t]),[])}isType(e){return global.Array.isArray(e)}static add(...e){this.completor.push(...e)}static is(e){return e instanceof gi}}gi.completor=[];var ki;(function(e){function t(e){return typeof e=="object"&&typeof e.start=="number"&&typeof e.end=="number"}e.is=t})(ki||(ki={}));var vi;(function(e){function t(e){return e.map((e=>typeof e.cursor=="number"?e.value.slice(0,e.cursor)+"_"+e.value.slice(e.cursor,e.value.length):e.value+"_"))}e.stringify=t;function o(e,t,s){return Array.isArray(t)?t.map((t=>o(e,t,s))):{value:e+t.value+(s??""),cursor:typeof t?.cursor=="number"?t?.cursor+e.length:ki.is(t.cursor)?{start:t.cursor.start+e.length,end:t.cursor.end+e.length}:t.value.length+e.length,suggestion:t.suggestion}}e.prepend=o})(vi||(vi={}));class wi extends pi{constructor(){super();this.class="boolean"}complete(e,t,o){const s=typeof e=="string"?this.tokenize(e):e;const a=o?wi.literals.filter((e=>e.value.startsWith(s[0]?.value??""))):s[0]?.value==":"?vi.prepend(":",wi.literals.filter((e=>e.value.startsWith(s[1]?.value??"")))):[];return[...a??[],...(o?[]:wi.completor).flatMap((e=>e(s,this,t))).reduce(((e,t)=>e.some((e=>e.value==t.value&&e.cursor==t.cursor))?e:[...e,t]),[])]}isType(e){return typeof e=="boolean"}static add(...e){this.completor.push(...e)}}wi.literals=[{value:"true",suggestion:{value:"true"}},{value:"false",suggestion:{value:"false"}}];wi.completor=[];var xi;(function(e){function t(e,t,o){return e.length==0?[{value:":",suggestion:{value:":"}}]:e.length<=3&&e[0].value==":"&&o.value.startsWith(e[1]?.value??"")&&(e[2]?.value??"(")=="("?vi.prepend(":",[o]):e.length<=4&&e.slice(0,4).reduce(((e,t)=>e+t.value),"")==":"+o.value?vi.prepend(":"+o.value.substring(0,o.value.length-1),t(),")"):e.length==5&&e.slice(0,3).reduce(((e,t)=>e+t.value),"")+e[4].value==":"+o.value?vi.prepend(":"+o.value.substring(0,o.value.length-1),t(e.slice(3,e.length-1)),")"):e.length>5&&e.slice(0,3).reduce(((e,t)=>e+t.value),"")+e[e.length-1].value==":"+o.value?vi.prepend(":"+o.value.substring(0,o.value.length-1),t(e.slice(3,e.length-1)),")"):[]}e.functions=t;function o(e,t,o){return e.length==0?[{value:":",suggestion:{value:":"}}]:e[0].value!=":"?[]:e.length==1?vi.prepend(":",[o]):vi.prepend(":",t(e.slice(1)))}e.expressions=o;function s(e,t,o){return e.length>=1&&e[0].value==o.value?vi.prepend(o.value,t(e.slice(1))):e.length==0||e.length==1&&o.value.startsWith(e[0].value)||e[0].value==o.value.replace(/ /g,"")?[o]:[]}e.operators=s})(xi||(xi={}));class Si extends pi{constructor(e){super();this.input=e;this.class="number";if(e)this.value=e}complete(e,t,o){const s=typeof e=="string"?this.tokenize(e):e;return[...s.length>0&&s[0].value==":"&&t?vi.prepend(":",t.complete(s.slice(1),undefined,this)):t&&s.length>=0&&o?vi.prepend(" ",t?.complete(s,undefined,undefined)):[],...(o?Si.completorArgument:Si.completor).flatMap((e=>e(s,this,t))).reduce(((e,t)=>e.some((e=>e.value==t.value&&e.cursor==t.cursor))?e:[...e,t]),[])]}isType(e){return isNaN(+e)?false:true}static add(...e){this.completor.push(...e)}static addArgument(...e){this.completorArgument.push(...e)}static is(e){return e instanceof Si||!global.Number.isNaN(e)}}Si.completor=[];Si.completorArgument=[];class Ci extends pi{constructor(e){super();this.properties=e;this.class="object";this.completions=Object.keys(this.properties).map((e=>({value:e,suggestion:{value:e}})))}complete(e,t,o){const s=typeof e=="string"?this.tokenize(e):e;let a;const i=this.filterByType(o);if(!t){const e=s.length>0?this.match(s[0],i):undefined;if(e)a=s.length>=1?vi.prepend(e.value,this.properties[e.value].complete(s.slice(1),this,o)):[];else if(o&&s.length>2&&o.isType(s[0].value+s[1].value+s[2].value))a=vi.prepend(s[0].value+s[1].value+s[2].value,o.complete(s.slice(3),this,o));else if(o&&s.length>0&&o.isType(s[0].value))a=vi.prepend(s[0].value,o.complete(s.slice(1),this,o));else{let e;a=s.length==0?[...this.addDot(i,o),...o?.class=="number"?[]:Ci.wildcard]:s.length==1&&(e=Ci.wildcard.find((e=>e.value==s[0].value)))?vi.prepend(e.value,this.completions,o?".":""):s.length>=1&&(e=Ci.wildcard.find((e=>e.value==s[0].value)))?vi.prepend(e.value,this.complete(s.slice(1))):this.addDot(this.partial(s[0],i),o)}}else a=s.length==0?[{value:".",suggestion:{value:"."}}]:s[0].value!="."?[]:s.length==1?vi.prepend(".",this.addDot(i,o)):this.properties[s[1].value]?vi.prepend("."+s[1].value,this.properties[s[1].value].complete(s.slice(2),t,o)):vi.prepend(".",this.addDot(this.partial(s[1],i),o));return[...a.reduce(((e,t)=>e.some((e=>e.value==t.value&&e.cursor==t.cursor))?e:[...e,t]),[]),...Ci.completor.flatMap((e=>e(s,this,t)))]}filterByType(e){return e?this.completions.filter((t=>this.properties[t.value].class==e.class||(this.properties[t.value].class=="object"?this.properties[t.value].filterByType(e).length>0:false))):this.completions}addDot(e,t){return!e?[]:t?e.map((e=>this.properties[e.value].class=="object"?{value:e.value+".",suggestion:{value:e.suggestion?.value+"."}}:e)):e}partial(e,t){const o=t.filter((t=>t.value.startsWith(e.value)));return o&&o.length>0?o:undefined}match(e,t){const o=t.filter((t=>t.value==e.value));return o&&o.length>0?o[0]:undefined}isType(e){return false}static add(...e){this.completor.push(...e)}}Ci.wildcard=[{value:"!",cursor:1,suggestion:{value:"!",description:"not"}}];Ci.completor=[];class zi extends pi{constructor(e){super();this.class="string";if(e)this.value=e}complete(e,t,o){const s=typeof e=="string"?this.tokenize(e):e;let a;if(o)a=this.value?.startsWith(s[0]?.value??"")?[{value:this.value,suggestion:{value:this.value}}]:undefined;else a=s.length==0||s[0].value!=":"?undefined:this.value?.startsWith(s[1]?.value??"")?[vi.prepend(":",{value:this.value,suggestion:{value:this.value}})]:undefined;return[...a??[],...(o?[]:zi.completor).flatMap((e=>e(s,this,t))).reduce(((e,t)=>e.some((e=>e.value==t.value&&e.cursor==t.cursor))?e:[...e,t]),[])]}isType(e){return typeof e.value=="string"}static add(...e){this.completor.push(...e)}static is(e){return e instanceof zi}}zi.completor=[];class _i extends pi{constructor(e){super();this.type=e;this.class="union"}complete(e,t,o){const s=typeof e=="string"?this.tokenize(e):e;return this.type?this.type?.flatMap((e=>e?.complete(s,t,o)??[])):[]}isType(e){return e instanceof _i}static is(e){return e instanceof _i}}var Li;(function(e){function t(e,t){const o=e.complete(t);return o.filter((e=>!t.includes(e.value)&&e.suggestion?.value)).map((e=>({full:e.value,cursor:e?.cursor??e.value.length,addon:e?.suggestion?.value,description:e?.suggestion?.description})))}e.complete=t;function o(e){let t;switch(typeof e){case"object":t=global.Array.isArray(e)?new gi(e.map((e=>o(e)))):new Ci(global.Object.entries(e).reduce(((e,t)=>({...e,[t[0]]:o(t[1])})),{}));break;case"string":t=new zi(e);break;default:t=new Si(e);break}return t}e.convert=o;e.Array=gi;e.Boolean=wi;e.Completion=vi;e.Object=Ci;e.String=zi;e.Number=Si;e.Union=_i;e.Completor=xi})(Li||(Li={}));class Ti extends so{constructor(e){super();this.needle=e;this.precedence=Number.MAX_SAFE_INTEGER;this.class="EndsWith"}is(e){return typeof e=="string"&&e.endsWith(this.needle)}toString(){return`*${this.needle}`}}function ji(e,t){return xi.expressions(e,(e=>!e||e[0].value=="*"&&t.value&&t.value.endsWith(e[1]?.value??"")?[Li.Completion.prepend("*",{value:t?.value??"",suggestion:{value:t?.value??""}})]:[]),{value:"*",suggestion:{value:"*",description:"endswith"}})}Li.String.add(ji);class Ai extends so{constructor(e){super();this.criteria=e;this.precedence=100;this.class="Every"}is(e){return Array.isArray(e)&&e.every((e=>this.criteria.is(e)))}toString(){return`every(${this.criteria.toString()})`}}function Ei(e,t){const o=e=>t.array.some(Li.String.is)&&e?t.array.filter(Li.String.is).map((t=>t.complete([{value:":"},...e]))).reduce(((e,t)=>Array.isArray(t)?e.concat(t):t?[...e,t]:e),[]):!e&&t.array.some(Li.String.is)?t.array.filter(Li.String.is).map((e=>({value:e?.value??""}))):t.array.some(Li.Number.is)&&e?t.array.filter(Li.Number.is).map((t=>t.complete(e))).reduce(((e,t)=>Array.isArray(t)?e.concat(t):t?[...e,t]:e),[]):!e&&t.array.some(Li.Number.is)?t.array.filter(Li.Number.is).map((e=>({value:(e?.value??"").toString()}))):[];return xi.functions(e,o,{value:"every()",cursor:6,suggestion:{value:"every()"}})}Li.Array.add(Ei);class Ii extends so{constructor(e,t,o){super();this.identifier=e;this.argument=t;this.definition=o;this.precedence=85;this.class="FunctionCall"}is(e){return this.definition?.is(e)??true}toString(){return`${this.identifier}(${this.argument.join(", ")})`}}class Di{stringify(e=0){let t=this.toString();if(this.precedence<e)t="("+t+")";return t}}class Oi extends Di{constructor(e,t){super();this.name=t;this.precedence=Oi.precedence;this.class="Value";if(typeof e=="string")this.value=isNaN(+e.replace(",","."))?e:+e.replace(",",".");else this.value=e}toString(){return this.name?`${this.name?.toString()}.`+this.value.toString():this.value.toString()}evaluate(e){return e?this.get(e):+this.value}get(e){return typeof this.value=="string"?+e[this.value]:this.name&&typeof this.value=="object"?this.value.get(e[this.name]):+this.value}static create(e,t){return new Oi(e,t)}}Oi.precedence=19;class Mi extends so{constructor(e){super();this.value=e;this.precedence=85;this.class="GreaterThan";this.symbol=">"}is(e,t){return(isNaN(+e)?e:+e)>(this.value instanceof Oi&&typeof this.value.value=="string"&&this.value.value.includes("-")||typeof this.value!="object"?this.value:this.value.evaluate(t))}toString(){return this.value.toString()}}function Ri(e,t,o){return Li.Completor.operators(e,(e=>e&&o?o?.complete(e,undefined,t):[]),{value:">",suggestion:{value:">"}})}Li.Number.add(Ri);Li.String.add(Ri);class $i extends so{constructor(e){super();this.value=e;this.precedence=85;this.class="GreaterThanOrEqual";this.symbol=">="}is(e,t){return(isNaN(+e)?e:+e)>=(this.value instanceof Oi&&typeof this.value.value=="string"&&this.value.value.includes("-")||typeof this.value!="object"?this.value:this.value.evaluate(t))}toString(){return this.value.toString()}}function Hi(e,t,o){return Li.Completor.operators(e,(e=>e&&o?o?.complete(e,undefined,t):[]),{value:">=",suggestion:{value:">="}})}Li.Number.add(Hi);Li.String.add(Hi);class Pi extends so{constructor(e){super();this.property=e;this.precedence=85;this.class="Has"}is(e,t){return typeof e=="object"&&e?Object.entries(e).some((e=>{t=typeof t=="string"?t:this.property;return e[0]==t?true:typeof e[1]=="object"&&e[1]?this.is(e[1],t.includes(".")&&t.split(".")[0]==e[0]?t.split(".")[1]:undefined):false})):false}toString(){return`has(${this.property})`}}function Ni(e,t,o){return o&&t?.class=="object"?xi.functions(e,(e=>t.completions.filter((t=>t.value.startsWith(e?e[0].value:"")))),{value:"has()",cursor:4,suggestion:{value:"has()"}}):[]}Li.Object.add(Ni);class Fi extends so{constructor(e){super();this.needle=e;this.precedence=Number.MAX_SAFE_INTEGER;this.class="Includes"}is(e){return typeof e=="string"&&e.includes(this.needle)}toString(){return`*${this.needle}*`}}function Ui(e,t){const o=new Fi(e);return t?o.is(t):o}function Wi(e,t){return xi.expressions(e,(e=>!e||e.length==3&&t.value?.includes(e[1].value)&&t.value!=e[1].value||e.length==2&&e[0].value+e[1].value=="**"?[Li.Completion.prepend("*",{value:t?.value??"",suggestion:{value:t?.value??""}},"*")]:e.length==1&&e[0].value=="*"?[{value:"**",suggestion:{value:"**",description:"includes"}}]:[]),{value:"**",cursor:1,suggestion:{value:"**",description:"includes"}})}Li.String.add(Wi);class Yi extends so{constructor(e){super();this.criteria=e;this.precedence=100;this.class="Some"}is(e,t){return Array.isArray(e)&&e.some((e=>this.criteria.is(e,t)))}toString(){return`some(${this.criteria.toString()})`}}function Bi(e,t){const o=new Yi(co(e));return t?o.is(t):o}function qi(e,t,o){return e.length==0?[{value:":",suggestion:{value:":"}}]:e[0].value!=":"?[]:e.length==1&&e[0].value==":"?Li.Completion.prepend(":",t.array.filter(Li.String.is).filter((e=>e.value&&e.value!="string")).map((e=>({value:e?.value??"",suggestion:{value:e?.value??""}})))):e.length==2&&e[0].value==":"?Li.Completion.prepend(":",t.array.filter(Li.String.is).filter((t=>t.value&&t.value!="string"&&t.value.startsWith(e[1].value))).map((e=>({value:e?.value??"",suggestion:{value:e?.value??""}})))):[]}Li.Array.add(qi);class Gi extends so{constructor(e){super();this.value=e;this.precedence=Number.MAX_SAFE_INTEGER;this.class="Is";this.symbol=":"}is(e,t){return Array.isArray(e)&&yo(this.value)?Bi(this.value,e):(typeof e=="boolean"?e.toString():isNaN(+e)?e:+e)==(typeof this.value=="object"?this.value.evaluate(t):this.value)}toString(){return this.value.toString()}}io((e=>typeof e=="bigint"||typeof e=="boolean"||typeof e=="number"||typeof e=="string"?new Gi(e):undefined));class Ki extends so{constructor(e){super();this.value=e;this.precedence=85;this.class="LesserThan";this.symbol="<"}is(e,t){return(isNaN(+e)?e:+e)<(this.value instanceof Oi&&typeof this.value.value=="string"&&this.value.value.includes("-")||typeof this.value!="object"?this.value:this.value.evaluate(t))}toString(){return this.value.toString()}}function Vi(e,t,o){return Li.Completor.operators(e,(e=>e&&o?o?.complete(e,undefined,t):[]),{value:"<",suggestion:{value:"<"}})}Li.Number.add(Vi);Li.String.add(Vi);class Xi extends so{constructor(e){super();this.value=e;this.precedence=85;this.class="LesserThanOrEqual";this.symbol="<="}is(e,t){return(isNaN(+e)?e:+e)<=(this.value instanceof Oi&&typeof this.value.value=="string"&&this.value.value.includes("-")||typeof this.value!="object"?this.value:this.value.evaluate(t))}toString(){return this.value.toString()}}function Ji(e,t,o){return Li.Completor.operators(e,(e=>e&&o?o?.complete(e,undefined,t):[]),{value:"<=",suggestion:{value:"<="}})}Li.Number.add(Ji);Li.String.add(Ji);function Zi(e,t){return xi.expressions(e,(e=>e&&e?.length==1&&e[0].value=="/"?[{value:"//",cursor:1}]:[]),{value:"//",cursor:1,suggestion:{value:"//",description:"match"}})}Li.String.add(Zi);class Qi extends so{constructor(e){super();this.criteria=e;this.precedence=Qi.precedence;this.class="Not"}is(e){return!this.criteria.is(e)}toString(){return`!${this.criteria.stringify(this.precedence)}`}}Qi.precedence=90;function el(e,t){const o=new Qi(co(e));return t?o.is(t):o}function tl(e,t,o){return t&&t.class!="object"&&o?xi.expressions(e,(e=>e[0].value!="!"?[]:Li.Completion.prepend("!",t.complete(e.slice(1),o,t))),{value:"!",cursor:1,suggestion:{value:"!",description:"not"}}):[]}Li.String.add(tl);Li.Number.add(tl);Li.Boolean.add(tl);Li.Object.add(tl);class ol extends so{constructor(e){super();this.precedence=ol.precedence;this.class="Or";this.criteria=e.reduce(((e,t)=>t instanceof ol?[...e,...t.criteria]:[...e,t]),[])}is(e){return this.criteria.some((t=>t.is(e)))}toString(){return this.criteria.map((e=>e.stringify(this.precedence))).join(" | ")}}ol.precedence=30;function sl(e,t,o){return Li.Completor.operators(e,(e=>e&&o?o?.complete(e,undefined,undefined):[]),{value:" | ",suggestion:{value:"|",description:"or"}})}Li.Number.addArgument(sl);class al extends mi.BufferedEnumerator{constructor(e,t){super(Array.isArray(e)?new mi.ArrayEnumerator(e):e);this.errorHandler=t}clone(e="(",t=")"){let o=0;return new al(new mi.Enumerator((()=>{let s;if(this.peekIs(e))o++;else if(this.peekIs(t))o--;if(o>=0)s=this.fetch();return s})),this)}peekIs(...e){return e.every(((e,t)=>{const o=this.peek(t);return o&&o.value&&al.is(e,o.value)}))}fetchIf(...e){const t=[];if(this.peekIs(...e))e.forEach((e=>t.push(this.fetch())));return e.length==1?t.length==1?t[0]:undefined:e.length==t.length?t:undefined}mark(){return mi.Enumerable.from(mi.Enumerable.empty)}raise(e,t=ri.Level.Critical,o="grammatical",s){if(typeof e=="string"){if(!s&&this.last)s=this.last.region;e=new ri.Message(e,t,o,s)}this.errorHandler.raise(e)}static is(e,t){return Array.isArray(e)?e.some((e=>al.is(e,t))):typeof e!="string"?e.test(t):e.startsWith("!")&&e!="!"?!al.is(e.substring(1),t):e=="any"?al.symbol.every((e=>e!=t)):e=="symbol"?al.symbol.some((e=>e==t)):e=="identifier"?/[A-Za-z][A-Za-z0-9_]*/.test(t):e==t}}al.wildcard=["*","?"];al.separator=["(",")","."];al.operator=["!","|"];al.comparator=["<","<=",">",">=",":"];al.binaryOperator=[" * "," + "," - "];al.symbol=[...al.wildcard,...al.separator,...al.operator,...al.comparator];function il(e,t){if(typeof e=="string"){t=t||new ri.ConsoleHandler;const o=ui(e,t).toArray();e=new al(o,t)}t=t instanceof so?t:undefined;const o=[];while(e.peek()){if(e.fetchIf("|"))o[o.length-1]=new ol([o[o.length-1],ll(0,e)]);else o.push(ll(0,e))}return o.length==1?o[0]:new bo(o)}function ll(e,t){let o;const s=typeof e=="number"?t=>e<t:t=>e.precedence>t;const a=typeof e=="number"?undefined:e;for(const e of nl)if(s(e[1]||Number.MAX_SAFE_INTEGER)){const s=e[0](t,a);if(s){o=ll(s,t);break}}return o||a||new bo([])}const nl=[];function cl(e,t){nl.push([e,t])}function rl(e,t){if(typeof e=="string"){t=t||new ri.ConsoleHandler;const o=ui(e,t).toArray();e=new al(o,t)}t=t instanceof Di?t:undefined;let o;let s=false;let a=false;while(!o!=s&&!a&&e.peek()){let t=1;s=false;a=false;while(!s&&!a&&e.peek(t)){s=al.binaryOperator.some((o=>e.peek(t)?.value==o));a=al.comparator.some((o=>e.peek(t)?.value==o));t++}o=dl(o??Number.MAX_SAFE_INTEGER,e)}if(!o)e.raise("Missing Expression");return o??new Oi(NaN)}function dl(e,t){let o;const s=typeof e=="number"?undefined:e;for(const s of hl){const a=s[0](t,e);if(a){o=a;break}}return o||s}const hl=[];function bl(e,t){hl.push([e,t])}cl((e=>{const t=e.fetchIf(":","every","(")&&new Ai(il(e.clone()));if(t&&!e.fetchIf(")"))e.raise("Missing end of parenthesis.");return t}));cl((e=>{const t=e.fetchIf(":","some","(")&&new Yi(il(e.clone()));if(t&&!e.fetchIf(")"))e.raise("Missing end of parenthesis.");return t}));cl(fl(il));bl(fl(rl));function fl(e){return t=>{const o=t.fetchIf("(")&&e(t.clone());if(o&&!t.fetchIf(")"))t.raise("Missing end of parenthesis.");return o}}cl((e=>e.fetchIf(">")&&new Mi(rl(e))));cl((e=>e.fetchIf(">=")&&new $i(rl(e))));cl((e=>e.fetchIf("<")&&new Ki(rl(e))));cl((e=>e.fetchIf("<=")&&new Xi(rl(e))));cl((e=>e.fetchIf("!")&&new Qi(ll(Qi.precedence,e))));cl((e=>{const t=e.fetchIf("has","(","any",")")||e.fetchIf(":","has","(","any",")");return t&&new Pi(t.length==4?t[2].value:t[3].value)}));class ml extends so{constructor(e){super();this.value=e;this.precedence=85;this.class="Within"}is(e){return this.value.includes(e)}toString(){return`within(${this.value.join(", ")})`}}function yl(e,t){const o=new ml(e);return t?o.is(t):o}function ul(e,t,o){return o&&t?.class?xi.functions(e,(e=>[]),{value:"within()",cursor:7,suggestion:{value:"within()"}}):[]}Li.String.add(ul);Li.Number.add(ul);cl((e=>{const t=e.fetchIf(":","within","(");let o;if(t&&e.peek()){o=[e.fetch()?.value??""];while(e.fetchIf(","))o.push(e.fetchIf("any")?.value??"");if(!e.fetchIf(")"))e.raise("Missing end of parenthesis.")}return t&&o?new ml(o):undefined}));class pl extends so{constructor(e){super();this.criteria=e;this.precedence=85;this.class="Contains"}is(e,t){return Array.isArray(e)&&this.criteria.every((t=>e.some((e=>t==e))))}toString(){return`contains(${this.criteria.join(", ")})`}}function gl(e,t){const o=new pl(e);return t?o.is(t):o}function kl(e,t,o){return xi.functions(e,(()=>[]),{value:"contains()",cursor:9,suggestion:{value:"contains()"}})}Li.Array.add(kl);cl((e=>{const t=e.fetchIf(":","contains","(");const o=[];if(t&&e.peek()){do{o.push(e.fetchIf("any")?.value??"")}while(e.fetchIf(","));if(!e.fetchIf(")"))e.raise("Missing end of parenthesis.")}return t&&o.length>0?new pl(o):undefined}));cl((e=>{const t=e.peek(3)?.value;const o=[")",",","("].find((e=>e==t))||e.peek(2)?.value==")"?e.fetchIf("identifier","("):undefined;let s;if(o&&e.peek()){s=[e.fetchIf(/[A-Za-z0-9_\.\-]+/)?.value??""];while(e.fetchIf(","))s.push(e.fetchIf(/[A-Za-z0-9_\.\-]+/)?.value??"");if(!e.fetchIf(")"))e.raise("Missing end of parenthesis.")}return o&&s?new Ii(o[0].value,s):undefined}));class vl extends so{constructor(e,t){super();this.name=e;this.criteria=t;this.precedence=vl.precedence;this.class="Property";this.symbol="."}is(e,t){return!this.criteria?e==t?.[this.name]:typeof e=="object"?this.criteria.is(e[this.name],t??e):this.criteria.is(e,t?.[this.name])}toString(){return`${this.name}${this.criteria?this.criteria.symbol??":":""}${this.criteria?.stringify(this.precedence)??""}`}}vl.precedence=80;function wl(e,t,o){const s=(Array.isArray(e)?e:[e]).reduceRight(((e,t)=>new vl(t,e)),co(t));return o?s.is(o):s}io((e=>typeof e=="object"&&!(e instanceof so)&&!Array.isArray(e)?fo(...Object.getOwnPropertyNames(e).map((t=>wl(t,e[t])))):undefined));cl((e=>{const t=[];let o;while(o=e.fetchIf("identifier","."))t.push(o[0].value);if(e.peekIs("identifier",al.comparator)&&(o=e.fetchIf("identifier")))t.push(o.value);return t.length>0?t.reduceRight(((e,t)=>new vl(t,e)),e.peekIs("identifier")&&(o=e.fetchIf("identifier"))?new vl(o.value):ll(vl.precedence,e)):undefined}));cl((e=>{const t=e.fetchIf(":","*","any","*")||e.fetchIf("*","any","*");return t&&new Fi(t.length==4?t[2].value:t[1].value)}));class xl extends so{constructor(e){super();this.needle=e;this.precedence=Number.MAX_SAFE_INTEGER;this.class="StartsWith"}is(e){return typeof e=="string"&&e.startsWith(this.needle)}toString(){return`${this.needle}*`}}function Sl(e,t){return xi.expressions(e,(e=>!e||e.length==1&&e[0].value=="*"||e.length==2&&e[1].value=="*"&&t.value&&t.value.startsWith(e[0]?.value??"")?[Li.Completion.prepend("",{value:t?.value??"",suggestion:{value:t?.value??""}},"*")]:[]),{value:"*",cursor:0,suggestion:{value:"*",description:"startswith"}})}Li.String.add(Sl);cl((e=>{const t=e.fetchIf(":","any","*")||e.fetchIf("any","*");return t&&new xl(t?.length==3?t[1].value:t[0].value)}));cl((e=>{const t=e.fetchIf(":","*","any")||e.fetchIf("*","any");return t&&new Ti(t?.length==3?t[2].value:t[1].value)}));class Cl extends Di{toString(){const e=this.symbol;return this.left.stringify(Cl.getPrecedence(e))+` ${e} `+this.right.stringify(Cl.getPrecedence(e))}constructor(e,t,o,s){super();this.precedence=t;this.left=o;this.right=s;this.class="InfixOperator";this.symbol=e.replace(/ /g,"")}evaluate(e){let t;switch(this.getSymbol()){case"+":t=this.left.evaluate(e)+this.right.evaluate(e);break;case"-":t=this.left.evaluate(e)-this.right.evaluate(e);break;case"*":t=this.left.evaluate(e)*this.right.evaluate(e);break;default:t=NaN;break}return t}getSymbol(){return this.symbol}stringify(e=0){let t=this.toString();if(this.precedence<e)t="("+t+")";return t}static getPrecedence(e){let t;e=e?.replace(/ /g,"");switch(e){case"+":t=14;break;case"-":t=15;break;case"*":t=16;break;default:t=undefined;break}return t}static create(e,t,o){let s;const a=new Cl("+",14,t,o);const i=Cl.getPrecedence(e);if(i)s=new Cl(e,i,t,o);return s||a}}function zl(e,t,o){return[" + "," - "," * "].map((e=>({value:e,suggestion:{value:e}}))).map((s=>Li.Completor.operators(e,(e=>e?o.complete(e,undefined,t):[]),s))).reduce(((e,t)=>e.concat(t)),[])}Li.Number.addArgument(zl);bl(((e,t)=>{let o;const s=e.peekIs(al.binaryOperator)&&e.fetch().value;let a;if(s&&typeof t=="object"){let i;let l;let n=0;a=Cl.getPrecedence(s);while(!l&&e.peek(n)){l=e.peek(n)?.value=="("?Number.MAX_SAFE_INTEGER:Cl.getPrecedence(e.peek(n)?.value);n++}if(l&&a<l){i=dl(a,e);if(!i){e.raise("Missing right hand side of "+s)}}else i=dl(NaN,e);if(l&&a==l||l==Number.MAX_SAFE_INTEGER){o=dl(new Cl(s,a,t,i),e)}else o=new Cl(s,a,t,i)}return o}));bl(((e,t)=>{const o=[];let s;while(s=e.fetchIf("identifier","."))o.push(s[0].value);let a;if(o.length==0){s=e.fetchIf("any",".","any")||e.fetchIf("any",",","any")||e.fetchIf("any");a=s&&(Array.isArray(s)?new Oi(+s.map((e=>e.value.replace(",","."))).join("")):new Oi(s.value))}else{s=e.fetchIf("identifier");const t=new Oi(s?s.value:0);a=o.length>0?o.reduceRight(((e,t)=>new Oi(isNaN(+e)?e:+e,t)),t):undefined}if(a&&typeof t=="number"&&!isNaN(t)&&t!=Number.MAX_SAFE_INTEGER)a=dl(a,e);return a}));cl((e=>{let t;if(e.fetchIf(":")){let o=false;let s=false;let a=1;while(!o&&!s&&e.peek(a)){o=al.binaryOperator.some((t=>e.peek(a)?.value==t));s=al.comparator.some((t=>e.peek(a)?.value==t));a++}if(o)t=rl(e)}const o=e.fetchIf("any");return t?new Gi(t):o&&new Gi(o.value)}));cl((e=>{e.raise(`Ignoring unknown token "${e.fetch()}"`);return undefined}));function _l(e,t,o={input:[],identifier:[]}){return Ll[t?.class]?.(e,t,o)??t}const Ll={};function Tl(e,t){Ll[e]=t}Tl("And",((e,t,o)=>new bo(t.rules.map((t=>_l(e,t,o))))));var jl;(function(e){function t(e,t){let o=undefined;let s;const a=typeof e=="string"?e:e.toString();if(t&&t.input&&t.identifier&&t?.input?.length>0&&t?.identifier?.length>0&&t.identifier.includes(a)){s=t.identifier.indexOf(a);o=isNaN(+t.input[s])?t.input[s]:+t.input[s]}return o}e.argument=t})(jl||(jl={}));Tl("EndsWith",((e,t,o)=>{const s=jl.argument(t.needle,o);return s?new Ti(typeof s=="object"?s.value.toString():s.toString()):t}));Tl("Every",((e,t,o)=>new Ai(_l(e,t.criteria,o))));Tl("FunctionCall",((e,t,o)=>{const s=e[t.identifier];const a=s?il(s.definition):undefined;const i=a?_l(e,a,{input:o?.input?.concat(t.argument),identifier:o?.identifier?.concat(s.arguments)}):undefined;return new Ii(t.identifier,t.argument,i)}));Tl("GreaterThan",((e,t,o)=>{const s=jl.argument(t.value,o);return s?new Mi(s):t}));Tl("GreaterThanOrEqual",((e,t,o)=>{const s=jl.argument(t.value,o);return s?new $i(s):t}));Tl("Has",((e,t,o)=>{const s=jl.argument(t.property,o);return s?new Pi(typeof s=="object"?s.value.toString():s.toString()):t}));Tl("Includes",((e,t,o)=>{const s=jl.argument(t.needle,o);return s?new Fi(typeof s=="object"?s.value.toString():s.toString()):t}));Tl("LesserThan",((e,t,o)=>{const s=jl.argument(t.value,o);return s?new Ki(s):t}));Tl("LesserThanOrEqual",((e,t,o)=>{const s=jl.argument(t.value,o);return s?new Xi(s):t}));Tl("Not",((e,t,o)=>new Qi(_l(e,t.criteria,o))));Tl("Or",((e,t,o)=>new ol(t.criteria.map((t=>_l(e,t,o))))));Tl("Property",((e,t,o)=>new vl(t.name,t.criteria&&_l(e,t.criteria,o))));Tl("Some",((e,t,o)=>new Yi(_l(e,t.criteria,o))));Tl("StartsWith",((e,t,o)=>{const s=jl.argument(t.needle,o);return s?new xl(typeof s=="object"?s.value.toString():s.toString()):t}));Tl("Is",((e,t,o)=>{const s=jl.argument(t.value,o);return s?new Gi(s):t}));class Al extends so{constructor(e){super();this.criteria=e;this.precedence=Number.MAX_SAFE_INTEGER;this.class="Tuple"}is(e){return this.criteria.length==e.length&&this.criteria.every(((t,o)=>t.is(e[o])))}toString(){return`[${this.criteria.map((e=>e.toString())).join(", ")}]`}}io((e=>Array.isArray(e)?new Al(e.map(co)):undefined));function El(e,t){const o=co(e);return t?o.is(t):o}function Il(e,t){const o=co(e);return o.filter(t)}const Dl=r({emit:d()});var Ol;(function(e){let t;(function(e){e.type=r({property:h().optional(),properties:b(h(),h()).optional()})})(t=e.Element||(e.Element={}));e.type=t.type.extend({smoothlyFilterUpdate:Dl,smoothlyFilterManipulate:Dl})})(Ol||(Ol={}));const Ml='.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(--background-color, var(--smoothly-color-shade)));\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 Rl=Ml;const $l=class{constructor(t){e(this,t);this.smoothlyFilter=o(this,"smoothlyFilter",7);this.updating=false;this.filters=new Set;this.detailChildren=undefined;this.criteria=fo();this.expanded=false}updateHandler(e){e.stopPropagation();if(Ol.Element.type.is(e.target))this.filters.add(e.detail)}manipulateHandler(e){e.stopPropagation();this.updating=true;this.criteria=e.detail(this.criteria);this.smoothlyFilter.emit(this.criteria);this.filters.forEach((e=>e(this.criteria)));this.updating=false}filterFieldHandler(e){e.stopPropagation();if(!this.updating){this.smoothlyFilter.emit(this.criteria=fo(e.detail));this.filters.forEach((e=>e(this.criteria)))}}clear(){var e;(e=this.field)===null||e===void 0?void 0:e.clear();this.smoothlyFilter.emit(this.criteria=fo());this.filters.forEach((e=>e(this.criteria)))}render(){return t(s,{key:"81664460813d6bf7be85879df218996b912c1d17"},t("slot",{key:"3d76f72dea6acc1d011b3b6428789398156d3ecf",name:"bar"}),t("smoothly-filter-field",{key:"e8a8a79b3a04a7fe768017983fb188da8abf4c85",criteria:this.criteria,ref:e=>this.field=e}),this.criteria.toString()!=""&&t("smoothly-icon",{key:"483c2e3535051f512f5206f91a9ea0a127b593e7",name:"close",toolTip:"Clear all filters",size:"small",onClick:()=>{this.clear()}}),t("div",{key:"ccef3b5ae90acd43513ce24fac9a7feb841404e0",class:this.expanded?"container arrow-top":"hidden"},t("slot",{key:"0e3c211bbe00714c1f0862be9bf262095d64ff98",name:"detail"})),t("smoothly-icon",{key:"4d111baa5916d32a85e9bc8f620070c987fe86ff",name:this.expanded?"options":"options-outline",toolTip:(this.expanded?"Hide":"Show")+" additional filters",size:"small",onClick:()=>{this.expanded=!this.expanded}}),t("div",{key:"8e6f244bcfdad0c807fab1acfa979d735b170b53",class:this.expanded?"close":"hidden",onClick:()=>this.expanded=!this.expanded}))}};$l.style=Rl;const Hl=".sc-smoothly-filter-field-h{flex-grow:5}";const Pl=Hl;const Nl=class{constructor(t){e(this,t);this.smoothlyFilterField=o(this,"smoothlyFilterField",7);this.criteria=undefined}async clear(){var e;await((e=this.input)===null||e===void 0?void 0:e.clear())}filterFieldEmit(){var e,t;this.smoothlyFilterField.emit(il((t=(e=this.input)===null||e===void 0?void 0:e.value)!==null&&t!==void 0?t:""))}render(){return t(s,{key:"5b3c10f45232bb32745c35d351e70086da1cfcd3",onKeyDown:e=>e.key=="Enter"&&this.filterFieldEmit()},t("smoothly-input",{key:"9f3587c19fc8890aed8c16b1ea959440f09dbf05",name:"filter",ref:e=>this.input=e,value:this.criteria.toString(),onSmoothlyInputLooks:e=>e.stopPropagation(),onSmoothlyBlur:e=>{e.stopPropagation();this.filterFieldEmit()},onSmoothlyFormDisable:e=>e.stopPropagation(),onSmoothlyInputLoad:e=>e.stopPropagation(),onSmoothlyChange:e=>e.stopPropagation(),onSmoothlyInput:e=>{e.stopPropagation()}},"Filter"))}};Nl.style=Pl;const Fl=".sc-smoothly-filter-input-h{display:block}";const Ul=Fl;const Wl=class{constructor(t){e(this,t);this.smoothlyFilterUpdate=o(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=o(this,"smoothlyFilterManipulate",7);this.type="text";this.needle="";this.property=undefined;this.placeholder=undefined}componentDidLoad(){this.smoothlyFilterUpdate.emit(this.update.bind(this))}update(e){var t;if(e instanceof bo&&e.rules.length>0)for(const o of e.rules){const e=this.isCriteria(o,this.property);if(e){this.needle=(t=e.needle)!==null&&t!==void 0?t:"";break}}else this.needle=""}isCriteria(e,t){const[o,...s]=t.split(".");return e instanceof vl&&e.name==o&&(e.criteria instanceof Fi&&e.criteria||e.criteria instanceof vl&&this.isCriteria(e.criteria,s.join(".")))||undefined}inputHandler(e){e.stopPropagation();const t=e.detail[this.property];const o=e=>{let o=e;const s=t?this.getCriteria(t):undefined;if(o instanceof bo){const e=o.rules.findIndex((e=>this.findInstanceOf(e,this.property)));!s?e!=-1&&o.rules.splice(e,1):e==-1?o.rules.push(s):o.rules[e]=s;o=fo(...o.rules)}return o};this.smoothlyFilterManipulate.emit(o.bind(this))}getCriteria(e){return this.property.split(".").reduceRight(((e,t)=>wl(t,e)),Ui(e))}findInstanceOf(e,t){const[o,...s]=t.split(".");return e instanceof vl&&e.name==o&&(s.length==0||!!e.criteria&&this.findInstanceOf(e.criteria,s.join(".")))}render(){return t("smoothly-input",{key:"3be58e370cae393c8bb8f68899d028f7743efc87",name:this.property,value:this.needle,type:this.type,placeholder:this.placeholder,onSmoothlyBlur:e=>e.stopPropagation(),onSmoothlyFormDisable:e=>e.stopPropagation(),onSmoothlyInputLoad:e=>e.stopPropagation(),onSmoothlyChange:e=>e.stopPropagation(),onSmoothlyInput:e=>this.inputHandler(e)},t("slot",{key:"80c85e437a1a6f3be3614660335b9b5213abc642"}))}};Wl.style=Ul;const Yl=".sc-smoothly-filter-picker-h{display:contents}.sc-smoothly-filter-picker-h>smoothly-picker.sc-smoothly-filter-picker{flex-grow:1;width:12.5em}";const Bl=Yl;const ql=class{constructor(t){e(this,t);this.smoothlyFilterUpdate=o(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=o(this,"smoothlyFilterManipulate",7);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.updating=false;this.options=new Map;this.label=undefined;this.property=undefined;this.multiple=false;this.type="string";this.looks="plain"}componentDidLoad(){this.smoothlyInputLooks.emit((e=>this.looks=e));this.smoothlyFilterUpdate.emit(this.update.bind(this))}optionChangeHandler(e){e.stopPropagation();this.options.set(e.detail.value,{state:this.property.split(".").reduceRight(((e,t)=>({[t]:e})),e.detail.value),selected:e.detail.set.selected})}smoothlyInputLooksHandler(e){if(e.target!=this.element){e.stopPropagation();e.detail(this.looks)}}update(e){this.updating=true;if(e instanceof bo&&e.rules.length>0)for(const t of this.options.values()){t.selected(e.rules.some((e=>this.isCriteria(e,this.property,t.state)&&(this.type=="array"?this.findInstanceOf(e,this.property):e.is(t.state)))))}else this.options.forEach((e=>e.selected(false)));this.updating=false}isCriteria(e,t,o){const[s,...a]=t.split(".");return e instanceof vl&&e.name==s?this.isCriteria(e.criteria,a.join("."),o[s]):this.multiple?e instanceof ml&&e.value.some((e=>e==o))||this.type=="array"&&e instanceof pl&&e.criteria.some((e=>e==o)):e instanceof Gi&&e.value==o}pickerHandler(e){e.stopPropagation();if(!this.updating){const t=e.detail[this.property];const o=e=>{let o=e;const s=this.getCriteria(t);if(!(o instanceof so))o=s?fo(o,s):o;else if(o instanceof bo){const e=o.rules.findIndex((e=>this.findInstanceOf(e,this.property)));!s&&e>=0?o.rules.splice(e,1):!s?undefined:e==-1?o.rules.push(s):o.rules[e]=s;o=fo(...o.rules)}return o};this.smoothlyFilterManipulate.emit(o.bind(this))}}findInstanceOf(e,t){const[o,...s]=t.split(".");return e instanceof vl&&e.name==o&&(e.criteria instanceof ml||e.criteria instanceof Gi||e.criteria instanceof pl||e.criteria instanceof vl&&this.findInstanceOf(e.criteria,s.join(".")))}getCriteria(e){let t;if(this.multiple&&h().array({criteria:"minLength",value:1}).is(e))t=this.type=="array"?gl(e):yl(e);else if(typeof e=="string")t=El(e);else t=undefined;return t&&this.property.split(".").reduceRight(((e,t)=>wl(t,e)),t)}render(){return t("smoothly-picker",{key:"91d0160ffa43036e8348a7b3e33dab32fd64a518",name:this.property,looks:this.looks,multiple:this.multiple,onSmoothlyInputLooks:e=>e.stopPropagation(),onSmoothlyChange:e=>e.stopPropagation(),onSmoothlyPickerLoaded:e=>e.stopPropagation(),onSmoothlyInput:e=>this.pickerHandler(e)},this.label&&t("span",{key:"f3ea4ac053c0d324f3ec1a4cd17d9f09908e08d5",slot:"label"},[this.label.slice(0,1).toUpperCase(),this.label.slice(1,this.label.length)].join("")),t("span",{key:"dc459ed88ac57804b6d087b983e2d3e079b8f059",slot:"search"},"Search"),t("slot",{key:"078a55f2cfba6d8f01ead63f0b9b0939317c79ba"}))}get element(){return a(this)}};ql.style=Bl;const Gl=".sc-smoothly-filter-toggle-h{position:relative;display:inline-block}[flip].sc-smoothly-filter-toggle-h{transform:scaleX(-1)}";const Kl=Gl;const Vl=class{constructor(t){e(this,t);this.smoothlyFilterUpdate=o(this,"smoothlyFilterUpdate",7);this.smoothlyFilterManipulate=o(this,"smoothlyFilterManipulate",7);this.icon=undefined;this.properties=undefined;this.toolTip=undefined;this.not=undefined;this.flip=false;this.active=false}componentWillLoad(){this.active&&this.activeHandler()}componentDidLoad(){this.smoothlyFilterUpdate.emit(this.update.bind(this))}update(e){if(e instanceof bo&&e.rules.length>0){this.active=Object.entries(this.properties).every((([t,o])=>e.rules.some((e=>{const s=!this.not?e:e instanceof Qi?e.criteria:undefined;return o==""?!(s instanceof vl&&s.name==t):this.isCriteria(s,t,o)}))))}else this.active=false}isCriteria(e,t,o){const[s,...a]=t.split(".");return e instanceof vl&&e.name==s&&(e.criteria instanceof Gi&&e.criteria.value==o||this.isCriteria(e.criteria,a.join("."),o))}activeHandler(e){const t=t=>{let o=t;e&&(this.active=!this.active);if(o instanceof bo){for(const[e,t]of Object.entries(this.properties)){const s=!this.active||this.active&&t==""?undefined:this.not?el(this.createCriteria(e,t)):this.createCriteria(e,t);const a=o.rules.findIndex((t=>this.findInstanceOf(t,e)));!s&&a>=0?o.rules.splice(a,1):!s?undefined:a==-1?o.rules.push(s):o.rules[a]=s}o=fo(...o.rules)}return o};this.smoothlyFilterManipulate.emit(t.bind(this))}createCriteria(e,t){const[o,...s]=e.split(".");return wl(o,s.length==0?El(t):this.createCriteria(s.join("."),t))}findInstanceOf(e,t){const o=!this.not?e:e instanceof Qi?e.criteria:false;const[s,...a]=t.split(".");return o instanceof vl&&o.name==s&&(a.length==0||!!o.criteria&&this.findInstanceOf(o.criteria,a.join(".")))}render(){return t("smoothly-icon",{key:"2fc651b1663f86fca9002f62374696fcf8fae4d6",fill:"clear",color:this.active?"success":"medium",name:this.active?`${this.icon}`:`${this.icon}-outline`,toolTip:this.toolTip,onClick:()=>this.activeHandler(true)})}};Vl.style=Kl;var Xl;(function(e){function t(e){return typeof e=="string"&&(e=="GET"||e=="POST"||e=="DELETE"||e=="HEAD"||e=="PATCH"||e=="PUT"||e=="OPTIONS"||e=="TRACE"||e=="CONNECT")}e.is=t;function o(e){e=e?.toUpperCase();return t(e)?e:undefined}e.parse=o})(Xl||(Xl={}));const Jl={};function Zl(e,...t){t.forEach((t=>Jl[t]=e))}function Ql(e){const t=e.headers.get("Content-Type");const o=t&&t.split(";");const s=Jl[o?.[0]??"plain/text"];return s?s(e):e.text()}const en={};function tn(e,...t){t.forEach((t=>en[t]=e))}function on(e,t){const o=en[t?.split(";")[0]??""];return o?o(e,t):e}function sn(e){return e.toLowerCase().replace(/-[a-z]/g,(e=>e.substring(1).toUpperCase()))}function an(e){const t=e.replace(/[A-Z]/g,(e=>"-"+e));return t[0].toUpperCase()+t.substring(1)}const ln=[["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 nn;(function(e){function t(e){function t(e){return e==undefined||typeof e=="string"}function o(e){return e==undefined||Array.isArray(e)&&e.every((e=>typeof e=="string"))}return typeof e=="object"&&ln.every((s=>(s[2]==1?t:o)(e[s[0]])))}e.is=t;function o(e){return Object.fromEntries(Object.entries(e).map((([e,t])=>{const o=ln.find((([t,o,s])=>t==e));return[o?o[1]:an(e),Array.isArray(t)?t.join(", "):t]})))}e.to=o;function s(e){return Object.fromEntries((Array.isArray(e)?e.map((([e,...t])=>[e,t.join(", ")])):i(e)?[...e]:Object.entries(e)).map((([e,t])=>{const o=ln.find((([t,o,s])=>e.toLowerCase()==o.toLowerCase()));return o?[o[0],o[2]==1||typeof t!="string"?t:t.split(",").map((e=>e.trim()))]:[sn(e),t]})))}e.from=s;function a(e){return Object.entries(e).map((([e,t])=>e+": "+t)).join("\n")}e.toString=a;function i(e){return typeof e.entries=="function"}})(nn||(nn={}));var cn;(function(e){function t(e){return typeof e=="object"&&Object.keys(e).every((e=>["method","url","parameter","search","remote","header","body"].some((t=>t==e))))&&Xl.is(e.method)&&e.url instanceof URL&&typeof e.parameter=="object"&&Object.entries(e.parameter).every((([e,t])=>typeof e=="string"&&typeof t=="string"))&&typeof e.search=="object"&&Object.entries(e.search).every((([e,t])=>typeof e=="string"&&typeof t=="string"))&&(e.remote==undefined||typeof e.remote=="string")&&(e.header==undefined||nn.is(e.header))}e.is=t;async function o(e){const o=t(e)?e:a(e);const s=o.header.contentType?.startsWith("multipart/form-data")?(({contentType:e,...t})=>t)(o.header):o.header;return{url:o.url.toString(),method:o.method,headers:nn.to(s),body:["GET","HEAD"].some((e=>e==o.method))?undefined:await on(await o.body,o.header.contentType)}}e.to=o;function s(e){const t=new URL(e.url);return{method:Xl.parse(e.method)??"GET",url:t,header:nn.from(e.headers),parameter:{},search:Object.fromEntries(t.searchParams.entries()),body:Ql(e),..."cf"in e&&{cloudflare:e.cf}}}e.from=s;function a(e){let t;if(typeof e=="string")t=a({url:e});else{const o=typeof e.url=="string"?new URL(e.url):e.url;t={method:Xl.parse(e.method)??"GET",url:o,parameter:e.parameter??{},search:{...e.search,...Object.fromEntries(o.searchParams.entries())},remote:e.remote,header:e.header??{},body:e.body}}return t}e.create=a;(function(e){e.is=nn.is;e.from=nn.from;e.to=nn.to})(e.Header||(e.Header={}))})(cn||(cn={}));const rn=typeof Response!="undefined"?Response:globalThis.Response;var dn=undefined&&undefined.__classPrivateFieldGet||function(e,t,o,s){if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?e!==t||!s:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?s:o==="a"?s.call(e):s?s.value:t.get(e)};var hn=undefined&&undefined.__classPrivateFieldSet||function(e,t,o,s,a){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?e!==t||!a:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?a.call(e,o):a?a.value=o:t.set(e,o),o};var bn,fn,mn,yn,un,pn,gn,kn,vn;class wn{get state(){return dn(this,yn,"f")?"closed":"opened"}set onMessage(e){if(dn(this,fn,"f").length&&e){dn(this,fn,"f").forEach(e);hn(this,fn,[],"f")}hn(this,pn,e,"f")}set onClose(e){if(this.state=="closed"&&e)e();hn(this,gn,e,"f")}set onOpen(e){if(this.state=="opened"&&e)e();hn(this,vn,e,"f")}constructor(e,t){bn.add(this);fn.set(this,[]);mn.set(this,[]);yn.set(this,false);un.set(this,void 0);pn.set(this,void 0);gn.set(this,void 0);vn.set(this,void 0);hn(this,un,e,"f");if(t)hn(this,mn,undefined,"f");dn(this,un,"f").addEventListener("open",(()=>{if(dn(this,vn,"f"))dn(this,vn,"f").call(this);dn(this,bn,"m",kn).bind(this)}));dn(this,un,"f").addEventListener("message",(async e=>{const t=this.processReceived(e.data);dn(this,bn,"m",kn).call(this);if(dn(this,pn,"f"))dn(this,pn,"f").call(this,t);else dn(this,fn,"f")?.push(t)}));dn(this,un,"f").addEventListener("close",(()=>{if(dn(this,gn,"f"))dn(this,gn,"f").call(this);hn(this,yn,true,"f")}))}send(e){if(dn(this,mn,"f"))dn(this,mn,"f").push(this.processSend(e));else dn(this,un,"f").send(this.processSend(e))}}fn=new WeakMap,mn=new WeakMap,yn=new WeakMap,un=new WeakMap,pn=new WeakMap,gn=new WeakMap,vn=new WeakMap,bn=new WeakSet,kn=function e(){dn(this,mn,"f")?.forEach((e=>dn(this,un,"f").send(e)));hn(this,mn,undefined,"f")};class xn extends wn{processReceived(e){return e?.arrayBuffer?e.arrayBuffer():typeof e=="string"?(new TextEncoder).encode(e).buffer:e}processSend(e){return e}}class Sn extends wn{processReceived(e){return JSON.parse(e?.arrayBuffer?(new TextDecoder).decode(e.arrayBuffer()):typeof e!="string"?(new TextDecoder).decode(e):e)}processSend(e){return JSON.stringify(e)}}class Cn extends wn{processReceived(e){return e?.arrayBuffer?(new TextDecoder).decode(e.arrayBuffer()):typeof e!="string"?(new TextDecoder).decode(e):e}processSend(e){return e}}var zn=undefined&&undefined.__classPrivateFieldGet||function(e,t,o,s){if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?e!==t||!s:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?s:o==="a"?s.call(e):s?s.value:t.get(e)};var _n=undefined&&undefined.__classPrivateFieldSet||function(e,t,o,s,a){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?e!==t||!a:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?a.call(e,o):a?a.value=o:t.set(e,o),o};var Ln,Tn,jn;class An{get json(){if(!zn(this,Ln,"f"))_n(this,Ln,new Sn(this.backend,this.isOpen),"f");return zn(this,Ln,"f")}get string(){if(!zn(this,Tn,"f"))_n(this,Tn,new Cn(this.backend,this.isOpen),"f");return zn(this,Tn,"f")}get arrayBuffer(){if(!zn(this,jn,"f"))_n(this,jn,new xn(this.backend,this.isOpen),"f");return zn(this,jn,"f")}constructor(e,t){this.backend=e;this.isOpen=t;Ln.set(this,void 0);Tn.set(this,void 0);jn.set(this,void 0)}createResponse(e={}){return{status:101,socket:this,header:e}}close(e,t){this.backend.close(e,t)}}Ln=new WeakMap,Tn=new WeakMap,jn=new WeakMap;var En;(function(e){e.Factory=An})(En||(En={}));const In=[["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 Dn;(function(e){function t(e){function t(e){return e==undefined||typeof e=="string"}function o(e){return e==undefined||Array.isArray(e)&&e.every((e=>typeof e=="string"))}return typeof e=="object"&&In.every((s=>(s[2]==1?t:o)(e[s[0]])))}e.is=t;function o(e){return Object.fromEntries(Object.entries(e).map((([e,t])=>{const o=In.find((([t,...o])=>t==e));return[o?o[1]:an(e),Array.isArray(t)?t.join(", "):t]})))}e.to=o;function s(e){return Object.fromEntries((Array.isArray(e)?e.map((([e,...t])=>[e,t.join(", ")])):i(e)?l(e):Object.entries(e)).map((([e,t])=>{const o=In.find((([t,o,s])=>e.toLowerCase()==o.toLowerCase()));return o?[o[0],o[2]==1||typeof t!="string"?t:t.split(",").map((e=>e.trim()))]:[sn(e),t]})))}e.from=s;function a(e){return Object.entries(e).map((([e,t])=>e+": "+t)).join("\n")}e.toString=a;function i(e){return typeof e.forEach=="function"}function l(e){const t=[];e.forEach(((e,o)=>t.push([o,e])));return t}})(Dn||(Dn={}));var On;(function(e){function t(e){return typeof e=="object"&&Object.keys(e).every((e=>["status","header","body","socket"].some((t=>t==e))))&&(e.status==undefined||typeof e.status=="number")&&(e.header==undefined||Dn.is(e.header))&&(e.socket==undefined||typeof e.socket.close=="function"&&typeof e.socket.json?.send=="function"&&typeof e.socket.string?.send=="function"&&typeof e.socket.arrayBuffer?.send=="function")&&(e.status!=undefined||e.header!=undefined||e.body!=undefined)}e.is=t})(On||(On={}));var Mn;(function(e){function t(e){return typeof e=="object"&&Object.keys(e).every((e=>["status","header","body","socket"].some((t=>t==e))))&&(e.status==undefined||typeof e.status=="number")&&(e.header==undefined||Dn.is(e.header))&&(e.socket==undefined||e.socket instanceof WebSocket)}e.is=t;async function o(e){return new rn(await on(await e.body,e.header.contentType),{status:e.status,headers:new Headers(Dn.to(!e.header.contentType?.startsWith("multipart/formdata")?e.header:(({contentType:e,...t})=>t)(e.header))),...e.socket&&{webSocket:{...e.socket.createResponse().socket}?.backend}})}e.to=o;function s(e){return{status:e.status,header:Dn.from(e.headers),body:e.status==101?undefined:Ql(e),...e.webSocket&&{socket:new En.Factory(e.webSocket)}}}e.from=s;function a(e,t){const o=On.is(e)?{status:200,header:{},body:undefined,...e.socket&&{socket:e.socket},...e}:typeof e?.createResponse=="function"&&(t==undefined||Dn.is(t))?e.createResponse(t):{status:typeof e=="object"&&typeof e.status=="number"&&e.status||200,header:typeof e=="object"?{...e.header,...(e.status==301||e.status==302)&&e.location?{location:e.location}:{}}:{},body:!(typeof e=="object"&&!Array.isArray(e))||e instanceof ArrayBuffer||ArrayBuffer.isView(e)||e instanceof FormData?e:(({header:e,...t})=>t)(e),...e.webSocket&&{socket:new En.Factory(e.webSocket)}||e.socket&&{socket:e.socket}};if(!o.header.contentType)switch(typeof o.body){case"undefined":break;default:case"object":o.header.contentType=typeof t=="string"?t:t?.contentType?t.contentType:o.body instanceof FormData?"multipart/formdata":o.body instanceof ArrayBuffer||ArrayBuffer.isView(o.body)?i(o.body)?"application/pdf":"application/octet-stream":"application/json; charset=utf-8";break;case"string":o.header.contentType=o.body.slice(0,9).toLowerCase()=="<!doctype"?"text/html; charset=utf-8":/^[A-Za-z0-9-_=]+\.[A-Za-z0-9-_=]+\.?[A-Za-z0-9-_.+/=]*$/.test(o.body)?"application/jwt; charset=utf-8":/^<\?xml version=(.|\n)*\?>(.|\n)*<svg(.|\n)*<\/svg>$/.test(o.body)?"image/svg+xml":"text/plain; charset=utf-8";break}return o}e.create=a;function i(e){const t=new Uint8Array(ArrayBuffer.isView(e)?e.buffer:e).slice(0,4);return[37,80,68,70].every(((e,o)=>e==t[o]))}e.Header=Dn;e.Like=On})(Mn||(Mn={}));const Rn=$n(globalThis.fetch);Rn.create=$n;function $n(e){return async t=>{const o=cn.create(t);return Mn.from(await e(o.url.toString(),await cn.to(o)))}}var Hn;(function(e){function t(e){const t=new globalThis.FormData;t.append("*",new globalThis.Blob([(new TextEncoder).encode(JSON.stringify(o(e,"",t)))],{type:"application/json; charset=utf-8"}));return t}e.to=t;function o(e,t,a){return Object.entries(e).reduce(((e,[i,l])=>{l instanceof Blob?a.append(t?`${t}.${i}`:i,l):typeof l=="object"&&l?Array.isArray(l)?e[i]=s(l,t?`${t}.${i}`:i,a):e[i]=o(l,t?`${t}.${i}`:i,a):e[i]=l;return e}),{})}function s(e,t,a){return e.reduce(((e,i)=>{typeof i=="object"&&i?Array.isArray(i)?e.push(s(i,t,a)):e.push(o(i,t,a)):e.push(i);return e}),[])}async function a(e){const t={};for(const[o,s]of e.entries())await i(t,o.split("."),s);return t}e.from=a;async function i(e,[t,...o],s){if(o.length==0)s instanceof Blob&&s.type.startsWith("application/json")?t=="*"?l(e,JSON.parse(await s.text())):typeof e[t]=="object"&&e[t]?l(e[t],JSON.parse(await s.text())):e[t]=JSON.parse(await s.text()):e[t]=s;else i(typeof e[t]=="object"&&e[t]?e[t]:e[t]={},o,s)}function l(e,...t){if(t.length){const[o,...s]=t;Object.entries(o).forEach((([t,s])=>n(s)?l(n(e[t])?e[t]:e[t]={},s):e[t]=o[t]));l(e,...s)}}function n(e){return e&&typeof e=="object"&&!Array.isArray(e)}e.isObject=n})(Hn||(Hn={}));function Pn(e){const t=[];const o=(e,s)=>{switch(typeof s){default:case"bigint":case"boolean":case"number":case"string":t.push(`${e}=${encodeURIComponent(s.toString())}`);break;case"undefined":break;case"object":for(const t in s)if(Object.prototype.hasOwnProperty.call(s,t))o(e?e+`[${t}]`:t,s[t]);break}};o("",e);return t.join("&")}function Nn(e){const t=e=>typeof e=="object"&&Object.keys(e).sort().every(((e,t)=>`${e}`==`${t}`))?Object.entries(e).sort().map((e=>typeof e[1]=="object"?t(e[1]):e[1])):typeof e=="object"?Object.fromEntries(Object.entries(e).map((e=>[e[0],t(e[1])]))):e;const o=(e,t,s)=>{e[t[0]]=t.length>1?o(e[t[0]]??{},t.slice(1),s):s;return e};const s=e.split("&").map((e=>e.split("=",2))).map((([e,t])=>[decodeURIComponent(e).split("[").map((e=>e.replace("]",""))),decodeURIComponent(t.replace(/\+/g," "))]));return s.reduce(((e,[s,a])=>t(o(e,s,a))),{})}Zl((async e=>await e.text()),"text/plain","text/html");Zl((async e=>await e.json()),"application/json");Zl((async e=>await e.arrayBuffer()),"application/pdf");Zl((async e=>Hn.from(await e.formData())),"multipart/form-data");Zl((async e=>Nn(await e.text())),"application/x-www-form-urlencoded");tn((async e=>typeof e=="string"?e:e.toString()),"text/plain","text/html");tn((async e=>JSON.stringify(e)),"application/json");tn((async e=>e),"application/pdf");tn((async e=>Pn(e)),"application/x-www-form-urlencoded");tn((async e=>e instanceof globalThis.FormData?e:Hn.to(e)),"multipart/form-data");var Fn;(function(e){function t(e){return e&&typeof e=="object"&&typeof e.clear=="function"}e.is=t})(Fn||(Fn={}));var Un;(function(e){let t;(function(e){e.type=r({edit:d(),readonly:f(),listen:d(),reset:d(),setInitialValue:d()});e.is=e.type.is})(t=e.Element||(e.Element={}));const o=r({emit:d()});e.type=t.type.extend({changed:f(),value:T().optional(),smoothlyFormDisable:o});e.is=e.type.is})(Un||(Un={}));var Wn;(function(e){e.types=["plain","grid","border","line","transparent"];e.type=h(e.types);e.is=e.type.is})(Wn||(Wn={}));var Yn;(function(e){let t;(function(e){e.type=r({value:m(y.type,y.valueType).optional(),color:c.type.optional(),name:h(),looks:Wn.type,binary:d().optional()});e.is=e.type.is})(t=e.Element||(e.Element={}));const o=r({emit:d()});e.type=t.type.extend({smoothlyInputLoad:o,smoothlyInput:o,smoothlyInputForm:o.optional()});e.is=e.type.is})(Yn||(Yn={}));const Bn='smoothly-form{display:block;position:relative;--background-color:var(--smoothly-color-shade);--text-color:var(--smoothly-color-contrast)}smoothly-form>form{position:relative;min-width:15em}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:10em;flex-basis:40%}smoothly-form[looks="grid"]>form>fieldset{border:rgba(var(--text-color), .5) solid .5px}smoothly-form[looks="line"]>form>fieldset,smoothly-form[looks="border"]>form>fieldset,smoothly-form[looks="transparent"]>form>fieldset{gap:2em}smoothly-form>form>div:not(:empty){display:flex;justify-content:end;gap:1em;margin-top:0.5rem}';const qn=Bn;const Gn=class{constructor(t){e(this,t);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.smoothlyFormInput=o(this,"smoothlyFormInput",7);this.smoothlyFormSubmit=o(this,"smoothlyFormSubmit",7);this.smoothlyFormReset=o(this,"smoothlyFormReset",7);this.smoothlyFormEdit=o(this,"smoothlyFormEdit",7);this.smoothlyFormClear=o(this,"smoothlyFormClear",7);this.notice=o(this,"notice",7);this.contentType="json";this.inputs=new Map;this.readonlyAtLoad=this.readonly;this.listeners={};this.color=undefined;this.value={};this.action=undefined;this.type=this.action?"create":undefined;this.readonly=false;this.looks="plain";this.name=undefined;this.prevent=true;this.changed=false;this.processing=undefined}componentWillLoad(){!this.readonly&&this.smoothlyFormDisable.emit((e=>this.readonly=e))}async listen(e,t){var o;var s;((o=(s=this.listeners)[e])!==null&&o!==void 0?o:s[e]=[]).push(t);t(this)}watchValue(){var e;this.changed=[...this.inputs.values()].some((e=>Un.type.is(e)?e.changed:true));(e=this.listeners.changed)===null||e===void 0?void 0:e.forEach((e=>e(this)))}watchReadonly(){var e;(e=this.listeners.changed)===null||e===void 0?void 0:e.forEach((e=>e(this)))}smoothlyInputLooksHandler(e){e.stopPropagation();e.detail(this.looks,this.color)}async smoothlyInputHandler(e){this.smoothlyFormInput.emit(this.value=y.merge(this.value,e.detail))}windowSubmitHandler(e){e.target==this.element&&e.detail.result(false)}submitHandler(e){this.action&&e.stopPropagation()}async smoothlyInputLoadHandler(e){var t,o;e.stopPropagation();e.detail(this);if(Yn.Element.is(e.target)){if(await((o=(t=e.target).binary)===null||o===void 0?void 0:o.call(t)))this.contentType="form-data";this.value=y.merge(this.value,{[e.target.name]:e.target.value});this.inputs.set(e.target.name,e.target)}}async smoothlyFormDisableHandler(e){e.stopPropagation();e.detail(this.readonly)}async submit(e){this.processing=new Promise((t=>{this.smoothlyFormSubmit.emit({value:this.value,result:t,type:e==true?"remove":this.type});if(this.action){const o=this.action;this.notice.emit(k.execute("Submitting form",(async()=>{const s=e?"DELETE":!this.type||this.type=="create"?"POST":this.type=="change"?"PUT":this.type=="update"?"PATCH":"GET";const a=await Rn(cn.create(s=="GET"?{method:s,url:`${o}?${Pn(this.value)}`}:Object.assign({method:s,url:o},this.value&&{header:{contentType:this.contentType?"multipart/form-data":"application/json"},body:this.value}))).catch((()=>undefined));const i=!a||(a===null||a===void 0?void 0:a.status)<200||a.status>=300?[false,"Failed to submit form."]:[true,"Form successfully submitted."];t(i[0]);return[...i]})))}}));if(await this.processing){this.type=="create"&&await this.clear();this.setInitialValue();this.readonlyAtLoad&&this.edit(!this.readonlyAtLoad)}this.processing=undefined}async clear(){this.inputs.forEach((e=>{Fn.is(e)&&e.clear()}));this.smoothlyFormClear.emit()}async edit(e){this.inputs.forEach((t=>{Un.Element.type.is(t)&&t.edit(e)}));this.readonly=!e;this.smoothlyFormEdit.emit(e)}async reset(){this.inputs.forEach((e=>{Un.Element.type.is(e)&&e.reset()}));this.changed=[...this.inputs.values()].some((e=>Un.type.is(e)?e.changed:true));this.smoothlyFormReset.emit()}async setInitialValue(){this.inputs.forEach((e=>{Un.Element.type.is(e)&&e.setInitialValue()}))}render(){return t(s,{key:"e00e581b9355987c3883b871c438b23bbebd7f55"},t("smoothly-spinner",{key:"19c1126fd62e7a68b006c722fe699bae88c24d20",hidden:!this.processing}),t("form",{key:"1f40734177e334d179e791e19fdbbf1b1765631e",onSubmit:!this.prevent?undefined:e=>e.preventDefault(),name:this.name},t("fieldset",{key:"a927eb203f16be43bcfddb333e77893cba128834"},t("slot",{key:"67c77ea499a0f9c7122c04a9356e5c5f5c69c5bf"})),t("div",{key:"5ea77246fe0685a67da5288559437ccd10bc6171"},t("slot",{key:"069225fb5c34ecb6f332383cc37a572e8c75c978",name:"edit"}),t("slot",{key:"04577583689584fa80705886e55170f322ffd49f",name:"reset"}),t("slot",{key:"68cc9570e4f9fe3dd9e62ae91e2edd9b7c0b17ee",name:"clear"}),t("slot",{key:"a7a2b07868333504740afed1b0e7771955c85184",name:"submit"}))))}get element(){return a(this)}static get watchers(){return{value:["watchValue"],readonly:["watchReadonly"]}}};Gn.style=qn;const Kn=".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 Vn=Kn;const Xn=class{constructor(t){e(this,t);this.trigger=o(this,"trigger",7);this.message2=o(this,"message2",7);this.url=undefined;this.name=undefined;this.origin=undefined}get contentWindow(){const e=this.element&&this.element.firstElementChild?this.element.firstElementChild:undefined;return e&&e.contentWindow||undefined}get defaultOrigin(){const e=this.url.match(/^(([a-z]+\+)*[a-z]+:\/\/)?[^/^\n]+/);return e?e[0]:"*"}componentDidLoad(){var e;if(this.contentWindow)u.listen((e=this.origin)!==null&&e!==void 0?e:this.defaultOrigin,((e,t)=>{if(e==this.name)if(n.is(t))this.trigger.emit(t);else this.message2.emit({destination:e,content:t})}),window)}async send(e,t){var o,s;if(typeof e=="string")u.send(((o=this.origin)!==null&&o!==void 0?o:this.defaultOrigin)+"#"+e,t,this.contentWindow);else if(u.is(e)&&this.contentWindow)u.send({destination:((s=this.origin)!==null&&s!==void 0?s:this.defaultOrigin)+"#"+e.destination,content:e.destination},this.contentWindow)}render(){return[]}get element(){return a(this)}};Xn.style=Vn;const Jn="[size].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:block}[rotate].sc-smoothly-icon-h{--rotate:rotate(var(--rotation, 0deg));transform:var(--rotate)}[flip=x].sc-smoothly-icon-h{--flip:scaleX(-1);transform:var(--flip)}[flip=y].sc-smoothly-icon-h{--flip:scaleY(-1);transform:var(--flip)}[rotate][flip].sc-smoothly-icon-h{transform:var(--rotate)var(--flip)}[hidden].sc-smoothly-icon-h{display:none}[size=tiny].sc-smoothly-icon-h{width:1.2em;height:1.2em}[size=small].sc-smoothly-icon-h{width:1.4em;height:1.4em}[size=medium].sc-smoothly-icon-h{width:1.8em;height:1.8em}[size=large].sc-smoothly-icon-h{width:2.8em;height:2.8em}[size=xlarge].sc-smoothly-icon-h{width:4em;height:4em}";const Zn=Jn;const Qn=class{constructor(t){e(this,t);this.color=undefined;this.fill="solid";this.name="empty";this.size="medium";this.rotate=undefined;this.flip=undefined;this.toolTip=undefined;this.latestPromise=undefined;this.document=undefined}async componentWillLoad(){await this.nameChanged()}async nameChanged(){if(this.name!="empty"){const e=this.latestPromise=p.load(this.name);let t=await e;if(e==this.latestPromise){t=t===null||t===void 0?void 0:t.replace(/(?<=^<svg\s?)/,`$& role="img"`).replace(` width="512" height="512"`,"").replace(/stroke:#000;/gi,"");if(!this.toolTip)t=t===null||t===void 0?void 0:t.replace(/<title>.*<\/title>/,"");else if(t===null||t===void 0?void 0:t.includes("<title>"))t=t.replace(/(<title>).*(<\/title>)/,`<title>${this.toolTip}</title>`);else t=t===null||t===void 0?void 0:t.replace(/(.*>)(<\/svg>$)/,`$1<title>${this.toolTip}</title>$2`);this.updateDocument(t)}}else this.updateDocument()}updateDocument(e){this.document=e!==null&&e!==void 0?e:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\n\t\t<title>Empty</title>\n\t\t</svg>`}render(){var e;return t(s,{key:"d67dd2cd2e7e28d8b489693efd952c07a49a313c",innerHTML:this.document,style:{["--rotation"]:`${(e=this.rotate)!==null&&e!==void 0?e:0}deg`}})}static get watchers(){return{name:["nameChanged"]}}};Qn.style=Zn;const ec=".sc-smoothly-icon-demo-h{display:block}[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>*.sc-smoothly-icon-demo{margin:0.5cm}";const tc=ec;const oc=class{constructor(t){e(this,t);this.page=0}render(){return[t("h1",{key:"36670cd18a0dc44ede6a09afc973414d79523072"},"Icons"),t("div",{key:"2d73179111d42f824e46a45d4ea579e48d0a50db"},["add-circle","add","airplane","alarm","albums","alert-circle","alert","american-football","analytics","aperture","apps","archive","arrow-back-circle","arrow-back","arrow-down-circle","arrow-down","arrow-forward-circle","arrow-forward","arrow-redo-circle","arrow-redo","arrow-undo-circle","arrow-undo","arrow-up-circle","arrow-up","at-circle","at","attach","backspace","bandage","barbell","bar-chart","barcode","baseball","basketball","basket","battery-charging","battery-dead","battery-full","battery-half","beaker","bed","beer","bicycle","bluetooth","boat","body","bonfire","bookmarks","bookmark","book","briefcase","browsers","brush","bug","build","bulb","business","bus","cafe","calculator","calendar","call","camera-reverse","camera","card","caret-back-circle","caret-back","caret-down-circle","caret-down","caret-forward-circle","caret-forward","caret-up-circle","caret-up","car-sport","car","cart","cash","cellular","chatbox-ellipses","chatbox","chatbubble-ellipses","chatbubbles","chatbubble","checkbox","checkmark-circle","checkmark-done-circle","checkmark-done","checkmark","chevron-back-circle","chevron-back","chevron-down-circle","chevron-down","chevron-forward-circle","chevron-forward","chevron-up-circle","chevron-up","clipboard","close-circle","close","cloud-circle","cloud-done","cloud-download","cloud-offline","cloud","cloud-upload","cloudy-night","cloudy","code-download","code-slash","code","code-working","cog","color-fill","color-filter","color-palette","color-wand","compass","construct","contract","contrast","copy","create","crop","cube","cut","desktop","disc","document-attach","documents","document","document-text","download","duplicate","ear","earth","easel","egg","ellipse","ellipsis-horizontal-circle","ellipsis-horizontal","ellipsis-vertical-circle","ellipsis-vertical","enter","exit","expand","eyedrop","eye-off","eye","fast-food","female","file-tray-full","file-tray-stacked","file-tray","film","filter","finger-print","fitness","flag","flame","flashlight","flash-off","flash","flask","flower","folder-open","folder","football","funnel","game-controller","gift","git-branch","git-commit","git-compare","git-merge","git-network","git-pull-request","glasses","globe","golf","grid","hammer","hand-left","hand-right","happy","hardware-chip","headset","heart-circle","heart-dislike-circle","heart-dislike","heart-half","heart","help-buoy","help-circle","help","home","hourglass","ice-cream","images","image","infinite","information-circle","information","journal","keypad","key","language","laptop","layers","leaf","library","link","list-circle","list","locate","location","lock-closed","lock-open","log-in","logo-amazon","logo-amplify","logo-android","logo-angular","logo-apple-appstore","logo-apple","logo-behance","logo-bitbucket","logo-bitcoin","logo-buffer","logo-capacitor","logo-chrome","logo-closed-captioning","logo-codepen","logo-css3","logo-designernews","logo-docker","logo-dribbble","logo-dropbox","logo-edge","logo-electron","logo-euro","logo-facebook","logo-firebase","logo-firefox","logo-flickr","logo-foursquare","logo-github","logo-gitlab","logo-google-playstore","logo-google","logo-hackernews","logo-html5","logo-instagram","logo-ionic","logo-ionitron","logo-javascript","logo-laravel","logo-linkedin","logo-markdown","logo-medium","logo-nodejs","logo-no-smoking","logo-npm","logo-octocat","logo-paypal","logo-pinterest","logo-playstation","logo-pwa","logo-python","logo-react","logo-reddit","logo-rss","logo-sass","logo-skype","logo-slack","logo-snapchat","logo-soundcloud","logo-stackoverflow","logo-steam","logo-stencil","logo-tiktok","logo-tumblr","logo-tux","logo-twitch","logo-twitter","logo-usd","log-out","logo-web-component","logo-venmo","logo-whatsapp","logo-vimeo","logo-windows","logo-vk","logo-wordpress","logo-vue","logo-xbox","logo-xing","logo-yahoo","logo-yen","logo-youtube","magnet","mail-open","mail","mail-unread","male-female","male","man","map","medal","medical","medkit","megaphone","menu","mic-circle","mic-off-circle","mic-off","mic","moon","move","musical-notes","musical-note","navigate-circle","navigate","newspaper","notifications-circle","notifications-off-circle","notifications-off","notifications","nuclear","nutrition","open","options","paper-plane","partly-sunny","pause-circle","pause","paw","pencil","people-circle","people","person-add","person-circle","person-remove","person","phone-landscape","phone-portrait","pie-chart","pin","pint","pizza","planet","play-back-circle","play-back","play-circle","play-forward-circle","play-forward","play-skip-back-circle","play-skip-back","play-skip-forward-circle","play-skip-forward","play","podium","power","pricetags","pricetag","print","pulse","push","qr-code","radio-button-off","radio-button-on","radio","rainy","reader","receipt","recording","refresh-circle","refresh","reload-circle","reload","remove-circle","remove","reorder-four","reorder-three","reorder-two","repeat","resize","restaurant","return-down-back","return-down-forward","return-up-back","return-up-forward","ribbon","rocket","rose","sad","save","scan-circle","scan","school","search-circle","search","send","server","settings","shapes","share-social","share","shield-checkmark","shield","shirt","shuffle","skull","snow","speedometer","square","star-half","star","stats-chart","stop-circle","stop","stopwatch","subway","sunny","swap-horizontal","swap-vertical","sync-circle","sync","tablet-landscape","tablet-portrait","tennisball","terminal","text","thermometer","thumbs-down","thumbs-up","thunderstorm","timer","time","today","toggle","trail-sign","train","transgender","trash-bin","trash","trending-down","trending-up","triangle","trophy","tv","umbrella","walk","wallet","warning","watch","water","videocam","wifi","wine","volume-high","volume-low","volume-medium","volume-mute","volume-off","woman"].slice(this.page*100,100).map((e=>t("smoothly-icon",{name:e,toolTip:e})))),t("h3",{key:"2cbf252be0e78df71df95fd41c69f4dfcb9499ac"},"Icon transforms"),t("div",{key:"f515a217744345107ce5e81098871d1965031e63"},t("smoothly-icon",{key:"79246a06a006b95611eec1c839ed1612b737e630",name:"bicycle",toolTip:"Normal"}),t("smoothly-icon",{key:"3689f87f7ebe0f5fc227912c7413c66eb21ece6a",name:"bicycle",toolTip:"Flipped horizontally",flip:"x"}),t("smoothly-icon",{key:"8e71a8e918ceebdd976b1f5ddbea828108aef326",name:"bicycle",toolTip:"Flipped vertically",flip:"y"}),t("smoothly-icon",{key:"e2b0ebacb3cdcd4538c1203a6b79b4bc93ddacc4",name:"bicycle",toolTip:"Rotated 180deg",rotate:180}),t("smoothly-icon",{key:"e26b64b8efba749c1867a1172572af86f032ff8c",name:"wine",toolTip:"Rotated 60deg",rotate:60}),t("smoothly-icon",{key:"ec722adae5986492d5916a936de287254b08b93f",name:"wine",toolTip:"Rotated 213deg",rotate:213}),t("smoothly-icon",{key:"a948aac852480378638acf43bb42ecca50b2f559",name:"wine",toolTip:"Rotated -60deg",rotate:-60}),t("smoothly-icon",{key:"5f3fcad085e4482149f14572b371f34175a37cd2",name:"musical-notes",toolTip:"Flipped horizontally and rotated 45deg",rotate:45,flip:"x"}))]}};oc.style=tc;const sc='.sc-smoothly-input-h{box-sizing:border-box}.sc-smoothly-input-h[looks="border"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-h{border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="border"][readonly].sc-smoothly-input-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-h[looks="line"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-h[looks="grid"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks="grid"].sc-smoothly-input-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid .5px}[looks="grid"][readonly].sc-smoothly-input-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .2) solid .5px}[looks="transparent"].sc-smoothly-input-h{border:none}[looks="transparent"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks="transparent"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background:transparent}[looks="transparent"].sc-smoothly-input-h:focus-within{outline:1px solid rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);overflow:hidden;background-color:rgb(var(--background-color, var(--smoothly-color-shade)));color:rgb(var(--text-color, var(--smoothly-color-contrast)))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input:nth-child(2){margin-left:0.2em}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{position:absolute;left:0.4em;top:0.6em;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>label.sc-smoothly-input{display:none}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0.7em 0.7em 0.7em 0.8em}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input{padding:1.2em 0.7em 0.2em 0.8em;box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family);background-color:rgb(var(--background-color, var(--smoothly-color-shade)))}.sc-smoothly-input-h>div.sc-smoothly-input>smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:invalid+label.sc-smoothly-input+smoothly-icon.sc-smoothly-input{display:block}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h:not([readonly]):not(.has-value)[placeholder]>div.sc-smoothly-input>label.sc-smoothly-input,.has-value.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):not(.has-value):focus-within>div.sc-smoothly-input>label.sc-smoothly-input{top:0.4em;transform:scale(0.6)}.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(--background-color, var(--smoothly-color-shade))) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--background-color, var(--smoothly-color-shade))) 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(--text-color, var(--smoothly-color-contrast)))}';const ac=sc;const ic=class{constructor(t){e(this,t);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.smoothlyBlur=o(this,"smoothlyBlur",7);this.smoothlyChange=o(this,"smoothlyChange",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.keepFocusOnReRender=false;this.uneditable=this.readonly;this.listener={};this.color=undefined;this.delay=0;this.looks="plain";this.name=undefined;this.value=undefined;this.type="text";this.required=false;this.showLabel=true;this.autocomplete=true;this.placeholder=undefined;this.disabled=false;this.readonly=false;this.currency=undefined;this.changed=false;this.formatter=undefined;this.initialValue=undefined}async listen(e,t){this.listener[e]=t;t(this)}async SmoothlyInputLoadHandler(e){if(!(e.target&&"name"in e.target&&e.target.name==this.name)){e.stopPropagation();e.detail(this)}}typeChange(){let e;switch(this.type){case"price":e=ut("price",this.currency);break;default:e=ut(this.type,lc());break}this.formatter=e||ut("text")}newState(e){return this.formatter.format(bt.copy(this.formatter.unformat(bt.copy(e))))}valueWatcher(e,t){var o,s;this.changed=this.initialValue!==this.value;if(this.lastValue!=e){this.lastValue=e;this.state=Object.assign(Object.assign({},this.state),{value:this.newState({value:this.formatter.toString(e),selection:this.state.selection}).value})}if(e!=t){if(typeof e=="string")e=e.trim();this.smoothlyInputEmit(e)}(s=(o=this.listener).changed)===null||s===void 0?void 0:s.call(o,this)}async smoothlyInputEmit(e){var t;(t=this.abortInputEvent)===null||t===void 0?void 0:t.call(this);const o=window.setTimeout((()=>{this.abortInputEvent=undefined;this.smoothlyInput.emit({[this.name]:e})}),this.delay*1e3);this.abortInputEvent=()=>{this.abortInputEvent=undefined;window.clearTimeout(o)}}watchingReadonly(){var e,t;(t=(e=this.listener).changed)===null||t===void 0?void 0:t.call(e,this)}onCurrency(){this.state=Object.assign(Object.assign({},this.state),{value:this.newState({value:this.formatter.toString(this.value),selection:this.state.selection}).value,pattern:this.newState({value:this.formatter.toString(this.value),selection:this.state.selection}).pattern})}componentWillLoad(){var e,t;this.typeChange();const o=this.formatter.toString(this.value)||"";this.lastValue=this.initialValue=this.value;const s=o.length;this.state=this.newState({value:o,selection:{start:s,end:s,direction:"none"}});this.smoothlyInputLooks.emit(((e,t)=>(this.looks=e,!this.color&&(this.color=t))));this.smoothlyInputLoad.emit((()=>{}));!this.readonly&&this.smoothlyFormDisable.emit((e=>this.readonly=e));(t=(e=this.listener).changed)===null||t===void 0?void 0:t.call(e,this)}componentDidRender(){if(this.keepFocusOnReRender){this.inputElement.focus();this.keepFocusOnReRender=false}}async clear(){!this.uneditable&&(this.value=undefined)}async edit(e){!this.uneditable&&(this.readonly=!e)}async reset(){!this.uneditable&&(this.value=this.initialValue)}async setInitialValue(){this.changed=false;this.initialValue=this.value;this.smoothlyInput.emit({[this.name]:this.value})}async getFormData(e){const t={};const o=document.forms.namedItem(e);if(o){const e=o.elements;for(let o=0;o<e.length;o++){const s=e.item(o);if(this.hasNameAndValue(s)&&s.name)t[s.name]=s.value}const s=o.getElementsByTagName("smoothly-input");for(let e=0;e<s.length;e++){const o=s.item(e);if(this.hasNameAndValue(o)&&o.name)t[o.name]=o.value}}return t}hasNameAndValue(e){return typeof e.name=="string"&&typeof e.value=="string"}async setKeepFocusOnReRender(e){this.keepFocusOnReRender=e}async setSelectionRange(e,t,o){this.state=this.newState(Object.assign(Object.assign({},this.state),{selection:{start:e,end:t,direction:o!==null&&o!==void 0?o:this.state.selection.direction}}));const s=this.formatter.format(bt.copy(this.formatter.unformat(bt.copy(Object.assign({},this.state)))));this.updateBackend(s,this.inputElement)}onBlur(e){this.smoothlyBlur.emit();if(this.abortInputEvent){this.abortInputEvent();const e=typeof this.value=="string"?this.value.trim():this.value;this.smoothlyInput.emit({[this.name]:e})}if(this.initialValue!=this.value)this.smoothlyChange.emit({[this.name]:this.value})}onFocus(e){const t=this.formatter.format(bt.copy(this.formatter.unformat(bt.copy(Object.assign({},this.state)))));if(e.target)this.updateBackend(t,e.target,false)}onClick(e){var t,o,s;const a=e.target;this.state=Object.assign(Object.assign({},this.state),{value:a.value,selection:{start:(t=a.selectionStart)!==null&&t!==void 0?t:a.value.length,end:(o=a.selectionEnd)!==null&&o!==void 0?o:a.value.length,direction:(s=a.selectionDirection)!==null&&s!==void 0?s:"none"}});const i=this.newState(Object.assign({},this.state));this.updateBackend(i,a)}onKeyDown(e){var t,o,s;if(e.key&&!(e.key=="Unidentified")){const a=e.target;this.state=Object.assign(Object.assign({},this.state),{value:a.value,selection:{start:(t=a.selectionStart)!==null&&t!==void 0?t:a.value.length,end:(o=a.selectionEnd)!==null&&o!==void 0?o:a.value.length,direction:(s=a.selectionDirection)!==null&&s!==void 0?s:"none"}});if(!((e.ctrlKey||e.metaKey)&&(e.key=="v"||e.key=="x"||e.key=="c"))&&e.key.length==1||e.key=="ArrowLeft"||e.key=="ArrowRight"||e.key=="Delete"||e.key=="Backspace"||e.key=="Home"||e.key=="End"){e.preventDefault();this.processKey(e,a)}else if(e.key=="ArrowUp"||e.key=="ArrowDown")e.preventDefault()}}onPaste(e){e.preventDefault();let t=e.clipboardData?e.clipboardData.getData("text"):"";const o=e.target;t=this.expiresAutocompleteFix(o,t);this.processPaste(t,o)}onInput(e){var t;if(e.inputType=="insertReplacementText"){this.processKey({key:"a",ctrlKey:true},e.target);[...(t=e.data)!==null&&t!==void 0?t:""].forEach((t=>this.processKey({key:t},e.target)))}else{const t=e.target;let o=t.value;if(o){e.preventDefault();this.processKey({key:"a",ctrlKey:true},t);o=this.expiresAutocompleteFix(t,o);for(const e of o)this.processKey({key:e},t)}}}expiresAutocompleteFix(e,t){var o;if(((o=e.attributes.getNamedItem("autocomplete"))===null||o===void 0?void 0:o.value)=="cc-exp")t=t.match(/^20\d\d[.\D]*\d\d$/)?t.substring(t.length-2,t.length)+t.substring(2,4):t.match(/^(1[3-9]|[2-9]\d)[.\D]*\d\d$/)?t.substring(t.length-2,t.length)+t.substring(0,2):t.match(/^\d\d[.\D]*20\d\d$/)?t.substring(0,2)+t.substring(t.length-2,t.length):t;return t}processPaste(e,t){if(!this.readonly){const o=ft.paste(this.formatter,this.state,e);this.updateBackend(o,t)}}processKey(e,t){if(!this.readonly){const o=ft.apply(this.formatter,this.state,e);this.updateBackend(o,t)}}updateBackend(e,t,o=true){var s;if(e.value!=t.value)t.value=e.value;if(o){if(t.selectionStart!=undefined&&e.selection.start!=t.selectionStart)t.selectionStart=e.selection.start;if(t.selectionEnd!=undefined&&e.selection.end!=t.selectionEnd)t.selectionEnd=e.selection.end;t.selectionDirection=(s=e.selection.direction)!==null&&s!==void 0?s:t.selectionDirection}this.state=e;this.value=this.lastValue=this.formatter.fromString(this.formatter.unformat(bt.copy(Object.assign({},this.state))).value)}render(){var e,o,a,i,l,n,c;return t(s,{key:"5746fe8c962553c39ec0f37b09f499cc27a26a60",class:{"has-value":((e=this.state)===null||e===void 0?void 0:e.value)!=undefined&&((o=this.state)===null||o===void 0?void 0:o.value)!=""},onclick:()=>{var e;return(e=this.inputElement)===null||e===void 0?void 0:e.focus()}},t("slot",{key:"7430fb4e811ec0d4cf8c1430eb63ba2a89cd1dc6",name:"start"}),t("div",{key:"746ff0d0ba10f288397aa3721912e350e31510a0"},t("input",{key:"62cf21235bbd579a46022a8317ff64b0c33c7118",color:this.color,name:this.name,type:(a=this.state)===null||a===void 0?void 0:a.type,placeholder:this.placeholder,required:this.required,autocomplete:this.autocomplete?(i=this.state)===null||i===void 0?void 0:i.autocomplete:"off",disabled:this.disabled,readOnly:this.readonly,pattern:((l=this.state)===null||l===void 0?void 0:l.pattern)&&((n=this.state)===null||n===void 0?void 0:n.pattern.source),value:(c=this.state)===null||c===void 0?void 0:c.value,onInput:e=>this.onInput(e),onFocus:e=>this.onFocus(e),onClick:e=>this.onClick(e),onBlur:e=>this.onBlur(e),onKeyDown:e=>this.onKeyDown(e),ref:e=>this.inputElement=e,onPaste:e=>this.onPaste(e)}),t("label",{key:"375cf8ffe2559183e4994ae8ab97e074e6a713cd",htmlFor:this.name},t("slot",{key:"f1e4b689ee600cf0d8c0fbc0a55605160e95a8db"})),t("smoothly-icon",{key:"63236d520bc6c28b09323e2beb12a63e54ccd06e",name:"alert-circle",color:"danger",fill:"clear",size:"small"})),t("slot",{key:"6e5b1a67028531a77e1b2c8d0e8126fc1b92e82f",name:"end"}))}static get watchers(){return{type:["typeChange"],value:["valueWatcher"],readonly:["watchingReadonly"],currency:["onCurrency"]}}};function lc(){const e=navigator.language;return C.is(e)?e:z.is(e)?C.toLocale(e):undefined}ic.style=ac;const nc='.sc-smoothly-input-checkbox-h{box-sizing:border-box}.sc-smoothly-input-checkbox-h[looks="border"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-checkbox-h{border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="border"][readonly].sc-smoothly-input-checkbox-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-checkbox-h[looks="line"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="line"][readonly].sc-smoothly-input-checkbox-h{border-bottom:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-checkbox-h[looks="grid"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks="grid"].sc-smoothly-input-checkbox-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid .5px}[looks="grid"][readonly].sc-smoothly-input-checkbox-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .2) solid .5px}[looks="transparent"].sc-smoothly-input-checkbox-h{border:none}[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:focus-within{outline:1px solid rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5em;padding:.6em;box-sizing:border-box;background-color:rgb(var(--background-color))}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.2em;width:1.2em;border:1px solid black;display:block}.sc-smoothly-input-checkbox-h:not([readonly])>smoothly-icon.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly])>input.sc-smoothly-input-checkbox{cursor:pointer}[disabled].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[disabled].sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{border-color:rgb(var(--smoothly-color-contrast), 0.3);color:rgb(var(--smoothly-color-contrast), 0.4)}';const cc=nc;const rc=class{constructor(t){e(this,t);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.listener={};this.name=undefined;this.changed=false;this.readonly=false;this.checked=false;this.value=this.checked;this.looks="plain";this.disabled=undefined}componentWillLoad(){var e,t;this.initialValue=this.checked;!this.readonly&&this.smoothlyFormDisable.emit((e=>this.readonly=e));this.smoothlyInputLooks.emit((e=>this.looks=e));this.smoothlyInputLoad.emit((()=>{}));(t=(e=this.listener).changed)===null||t===void 0?void 0:t.call(e,this)}async clear(){!this.disabled&&!this.readonly&&(this.checked=false)}async listen(e,t){this.listener[e]=t;t(this)}async edit(e){this.readonly=!e}async reset(){this.checked=this.initialValue}async setInitialValue(){this.initialValue=this.checked;this.changed=false}elementCheck(){var e,t;this.changed=this.initialValue!==this.checked;this.smoothlyInput.emit({[this.name]:this.checked});(t=(e=this.listener).changed)===null||t===void 0?void 0:t.call(e,this)}inputHandler(){!this.disabled&&!this.readonly&&(this.checked=!this.checked)}render(){return t(s,{key:"5371753e4e8312dda30708b2e588f6666e77e4d5",onClick:()=>this.inputHandler()},t("input",{key:"de82b4447b60962d8a9f56cca51707ce017b3f53",type:"checkbox",checked:this.checked}),this.checked&&t("smoothly-icon",{key:"9a2fc7ba577bd3fc27b53ae54514837ed4855653",name:"checkmark-outline",size:"tiny"}),t("label",{key:"28849c2652f5dd91e82a277a7f30b82922842569"},t("slot",{key:"11c811995086413e2747b2d34ea9ba4d3e43026c"})))}static get watchers(){return{checked:["elementCheck"]}}};rc.style=cc;const dc='[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-color);--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{display:inline-block;box-sizing:border-box;border-radius:0.5rem;border:solid 1px;transition:background 150ms ease-in-out;cursor:pointer}[type=link].sc-smoothly-input-clear-h{display:inline;border:none}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{justify-content:center;height:100%;width:100%;border-radius:0.5rem;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}[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[shape=rounded].sc-smoothly-input-clear-h{border-radius:2rem}[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;border:none}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0 !important}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[shape=rounded].sc-smoothly-input-clear-h{border-radius:2rem}.sc-smoothly-input-clear-h:not([fill=clear]):hover,.sc-smoothly-input-clear-h:not([fill=clear]):focus,.sc-smoothly-input-clear-h:not([fill=clear]):active{border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}.sc-smoothly-input-clear-h:not([fill=clear]):hover>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]):focus>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]):active>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]):hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):hover .sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):focus.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):focus .sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):active.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):active .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-color-contrast)) !important;stroke:rgb(var(--smoothly-color-contrast)) !important;fill:rgb(var(--smoothly-color-contrast)) !important}[fill=clear].sc-smoothly-input-clear-h:hover>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h:focus>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h:not([fill]),[fill=default].sc-smoothly-input-clear-h{background:rgb(var(--smoothly-color));border-color:transparent}[fill=solid].sc-smoothly-input-clear-h{background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color))}[fill=solid].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[fill=default].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}[fill=outline].sc-smoothly-input-clear-h{background:transparent;border-color:rgb(var(--smoothly-color))}[fill=clear].sc-smoothly-input-clear-h{background:transparent;border-color:transparent}.sc-smoothly-input-clear-s>smoothly-icon[slot=start],.sc-smoothly-input-clear-s>smoothly-icon[slot=end]{font-size:0.65em}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h{transition:0.6s;margin:0rem;min-width:0rem;display:flex}[type="input"].sc-smoothly-input-clear-h{line-height:1}[type="form"].sc-smoothly-input-clear-h{margin:1em 0em}.sc-smoothly-input-clear-h[type="input"].sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type="input"] .sc-smoothly-input-clear-s>smoothly-icon{filter:opacity(60%);font-size:70%}.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%)}[type="input"].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0rem;margin:0rem;min-width:0rem}';const hc=dc;const bc=class{constructor(t){e(this,t);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.color=undefined;this.expand=undefined;this.fill="clear";this.disabled=false;this.size=undefined;this.shape=undefined;this.display=true;this.type="input"}async componentWillLoad(){this.smoothlyInputLoad.emit((e=>{if(Fn.is(e)){this.parent=e;if(Un.Element.type.is(e)){e.listen("changed",(async e=>{if(Yn.is(e)){this.disabled=e.readonly?true:e.value?!e.value:!e.changed;this.display=e.readonly?false:e.value?Boolean(e.value):e.changed}if(e instanceof Gn){this.disabled=e.readonly?true:Object.values(e.value).filter((e=>e)).length<1;this.display=!e.readonly}}))}}}))}clickHandler(){var e;(e=this.parent)===null||e===void 0?void 0:e.clear()}render(){return t(He,{key:"6c80ed8ba0a2fc46e2be06a78a1bfa71587302bf",disabled:this.disabled,type:"button"},t("slot",{key:"5db4ea525fc3d251c71527bf029fcf99cba273c6"}))}};bc.style=hc;const fc=".sc-smoothly-input-color-h{display:flex}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%}.sc-smoothly-input-color-h>div.color-sample.sc-smoothly-input-color{height:2em;width:5em;background-color:var(--value);border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px;border-radius:2px}";const mc=fc;const yc=class{constructor(t){e(this,t);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.value=undefined;this.looks="plain";this.name=undefined}componentWillLoad(){this.smoothlyInputLooks.emit((e=>this.looks=e));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((()=>{}))}smoothlyInputHandler(e){if(e.target!=this.element)e.stopPropagation()}smoothlyInputLooksHandler(e){if(e.target!=this.element)e.stopPropagation()}smoothlyInputLoadHandler(e){if(e.target!=this.element)e.stopPropagation()}async clear(){this.value=undefined}valueChanged(){this.smoothlyInput.emit({[this.name]:this.value})}inputHandler(e){this.value=e.detail[this.name]}render(){return t(s,{key:"eccce1f6108e644d68054be3731975d2a7f3bc76",style:{"--value":this.value}},t("smoothly-input",{key:"3f451d71958372b9615fb05cdfbeec9a40039d99",value:this.value,name:this.name,looks:this.looks,onSmoothlyInput:e=>this.inputHandler(e)},"Color",t("div",{key:"242507456a7222829dfe2f22f664c1381437c26f",slot:"end",class:"color-sample"})))}get element(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};yc.style=mc;const uc='.sc-smoothly-input-date-h{box-sizing:border-box}.sc-smoothly-input-date-h[looks="border"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-date-h{border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="border"][readonly].sc-smoothly-input-date-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-date-h[looks="line"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-date-h{border-bottom:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="line"][readonly].sc-smoothly-input-date-h{border-bottom:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-date-h[looks="grid"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks="grid"].sc-smoothly-input-date-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid .5px}[looks="grid"][readonly].sc-smoothly-input-date-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .2) solid .5px}[looks="transparent"].sc-smoothly-input-date-h{border:none}[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background:transparent}[looks="transparent"].sc-smoothly-input-date-h:focus-within{outline:1px solid rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-date-h{position:relative;max-width:100vw;background-color:rgb(var(--background-color, var(--smoothly-color-shade)))}[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:3.5em;background-color:rgb(var(--background-color, var(--smoothly-color-shade)));min-width:18em}.sc-smoothly-input-date-h>div.sc-smoothly-input-date{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>div.arrow.sc-smoothly-input-date{position:absolute;z-index:9;transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--background-color, var(--smoothly-color-shade)))}@media screen and (min-width: 400px){.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--background-color, var(--smoothly-color-shade)));max-width:22em}}';const pc=uc;const gc=class{constructor(t){e(this,t);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyValueChange=o(this,"smoothlyValueChange",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.color=undefined;this.looks="plain";this.name=undefined;this.value=undefined;this.open=undefined;this.max=undefined;this.min=undefined;this.showLabel=true;this.disabled=undefined}componentWillLoad(){this.smoothlyInputLoad.emit((e=>{}));this.smoothlyInputLooks.emit(((e,t)=>(this.looks=e,!this.color&&(this.color=t))))}async clear(){this.value=undefined}onStart(e){this.smoothlyValueChange.emit(e);this.smoothlyInput.emit({[this.name]:e})}smoothlyInputHandler(e){if(e.target!=this.element)e.stopPropagation()}smoothlyInputLooksHandler(e){if(e.target!=this.element)e.stopPropagation()}dateSetHandler(e){this.open=false;e.stopPropagation()}render(){var e;return[t("smoothly-input",{key:"978316c9a3e1fe1defada4b1a6bb90678399c87f",color:this.color,name:this.name,onFocus:()=>this.open=!this.open,onClick:()=>this.open=!this.open,disabled:this.disabled,type:"date",value:this.value,looks:this.looks,showLabel:this.showLabel,onSmoothlyInput:e=>this.value=e.detail[this.name]},t("slot",{key:"5f200a3545afa5d495c192d5bc9b1ef6a1b74a70"})),this.open&&!this.disabled?[t("div",{onClick:()=>this.open=false}),t("nav",null,t("div",{class:"arrow"}),t("smoothly-calendar",{doubleInput:false,value:(e=this.value)!==null&&e!==void 0?e:v.now(),onSmoothlyValueChange:e=>{this.value=e.detail;e.stopPropagation()},max:this.max,min:this.min},t("div",{slot:"year-label"},t("slot",{name:"year-label"})),t("div",{slot:"month-label"},t("slot",{name:"month-label"}))))]:[]]}get element(){return a(this)}static get watchers(){return{value:["onStart"]}}};gc.style=pc;const kc='.sc-smoothly-input-date-range-h{box-sizing:border-box}.sc-smoothly-input-date-range-h[looks="border"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-date-range-h{border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="border"][readonly].sc-smoothly-input-date-range-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-date-range-h[looks="line"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="line"][readonly].sc-smoothly-input-date-range-h{border-bottom:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-date-range-h[looks="grid"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks="grid"].sc-smoothly-input-date-range-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid .5px}[looks="grid"][readonly].sc-smoothly-input-date-range-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .2) solid .5px}[looks="transparent"].sc-smoothly-input-date-range-h{border:none}[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:focus-within{outline:1px solid rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-date-range-h{position:relative;display:block;width:fit-content;background-color:rgb(var(--background-color, var(--smoothly-color-shade)))}.sc-smoothly-input-date-range-h:focus-within smoothly-input.sc-smoothly-input-date-range{outline:none}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--background-color, var(--smoothly-color-shade)));max-width:22em;min-width:18em}.sc-smoothly-input-date-range-h>div.sc-smoothly-input-date-range{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>div.arrow.sc-smoothly-input-date-range{position:absolute;z-index:9;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--background-color, var(--smoothly-color-shade)))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;background-color:var(--background-color, var(--smoothly-color-shade), transparent);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{border-radius:var(--border-radius, none);background-color:transparent}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}';const vc=kc;const wc=class{constructor(t){e(this,t);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.name="dateRange";this.color=undefined;this.looks="plain";this.showLabel=true;this.start=v.now();this.end=v.now();this.max=undefined;this.min=undefined;this.open=undefined}componentWillLoad(){this.smoothlyInputLoad.emit((e=>{}));this.smoothlyInputLooks.emit(((e,t)=>(this.looks=e,!this.color&&(this.color=t))));this.start&&this.end&&this.smoothlyInput.emit({[this.name]:{start:this.start,end:this.end}})}inputHandler(e){const t="dateRangeInput"in e&&typeof e.dateRangeInput=="string"&&e.dateRangeInput.split(" - ");if(t&&t.length==2&&v.is(t[0])&&v.is(t[1])){this.start=t[0];this.end=t[1]}}smoothlyInputLooksHandler(e){if(e.target!=this.element)e.stopPropagation()}async clear(){this.start=undefined;this.end=undefined}render(){return t(s,{key:"eff8d89442898e7d0c76faaaf3919b5ce233cf14",tabindex:0},t("section",{key:"7e3264b5e891678c1d0f259615c19cd73b4a55cf",onClick:()=>this.open=!this.open},t("smoothly-input",{key:"19419d7025b1c0de880e9ec6527afd4d19cd50b8",type:"text",name:"dateRangeInput",value:`${this.start} - ${this.end}`,looks:this.looks,showLabel:this.showLabel,onSmoothlyInput:e=>{e.stopPropagation();this.inputHandler(e.detail)}})),this.open&&t("div",{key:"1fceddbb6d71be9945453cf1d9a980c13aa68f1d",onClick:()=>this.open=false}),this.open&&t("nav",{key:"ccc0bb52f664a65ada43549fcdd7deef386d5078"},t("div",{key:"038bf9d631c1ed9ab9812099ab643a3da9b9e131",class:"arrow"}),t("smoothly-calendar",{key:"7803ac45813372d6c4c79dd0ce9d60fdfa27c464",doubleInput:true,onSmoothlyValueChange:e=>e.stopPropagation(),onSmoothlyStartChange:e=>{e.stopPropagation();this.start=e.detail},onSmoothlyEndChange:e=>{e.stopPropagation();this.end=e.detail},onSmoothlyDateSet:e=>e.stopPropagation(),onSmoothlyDateRangeSet:e=>{e.stopPropagation();this.open=false;this.smoothlyInput.emit({[this.name]:e.detail})},value:this.start,start:this.start,end:this.end,max:this.max,min:this.min})))}get element(){return a(this)}};wc.style=vc;const xc="smoothly-input-demo{display:block;margin:2em;margin-bottom:20rem}.checkbox-group{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--background-color))}.select-div{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}.select-div>*{flex-basis:49%}";const Sc=xc;const Cc=class{constructor(t){e(this,t);this.duration={hours:8}}render(){return t(s,{key:"a18172287145524f828ce910cd5a49b4bc57c833"},t("h2",{key:"4c1ed08d794f648260a2b1cefaf0092181b581bf"},"input-date-range outside from"),t("smoothly-input-date-range",{key:"657c56ca6fdd6fa8b9284e882cac03255d98795f",onSmoothlyInput:e=>console.log("dateRange: ",e)}),t("h2",{key:"0150c3fb47ace22112b596b772e904654236a680"},"Controlled form"),t("smoothly-input-demo-controlled-form",{key:"e1038699d11b2d22ca9c88fefd74cbc5ed8cf0cb"}),t("h2",{key:"571032e449362d616d76daa2606cc7564c5a5817"},"Create form defaulting type"),t("smoothly-form",{key:"76320085112f8672ade3ab236ba38c387319382c",looks:"line",action:"https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4"},t("smoothly-input",{key:"55cd0465eae8c96dd1a184edb8b116778a0572f7",type:"text",name:"name"},"Name"),t("smoothly-input-reset",{key:"e70c1299c6808cf80e58d3474bdd6e37d1ececb4",slot:"reset",type:"form",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"2f584342ef97051de9ec14cd57cb6e586295ec1d",slot:"submit",size:"icon",color:"success"})),t("h2",{key:"430f49d7c916ed3bb7d857d4067be321f652f514"},"Select"),t("div",{key:"8702c8869b2ec513d2820c44f10b563bf3e65854",class:"select-div"},t("smoothly-input-select",{key:"590e2e398f7d3c58a7a92c6156f5bb4797abf9ed",name:"select-dessert",looks:"border",onSmoothlyInput:e=>console.log(e.detail)},t("label",{key:"b6da3a98998f687fd1ed8ce312dd6b443be96db2",slot:"label"},"Select with clear button"),t("smoothly-item",{key:"8249c0e1db9145818b6d83f839a00cc2cad313a5",value:"1"},"Ice cream"),t("smoothly-item",{key:"18bbc22f281d0ede24459af913cd21e0d16affe3",value:"2"},"Sponge cake"),t("smoothly-item",{key:"93084dcc6708c496c7587af53d8070a35bbbbe84",value:"3"},"Cookie"),t("smoothly-item",{key:"9b143086ca84c15d2850f93f638ae2d281f01a11",value:"4"},"Croissant"),t("smoothly-item",{key:"9c59f66f23400913edf3c876f59851f3f7bc691e",value:"5"},"Chocolate fondue"),t("smoothly-input-clear",{key:"992e8cd0e370d4d1ab83420d2c39dd0e5c61643e",size:"icon",slot:"end"},t("smoothly-icon",{key:"02b8305c5eb595c2aede9fdf4a398ee603fecba9",name:"close"}))),t("smoothly-input-select",{key:"1dc25beff22eb25c1ba855e730a7cd14aea6332a",multiple:true,name:"select-dessert-multiple",looks:"border",onSmoothlyInput:e=>console.log(e.detail)},t("label",{key:"4dba01d44cd20992065d65859e1ced84f839c97c",slot:"label"},"Select multiple with reset button"),t("smoothly-item",{key:"d45aa23e5e5c3c283ecad6925786afbbe0faa5e7",value:"ice cream"},"Ice cream"),t("smoothly-item",{key:"714e233f9325cdba811d12bfe8b23ea6684fce17",value:"sponge cake"},"Sponge cake"),t("smoothly-item",{key:"c2e553810ec24c02e0f448000d728efa7e998971",selected:true,value:"cookie"},"Cookie"),t("smoothly-item",{key:"da506cb4c6ad6cbfaaed2b641e5937cd2c4c08b5",value:"croissant"},"Croissant"),t("smoothly-item",{key:"1949ef0d61aa3b7310a82b675b87ddd8be6c2cf7",selected:true,value:"chocolate fondue"},"Chocolate fondue"),t("smoothly-input-reset",{key:"6ff1607af9c8ed64d46ddfc7256732f2e86ac9c7",size:"icon",slot:"end"},t("smoothly-icon",{key:"34c92cb4fbcc5cf3e84c691c77df11fd7e5c1cb6",name:"refresh-outline"}))),t("smoothly-input-select",{key:"c03ae695635bf3baead6849da93e0f7be5d64dd0",name:"select-icon",clearable:false,showSelected:false,onSmoothlyInput:e=>console.log("Form Readonly",e.detail)},t("smoothly-item",{key:"d57e9da3917b888a7de9283d0fe9bca12aae03a1",value:"folder",selected:true},t("smoothly-icon",{key:"ca468fbc55b406d589d8e2ef8ba247c93c87c8e8",size:"small",name:"folder-outline"})),t("smoothly-item",{key:"5adab92d2847be82eca989f943895b14886c5a5b",value:"camera"},t("smoothly-icon",{key:"f21b4db63b5ea15ab6c31f92b933ba7bfe03aa6e",size:"small",name:"camera-outline"})))),t("h2",{key:"afdc384ccd286fef48dffe1fd5190bbf044f7504"},"Delayed"),t("smoothly-input",{key:"415d512123b041b3c5a4c9b2024413226c1ab05a",name:"Delayed",delay:2},"Delayed"),t("h2",{key:"2162d8c0bc3a8b52981904193154f841581c6e85"},"Editable form and Input with Clear and Reset - Readonly"),t("smoothly-form",{key:"4587758af0d5407be23215412988a7eebba37186",looks:"grid",readonly:true,action:"https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4"},t("smoothly-input",{key:"45ad6ab627f9b287ee56f048ce56c085d0838a70",readonly:true,name:"First Name",value:"John"},"First name"),t("smoothly-input",{key:"b7c637ff972e0f95d266ff57151d6e6a97c5ff21",name:"Last name",value:"Doe"},"Last name",t("smoothly-input-clear",{key:"a99ad99dae9a117d785189ca0f469a2deaab35b4",size:"icon",slot:"end"},t("smoothly-icon",{key:"ab49e42c284862d5678440e2b663e0e4b43150e8",name:"close"}))),t("smoothly-input",{key:"6214f1df5092fdbcd6b971337d6b0eb24d0fce11",type:"phone",name:"Phone",value:"777888999"},"Phone",t("smoothly-input-reset",{key:"e349538f30386693a2fdd2497db2778bddd784e1",size:"icon",slot:"end"},t("smoothly-icon",{key:"40bfb07bb757ef8ce6e505a00e612587cd9d4d6e",name:"refresh-outline"}))),t("smoothly-input-radio",{key:"113d63513165bcd4646698859a6a5d62ee5319d8",clearable:true,name:"radioFirstInput"},t("p",{key:"f1b7259c287ec81cfd9e6b2370372851d1be9080",slot:"label"},"Clearable"),t("smoothly-input-radio-item",{key:"e752b94b0fdd0b458821b7e4e76e4be870dbe8c4",slot:"options",value:"first"},"Label 1"),t("smoothly-input-radio-item",{key:"d7adfdc6f11ca5dac4f8fd29bb6cc5bb3ebd6c47",selected:true,slot:"options",value:"second"},"Label 2"),t("smoothly-input-radio-item",{key:"fad24d1ca9eda4ad21fadb2bcd2c81f5d6049fc5",slot:"options",value:"third"},"Label 3")),t("smoothly-input-select",{key:"fe4c7a1f55f0a49ad4fbfdabf3952f87865185a6",menuHeight:"7.5items",placeholder:"Select...",multiple:true,name:"select-month"},t("label",{key:"4dfa2b10687baf64d617574196d2d8d38f470b7f",slot:"label"},"Month"),t("smoothly-item",{key:"6420ee28a88b24457040361bf57fb704878cd75a",value:"1"},"January"),t("smoothly-item",{key:"ba9974b1d83bb59c9bc4a700b1f6de634cf59d7f",value:"2"},"February"),t("smoothly-item",{key:"2ce3be3de2c5e2f8e59c03e4531cf7afd89b266f",value:"3"},"March"),t("smoothly-item",{key:"b985873a806ebfea8fba8a460c81dbb952d73db5",value:"4"},"April"),t("smoothly-item",{key:"325d162e557f1cab7b587cfc3c06cb90f2cff789",value:"5"},"May"),t("smoothly-item",{key:"9ec7927d4dde29b290dc28b63b9b1bc2180fcf2c",value:"6"},"June"),t("smoothly-item",{key:"13b985d84bd79064a9fe901ab5dcb15ed45916f2",value:"7"},"July"),t("smoothly-item",{key:"5aaebb089834d1ae2cc7f6e1841853a3af0a110d",value:"8"},"August"),t("smoothly-item",{key:"b8136c8857d1cbd56419c55cbe1c67e2cbc2b7e4",value:"9"},"September"),t("smoothly-item",{key:"19813c1bb75704705a65dea63b75d79b16d0bebd",value:"10"},"October"),t("smoothly-item",{key:"cec3ce17951724536df0a45d78f9c8d093ea2053",value:"11"},"November"),t("smoothly-item",{key:"d69fd0584c43a53ba6bb70f59544627cc700832b",value:"12"},"December"),t("smoothly-input-clear",{key:"cb124172941f418c58f0be145f52084f883e9d89",size:"icon",slot:"end"},t("smoothly-icon",{key:"e04e0ca6571a7ad658291dd23975e52d465e0ff0",name:"close"}))),t("smoothly-input-select",{key:"95f7f12c51d123fa7484c8ade3275eeffb5eb5d4",name:"select-icon",clearable:false,showSelected:false},t("smoothly-item",{key:"346bedbbff5ecf74e7aedb607e62eac3f0b12555",value:"folder",selected:true},t("smoothly-icon",{key:"0fcad5fe0278ce891feaaa5b203550e83a709f96",size:"small",name:"folder-outline"})),t("smoothly-item",{key:"46aff12a2385675d6fe8ee8ba4d9dbcd52a0f47b",value:"camera"},t("smoothly-icon",{key:"5025510ae754296afa6b51bd6f13a4e44c61ce70",size:"small",name:"camera-outline"}))),t("smoothly-input-checkbox",{key:"e2c37216d642209e8fac61325fa7eef9250c9625",name:"checkbox"},"Check the box"),t("smoothly-input-checkbox",{key:"3a125c70a717aa4125dbaeb32f192d11281e5283",name:"checkbox2",checked:true},"Check the box 2"),t("smoothly-input-range",{key:"e4d676e690f2d25f9a93eedc6653a1c1c137fa4b",step:1,name:"range3",value:2e4},"Select"),t("smoothly-picker",{key:"e10c7ecc88fc43f5b415870fb27dbb6b2b8c820e",multiple:true,name:"animals"},t("span",{key:"5cb86fe353f4c57a66c867ff039bad2407577ef9",slot:"label"},"Animals"),t("span",{key:"515e4b61e8c86983f747b3109a9c0adefdb29a60",slot:"search"},"Search"),t("smoothly-picker-option",{key:"bf522ff4b870df6a9f73bbbe824d988f596ec4f3",selected:true,value:"cat"},"Cat"),t("smoothly-picker-option",{key:"adcd8b0482256942fbe5873ef31d07b1389c2fd0",value:"dog"},"Dog"),t("smoothly-picker-option",{key:"cbd246edf2ae3c692f218a3f06e1d9f1a36c9849",value:"fish"},"Fish")),t("smoothly-input-file",{key:"0be0cd6dd01d71f66d6c5329d95e0d85ff55bc8e",name:"profile",placeholder:"Click or drag your profile picture here..."},t("span",{key:"44f74dd43a3b86cab74c7daf7a86d30bf7f8fe31",slot:"label"},"Profile"),t("smoothly-icon",{key:"ad4e6fa7ddb2480f6be39c9597fd1db9d3e65a9a",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),t("smoothly-input-edit",{key:"d0a0cc02f18935103c479e6506ce348634351d50",fill:"default",type:"button",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),t("smoothly-input-reset",{key:"daaeab894a7f14d62b1967da251120df25c0fdb6",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"8ae4bf4f7191d06e9facba7cdbd232aac827a94a",delete:true,slot:"clear",color:"danger",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"89e5ca845e24b3be39a5993f5927b5e15037ed9a",fill:"default",type:"button",color:"success",slot:"submit",size:"icon",shape:"rounded"},t("smoothly-icon",{key:"7251d7511fb5772c4d1699ae437063c6b02610ed",name:"checkmark-outline",fill:"solid",size:"tiny"}))),t("h2",{key:"48f6d04c062724c7a38a0e2e488233b521bb63a6"},"Editable form and Input with Clear and Reset - Editable"),t("smoothly-form",{key:"9f1d9a81c99e86b50d8c7902084d9b169ff10c83",looks:"grid",type:"create",action:"https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4"},t("smoothly-input",{key:"6508bf09e5383336fc18e7ee4f172f6dc4415edc",readonly:true,name:"First Name",value:"John"},"First name"),t("smoothly-input",{key:"fbb4092128ff2676cdda9b9f3c236cab21e32fc1",name:"Last name",value:"Doe"},"Last name",t("smoothly-input-clear",{key:"9574ccfe8f0336b678f52a589b2279d18c050bdc",size:"icon",slot:"end"},t("smoothly-icon",{key:"df2117aa9cdfa133cdceabbc4d94f266969f4d78",name:"close"}))),t("smoothly-input",{key:"a27c29d7d8496303c20731a7d0198a4e3342832d",type:"phone",name:"Phone",value:"777888999"},"Phone",t("smoothly-input-reset",{key:"d2de98613314c257c0bada64f5ff90b5722acc56",size:"icon",slot:"end"},t("smoothly-icon",{key:"53c05b04140b7aa5b19d32d2d817111d25641a47",name:"refresh-outline"}))),t("smoothly-input-radio",{key:"3e629507ca64d59255dede5b913155038f2d6e3b",clearable:true,name:"radioFirstInput"},t("p",{key:"7a083d10c3e8d488bdec59365caaedb99f85053a",slot:"label"},"Clearable"),t("smoothly-input-radio-item",{key:"8ee1184fa43caae3e3c30481552f50ee4c5f9594",slot:"options",value:"first"},"Label 1"),t("smoothly-input-radio-item",{key:"8b53ed2547cb3ecfc0d3d307c5f21e2a846edf81",selected:true,slot:"options",value:"second"},"Label 2"),t("smoothly-input-radio-item",{key:"d41a0d307c38143b37e9b18ca056ddf42c2e825a",slot:"options",value:"third"},"Label 3")),t("smoothly-input-select",{key:"e5ec2e2746724e7cd9266a03ed6efef4cddb553f",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},t("label",{key:"bdcbdd78016bbdfe463f402d206caf1438d4a310",slot:"label"},"Month multiple select"),t("smoothly-item",{key:"3470066989f5c1252dcdfb95814f561cb8c10237",value:"1"},"January"),t("smoothly-item",{key:"7c3db90e908b117bbcd0082d53409b56e8f37034",value:"2"},"February"),t("smoothly-item",{key:"d27e11bd4b93a48aacc06b992af29334e0ad2b34",value:"3"},"March"),t("smoothly-item",{key:"112687eb906e37d036d8a2eefb0e121829871abe",value:"4"},"April"),t("smoothly-item",{key:"f3afa1f2a9b6b8a8a3860d1beadc27b83e0b17e8",value:"5"},"May"),t("smoothly-item",{key:"887a2b201c8dbf856cb76f42fb6d210ff3b66fc4",value:"6"},"June"),t("smoothly-item",{key:"56aae5064bb161f33fec467fa4c84123ab6215aa",value:"7"},"July"),t("smoothly-item",{key:"76e40a0ef514948a3a638ba928fa0d5f60a2e6ca",value:"8"},"August"),t("smoothly-item",{key:"12d25749ec8dd996931be1872025b5938eaf238d",value:"9"},"September"),t("smoothly-item",{key:"aafc5481129ba506a7d6f3ded6c2da9f7f78394b",value:"10"},"October"),t("smoothly-item",{key:"a5ad83ff184c4a11d9fecf290ebb16974f52d953",value:"11"},"November"),t("smoothly-item",{key:"3790c18259b6a1348282bfd66fdcab4e0dabfc25",value:"12"},"December")),t("smoothly-input-select",{key:"8250edacab3addb78e4bacd639d0e206e74b2503",name:"select-icon",clearable:false,showSelected:false},t("smoothly-item",{key:"a47de43656252381d66d180afe72e92f567139b4",value:"folder",selected:true},t("smoothly-icon",{key:"c381b696fa84720639d937f8898126195dab6d31",size:"small",name:"folder-outline"})),t("smoothly-item",{key:"71be0d7a1d02c99a3dbf6dfda9557c985d3968f6",value:"camera"},t("smoothly-icon",{key:"98f9d40a8a79cc4753b728bfaf86cb7f10be9d14",size:"small",name:"camera-outline"}))),t("smoothly-input-checkbox",{key:"a92872e6bd17307c929896ba9bb42b734120c7db",name:"checkbox"},"Check the box"),t("smoothly-input-checkbox",{key:"eb0a70e395f6af0521ffedf5263fb84b69c1e517",name:"checkbox2",checked:true},"Check the box 2"),t("smoothly-input-range",{key:"b06ab2711428ed0c86e3a04e513752b74cbd8dcf",step:1,name:"range3",value:2e4},"Select"),t("smoothly-picker",{key:"248a86fb082e5cfc7ce9ea758c9eba820edb7709",multiple:true,name:"animals"},t("span",{key:"af37fbcbb5e050d534993186b33786e13191e967",slot:"label"},"Animals"),t("span",{key:"094aa025b280d7c7ecdebdfdd9aa46111af8cedb",slot:"search"},"Search"),t("smoothly-picker-option",{key:"b97df0eb296843b77abb34a74d1480adce6b1fca",selected:true,value:"cat"},"Cat"),t("smoothly-picker-option",{key:"fcd023db75d041086a108761a2a265289e443f94",value:"dog"},"Dog"),t("smoothly-picker-option",{key:"1297f9168f04748facc7d5c79404a3c126f26fdb",value:"fish"},"Fish")),t("smoothly-input-edit",{key:"0f05feab27c4eb747c6ac4f2b4edaef06a13ce99",fill:"default",type:"button",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),t("smoothly-input-reset",{key:"542f77ed106e0170446f8f18caa62d08b90a2ed3",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"632c04dae6c12fb1c2dbf09bcee5874112046568",delete:true,slot:"clear",color:"danger",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"7299438235efdf44117e1a1b45913440f75bf0f3",fill:"default",type:"button",color:"success",slot:"submit",size:"icon",shape:"rounded"},t("smoothly-icon",{key:"6ae6f72fd0b3fcd94f81865e0b8011ac99f5c380",name:"checkmark-outline",fill:"solid",size:"tiny"}))),t("h2",{key:"256fd0496edece77d2014bed602f384fcbbf3f34"},"Color"),t("smoothly-form",{key:"e53cc1dbf2af9eab3b32d17e40b1ba7497aa32df",looks:"border"},t("smoothly-input-color",{key:"39c7a7d830404d242cd6b9e7aae7f833e5408002",name:"color"})),t("h2",{key:"84d9f622cbfa4220e4639fb403a8c18cc35dbe30"},"Range"),t("smoothly-form",{key:"42d7afa17280edc8084bfe661a131504db0dad41",looks:"border"},t("smoothly-input-range",{key:"82159b4c15a392e1e184799f54b7faec78dc0961",step:1,name:"range",outputSide:"right"},"Select and so"),t("smoothly-input-range",{key:"1691bab087302ce21032ea2274c6b5fc9b57f978",step:1,name:"range2"},"Select with really really long label",t("smoothly-icon",{key:"9dc0a556ed0c74096587fd9dc54bb2f155c9825c",name:"checkmark-circle",slot:"start"}),t("smoothly-input-clear",{key:"054c44ad7f726dc430aaeb3b8af46162d49292a6",size:"icon",slot:"end"},t("smoothly-icon",{key:"c7259afd25db4745443c4bae9ac300648ee98f2d",name:"close"}))),t("smoothly-input-range",{key:"29a18fff7ee19827c8b2b2fdf15e9173db76ba50",step:1,name:"range3"},"Select")),t("h2",{key:"f4329ab1b51ac26e98de81fe7b57d0bdf2784db1"},"Duration"),t("smoothly-form",{key:"01a3cc25fd573fb29f685cb87d7a3c86ff723d4c",looks:"border"},t("smoothly-input",{key:"3b0ff0301cc19b84a858986fce62370d0261b8fb",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:e=>{const t=e.detail.duration;console.log("event duration",t);this.duration=t}},"Duration"),t("smoothly-input",{key:"77b8555981cb2b028e339fbce82fb1bee38f4da8",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:e=>{const t=e.detail.duration;console.log("event duration",t);this.duration=t}},"Duration")),t("h2",{key:"7a7c17b72d17cd6116ad756edc2c54c5cc9792e6"},"Transparent inputs"),t("smoothly-form",{key:"f06cccb9014e5555c9a6690b4b700516010c984f",looks:"transparent"},t("smoothly-input-file",{key:"e6209dee54dfd054cf159243ead1fb5a32d9bde0",name:"file"},t("span",{key:"a90a0f873a5ac87109362b6b008b12447c10464f",slot:"label"},"File"),t("smoothly-icon",{key:"19d8389a08c44c1aa5b6c89894c7499726f4d552",slot:"button",name:"folder-open-outline",size:"small"})),t("smoothly-input",{key:"a9bf4f25efceb6606865f9b3f00d4810ab14563b",type:"duration",looks:"transparent",placeholder:"h:mm"},"Input"),t("smoothly-picker",{key:"afa7d08c5676723b7992da4a4a363d53f9524398"},t("span",{key:"1fcb8e2b1094ed76ea1b490b88d584455a111346",slot:"label"},"Picker"),t("span",{key:"f5c13db707289611c62db342dc1391449f4810f2",slot:"search"},"Search"),t("smoothly-picker-option",{key:"0b0f1e14538412bb70f61d45740b10ffa119c654",value:"circle"},t("smoothly-icon",{key:"225c08b733752b83a00a33d0a18dca33d0fd64d4",name:"ellipse-outline"})),t("smoothly-picker-option",{key:"235291847c056cff7abc8d6d22fd592b0a00dd15",value:"square"},t("smoothly-icon",{key:"f6d3524269073a5d9735e9a3706116a8fcdc6aa9",name:"square-outline"}))),t("smoothly-input-date",{key:"adb9339d86f3adf808b108fde58c41a8d64fd3bf"},"Date"),t("smoothly-input-date-range",{key:"85ac1a9c026132dd2e3ca1d10cb36abfd17a92e8"},"Date Range"),t("smoothly-input-select",{key:"fc9ec9082fa721f0ef50e1057b8c6e59093659dd",name:"transport"},t("smoothly-item",{key:"9ebb2e28310513b321caae0d63669b9bf39a89ae",value:"plane"},t("smoothly-icon",{key:"f58d30edcb4daa54787359cb9d0ff46486fefbe2",name:"airplane-outline"})),t("smoothly-item",{key:"99a0fa370e6f35627534559450070ce908dc11a5",value:"car"},t("smoothly-icon",{key:"09c782a839a8f9f562d659c87e107bc782283af2",name:"car-outline"})),t("smoothly-item",{key:"1ea12aacfbaf8f2326ae0660e36257427dfecee8",value:"bus",selected:true},t("smoothly-icon",{key:"36dac9a059ac8cf5954cea3a6aadfe9da5e09402",name:"bus-outline"})))),t("h2",{key:"8dc3c49348614c45aa01b59d931740c25c32651d"},"Submit"),t("smoothly-form",{key:"7ebd5480b02a513e4f58c9c6b437aa6b31cb3e9b",looks:"border"},t("smoothly-input",{key:"368053d6a634c5196b0c09448a3ec2ca3fed0202",type:"email",name:"email"},"Email"),t("smoothly-input",{key:"efa10f4effe056dcd5b48228ba2bd1563a2742f0",type:"password",name:"password"},"Password"),t("smoothly-input-clear",{key:"8d14540592aea39b392d453244fcba663c624f93",fill:"default",type:"form",color:"danger",slot:"clear"},"Clear"),t("smoothly-submit",{key:"f6c635e322cc29c0a49fef637a23153e1d19f51d",slot:"submit"},"Submit")),t("h2",{key:"92200f22235e89bcb5034d62c9d50bd9ef6c9166"},"Prices"),t("smoothly-form",{key:"943456840e70558e800d3f973f19c65da034a0f6",looks:"border"},t("smoothly-input",{key:"82a68ef14b45d1f089b945869530e94f7ac87708",type:"price",name:"no"},"No currency"),t("smoothly-input",{key:"0eb762a0625b7376d574a33244e5d47c49c5daab",type:"price",name:"crowns",currency:"SEK"},"SEK"),t("smoothly-input",{key:"efbabecf404fd76fce6a2f73d604ddf39896ecc8",type:"price",name:"usDollar",currency:"USD"},"USD"),t("smoothly-input",{key:"103f132322251501ad54434287875f8773ce6572",type:"price",name:"pounds",currency:"GBP"},"GBP"),t("smoothly-input",{key:"fe0b1620877cf9c3362697e03d3ef0d7fa1f2fde",type:"price",name:"peso",currency:"UYW"},"UYW"),t("smoothly-input",{key:"29f99102a19645004461d601b936efa8e97e1db1",type:"price",name:"iceland",currency:"ISK"},"ISK"),t("smoothly-input",{key:"c478dd2f872b71572a1d99e7e0eb38c4b7cd5bfc",type:"price",name:"Palladium",currency:"XPD"},"XPD (Palladium)"),t("smoothly-input-clear",{key:"4f29c5b89e22306f0483c62b4507c15fcb9c3405",fill:"default",type:"form",color:"danger",slot:"clear"},"Clear"),t("smoothly-submit",{key:"6194823d0e67b873764d57d4981f6dda3e09ede1",slot:"submit"},"Submit")),t("h4",{key:"a17ee50be4d1ec22bc55182f48e636a820e7f2d6"},"Clear"),t("smoothly-form",{key:"5275e210d2511a0138adcfa2efee783885d6f02f",looks:"border"},t("smoothly-input",{key:"b208ec066e200c5582db9e0cfa6cf3e1e8a7a070",name:"First Name",value:"John"},"First name"),t("smoothly-input",{key:"68136b4cba3e37828a5eaef42bb72f9aaffd2d59",name:"Last name",value:"Doe"},"Last name",t("smoothly-input-clear",{key:"ff5e852cbfa66a9150d4d019984d87a681023271",size:"icon",slot:"end"},t("smoothly-icon",{key:"ed6cf1d758cdde73020999e9072a3e066c9c4c73",name:"close"}))),t("smoothly-input",{key:"781a349a84c15ed923ba6cc4bb846a3e3dbe3ecd",type:"phone",name:"Phone"},"Phone",t("smoothly-input-clear",{key:"9432b700b12ee3183fce43d9b272f6c1473a680e",slot:"end"},t("smoothly-icon",{key:"e0d98c17f22444a79f7d8ed21bc3fd0391b1e72e",name:"close"}))),t("smoothly-input-clear",{key:"8028445b9efc4f4224f91403ae25147233edf006",fill:"default",type:"form",color:"danger",slot:"submit"},"Clear")),t("h2",{key:"ffea905a773a295da77b51c0e93367baefcf752a"},"Identifier"),t("smoothly-form",{key:"8747893e2ef14978eb40286a4e4138a0b230770b",looks:"border"},t("smoothly-input",{key:"cc8305f2dd99356ebe92e16ced33614947c1d732",type:"identifier-code"},"Code"),t("smoothly-input",{key:"516946b89878e4c5cf6097be4c74bd550da4587b",type:"identifier-attribute"},"Attribute"),t("smoothly-input",{key:"0a35857b03c53fb43db2778be91b18e252c3308d",type:"identifier-snake"},"Snake"),t("smoothly-input",{key:"e4955cde2942d46f7cfba43ce46d09aa0a4f0332",type:"identifier-pascal"},"Pascal"),t("smoothly-input",{key:"3feb1e1a64c07f147a95fd11d1b8e6337671f1d1",type:"identifier-camel"},"Camel")),t("h2",{key:"78d69c3363706876da7c0e0e35350c8ae736c565"},"Border"),t("smoothly-form",{key:"d5a16732d0fa3243d1cc64398ebed413c640589a",looks:"border"},t("smoothly-input",{key:"c5bbc96beb9fe6c540076c3b087fed85826683ac",type:"email",name:"email"},"Email"),t("smoothly-input",{key:"264cd45ece92cb57594386b2141eab506d0df8c1",type:"password",name:"password"},"Password"),t("smoothly-submit",{key:"ade3219ee97a9cbccf6d66496dbaa2efedf09129",slot:"submit",onSubmit:e=>alert(e),color:"success",fill:"solid"},"Send")),t("h2",{key:"b45170edcae97233a63cb1ffa0a86e2938e72ba7"},"Grid"),t("h4",{key:"3ffb131999af568b67c44bbbb8eaa5318f66a562"},"Contact"),t("smoothly-form",{key:"3d0af6d4dd1c82f1819f3c1a6b938de1538a6c65",looks:"grid",action:"https://webhook.site/85bb78f6-b450-4a74-81ac-d7cac6e94bbe"},t("smoothly-input",{key:"0b23f7462a5d0b73445f61a66094dd0dafaeff5e",type:"text",name:"name.last"},"First Name"),t("smoothly-input",{key:"fe5dd5209e57651147abbddef9c540914ea974d0",type:"text",name:"name.first"},"Last Name"),t("smoothly-input",{key:"91b1933d58c4caa160401b99ba769acc5632e98b",type:"text",name:"street",value:"Torgny Segerstedts Allé 87"},"Street"),t("smoothly-input",{key:"afeed9c191558ae6c3b2465b9d45e5bdc81df5d0",type:"postal-code",name:"zip"},"ZipCode"),t("smoothly-input",{key:"b745ade160653799edbe53ec87afa7a6eb5d8008",type:"text",name:"city"},"City"),t("smoothly-input",{key:"7d0859276b1b90edc6664d94bcf53d1e99aa6aac",type:"text",name:"countryCode"},"CountryCode"),t("smoothly-input",{key:"0d516d07dc6007a58bfbbee47e9aaac71dd78810",type:"phone",name:"phone"},"Phone"),t("smoothly-input",{key:"fe5fb35f13df25dea216ab60cf99aed1d0955054",type:"email",name:"email"},"Email"),t("smoothly-submit",{key:"b90bc1164f60962c5b77724c56c1beb10e936ec0",slot:"submit",color:"success",fill:"solid"},t("smoothly-icon",{key:"556381e965769287057f8f43c248316f67430a03",name:"checkmark-circle",slot:"start"}),"Submit")),t("h4",{key:"d1b412d5ababed3cb19031564fd2dfe26f4fac69"},"Card"),t("smoothly-form",{key:"c7764cae6409da974ced7d2878fa909e48644cd6",looks:"grid",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail))},t("smoothly-input",{key:"2476aade14cecfe54d41e30a67e7a1a671be8a1f",type:"card-number",name:"card"},"Card #"),t("smoothly-submit",{key:"17456bbe4c61eb88259ca31b8681077b07050196",size:"icon",slot:"submit",color:"success",fill:"solid"},t("smoothly-icon",{key:"e5df0b56e5dcfbf1ee7acc09018440920fab706c",name:"checkmark-circle"})),t("smoothly-input",{key:"7462ef08ef5feb09f4ad448d6d9f4e4cea3616bf",type:"card-expires",name:"expires"},"Expires"),t("smoothly-input",{key:"45c87a5362f696443c5d59ea184fa3edb777128e",type:"card-csc",name:"csc"},"CVV/CVC"),t("smoothly-input",{key:"4d52debbaa384a97a02f623a841cbf2dd083c8e6",type:"text",name:"name.first"},"First Name"),t("smoothly-input",{key:"45cad4192040dbbe0b0f4cca05f7389c2de8e979",type:"text",name:"name.last"},"Last Name")),t("h4",{key:"373d0a6aa071b16126ee0f3c9a5aa4caa4020fad"},"Contact"),t("smoothly-form",{key:"474d36b8a974b99f99e6b94bd2e6d48102e5b2cc",looks:"grid"},t("smoothly-input",{key:"076eaea19f986fe5757adb4cf02481742b86f9a8",type:"email",name:"email"},"Email"),t("smoothly-input",{key:"3aaa39e731d8332a00d4f50d69d5c871d07369c7",type:"password",name:"password"},"Password"),t("smoothly-input",{key:"73445de3f1fdf5ae1136a710f9a3d4c3d266b4e7",type:"price",currency:"SEK",name:"price"},"Price"),t("smoothly-input",{key:"1ef98f81b723ddfc8e38d5ef6c36934495043724",type:"percent",name:"percent"},"Percent"),t("smoothly-submit",{key:"33449d9eb30721e8677067805f836dccb5297d55",slot:"submit",color:"success",fill:"solid",size:"icon"},t("smoothly-icon",{key:"decf31515a1f4cc7e7c0dfda92bd3fb9a254eec3",name:"checkmark-circle"}))),t("h4",{key:"51e98d54544be5db2334f935ea9c71f6d323beb7"},"Random"),t("smoothly-form",{key:"b2c217b7847977ec089a7911bcf0f95a77c5e908",looks:"grid"},t("smoothly-input",{key:"a48d0d28e3b8b4d92d2ec0b7429aa2da35d0ebab",type:"text",name:"name",readonly:true,value:"Readonly",onSmoothlyBlur:()=>console.log("smoothly blur"),style:{width:"100%"}},"Readonly"),t("smoothly-input",{key:"0c430f23bb09a95718b9b4fcc253d34092f175cf",type:"text",name:"testing"},"TextTest"),t("smoothly-input",{key:"dbd965465cb78c3b6f02083513b668f160f23c0b",type:"date-time",name:"date-time"},"Date-Time"),t("smoothly-input",{key:"8bc41023701144b50bd798f0b114beeb51667f64",type:"divisor",name:"divisor"},"Divisor"),t("smoothly-input",{key:"0ed3dbc6c5cbf8565799050f4b17830135b16eb5",type:"date",name:"date"},"Date"),t("smoothly-input-date",{key:"bf3dc8b75c10a23db98125b0799f7611bb95a2fd",name:"some-date"},"Calendar")),t("h2",{key:"c8de6b004afa7b6ce2fdaae52e6866683802b647"},"Line"),t("smoothly-form",{key:"c3c51613f8958b4b950037aa3f8fed33615ffdf6",looks:"line",action:"https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4"},t("smoothly-input",{key:"b216099309b909edf4e99d68f435ab0aff4e6ab0",type:"text",name:"name.last",onSmoothlyChange:e=>console.log("smoothly change event")},"First Name"),t("smoothly-input",{key:"aa04726192ee98e4539d6ff1e1b5f67b240b0e52",type:"text",name:"name.first",onSmoothlyChange:e=>console.log("smoothly change event")},"Last Name"),t("smoothly-submit",{key:"6c47e0a928a5d1a34c93096c0da106492fe39f97",slot:"submit",fill:"solid",onSubmit:e=>alert(e),color:"success"},"Send")),t("h2",{key:"378787fac02acaa454b9dcd4ae2bc7496df45075"},"Input Alternatives"),t("smoothly-form",{key:"365a537e223977fb2a6e12a080dafa94b54ba8f0",looks:"border"},t("smoothly-input",{key:"538b8a8b1b9a824361a38bbd86ee94ff3b67ae76",type:"text",name:"name.last",onSmoothlyChange:e=>console.log("smoothly change event")},t("smoothly-icon",{key:"b2d5e5905c225538f6a8e150022b62941fcd0253",name:"checkmark-circle",slot:"start"}),"First Name"),t("smoothly-input",{key:"3b79885b202d6d347dda40b51709c8c0eb46da18",type:"text",name:"name.first",onSmoothlyChange:e=>console.log("smoothly change event")},"Last Name",t("smoothly-icon",{key:"904fe598e0f12493db6d9e9c3d8a2897da763ddc",name:"checkmark-circle",slot:"end"})),t("smoothly-input",{key:"956c47e13dde0172c56efaab97c372efaa404d8c",type:"text",name:"name.first",placeholder:"Smith",onSmoothlyChange:e=>console.log("smoothly change event")},"Last Name",t("smoothly-icon",{key:"d63e4e34a9e82e4e4e5a05c4535d285f3c680710",name:"checkmark-circle",slot:"end"})),t("smoothly-input",{key:"2a8d01c4e579151b857203d2bd9a4d7122b3d5d2",placeholder:"test"}),t("smoothly-submit",{key:"bfef5ca593f63e41972a8b39478ae79b8f66923f",slot:"submit",fill:"solid",onSubmit:e=>alert(e),color:"success"},"Send")),t("h4",{key:"f6b6c4c0022dd895be14b85f7004cc9d10750d37"},"Smoothly checkboxes"),t("smoothly-form",{key:"140b8630b9051fef1af29a82105e3e4c4d99de7b"},t("div",{key:"6c8153a4401e99b8a804de134b3054e7532f0c17",class:"checkbox-group"},t("smoothly-input-checkbox",{key:"8d6840553cde30f71324d24eff0b3b46d1ce0f98",disabled:true,name:"first-checkbox"},t("smoothly-icon",{key:"688e3c3e458c86181d1e86a1f3a22ba014e2353c",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),t("smoothly-input-checkbox",{key:"48b626c0a4fe44e0a48f6147672df27a98604fce",name:"second-checkbox",checked:true},t("smoothly-icon",{key:"085354ae7a3f6b831dd6881562f094f6573c052e",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",t("smoothly-input-clear",{key:"e86256652bf733d6a2594ef894bd56c2e4c2216a",size:"icon",slot:"end"},t("smoothly-icon",{key:"d9dde2da235a1530b2ae5c4f18160362556de027",name:"close"}))),t("smoothly-input-checkbox",{key:"b07914bf6731fb368c49c377ce1072c84271c111",name:"third-checkbox"},"3rd"))),t("h4",{key:"01ccdb37a4ce72f71c891c4056aa9f0197c09041"},"Smoothly Radio Buttons"),t("smoothly-form",{key:"b6a2a33faf1f8a1ea20a07a7a3a833a0bdcf210b",onSmoothlyFormSubmit:e=>console.log(e.detail),looks:"border"},t("smoothly-input-radio",{key:"f6decf7de882da9b4e5c8541b5210001078d906b",clearable:true,name:"radioFirstInput"},t("smoothly-icon",{key:"cedaee325adc0facfb9a9202760902e029487c8e",name:"checkmark-circle",slot:"start"}),t("smoothly-input-clear",{key:"1544e429d75b440769f09e5271043f3f350ad640",size:"icon",slot:"end"},t("smoothly-icon",{key:"af9870b6984c1f35011e50af4593bc9505a6d3d0",name:"close"})),t("p",{key:"4d523b8e9bfea04ffeed6d23dcbbd401c12b1d3d",slot:"label"},"Clearable"),t("smoothly-input-radio-item",{key:"e54286a9f945b35ee9aca1b48da58486c6002249",slot:"options",value:"first"},"Label 1"),t("smoothly-input-radio-item",{key:"8645ab4db6d15b98a5fe0641a57f14f02c2e58d5",selected:true,slot:"options",value:"second"},"Label 2"),t("smoothly-input-radio-item",{key:"e5129f4504f870a866240b48d0c70bc796c60506",slot:"options",value:"third"},"Label 3")),t("smoothly-input-radio",{key:"9e97eaea4b2650c931e7a19e34b94b4c99e80729",name:"radioSecondInput"},t("p",{key:"961be05a55af17515989460244f7631dd1fa9b12",slot:"label"},"Not clearable"),t("smoothly-input-radio-item",{key:"81e052014c6f7e9c484942db21a9fed51641f919",slot:"options",value:"first"},"Label 1"),t("smoothly-input-radio-item",{key:"4551e9d7e4f7456e3f06e4d502c03b3ece275b9c",slot:"options",value:"second"},"Label 2"),t("smoothly-input-radio-item",{key:"2b6298c794669b72ca21947139d2aa546132e0a9",slot:"options",value:"third"},"Label 3"),t("smoothly-input-radio-item",{key:"bad11cd7aff4070a2e102906aa2927e22a724adb",slot:"options",value:"fourth"},"Label 4"),t("smoothly-input-radio-item",{key:"e68f548542632c93dc4517e44262749d461b5464",slot:"options",value:"fifth"},"Label 5"),t("smoothly-input-radio-item",{key:"89478d56ccc62524fd602a53d130cc7b683d1c42",slot:"options",value:"sixth"},"Label 6"))),t("h4",{key:"ca27b71ea1317019ed92e6d00c9f7d4a8b2d512a"},"Smoothly Picker"),t("smoothly-picker-demo",{key:"f679bf6420212596fd0c54f727f5aa6928656f9c"}),t("smoothly-back-to-top",{key:"a9daa0c43ab8712f4d08a8979b9953020661a551"}),t("h4",{key:"24f885688cfa705fbab10d1149111d28fa8e29d0"},"Smoothly Date"),t("smoothly-input-date",{key:"b14af24425f32b958748ec98380183c77e95cd18"},"Date"),t("smoothly-input-date",{key:"f368e79f7dd4c98395a6bfe63c59c8d310378632",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),t("smoothly-form",{key:"8f3fea0af5562c57628cede5341be29b6fb6f462",looks:"grid",onSmoothlyFormSubmit:e=>console.log(e.detail)},t("smoothly-input-date-range",{key:"2508c5280ae6b3250fae5a381c1fb98dadad9a11",name:"testing",start:v.now(),end:v.nextMonth(v.now()),min:"2021-10-10",max:"2024-12-30"}),t("smoothly-input-clear",{key:"7c60ff549f610874cbc36547204977502e4c5f7f",type:"form",color:"danger",fill:"solid",slot:"clear"},"Clear"),t("smoothly-submit",{key:"a88119a02fb81779c0e740d9e952f394c08ea3b5",slot:"submit"},"submit daterange")),t("smoothly-input-date-range",{key:"e95c91802edf660b30b838946e899452611be8a9",looks:"grid",start:v.now(),end:v.nextMonth(v.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--border-radius":"4px","--padding":"0 0.75em","--input-width":"12ch"}}),t("smoothly-form",{key:"c68e29143a8fc3af059138f5f9177e528269f0f9",looks:"grid",onSmoothlyFormSubmit:e=>console.log("Submitted",e.detail)},t("smoothly-input",{key:"b94fc28d96fa6d4fd8352c2b3747bee424931e9a",type:"text",name:"text"},"Text"),t("div",{key:"afd3ea534cf2615beed0a671975ffc60ddbc6598"},t("smoothly-input-file",{key:"1d8cabb74fa86a4961fc9819a71dc2d44e8b6ed6",placeholder:"Select or drag a file here",name:"file"},t("span",{key:"81acba2fc3b4569e03d0f1b803b9426472216772",slot:"label"},"Testing file input"),t("smoothly-icon",{key:"56f7cc70281e868870023aba27f530764fc9ac47",slot:"button",name:"folder-outline"}))),t("smoothly-input-file",{key:"6edbd3846a17c1f339c43e992a49f5dabdeeee9a",camera:"back",placeholder:"Capture a photo",name:"image"},t("span",{key:"4b476dda3b09bf5855c7e0b889ddbc9c20b0b984",slot:"label"},"Testing camera photo"),t("smoothly-icon",{key:"e42ea8e470e6be521262ff83296436506bfc5b4e",slot:"button",name:"camera-outline"})),t("smoothly-input-clear",{key:"13af0f7df3a6d7f156ad1bddc3461b24337c89c6",type:"form",color:"danger",fill:"solid",slot:"clear"},"Clear"),t("smoothly-submit",{key:"ea28c248e37337ae8d887ef7959b395fbe581283",slot:"submit"},"Submit")),t("br",{key:"a09da86ce75d88a55d0c358b4bb2e634f18830d2"}),t("smoothly-form",{key:"df927d0bb4116e32c5c664217ffc88829586d6aa",looks:"line",onSmoothlyFormSubmit:e=>console.log("form input",e.detail)},t("smoothly-input",{key:"380057b87ecdf7933ba5d5168c224aa428b103f1",name:"text"},"Input"),t("smoothly-input-file",{key:"325615e13653b6be9a489c19ddada5a4195a5fd1",camera:"back",placeholder:"Capture a photo",name:"image"},t("span",{key:"7a806500b4c20ec9eaa9f171cb8bbba65b735531",slot:"label"},"Testing camera photo"),t("smoothly-icon",{key:"966e605aac65632fa9e9fc8acd3ab44d5fa628d8",slot:"button",name:"camera-outline"})),t("smoothly-picker",{key:"3f0b2be44c02c317a1c81995361a1cfe001e6bbf",name:"picker"},t("span",{key:"d7edde7d1b60037ca6095a159a18706bd3e40f06",slot:"label"},"Shape"),t("span",{key:"8f615fb7ce896097ff7ae1211a1951243f43ab5a",slot:"search"},"Search"),t("smoothly-picker-option",{key:"c942f6e1ea6d4c17a5e841de200a4c8ea99bcb8f",value:"circle"},t("span",{key:"b50803bfe83fd66ec02e07234224a7302a1477ce",slot:"label"},"Circle"),t("smoothly-icon",{key:"bdd7fadbd37cac549708fcd36a03d85b79eb1a5c",size:"tiny",name:"ellipse-outline"})),t("smoothly-picker-option",{key:"da16b5bb095619754b68e852590daeec38158945",value:"cube"},t("span",{key:"21617baf1917e8e0f37ff7f2d162a6147e07faa2",slot:"label"},"Cube"),t("smoothly-icon",{key:"4e004dcf852bbf3c7f910e1e71f811e680bbf4ef",size:"tiny",name:"cube-outline"})),t("smoothly-picker-option",{key:"9b11549604c2522ebd76c299315fb969a074a46a",value:"square",selected:true},t("span",{key:"04f6fc782745a43a170f96a0c8d44103b24bc7f4",slot:"label"},"Square"),t("smoothly-icon",{key:"8513da945d58f75f3c6f55a710797be82588a2fb",size:"tiny",name:"square-outline"}))),t("smoothly-input-select",{key:"b4e0a378a4bf7cac0ca6147a7a9c029476c4c423",name:"select",placeholder:"Select...",menuHeight:"7.5items"},t("smoothly-item",{key:"d98e4711132983a8810652df5abb878d144198eb",value:"1"},"January"),t("smoothly-item",{key:"471bc391a68ff56e38bcd0a3dc67d00a1d2d5bba",value:"2"},"February"),t("smoothly-item",{key:"4497fbb36f91b77c6d0c95615684f61a16a7c12c",value:"3"},"March"),t("smoothly-item",{key:"82757d02ca204ce3bdad011879d97e3fadd8b075",value:"4"},"April"),t("smoothly-item",{key:"c09fe8347a2d57d905af14c4d59201a1a5564bf5",value:"5"},"May"),t("smoothly-item",{key:"ca6003ddd487a2a61b3ae5a1556022f2cb6592b7",value:"6"},"June"),t("smoothly-item",{key:"b2371035827f8d7f1e6263efa40624502ea812ed",value:"7"},"July"),t("smoothly-item",{key:"fdc342232eb0dccc4a05dc982e58821b9272ba82",value:"8"},"August"),t("smoothly-item",{key:"8dcc17aa9ec9ceea4b85ab684b1507dfdf3805df",value:"9"},"September"),t("smoothly-item",{key:"56727048425ed88952ac278cb99c129229b92d28",value:"10"},"October"),t("smoothly-item",{key:"0bc26a0aedd1c6c6674da91ea9f3e7d553c63bf5",value:"11"},"November"),t("smoothly-item",{key:"1eee0ee4d3ebdc1e9ab2a27335b5fa364bb3b1cb",value:"12"},"December")),t("smoothly-input-date-range",{key:"e73a4dea637d240b742e1a228270e43dec457519",name:"date-range",start:v.now(),end:v.nextMonth(v.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--border-radius":"4px","--padding":"0 0.75em","--input-width":"12ch"}}),t("smoothly-input-date",{key:"6c5312f01df26dfa50917785e976f7e7e796e469",name:"date",value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),t("smoothly-submit",{key:"a7279b85709424737ef985ebf86f168c0be190c2",slot:"submit",color:"success",fill:"solid",size:"icon"},t("smoothly-icon",{key:"44aa82dba6c8f1edc181a75245d8d2f23b1f4ed0",name:"checkmark-circle",fill:"solid",size:"medium"}))),t("h4",{key:"ef38ae46a51d245cdbb443085f794afc702a16a2"},"Form with spinner showcase"),t("smoothly-form",{key:"7685ffe85b770089aa730420eb6e04008570c4e8",looks:"line",onSmoothlyFormSubmit:e=>console.log("form input",e.detail)},t("smoothly-input",{key:"8e8d3f94e17fb3aa4c0be71807a8d5b3d9bca6c5",name:"text"},"Input"),t("smoothly-input-file",{key:"92a82d7bcb4022ac6a361424b96012e74efbda7d",camera:"back",placeholder:"Capture a photo",name:"image"},t("span",{key:"f50001978a2bc7d8f977faedf1ee8e4821d4abb3",slot:"label"},"Testing camera photo"),t("smoothly-icon",{key:"e5cdd93cbc1fc6d9e3b7b4493eb20dec81c04e85",slot:"button",name:"camera-outline"})),t("smoothly-picker",{key:"656bccef20c4c73ee68061a8d822c8cbb2caf95c",name:"picker"},t("span",{key:"9fe333542748562ab95a9ac3ce337328bc41fcf9",slot:"label"},"Shape"),t("span",{key:"77d06a6ed7e66442412f1c34f64bde755d99700e",slot:"search"},"Search"),t("smoothly-picker-option",{key:"7f010d40c1ce5e31c31ec3488dffa16e25e7b808",value:"circle"},t("span",{key:"e2a69f4e22a41daff047eb05aa1c82497a224da9",slot:"label"},"Circle"),t("smoothly-icon",{key:"28c71baef4f7c45065734bbd7e95ead956a1062f",size:"tiny",name:"ellipse-outline"})),t("smoothly-picker-option",{key:"cc378ee61806fb48ab4d6b9619d90f1dd90303b9",value:"cube"},t("span",{key:"e467c594315c8eecbeaf796dbc5a9ba31a23a9f7",slot:"label"},"Cube"),t("smoothly-icon",{key:"82d7c34dab15147ac2780132d654aeddae6b5370",size:"tiny",name:"cube-outline"})),t("smoothly-picker-option",{key:"7528296c4d9cffde6524142dd5aad7512c12cf99",value:"square",selected:true},t("span",{key:"1b13fcdbe7446ff794696a390c0a75a6939d9485",slot:"label"},"Square"),t("smoothly-icon",{key:"6e605ab62942d1f601fafa6ef0f16f9e5ea1c605",size:"tiny",name:"square-outline"}))),t("smoothly-input-select",{key:"811157f314fd0b65aaee72553a755c3bf0781bfe",name:"select",placeholder:"Select..."},t("smoothly-item",{key:"32638ac5f03c60e55eebcdc5173c1fb4817bc69b",value:"1"},"January"),t("smoothly-item",{key:"e17e99c901c17b067cab3ef3bee69715ae75a3a1",value:"2"},"February"),t("smoothly-item",{key:"27d17e2c27cf468d9a5a1e58eb8123e7f28e085e",value:"3"},"March"),t("smoothly-item",{key:"859b84c0392947456fbfbeadc3a730c73f02568f",value:"4"},"April"),t("smoothly-item",{key:"924fd9b21239270949502690054036d0b4f0364e",value:"5"},"May"),t("smoothly-item",{key:"242e3235ba216895543615a3babd49d1e5059e50",value:"6"},"June"),t("smoothly-item",{key:"3ab63faad0bf912fb3af3abf4cab1d5b744576b2",value:"7"},"July"),t("smoothly-item",{key:"39c489bc69a9935fed0203a85c1a821bf4b416a2",value:"8"},"August"),t("smoothly-item",{key:"16598e7f91a5f8b9fbec2f6625e0feb91e009106",value:"9"},"September"),t("smoothly-item",{key:"965ed58416556e733efc3d238d7aed5475d907c2",value:"10"},"October"),t("smoothly-item",{key:"1bd3f784af7809a32b446ab451ab0eec7b096059",value:"11"},"November"),t("smoothly-item",{key:"a874534f37b41a0153a79379e74b440c1069d5c6",value:"12"},"December")),t("smoothly-input-date-range",{key:"8595f229bfaf39142988768c057a9c7ab2b1fd28",name:"date-range",start:v.now(),end:v.nextMonth(v.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--border-radius":"4px","--padding":"0 0.75em","--input-width":"12ch"}}),t("smoothly-input-date",{key:"4b0d07feaa7ef606a9202ebdd9f243369b259717",name:"date",value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),t("smoothly-submit",{key:"ec0d699a34cc20a29683452236d1d17fc5b4741d",slot:"submit",color:"success",fill:"solid",size:"icon"},t("smoothly-icon",{key:"f1247fb742df26af850724ac3cabefed0117a13d",name:"checkmark-circle",fill:"solid",size:"medium"}))))}};Cc.style=Sc;const zc=".sc-smoothly-input-demo-controlled-form-h{display:flex;width:100%}.sc-smoothly-input-demo-controlled-form-h smoothly-form.sc-smoothly-input-demo-controlled-form{width:100%}";const _c=zc;const Lc=class{constructor(t){e(this,t);this.currencies=["GBP","SEK","EUR","USD"];this.name="Initial name";this.currency="EUR";this.date=v.now()}nameChanged(e,t){console.log(`updated name from '${t}' to '${e}'`)}async submitHandler(e){e.stopPropagation();console.log("Received event. Processing...",e.detail);if(!(typeof e.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof e.detail.value.date=="string"))console.error("Bad input. Resolving false.");else if(!S.is(e.detail.value.currency))console.error("Bad input. Resolving false.");else{await new Promise((e=>window.setTimeout(e,1e3)));this.name=e.detail.value.name;this.date=e.detail.value.date;this.currency=e.detail.value.currency;console.log("Finished processing successfully. Resolving true.");e.detail.result(true)}e.detail.result(false)}render(){return t(s,{key:"66be7c329add60ebf0954885c7bb00c0bd631eef"},t("smoothly-form",{key:"b134caa8f5ca400e763d5ca9eb6e76435f39f1ba",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"10514a0438cb4db8ab6eea57246df5eac2633d24",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"6219f479690de99cbdea9306fb52c6a0579aa49a",name:"currency"},t("span",{key:"8853d648e4a402eaeefb6922caa1216ab118deb6",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"deb65c3579461ff323977efb6258deedfd83183a"},"Dummy"),t("smoothly-input-month",{key:"1f11306e3a876d6af284528703c828ce06c4e73c",name:"date",value:this.date,next:true,previous:true},t("span",{key:"7fae03f656f2ec4325227a1664735f29149997b2",slot:"year-label"},"Year"),t("span",{key:"50dee59b3737dd3a64ddd968220a4f671d03566f",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"6b30cbb101c0d07fb8295ba16fa8e3468d78540f",slot:"edit",type:"button",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"de9477d09a8d7c634746118a856bd5672aee20d7",slot:"reset",type:"form",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"1ec4deebf837c173d06fd321f74cdb955af387ef",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:["nameChanged"]}}};Lc.style=_c;const Tc="[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-color);--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{display:inline-block;box-sizing:border-box;border-radius:0.5rem;border:solid 1px;transition:background 150ms ease-in-out;cursor:pointer}[type=link].sc-smoothly-input-edit-h{display:inline;border:none}[disabled].sc-smoothly-input-edit-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{justify-content:center;height:100%;width:100%;border-radius:0.5rem;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}[shape=rounded].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,[shape=rounded].sc-smoothly-input-edit-h{border-radius:2rem}[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;border:none}[size=flexible].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{min-width:unset;padding:0;margin:0 !important}[expand].sc-smoothly-input-edit-h{width:100%}[expand=full].sc-smoothly-input-edit-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,[shape=rounded].sc-smoothly-input-edit-h{border-radius:2rem}.sc-smoothly-input-edit-h:not([fill=clear]):hover,.sc-smoothly-input-edit-h:not([fill=clear]):focus,.sc-smoothly-input-edit-h:not([fill=clear]):active{border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}.sc-smoothly-input-edit-h:not([fill=clear]):hover>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h:not([fill=clear]):focus>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h:not([fill=clear]):active>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h:not([fill=clear]):hover.sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h:not([fill=clear]):hover .sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h:not([fill=clear]):focus.sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h:not([fill=clear]):focus .sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h:not([fill=clear]):active.sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h:not([fill=clear]):active .sc-smoothly-input-edit-s>smoothly-icon{color:rgb(var(--smoothly-color-contrast)) !important;stroke:rgb(var(--smoothly-color-contrast)) !important;fill:rgb(var(--smoothly-color-contrast)) !important}[fill=clear].sc-smoothly-input-edit-h:hover>button.sc-smoothly-input-edit,[fill=clear].sc-smoothly-input-edit-h:focus>button.sc-smoothly-input-edit,[fill=clear].sc-smoothly-input-edit-h:active>button.sc-smoothly-input-edit{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}[disabled].sc-smoothly-input-edit-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-edit-h:not([fill]),[fill=default].sc-smoothly-input-edit-h{background:rgb(var(--smoothly-color));border-color:transparent}[fill=solid].sc-smoothly-input-edit-h{background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color))}[fill=solid].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,[fill=default].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,[fill=clear].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}[fill=outline].sc-smoothly-input-edit-h{background:transparent;border-color:rgb(var(--smoothly-color))}[fill=clear].sc-smoothly-input-edit-h{background:transparent;border-color:transparent}.sc-smoothly-input-edit-s>smoothly-icon[slot=start],.sc-smoothly-input-edit-s>smoothly-icon[slot=end]{font-size:0.65em}[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 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 jc=Tc;const Ac=class{constructor(t){e(this,t);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.color="tertiary";this.expand=undefined;this.fill=undefined;this.disabled=false;this.display=true;this.shape=undefined;this.type="button";this.size=undefined;this.toolTip="Edit"}componentWillLoad(){this.smoothlyInputLoad.emit((e=>{if(Un.type.is(e)){this.parent=e;e.listen("changed",(async e=>{this.display=e.readonly}))}}))}clickHandler(){var e;(e=this.parent)===null||e===void 0?void 0:e.edit(true)}render(){return t(s,{key:"07492f20c363d974438a3424a7589f4ab88a5352",title:this.toolTip},t(He,{key:"2d3eccab17fc50e56764400e6b1118ea1fcc2229",disabled:this.disabled,type:"button"},t("smoothly-icon",{key:"16cb48cd533cb0510e72d343f77e8fc54a972d4c",class:"default",name:"create-outline",fill:"solid",size:"tiny"})))}};Ac.style=jc;const Ec='.sc-smoothly-input-file-h{box-sizing:border-box}.sc-smoothly-input-file-h[looks="border"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-file-h{border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="border"][readonly].sc-smoothly-input-file-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-file-h[looks="line"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-file-h{border-bottom:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="line"][readonly].sc-smoothly-input-file-h{border-bottom:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-file-h[looks="grid"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks="grid"].sc-smoothly-input-file-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid .5px}[looks="grid"][readonly].sc-smoothly-input-file-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .2) solid .5px}[looks="transparent"].sc-smoothly-input-file-h{border:none}[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background:transparent}[looks="transparent"].sc-smoothly-input-file-h:focus-within{outline:1px solid rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:0.4rem;background-color:rgb(var(--background-color,var(--smoothly-color-shade)))}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--text-color ,var(--smoothly-color-contrast)), 0.3)}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem;column-gap:1ch}.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{padding-top:0.4rem;display:flex;width:100%;align-items:baseline;justify-content:flex-start;color:rgb(var(--text-color, var(--smoothly-color-contrast)));cursor:inherit}.sc-smoothly-input-file-h>label.sc-smoothly-input-file-s>*{display:block;width:100%;font-size:0.65em;opacity:0.8}.sc-smoothly-input-file-h:not([show-label]) label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>span.sc-smoothly-input-file{cursor:pointer}';const Ic=Ec;const Dc=class{constructor(t){e(this,t);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.transfer=new DataTransfer;this.changed=false;this.readonly=false;this.accept=undefined;this.color=undefined;this.looks="plain";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}componentWillLoad(){this.smoothlyInputLooks.emit(((e,t)=>(this.looks=e,!this.color&&(this.color=t))));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((()=>{}));!this.readonly&&this.smoothlyFormDisable.emit((e=>this.readonly=e))}async clear(){this.value=undefined}async listen(e,t){this.listener[e]=t;t(this)}async edit(e){this.readonly=!e}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}async binary(){return true}valueChanged(){this.changed=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:this.value})}inputHandler(e){var t,o,s;e.stopPropagation();if((o=(t=this.input)===null||t===void 0?void 0:t.files)===null||o===void 0?void 0:o.length)this.value=(s=this.input)===null||s===void 0?void 0:s.files[0]}dropHandler(e){var t;e.preventDefault();e.stopPropagation();this.dragging=false;if((t=e.dataTransfer)===null||t===void 0?void 0:t.files.length)this.value=e.dataTransfer.files[0]}clickHandler(e){var t;if(!this.readonly&&!e.composedPath().find((e=>e==this.input))){(t=this.input)===null||t===void 0?void 0:t.click()}}dragOverHandler(e){e.preventDefault();e.stopPropagation()}dragEnterHandler(e){e.preventDefault();!this.readonly&&(this.dragging=true)}dragLeaveHandler(e){e.stopPropagation();this.dragging=false}render(){var e,o,a;return t(s,{key:"35a3636ba3fe6932b6b666e6de9d88c985684f64",class:{dragging:this.dragging},tabindex:0,onClick:e=>this.clickHandler(e),onDragOver:e=>this.dragOverHandler(e),onDragEnter:e=>this.dragEnterHandler(e)},t("label",{key:"1882f314f185c8a17d7c7667029ed4a8e9fd5b6f"},t("slot",{key:"0cfa2dbe08f1cb33011d1233d8d218f69bfeb1bd",name:"label"})),t("div",{key:"b6e49e401cf99c27769cf671537d1ea7d126a040",class:"input"},t("smoothly-button",{key:"fe51a8faa35dafe3ece3ac60a1fa5c5dbfc4b80a",color:this.color,fill:"clear",size:"flexible"},t("slot",{key:"7ae6e3753806e31953c18a1ece36cf8f16b573f0",name:"button"})),t("span",{key:"c77fb335417839e042e103d95d243d4e542268f4"},(o=(e=this.value)===null||e===void 0?void 0:e.name)!==null&&o!==void 0?o:this.placeholder),t("div",{key:"b4ed75f4d9d7dc7bd63f4da3004fc85a4e6077d7",class:"mask",onDrop:e=>this.dropHandler(e),onDragLeave:e=>this.dragLeaveHandler(e)}),t("input",{key:"925d1cd82bc8fd51b9737180ee9653d35deda551",ref:e=>this.input=e,type:"file",capture:this.camera=="back"?"environment":"user",accept:(a=this.accept)!==null&&a!==void 0?a:!this.camera?undefined:"image/jpeg",files:this.files,onInput:e=>this.inputHandler(e)})),t("slot",{key:"2d2cba21fa5256d1cfdbbed084d79d6e7b263115"}))}static get watchers(){return{value:["valueChanged"]}}};Dc.style=Ic;const Oc=".sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:center}.sc-smoothly-input-month-h>smoothly-input-select.sc-smoothly-input-month:last-of-type{display:flex;width:100%}[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-button.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-button.sc-smoothly-input-month:last-of-type{display:none}";const Mc=Oc;const Rc=class{constructor(t){e(this,t);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.listener={};this.readonly=undefined;this.color=undefined;this.looks=undefined;this.name=undefined;this.value=v.now();this.next=false;this.previous=false}componentWillLoad(){this.smoothlyInputLooks.emit((e=>this.looks=e));this.smoothlyInputLoad.emit((()=>{}));!this.readonly&&this.smoothlyFormDisable.emit((e=>this.readonly=e));this.valueChanged()}valueChanged(){this.smoothlyInput.emit({[this.name]:this.value})}adjustMonth(e){var t;if(!this.readonly){const o=v.parse((t=this.value)!==null&&t!==void 0?t:v.now());o.setMonth(o.getMonth()+e);this.value=v.create(o)}}async clear(){var e,t;(e=this.year)===null||e===void 0?void 0:e.clear();(t=this.month)===null||t===void 0?void 0:t.clear()}async listen(e,t){this.listener[e]=t;t(this)}async edit(e){this.readonly=!e}async reset(){var e,t;(e=this.year)===null||e===void 0?void 0:e.reset();(t=this.month)===null||t===void 0?void 0:t.reset()}async setInitialValue(){var e,t;(e=this.year)===null||e===void 0?void 0:e.setInitialValue();(t=this.month)===null||t===void 0?void 0:t.setInitialValue()}inputHandler(e){if(e.target!=this.element){e.stopPropagation();const t=e.detail[`${this.name}-year`];const o=e.detail[`${this.name}-month`];if(o&&v.is(o))this.value=v.firstOfMonth(o);else if(t&&v.is(t))this.value=v.firstOfMonth(t)}}smoothlyInputLooksHandler(e){if(e.target!=this.element){e.stopPropagation();e.detail(this.looks,this.color)}}async smoothlyInputLoadHandler(e){if(e.target!=this.element)e.stopPropagation()}render(){var e,o;return t(s,{key:"9f71b9db3cfdbd27dfc8706488080213962f1dbb"},t("smoothly-button",{key:"3149b2b1fe06d1722e7fba44ee106ff6fcdbb5d6",size:"flexible",color:this.color,disabled:this.readonly,onClick:()=>this.adjustMonth(-1)},t("smoothly-icon",{key:"2da9370b9854fa54f4f56944d13c48edfb9e4d75",name:"caret-back-outline",size:"tiny",color:this.color,fill:"default"})),t("smoothly-input-select",{key:"4ca7f81c47bdf6f05ce70702e5997b0c08c08220",ref:e=>this.year=e,name:`${this.name}-year`,readonly:this.readonly,changed:this.changed,menuHeight:"5.5items",required:true,onSmoothlyInput:e=>this.inputHandler(e),searchDisabled:true},t("div",{key:"002c3b6ed17f82987c650a03eb77cbd5bf4d714c",slot:"label"},t("slot",{key:"851488f9b96a4ff2424d673bf7ba6b0400722d13",name:"year-label"})),Qe((e=this.value)!==null&&e!==void 0?e:v.now()).map((e=>t("smoothly-item",{key:e.date,value:e.date,selected:e.selected||this.value==e.date},e.name)))),t("smoothly-input-select",{key:"b82be72d070dc4fb6728f0236855604e56bd647d",ref:e=>this.month=e,name:`${this.name}-month`,readonly:this.readonly,color:this.color,looks:this.looks,changed:this.changed,menuHeight:"5.5items",required:true,onSmoothlyInput:e=>this.inputHandler(e),searchDisabled:true},t("div",{key:"4c1b3ab2ffd575735db317bcb39bac102f3e9d96",slot:"label"},t("slot",{key:"79c37a44f17df198323cffd1e934c1500014a6fb",name:"month-label"})),Ze((o=this.value)!==null&&o!==void 0?o:v.now()).map((e=>t("smoothly-item",{key:e.date,value:e.date,selected:e.selected||this.value==e.date},e.name)))),t("smoothly-button",{key:"b9855e1ae0f45140e4016f182a3df4141e7616dd",size:"flexible",color:this.color,disabled:this.readonly,onClick:()=>this.adjustMonth(1)},t("smoothly-icon",{key:"18d05dd0291fbeac737343e227a072b3f90a7f6a",name:"caret-forward-outline",size:"tiny",color:this.color,fill:"default"})))}get element(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};Rc.style=Mc;const $c='.sc-smoothly-input-radio-h{box-sizing:border-box}.sc-smoothly-input-radio-h[looks="border"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-radio-h{border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="border"][readonly].sc-smoothly-input-radio-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-radio-h[looks="line"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="line"][readonly].sc-smoothly-input-radio-h{border-bottom:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-radio-h[looks="grid"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks="grid"].sc-smoothly-input-radio-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid .5px}[looks="grid"][readonly].sc-smoothly-input-radio-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .2) solid .5px}[looks="transparent"].sc-smoothly-input-radio-h{border:none}[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background:transparent}[looks="transparent"].sc-smoothly-input-radio-h:focus-within{outline:1px solid rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-radio-h{padding:.4em;background-color:rgb(var(--background-color,var(--smoothly-color-shade)));display:flex;align-items:center}.sc-smoothly-input-radio-h>div.input-group.sc-smoothly-input-radio{display:flex;width:100%;align-items:center;gap:1em}.sc-smoothly-input-radio-h>div.input-group.sc-smoothly-input-radio>div.sc-smoothly-input-radio{align-items:center;display:flex;justify-content:right;width:100%;flex-wrap:wrap;gap:1em}.sc-smoothly-input-radio-h>div.input-group.sc-smoothly-input-radio-s>p{margin:0 0 0 0.2em;white-space:nowrap}';const Hc=$c;const Pc=class{constructor(t){e(this,t);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.valueReceivedOnLoad=false;this.listener={};this.changed=false;this.value=undefined;this.looks="plain";this.clearable=undefined;this.readonly=false;this.name=undefined}componentWillLoad(){var e,t;this.smoothlyInputLooks.emit((e=>this.looks=e));!this.readonly&&this.smoothlyFormDisable.emit((e=>this.readonly=e));(t=(e=this.listener).changed)===null||t===void 0?void 0:t.call(e,this)}componentDidLoad(){!this.valueReceivedOnLoad&&this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((()=>{}));this.initialValue=this.active}handleRegister(e){e.stopPropagation();e.detail(this.name)}SmoothlyInputLoadHandler(e){if(!(e.target&&"name"in e.target&&e.target.name===this.name)){e.stopPropagation();e.detail(this)}}smoothlyRadioInputHandler(e){var t,o,s;e.stopPropagation();if(!this.readonly||!this.valueReceivedOnLoad){if(this.clearable&&((t=this.active)===null||t===void 0?void 0:t.value)===e.detail.value)this.clear();else if(((o=this.active)===null||o===void 0?void 0:o.value)!==e.detail.value){(s=this.active)===null||s===void 0?void 0:s.select(false);this.active=e.detail;this.value=this.active.value;this.active.select(true)}}!this.valueReceivedOnLoad&&(this.valueReceivedOnLoad=!this.valueReceivedOnLoad)}async listen(e,t){this.listener[e]=t;t(this)}async clear(){var e;if(this.clearable){(e=this.active)===null||e===void 0?void 0:e.select(false);this.active=undefined;this.value=undefined}}async edit(e){this.readonly=!e}async reset(){var e,t,o;(e=this.active)===null||e===void 0?void 0:e.select(false);this.active=this.initialValue;this.value=(t=this.initialValue)===null||t===void 0?void 0:t.value;(o=this.active)===null||o===void 0?void 0:o.select(true)}async setInitialValue(){this.initialValue=this.active;this.valueChanged()}valueChanged(){var e,t,o;this.valueReceivedOnLoad&&(this.changed=((e=this.initialValue)===null||e===void 0?void 0:e.value)!==this.value);this.smoothlyInput.emit({[this.name]:this.value});(o=(t=this.listener).changed)===null||o===void 0?void 0:o.call(t,this)}watchingReadonly(){var e,t;(t=(e=this.listener).changed)===null||t===void 0?void 0:t.call(e,this)}render(){return t(s,{key:"23e932cc5c9e70dbf13011117c5c74e00a399ebb"},t("slot",{key:"68043000864d000053c041028036fb83796f3ddd",name:"start"}),t("slot",{key:"38c79beb7b7ccd7a6c8026457558c971570a674f"}),t("div",{key:"ea449bd85c6379084a953a9b7bff3d0b7f411ea3",class:"input-group"},t("slot",{key:"d6e368e654853761e153c895914a809212947573",name:"label"}),t("div",{key:"7f065813882e7d776b5f02d283b442b76a66c8c2"},t("slot",{key:"0d7a93bcfaaaffd0a7db84fffb0705286a954221",name:"options"}))),t("slot",{key:"fa3fb8c631759558eb7ebe8ccdbb25d19d9ac5d1",name:"end"}))}static get watchers(){return{value:["valueChanged"],readonly:["watchingReadonly"]}}};Pc.style=Hc;const Nc=".sc-smoothly-input-radio-item-h{display:flex;align-items:center;position:relative}.sc-smoothly-input-radio-item-h:hover>*.sc-smoothly-input-radio-item{cursor:pointer}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}";const Fc=Nc;const Uc=class{constructor(t){e(this,t);this.smoothlySelect=o(this,"smoothlySelect",7);this.smoothlyRadioButtonRegister=o(this,"smoothlyRadioButtonRegister",7);this.value=undefined;this.selected=false;this.looks="plain";this.name=undefined}componentWillLoad(){this.smoothlyRadioButtonRegister.emit((e=>this.name=e));this.selected&&this.inputHandler()}inputHandler(){this.smoothlySelect.emit({value:this.value,selected:this.selected,select:e=>this.selected=e})}render(){return t(s,{key:"2f57cb91a28159fa63838c0fe0666ce3ea0c6889",onClick:()=>this.inputHandler()},t("input",{key:"11a421506d7df84346b3537cad8a2833818313b6",name:this.name,type:"radio",checked:this.selected}),t("smoothly-icon",{key:"e236e9fc8184fb4d4ab4d58cd5e9287f7d47808d",name:this.selected?"checkmark-circle":"ellipse-outline",size:"medium",fill:"outline",color:this.selected?"success":"medium",toolTip:"Select"}),t("label",{key:"2e2dfd118eca1533ddef73951d119a1d23084ec7"},t("slot",{key:"154563af4bba04150d8be7b39348d3ec4c780ecf"})))}get element(){return a(this)}};Uc.style=Fc;const Wc='.sc-smoothly-input-range-h{box-sizing:border-box}.sc-smoothly-input-range-h[looks="border"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="border"][readonly].sc-smoothly-input-range-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-range-h[looks="line"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-range-h[looks="grid"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks="grid"].sc-smoothly-input-range-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid .5px}[looks="grid"][readonly].sc-smoothly-input-range-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .2) solid .5px}[looks="transparent"].sc-smoothly-input-range-h{border:none}[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background:transparent}[looks="transparent"].sc-smoothly-input-range-h:focus-within{outline:1px solid rgb(var(--smoothly-color-contrast))}*.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(--background-color,var(--smoothly-color-shade)));padding:0 .4em}.sc-smoothly-input-range-h .sc-smoothly-input-range:nth-child(2){margin-left:0.2em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:1.1em 0 .1em 0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>output.sc-smoothly-input-range{min-width:4em;text-align:center;margin-left:.5em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:absolute;display:block;white-space:nowrap;text-align:center;top:.5em;left:0;font-size:.6em}.output-side-right.sc-smoothly-input-range-h>dov.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:left;padding-right:.5em}.output-side-right.sc-smoothly-input-range-h>dov.sc-smoothly-input-range>output.sc-smoothly-input-range{order:3;margin:0}.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:1.2em;width:.7em;border-radius:20%;background-color:rgb(var(--smoothly-primary-contrast));border:1px rgb(var(--text-color, var(--smoothly-color-contrast))) solid;cursor:pointer;margin-top:-.45em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:1.2em;width:.7em;border-radius:20%;background-color:rgb(var(--smoothly-primary-contrast));border:1px rgb(var(--text-color, var(--smoothly-color-contrast))) solid;cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h:not([value])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value])>dov.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}';const Yc=Wc;const Bc=class{constructor(t){e(this,t);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.listener={};this.initialValue=this.value;this.value=undefined;this.looks="plain";this.changed=false;this.readonly=false;this.min=0;this.max=1e5;this.name=undefined;this.labelText=undefined;this.step="any";this.outputSide="left"}componentWillLoad(){this.smoothlyInputLooks.emit((e=>this.looks=e));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((()=>{}));!this.readonly&&this.smoothlyFormDisable.emit((e=>this.readonly=e))}async clear(){this.value=undefined}async listen(e,t){this.listener[e]=t;t(this)}async edit(e){this.readonly=!e}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}valueChanged(){var e,t;this.changed=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:this.value});(t=(e=this.listener).changed)===null||t===void 0?void 0:t.call(e,this)}inputHandler(e){e.target instanceof HTMLInputElement&&(this.value=this.step!=="any"?e.target.valueAsNumber:Math.round(e.target.valueAsNumber*100)/100)}render(){var e,o;return t(s,{key:"f7508540fd3f6f384adc2703980a4123b648ef7f",class:{"output-side-right":this.outputSide==="right"}},t("slot",{key:"567e57b206d3bc21dba067a734bb698f0d9d3a6c",name:"start"}),t("div",{key:"da879fd4b51cfc50ad8e1c4fde9654df2ddc5168"},t("label",{key:"190ecafbd85802a093a361bb74a56cc5acf78bf6",htmlFor:this.name},t("slot",{key:"ce89bcdaab508e32db44419996df0267593a2dc5"})),t("output",{key:"4993b326a20438bcefe49508b8bfabc325932af6",htmlFor:this.name},(e=this.value)!==null&&e!==void 0?e:"—"),t("input",{key:"22c6887b0a4f207693964d18d5402061709db267",name:this.name,part:"range",type:"range",min:this.min,max:this.max,step:this.step,disabled:this.readonly,onInput:e=>this.inputHandler(e),value:(o=this.value)!==null&&o!==void 0?o:this.min})),t("slot",{key:"57bd2f951ab549d9bdcbf059bd48d3c27e1a532d",name:"end"}))}static get watchers(){return{value:["valueChanged"]}}};Bc.style=Yc;const qc='[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-color);--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{display:inline-block;box-sizing:border-box;border-radius:0.5rem;border:solid 1px;transition:background 150ms ease-in-out;cursor:pointer}[type=link].sc-smoothly-input-reset-h{display:inline;border:none}[disabled].sc-smoothly-input-reset-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{justify-content:center;height:100%;width:100%;border-radius:0.5rem;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}[shape=rounded].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,[shape=rounded].sc-smoothly-input-reset-h{border-radius:2rem}[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;border:none}[size=flexible].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:unset;padding:0;margin:0 !important}[expand].sc-smoothly-input-reset-h{width:100%}[expand=full].sc-smoothly-input-reset-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,[shape=rounded].sc-smoothly-input-reset-h{border-radius:2rem}.sc-smoothly-input-reset-h:not([fill=clear]):hover,.sc-smoothly-input-reset-h:not([fill=clear]):focus,.sc-smoothly-input-reset-h:not([fill=clear]):active{border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}.sc-smoothly-input-reset-h:not([fill=clear]):hover>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h:not([fill=clear]):focus>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h:not([fill=clear]):active>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h:not([fill=clear]):hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h:not([fill=clear]):hover .sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h:not([fill=clear]):focus.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h:not([fill=clear]):focus .sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h:not([fill=clear]):active.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h:not([fill=clear]):active .sc-smoothly-input-reset-s>smoothly-icon{color:rgb(var(--smoothly-color-contrast)) !important;stroke:rgb(var(--smoothly-color-contrast)) !important;fill:rgb(var(--smoothly-color-contrast)) !important}[fill=clear].sc-smoothly-input-reset-h:hover>button.sc-smoothly-input-reset,[fill=clear].sc-smoothly-input-reset-h:focus>button.sc-smoothly-input-reset,[fill=clear].sc-smoothly-input-reset-h:active>button.sc-smoothly-input-reset{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}[disabled].sc-smoothly-input-reset-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-reset-h:not([fill]),[fill=default].sc-smoothly-input-reset-h{background:rgb(var(--smoothly-color));border-color:transparent}[fill=solid].sc-smoothly-input-reset-h{background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color))}[fill=solid].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,[fill=default].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,[fill=clear].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}[fill=outline].sc-smoothly-input-reset-h{background:transparent;border-color:rgb(var(--smoothly-color))}[fill=clear].sc-smoothly-input-reset-h{background:transparent;border-color:transparent}.sc-smoothly-input-reset-s>smoothly-icon[slot=start],.sc-smoothly-input-reset-s>smoothly-icon[slot=end]{font-size:0.65em}[hidden].sc-smoothly-input-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h{transition:0.6s;min-width:0rem}[type="input"].sc-smoothly-input-reset-h{line-height:1}.sc-smoothly-input-reset-h[type="input"].sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type="input"] .sc-smoothly-input-reset-s>smoothly-icon{filter:opacity(60%);font-size:70%}.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%)}[type="input"].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:0rem}.sc-smoothly-input-reset-h smoothly-icon.default.sc-smoothly-input-reset{transform:translateY(-.1em) scaleX(-1)}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>button>*+smoothly-icon{display:none}';const Gc=qc;const Kc=class{constructor(t){e(this,t);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.color=undefined;this.expand=undefined;this.fill="clear";this.disabled=false;this.size=undefined;this.shape=undefined;this.display=true;this.type="input";this.tooltip="Reset"}async componentWillLoad(){this.smoothlyInputLoad.emit((e=>{if(Un.Element.type.is(e)){this.parent=e;this.readonlyAtLoad=e.readonly;e.listen("changed",(async e=>{if(Yn.is(e)){this.display=e.readonly?false:e.changed}if(e instanceof Gn){this.display=!e.readonly;this.disabled=!this.readonlyAtLoad&&!e.changed}}))}}))}clickHandler(e){var t,o;e.stopPropagation();(t=this.parent)===null||t===void 0?void 0:t.reset();this.parent instanceof Gn&&this.readonlyAtLoad&&((o=this.parent)===null||o===void 0?void 0:o.edit(false))}render(){return t(s,{key:"b411ac5772a6c429756b2089dafecb0d0eb796c8",title:this.tooltip},t(He,{key:"b52f8abef0079e843b023a377fcde7f38e9a8ab4",disabled:this.disabled,type:"button"},t("smoothly-icon",{key:"5d89a0811c914b05b0f3afb58198645d4fc5a5e0",class:"default",name:"refresh-outline",fill:"solid",size:"tiny"})))}};Kc.style=Gc;var Vc;(function(e){let t;(function(e){e.type=r({value:T(),deselectable:f(),selected:f().optional(),filter:d()});e.is=e.type.is})(t=e.Element||(e.Element={}));e.type=t.type.extend({});e.is=e.type.is})(Vc||(Vc={}));const Xc='.sc-smoothly-input-select-h{box-sizing:border-box}.sc-smoothly-input-select-h[looks="border"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-input-select-h{border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="border"][readonly].sc-smoothly-input-select-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-select-h[looks="line"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-input-select-h{border-bottom:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="line"][readonly].sc-smoothly-input-select-h{border-bottom:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-input-select-h[looks="grid"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks="grid"].sc-smoothly-input-select-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid .5px}[looks="grid"][readonly].sc-smoothly-input-select-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .2) solid .5px}[looks="transparent"].sc-smoothly-input-select-h{border:none}[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background:transparent}[looks="transparent"].sc-smoothly-input-select-h:focus-within{outline:1px solid rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-color-shade))}.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;min-height:2.7em;display:flex;cursor:default;padding:.7em;overflow:hidden;width:100%;white-space:nowrap;gap:1em;text-overflow:ellipsis}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center;margin-right:.4em}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-input-reset{padding-right:.2em}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label]{position:absolute;left:0.4em;top:0.6em;opacity:0.8;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h:not(.has-value)[placeholder].sc-smoothly-input-select-s>[slot=label]{top:0.4em;transform:scale(0.6)}.has-value.sc-smoothly-input-select-h:has([slot=label])>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{padding-bottom:.1em;padding-left:.8em;padding-top:1.1em;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);width:100%;overflow-y:auto;background-color:rgb(var(--smoothly-default-shade))}[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{transform:translateX(-1px);border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--text-color, var(--smoothly-color-contrast)), .4) solid 1px}[looks="grid"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{transform:translateX(-2px);border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid 2px;border-top:rgba(var(--text-color, var(--smoothly-color-contrast)), .2) solid 2px}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item{padding:.7em}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item:not([selectable]){display:flex;gap:1em;background-color:rgba(var(--smoothly-primary-tint), .5);color:var(--smoothly-color-contrast)}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:not([selectable])>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}';const Jc=Xc;const Zc=class{constructor(t){e(this,t);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.smoothlyItemSelect=o(this,"smoothlyItemSelect",7);this.initialValue=[];this.initialValueHandled=false;this.listener={};this.items=[];this.name="selected";this.color=undefined;this.looks="plain";this.showSelected=true;this.readonly=false;this.multiple=false;this.clearable=true;this.changed=false;this.placeholder=undefined;this.menuHeight=undefined;this.required=false;this.searchDisabled=false;this.open=false;this.selected=[];this.filter=""}componentWillLoad(){var e,t;this.smoothlyInputLooks.emit(((e,t)=>(this.looks=e,!this.color&&(this.color=t))));this.smoothlyInputLoad.emit((()=>{}));!this.readonly&&this.smoothlyFormDisable.emit((e=>this.readonly=e));(t=(e=this.listener).changed)===null||t===void 0?void 0:t.call(e,this)}componentDidLoad(){this.selected&&!this.initialValueHandled&&(this.initialValue=[...this.selected]);this.initialValueHandled=true;this.onSelectedChange()}componentDidRender(){var e,t,o,s,a;this.itemHeight===undefined&&(this.itemHeight=(e=this.items.find((e=>e.clientHeight>0)))===null||e===void 0?void 0:e.clientHeight);if(this.menuHeight&&this.itemHeight){(t=this.element)===null||t===void 0?void 0:t.style.setProperty("--menu-height",!this.menuHeight.endsWith("items")||this.items.length==0?this.menuHeight:`${this.itemHeight*+((s=(o=this.menuHeight.match(/^(\d+(\.\d+)?|\.\d+)/g))===null||o===void 0?void 0:o[0])!==null&&s!==void 0?s:"10")}px`)}(a=this.element)===null||a===void 0?void 0:a.style.setProperty("--element-height",`${this.element.clientHeight}px`)}async listen(e,t){this.listener[e]=t;t(this)}async reset(){this.selected.forEach((e=>e.selected=e.hidden=false));this.initialValue.forEach((e=>e.selected=true));this.selected=[...this.initialValue];this.displaySelected();this.changed=false;this.open&&this.handleShowOptions()}async clear(){var e;if(this.clearable){this.selected.forEach((e=>e.selected=e.hidden=false));this.selected=[];if(this.displaySelectedElement){this.displaySelectedElement.innerHTML=(e=this.placeholder)!==null&&e!==void 0?e:""}}}async edit(e){this.readonly=!e}async setInitialValue(){this.changed=false;this.initialValue=[...this.selected]}onSelectedChange(){var e,t;this.initialValueHandled&&(this.changed=!this.areValuesEqual(this.selected,this.initialValue));const o=!this.multiple&&this.selected[0]?this.selected[0].value:this.multiple&&this.selected.length>0?this.selected.map((e=>e.value)):undefined;this.smoothlyInput.emit({[this.name]:o});(t=(e=this.listener).changed)===null||t===void 0?void 0:t.call(e,this)}onRequiredChange(){this.items.forEach((e=>e.deselectable=!this.required))}async onFilterChange(e){e=e.toLowerCase();await Promise.all(this.items.map((t=>t.filter(e))))}watchingReadonly(){var e,t;(t=(e=this.listener).changed)===null||t===void 0?void 0:t.call(e,this)}async smoothlyInputLoadHandler(e){if(e.target&&("name"in e.target&&e.target.name!==this.name||e.composedPath().some((e=>e==this.iconsDiv))&&!e.composedPath().some((e=>e==this.toggle)))){e.stopPropagation()}else if(Vc.Element.is(e.target)){e.stopPropagation();e.target.deselectable=!this.required;this.items.push(e.target)}e.detail(this)}onWindowClick(e){!e.composedPath().includes(this.element)&&this.open&&this.handleShowOptions()}onItemSelect(e){e.stopPropagation();if(this.multiple){this.selected=e.detail.selected?[...this.selected,e.detail]:this.selected.filter((e=>e.selected))}else{this.selected[0]&&(this.selected[0].hidden=this.selected[0].selected=false);this.selected=!e.detail.selected?[]:[e.detail];!this.showSelected&&e.detail.selected&&(e.detail.hidden=true)}this.displaySelected();this.element.focus()}onClosed(){if(!this.open){const e=this.items.find((e=>e.marked));if(e)e.marked=false}}handleShowOptions(e){e&&e.stopPropagation();const t=(e===null||e===void 0?void 0:e.composedPath().some((e=>e==this.iconsDiv)))&&!e.composedPath().some((e=>e==this.toggle));!this.readonly&&!((e===null||e===void 0?void 0:e.target)&&this.items.includes(e.target)&&this.multiple)&&!t&&(this.open=!this.open);this.filter=""}areValuesEqual(e,t){return e.length===t.length&&t.every((t=>e.includes(t)))}displaySelected(){const e="<div>"+this.selected.map((e=>e.innerHTML)).join("</div><div>")+"</div>";this.displaySelectedElement&&(this.displaySelectedElement.innerHTML=this.selected.length>0?e:this.placeholder?this.placeholder:"")}onKeyDown(e){if(!this.searchDisabled){e.stopPropagation();const t=this.items.some((e=>e.getAttribute("hidden")===null));if(e.key!="Tab"&&!e.ctrlKey&&!e.metaKey)e.preventDefault();if(this.open){switch(e.key){case"ArrowUp":t&&this.move(-1);break;case"ArrowDown":t&&this.move(1);break;case"Escape":if(this.filter=="")this.open=false;else this.filter="";break;case"Backspace":this.filter=this.filter.slice(0,-1);break;case"Enter":const o=this.items.find((e=>e.marked));if(o===null||o===void 0?void 0:o.value)o.selected=!o.selected;this.smoothlyItemSelect.emit(o);if(!this.multiple){this.open=false;this.filter=""}break;case"Tab":this.open=false;break;default:if(e.key.length==1)this.filter+=e.key;break}}else{switch(e.key){case"Enter":case" ":this.handleShowOptions();break;case"ArrowDown":this.handleShowOptions();this.move(0);break;case"ArrowUp":this.handleShowOptions();this.move(-1);break;case"Tab":break;default:this.handleShowOptions();if(e.key.length==1)this.filter+=e.key;break}}}}move(e){let t=this.items.findIndex((e=>e.marked));if(t==-1)t=this.items.findIndex((e=>e.selected));if(this.items[t])this.items[t].marked=false;if(t==-1)t=0;do{t=(t+e+this.items.length)%this.items.length}while(this.items[t].hidden);this.items[t].marked=true}render(){return t(s,{key:"bbc755dc9d82b2bde4f12cea774add1d8af01904",tabIndex:0,class:{"has-value":this.selected.length!==0},onClick:e=>this.handleShowOptions(e)},t("div",{key:"2e8f37b59ca62638b5f1cdccb4fbe3cba9d87545",class:"select-display",ref:e=>this.displaySelectedElement=e},this.placeholder),t("div",{key:"a69640adbcc692d8260206f2da19e773df0db445",class:"icons",ref:e=>this.iconsDiv=e},t("slot",{key:"a537de27f9bb5ad83121035dafa296b5fb93ff3b",name:"end"}),this.looks=="border"&&t("smoothly-icon",{key:"53f4bd565f41bcdae72c7455ca420d306f7aa371",ref:e=>this.toggle=e,size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"})),t("slot",{key:"844a99845058c4cc06a7775f38e81178f957013b",name:"label"}),t("div",{key:"0e666a908269b70b7c621ab5fee3e9654d258588",class:`${this.open?"":"hidden"} options`},this.filter.length>0&&t("smoothly-item",{key:"56edb465a26c723098188c8c6afed55a9e959d46",selectable:false},t("smoothly-icon",{key:"0638e99af103ca77a35f30e969d9937e0023d40a",name:"search-outline",size:"small"}),this.filter,t("smoothly-icon",{key:"9a1281080296e1a88f62f37c6464dbae1385eef5",name:"backspace-outline",size:"small",onClick:e=>{e.stopPropagation();this.filter="";this.element.focus()}})),t("slot",{key:"02fa80311d2d4c34f8e221e9c824ba12f1fb44e6"})))}get element(){return a(this)}static get watchers(){return{selected:["onSelectedChange"],required:["onRequiredChange"],filter:["onFilterChange"],readonly:["watchingReadonly"],open:["onClosed"]}}};Zc.style=Jc;var Qc;(function(e){function t(e){return e&&typeof e=="object"&&typeof e.submit=="function"}e.is=t})(Qc||(Qc={}));const er=".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}";const tr=er;const or=class{constructor(t){e(this,t);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.delete=false;this.color=undefined;this.expand=undefined;this.fill=undefined;this.disabled=false;this.display=false;this.shape=undefined;this.type="button";this.size=undefined;this.toolTip=this.delete?"Remove":"Submit"}componentWillLoad(){this.smoothlyInputLoad.emit((e=>{if(Qc.is(e)&&Un.type.is(e)){this.parent=e;e.listen("changed",(async e=>{this.display=!e.readonly;this.disabled=!this.delete&&(e.readonly?true:Object.values(e.value).filter((e=>e)).length<1?true:!e.changed)}))}}))}clickHandler(){var e;!this.disabled&&((e=this.parent)===null||e===void 0?void 0:e.submit(this.delete))}render(){var e,o;return t(s,{key:"13f3775d73b2c0b39c37219efa0f8d99e9890794",title:this.toolTip},this.delete==true?t("smoothly-button-confirm",{disabled:this.disabled,size:this.size,shape:this.shape,expand:this.expand,type:this.type,color:(e=this.color)!==null&&e!==void 0?e:"danger",fill:this.fill,onSmoothlyConfirm:()=>this.clickHandler()},t("slot",null),t("smoothly-icon",{name:"trash-outline",fill:"solid",size:"tiny"})):t("smoothly-button",{disabled:this.disabled,size:this.size,type:this.type,shape:this.shape,expand:this.expand,color:(o=this.color)!==null&&o!==void 0?o:"success",fill:this.fill,onClick:()=>this.clickHandler()},t("slot",null),t("smoothly-icon",{name:"checkmark-outline",fill:"solid",size:"tiny"})))}};or.style=tr;const sr="[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-primary-shade));color:rgb(var(--smoothly-primary-contrast))}.sc-smoothly-item-h{padding:0.5em;cursor:pointer;color:rgb(var(--smoothly-default-contrast));border:rgb(var(--smoothly-default-shade) solid 1px)}[marked].sc-smoothly-item-h,.sc-smoothly-item-h:hover{background-color:rgba(var(--smoothly-primary-tint));color:rgb(var(--smoothly-primary-contrast))}";const ar=sr;const ir=class{constructor(t){e(this,t);this.smoothlyItemSelect=o(this,"smoothlyItemSelect",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.value=undefined;this.selected=undefined;this.marked=undefined;this.selectable=true;this.deselectable=true}clickHandler(){if(this.selectable&&(!this.selected||this.deselectable))this.selected=!this.selected}selectedWatcher(){this.smoothlyItemSelect.emit(this.element)}componentWillLoad(){this.smoothlyInputLoad.emit((()=>{}))}componentDidLoad(){if(this.selected&&this.selectable)this.smoothlyItemSelect.emit(this.element)}async filter(e){var t;const o=typeof this.value==="string"?this.value:JSON.stringify((t=this.value)!==null&&t!==void 0?t:"");this.element.hidden=e&&this.selectable?!(o.includes(e)||this.element.innerText.toLowerCase().includes(e)):false}render(){return t(s,{key:"199dc7d349fc5a3c8608fe7b9afa932f0f283576",tabIndex:-1},t("slot",{key:"44590612e6f78fc0db56a90af33dc54e95f08b5f"}))}get element(){return a(this)}static get watchers(){return{selected:["selectedWatcher"]}}};ir.style=ar;const lr=".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 nr=lr;const cr=class{constructor(t){e(this,t);this.hue=undefined;this.description=undefined;this.shape=undefined}render(){return t(s,{key:"67e6bb65510bd77086f29ca0ebf95fa4938cdd93",title:this.description,style:{"--hue":this.hue.toString()}},t("slot",{key:"9bcf6cbb5aa0a5d4b139965ade4f065107167d61"}))}};cr.style=nr;const rr=".sc-smoothly-lazy-h{display:block}";const dr=rr;const hr=class{constructor(t){e(this,t);this.show=false;this.content=undefined}loadMoreHandler(e){e.stopPropagation();this.show=true}render(){return t(s,{key:"801fd8d90cdb316a733ceec11fd298d6f23c1420"},t("slot",{key:"c5b510ed800234d8a5f6068e0e8d1ffb2056a2fa",name:"before"}),t("smoothly-load-more",{key:"2b483fc823005bb9af29a3f31f538edecf86a24c",onSmoothlyLoadMore:e=>this.loadMoreHandler(e)}),this.show&&(typeof this.content=="function"?t(this.content,null):this.content),t("slot",{key:"5315932f115d847238bd61821a3266732fca2167"}))}};hr.style=dr;const br=".sc-smoothly-load-more-h{display:block;position:relative;top:var(--offset,)}";const fr=br;const mr=class{constructor(t){e(this,t);this.smoothlyLoadMore=o(this,"smoothlyLoadMore",7);this.offset="0";this.name="";this.multiple=false}componentWillLoad(){const e=new IntersectionObserver(((e,t)=>this.observationHandler(t,e)));e.observe(this.element)}observationHandler(e,t){var o,s;if((s=(o=t.find((e=>e.target==this.element)))===null||o===void 0?void 0:o.intersectionRatio)!==null&&s!==void 0?s:0){this.smoothlyLoadMore.emit(this.name);!this.multiple&&(e.unobserve(this.element),e.disconnect())}}render(){return t(s,{key:"13d3c29e2a88208de9d0c6e4c124898203206700",style:{"--offset":`${this.offset}`}})}get element(){return a(this)}};mr.style=fr;const yr=".sc-smoothly-next-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}";const ur=yr;const pr=class{constructor(t){e(this,t)}render(){return t(s,{key:"3d0c20547ab04228f438fcd8a8827ff3519b0387"},t("smoothly-next-demo-group",{key:"795723f9a2792547cb33157593113896521d7f6a"}),t("smoothly-next-demo-colspan",{key:"e8770b9c339c80d803682c8123f2f4d86f409f6c"}),t("smoothly-next-demo-simple",{key:"f9f981705bfa17cda86c101ba49008ce8e8e488b"}),t("smoothly-next-demo-nested",{key:"647ca83f31da67dae94df91800215502a12c3dc0"}))}};pr.style=ur;const gr=".sc-smoothly-next-demo-colspan-h{display:block}.sc-smoothly-next-demo-colspan-h smoothly-display.sc-smoothly-next-demo-colspan{display:inline}";const kr=gr;const vr=class{constructor(t){e(this,t)}render(){return t(s,{key:"e280d5cdfd50b62fad5da69ea1c8eac12e482420"},t("smoothly-next-table",{key:"b376867f68aabce7c51051c72c843ac851517f50",columns:3},t("smoothly-next-table-head",{key:"85d480ae97fb2b57c286ea31ebb1fca950ef5294"},t("smoothly-next-table-row",{key:"f48135504deee08037711453c21d2e0212b28a6a"},t("smoothly-next-table-cell",{key:"09225de5c148a80a31df1603ec731d2e6f7875ed"},"Date"),t("smoothly-next-table-cell",{key:"a855588405b69fc2baed78f13bed9a2be0af7cf0"},"Skip"),t("smoothly-next-table-cell",{key:"313a1d1037a72e858d21bb78b5f6d76db69c6948"},"Total"))),t("smoothly-next-table-body",{key:"a39eb4d35d2775e8ed0fd5651da1b2ea6acfd360"},t("smoothly-next-table-row",{key:"0a7f335f0d1b95770643eecb51607377b90858fb"},t("smoothly-next-table-cell",{key:"527e46625e9bdf99bce84fb634e5d6c4aefbcce4",span:2},t("smoothly-display",{key:"d692f6941ecd20070a937381760a63f3946cf89e",type:"date",value:"2024-01-01"})),t("smoothly-next-table-cell",{key:"2af37719ecdd9a6788a704592ac8cddcf5dcf555"},t("smoothly-display",{key:"fc3f72f4aee543d28f8719bdb2ebb3f4e91ec864",type:"price",value:120,currency:"EUR"}))),t("smoothly-next-table-row",{key:"debf5e1ee241ccb19ef53d242d394f9a20b22d19"},t("smoothly-next-table-expandable-cell",{key:"130b4001fd487e1c31600c571571c8db7316255a",span:2},t("smoothly-display",{key:"cf544b1b34eb5e66279b108fdbe4cf3468b53dcb",type:"date",value:"2024-01-02"}),t("smoothly-lazy",{key:"f32fb3e803cc808c7a61bd7d73b57cc151e41408",slot:"detail",content:t("smoothly-display",{type:"date-time",value:"2024-01-02T13:37:00.000Z"})})),t("smoothly-next-table-expandable-cell",{key:"94fb28f995ce60dd2d5531435d9613d0635d04b9"},t("smoothly-display",{key:"ae8c112350c908947795c36d1697c3a99f426dac",type:"price",value:220,currency:"EUR"}),t("smoothly-lazy",{key:"eb6c93f3c2e4edb1163eb7c96b7e9b1c9b59ef20",slot:"detail",content:t("span",null,t("smoothly-display",{type:"price",value:120,currency:"EUR"})," + ",t("smoothly-display",{type:"price",value:100,currency:"EUR"}))}))),t("smoothly-next-table-row",{key:"68edf5d06ade0cc8c29605b8e0fe9cfbd79a4bd8"},t("smoothly-next-table-cell",{key:"9bf53e9639d6d157fbc1938c299cc15e5d493a6d"},t("smoothly-display",{key:"eae9d0320c67819db6e575dea2c8973395a63eca",type:"date",value:"2024-01-02"})),t("smoothly-next-table-cell",{key:"d7557ab8eed819735d372717146ca342e6817818"},"Not Skipped"),t("smoothly-next-table-cell",{key:"8f2d277e4a90bb95b05cbd79abf07b372522c7f9"},t("smoothly-display",{key:"02a466ca77a243b5b6f9437e6dfeb6a7b55c6ebe",type:"price",value:320,currency:"EUR"}))))))}};vr.style=kr;const wr=".sc-smoothly-next-demo-group-h{display:block}";const xr=wr;const Sr=class{constructor(t){e(this,t)}render(){return t(s,{key:"d446f63015b2bf132d72d31cbe84894c48300b4a"},t("smoothly-next-table",{key:"10e867728d6d32f4ebdf0196f24dbf62f94c280b",columns:2},t("smoothly-next-table-head",{key:"a4c16d706ca2c0497faee6713a2ddfc2fd49e89e"},t("smoothly-next-table-row",{key:"c09beba2792dc0cdadc02717fbd3f02bb85fc382"},t("smoothly-next-table-cell",{key:"663b2316d06218351ec78223b541b2fa20dd70d9"},"Date"),t("smoothly-next-table-cell",{key:"ed00b0856c42876b51116bbd42a9a293b56b2328"},"Total"))),t("smoothly-next-table-row-group",{key:"4fa872967bfcb90f5d44463b701646cef2033c50",align:true},t("smoothly-display",{key:"c7ca20c73f14a689dea2ce3b6c7c81ff1f6fbb9a",slot:"start",type:"date",value:"2024-01-01"}),t("smoothly-display",{key:"37cc99f9bf14c8acf795cfe7a942f2c641fcb9a3",slot:"end",type:"price",currency:"EUR",value:510}),t("smoothly-next-table-expandable-row",{key:"c3a6b4d1d0b3ed293032a1b4fa72e69410bc276c"},t("smoothly-next-table-cell",{key:"7831783fdd80d7e51af110a3d65979d46e766086"},t("smoothly-display",{key:"559467a7fee49cb577a01dda32c5b68b6e1a5c06",type:"date-time",value:"2024-01-01T01:37:00.000Z"})),t("smoothly-next-table-cell",{key:"e0cb305cf31c33adae618799ceadacfc5a5629ee"},t("smoothly-display",{key:"1b1a90bc890049b2406393dec03e3a058387875e",type:"price",currency:"EUR",value:250})),t("smoothly-lazy",{key:"6846c1a9dd9c2dc3edcc9e000a37757404ed78cc",slot:"detail",content:t(i,null,"Details of 2024-01-01T01:37:00.000Z")})),t("smoothly-next-table-expandable-row",{key:"907964f4c6e17e7d9b45032bddad73e8dd3e86ca"},t("smoothly-next-table-cell",{key:"8ce8ec63a0f58a2569348b0e630429c02dc98905"},t("smoothly-display",{key:"9e7928b3dfe64b61ef3e61f0d76d086e311ba51f",type:"date-time",value:"2024-01-01T13:37:00.000Z"})),t("smoothly-next-table-cell",{key:"95963a64597e28bed87daf1271ec5558ec22275e"},t("smoothly-display",{key:"fa0db2d55313da40e713e1d6069e3c18c2617b8c",type:"price",currency:"EUR",value:260})),t("smoothly-lazy",{key:"129a45694da5f852e3e8ddd910368b5f3e227353",slot:"detail",content:t(i,null,"Details of 2024-01-01T13:37:00.000Z")}))),t("smoothly-next-table-body",{key:"85c3e705024faec4927ad78613aae8fd819fc1a9"},t("smoothly-next-table-row",{key:"570226bb7c4ffb6f32570114ae2ca454f27c6597"},t("smoothly-next-table-cell",{key:"f1933c57cefb8dab54ddf38f714e00544f68dd4e"},t("smoothly-display",{key:"db0ccf5ea366e4c691d927c0d1a14a16a20d7c28",type:"date",value:"2024-01-02"})),t("smoothly-next-table-cell",{key:"6c36da55acfa96174e3c567d33379b405952b232"},t("smoothly-display",{key:"fa1a6f9dbf980af36d63ca4946cf87dc8af012d9",type:"price",currency:"EUR",value:130})))),t("smoothly-next-table-row-group",{key:"7df719a0f9a70c2ecfcd45138b998e299a15ee55"},t("smoothly-display",{key:"e1bfb636ecd83df8ba60d80ec7ba09d11db49037",slot:"start",type:"date",value:"2024-01-03"}),t("smoothly-display",{key:"f18a9a25a8f71045efa0f9f5b3c3d71775127582",slot:"end",type:"price",currency:"EUR",value:720}),t("smoothly-next-table-expandable-row",{key:"0578fe51b002b232d005dfa986f01a38d14413a3"},t("smoothly-next-table-cell",{key:"7b4f357537d103e1fb353e361dda1a4e06ea0721"},t("smoothly-display",{key:"aef2ae44ce93c92e4fec2e50a2af7c1f3f8be803",type:"date-time",value:"2024-01-03T01:37:00.000Z"})),t("smoothly-next-table-cell",{key:"09bfd6d2c026eed626d76b644b8eac49d7ac4a2c"},t("smoothly-display",{key:"cbb31d2cb195697bf4b56c69e0b1322f2cf9cfd6",type:"price",currency:"EUR",value:320})),t("smoothly-lazy",{key:"4b38c9df63500cbf97f50889448ba222d0d9a8f9",slot:"detail",content:t(i,null,"Details of 2024-01-03T01:37:00.000Z")})),t("smoothly-next-table-expandable-row",{key:"0fc885bb968a7cd6e2495586acf4c6a765f5db26"},t("smoothly-next-table-cell",{key:"50a9cb9d3c848c5f2d29869e3bc3dac03b3f8f11"},t("smoothly-display",{key:"4d3c162a770acd802c242ef933a3cf360e9f9269",type:"date-time",value:"2024-01-03T13:37:00.000Z"})),t("smoothly-next-table-cell",{key:"d73eb62729dbbbc3d7918f63a49ccdcf3a91ffd5"},t("smoothly-display",{key:"9edd58e24534f40742bd8d3e18d4c8bea853b014",type:"price",currency:"EUR",value:400})),t("smoothly-lazy",{key:"932b840563b3bae858756184c84f1596a1f4d47d",slot:"detail",content:t(i,null,"Details of 2024-01-03T13:37:00.000Z")}))),t("smoothly-next-table-row-group",{key:"ed01a0d969ef19dae842ede52fc94ce064041fbe"},t("smoothly-display",{key:"e67dcf296fe2fb4dfbd6fb361f754946358078b3",slot:"start",type:"date",value:"2024-01-04"}),t("smoothly-next-table-expandable-row",{key:"a6872541df9664d4ab4f94dbb6045ba9044933bb"},t("smoothly-next-table-cell",{key:"3ebf983d10cfbe78fd29b2b33512f73b0558f163"},t("smoothly-display",{key:"3c67391069aa471321f272777e0ce0174b489136",type:"date-time",value:"2024-01-04T01:37:00.000Z"})),t("smoothly-next-table-cell",{key:"23d55f2074085942ed75f978df1b8685ba135fb0"},t("smoothly-display",{key:"40f7a0e826d9ba7f7c890cbb6ac1f14558c0cb18",type:"price",currency:"EUR",value:320})),t("smoothly-lazy",{key:"b3237e4f6770bc79ad61a33afe51106610bb289b",slot:"detail",content:t(i,null,"Details of 2024-01-04T01:37:00.000Z")})),t("smoothly-next-table-expandable-row",{key:"ea21ecdcc458dca488d2ab853f973090ee79ea63"},t("smoothly-next-table-cell",{key:"1db83c8edfb9c1a5414b13f18e2084404c7b0aa3"},t("smoothly-display",{key:"8863e7fff9e9b67354dc931f55f3341d34b9c917",type:"date-time",value:"2024-01-04T13:37:00.000Z"})),t("smoothly-next-table-cell",{key:"f2e9a3d00ac121b0fec8b15b028112bc7b37837c"},t("smoothly-display",{key:"6e5ce14f6d7a017e3d4727a3b7844b4005b7d06a",type:"price",currency:"EUR",value:400})),t("smoothly-lazy",{key:"4b6d8339e9e73c18a98032b2426e0426f67d48e9",slot:"detail",content:t(i,null,"Details of 2024-01-04T13:37:00.000Z")}))),t("smoothly-next-table-row-group",{key:"c2c820a07ddd5560436ef4b0c30f222e0b31b824"},t("smoothly-display",{key:"a952694e3db55c6d59a7680b9d8f1f1d2ebdd7ae",slot:"end",type:"price",currency:"EUR",value:720}),t("smoothly-next-table-expandable-row",{key:"b2ac59ecb2050806144bc211664b2d746bae924e"},t("smoothly-next-table-cell",{key:"639dbac5d0f717fc082811fb09d6c199f1c062ee"},t("smoothly-display",{key:"2a35b1fbdfeedc12fd5353c7e595f19a6e879e9f",type:"date-time",value:"2024-01-05T01:37:00.000Z"})),t("smoothly-next-table-cell",{key:"13872a22275f21359c1b2a29817499e39393d6a1"},t("smoothly-display",{key:"2a1abaaa22e52613d9b6d610986e8e58dfc38c67",type:"price",currency:"EUR",value:320})),t("smoothly-lazy",{key:"b2c6fbf1ec2771cd1259c228255607a7b9cb27fe",slot:"detail",content:t(i,null,"Details of 2024-01-05T01:37:00.000Z")})),t("smoothly-next-table-expandable-row",{key:"ad1a843c78b1078928715ccb657b1d5d6f20fe4e"},t("smoothly-next-table-cell",{key:"5f0ab051ad51257909aa694c6ea0d4c31c06bf1e"},t("smoothly-display",{key:"53bc26e4f2d8ad88466b9f18fdee5ad124941ec1",type:"date-time",value:"2024-01-05T13:37:00.000Z"})),t("smoothly-next-table-cell",{key:"0684944e3bc3189e8b4530d6307b2aaf25e576c1"},t("smoothly-display",{key:"024d6e94f142cff94187d0ae45959261ff5ea3d3",type:"price",currency:"EUR",value:400})),t("smoothly-lazy",{key:"66446b6131a61d3a583f654ae73ef8efffed63a0",slot:"detail",content:t(i,null,"Details of 2024-01-05T13:37:00.000Z")}))),t("smoothly-next-table-row-group",{key:"05c2a648a596b43fd46d6dc60e38e88e6e93cc4c"},t("smoothly-display",{key:"0594d7820fa4a94c0dc99327d26b79d0bf4ad017",slot:"start",type:"date",value:"2024-01-06"}),t("smoothly-display",{key:"3dc8686d6b259ad4c29e338e12bc01eb7667d6e0",slot:"end",type:"price",currency:"EUR",value:720}))))}};Sr.style=xr;const Cr=[{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 zr=".sc-smoothly-next-demo-nested-h{display:block}";const _r=zr;const Lr=class{constructor(t){e(this,t)}render(){return t(s,{key:"6cb74c9bbef7eb6c4542c6c69a293e7538acbc5a"},t("smoothly-next-table",{key:"3b8848c6438ec451f9fd6dec1dd301f7456a536b",columns:8},t("smoothly-next-table-head",{key:"2d1d001975fd4a452cc82a7d475eb174965dcf88"},t("smoothly-next-table-row",{key:"cb845428f048bb6dc8e9c09e72cf6f1308150bfb"},t("smoothly-next-table-cell",{key:"4bbbda07b40b5b07b1b665c6dcea05aca9705003"},"Id"),t("smoothly-next-table-cell",{key:"7b8333775a715ed76c000689d54e1fb349eb47b6"},"Registered"),t("smoothly-next-table-cell",{key:"04100cd4786d06eb66d2582647b89aafb9418c1e"},"Name"),t("smoothly-next-table-cell",{key:"66c632188df21230c4196f0c9eb173b045cbac4b"},"Age"),t("smoothly-next-table-cell",{key:"ee95e0eab9068413c689ff4a6be9d2d456a6a073"},"Balance"),t("smoothly-next-table-cell",{key:"a338b9221eacf375d7c896ffc894b44817ee1b4d"},"EyeColor"),t("smoothly-next-table-cell",{key:"1059fa5bf6276f4cc2a02f23931e31df3654014b"},"Gender"),t("smoothly-next-table-cell",{key:"f38a10cfc23466f4c435cd5dc59778d1524072bc"},"Company"))),t("smoothly-next-table-body",{key:"502f0e42666c9d1edbdeb433170ee6edc5c526da"},Cr.map((e=>t("smoothly-next-table-expandable-row",null,t("div",{slot:"detail"},t("smoothly-next-demo-nested-inner",{data:e.friends})),t("smoothly-next-table-cell",null,e.id),t("smoothly-next-table-cell",null,e.registered),t("smoothly-next-table-cell",null,e.name),t("smoothly-next-table-cell",null,e.age),t("smoothly-next-table-cell",null,e.balance),t("smoothly-next-table-cell",null,e.eyeColor),t("smoothly-next-table-cell",null,e.gender),t("smoothly-next-table-cell",null,e.company))))),t("smoothly-next-table-foot",{key:"dfaeb23126091a0aa655bee318c5caf25d252f2f"},t("smoothly-next-table-row",{key:"34dc38c871ab161d1dabdd3ce22cef0056c01fe4"},t("smoothly-next-table-cell",{key:"45363732de91a62214d837ff94db51253b65dbaa"},"Footer Cell"),t("smoothly-next-table-cell",{key:"83c902d93e9079e7d82fbe4bbc3ec018f60c1d3e"},"Footer Cell")))))}};Lr.style=_r;const Tr=".sc-smoothly-next-demo-nested-inner-h{display:block;margin:1em auto;width:60%}";const jr=Tr;const Ar=class{constructor(t){e(this,t);this.data=undefined}render(){var e;return t(s,{key:"d87848aa200b72d46689eb9141e8ce6cfc134842"},t("smoothly-next-table",{key:"de0c6527bf2b4ae7df94b11b8ec04cc9b2024838",columns:4},t("smoothly-next-table-head",{key:"49647703e53f69cfa44aea0d5f4aae6ab70ff91c"},t("smoothly-next-table-row",{key:"eb7e438aac4932842da90f450e465bb12ce98e4f"},t("smoothly-next-table-cell",{key:"59f9d3138951e5ed74d41786203198783745bb1c"},"Id"),t("smoothly-next-table-cell",{key:"0ed2ba4baab039c19c629deedc0a877f65eda17d"},"Name"),t("smoothly-next-table-cell",{key:"625aa0869f41d4af06e9feae5a87b3b6a49eb651"},"Age"),t("smoothly-next-table-cell",{key:"925d7b9a726b401f273020eb7b694c3fe85b1032"},"Balance"))),t("smoothly-next-table-body",{key:"1e19ed5c093c97a058f31f2cccc7ac5d96a14b75"},(e=this.data)===null||e===void 0?void 0:e.map((e=>t("smoothly-next-table-row",null,t("smoothly-next-table-cell",null,e.id),t("smoothly-next-table-cell",null,e.name),t("smoothly-next-table-cell",null,e.age),t("smoothly-next-table-cell",null,e.balance)))))))}};Ar.style=jr;const Er=".sc-smoothly-next-demo-simple-h{display:block}";const Ir=Er;const Dr=class{constructor(t){e(this,t)}render(){return t(s,{key:"11ee1fa5de472be3b21352c982b0f4d01b0cf05b"},t("smoothly-next-table",{key:"c6a8c9bcb6d084bf4e084ec679b9bd2921d3b7ec",columns:2},t("smoothly-next-table-head",{key:"a3880e0f4fbc806e21906d582c208be1439740ef"},t("smoothly-next-table-row",{key:"2ae2b42caa22000a226369b56bc92126b033b550"},t("smoothly-next-table-cell",{key:"73650696c3d154afd9305a2dd33a58d9b1b46e80"},"Breed"),t("smoothly-next-table-cell",{key:"bffc28160b8a0ce73fcae14743436b6a9239b44c"},"Coat"))),t("smoothly-next-table-body",{key:"dfcf4a852cae8013783d6f15d9ce802117e3951f"},Or.map((e=>t("smoothly-next-table-row",null,t("smoothly-next-table-expandable-cell",null,e.breed,t("div",{slot:"detail"},"Country:",t("br",null),e.country)),t("smoothly-next-table-expandable-cell",null,e.coat,t("div",{slot:"detail"},"Pattern: ",e.pattern))))),t("smoothly-next-table-expandable-row",{key:"b189afc7f1c71928a756e76a0bd14ddd47f82c51"},t("div",{key:"bd17feb0d255e3dfcbbf7dcd233aaa5fa42194c8",slot:"detail"},"Content",t("br",{key:"eac1ef14aeef06c0df347fdbc1c9a28b07803300"}),"of",t("br",{key:"254d61f07f46ea8b87b4643e8748dcbf3b1203b6"}),"the",t("br",{key:"449695677197f8cb27adf5a6d389a444e5ad7f52"}),"expandable",t("br",{key:"d738e8e1f2fa213abee5da12d61e328c8ddc4f05"}),"row"),t("smoothly-next-table-cell",{key:"5d6e4b118cd55858e57ea459222aed38b293f721"},"Cell1 in expandable row"),t("smoothly-next-table-cell",{key:"5bcdd1b999af0199c22a25f3faa8910c42a2e05c"},"Cell2 in expandable row")),t("smoothly-next-table-row",{key:"37cfc03e879e59a1a9902baf6f49f2c87f3d3d18"},t("smoothly-next-table-cell",{key:"107d493dc8168e91bf86ff691928e366c42c79d4"},"Cell5"),t("smoothly-next-table-expandable-cell",{key:"81acb0e5b89d556866a7f023c443b74df325d46a"},"Expandable Cell",t("div",{key:"43d2fc357c71e5f3d67f1e674064d5947a403de6",slot:"detail"},"Content of the expandable cell"))),t("smoothly-next-table-row",{key:"84c616956fa7a3492bb65521d6082713dfc0cff9"},t("smoothly-next-table-expandable-cell",{key:"ebf2ad8d59eb0bdf9ef01be5e58f76ee4c49c01a"},"Expandable Cell 1",t("div",{key:"7c4ee92540c92a5e02abaa60db973a41e4610964",slot:"detail"},"Content of the expandable cell 1")),t("smoothly-next-table-expandable-cell",{key:"c091f35cc55d213683f6ebc00fd5b27cbf7393b4"},"Expandable Cell 2",t("div",{key:"b4f4ab702f4f761e9d01fafd4ddfbc2683466505",slot:"detail"},"Content of the expandable cell 2")))),t("smoothly-next-table-foot",{key:"dc49ef6b4230a23def303b2570dc6948b45472af"},t("smoothly-next-table-row",{key:"06f64a3de453bda07d6d7e4d42d475e668ab071e"},t("smoothly-next-table-cell",{key:"528c61f2173285870fbd2f50b73cd6cc831b8edb"},"Footer Cell"),t("smoothly-next-table-cell",{key:"edd38b2e6d0ee67e9c78a218195a284fe2487ef2"},"Footer Cell")))))}};const Or=[{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"}];Dr.style=Ir;const Mr=".sc-smoothly-next-table-h{display:grid;grid-template-columns:repeat(var(--columns), auto)}";const Rr=Mr;const $r=class{constructor(t){e(this,t);this.columns=1}render(){return t(s,{key:"0fce73d48ff5edda2529de6e5e0625c7411169b9",style:{"--columns":this.columns.toString()}},t("slot",{key:"f9dcab27280d223081ebf65c6e8f27aa9b14e47f"}))}};$r.style=Rr;const Hr=".sc-smoothly-next-table-body-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}";const Pr=Hr;const Nr=class{constructor(t){e(this,t)}render(){return t(s,{key:"5c344d1fc116fe9c194b3f3f87aa59969d101616"},t("slot",{key:"e1d21e9b0600e32c43198a709c72c59bc96ee80f"}))}};Nr.style=Pr;const Fr=".sc-smoothly-next-table-cell-h{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding:0.3rem 1.1rem;white-space:nowrap}";const Ur=Fr;const Wr=class{constructor(t){e(this,t);this.span=1}render(){return t(s,{key:"155e98c2bba06855a9d7e72d4d8a37543ad94fe6",style:{"--smoothly-table-cell-span":this.span.toString(10)}},t("slot",{key:"3199d532a7b5bc5ac0e6446a9794be7d08fd9214"}))}};Wr.style=Ur;const Yr=".sc-smoothly-next-table-expandable-cell-h.sc-smoothly-next-table-expandable-cell-s>smoothly-next-table-cell:first-child,.sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell:first-child{position:relative}.sc-smoothly-next-table-expandable-cell-h.sc-smoothly-next-table-expandable-cell-s>smoothly-next-table-cell:first-child::before,.sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell:first-child::before{content:'';display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;border-bottom:1px solid black;border-right:1px solid black;transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-next-table-expandable-cell-h.sc-smoothly-next-table-expandable-cell-s>smoothly-next-table-cell:first-child:hover::before,.sc-smoothly-next-table-expandable-cell-h.sc-smoothly-next-table-expandable-cell-s>smoothly-next-table-cell:first-child:has(~smoothly-next-table-cell:hover)::before,.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell:hover:first-child::before{opacity:1}.sc-smoothly-next-table-expandable-cell-h[open].sc-smoothly-next-table-expandable-cell-s>smoothly-next-table-cell:first-child::before,[open].sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell:first-child::before{rotate:45deg}.sc-smoothly-next-table-expandable-cell-h{display:contents}.sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell{padding:0.3rem 1.1rem}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;white-space:nowrap}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell:hover{background-color:rgb(var(--smoothly-color-shade))}.sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-next-table-expandable-cell-h>div.detail.sc-smoothly-next-table-expandable-cell{grid-column:1 / -1;grid-row:2;overflow:hidden}[open].sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell{background-color:rgb(var(--smoothly-color-tint))}.sc-smoothly-next-table-expandable-cell-h:not([open])>div.detail.sc-smoothly-next-table-expandable-cell{display:none}";const Br=Yr;const qr=class{constructor(t){e(this,t);this.smoothlyNextTableExpandableCellOpened=o(this,"smoothlyNextTableExpandableCellOpened",7);this.smoothlyNextTableExpandableCellRegister=o(this,"smoothlyNextTableExpandableCellRegister",7);this.span=1;this.open=false}componentWillLoad(){this.smoothlyNextTableExpandableCellRegister.emit()}async close(){this.open=false}clickHandler(){this.open=!this.open;this.smoothlyNextTableExpandableCellOpened.emit()}render(){return t(s,{key:"9898ecf1d5ff1fbeebfd11aa9e15ce670236cfbc",style:{"--smoothly-table-cell-span":this.span.toString(10)}},t("div",{key:"64b728eb1f632fda74da25dc5f4e365c6756e301",onClick:()=>this.clickHandler(),class:"content"},t("slot",{key:"6598f4c9378cb968f4cbaf6efb44af0af409f2fc"})),t("div",{key:"3d1e7964de11e30570b33781d20edbd6ad64a51f",class:"detail"},t("slot",{key:"77c3b99a4f4100b3d3d47bb5acd8cfe152972af9",name:"detail"})))}};qr.style=Br;const Gr=".sc-smoothly-next-table-expandable-row-h.sc-smoothly-next-table-expandable-row-s>smoothly-next-table-cell:first-child,.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:first-child{position:relative}.sc-smoothly-next-table-expandable-row-h.sc-smoothly-next-table-expandable-row-s>smoothly-next-table-cell:first-child::before,.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:first-child::before{content:'';display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;border-bottom:1px solid black;border-right:1px solid black;transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-next-table-expandable-row-h.sc-smoothly-next-table-expandable-row-s>smoothly-next-table-cell:first-child:hover::before,.sc-smoothly-next-table-expandable-row-h.sc-smoothly-next-table-expandable-row-s>smoothly-next-table-cell:first-child:has(~smoothly-next-table-cell:hover)::before,.sc-smoothly-next-table-expandable-row-h>div.content.sc-smoothly-next-table-expandable-row:hover:first-child::before{opacity:1}.sc-smoothly-next-table-expandable-row-h[open].sc-smoothly-next-table-expandable-row-s>smoothly-next-table-cell:first-child::before,[open].sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:first-child::before{rotate:45deg}.sc-smoothly-next-table-expandable-row-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;border-bottom:1px solid rgb(var(--smoothly-color-shade));box-sizing:border-box}.sc-smoothly-next-table-expandable-row-h.sc-smoothly-next-table-expandable-row-s>*{cursor:pointer}.sc-smoothly-next-table-expandable-row-h.sc-smoothly-next-table-expandable-row-s>smoothly-next-table-cell:has(~smoothly-next-table-cell:hover),.sc-smoothly-next-table-expandable-row-h.sc-smoothly-next-table-expandable-row-s>smoothly-next-table-cell:hover~smoothly-next-table-cell,.sc-smoothly-next-table-expandable-row-h.sc-smoothly-next-table-expandable-row-s>smoothly-next-table-cell:hover{background-color:rgb(var(--smoothly-color-shade))}[open].sc-smoothly-next-table-expandable-row-h{background-color:rgb(var(--smoothly-color-tint));grid-template-rows:auto 1fr}.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child{grid-column:1 / -1;cursor:default;overflow:hidden;background-color:rgb(var(--smoothly-color-tint))}";const Kr=Gr;const Vr=class{constructor(t){e(this,t);this.open=false}clickHandler(e){this.div&&e.composedPath().includes(this.div)||(this.open=!this.open)}render(){return t(s,{key:"d62768273e4dfb30bef2a8cedb9d6d927a93b3f7",onClick:e=>this.clickHandler(e)},t("slot",{key:"5ca518201161837fc287337eccce41addad7d66b"}),t("div",{key:"e51640b7f7423988573d0cf69b45eea7543d3bb7",ref:e=>this.div=e},t("slot",{key:"42765e31400ed9b9475354a53fe41d30faa3ba49",name:"detail"})))}};Vr.style=Kr;const Xr=".sc-smoothly-next-table-foot-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;position:sticky;z-index:1;bottom:0;box-sizing:border-box;background-color:rgb(var(--smoothly-color-tint))}";const Jr=Xr;const Zr=class{constructor(t){e(this,t)}render(){return t(s,{key:"48526ac7e05c9b646a2e49755fe376014d3b39d2"},t("slot",{key:"fc1df22b585c08d4bd6e6afb8d99bc7dab24a92f"}))}};Zr.style=Jr;const Qr=".sc-smoothly-next-table-head-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;top:0;position:sticky;z-index:1;background-color:rgb(var(--smoothly-color-tint))}";const ed=Qr;const td=class{constructor(t){e(this,t)}render(){return t(s,{key:"9bee02622711554fbd95a6a7ffac690d6b2c4705"},t("slot",{key:"e4f7da09346980d89d915a1d3d1ce5e28abd4e6e"}))}};td.style=ed;const od=".sc-smoothly-next-table-row-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;border-bottom:1px solid rgb(var(--smoothly-color-shade))}.sc-smoothly-next-table-row-h:has(smoothly-next-table-expandable-cell){grid-template-rows:auto 0fr 0fr}.sc-smoothly-next-table-row-h:has(smoothly-next-table-expandable-cell[open]){grid-template-rows:auto 1fr 0fr}.sc-smoothly-next-table-row-h>.sc-smoothly-next-table-row-s>*{padding-top:1em;padding-bottom:1em}";const sd=od;const ad=class{constructor(t){e(this,t);this.expandableCells=new Set}smoothlyNextTableExpandableCellRegisterHandler(e){e.stopPropagation();this.expandableCells.add(e.target)}smoothlyNextTableExpandableCellOpenedHandler(e){e.stopPropagation();for(const t of this.expandableCells)e.target!=t&&t.close()}render(){return t(s,{key:"be69fa74995b15ff120fa737f8910867685e8884"},t("slot",{key:"def4cd2281fb77f53e80ab9e7f92db7e514f4460"}))}};ad.style=sd;const id=".sc-smoothly-next-table-row-group-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child{grid-column:1 / -1;display:grid;position:relative;cursor:pointer}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:last-child{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}[align].sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child{grid-template-columns:subgrid}[align].sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child>div.sc-smoothly-next-table-row-group{display:contents}[align].sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child>div.sc-smoothly-next-table-row-group>*.sc-smoothly-next-table-row-group{padding:0.3rem 1.1rem}.sc-smoothly-next-table-row-group-h:not([align])>div.sc-smoothly-next-table-row-group:first-child{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between;padding:0.3rem 1.1rem}.sc-smoothly-next-table-row-group-h:not([align])>div.sc-smoothly-next-table-row-group:first-child>div.sc-smoothly-next-table-row-group:first-child{justify-self:start;display:flex;gap:1rem}.sc-smoothly-next-table-row-group-h:not([align])>div.sc-smoothly-next-table-row-group:first-child>div.sc-smoothly-next-table-row-group:last-child{justify-self:end;display:flex;gap:1rem}.sc-smoothly-next-table-row-group-h:not([open]){grid-template-rows:auto 0fr}.sc-smoothly-next-table-row-group-h:not([open])>.sc-smoothly-next-table-row-group:not(:first-child){grid-row:2;overflow:hidden}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child>div.sc-smoothly-next-table-row-group:first-child::before{content:'';display:flex;position:absolute;top:50%;translate:0 -50%;left:0.3em;height:0.4em;width:0.4em;border-bottom:1px solid rgb(var(--smoothly-color-contrast));border-right:1px solid rgb(var(--smoothly-color-contrast));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child:hover>div.sc-smoothly-next-table-row-group:first-child::before{opacity:1}[open].sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child>div.sc-smoothly-next-table-row-group:first-child::before{rotate:45deg}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child{background-color:rgb(var(--smoothly-color-tint))}[open].sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child,.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child:only-child{border-bottom:1px solid rgb(var(--smoothly-color-shade))}.sc-smoothly-next-table-row-group-h>div.sc-smoothly-next-table-row-group:first-child:hover{background-color:rgb(var(--smoothly-color-shade))}";const ld=id;const nd=class{constructor(t){e(this,t);this.align=false;this.open=false}clickHandler(){this.open=!this.open}render(){return t(s,{key:"f8e2f6e854d191a9d38dcbf94552bcba7658f6e7"},t("div",{key:"3ac68eb4bc55db7a8f9f5cd020f8efd9957b4195",onClick:()=>this.clickHandler()},t("div",{key:"b6b0a27efe15669d159cfa17c9d21623a8fa828a"},t("slot",{key:"337cbe466e2b3a26012e0a6e6a734a306fbb1beb",name:"start"})),t("div",{key:"985b4d411e1ee72c8c0e57b1b55b001e516716f6"},t("slot",{key:"9fd730aa2691784ce3c9caa17fad01f064d73a3f",name:"end"}))),t("slot",{key:"5b27326f01671ccfcf887318e8262a9121a9f20e"}))}};nd.style=ld;const cd=".sc-smoothly-notification-h{display:block;width:30em;min-height:3em;border-radius:5px;margin:0.5em}.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-items:center;padding:0.5em 1em}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:grid;width:100%;grid-template-columns:1fr 5fr}.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>smoothly-trigger.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{left:0;font-size:1.2em;align-self:center;justify-self:center}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{font-size:0.5em;float:right;text-align:right;margin-right:0.2em}";const rd=cd;const dd=class{constructor(t){e(this,t);this.remove=o(this,"remove",7);this.listener=e=>{if(e.state=="closed")this.remove.emit(e);else this.tick={}};this.notice=undefined;this.closable=true;this.icon=false;this.tick={}}get properties(){let e;switch(this.notice.state){case"delayed":case"warning":e=["warning","warning-outline"];break;case"success":e=["success","checkmark-circle"];break;case"executing":e=["light","hourglass-outline"];break;case"failed":e=["danger","alert-circle"];break;default:e=["light",undefined];break}return e}onTrigger(e){if(e.detail.name=="close"){e.stopPropagation();this.notice.close()}}onUpdatedNotice(e,t){if(t)t.unlisten(this.listener);e.listen(this.listener)}componentDidLoad(){this.onUpdatedNotice(this.notice)}render(){return t(s,{key:"6e7bbf35e21391c7a396cf0b0c5c0289aeca3b99",color:this.properties[0],fill:"solid"},this.closable?t("smoothly-trigger",{fill:"clear",name:"close"},t("smoothly-icon",{name:"close-circle-outline"})):"",t("span",{key:"1d0dd1840305841a1fbb4d4a56a1282bd0f79fa8",class:this.icon?"icon":"clean"},this.icon?t("smoothly-icon",{name:this.properties[1]}):"",t("p",{key:"ee8f6a9292f9ff23aa14caba96d4b303621014dd"},this.notice.message)))}static get watchers(){return{notice:["onUpdatedNotice"]}}};dd.style=rd;const hd=".sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>aside.sc-smoothly-notifier{display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}";const bd=hd;const fd=class{constructor(t){e(this,t);this.notices=[]}onNotice(e){this.notices=[...this.notices,e.detail]}onRemove(e){this.notices=[...this.notices.filter((t=>t!=e.detail))]}render(){return[t("slot",{key:"25a27b5c467c4cf86629920dfc6a3f705d62725d"}),t("aside",{key:"58d9fbfdee47976ee4418c7493a36603d50e8969"},this.notices.map((e=>t("smoothly-notification",{notice:e}))))]}};fd.style=bd;const md='.sc-smoothly-picker-h{box-sizing:border-box}.sc-smoothly-picker-h[looks="border"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks="border"].sc-smoothly-picker-h{border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="border"][readonly].sc-smoothly-picker-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-picker-h[looks="line"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks="line"].sc-smoothly-picker-h{border-bottom:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks="line"][readonly].sc-smoothly-picker-h{border-bottom:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-picker-h[looks="grid"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks="grid"].sc-smoothly-picker-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid .5px}[looks="grid"][readonly].sc-smoothly-picker-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .2) solid .5px}[looks="transparent"].sc-smoothly-picker-h{border:none}[looks="transparent"].sc-smoothly-picker-h:not(:focus-within){background-color:transparent}[looks="transparent"].sc-smoothly-picker-h:not(:focus-within)>input.sc-smoothly-picker{background:transparent}[looks="transparent"].sc-smoothly-picker-h:focus-within{outline:1px solid rgb(var(--smoothly-color-contrast))}.sc-smoothly-picker-h{display:flex;position:relative;width:max-content;padding:1em 0.7em 0.2em 0.8em;background-color:rgb(var(--background-color, var(--smoothly-color-shade)))}.sc-smoothly-picker-h>smoothly-slot-elements.sc-smoothly-picker{white-space:nowrap}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker{position:relative;display:flex;align-items:center;gap:1rem;width:100%;overflow:hidden;text-overflow:ellipsis;margin-right:2px}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker::after{content:"";position:absolute;top:0;bottom:0;right:0;width:2ch}.sc-smoothly-picker-h:not([looks=transparent])>smoothly-slot-elements.selected.sc-smoothly-picker::after{background:linear-gradient(90deg, rgba(var(--background-color, var(--smoothly-color-shade)), 0) 0%, rgba(var(--background-color, var(--smoothly-color-shade)), 1) 100%)}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker>*.sc-smoothly-picker{display:none}.sc-smoothly-picker-h>span.label.sc-smoothly-picker{position:absolute;left:0.4rem;top:0.6rem;color:rgb(var(--text-color, var(--smoothly-color-contrast)));opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker:not(:empty)+span.label.sc-smoothly-picker{top:0.4em;transform:scale(0.6)}';const yd=md;const ud=class{constructor(t){e(this,t);this.smoothlyPickerLoaded=o(this,"smoothlyPickerLoaded",7);this.smoothlyInput=o(this,"smoothlyInput",7);this.smoothlyChange=o(this,"smoothlyChange",7);this.smoothlyInputLooks=o(this,"smoothlyInputLooks",7);this.smoothlyFormDisable=o(this,"smoothlyFormDisable",7);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.valueReceivedOnLoad=false;this.initialValue=new Map;this.listener={};this.looks="plain";this.name=undefined;this.changed=false;this.open=false;this.mutable=false;this.multiple=false;this.readonly=false;this.validator=undefined;this.selected=new Map;this.display=undefined}componentWillLoad(){var e,t;this.smoothlyInputLooks.emit((e=>this.looks=e));!this.readonly&&this.smoothlyFormDisable.emit((e=>this.readonly=e));this.smoothlyInputLoad.emit((()=>{}));(t=(e=this.listener).changed)===null||t===void 0?void 0:t.call(e,this)}selectedChanged(){const e=Array.from(this.selected.values(),(e=>e.value));this.changed=!this.areValuesEqual(this.selected,this.initialValue);this.smoothlyInput.emit({[this.name]:this.multiple?e:e.at(0)});this.smoothlyChange.emit({[this.name]:this.multiple?e:e.at(0)});this.display=Array.from(this.selected.values(),(e=>{const t=document.createElement("span");e.slotted.forEach((e=>t.appendChild(e.cloneNode(true))));return t}));!this.valueReceivedOnLoad&&(this.initialValue=new Map(this.selected))}componentDidLoad(){if(this.controls)this.smoothlyPickerLoaded.emit(this.controls)}smoothlyInputLooksHandler(e){if(e.target!=this.element){e.stopPropagation();e.detail(this.looks)}}menuLoadedHandler(e){this.controls=e.detail}optionLoadedHandler(e){if(e.detail.selected)this.selected=this.multiple?new Map(this.selected.set(e.detail.value,e.detail).entries()):(new Map).set(e.detail.value,e.detail);!this.valueReceivedOnLoad&&(this.valueReceivedOnLoad=!this.valueReceivedOnLoad)}optionChangeHandler(e){if(this.readonly&&!this.valueReceivedOnLoad||!this.readonly)if(this.multiple)this.selected=e.detail.selected?new Map(this.selected.set(e.detail.value,e.detail).entries()):!this.selected.delete(e.detail.value)?this.selected:new Map(this.selected.entries());else this.selected=!e.detail.selected?new Map:(new Map).set(e.detail.value,e.detail)}clickHandler(e){this.open=!e.composedPath().includes(this.element)||this.readonly?false:!this.open}focusHandler(e){if(!e.composedPath().includes(this.element))this.open=false}async clear(){this.selected.forEach((e=>e.selected&&e.element.clickHandler()))}async listen(e,t){this.listener[e]=t;t(this)}async edit(e){await this.reset();this.readonly=!e}async reset(){const e=Array.from(this.initialValue.values(),(e=>e.value));this.selected.forEach((t=>!e.includes(t.value)&&t.selected&&t.set.selected(false)));this.initialValue.forEach((e=>e.set.selected(true)))}async setInitialValue(){this.initialValue=new Map(this.selected);this.selectedChanged()}areValuesEqual(e,t){const o=Array.from(t.values(),(e=>e.value));const s=Array.from(e.values(),(e=>e.value));return s.length===o.length&&o.every((e=>s.includes(e)))}render(){return t(s,{key:"937d28c56ee73ad1543015f705368000812dd126",tabindex:0},t("smoothly-slot-elements",{key:"656f1ba39a4d89b5f07e273de28871cbd9ecc275",class:"selected",nodes:this.display}),t("span",{key:"34de917aff5d8d6c19b1365dfb874469b8992ab6",class:"label"},t("slot",{key:"471becc5be8352df0251700dbff6424eecdb0864",name:"label"})),this.looks=="border"&&t("button",{key:"1138035007a30a1db611d84949037bfa131d742e"},t("smoothly-icon",{key:"5b5462a32eded68f0eb3d679bcb6d8e08e525a67",size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"})),t("slot",{key:"451277b18ba1d2cf66141dc5a837ab75634da507",name:"child"}),t("smoothly-picker-menu",{key:"0ec0d81033fe99b8ba1c5e82c278d3f91eb7e939",open:this.open,looks:this.looks,onClick:e=>e.stopPropagation(),multiple:this.multiple,mutable:this.mutable,readonly:this.readonly,validator:this.validator},t("slot",{key:"7f5516a4be4bc2eeb7dd4ec5e7e95d8b458f59ea",name:"search",slot:"search"}),t("slot",{key:"06235708bce247a6f485c59385dfae6d081fb721",name:"display",slot:"display"}),t("slot",{key:"d4e11c1680fb457598cff09e3de45e97d3fa8c65"})))}get element(){return a(this)}static get watchers(){return{selected:["selectedChanged"]}}};ud.style=yd;const pd=".sc-smoothly-picker-demo-h{display:flex;flex-direction:column}.sc-smoothly-picker-demo-h smoothly-form.sc-smoothly-picker-demo{max-width:50rem}.sc-smoothly-picker-demo-h .counter.sc-smoothly-picker-demo{position:relative;width:3rem;height:3rem}.sc-smoothly-picker-demo-h .counter-button.sc-smoothly-picker-demo{position:absolute;top:0;left:0;padding:0;margin:0;height:3rem;width:3rem;background-color:inherit;border:none;display:flex;justify-content:center;align-items:center}.sc-smoothly-picker-demo-h .controlled.sc-smoothly-picker-demo smoothly-input.sc-smoothly-picker-demo:not([readonly]),.sc-smoothly-picker-demo-h .controlled.sc-smoothly-picker-demo smoothly-picker.sc-smoothly-picker-demo:not([readonly]){outline:1px solid rgb(var(--smoothly-success-color))}";const gd=pd;function kd(e){return e.match(/^.+@.+/)?true:{result:false,notice:k.failed("That is not an email")}}const vd=class{constructor(t){e(this,t);this.users={"giovani@rocket.com":"giovani doe","jessie@rocket.com":"jessie doe","james@rocket.com":"james doe"};this.counter=3;this.data={message:"hello world",emails:[{value:"jessie@rocket.com"},{value:"james@rocket.com"}],options:[{value:"giovani@rocket.com"},{value:"john@example.com"},{value:"jane@example.com"},{value:"jack@example.com"},{value:"jessica@example.com"},{value:"julia@example.com"},{value:"jayden@example.com"},{value:"jake@example.com"},{value:"jamie@example.com"},{value:"jasmine@example.com"}]};this.change=undefined}inputHandler(e){if(this.change){this.change=Object.assign(Object.assign({},this.change),e.detail);console.log("demo input",this.change)}}submitHandler(e){console.log("submitted",e.detail)}clickHandler(){var e,t;if(!this.change)(e=this.controls)===null||e===void 0?void 0:e.remember();else(t=this.controls)===null||t===void 0?void 0:t.restore();this.change=this.change?undefined:Object.assign(Object.assign({},this.data),{emails:[...this.data.emails]})}loadedHandler(e){this.controls=e.detail}render(){var e,o;return t(s,{key:"2fc2541c67cdd6691db790199b0d6531e78582e2"},t("div",{key:"7e7bc2521378166e902a44f32932f2542af5fecd"},t("smoothly-button",{key:"51638c319b3e5f7d3e6b05fa6cb8c6f58191b679",onClick:()=>this.counter+=1},"Add one"),t("smoothly-button",{key:"21ba024df8d97d4a241795dd9e2955fc3a5dcd4b",onClick:()=>this.counter-=1},"Remove one"),t("smoothly-picker",{class:"counter",key:Array.from({length:this.counter}).toString(),name:"counter",multiple:true,mutable:true},Array.from({length:this.counter}).map(((e,o)=>t("smoothly-picker-option",{value:o,selected:o<this.counter-1},o))),t("span",{key:"c6c91c16e6cb1894ac7e203cd02a481a5b552450",slot:"search"},"Search"),t("button",{key:"17ed2c97519002cec9d0bfb1ab084948210ed947",slot:"child",class:"counter-button"},t("smoothly-icon",{key:"a36623d0a87f9307369d699c519bb6c779d8fe7e",name:"add-outline"})))),t("h5",{key:"4173fb3c3992df430f14c8680c742d0a4f765872"},"Controlled input"),t("smoothly-button",{key:"706ffdfe378491b63d42cc04e3ab40a3d35cd478",color:"secondary",onClick:()=>this.clickHandler()},!this.change?"start edit":"end edit"),t("smoothly-form",{key:"c1a759e8b75babc4146e911178d9cb73f8228c2c",class:"controlled",looks:"line",onSmoothlyFormInput:e=>this.inputHandler(e)},t("smoothly-input",{key:"aa0217d8a87fa16532f717d05636e6a647283c2f",readonly:!this.change,name:"message",value:this.data.message},"Message"),t("smoothly-picker",{key:"6e4ebad7af9435875af958c92a31feb456e1bf70",name:"emails",mutable:true,multiple:true,readonly:!this.change,validator:kd,onSmoothlyPickerLoaded:e=>this.loadedHandler(e)},t("span",{key:"ff2d03a4f1471101b66c9f375414c4d2bc6e6905",slot:"label"},"Emails"),t("span",{key:"77ea2865038e885b2a1f0dac35651cc42016a889",slot:"search"},"Search"),t("smoothly-icon",{key:"b58c78eb2bf54fca933eb319c29601f3c6aabc25",size:"tiny",slot:"display",name:"person-add-outline"}),((o=(e=this.change)===null||e===void 0?void 0:e.emails)!==null&&o!==void 0?o:this.data.emails).map((e=>{var o;return t("smoothly-picker-option",{key:e.value,value:e,selected:true,search:[(o=this.users[e.value])!==null&&o!==void 0?o:[]].flat()},t("span",null,this.users[e.value]),t("span",{slot:"label"},e.value),t("smoothly-icon",{size:"tiny",slot:"display",name:"person-outline"}))})),this.data.options.map((e=>{var o;return t("smoothly-picker-option",{key:e.value,value:e,search:[(o=this.users[e.value])!==null&&o!==void 0?o:[]].flat()},t("span",null,this.users[e.value]),t("span",{slot:"label"},e.value),t("smoothly-icon",{size:"tiny",slot:"display",name:"person-outline"}))}))),t("smoothly-input-clear",{key:"fa820a8070461839a5b4a98643a859b8e515e163",slot:"submit",type:"form",color:"danger",fill:"solid"},"Clear"),t("smoothly-button",{key:"cfd8ddb67453790d6f00849de632ed9fd98a7555",slot:"submit",color:"secondary",onClick:()=>{var e;return(e=this.controls)===null||e===void 0?void 0:e.clear()}},"Removed added by mutation"),t("smoothly-submit",{key:"862f884fc066ac7071a6d3b198e32978da01738c",size:"icon",slot:"submit"},t("smoothly-icon",{key:"3e9929154c960057aa474eabe5b262c773ed4a74",name:"checkmark-circle"}))),t("h5",{key:"27523927b5cc55316badb6d272b4c715f6505cf3"},"uncontrolled inputs"),t("smoothly-form",{key:"44050144bbf803c28badbcc36bd40d35e8c858b6",onSmoothlyFormSubmit:e=>console.log("submitted",e.detail),looks:"line"},t("smoothly-input",{key:"207ea4a5a84192bf72442ab312ffea48c81c9819",name:"purpose",type:"text"},"Purpose"),t("smoothly-picker",{key:"fe22921a9ee7af063b0e7652824f4d98937c86f8",multiple:true,mutable:true,name:"emails",validator:kd},t("span",{key:"295021b2ad1ee9a1958bbec73df28e418a9e6962",slot:"label"},"Emails"),t("span",{key:"45c587f8e20c69b9b9ff3f5d9a38efc2a5dd6265",slot:"search"},"Search"),t("smoothly-picker-option",{key:"9b9bf4fbb96a23b5907bdd522f3d03b8c91639e3",value:"james@rocket.com"},"james@rocket.com"),t("smoothly-picker-option",{key:"577137b764e01622a50188014aefc1eec0c3ff81",selected:true,value:"jessie@rocket.com"},"jessie@rocket.com"),t("smoothly-picker-option",{key:"d4ec3a1c07945577a24c43040a58c0c50e34b67f",value:"giovanni@rocket.com"},"giovanni@rocket.com")),t("smoothly-submit",{key:"981cd87464e7d3f13c6dfe9ede2921741a1f64be",slot:"submit"},"Submit"),t("smoothly-input-clear",{key:"68fa339d6a5935d372c08e7a9a0a66bc53d0359b",type:"form",color:"danger",fill:"solid",slot:"clear"},"Clear"),t("smoothly-picker",{key:"26a109a8d292852e41d308ccb84c735d2b37f8c6",name:"shape"},t("span",{key:"6fd4cf1280c1a5cefcaabc85fc678de25c98f9b5",slot:"label"},"Shape"),t("span",{key:"f209a078be461be2e5628482d193dc394f6963e8",slot:"search"},"Search"),t("smoothly-picker-option",{key:"7b70937b70787d303d22481a97251cc02e1f745b",value:"circle"},t("span",{key:"f3b3ec42fabaa930193ff28b871d51ad1194470a",slot:"label"},"Circle"),t("smoothly-icon",{key:"85966cb81fc08bfcac4be729c6d5a0f99eb0632f",size:"tiny",name:"ellipse-outline"})),t("smoothly-picker-option",{key:"9a9b4859fe9b2396f2b8417f8e50ffd3865d90ad",value:"cube"},t("span",{key:"8b8fef722f24846937e80a84abe1f0d4ebc0e64d",slot:"label"},"Cube"),t("smoothly-icon",{key:"b0f6d3642f205c0732c48eb01c68dea4edf1bbb9",size:"tiny",name:"cube-outline"})),t("smoothly-picker-option",{key:"ca6f1c4038207b519d7a68e5a38a658da8e14ae9",value:"square",selected:true},t("span",{key:"332ec6d459cb095a101038ac7e73af86806ae2af",slot:"label"},"Square"),t("smoothly-icon",{key:"3026e50a55d1a7612dc99201b035fe7b013a1cfa",size:"tiny",name:"square-outline"}))),t("smoothly-picker",{key:"8fecdf9c8e6516e2bf4c6e2d21f2f3abe2bfebd9",multiple:true,readonly:true,name:"animals"},t("span",{key:"20f94561285fa7c8741495b8eaf02e841f16cd32",slot:"label"},"Animals"),t("span",{key:"d9bf2cb398f1069bd6bd41decf3c1569bf4ef795",slot:"search"},"Search"),t("smoothly-picker-option",{key:"6661d5fe2a9d0c7e095d01498717c5078a75bead",selected:true,value:"cat"},"Cat"),t("smoothly-picker-option",{key:"4021c863588ae32057b0c571a14e9e55a62a03b7",value:"dog"},"Dog"),t("smoothly-picker-option",{key:"0aae277539c9e037b51ffd1b83b9a75f472a19ff",value:"fish"},"Fish"))),t("smoothly-picker",{key:"b5d3049b245d48ba0eb0d7bcc52a423ec075c974",looks:"border",name:"icon",multiple:true},t("span",{key:"19b6b9a8c72b1d6c0716eb5caaf2d363d3927dae",slot:"label"},"Icon"),t("span",{key:"1ab61648b474589e89b906123347e07c9554004d",slot:"search"},"Search"),t("smoothly-picker-option",{key:"01c591c113bd88d0a625b504ecce50fb3068ce1b",value:"circle",required:true},t("span",{key:"b215c4a8ac6708a9aeb2104997c424f113b039f2",slot:"label"},"Circle"),t("smoothly-icon",{key:"58132b0ffda8fbf1a09271a356ddb652799afecc",size:"tiny",name:"ellipse-outline"})),t("smoothly-picker-option",{key:"7317333c5165a16d16fef34a9016cbe5c94b8e48",value:"cube"},t("span",{key:"a075b08300cac7b4a6153ed10826f1ed3dda40ce",slot:"label"},"Cube"),t("smoothly-icon",{key:"0b0cf8abb5b1ef53b3a192975245273dcc4056ab",size:"tiny",name:"cube-outline"})),t("smoothly-picker-option",{key:"fa658513184da26a800ab85e2c109fc54543c2b2",value:"square",selected:true},t("span",{key:"9abd2baedc6b7240244570f9619ab235c4946d6c",slot:"label"},"Square"),t("smoothly-icon",{key:"99b38f1a8dcdf6fc4714abd8ac2dbace454faa6f",size:"tiny",name:"square-outline"})),t("smoothly-picker-option",{key:"97adf820d91f82e97216fdcbd8e12ef71b64f9be",value:"airplane"},t("span",{key:"d22e144a2fc9e02a922596040380a05dcd123220",slot:"label"},"Airplane"),t("smoothly-icon",{key:"1517ab133f0efb8011990ffc4acf3db878881dc8",size:"tiny",name:"airplane-outline"})),t("smoothly-picker-option",{key:"404901fb34bc7c5642920da71aebee5c6a5cff10",value:"alarm"},t("span",{key:"f114b7dbde86467df3dad5a69ff0c1ebe31347ff",slot:"label"},"Alarm"),t("smoothly-icon",{key:"b88999fdd6ea65216c97cc465e8199610ccad664",size:"tiny",name:"alarm-outline"})),t("smoothly-picker-option",{key:"985df296e42a0640181e97e6e5e29d0f817e5ee0",value:"archive"},t("span",{key:"c737ae4a408e86194c356005ecd8bc540bf9b04c",slot:"label"},"Archive"),t("smoothly-icon",{key:"9303f4f50798597567db87632c16f6de0ad5abda",size:"tiny",name:"archive-outline"})),t("smoothly-picker-option",{key:"2644d18bfc63415c05198cf94435109fbbe11756",value:"bag"},t("span",{key:"0903f5ce1fa76f77dfb345c811c6ac7d8d9da1f0",slot:"label"},"Bag"),t("smoothly-icon",{key:"a497c72c39cc6d357a3c450a3b3f169cf31cfeed",size:"tiny",name:"bag-outline"})),t("smoothly-picker-option",{key:"c8dabf66099eb70b1b8b6608c13c7aa70b73e0eb",value:"cafe"},t("span",{key:"c49e92f0c383aba18c57377f7e0ab354695c0403",slot:"label"},"Cafe"),t("smoothly-icon",{key:"b90f462d51b40cfe1214b178acfb8d3111387433",size:"tiny",name:"cafe-outline"})),t("smoothly-picker-option",{key:"600028dbdcfbe4dcfedcd71900588b0b2e26aa61",value:"disc"},t("span",{key:"37d1c47dec21790cf8894a66b2ff138d8c74cf93",slot:"label"},"Disc"),t("smoothly-icon",{key:"c1378c7cf0782b70e47f8c2382e90508cd76158c",size:"tiny",name:"disc-outline"})),t("smoothly-picker-option",{key:"db9918bde0071eb10b2700eea6e3dc12c806d214",value:"earth"},t("span",{key:"e4a7c87ada1283771e2c54d82387f12fca9409dc",slot:"label"},"Earth"),t("smoothly-icon",{key:"bb27ee190d9fa4418d098cb8f34c796bd0d6b128",size:"tiny",name:"earth-outline"})),t("smoothly-picker-option",{key:"d6ba9ff84750b6e7eaafbf275dc3b95d86d50c69",value:"fast-food"},t("span",{key:"26aa860d026c3383251888cb9e7a29c9d007fa5f",slot:"label"},"Fast food"),t("smoothly-icon",{key:"f6db622e9bb05918447b81a5f46ba82a526911f6",size:"tiny",name:"fast-food-outline"}))))}};vd.style=gd;const wd=".sc-smoothly-picker-menu-h{display:flex;flex-direction:column;gap:0.5rem;position:absolute;z-index:4;left:-1px;right:-1px;min-width:max-content;background-color:rgb(var(--background-color, var(--smoothly-color-shade)));padding:0.5rem;border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}.sc-smoothly-picker-menu-h:not(.flip){top:100%}.flip.sc-smoothly-picker-menu-h{bottom:100%}.sc-smoothly-picker-menu-h:not([open]){display:none}.sc-smoothly-picker-menu-h>div.list.sc-smoothly-picker-menu{display:grid;grid-template-columns:auto 1fr auto;align-items:center;row-gap:0.5ch;overflow-y:auto;max-height:calc(1.75rem * 10 + 0.5ch * 9);padding-right:0.5rem;padding-bottom:0.25rem}.sc-smoothly-picker-menu-h>.hide.sc-smoothly-picker-menu{display:none}.sc-smoothly-picker-menu-h>div.controls.sc-smoothly-picker-menu{display:grid;grid-template-columns:1fr auto;gap:0.5rem;transition:grid-template-columns 200ms linear}.sc-smoothly-picker-menu-h>div.controls.sc-smoothly-picker-menu>button.sc-smoothly-picker-menu:disabled{opacity:0.3}";const xd=wd;const Sd=_().Observers;function*Cd(...e){for(const t of e)yield*t}function zd(e,t){e===null||e===void 0?void 0:e.set.selected(e.selected=t.selected);e===null||e===void 0?void 0:e.set.readonly(e.readonly=t.readonly);e===null||e===void 0?void 0:e.set.visible(e.visible=t.visible);e===null||e===void 0?void 0:e.set.value(e.value=t.value);e===null||e===void 0?void 0:e.set.search(e.search=t.search);return e}function _d(e,t){e===null||e===void 0?void 0:e.addEventListener("smoothlyPickerOptionLoad",(e=>zd(e.detail,t)))}const Ld=class{constructor(t){e(this,t);this.notice=o(this,"notice",7);this.smoothlyPickerMenuLoaded=o(this,"smoothlyPickerMenuLoaded",7);this.looks=undefined;this.open=false;this.multiple=false;this.mutable=false;this.readonly=false;this.validator=undefined;this.backend=new Map;this.options=new Map;this.created=new Map;this.search="";this.valid=false;this.display=undefined;this.flip=false;this.flipChecked=false}componentWillLoad(){if(!Sd.has(this.element)){const e=.4;Sd.set(this.element,new IntersectionObserver((t=>{var o,s;return((s=(o=t.find((e=>e.target==this.element)))===null||o===void 0?void 0:o.intersectionRatio)!==null&&s!==void 0?s:0)<e&&!this.flipChecked&&(this.flip=!this.flip,this.flipChecked=true)}),{threshold:e}))}}componentDidLoad(){this.smoothlyPickerMenuLoaded.emit({remember:()=>{this.memory={backend:new Map(Array.from(this.backend.entries(),(([e,t])=>[e,Object.assign({},t)]))),options:new Map(Array.from(this.options.entries(),(([e,t])=>[e,Object.assign({},t)])))}},restore:()=>{if(this.memory){for(const e of this.options.values()){const t=this.memory.options.get(e.value);if(t!=undefined)zd(e,t);else if(this.created.get(e.value))e.set.selected(e.selected=false)}for(const e of this.backend.values()){const t=this.memory.backend.get(e.value);if(t!=undefined)zd(e,t);else if(this.created.get(e.value))e.set.selected(e.selected=false)}}},clear:()=>{const e=Array.from(this.backend.entries());e.filter((([e])=>this.created.has(e))).forEach((([,e])=>e.set.selected(false)));this.backend=new Map(e.filter((([e])=>!this.created.has(e))));this.options=new Map(Array.from(this.options.entries()).filter((([e])=>!this.created.has(e))));this.created=new Map}})}disconnectedCallback(){var e;if(!this.element.parentElement){(e=Sd.get(this.element))===null||e===void 0?void 0:e.disconnect();Sd.remove(this.element)}}openChange(){const e=Sd.get(this.element);if(this.open)e===null||e===void 0?void 0:e.observe(this.element);else e===null||e===void 0?void 0:e.unobserve(this.element)}readonlyChanged(){for(const e of Cd(this.options.values(),this.backend.values()))e.set.readonly(this.readonly)}scrollHandler(){this.flipChecked=false}optionLoadHandler(e){if(!this.listElement||!e.composedPath().includes(this.listElement)){e.stopPropagation();e.detail.set.readonly(this.readonly);const t=this.options.get(e.detail.value);if(t)e.detail.set.selected(t.element.selected)}}optionLoadedHandler(e){var t;if(!this.listElement||!e.composedPath().includes(this.listElement)){e.stopPropagation();const o=zd(this.backend.get(e.detail.value),e.detail);this.backend=new Map(this.backend.set(e.detail.value,Object.assign(Object.assign({},e.detail),{clone:(t=o===null||o===void 0?void 0:o.clone)!==null&&t!==void 0?t:e.detail.element.cloneNode(true)})).entries())}else this.options.set(e.detail.value,e.detail)}optionChangeHandler(e){var t;if(!this.listElement||!e.composedPath().includes(this.listElement)){e.stopPropagation();(t=this.options.get(e.detail.value))===null||t===void 0?void 0:t.set.selected(e.detail.selected)}else{const t=this.backend.get(e.detail.value);if(t===null||t===void 0?void 0:t.element.parentElement)t===null||t===void 0?void 0:t.set.selected(e.detail.selected)}if(!this.readonly&&!this.multiple&&e.detail.selected)for(const t of Cd(this.options.values(),this.backend.values()))if(t.value!=e.detail.value)t.set.selected(false)}inputHandler(e){e.stopPropagation();this.search=e.detail.search;if(!this.search){this.valid=false;for(const e of Cd(this.options.values(),this.backend.values()))e.set.visible(true)}else{this.valid=!Array.from(this.options.values()).find((e=>e.value==this.search));const e=this.search.toLocaleLowerCase();for(const t of Cd(this.options.values(),this.backend.values())){const o=t.value.toString().toLocaleLowerCase().includes(e);const s=t.search.some((t=>t.includes(e)));const a=o||s;t.set.visible(a)}}}addHandler(){var e;const t=!this.validator?true:this.validator(this.search);if(this.mutable){if(typeof t=="object"?t.result:t){if(!this.multiple)for(const e of Cd(this.options.values(),this.backend.values()))e.set.selected(false);this.created=new Map(this.created.set(this.search,{value:this.search,selected:true}).entries());this.search="";(e=this.searchElement)===null||e===void 0?void 0:e.focus();this.valid=false}if(typeof t=="object")this.notice.emit(t.notice)}}keyDownHandler(e){if(e.key=="Enter"){e.preventDefault();this.addHandler()}}emptyDisplayHandler(e){e.stopPropagation();e.detail.set.nodes(this.display)}render(){return t(s,{key:"8571708f3e0be818c0c43a38ca5b746100b7e04c",class:{valid:this.valid,flip:this.flip}},t("smoothly-slotted-elements",{key:"772e848b3c5239e8e62ec4ecd516c2ac210ddb82",class:"hide",onSmoothlySlottedChange:e=>this.display=e.detail},t("slot",{key:"1974a684bc07ccc1e98abe3504760e1a46560600",name:"display"})),t("div",{key:"977213c83804b320856e1db2630a50dd89417cde",class:"hide"},t("slot",{key:"19992342a372bbffbc058798972db35ebd1ca2af"}),Array.from(this.created.values(),(e=>t("smoothly-picker-option",{key:e.value,value:e.value,selected:e.selected},e.value,t("smoothly-slot-elements",{slot:"display",nodes:this.display}))))),t("div",{key:"2fc76d6c1a46ce9e2c4aadaa207eaaacbb0f497c",class:"controls"},t("smoothly-input",{key:"a63dce3a156e2312e92f3dd0740e6627ca7b9ac4",ref:e=>this.searchElement=e,name:"search",value:this.search,looks:this.looks,onKeyDown:e=>this.keyDownHandler(e),onSmoothlyFormDisable:e=>e.stopPropagation(),onSmoothlyInput:e=>this.inputHandler(e),onSmoothlyChange:e=>e.stopPropagation(),onSmoothlyBlur:e=>e.stopPropagation(),onSmoothlyInputLoad:e=>e.stopPropagation()},t("slot",{key:"a5b0cf1abbc96734f7ad3c9a8c88407d1cdf415f",name:"search"})),this.mutable&&!this.readonly?t("button",{onClick:()=>this.addHandler(),disabled:!this.valid,type:"button"},t("smoothly-icon",{name:"add-outline"})):null),t("div",{key:"236c0580491988889e25f844ade90ce797578a2c",class:"list",ref:e=>this.listElement=e},Array.from(this.backend.values()).sort(((e,t)=>e.position-t.position)).map((e=>t("smoothly-slot-elements",{ref:t=>_d(t,e),clone:false,nodes:e.clone})))))}get element(){return a(this)}static get watchers(){return{open:["openChange"],readonly:["readonlyChanged"]}}};Ld.style=xd;const Td=":host{display:contents}:host(:not([visible])){display:none}:host>*{cursor:pointer;padding:0.25ch 0.5rem}:host>div.display{padding-left:0}:host>button{color:unset;background-color:inherit;border:none;padding-right:0}:host>div.content{display:flex;column-gap:1rem;justify-content:space-between}:host([required])>*{cursor:default}:host([required])>button{opacity:0.65}";const jd=Td;var Ad=undefined&&undefined.__rest||function(e,t){var o={};for(var s in e)if(Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0)o[s]=e[s];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var a=0,s=Object.getOwnPropertySymbols(e);a<s.length;a++){if(t.indexOf(s[a])<0&&Object.prototype.propertyIsEnumerable.call(e,s[a]))o[s[a]]=e[s[a]]}return o};const Ed=class{constructor(t){e(this,t);this.smoothlyPickerOptionLoad=o(this,"smoothlyPickerOptionLoad",7);this.smoothlyPickerOptionLoaded=o(this,"smoothlyPickerOptionLoaded",7);this.smoothlyPickerOptionChange=o(this,"smoothlyPickerOptionChange",7);this.selected=false;this.visible=true;this.value=undefined;this.search=[];this.position=-1;this.required=false;this.readonly=false;this.slotted=[]}get option(){var e;return{element:this.element,selected:this.selected,readonly:this.readonly,required:this.required,visible:this.visible,search:this.search,value:this.value,slotted:this.slotted,position:this.position>=0||!((e=this.element.parentElement)===null||e===void 0?void 0:e.parentElement)?this.position:Array.from(this.element.parentElement.parentElement.children).indexOf(this.element.parentElement),set:{selected:e=>this.selected=e,readonly:e=>this.readonly=e,visible:e=>this.visible=e,search:e=>this.search=e,value:e=>this.value=e}}}emitChange(){if(this.element.parentElement)this.smoothlyPickerOptionChange.emit(this.option)}componentWillLoad(){if(this.required)this.selected=true;this.smoothlyPickerOptionLoad.emit((e=>{var t=Ad(e,["slotted"]);return t})(this.option))}componentDidLoad(){this.smoothlyPickerOptionLoaded.emit(this.option)}slottedChangeHandler(e){e.stopPropagation();this.slotted=e.detail}async clickHandler(){if(!this.readonly&&!this.required)this.selected=!this.selected}render(){return t(s,{key:"128e741236179dec6e338367f67b0846e120b6a6",class:{visible:this.visible},onClick:()=>this.clickHandler()},t("div",{key:"7b0f07df93698605c0152bcadfb3b99c0d2676e9",part:"display",class:"display"},t("slot",{key:"23c68fcb584edadab38355a6f74d56ed1d3b773b",name:"display"})),t("div",{key:"2b9d9018daace36e9a226d06347c99945cc5a981",part:"content",class:"content"},t("smoothly-slotted-elements",{key:"799bf17b0a283e62fb2b044431d6af813ea762fd",onSmoothlySlottedChange:e=>this.slottedChangeHandler(e),clone:true},t("slot",{key:"8522972c9eefe08dd597443af9bdfe48ac98e3db"})),t("slot",{key:"b9d582e06e81d1f9c303a5a724f2e9a43dcaaccc",name:"label"})),t("button",{key:"41ffe4e262c13b9e526f953d8a613c57cfa3c011",type:"button"},t("smoothly-icon",{key:"848fe260712bc3ce5b8b59e4904b2617283800c0",name:this.selected?"checkbox-outline":"square-outline"})))}get element(){return a(this)}static get watchers(){return{position:["emitChange"],selected:["emitChange"],slotted:["emitChange"]}}};Ed.style=jd;const Id='.sc-smoothly-popup-h{display:inline-flex;position:relative}[hidden].sc-smoothly-popup-h{display:none}.sc-smoothly-popup-h:not([visible])>div.popup.sc-smoothly-popup{display:none}.sc-smoothly-popup-h>div.popup.sc-smoothly-popup{display:inline;position:absolute;padding:0.3em;left:var(--left);right:var(--right);background-color:rgb(238, 238, 238);border-color:rgb(238, 238, 238);border-style:solid;border-width:0.1em;border-radius:0.6em;z-index:3}[direction=down].sc-smoothly-popup-h>div.popup.sc-smoothly-popup{top:2.2em;box-shadow:6px 5px 9px -9px black, 5px 6px 9px -9px black}[direction=up].sc-smoothly-popup-h>div.popup.sc-smoothly-popup{bottom:2.2em;box-shadow:-6px -5px 9px -9px black, -5px -6px 9px -9px black}.sc-smoothly-popup-h:not([visible])>div.background.sc-smoothly-popup{display:none}.sc-smoothly-popup-h>div.background.sc-smoothly-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2}.sc-smoothly-popup-h:not([visible])>div.arrow.sc-smoothly-popup{display:none}.sc-smoothly-popup-h>div.arrow.sc-smoothly-popup{background-color:rgb(238, 238, 238);border-color:rgb(238, 238, 238);z-index:2;content:"";position:absolute;width:12px;height:12px;transform:rotate(45deg);left:calc(var(--left) + 1em);right:calc(var(--right) + 1em)}[direction=down].sc-smoothly-popup-h>div.arrow.sc-smoothly-popup{top:2em;border-top-style:solid;border-top-width:1px;border-left-style:solid;border-left-width:1px}[direction=up].sc-smoothly-popup-h>div.arrow.sc-smoothly-popup{bottom:2em;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px}.sc-smoothly-popup-h>div.pointer.sc-smoothly-popup{cursor:pointer}';const Dd=Id;const Od=class{constructor(t){e(this,t);this.popup=o(this,"popup",7);this.visible=false;this.direction="down";this.cssVariables={"--left":"0.1em"}}onClick(){var e,t,o,s,a,i;if(this.visible==false){(e=this.popupElement)===null||e===void 0?void 0:e.style.setProperty("display","block");this.cssVariables=((o=(t=this.popupElement)===null||t===void 0?void 0:t.getBoundingClientRect().right)!==null&&o!==void 0?o:0)>=window.innerWidth?{"--right":"0.1em"}:((a=(s=this.popupElement)===null||s===void 0?void 0:s.getBoundingClientRect().left)!==null&&a!==void 0?a:0)<0?{"--left":"0.1em"}:this.cssVariables;(i=this.popupElement)===null||i===void 0?void 0:i.style.removeProperty("display")}this.visible=!this.visible;this.popup.emit(this.visible)}render(){return t(s,{key:"ed61f6041891c46736920abf80155a38c6aa4da0",style:Object.assign({},this.cssVariables)},t("div",{key:"aa0a9ae01be1d4b07b460a1018f2be012391cdd7",class:"pointer",onClick:()=>this.onClick()},t("slot",{key:"a1ea678c19ed2afc402a432854b381b7d8fa37a1"})),t("div",{key:"4e660b4c010a027475f6b005af55dc30d0bd1aed",class:"background",onClick:()=>this.onClick()}),t("div",{key:"2bec99a438e0bf4ac8b05264927018450356bd95",class:"arrow",onClick:()=>this.onClick()}),t("div",{key:"c97a29c70b144d2cf35a27619c6c450b0679cce6",class:"popup",ref:e=>this.popupElement=e},t("slot",{key:"54501de8c3aeceed290d67ec256e1d98c044e2e5",name:"popup"})))}};Od.style=Dd;const Md=".sc-smoothly-quiet-h{opacity:0.5}";const Rd=Md;const $d=class{constructor(t){e(this,t);this.color=undefined}render(){return t(s,{key:"a00c2ed8f66aa4c19439c5ab4f6a60a558b8ce08",color:this.color},t("slot",{key:"176dddbbad73280d6458fb4b52f4d5e514f089ad"}))}};$d.style=Rd;const Hd=".sc-smoothly-select-demo-h{display:block}[hidden].sc-smoothly-select-demo-h{display:none}button.sc-smoothly-select-demo:focus{outline:none}smoothly-selector.sc-smoothly-select-demo{outline:none}button.sc-smoothly-select-demo{display:block}";const Pd=Hd;const Nd=class{constructor(t){e(this,t)}render(){return[t("smoothly-tab-switch",{key:"c3f66760478af1dd22a516a4b0ac1efc54ab669a"},t("smoothly-tab",{key:"fdd1d73c25893bc77fcb609e90e76c803e3565e6",label:"test1",open:true},"Hello world!"),t("smoothly-tab",{key:"24278997d9ebde28b3f3f80dfc7472261cb51774",label:"test2"},"this is a test message!"),t("smoothly-tab",{key:"db083fd9dabd9521e336570f50cd98b91f8b4f73",label:"test3"},"this is a test message again!"))]}};Nd.style=Pd;const Fd='.sc-smoothly-skeleton-h{display:block;height:1rem}.sc-smoothly-skeleton-h::before{content:"";display:block;width:var(--width);height:100%;border-radius:0.4rem;background-image:linear-gradient(90deg, rgb(var(--color, var(--smoothly-dark-color))) 0, transparent 2.5rem, rgb(var(--color, var(--smoothly-dark-color))) 5rem);background-size:calc(var(--distance) + 5rem);animation-duration:var(--period, 1.6s);animation-iteration-count:infinite;animation-timing-function:linear;animation-name:shine-lines-left}@keyframes shine-lines-left{0%{background-position:-5rem}40%,100%{background-position:var(--distance)}}[align=center].sc-smoothly-skeleton-h::before{margin:0 auto;animation-name:shine-lines-center}@keyframes shine-lines-center{0%{background-position:calc((var(--width) - var(--distance)) / 2 - 5rem)}40%,100%{background-position:calc(var(--width) + (var(--distance) - var(--width)) / 2)}}[align=right].sc-smoothly-skeleton-h::before{margin:0;margin-left:auto;animation-name:shine-lines-right}@keyframes shine-lines-right{0%{background-position:calc(var(--width) - var(--distance) - 5rem)}40%,100%{background-position:var(--width)}}';const Ud=Fd;const Wd=class{constructor(t){e(this,t);this.widths=["8rem","9rem","10rem"];this.width=undefined;this.color=undefined;this.period=undefined;this.distance=undefined;this.align="left"}componentWillLoad(){var e;this.width=(e=this.width)!==null&&e!==void 0?e:this.widths[Math.floor(Math.random()*this.widths.length)]}render(){var e;const o=Object.assign(Object.assign({"--width":this.width,"--distance":(e=this.distance)!==null&&e!==void 0?e:"10rem"},this.color?{"--color":this.color}:undefined),this.period?{"--period":this.period+"s"}:undefined);return t(s,{key:"c97b2afdce707c7b49769a0223ee6f3985cae91b",style:o})}};Wd.style=Ud;const Yd=".sc-smoothly-slot-elements-h{display:contents}";const Bd=Yd;const qd=class{constructor(t){e(this,t);this.smoothlySlotEmpty=o(this,"smoothlySlotEmpty",7);this.clone=true;this.nodes=undefined}componentWillLoad(){if(!this.nodes)this.smoothlySlotEmpty.emit({set:{nodes:e=>this.nodes=e}})}componentDidLoad(){this.element.innerHTML="";if(this.nodes)if(Array.isArray(this.nodes))this.nodes.forEach((e=>this.element.appendChild(this.clone?e.cloneNode(true):e)));else this.element.appendChild(this.clone?this.nodes.cloneNode(true):this.nodes)}render(){return t(s,{key:"fbab53b189daedf0b7472ab3cd17fddc7e0e4c8a"},t("slot",{key:"b5b4ad7be0b41fd37edde20a60e3109b5a6884b1"}))}get element(){return a(this)}static get watchers(){return{nodes:["componentDidLoad"]}}};qd.style=Bd;const Gd=".sc-smoothly-slotted-elements-h{display:contents}";const Kd=Gd;const Vd=class{constructor(t){e(this,t);this.smoothlySlottedChange=o(this,"smoothlySlottedChange",7);this.clone=true}componentDidRender(){const e=Array.from(this.element.childNodes,(e=>{let t;if(e instanceof HTMLSlotElement){const o=e.assignedNodes();t=o.length?o.map((e=>this.clone?e.cloneNode(true):e)):this.clone?e.cloneNode(true):e}else t=e;return t})).flat();this.smoothlySlottedChange.emit(Array.from(e,(e=>this.clone?e.cloneNode(true):e)))}render(){return t(s,{key:"ec10867b8de5385c385fac4686b3aa229ece6e8c"},t("slot",{key:"6bfdb45904dfb0c37e499e03dbc0366bf5562249"}))}get element(){return a(this)}};Vd.style=Kd;const Xd="[hidden].sc-smoothly-spinner-h{display:none}.sc-smoothly-spinner-h{--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 Jd=Xd;const Zd=class{constructor(t){e(this,t);this.size="large";this.overlay=undefined}render(){const e=this.size=="large"?6:this.size=="medium"?8:this.size=="icon"?8:12;return t(s,{key:"6fbf40010d0d96c95e01833759f7c64294028426",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},t("svg",{key:"287835b43725f7ecfc43eb05e08b61fbbb285563",class:"spinner",viewBox:`0 0 ${60+e} ${60+e}`,xmlns:"http://www.w3.org/2000/svg"},t("circle",{key:"fd9720e74496e641c405527b4e1373fdf603e59a",class:"path",fill:"none","stroke-width":e,"stroke-linecap":"round",cx:`${30+e/2}`,cy:`${30+e/2}`,r:"30"})))}};Zd.style=Jd;const Qd="[color=default].sc-smoothly-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-color);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-submit-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;border:solid 1px;transition:background 150ms ease-in-out;cursor:pointer}[type=link].sc-smoothly-submit-h{display:inline;border:none}[disabled].sc-smoothly-submit-h{opacity:0.5;pointer-events:none}.sc-smoothly-submit-h>a.sc-smoothly-submit,.sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}.sc-smoothly-submit-h>button.sc-smoothly-submit{justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-submit{padding:0.8em;min-width:8em}.sc-smoothly-submit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-submit{padding:0.6em}[size=icon].sc-smoothly-submit-h>button.sc-smoothly-submit{padding:0.5em}[shape=rounded].sc-smoothly-submit-h>button.sc-smoothly-submit,[shape=rounded].sc-smoothly-submit-h{border-radius:2rem}[type=button].sc-smoothly-submit-h>a.sc-smoothly-submit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:100%}[size=large].sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:130%}.sc-smoothly-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-submit-h>button.sc-smoothly-submit{min-width:unset;padding:0;margin:0 !important}[expand].sc-smoothly-submit-h{width:100%}[expand=full].sc-smoothly-submit-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-submit-h>button.sc-smoothly-submit,[shape=rounded].sc-smoothly-submit-h{border-radius:2rem}.sc-smoothly-submit-h:not([fill=clear]):hover,.sc-smoothly-submit-h:not([fill=clear]):focus,.sc-smoothly-submit-h:not([fill=clear]):active{border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}.sc-smoothly-submit-h:not([fill=clear]):hover>button.sc-smoothly-submit,.sc-smoothly-submit-h:not([fill=clear]):focus>button.sc-smoothly-submit,.sc-smoothly-submit-h:not([fill=clear]):active>button.sc-smoothly-submit,.sc-smoothly-submit-h:not([fill=clear]):hover.sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h:not([fill=clear]):hover .sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h:not([fill=clear]):focus.sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h:not([fill=clear]):focus .sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h:not([fill=clear]):active.sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h:not([fill=clear]):active .sc-smoothly-submit-s>smoothly-icon{color:rgb(var(--smoothly-color-contrast)) !important;stroke:rgb(var(--smoothly-color-contrast)) !important;fill:rgb(var(--smoothly-color-contrast)) !important}[fill=clear].sc-smoothly-submit-h:hover>button.sc-smoothly-submit,[fill=clear].sc-smoothly-submit-h:focus>button.sc-smoothly-submit,[fill=clear].sc-smoothly-submit-h:active>button.sc-smoothly-submit{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}[disabled].sc-smoothly-submit-h{opacity:0.5;pointer-events:none}.sc-smoothly-submit-h:not([fill]),[fill=default].sc-smoothly-submit-h{background:rgb(var(--smoothly-color));border-color:transparent}[fill=solid].sc-smoothly-submit-h{background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color))}[fill=solid].sc-smoothly-submit-h>button.sc-smoothly-submit,[fill=default].sc-smoothly-submit-h>button.sc-smoothly-submit{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}[fill=outline].sc-smoothly-submit-h>button.sc-smoothly-submit,[fill=clear].sc-smoothly-submit-h>button.sc-smoothly-submit{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}[fill=outline].sc-smoothly-submit-h{background:transparent;border-color:rgb(var(--smoothly-color))}[fill=clear].sc-smoothly-submit-h{background:transparent;border-color:transparent}.sc-smoothly-submit-s>smoothly-icon[slot=start],.sc-smoothly-submit-s>smoothly-icon[slot=end]{font-size:0.65em}[hidden].sc-smoothly-submit-h{display:none}.sc-smoothly-submit-h{margin:1em 0em}";const eh=Qd;const th=class{constructor(t){e(this,t);this.smoothlyInputLoad=o(this,"smoothlyInputLoad",7);this.color="success";this.expand=undefined;this.fill=undefined;this.disabled=false;this.type="button";this.size=undefined;this.shape=undefined;this.prevent=true}async componentWillLoad(){this.smoothlyInputLoad.emit((e=>{if(Qc.is(e)){this.parent=e}}))}clickHandler(){var e;(e=this.parent)===null||e===void 0?void 0:e.submit()}render(){return t(He,{key:"7a2d2aee9b714631b3b2e733c397f64c9bdfe0d1",disabled:this.disabled,type:this.type},t("slot",{key:"ef8b9ceee06d0861313f137623871562ad97e4e0"}))}};th.style=eh;const oh=".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}.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:hover details.sc-smoothly-summary>summary.sc-smoothly-summary>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 screen and (min-width: 900px){.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary:hover{cursor:pointer}}";const sh=oh;const ah=class{constructor(t){e(this,t);this.smoothlySummaryOpen=o(this,"smoothlySummaryOpen",7);this.open=false;this.color=undefined;this.fill="solid";this.size="tiny"}toggleHandler(e){if(e.target instanceof HTMLDetailsElement){this.open=e.target.open;this.smoothlySummaryOpen.emit(this.open)}}render(){return t("details",{key:"a690c0b29f916b72291e20213fcb46b2d16964ea",onToggle:e=>this.toggleHandler(e),open:this.open},t("summary",{key:"9814bf4db5d774802743ad94dab784fcb849985c"},t("smoothly-icon",{key:"c1f67d32cba99805a7b19a67e21ef008ad5c9a6d",name:"caret-forward",color:this.color,fill:this.fill,size:this.size}),t("slot",{key:"fa070b36538b859916b2e4c20487f851fd50750e",name:"summary"})),t("slot",{key:"386d49036860bd6e54df39915a7c9bfc4bbd17c9",name:"content"}))}};ah.style=sh;const ih="[open].sc-smoothly-tab-h{border-bottom:3px solid rgb(var(--smoothly-primary-color));box-sizing:border-box;margin-bottom:-3px}.sc-smoothly-tab-h>label.sc-smoothly-tab{display:block;padding:.5rem;background-color:transparent;width:auto}.sc-smoothly-tab-h>label.sc-smoothly-tab:hover{cursor:pointer}";const lh=ih;const nh=class{constructor(t){e(this,t);this.expansionOpen=o(this,"expansionOpen",7);this.label=undefined;this.open=undefined}openHandler(){if(this.expansionElement&&this.open){this.expansionOpen.emit(this.expansionElement)}}onClick(e){e.stopPropagation();this.open=true}componentDidLoad(){this.openHandler()}render(){return t(s,{key:"c9f3f9c93dea7fd6e9faae8ae358cf77efd79b50"},t("label",{key:"921a1f950a8a386e866ea366c1de669d4d0166c8"},this.label),t("div",{key:"c9041921aaa7c59503ac54a53dc0105cb8da0115",ref:e=>this.expansionElement=e,hidden:!this.open},t("slot",{key:"bdf4b91406bb0faf04a429c899d0427ca5fc4fe0"})))}static get watchers(){return{open:["openHandler"]}}};nh.style=lh;const ch=".sc-smoothly-tab-switch-h{display:flex;flex-direction:row;justify-content:space-around;border-bottom:3px solid rgb(var(--smoothly-default-shade))}";const rh=ch;const dh=class{constructor(t){e(this,t);this.selectedTab=o(this,"selectedTab",7);this.selectedElement=undefined}openChanged(e){e.stopPropagation();this.selectedElement=e.target;this.element.after(e.detail);this.selectedTab.emit(this.selectedElement.label)}onSelectedChange(e,t){if(t)t.open=false}render(){return t(s,{key:"209f4927ee6602338c0799e43ace94ece1cceb60"},t("slot",{key:"684bca9a0d64119044724df11a125c43684c4388"}))}get element(){return a(this)}static get watchers(){return{selectedElement:["onSelectedChange"]}}};dh.style=rh;const hh=".sc-smoothly-table-h{display:table;width:var(--table-width, 80%);box-sizing:border-box;background-color:rgb(var(--smoothly-default-color))}[root].sc-smoothly-table-h{margin-left:1.5rem;margin-right:1.5rem}.sc-smoothly-table-h:not([root]){margin:0;width:100%}";const bh=hh;const fh=class{constructor(t){e(this,t);this.smoothlyNestedTable=o(this,"smoothlyNestedTable",7);this.smoothlySpotlightChange=o(this,"smoothlySpotlightChange",7);this.smoothlyTableLoad=o(this,"smoothlyTableLoad",7);this.expandable=new WeakMap;this.expanded=new Set;this.root=true;this.color=undefined;this.align="middle";this.open=false}componentWillLoad(){this.smoothlyNestedTable.emit((()=>this.root=false));this.smoothlyTableLoad.emit((e=>this.owner=e))}handleExpandableLoaded(e){e.stopPropagation();e.target&&this.expandable.set(e.target,e.detail)}handleExpandableState(e){e.stopPropagation();e.target&&(e.detail?this.expanded.add(e.target):this.expanded.delete(e.target));this.smoothlySpotlightChange.emit({allowSpotlight:!this.expanded.size,owner:this.owner})}handleSpotlightState(e){var t;this.open=!!this.expanded.size;e.target!=this.element&&(e.stopPropagation(),e.detail.owner&&((t=this.expandable.get(e.detail.owner))===null||t===void 0?void 0:t.allowSpotlight(e.detail.allowSpotlight)))}handleNestedTable(e){e.target!=this.element&&(e.stopPropagation(),e.detail())}handleEvents(e){e.stopPropagation()}render(){return[t("slot",{key:"3e35d99f35f027368edd5058eebcb246bfe0223e"})]}get element(){return a(this)}};fh.style=bh;const mh=".sc-smoothly-table-cell-h{display:table-cell;line-height:1.5rem;white-space:nowrap;padding:0.3rem .5rem;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade))}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{display:none;width:1em;height:auto;aspect-ratio:1 / 1;margin:0 0.3rem;transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-table-cell-h:hover>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{opacity:1}smoothly-table-expandable-row>div .sc-smoothly-table-cell-h:last-of-type>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{display:flex}smoothly-table-expandable-row[open]>div>.sc-smoothly-table-cell-h:last-of-type>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{transform:rotate(90deg)}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell{display:grid;grid-template-columns:1fr auto;align-items:center}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell>div.sc-smoothly-table-cell{width:100%}smoothly-table[align=bottom] .sc-smoothly-table-cell-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-cell-h{vertical-align:middle}smoothly-table[align=top] .sc-smoothly-table-cell-h{vertical-align:top}";const yh=mh;const uh=class{constructor(t){e(this,t)}render(){return t(s,{key:"8b15012c7aa3e97bc8bcb9ef93e847b393dcb19c"},t("div",{key:"afa9a590adb159f8374b37284e399e71ecd7d597"},t("div",{key:"4a42fff0c86a0f01d46007d2dd4a7e7537924a4d"},t("slot",{key:"c805a405e99630b1bdf455b7f3d5bf1a2a652901"})),t("smoothly-icon",{key:"af84a159ae970b6a5a9b78f47646576cc2b582ec",name:"caret-forward-outline",size:"tiny"})))}};uh.style=yh;const ph=".sc-smoothly-table-demo-h{display:flex;flex-direction:column;align-items:center;gap:3rem;padding-bottom:10rem;margin-left:2rem;margin-right:2rem}.content.sc-smoothly-table-demo{display:contents}smoothly-lazy.sc-smoothly-table-demo{width:80%}";const gh=ph;const kh=class{constructor(t){e(this,t)}render(){return t(s,{key:"a69ac7f97f4b2b42d072cd60814331d84fe6456b"},t("h4",{key:"335e58052cb9cb7bd51d4a0627b83b67505b25de"},"Demo table 1: Filtered & Checked Table")," ",t("smoothly-lazy",{key:"26c40938402cbb25ddc8f531d2cd685051548dd4",content:t("smoothly-table-demo-filtered",null)}),t("h4",{key:"084d037af72918c73c93b9fb6b926955dd12ca4e"},"Demo table 2")," ",t("smoothly-table-testing",{key:"88678a0c0e7512cc2c532b970ee748b35a14f556"})," ",t("h4",{key:"23a8a11f08d8cb9daee58ae560775db210d0de4f"},"Demo table 3"),t("smoothly-table",{key:"3387cae6d886ebcb0ac05e481d8217b3c5bb050f"},t("smoothly-table-row",{key:"a15695fd9ca7160cd9a34b378a93d7ee1b9fb510"},t("smoothly-table-header",{key:"9aa37d417cfe35b676776e6b6994b9a4eac0a64e"},"Header A"),t("smoothly-table-header",{key:"5825512d3bc68b852612b8f77088530b67fa3210"},"Header B"),t("smoothly-table-header",{key:"53e06fcfe5312cb8a1ba609b30cf9cb2f7bdfd46"},"Header C"),t("smoothly-table-header",{key:"e5a93286e5d4b9b59eddc7031e618220908a109e"},"Header D")),t("smoothly-table-row",{key:"d4c1e94d4bda030db5e841534fcd8200782a6e56"},t("smoothly-table-expandable-cell",{key:"34d02049ff83913ded999e1f28a2a7eda169dfe8"},"normal row (exp.cell)",t("div",{key:"5605c7695733deb7f1574cd52b65045fe93fb2cd",slot:"detail"},"expandable cell 1 content")),t("smoothly-table-expandable-cell",{key:"da38f659849f9a907b91406db1e1a6d91f9ca12b"},"expandable cell",t("div",{key:"17adcf7b0ffc5804de4cb91bb015f9b2f7c51505",slot:"detail"},"expandable cell 2 content")),t("smoothly-table-expandable-cell",{key:"f501e57a9d5539b447ffe97d82dafcf086a6b792"},"expandable cell",t("div",{key:"fb67ff3097d42863cc240159741152fb1b72a0cd",slot:"detail"},"expandable cell 3 content")),t("smoothly-table-expandable-cell",{key:"389eae0f651b8c4b3e6a7d099fbcf344883a6d59"},"expandable cell",t("div",{key:"9a6b1e37ed6988711785e290a0f0a3b7ace588f0",slot:"detail"},"expandable cell 4 content"))),t("smoothly-table-row",{key:"285a7471ac928fd74fa7b845c72caf814f6b3144"},t("smoothly-table-cell",{key:"637bc9ddd209beb913eadb0321c7f10a17e5648b"},'normal row (nor.cell)"'),t("smoothly-table-cell",{key:"2595a31c19ffdee4155c75f377a86209b05805c6"},"normal cell"),t("smoothly-table-expandable-cell",{key:"23e38ae570971f697acb98dbd5ffd2bb2ebc71b2"},"expandable cell",t("div",{key:"e11925772be53c59609f67ee3ec6fd58690e0ee8",slot:"detail"},"expandable cell details.")),t("smoothly-table-expandable-cell",{key:"4f00ffb89a9293ea934818ecb4beab5a08d721da"},"expandable cell",t("div",{key:"eb2da64d82ab433fd2cf282e666aca7368363210",slot:"detail"},"expandable cell details."))),t("smoothly-table-expandable-row",{key:"4701d8c52a6e78772434ce81e0cb41ebeb0ed029"},t("smoothly-table-cell",{key:"bc92c5d32235ff9a0618e4e56d5a69e57d39f1d4"},"expandable row (nor.cell)"),t("smoothly-table-cell",{key:"fa13b6c194fd4fe43e54f329efbf55d7d2ea6e7e"},"Normal cell"),t("smoothly-table-cell",{key:"88a55fc8042d583be09f01c2136fa77233ad5087"},"normal cell"),t("smoothly-table-cell",{key:"6da119dfc923a7909e34b3a37ba482787ead1177"},"Normal cell"),t("div",{key:"8d4c5557db87f9d684b349efa608e04908320d5f",slot:"detail"},"expandable row content"))),t("h4",{key:"5f90b7dc59bbd9ee218e9c5de7e85e8bf575ca0b"},"Demo table 4"),t("smoothly-table",{key:"8e6a61734fc96ce69cf8233ed5c5a6aa0c24e6c9"},t("smoothly-table-row",{key:"8e142a229403491f81f7aa8687e5465834c5f770"},t("smoothly-table-header",{key:"f6a5ffbe272a77d09b4f6d2c09bd2143791be272"},"Header A"),t("smoothly-table-expandable-cell",{key:"ecd9798041e2fde721131bd87083bce7420d45df"},"Header expansion",t("div",{key:"1e87f9d86fc3e94a1943bb4cff3aa2c46ed76210",slot:"detail"},"Expansion content"))),t("smoothly-table-expandable-row",{key:"633f4e1f68e482c6ec67bb23ad1268a2465ef212"},t("smoothly-table-cell",{key:"5c56499d35ab2a592a986e4b931d47e59edfe56a"},"A Content"),t("smoothly-table-cell",{key:"84af6dd20bc7c78d5ac941d68739dd1ff4d69d9b"},"Expansion cell"),t("div",{key:"5b652fa723b9ea1c448a7053001891016592bb82",slot:"detail"},t("smoothly-tab-switch",{key:"0bbda0fcb685ce4331ee660bb983b03d6e308662"},t("smoothly-tab",{key:"3498313c03dc6b88c574f3f8f874db0bc9290481",label:"innertable 1",open:true},t("smoothly-table",{key:"a10ccf4a7a64d0e440a2d5e57f827f466b286605"},t("smoothly-table-row",{key:"19bb713ba49a81e13dec1bfe5f1e4ba1f5c81ec9"},t("smoothly-table-header",{key:"950fa666ac6d28fc112a1648980fbbbf82742fc2"},"Header B")),t("smoothly-table-expandable-row",{key:"f46c014bbab3383df385c5cd70aadb193333cb27"},"B Content"))),t("smoothly-tab",{key:"a991c5a2a26b028f827bace787cbd19ac3e41e4c",label:"innertable 2"},t("smoothly-table",{key:"edd5b8d695f4160a2c5ae6c94753ce71509b06f3"},t("smoothly-table-row",{key:"119a1244d80585e7e304fb5a5541d2d95bd44693"},t("smoothly-table-header",{key:"6bb3824f811b28e2396edd5263061e178720aed0"},"Header C")),t("smoothly-table-expandable-row",{key:"fd1e5cc33e61adc2724c31a48b457328ec1f1d09"},t("smoothly-table-cell",{key:"a66fa8c3c6517d142c03957f5b36d93c5dcde0b8"},"C Content"))))))),t("smoothly-table-row",{key:"4ecb73274c64687144771ce3131d2d3cd2e54fbb"},t("smoothly-table-cell",{key:"4bda261b0f338f6f41e755f1b88bb955c6a98f97"},"A Content"),t("smoothly-table-expandable-cell",{key:"5568e7513d48aaa8cce67065026b630c22dfc2b1"},"Expandable cell",t("div",{key:"c51398915cc783775a335496faa93a4461165807",slot:"detail"},"Expansion content")))),t("h4",{key:"2cb78c0906b8236c6d2dab84710eb9db0ba0124b"},"Demo table 5"),t("smoothly-table",{key:"f3d4106c87d8f0945175fe570e57966d62652438"},t("smoothly-table-row",{key:"e6a080b992632d2a74fef5d22cf8cfb262c9cb6d"},t("smoothly-table-header",{key:"bd6b0a1a6ea9ef7120e37ea008ed0d15458a1568"},"A"),t("smoothly-table-header",{key:"39e09161dd92e6ce995ef91d73cbd2f7f04fe071"},"B")),t("smoothly-table-expandable-row",{key:"11d6801fa840196fef09bc0b783a743ea8b9f76b"},t("smoothly-table-cell",{key:"e69d9e8c4ee610555108784646b718d5ae97ec90"},"nested expandable row"),t("smoothly-table-cell",{key:"9a4a2484a8f14b36bd443abf76040600b307d0ff"},"b row"),t("div",{key:"e1d0d9a9c74b1c5913faa783e1da8343991fd763",slot:"detail"},t("smoothly-table",{key:"da06578fd561c7ab2c6aa75b043aeda6157045df"},t("smoothly-table-row",{key:"99ca7412aa6457f3fa3a008b943670566a2a6c24"},t("smoothly-table-header",{key:"244d59b67fec0abceef8d1737b8a21a74fff0293"},"C"),t("smoothly-table-header",{key:"a796f2576d4aa10ec9652ed90817fdf92c3aa88a"},"D")),t("smoothly-table-expandable-row",{key:"79bc762f09c7c33373a16ff8d0f405de17add5af"},t("smoothly-table-cell",{key:"e2b63eb905fc0609cf20d1140e43b4d3af2845ba"},"c"),t("smoothly-table-cell",{key:"0a6cdd9b142fb6bbb1489ed945461ec26fde78bb"},"d"),t("div",{key:"98d9bc863494939f8320545c7f773ba4ac98e3a6",slot:"detail"},t("smoothly-table",{key:"9cad9460cb92f7c2e688ec9cd33db6a73af6877d"},t("smoothly-table-row",{key:"aa2be1e05f9134f65719c142349b2170bc43c64b"},t("smoothly-table-header",{key:"bc2dfe10664c462db076c73f52be3ea01ebcb676"},"E"),t("smoothly-table-header",{key:"5a33045f3329e9b14262c648bff7c69ca67026a2"},"F")),t("smoothly-table-expandable-row",{key:"c626b3df416dc8af9cd4812f301f7bcbe65cd795"},t("smoothly-table-cell",{key:"46ee72f3bb06413c250b4dac407b4f4c76a6cfb8"},"e row"),t("smoothly-table-cell",{key:"3aba4da51a1796a12e979bbc9058179f3a99c44c"},"f row"),t("div",{key:"fa79d3c211f0c80d9b4dd854d4d30a3de30ca4a9",slot:"detail"},"nested expandable row expansion e f")))))))),t("smoothly-table-expandable-row",{key:"872e7635fd4723e272c0929fecae2bba7b0c9e10"},t("smoothly-table-cell",{key:"0111c9dc96827745a2400846fb790722044dd2d0"},t("span",{key:"c7beecaa49479671f3ebe92bbba9c85ba796dd48"},"one"),t("span",{key:"317b449d8e7b99df24b78825b17ad6d4016d3b7a"},"two"),t("span",{key:"99a9ecf3f9b8f36773c5e87a7a847846012ad369"},"three")),t("smoothly-table-cell",{key:"06cd61ef058c13db80d70f07606c2c4e53786318"},"five",t("smoothly-icon",{key:"780f2ace471baa31cc4fcf422d638461f28f667d",name:"paper-plane-sharp",size:"small"})),t("div",{key:"dd1b8ee976d67742bee59904d90455a58f65b1f6",slot:"detail"},"four")),t("smoothly-table-row",{key:"8a376809fcd9d371a13d6e5b2a653db816c7c6ab"},t("smoothly-table-expandable-cell",{key:"d493777a0dbec1f814ddb40d2b6f2db5d970d9b1"},t("span",{key:"182afc525c1b7b065722424d993b1cec4780dc24"},"nested expandable cells"),t("div",{key:"6bba09a64145584dec5c2433cd157535ddb72b25",slot:"detail"},t("smoothly-table",{key:"fa456547e9695204cbb2d4f4aec7758bb19e4515"},t("smoothly-table-row",{key:"c6e1151d4eb010696b59df9c66ebbc5d364bcdce"},t("smoothly-table-header",{key:"aa48835e95f41ecfb12ed6b9dc087f526bdd2ed1"},"E"),t("smoothly-table-header",{key:"d2d43fe7a05889eaa2f9b58bceb89973ae96624c"},"F")),t("smoothly-table-row",{key:"6a942d60b116227ecd2de06f22f1d78393b5edd1"},t("smoothly-table-expandable-cell",{key:"a27a97849959dd69260fd11994937891055b58ed"},"e cell",t("div",{key:"5506642cf6526f8f17f20ae8a5fd40b9a80eb248",slot:"detail"},t("smoothly-table",{key:"b1d71826eeabe504676ffdc5e3eb7193f199d8fc"},t("smoothly-table-row",{key:"b0a9360af0fea2f0a4e5d0956e46737acbe03bce"},t("smoothly-table-header",{key:"65bf6c90c84523485a431c680b798e551ddeee81"},"G"),t("smoothly-table-header",{key:"5875e4eb5c23026410e33267502b7b69a6f8b460"},"H")),t("smoothly-table-row",{key:"ac763ba8ba242f69f7dff639813f00bc566ff253"},t("smoothly-table-expandable-cell",{key:"c7442096f0bd25c4fdbdab9a7303cd8c07ca509c"},"g cell",t("div",{key:"b748c84b9ef6dfbe6b57cc28f848b3fdb3a421b0",slot:"detail"},"nested expandable cell expansion g")),t("smoothly-table-expandable-cell",{key:"6665396e6f39c420471f98c9550d85c456c62961"},"h cell",t("div",{key:"d287a70527687fa4970f7a11e85136528e0d040e",slot:"detail"},"nested expandable cell expansion h")))))),t("smoothly-table-expandable-cell",{key:"3489775703b848299612cc7651e525a2ddbd6e1c"},"f cell",t("div",{key:"a205b21573981880bf3d768caa1045a7d1ab3e1c",slot:"detail"},"nested expandable cell expansion f")))))),t("smoothly-table-expandable-cell",{key:"8be412d0860bc355aa62033f73927b0b9ce98b3e"},"b cell",t("div",{key:"67457a5427acabd08b59417281cfc09a685c8758",slot:"detail"},t("smoothly-table",{key:"c02fb65e4374c925b962f2b2127d251e87e29f63"},t("smoothly-table-row",{key:"ba7905539a4f0c9af3fe4d091ba68197dc543a13"},t("smoothly-table-header",{key:"eed36e4346a579d78af3a442848a2fcbd8eb7494"},"C"),t("smoothly-table-header",{key:"1e9459de9be3b530cb5d9c0972ac1c3786f5c5d7"},"D")),t("smoothly-table-row",{key:"25664b718cda30125828b18a31896e5a7b5a2528"},t("smoothly-table-expandable-cell",{key:"d09e687c23cbac18ee1564c29f5e28ab9b1a0de4"},"c cell",t("div",{key:"b2da3429bc8a2af68dcb65278e7a47a2664a2c91",slot:"detail"},"nested expandable cell expansion c")),t("smoothly-table-expandable-cell",{key:"3e3db774859e3ae0c0616d011aea5413a39e404c"},"d cell",t("div",{key:"8b03543f3f09bef7d65d5d3f12c4a3d8f24a19a6",slot:"detail"},"nested expandable cell expansion d")))))))),t("h4",{key:"fd0b6b46e1979126a99a72d6a119c5334637ec02"},"Demo table 6"),t("smoothly-table",{key:"51ce782d8f83386f801e27ac131d48f91c76666e"},t("smoothly-table-row",{key:"6e770a0fcae14aed19fa72871ea434d3ff009402"},t("smoothly-table-header",{key:"9f7a6077bf2a74fc3bb0b3e83e741d5fbe19044c"},"display"),t("smoothly-table-header",{key:"59c352b70399037c1970cce541f8fac348ad2b46"},"contents")),t("smoothly-table-expandable-row",{key:"68d303da54fd2b31d10bebfce99e6d0fe19feb96"},t("div",{key:"7d669ed9e4ed9347b216ae1eb5c81462b71181f1",class:"content"},t("smoothly-table-cell",{key:"544795c7a8cf191a8f01a30b389544f9085b58ee"},"A"),t("smoothly-table-cell",{key:"3e19f159edf8bcc715e56fcaa2dabe07d48a5a27"},"B")),t("div",{key:"f2089c2280978163c45cfa726db6854550515f5c",slot:"detail"},"expansion"))),t("h4",{key:"ecf49e92224f46e4594f59a898e29da64ad3ac42"},"Demo table 7")," ",t("span",{key:"147d4a5278d8356de817855b1627ca92c8f20fb5"},"nested 1 then normal"),t("smoothly-table",{key:"a61d76c83d1c33fbd072e1eb3070af0115953630"},t("smoothly-table-row",{key:"4fbc5eacd9954e1176f698af56aa702f930c8657"},t("smoothly-table-header",{key:"03e7942ddf62eea03703a36e49f0c5b87042b673"},"A"),t("smoothly-table-header",{key:"974d30d45719051e92a19e5ccd30d86bc4d17330"},"B")),t("smoothly-table-expandable-row",{key:"555c9eab87c465bc2e040ad274e6d0282ccf2682"},t("smoothly-table-cell",{key:"e17007939a11e75e6b383a867e28afc2ce678367"},"a"),t("smoothly-table-cell",{key:"d48074d31115ebbc368c3235125f739445aea870"},"b"),t("div",{key:"0d620c8ec7268ffb6abff33acc22aa7e97b4f989",slot:"detail"},t("smoothly-table",{key:"4fe5fa370dc6cf4bb60b0e70febb81aca18195be"},t("smoothly-table-row",{key:"de8477c53636a606977930ff6cdadeb27666196d"},t("smoothly-table-header",{key:"bbe8fa2f3ad6b921a07692f3dcfe21786b9dd6df"},"C"),t("smoothly-table-header",{key:"27bbff7e96314768c58f2a47d6a56f5af11a2e28"},"D")),t("smoothly-table-row",{key:"7237eaad866972935a0b6325bf2d7e2b17eae655"},t("smoothly-table-cell",{key:"4b8a2c9d2028ce6c8f8d6ab6075f3d18788eead3"},"c"),t("smoothly-table-cell",{key:"242f2e4a6108e49fca57327536959dd4357ce2c7"},"d")),t("smoothly-table-row",{key:"9572d5b812705f450d5f329f815229b1aec8c82e"},t("smoothly-table-cell",{key:"c82f6d32f57437b3c068813ae25be8d36aefd301"},"ccc"),t("smoothly-table-cell",{key:"e33b02a64334e06bb08d7debe8ead7c9b96ac846"},"ddd")),t("smoothly-table-expandable-row",{key:"0604023008765d2378cb3168360e04f20317b82a"},t("smoothly-table-cell",{key:"de436f640adba5f00b20e7f11b80ce1db5218a57"},"cccc"),t("smoothly-table-cell",{key:"ec9fa0326af472e8189b10ccf720f50b4b942ec5"},"dddd"),t("div",{key:"c5c657df79bac052e9cee6ee78d9e0cc1d48ce19",slot:"detail"},"CONTENT")),t("smoothly-table-row",{key:"8cefa30bbe5b704389af437e1c3e4ef8ee12f0c2"},t("smoothly-table-cell",{key:"c08db9d6060bc3873b7fb9c7810a47ef379f4c87"},"ccccc"),t("smoothly-table-cell",{key:"b140aae245ad8da5b32180fbb055b9e762140f62"},"ddd")),t("smoothly-table-expandable-row",{key:"d79d212865bbf591f1dcd09384d8b36ca353c894"},t("smoothly-table-cell",{key:"948a37389ae9b1c5251e441a72be21f8788acb49"},"cccc"),t("smoothly-table-cell",{key:"e68bae4c8aab45802b19aeaec5d2096581afb0e8"},"dddd"),t("div",{key:"6b8fab71ea831e8a72cde23b3640e56805f4952e",slot:"detail"},"CONTENT")))))),t("h4",{key:"c1c53aa4a27d0fae6317e2430516e6aeb905724b"},"Demo table 8")," ",t("span",{key:"9cce0dbbbc3143a47471d80afc5d2b32aeed28f8"},"not nested"),t("smoothly-table",{key:"d9bbaba6bf150135762da9202f5fdc183f1623dd"},t("smoothly-table-row",{key:"c7e28a3f8102f3ddbfa9ae1a98da67f902286ef7"},t("smoothly-table-header",{key:"ee697e753468e5c9140b8192f234dad3589097f0"},"C"),t("smoothly-table-header",{key:"fe8b7ddcbc562883e070ae941cbfd6469846d5fc"},"D")),t("smoothly-table-row",{key:"c4eb8cd55890db23c396501490d0bcfa494275a5"},t("smoothly-table-cell",{key:"1f0017f5e9b79748e0d057adcd241fb1b337164d"},"c"),t("smoothly-table-cell",{key:"6a7cd34c6261c7ba40c457a0df53c527d8c1b2bf"},"d")),t("smoothly-table-row",{key:"540ba06fc140d5687a4c4ed41a3ea62ca5f840e3"},t("smoothly-table-cell",{key:"fe315d28855bd929e2d7a449483a65e34832ddab"},"cc"),t("smoothly-table-cell",{key:"0d387b7ac5da89a2b389b336dfbaa776e4d00dd7"},"dd")),t("smoothly-table-row",{key:"a558d0b4ca365163d88d68501016560560d17930"},t("smoothly-table-cell",{key:"4d7e8c6fb6a804e71c00b762d826fb62a5c5b18f"},"ccc"),t("smoothly-table-cell",{key:"a620fc5235c45b20651efbd720761b691c29a4e1"},"ddd"))),t("h4",{key:"32d81c610eb3976e6fedfe356926615f4634f61a"},"Demo table 9"),t("smoothly-table",{key:"39b1e1e0bb59b2cb0dd5c2d681680c92bd02f32e"},t("smoothly-table-row",{key:"957de3b1bf876373cab6259b9ff44d9609a2b3a2"},t("smoothly-table-header",{key:"d9988b08bd043651bf4c47b2e0d919a2a65d5b5f"},"First name"),t("smoothly-table-header",{key:"c3067f342a7df71a5b3090516b3a9fa558df4472"},"Last name"),t("smoothly-table-header",{key:"70e0a25bfe12fc7f4323f72b4294e3a48c29b3fb",style:{width:"1px"}},t("smoothly-icon",{key:"1f5778a557b26cc9b95cc46a48cd0a74f251cb56",name:"alert-outline"}))),t("smoothly-table-expandable-row",{key:"01eae6363e0c8d852004fafc5b1db85f320db52b"},t("smoothly-table-cell",{key:"e28675140172e92b533bc22dddcb10133ef149d5"},"Jessie"),t("smoothly-table-cell",{key:"e1431e26072b6728410980f934aa8ed4b943ee5a"},"Doe"),t("smoothly-table-cell",{key:"b1d7b91c7434641ae56cf850730d296bce768965"}),t("div",{key:"33a4ad688f46e8a160fa3574943d566f0578c5a3",slot:"detail"},t("p",{key:"5f67cce40e6a873d295db2228680e145f195fb2d"},"This is Jessie")))),t("h4",{key:"ff72301b7c0f42094c0fe01a3749f721eaae004d"},"Demo table 9 - Lazy expansion rows"),t("smoothly-table",{key:"d90b80b94a049bfd78c4a3ce5eac146bc0e2d3a3"},t("smoothly-table-row",{key:"95c20aa70842329553e7448f2101744254c56325"},t("smoothly-table-header",{key:"014079ca3e37993ebed072f878b1ebf1a9a0a992"},"Company")),t("smoothly-table-expandable-row",{key:"4734e378fa747e3a42e003fa8e63106e59d45c51"},t("smoothly-table-cell",{key:"1d061ca072451e500635d396d2f28fc4c6b688af"},"Proquse"),t("smoothly-lazy",{key:"99659827517b0919933b3c9db5dab76ac583167b",slot:"detail",content:t("img",{src:"https://brand.proquse.com/logo/proquse-black.svg",alt:"Proquse Logotype."})})),t("smoothly-table-expandable-row",{key:"d9c0d540eec70a3aee5879d4023b5a1ee5bfe291"},t("smoothly-table-cell",{key:"3650822f6a9e212088f59c5f11d3820223c9a278"},"Pax2Pay"),t("smoothly-lazy",{key:"e7428835f41853fe3221056b989310393ec001e2",slot:"detail",content:()=>t("img",{src:"https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg",alt:"Pax2Pay Logotype."})}))),t("h4",{key:"5f19f0b1e14fe414804a10be983a13a2c481390f"},"Demo table 10 - Lazy expansion cells"),t("smoothly-table",{key:"ee0a0fb28824a5d3d57d69a45e87d007322f05b5"},t("smoothly-table-row",{key:"a2e029f6704fc7cd12a0c1b52207c028ecb23da0"},t("smoothly-table-header",{key:"fd7fbd2b5c51b316863985f94d97f4193138f3ac"},"Company")),t("smoothly-table-row",{key:"4a589a44062222ba1c0f753c31c2877ece14fbe1"},t("smoothly-table-expandable-cell",{key:"60241a6c90d34022ff0f88ca7590da0a266be787"},"Proquse",t("smoothly-lazy",{key:"87a1adb7f1bd629856d695159d0cc034c0a6fbf2",slot:"detail",content:t("img",{src:"https://brand.proquse.com/logo/proquse-black.svg",alt:"Proquse Logotype."})}))),t("smoothly-table-row",{key:"3d2e64f5e1c24283ce19f7abf8a359d395cba590"},t("smoothly-table-expandable-cell",{key:"11595821f566d83e2ca3974f1e41bdae34391506"},"Pax2Pay",t("smoothly-lazy",{key:"2da634bd739c2b023f79febe46e1efcf9f3e33df",slot:"detail",content:()=>t("img",{src:"https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg",alt:"Pax2Pay Logotype."})})))),t("h4",{key:"b16df9919d4349e2c5251345b8f94b30eadc78e8"},"Demo table 11 - expandable cells"),t("smoothly-table",{key:"e99de8d51493859e677432409ce591a10b971d6b"},t("smoothly-table-row",{key:"ef72dbafe4e527a4077b3288790445564f6e663c"},t("smoothly-table-header",{key:"40f32321b3e7dde2d930155619305d978b06dff4"},"Name"),t("smoothly-table-header",{key:"a93a02c4a60c3ec55b5b3a5739380639748a58fd"},"Age"),t("smoothly-table-header",{key:"da0d86ca6d68684cda84984684ca5db1d3611f90"},"Location")),t("smoothly-table-row",{key:"d0a30b43cce6dce6f3f5a0549e56601b6cb2c16c"},t("smoothly-table-expandable-cell",{key:"e16dd381f6a6a867520de00fd4f7879135400ff8"},"Jessie",t("div",{key:"f4d6c58342a6cb5cffedf0dadcefc19739e576df",slot:"detail"},"Doe")),t("smoothly-table-expandable-cell",{key:"39660482a84405cc4afcf55a6d4daefac70942d9"},(new Date).getFullYear()-2e3,t("div",{key:"e1da69dd8cd62ce3998726df26ca7a7ad0dcd359",slot:"detail"},"2000-01-01")),t("smoothly-table-expandable-cell",{key:"56090a7c0edf270534981e09f1e1bdf44878838a"},"UK",t("div",{key:"6373c6a80f3fa8eafe84c7adb7dd80bfd987ad15",slot:"detail"},"London")))))}};kh.style=gh;var vh=undefined&&undefined.__classPrivateFieldGet||function(e,t,o,s){if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?e!==t||!s:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?s:o==="a"?s.call(e):s?s.value:t.get(e)};var wh=undefined&&undefined.__classPrivateFieldSet||function(e,t,o,s,a){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?e!==t||!a:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?a.call(e,o):a?a.value=o:t.set(e,o),o};var xh;class Sh{get selected(){var e;return wh(this,xh,(e=vh(this,xh,"f"))!==null&&e!==void 0?e:Object.values(this.data),"f")}constructor(e,t={}){this.key=e;this.data=t;xh.set(this,void 0)}handle(e){var t;return new Sh(this.key,"check-all"in e?(t=e["check-all"])!==null&&t!==void 0?t:{}:Object.fromEntries(Object.entries(Object.assign(Object.assign({},this.data),e)).filter((([e,t])=>t!=undefined))))}render(e){var o,s,a;return Array.isArray(e)?t("smoothly-checkbox",{name:"check-all",value:Object.fromEntries(e.map((e=>[e[this.key],e]))),intermediate:this.selected.length>0&&this.selected.length<e.length,checked:this.selected.length==e.length?true:this.selected.length==0&&false}):t("smoothly-checkbox",{name:(o=e[this.key])===null||o===void 0?void 0:o.toString(),value:e,checked:!!this.data[(a=(s=e[this.key])===null||s===void 0?void 0:s.toString())!==null&&a!==void 0?a:""]})}static create(e){return new Sh(e)}}xh=new WeakMap;const Ch=".sc-smoothly-table-demo-filtered-h{display:block;width:80%}smoothly-table-cell.sc-smoothly-table-demo-filtered:nth-of-type(2){text-align:right}td.sc-smoothly-table-demo-filtered{padding-left:1.5em}";const zh=Ch;const _h=class{constructor(t){e(this,t);this.criteria={};this.cats=undefined;this.selector=Sh.create("breed")}onFilterUpdate(e){e.stopPropagation();this.criteria=e.detail}smoothlyInputHandler(e){e.stopPropagation();this.selector=this.selector.handle(e.detail)}async componentWillLoad(){const e=await Rn("https://catfact.ninja/breeds?limit=15");this.cats=e.status==200&&(await e.body).data.map((e=>{var t,o;return Object.assign(Object.assign({},e),{price:[...e.breed].reduce(((e,t)=>e+t.charCodeAt(0)),0),nested:Object.assign(Object.assign({},e),{names:(t=Lh[e.country])!==null&&t!==void 0?t:[]}),names:(o=Lh[e.country])!==null&&o!==void 0?o:[]})}))}render(){const e=this.cats&&Il(this.criteria,this.cats);return t(s,{key:"81ed86e0bd7acf0065a4d3170e68e704486c3456"},t("smoothly-filter",{key:"1a28506c1e5587750c06da158cc56746f48d41c5"},t("smoothly-filter-toggle",{key:"116b218acc1543ef9d12710a9bd859a9c7825b52",properties:{["nested.pattern"]:"Ticked",breed:""},icon:"add",toolTip:"Nested Ticked",slot:"bar"}),t("smoothly-filter-toggle",{key:"15b185d56d96e5c6ba8205e847f9a6c3b49ae449",properties:{pattern:"Ticked",breed:""},icon:"paw",toolTip:"Ticked cats",slot:"bar"}),t("smoothly-filter-toggle",{key:"778be5adf07dd2d5182d149e76c36c56cb6f72b3",properties:{breed:"Bombay",pattern:"Solid"},icon:"radio-button-on",toolTip:"Solid bombay cats",slot:"bar"}),t("smoothly-filter-toggle",{key:"4a38c3f209f48c6a40c71e0b1a4cf4e13eebcf46",properties:{pattern:"Colorpoint"},not:true,active:true,icon:"alert",toolTip:"Colored cats",slot:"bar"}),t("smoothly-filter-picker",{key:"57a0805f354a73b159bad36e8512740bda7c1789",label:"coat",property:"nested.coat",slot:"bar",multiple:false},this.cats&&this.cats.map((e=>{var o;return((o=e.nested)===null||o===void 0?void 0:o.coat)&&t("smoothly-picker-option",{value:e.nested.coat},e.nested.coat)}))),t("div",{key:"608b91ee33c0b298c5d83d25e4a3f39fbf689f55",slot:"detail"},t("smoothly-form",{key:"19539f4a4ab7818a10b6538c3dac91349cb8abc1",looks:"border"},t("smoothly-filter-picker",{key:"995e65bc2407fe51edb3b11b8f2da31b08103882",label:"coat",property:"nested.coat",multiple:true},this.cats&&this.cats.map((e=>{var o;return((o=e.nested)===null||o===void 0?void 0:o.coat)&&t("smoothly-picker-option",{value:e.nested.coat},e.nested.coat)}))),t("smoothly-filter-picker",{key:"ef2da38ac0dc4bc72a0247ae87ecd5abb47cccb5",label:"breed",property:"breed",multiple:false},this.cats&&this.cats.map((e=>e.breed&&t("smoothly-picker-option",{value:e.breed},e.breed)))),t("smoothly-filter-picker",{key:"a7a55902c7984d3c784c2febc0bda03594463d0c",label:"names",property:"nested.names",multiple:true,type:"array"},Object.values(Lh).flatMap((e=>e.map((e=>t("smoothly-picker-option",{value:e},e)))))),t("smoothly-filter-input",{key:"14e6e153dad3477edcc62bb4e962548e0180a7d2",property:"coat",placeholder:"ex. Short"}),t("smoothly-filter-input",{key:"59e3017da9deb6c3af0d99254c65604fdf8b1548",property:"nested.coat",placeholder:"ex. Rex"})))),!e?"Failed to load data.":t("smoothly-table",null,t("smoothly-table-row",null,t("smoothly-table-header",null,this.selector.render(e)),t("smoothly-table-header",null,"Breed"),t("smoothly-table-header",null,"Coat"),t("smoothly-table-header",null,"Price")),e.map((e=>t("smoothly-table-row",null,t("smoothly-table-cell",null,this.selector.render(e)),t("smoothly-table-expandable-cell",null,e.breed,t("div",{slot:"detail"},"Country: ",e.country)),t("smoothly-table-expandable-cell",null,e.coat,t("div",{slot:"detail"},"Pattern: ",e.pattern)),t("smoothly-table-cell",null,t("smoothly-display",{type:"price",value:e.price,currency:"SEK"}))))),t("smoothly-table-footer",null,t("td",{colSpan:5},t("smoothly-display",{type:"text",value:`Selected: ${this.selector.selected.length!=0?this.selector.selected.length:e?e.length:"?"}`})))))}};const Lh={"United States":["bill","bob","brad","joe","molly"],Australia:["nigel","bruce","sheila","brad","shane"],"United Kingdom":["nigel","james","molly","shane","bob"],Greece:["dionysius","demetrius","polikarpos"]};_h.style=zh;const Th='.sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.3rem 0.5rem 0.3rem 0.2rem;cursor:pointer;line-height:1.5rem}.sc-smoothly-table-expandable-cell-h:not([open]){box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)), 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}[open].sc-smoothly-table-expandable-cell-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-color));box-shadow:1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell>smoothly-icon.sc-smoothly-table-expandable-cell{width:1em;padding-right:0.3rem;transition:transform 0.2s, opacity 0.1s;display:flex;height:auto;aspect-ratio:1 / 1;align-self:center;opacity:0.3}.sc-smoothly-table-expandable-cell-h:hover>div.sc-smoothly-table-expandable-cell>smoothly-icon.sc-smoothly-table-expandable-cell{opacity:1}[open].sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell>smoothly-icon.sc-smoothly-table-expandable-cell{transform:rotate(90deg) translateX(3px)}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{display:grid;grid-template-columns:auto 1fr;align-items:center}.sc-smoothly-table-expandable-cell-h:not([open])>tr.sc-smoothly-table-expandable-cell>td.sc-smoothly-table-expandable-cell{display:none}smoothly-table-row>tr>td.sc-smoothly-table-expandable-cell-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-color));width:calc(100% + 3rem - 1px);top:1px;left:calc(-1 * var(--expansion-width) + 1px);box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - 1px);border-bottom:1px solid rgb(var(--smoothly-color-shade))}smoothly-table-row>tr.spotlight>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:calc(var(--expansion-border-width)) 0 0 0 rgb(var(--smoothly-tertiary-color)) inset}smoothly-table-row>tr:not(.spotlight)>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:-1px 0 0 0 rgb(var(--smoothly-tertiary-color)), 1px 0 0 0 rgb(var(--smoothly-tertiary-color))}smoothly-table-row>tr>td.sc-smoothly-table-expandable-cell-s>*::before{content:"";position:absolute;display:flex;top:-1px;bottom:0;left:-1px;width:calc(var(--expansion-width) + 1px);border-top:1px solid rgb(var(--smoothly-color-shade))}smoothly-table-row>tr>td.sc-smoothly-table-expandable-cell-s>*::after{content:"";position:absolute;display:flex;top:-1px;bottom:0;right:0;width:calc(var(--expansion-width) - 1px);border-top:1px solid rgb(var(--smoothly-color-shade));border-right:1px solid rgb(var(--smoothly-color-shade))}smoothly-table[align=bottom] .sc-smoothly-table-expandable-cell-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-expandable-cell-h{vertical-align:middle}smoothly-table[align=top] .sc-smoothly-table-expandable-cell-h{vertical-align:top}';const jh=Th;const Ah=class{constructor(t){e(this,t);this.smoothlyExpansionOpen=o(this,"smoothlyExpansionOpen",7);this.smoothlyExpansionLoad=o(this,"smoothlyExpansionLoad",7);this.smoothlyExpandableChange=o(this,"smoothlyExpandableChange",7);this.smoothlyExpandableLoad=o(this,"smoothlyExpandableLoad",7);this.allowSpotlight=true;this.spotlight=true;this.open=undefined}openChanged(e){if(this.expansionElement)if(e)this.beginOpen=true;else this.element.append(this.expansionElement);this.smoothlyExpandableChange.emit(this.open)}handleSpotlight(){this.spotlight=this.open&&this.allowSpotlight}componentWillLoad(){this.smoothlyExpansionLoad.emit();this.smoothlyExpandableLoad.emit({allowSpotlight:e=>this.allowSpotlight=e})}componentDidRender(){if(this.beginOpen){this.beginOpen=false;this.smoothlyExpansionOpen.emit(this.expansionElement)}}onClick(){this.open=!this.open}handleTableLoaded(e){e.stopPropagation();e.detail(this.element)}render(){return t(s,{key:"a5d8338fee2cb2ce58dbe3dd9331a943199e1731"},t("div",{key:"7270b5615d4a002078b54e7e3436cfd5726a4b31"},t("smoothly-icon",{key:"a59c64be586d86ae531b8ef74eb0b438ce2f4c23",name:"caret-forward-outline"}),t("slot",{key:"24a0d303256b234e159e5ed2439e156c723926ef"})),t("tr",{key:"2d0bde3d3f033640ac80593154c30fe51f5bdb2b",class:{spotlight:this.spotlight},ref:e=>this.expansionElement=e},t("td",{key:"66677591e1f444ab81f1d8251a0c50edf14f7631",colSpan:999},t("slot",{key:"6e2537fb6450aebb71ad75458f740d0d5e1718cc",name:"detail"}))))}get element(){return a(this)}static get watchers(){return{open:["openChanged","handleSpotlight"],allowSpotlight:["handleSpotlight"]}}};Ah.style=jh;const Eh='.sc-smoothly-table-expandable-row-h{display:contents}.sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row{display:table-row;cursor:pointer;line-height:1.5rem}[open].sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row{position:relative;z-index:3;background-color:rgb(var(--smoothly-color))}.sc-smoothly-table-expandable-row-h[open]>div.sc-smoothly-table-expandable-row-s smoothly-table-cell,.sc-smoothly-table-expandable-row-h[open]>div.sc-smoothly-table-expandable-row-s>smoothly-table-cell{box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-row-h[open]>div.sc-smoothly-table-expandable-row-s smoothly-table-cell:first-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset, 1px 0 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-row-h[open]>div.sc-smoothly-table-expandable-row-s smoothly-table-cell:last-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-row-h[open]>div.sc-smoothly-table-expandable-row-s smoothly-table-cell:last-child:first-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset, 1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-row-h:not([open])>tr.sc-smoothly-table-expandable-row>td.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>tr.sc-smoothly-table-expandable-row>td.sc-smoothly-table-expandable-row{position:relative}.sc-smoothly-table-expandable-row-h>tr>td.sc-smoothly-table-expandable-row-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-color));width:calc(100% + 3rem - 2px);left:calc(-1 * var(--expansion-width) + 1px);box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - 1px);border-bottom:1px solid rgb(var(--smoothly-color-shade))}.sc-smoothly-table-expandable-row-h>tr.spotlight>td.sc-smoothly-table-expandable-row-s>*{box-shadow:calc(var(--expansion-border-width)) 0px 0px 0px rgb(var(--smoothly-tertiary-color)) inset}.sc-smoothly-table-expandable-row-h>tr:not(.spotlight)>td.sc-smoothly-table-expandable-row-s>*{box-shadow:-1px 0 0 0 rgb(var(--smoothly-tertiary-color)), 1px 0 0 0 rgb(var(--smoothly-tertiary-color))}.sc-smoothly-table-expandable-row-h>tr>td.sc-smoothly-table-expandable-row-s>*::before{content:"";position:absolute;display:flex;top:0;bottom:0;left:-1px;width:calc(var(--expansion-width) + 1px);border-top:1px solid rgb(var(--smoothly-color-shade))}.sc-smoothly-table-expandable-row-h>tr>td.sc-smoothly-table-expandable-row-s>*::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:0;width:calc(var(--expansion-width) - 1px);border-top:1px solid rgb(var(--smoothly-color-shade));border-right:1px solid rgb(var(--smoothly-color-shade))}';const Ih=Eh;const Dh=class{constructor(t){e(this,t);this.smoothlyExpansionOpen=o(this,"smoothlyExpansionOpen",7);this.smoothlyExpandableChange=o(this,"smoothlyExpandableChange",7);this.smoothlyExpandableLoad=o(this,"smoothlyExpandableLoad",7);this.allowSpotlight=true;this.spotlight=true;this.open=undefined}handleSpotlight(){this.spotlight=this.open&&this.allowSpotlight}componentWillLoad(){this.smoothlyExpandableLoad.emit({allowSpotlight:e=>this.allowSpotlight=e})}handleTableLoaded(e){e.stopPropagation();e.detail(this.element)}render(){return t(s,{key:"72eed4b93b6c277768694525629650cf58360c1b"},t("div",{key:"ad58f1a4adbe0b7c13f800edcf918962b0f62f2c",onClick:()=>this.open=!this.open},t("slot",{key:"041017b3805f5b24b2d23a86ff64153910619766"})),t("tr",{key:"09fa747e1b8cd5ff85745cdfb427f0d59d144a35",class:{spotlight:this.spotlight}},t("td",{key:"cbcad01d1d61fb6728a6de163c282fb9ea706c47",colSpan:999},t("slot",{key:"54800fcfcd363b1d5ed2aa83c455ab320c016393",name:"detail"}))))}get element(){return a(this)}static get watchers(){return{open:["handleSpotlight"],allowSpotlight:["handleSpotlight"]}}};Dh.style=Ih;const Oh=".sc-smoothly-table-footer-h{display:table-footer-group;position:sticky;bottom:0;background-color:rgb(var(--smoothly-color));box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)),\n\t\tinset 0 1px 0 rgb(var(--smoothly-color-shade));line-height:2.5rem;font-weight:bold}";const Mh=Oh;const Rh=class{constructor(t){e(this,t)}render(){return t("slot",{key:"fac11042312f4905a3cad21586ae459ad1f88687"})}};Rh.style=Mh;const $h=".sc-smoothly-table-header-h{display:table-cell;line-height:2.5rem;border-top:1px solid rgb(var(--smoothly-color-shade));box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade));padding:0 .5rem;font-weight:bold}smoothly-table[align=bottom] .sc-smoothly-table-header-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-header-h{vertical-align:middle}smoothly-table[align=top] .sc-smoothly-table-header-h{vertical-align:top}";const Hh=$h;const Ph=class{constructor(t){e(this,t);this.name=undefined}render(){return t(s,{key:"499eae35d937a35ae7aaf2a291d12e06a80c90b7"},t("slot",{key:"3d017bec39b7d4abf77f3a6434e5bdf5c2f365d0"}))}};Ph.style=Hh;const Nh=".sc-smoothly-table-row-h{display:table-row-group;cursor:default;line-height:1.5rem}.hide.sc-smoothly-table-row{display:none}.sc-smoothly-table-row-h>div.sc-smoothly-table-row{display:contents}";const Fh=Nh;const Uh=class{constructor(t){e(this,t);this.expansions=[];this.open=false}onExpansionLoad(e){this.expansions.push(e.target)}onExpansionChange(){this.open=this.expansions.some((e=>e.open))}onExpansionOpen(e){var t;this.expansions.forEach((t=>{if(t!=e.target)t.open=false}));if(e.detail)(t=this.element)===null||t===void 0?void 0:t.after(e.detail)}render(){return t("div",{key:"20abebafde19dff2a974c52dbccb2021f9bf6f4b",ref:e=>this.element=e},t("slot",{key:"82f89ac76e1fb53a27d53adc6c181835bb1c3fb5"}))}};Uh.style=Fh;const Wh=[{type:"cat",name:"Lazie",age:3},{type:"dog",name:"Jessie",age:8},{type:"cat",name:"Snooz",age:5},{type:"bird",name:"Squeak",age:1},{type:"bird",name:"Quirk",age:2}];const Yh=".sc-smoothly-table-testing-h{width:100%;display:flex;justify-content:center}smoothly-table.sc-smoothly-table-testing{width:80%}.tableCell.sc-smoothly-table-testing{height:3rem;display:flex;align-items:center}.tableCell.sc-smoothly-table-testing>div.sc-smoothly-table-testing{margin-left:3rem;margin-right:3rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}td.sc-smoothly-table-testing>div.footer.sc-smoothly-table-testing{display:flex;padding-left:1.5em;flex-direction:row;gap:1em}";const Bh=Yh;const qh=class{constructor(t){e(this,t);this.counter=0}render(){return t(s,{key:"06485499d0604459ee6034f40c7308752d8daeb2"},t("smoothly-table",{key:"ecb7babf81b256723514ea7f881514df794bc6a5",color:"dark"},t("smoothly-table-row",{key:"9c165bc40d7b7814d5375bd4dde9967ae58b7aaf"},t("smoothly-table-header",{key:"5dce2c1e55e90000cd8bfd821555154b18cd4fd5"},"Type"),t("smoothly-table-header",{key:"c42dcf515a97a0b24232db1b2d74ad39d5dab2a8"},"Name"),t("smoothly-table-header",{key:"8ab79102ea3ee2a643584cd60d86554306104c06"},"Age")),Wh.map((e=>t("smoothly-table-expandable-row",null,t("smoothly-table-cell",null,e.type),t("smoothly-table-cell",null,e.name),t("smoothly-table-cell",null,e.age),t("smoothly-form",{slot:"detail",onSmoothlyFormSubmit:()=>this.counter++,looks:"line"},t("smoothly-input",{value:e.type},"Type"),t("smoothly-input",{value:e.name},"Name"),t("smoothly-input",null,e.age),t("smoothly-submit",{slot:"submit"},"Submit!"))))),Wh.map((e=>t("smoothly-table-row",null,t("smoothly-table-cell",null,e.type),t("smoothly-table-expandable-cell",null,e.name,t("smoothly-form",{slot:"detail",onSmoothlyFormSubmit:()=>this.counter++,looks:"line"},t("smoothly-input",{value:e.name},"Name"),t("smoothly-submit",{slot:"submit"},"Submit!"))),t("smoothly-table-expandable-cell",null,e.age,t("smoothly-form",{slot:"detail",onSmoothlyFormSubmit:()=>this.counter++,looks:"line"},t("smoothly-input",{value:e.type},"Type"),t("smoothly-input",{value:e.name},"Name"),t("smoothly-input",null,e.age),t("smoothly-submit",{slot:"submit"},"Submit!")))))),t("smoothly-table-footer",{key:"11fdd9946d67262fed5fe740555e96531fbaec01"},t("td",{key:"3f5a3b4123a83c4d5e611154c59f38748bbcfb54",colSpan:2},t("div",{key:"8608636e31abbc35e28a3e9df2cda6dcb8fe63c8",class:"footer"},"Currently viewing content from:",t("smoothly-display",{key:"7fbf6c29c92f11d114371ba95300a720e3492970",type:"date",value:"2023-10-12"}))),t("smoothly-table-header",{key:"8575e16ceda49f0ca0ad169be56cda2c82b84d2b"},"Total age: "+Wh.reduce(((e,t)=>e+t.age),0)))))}};qh.style=Bh;const Gh=".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 Kh=Gh;const Vh=class{constructor(t){e(this,t);this.color=undefined}render(){return t(s,{key:"e44ef386353a0aaa0ce8b8342bea09b6378c7af0"},this.color,["tint","color","shade"].map((e=>t("smoothly-theme-color-variant",{color:this.color,variant:e}))))}};Vh.style=Kh;const Xh=".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 Jh=Xh;const Zh=class{constructor(t){e(this,t);this.color=undefined;this.variant="color"}render(){return"Aa"}};Zh.style=Jh;const Qh=".sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1em;column-gap:1em;width:fit-content}";const eb=Qh;const tb=class{constructor(t){e(this,t)}render(){return["primary","secondary","tertiary","success","warning","danger","light","medium","dark","default"].map((e=>t("smoothly-theme-color",{color:e})))}};tb.style=eb;const ob="";const sb=ob;const ab=class{constructor(t){e(this,t);this.element="smoothly-css"}render(){return t(s,{key:"938fa3974386fb902a2b56dbb56a09218ed39179"},t("smoothly-input-select",{key:"b0ce4205f228d22f8052cda67e85aba532d11c18",name:"theme",onSmoothlyInput:e=>{const t=document.querySelector(`#${this.element}`);if(t instanceof HTMLLinkElement&&typeof e.detail.theme=="string")t.href=e.detail.theme}},t("slot",{key:"0d1ece6c204f67eb0e76f9cbf1f3cabb84dc9e22"})))}};ab.style=sb;const ib=".sc-smoothly-toggle-h{display:inline-block;border:none}.sc-smoothly-toggle-h>button.sc-smoothly-toggle{border:solid white 0.5px;display:flex;padding:0.6em;justify-content:center;font-size:110%;font-weight:400;color:rgb(var(--smoothly-default-tint));background-color:rgb(var(--smoothly-default-shade))}[shape=rounded].sc-smoothly-toggle-h{border-radius:0.6em}[shape=rounded].sc-smoothly-toggle-h>button.sc-smoothly-toggle{border-radius:0.5em}[selected].sc-smoothly-toggle-h>button.sc-smoothly-toggle{color:rgb(var(--smoothly-light-contrast))}.sc-smoothly-toggle-s>smoothly-icon{stroke:rgb(var(--smoothly-default-contrast));fill:rgb(var(--smoothly-default-contrast));font-size:110%}.sc-smoothly-toggle-h:not([selected])>.sc-smoothly-toggle-s>smoothly-icon{color:rgb(var(--smoothly-default-tint));fill:rgb(var(--smoothly-default-tint))}[disabled].sc-smoothly-toggle-h{opacity:0.5;pointer-events:none}";const lb=ib;const nb=class{constructor(t){e(this,t);this.selected=false;this.shape=undefined;this.disabled=false;this.name=undefined;this.value=undefined}onClick(e){this.selected=!this.selected}render(){return t("button",{key:"f8154d078ff31d4601fd60d47ce2552ea182a44a"},t("slot",{key:"8d53f76bf05a7dae7bb95db1dac67cb0c35c2b30",name:"icon-slot"}),t("slot",{key:"ed945bc99adc4812538f1bd14625732b15683d8b"},this.name))}};nb.style=lb;const cb=":host{display:block;margin:1em 0;width:3.6em;height:1.8em}:host>button{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;border:none;border-radius:3em;background-color:rgb(var(--smoothly-light-tint))}:host>button:hover{background-color:rgb(var(--smoothly-light-color))}:host>button>smoothly-icon{display:flex;justify-content:flex-start;align-items:center;position:absolute;left:0;fill:rgb(var(--smoothly-color));stroke:rgb(var(--smoothly-color));font-size:1.2em;transition:100ms ease-in-out}:host[checkmark]>button>smoothly-icon{fill:rgb(var(--smoothly-success-color));stroke:rgb(var(--smoothly-success-color))}:host([selected][checkmark])>button{background-color:rgb(var(--smoothly-success-color))}:host([selected])>button>smoothly-icon{transform:translateX(100%)}:host([size=small]){width:3.05em;height:1.5em}:host([size=large]){width:5.2em;height:2.5em}:host([size=small])>button>smoothly-icon{font-size:1em}:host([size=large])>button>smoothly-icon{font-size:1.75em}";const rb=cb;const db=class{constructor(t){e(this,t);this.smoothlyToggleSwitchChange=o(this,"smoothlyToggleSwitchChange",7);this.checkmark=true;this.selected=false;this.disabled=false;this.size="default";this.color=undefined;this.fill="clear"}handleClick(){this.selected=!this.selected;this.smoothlyToggleSwitchChange.emit(this.selected)}render(){return t(s,{key:"f68861e3293d8ed517645f1d28317b8ab090ff30"},t("button",{key:"78ba1c5911bada37f754375ce6ae8308dbe9bceb",disabled:this.disabled,onClick:()=>this.handleClick()},t("smoothly-icon",{key:"fb107b1ddc7240695607e158ebcf24da7f0e929c",color:this.color,name:!this.checkmark?"ellipse":this.selected?"checkmark-circle":"close-circle",fill:"clear",class:{selected:this.selected}})))}};db.style=rb;const hb=".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 bb=hb;const fb=class{constructor(t){e(this,t);this.trigger=o(this,"trigger",7);this.color=undefined;this.fill=undefined;this.disabled=false;this.type="button";this.name=undefined;this.value=undefined}onClick(e){this.trigger.emit({name:this.name,value:this.value});e.stopPropagation();e.preventDefault()}render(){let e;switch(this.type){case"link":e=this.disabled?t("slot",null):t("a",{onClick:e=>this.onClick(e)},t("slot",null));break;case"button":e=t("button",{key:"66f4a6a2cd9586aea5227d8191f9a4b2854cf7d4",disabled:this.disabled,name:this.name},t("slot",{key:"ced70bab5fe9633a4eb866208d223d10dc35ee9f"}));break}return e}};fb.style=bb;const mb=class{constructor(t){e(this,t);this.tuple=undefined}render(){return[t("b",{key:"2c74fbe58324377f47831c3b718a4112d618d66b"},this.tuple[0]),": ",this.tuple[1],t("br",{key:"2b4cb9b7a12252cc492f69bd090b9e187db940f7"})]}};const yb=class{constructor(t){e(this,t);this.data=undefined}render(){return this.data.split("&").map((e=>e.split("="))).map((e=>t("smoothly-tuple",{tuple:e})))}};export{E as smoothly_app,I as smoothly_app_demo,Ee as smoothly_app_room,Oe as smoothly_back_to_top,$e as smoothly_burger,We as smoothly_button,qe as smoothly_button_confirm,Ve as smoothly_button_demo,ot as smoothly_calendar,it as smoothly_dialog,lt as smoothly_dialog_demo,Xt as smoothly_display,eo as smoothly_display_amount,to as smoothly_display_demo,$l as smoothly_filter,Nl as smoothly_filter_field,Wl as smoothly_filter_input,ql as smoothly_filter_picker,Vl as smoothly_filter_toggle,Gn as smoothly_form,Xn as smoothly_frame,Qn as smoothly_icon,oc as smoothly_icon_demo,ic as smoothly_input,rc as smoothly_input_checkbox,bc as smoothly_input_clear,yc as smoothly_input_color,gc as smoothly_input_date,wc as smoothly_input_date_range,Cc as smoothly_input_demo,Lc as smoothly_input_demo_controlled_form,Ac as smoothly_input_edit,Dc as smoothly_input_file,Rc as smoothly_input_month,Pc as smoothly_input_radio,Uc as smoothly_input_radio_item,Bc as smoothly_input_range,Kc as smoothly_input_reset,Zc as smoothly_input_select,or as smoothly_input_submit,ir as smoothly_item,cr as smoothly_label,hr as smoothly_lazy,mr as smoothly_load_more,pr as smoothly_next_demo,vr as smoothly_next_demo_colspan,Sr as smoothly_next_demo_group,Lr as smoothly_next_demo_nested,Ar as smoothly_next_demo_nested_inner,Dr as smoothly_next_demo_simple,$r as smoothly_next_table,Nr as smoothly_next_table_body,Wr as smoothly_next_table_cell,qr as smoothly_next_table_expandable_cell,Vr as smoothly_next_table_expandable_row,Zr as smoothly_next_table_foot,td as smoothly_next_table_head,ad as smoothly_next_table_row,nd as smoothly_next_table_row_group,dd as smoothly_notification,fd as smoothly_notifier,ud as smoothly_picker,vd as smoothly_picker_demo,Ld as smoothly_picker_menu,Ed as smoothly_picker_option,Od as smoothly_popup,$d as smoothly_quiet,Nd as smoothly_select_demo,Wd as smoothly_skeleton,qd as smoothly_slot_elements,Vd as smoothly_slotted_elements,Zd as smoothly_spinner,th as smoothly_submit,ah as smoothly_summary,nh as smoothly_tab,dh as smoothly_tab_switch,fh as smoothly_table,uh as smoothly_table_cell,kh as smoothly_table_demo,_h as smoothly_table_demo_filtered,Ah as smoothly_table_expandable_cell,Dh as smoothly_table_expandable_row,Rh as smoothly_table_footer,Ph as smoothly_table_header,Uh as smoothly_table_row,qh as smoothly_table_testing,Vh as smoothly_theme_color,Zh as smoothly_theme_color_variant,tb as smoothly_theme_colors,ab as smoothly_theme_picker,nb as smoothly_toggle,db as smoothly_toggle_switch,fb as smoothly_trigger,mb as smoothly_tuple,yb as smoothly_urlencoded};
2
+ //# sourceMappingURL=p-68f169b6.entry.js.map