smoothly 1.112.0 → 1.114.0

package/dist/smoothly/p-e7c5888e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o,H as s,g as a,F as i}from"./p-CdFSoe1d.js";import{b as l,S as n,C as r,F as c,I as h,T as d,o as m,i as y,c as b,s as u,D as p,f,R as g,n as k,M as v}from"./p-B1D3P7eJ.js";import{B as w,S as x}from"./p-rhMhTGHt.js";import{i as C}from"./p-BVKhAhsB.js";import{N as S}from"./p-C6lWCoIT.js";import"./p-D0tCcwtl.js";function z(t){return new I("any")}class I extends l{class="any";is=t=>t!=undefined}function T(){const t=navigator.language;return C.Locale.is(t)?t:C.Language.is(t)?C.Locale.toLocale(t):undefined}const D=()=>`smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header:has(smoothly-burger)>nav>ul smoothly-app-room{width:100%;height:4em}smoothly-app>smoothly-notifier>header{position:sticky;top:0;z-index:20;width:100%;height:var(--header-height);display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}smoothly-app>smoothly-notifier>header>nav{width:100%;flex-shrink:2;height:100%}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{display:flex;margin:0}smoothly-app:not([label])>smoothly-notifier>header>h1{display:none}smoothly-app>smoothly-notifier>header>h1{margin-left:1rem;margin-bottom:0.8em;display:flex;height:100%}smoothly-app>smoothly-notifier>header>h1>a{display:inline-block;align-self:center;size:100%;background-position-y:center;text-decoration:none;white-space:nowrap}smoothly-app>smoothly-notifier>header>nav>ul{width:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container{display:flex;align-items:center;height:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{display:flex;align-items:center;height:100%;margin-left:auto;margin-right:1rem}smoothly-app>smoothly-notifier>header>nav>ul>[slot="nav-end"]{width:fit-content;align-self:center;height:fit-content;margin-left:10rem}smoothly-app>smoothly-notifier>header>nav>ul li a{display:flex;height:2.3rem;text-decoration:none;align-items:center;align-self:center}smoothly-app.smoothly-mobile-mode:not([menu-open])>smoothly-notifier>header>nav{display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav{width:fit-content;max-width:100%;top:100%;position:absolute;max-height:calc(100dvh - var(--header-height));overflow-y:scroll;right:0;height:auto}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{flex-direction:column;background-color:rgba(var(--smoothly-color))}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{padding:1.5rem;box-sizing:border-box}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul li{margin-right:0;width:100%}smoothly-app:not(.smoothly-mobile-mode)>smoothly-notifier>header>smoothly-burger{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>smoothly-burger{position:absolute;top:0;right:0}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>[slot="nav-start"]{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-end-container{flex-direction:column;margin:0;align-items:start;justify-content:center}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}`;const j=class{constructor(o){t(this,o);this.smoothlyUrlChange=e(this,"smoothlyUrlChange");this.menuOpen=false;this.navBreakpoint="48rem";this.mobileMode=false;this.rooms={}}componentWillLoad(){const t=window.matchMedia(`(max-width: ${this.navBreakpoint})`);this.mobileMode=t.matches;t.addEventListener("change",(t=>this.updateMobileMode(t.matches)))}componentDidLoad(){this.updateMobileMode(this.mobileMode)}updateMobileMode(t){this.mobileMode=t;Object.values(this.rooms).forEach((e=>e===null||e===void 0?void 0:e.element.setMobileMode(t)));if(!t){this.menuOpen=false}}async componentDidRender(){var t;if(!this.selected&&!window.location.search){(t=this.home&&this.rooms[this.home]?this.rooms[this.home]:Object.values(this.rooms).find((t=>!(t===null||t===void 0?void 0:t.element.disabled))))===null||t===void 0?void 0:t.element.setSelected(true)}}async selectRoom(t){var e;(e=this.rooms[t])===null||e===void 0?void 0:e.element.setSelected(true)}async selectedChanged(){var t;Object.values(this.rooms).forEach((t=>{var e;return(t===null||t===void 0?void 0:t.element.path)!=((e=this.selected)===null||e===void 0?void 0:e.element.path)&&(t===null||t===void 0?void 0:t.element.setSelected(false))}));const e=await((t=this.selected)===null||t===void 0?void 0:t.element.getContent());requestAnimationFrame((()=>{if(this.mainElement&&e){this.mainElement.replaceChildren(e)}}))}async locationChangeHandler(t){var e;(e=this.rooms[t.state.smoothlyPath])===null||e===void 0?void 0:e.element.setSelected(true,{history:true});this.smoothlyUrlChange.emit(window.location.href)}roomSelectedHandler(t){this.selected={element:t.target};if(this.mobileMode){this.menuOpen=false}if(!t.detail.history){const e=this.selected.element.path.toString();const o=new URL(window.location.pathname==e?window.location.href:window.location.origin);o.pathname=e;o.search=t.detail.query?`?${t.detail.query}`:"";window.history.pushState({smoothlyPath:e,smoothlyQuery:t.detail.query||""},"",o.href)}}roomLoadedHandler(t){const e=this.rooms[t.target.path.toString()]={element:t.target};if(e.element.selected){this.selected=e}}clickHandler(t){if(this.mobileMode&&!t.composedPath().some((t=>t==this.burgerElement||t==this.navElement))){this.menuOpen=false}}render(){return o(s,{key:"c0204db44c75c6235d5eb2adc776112372989a13",class:{"smoothly-mobile-mode":this.mobileMode}},o("smoothly-notifier",{key:"2c9ff0711219189499cbe1cb6f37e41715f4234a"},o("header",{key:"25b6ac0023b7ff634d315627297f1968fe78d199",color:this.color},o("h1",{key:"cb52ccc4d73bee709c95597b08c7260c28c116c0"},o("a",{key:"9db53cc3d88d3bb2c557dddc306adda2b9c1bb57",href:""},this.label)),o("slot",{key:"d8f71e17edf3b65d4579386004666b4b7d8655f7",name:"header"}),o("nav",{key:"71416658d3fd7578d1e9911355efe8250b7f1b73",ref:t=>this.navElement=t},o("ul",{key:"79dae2e8b641e4d4fcb13245fa647d3b4fcbdea7"},o("div",{key:"4f85e34495814cf144eb1b39b4b0f5a07807ee51",class:"nav-start-container"},o("slot",{key:"06f4ce02a90619d13ea21d6564f5434233346c06",name:"nav-start"})),o("slot",{key:"f261dcbcd2781b0c6d6f499bd559763bc7172742"}),o("div",{key:"ed668608a800ef08363b9ae239a392dfd515f49a",class:"nav-end-container"},o("slot",{key:"c5d11b8ac9b158ca030df27ff345c82979cb6ae5",name:"nav-end"})))),o("smoothly-burger",{key:"ce9f13229cc55cc95e5bc9bacc4c692febd15ec4",ref:t=>this.burgerElement=t,open:this.menuOpen,onSmoothlyNavStatus:t=>(t.stopPropagation(),this.menuOpen=t.detail)})),o("main",{key:"62e5ea6a00dbbc910f8c2682b55727487202b248",ref:t=>this.mainElement=t})))}static get watchers(){return{selected:[{selectedChanged:0}]}}};j.style=D();const L=class{constructor(e){t(this,e)}urlChangeHandler(t){console.log("smoothlyUrlChange",t.detail)}render(){return o("smoothly-app",{key:"86d6cc67b58d8c7c04b9fd7e33891dfacb529943",color:"dark",label:"Smoothly Demo",home:"/root",ref:t=>this.app=t},o("smoothly-app-room",{key:"7012500cb2629c53e1156372722e8ef2b6d047eb",path:"/"},o("section",{key:"759dafafbd63e7fff5bf0acd0502e8eec36e8c64",style:{padding:"1em",maxWidth:"32em",margin:"0 auto"}},o("header",{key:"0ed18baa408a674f906abc32425ce6037662a476"},o("h1",{key:"22cb0dc61fece9d2d7acae6a55db19ccc57261df"},"Welcome")),o("p",{key:"d914f970b834d217cd2dfd7d2d05cd0c4b5dcb65"},"Smoothly is a component library written in ",o("a",{key:"3626d6388b49307f475e4071ef114039dcb51f60",href:"http://stenciljs.com"},"Stencil"),". It can therefore be used across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML."),o("p",{key:"319549bf6b8cca5d5f9042b1f74c29e884545a59"},"This is particularly useful when trying to unifying the user experience across projects written in different technology stacks. It is also written to minimize the amount of code you need to write to achieve a nice user experience."))),o("smoothly-app-room",{key:"4c752059c00ad39c3bee1d36bdac99bfad027f5f",path:"/form",label:"Forms",content:o("smoothly-form-demo",null)}),o("smoothly-app-room",{key:"02b7dd008a64194f348bfb0679217ebbea05fac9",path:"/input",label:"Inputs",content:o("smoothly-input-demo",null)}),o("smoothly-app-room",{key:"41c7489608d0da9a8d4a2ab9b1a56c425cc36f21",path:"/table",label:"Tables",content:o("smoothly-table-demo",null)}),o("smoothly-app-room",{key:"b10b3c95084e9f27a6ebeaf5170bb10be8226c87",path:"/button",label:"Buttons",content:o("smoothly-button-demo",null)}),o("smoothly-app-room",{key:"f20620084dd779b954fa440b559db2bdccf0b3a3",path:"/icon",label:"Icons",content:o("smoothly-icon-demo",null)}),o("smoothly-app-room",{key:"5078c24c13064315cf8f761809e60cdfc1734c41",path:"/theme",label:"Theming",content:o("smoothly-theme-demo",null)}),o("smoothly-app-room",{key:"1a215800a294196d53fca85834aac7fea5990e70",path:"/dialog",label:"Dialogs",content:o("smoothly-dialog-demo",null),slot:"nav-end"}),o("smoothly-app-room",{key:"c43bd3e6cdd99d7c481c041d85cdc09abf6777e1",path:"/display",label:"Display",content:o("smoothly-display-demo",null),slot:"nav-end"}),o("smoothly-app-room",{key:"bec674db3cafd8d778f8d7baaa8036ff80c72d5e",path:"/tabs",label:"Tabs",slot:"nav-end"},o("smoothly-tabs-demo",{key:"b6a5e71af63d597edc737c03feacbd05c302ebd1"})),o("smoothly-app-room",{key:"7045bdab3e9f1b9e312c99c51efa7700650d868b",path:"/links",label:"Links",slot:"nav-end"},o("smoothly-input",{key:"bd683968e82f931896daa95af86c0219f147eb40",type:"text"},"Default"),o("div",{key:"75e8b55879905603512fc4d5fe53e3c09a5782d0",style:{padding:"1em",maxWidth:"12em"}},o("smoothly-button",{key:"869802d20dddc052fdfa6e537e641dc48c399117",fill:"solid",color:"danger",link:"https://google.com"},"open"),o("smoothly-button",{key:"e0018a3f508970db339bb3b235e31a65aba2757e",fill:"solid",color:"danger",link:"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",type:"download"},"download"),o("smoothly-button",{key:"7ab52ab0a4f39e20b2e2f26f46c0f8997d57729c",fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),o("smoothly-button",{key:"4824113cd8ce8a18c90c825b8a9b761cb8755b05",disabled:true,fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),o("smoothly-button",{key:"9e49688ab7dd80739746f71e3cab6ef83db80ae7",type:"link",fill:"clear",color:"danger",onClick:()=>alert("clicked")},"action link"))),o("smoothly-app-room",{key:"fa1c5ae55b117380e63b5a770efe06c6df055378",path:"/redirect",label:"Redirect",slot:"nav-end"},o("smoothly-button",{key:"f47bd47275bd85a8e8f3e79e8c934e7927f36890",type:"link",link:"/input"},"To input"),o("smoothly-button",{key:"e24f908b0515b8219dce4d44bb2dd6b2c7f39584",type:"link",link:"../button"},"To button"),o("smoothly-button",{key:"85835e7ebef099c646ca28af45d5827913872853",type:"link",link:new URL("/hidden",window.location.origin).href},"To hidden"),o("smoothly-button",{key:"b74f97297768504a5b4f0cace60acb1d48991633",type:"link",link:"/redirect"},"To redirect"),o("smoothly-button",{key:"cc1cc9fce70b0f47fe652ae60d674fa6707be2cd",type:"link",link:"nested"},"To redirect nested, relative path")),o("smoothly-app-room",{key:"17f2026f91be5f73266c141809bc31521d0acca9",path:"/hidden"},o("p",{key:"3bbd16511c586b7387f4c7a5152131f5aa5a4cdf"},"hello world!")),o("smoothly-app-room",{key:"2635c8a84e6909d055d7c53216cb72aed69fbeab",path:"/redirect/nested"},"this is a nested room"))}};var _=class{constructor(t,e,o,s,a,i){this.type=3;this.name="";this.prefix="";this.value="";this.suffix="";this.modifier=3;this.type=t;this.name=e;this.prefix=o;this.value=s;this.suffix=a;this.modifier=i}hasCustomName(){return this.name!==""&&typeof this.name!=="number"}};var R=/[$_\p{ID_Start}]/u;var A=/[$_\u200C\u200D\p{ID_Continue}]/u;var $=".*";function M(t,e){return/^[\x00-\x7F]*$/.test(t)}function E(t,e=false){const o=[];let s=0;while(s<t.length){const a=t[s];const i=function(a){if(!e)throw new TypeError(a);o.push({type:"INVALID_CHAR",index:s,value:t[s++]})};if(a==="*"){o.push({type:"ASTERISK",index:s,value:t[s++]});continue}if(a==="+"||a==="?"){o.push({type:"OTHER_MODIFIER",index:s,value:t[s++]});continue}if(a==="\\"){o.push({type:"ESCAPED_CHAR",index:s++,value:t[s++]});continue}if(a==="{"){o.push({type:"OPEN",index:s,value:t[s++]});continue}if(a==="}"){o.push({type:"CLOSE",index:s,value:t[s++]});continue}if(a===":"){let e="";let a=s+1;while(a<t.length){const o=t.substr(a,1);if(a===s+1&&R.test(o)||a!==s+1&&A.test(o)){e+=t[a++];continue}break}if(!e){i(`Missing parameter name at ${s}`);continue}o.push({type:"NAME",index:s,value:e});s=a;continue}if(a==="("){let e=1;let a="";let l=s+1;let n=false;if(t[l]==="?"){i(`Pattern cannot start with "?" at ${l}`);continue}while(l<t.length){if(!M(t[l])){i(`Invalid character '${t[l]}' at ${l}.`);n=true;break}if(t[l]==="\\"){a+=t[l++]+t[l++];continue}if(t[l]===")"){e--;if(e===0){l++;break}}else if(t[l]==="("){e++;if(t[l+1]!=="?"){i(`Capturing groups are not allowed at ${l}`);n=true;break}}a+=t[l++]}if(n){continue}if(e){i(`Unbalanced pattern at ${s}`);continue}if(!a){i(`Missing pattern at ${s}`);continue}o.push({type:"REGEX",index:s,value:a});s=l;continue}o.push({type:"CHAR",index:s,value:t[s++]})}o.push({type:"END",index:s,value:""});return o}function O(t,e={}){const o=E(t);e.delimiter??(e.delimiter="/#?");e.prefixes??(e.prefixes="./");const s=`[^${P(e.delimiter)}]+?`;const a=[];let i=0;let l=0;let n=new Set;const r=t=>{if(l<o.length&&o[l].type===t)return o[l++].value};const c=()=>r("OTHER_MODIFIER")??r("ASTERISK");const h=t=>{const e=r(t);if(e!==void 0)return e;const{type:s,index:a}=o[l];throw new TypeError(`Unexpected ${s} at ${a}, expected ${t}`)};const d=()=>{let t="";let e;while(e=r("CHAR")??r("ESCAPED_CHAR")){t+=e}return t};const m=t=>t;const y=e.encodePart||m;let b="";const u=t=>{b+=t};const p=()=>{if(!b.length){return}a.push(new _(3,"","",y(b),"",3));b=""};const f=(t,e,o,l,r)=>{let c=3;switch(r){case"?":c=1;break;case"*":c=0;break;case"+":c=2;break}if(!e&&!o&&c===3){u(t);return}p();if(!e&&!o){if(!t){return}a.push(new _(3,"","",y(t),"",c));return}let h;if(!o){h=s}else if(o==="*"){h=$}else{h=o}let d=2;if(h===s){d=1;h=""}else if(h===$){d=0;h=""}let m;if(e){m=e}else if(o){m=i++}if(n.has(m)){throw new TypeError(`Duplicate name '${m}'.`)}n.add(m);a.push(new _(d,m,y(t),h,y(l),c))};while(l<o.length){const t=r("CHAR");const o=r("NAME");let s=r("REGEX");if(!o&&!s){s=r("ASTERISK")}if(o||s){let a=t??"";if(e.prefixes.indexOf(a)===-1){u(a);a=""}p();let i=c();f(a,o,s,"",i);continue}const a=t??r("ESCAPED_CHAR");if(a){u(a);continue}const i=r("OPEN");if(i){const t=d();const e=r("NAME");let o=r("REGEX");if(!e&&!o){o=r("ASTERISK")}const s=d();h("CLOSE");const a=c();f(t,e,o,s,a);continue}p();h("END")}return a}function P(t){return t.replace(/([.+*?^${}()[\]|/\\])/g,"\\$1")}function H(t){return t&&t.ignoreCase?"ui":"u"}function F(t,e,o){return N(O(t,o),e,o)}function U(t){switch(t){case 0:return"*";case 1:return"?";case 2:return"+";case 3:return""}}function N(t,e,o={}){o.delimiter??(o.delimiter="/#?");o.prefixes??(o.prefixes="./");o.sensitive??(o.sensitive=false);o.strict??(o.strict=false);o.end??(o.end=true);o.start??(o.start=true);o.endsWith="";let s=o.start?"^":"";for(const a of t){if(a.type===3){if(a.modifier===3){s+=P(a.value)}else{s+=`(?:${P(a.value)})${U(a.modifier)}`}continue}if(e)e.push(a.name);const t=`[^${P(o.delimiter)}]+?`;let i=a.value;if(a.type===1)i=t;else if(a.type===0)i=$;if(!a.prefix.length&&!a.suffix.length){if(a.modifier===3||a.modifier===1){s+=`(${i})${U(a.modifier)}`}else{s+=`((?:${i})${U(a.modifier)})`}continue}if(a.modifier===3||a.modifier===1){s+=`(?:${P(a.prefix)}(${i})${P(a.suffix)})`;s+=U(a.modifier);continue}s+=`(?:${P(a.prefix)}`;s+=`((?:${i})(?:`;s+=P(a.suffix);s+=P(a.prefix);s+=`(?:${i}))*)${P(a.suffix)})`;if(a.modifier===0){s+="?"}}const a=`[${P(o.endsWith)}]|$`;const i=`[${P(o.delimiter)}]`;if(o.end){if(!o.strict){s+=`${i}?`}if(!o.endsWith.length){s+="$"}else{s+=`(?=${a})`}return new RegExp(s,H(o))}if(!o.strict){s+=`(?:${i}(?=${a}))?`}let l=false;if(t.length){const e=t[t.length-1];if(e.type===3&&e.modifier===3){l=o.delimiter.indexOf(e)>-1}}if(!l){s+=`(?=${i}|${a})`}return new RegExp(s,H(o))}var Y={delimiter:"",prefixes:"",sensitive:true,strict:true};var W={delimiter:".",prefixes:"",sensitive:true,strict:true};var B={delimiter:"/",prefixes:"/",sensitive:true,strict:true};function V(t,e){if(!t.length){return false}if(t[0]==="/"){return true}if(!e){return false}if(t.length<2){return false}if((t[0]=="\\"||t[0]=="{")&&t[1]=="/"){return true}return false}function G(t,e){if(t.startsWith(e)){return t.substring(e.length,t.length)}return t}function K(t,e){if(t.endsWith(e)){return t.substr(0,t.length-e.length)}return t}function q(t){if(!t||t.length<2){return false}if(t[0]==="["){return true}if((t[0]==="\\"||t[0]==="{")&&t[1]==="["){return true}return false}var Z=["ftp","file","http","https","ws","wss"];function J(t){if(!t){return true}for(const e of Z){if(t.test(e)){return true}}return false}function X(t,e){t=G(t,"#");if(e||t===""){return t}const o=new URL("https://example.com");o.hash=t;return o.hash?o.hash.substring(1,o.hash.length):""}function Q(t,e){t=G(t,"?");if(e||t===""){return t}const o=new URL("https://example.com");o.search=t;return o.search?o.search.substring(1,o.search.length):""}function tt(t,e){if(e||t===""){return t}if(q(t)){return dt(t)}else{return ht(t)}}function et(t,e){if(e||t===""){return t}const o=new URL("https://example.com");o.password=t;return o.password}function ot(t,e){if(e||t===""){return t}const o=new URL("https://example.com");o.username=t;return o.username}function st(t,e,o){if(o||t===""){return t}if(e&&!Z.includes(e)){const o=new URL(`${e}:${t}`);return o.pathname}const s=t[0]=="/";t=new URL(!s?"/-"+t:t,"https://example.com").pathname;if(!s){t=t.substring(2,t.length)}return t}function at(t,e,o){if(lt(e)===t){t=""}if(o||t===""){return t}return mt(t)}function it(t,e){t=K(t,":");if(e||t===""){return t}return nt(t)}function lt(t){switch(t){case"ws":case"http":return"80";case"wws":case"https":return"443";case"ftp":return"21";default:return""}}function nt(t){if(t===""){return t}if(/^[-+.A-Za-z0-9]*$/.test(t))return t.toLowerCase();throw new TypeError(`Invalid protocol '${t}'.`)}function rt(t){if(t===""){return t}const e=new URL("https://example.com");e.username=t;return e.username}function ct(t){if(t===""){return t}const e=new URL("https://example.com");e.password=t;return e.password}function ht(t){if(t===""){return t}if(/[\t\n\r #%/:<>?@[\]^\\|]/g.test(t)){throw new TypeError(`Invalid hostname '${t}'`)}const e=new URL("https://example.com");e.hostname=t;return e.hostname}function dt(t){if(t===""){return t}if(/[^0-9a-fA-F[\]:]/g.test(t)){throw new TypeError(`Invalid IPv6 hostname '${t}'`)}return t.toLowerCase()}function mt(t){if(t===""){return t}if(/^[0-9]*$/.test(t)&&parseInt(t)<=65535){return t}throw new TypeError(`Invalid port '${t}'.`)}function yt(t){if(t===""){return t}const e=new URL("https://example.com");e.pathname=t[0]!=="/"?"/-"+t:t;if(t[0]!=="/"){return e.pathname.substring(2,e.pathname.length)}return e.pathname}function bt(t){if(t===""){return t}const e=new URL(`data:${t}`);return e.pathname}function ut(t){if(t===""){return t}const e=new URL("https://example.com");e.search=t;return e.search.substring(1,e.search.length)}function pt(t){if(t===""){return t}const e=new URL("https://example.com");e.hash=t;return e.hash.substring(1,e.hash.length)}var ft=class{constructor(t){this.tokenList=[];this.internalResult={};this.tokenIndex=0;this.tokenIncrement=1;this.componentStart=0;this.state=0;this.groupDepth=0;this.hostnameIPv6BracketDepth=0;this.shouldTreatAsStandardURL=false;this.input=t}get result(){return this.internalResult}parse(){this.tokenList=E(this.input,true);for(;this.tokenIndex<this.tokenList.length;this.tokenIndex+=this.tokenIncrement){this.tokenIncrement=1;if(this.tokenList[this.tokenIndex].type==="END"){if(this.state===0){this.rewind();if(this.isHashPrefix()){this.changeState(9,1)}else if(this.isSearchPrefix()){this.changeState(8,1);this.internalResult.hash=""}else{this.changeState(7,0);this.internalResult.search="";this.internalResult.hash=""}continue}else if(this.state===2){this.rewindAndSetState(5);continue}this.changeState(10,0);break}if(this.groupDepth>0){if(this.isGroupClose()){this.groupDepth-=1}else{continue}}if(this.isGroupOpen()){this.groupDepth+=1;continue}switch(this.state){case 0:if(this.isProtocolSuffix()){this.internalResult.username="";this.internalResult.password="";this.internalResult.hostname="";this.internalResult.port="";this.internalResult.pathname="";this.internalResult.search="";this.internalResult.hash="";this.rewindAndSetState(1)}break;case 1:if(this.isProtocolSuffix()){this.computeShouldTreatAsStandardURL();let t=7;let e=1;if(this.shouldTreatAsStandardURL){this.internalResult.pathname="/"}if(this.nextIsAuthoritySlashes()){t=2;e=3}else if(this.shouldTreatAsStandardURL){t=2}this.changeState(t,e)}break;case 2:if(this.isIdentityTerminator()){this.rewindAndSetState(3)}else if(this.isPathnameStart()||this.isSearchPrefix()||this.isHashPrefix()){this.rewindAndSetState(5)}break;case 3:if(this.isPasswordPrefix()){this.changeState(4,1)}else if(this.isIdentityTerminator()){this.changeState(5,1)}break;case 4:if(this.isIdentityTerminator()){this.changeState(5,1)}break;case 5:if(this.isIPv6Open()){this.hostnameIPv6BracketDepth+=1}else if(this.isIPv6Close()){this.hostnameIPv6BracketDepth-=1}if(this.isPortPrefix()&&!this.hostnameIPv6BracketDepth){this.changeState(6,1)}else if(this.isPathnameStart()){this.changeState(7,0)}else if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 6:if(this.isPathnameStart()){this.changeState(7,0)}else if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 7:if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 8:if(this.isHashPrefix()){this.changeState(9,1)}break}}}changeState(t,e){switch(this.state){case 0:break;case 1:this.internalResult.protocol=this.makeComponentString();break;case 2:break;case 3:this.internalResult.username=this.makeComponentString();break;case 4:this.internalResult.password=this.makeComponentString();break;case 5:this.internalResult.hostname=this.makeComponentString();break;case 6:this.internalResult.port=this.makeComponentString();break;case 7:this.internalResult.pathname=this.makeComponentString();break;case 8:this.internalResult.search=this.makeComponentString();break;case 9:this.internalResult.hash=this.makeComponentString();break}this.changeStateWithoutSettingComponent(t,e)}changeStateWithoutSettingComponent(t,e){this.state=t;this.componentStart=this.tokenIndex+e;this.tokenIndex+=e;this.tokenIncrement=0}rewind(){this.tokenIndex=this.componentStart;this.tokenIncrement=0}rewindAndSetState(t){this.rewind();this.state=t}safeToken(t){if(t<0){t=this.tokenList.length-t}if(t<this.tokenList.length){return this.tokenList[t]}return this.tokenList[this.tokenList.length-1]}isNonSpecialPatternChar(t,e){const o=this.safeToken(t);return o.value===e&&(o.type==="CHAR"||o.type==="ESCAPED_CHAR"||o.type==="INVALID_CHAR")}isProtocolSuffix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}nextIsAuthoritySlashes(){return this.isNonSpecialPatternChar(this.tokenIndex+1,"/")&&this.isNonSpecialPatternChar(this.tokenIndex+2,"/")}isIdentityTerminator(){return this.isNonSpecialPatternChar(this.tokenIndex,"@")}isPasswordPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}isPortPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}isPathnameStart(){return this.isNonSpecialPatternChar(this.tokenIndex,"/")}isSearchPrefix(){if(this.isNonSpecialPatternChar(this.tokenIndex,"?")){return true}if(this.tokenList[this.tokenIndex].value!=="?"){return false}const t=this.safeToken(this.tokenIndex-1);return t.type!=="NAME"&&t.type!=="REGEX"&&t.type!=="CLOSE"&&t.type!=="ASTERISK"}isHashPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,"#")}isGroupOpen(){return this.tokenList[this.tokenIndex].type=="OPEN"}isGroupClose(){return this.tokenList[this.tokenIndex].type=="CLOSE"}isIPv6Open(){return this.isNonSpecialPatternChar(this.tokenIndex,"[")}isIPv6Close(){return this.isNonSpecialPatternChar(this.tokenIndex,"]")}makeComponentString(){const t=this.tokenList[this.tokenIndex];const e=this.safeToken(this.componentStart).index;return this.input.substring(e,t.index)}computeShouldTreatAsStandardURL(){const t={};Object.assign(t,Y);t.encodePart=nt;const e=F(this.makeComponentString(),void 0,t);this.shouldTreatAsStandardURL=J(e)}};var gt=["protocol","username","password","hostname","port","pathname","search","hash"];var kt="*";function vt(t,e){if(typeof t!=="string"){throw new TypeError(`parameter 1 is not of type 'string'.`)}const o=new URL(t,e);return{protocol:o.protocol.substring(0,o.protocol.length-1),username:o.username,password:o.password,hostname:o.hostname,port:o.port,pathname:o.pathname,search:o.search!==""?o.search.substring(1,o.search.length):void 0,hash:o.hash!==""?o.hash.substring(1,o.hash.length):void 0}}function wt(t,e){if(!e){return t}return Ct(t)}function xt(t,e,o){let s;if(typeof e.baseURL==="string"){try{s=new URL(e.baseURL);t.protocol=wt(s.protocol.substring(0,s.protocol.length-1),o);t.username=wt(s.username,o);t.password=wt(s.password,o);t.hostname=wt(s.hostname,o);t.port=wt(s.port,o);t.pathname=wt(s.pathname,o);t.search=wt(s.search.substring(1,s.search.length),o);t.hash=wt(s.hash.substring(1,s.hash.length),o)}catch{throw new TypeError(`invalid baseURL '${e.baseURL}'.`)}}if(typeof e.protocol==="string"){t.protocol=it(e.protocol,o)}if(typeof e.username==="string"){t.username=ot(e.username,o)}if(typeof e.password==="string"){t.password=et(e.password,o)}if(typeof e.hostname==="string"){t.hostname=tt(e.hostname,o)}if(typeof e.port==="string"){t.port=at(e.port,t.protocol,o)}if(typeof e.pathname==="string"){t.pathname=e.pathname;if(s&&!V(t.pathname,o)){const e=s.pathname.lastIndexOf("/");if(e>=0){t.pathname=wt(s.pathname.substring(0,e+1),o)+t.pathname}}t.pathname=st(t.pathname,t.protocol,o)}if(typeof e.search==="string"){t.search=Q(e.search,o)}if(typeof e.hash==="string"){t.hash=X(e.hash,o)}return t}function Ct(t){return t.replace(/([+*?:{}()\\])/g,"\\$1")}function St(t){return t.replace(/([.+*?^${}()[\]|/\\])/g,"\\$1")}function zt(t,e){e.delimiter??(e.delimiter="/#?");e.prefixes??(e.prefixes="./");e.sensitive??(e.sensitive=false);e.strict??(e.strict=false);e.end??(e.end=true);e.start??(e.start=true);e.endsWith="";const o=".*";const s=`[^${St(e.delimiter)}]+?`;const a=/[$_\u200C\u200D\p{ID_Continue}]/u;let i="";for(let l=0;l<t.length;++l){const n=t[l];if(n.type===3){if(n.modifier===3){i+=Ct(n.value);continue}i+=`{${Ct(n.value)}}${U(n.modifier)}`;continue}const r=n.hasCustomName();let c=!!n.suffix.length||!!n.prefix.length&&(n.prefix.length!==1||!e.prefixes.includes(n.prefix));const h=l>0?t[l-1]:null;const d=l<t.length-1?t[l+1]:null;if(!c&&r&&n.type===1&&n.modifier===3&&d&&!d.prefix.length&&!d.suffix.length){if(d.type===3){const t=d.value.length>0?d.value[0]:"";c=a.test(t)}else{c=!d.hasCustomName()}}if(!c&&!n.prefix.length&&h&&h.type===3){const t=h.value[h.value.length-1];c=e.prefixes.includes(t)}if(c){i+="{"}i+=Ct(n.prefix);if(r){i+=`:${n.name}`}if(n.type===2){i+=`(${n.value})`}else if(n.type===1){if(!r){i+=`(${s})`}}else if(n.type===0){if(!r&&(!h||h.type===3||h.modifier!==3||c||n.prefix!=="")){i+="*"}else{i+=`(${o})`}}if(n.type===1&&r&&!!n.suffix.length){if(a.test(n.suffix[0])){i+="\\"}}i+=Ct(n.suffix);if(c){i+="}"}if(n.modifier!==3){i+=U(n.modifier)}}return i}var It=class t{constructor(t={},e,o){this.regexp={};this.names={};this.component_pattern={};this.parts={};try{let s=void 0;if(typeof e==="string"){s=e}else{o=e}if(typeof t==="string"){const e=new ft(t);e.parse();t=e.result;if(s===void 0&&typeof t.protocol!=="string"){throw new TypeError(`A base URL must be provided for a relative constructor string.`)}t.baseURL=s}else{if(!t||typeof t!=="object"){throw new TypeError(`parameter 1 is not of type 'string' and cannot convert to dictionary.`)}if(s){throw new TypeError(`parameter 1 is not of type 'string'.`)}}if(typeof o==="undefined"){o={ignoreCase:false}}const a={ignoreCase:o.ignoreCase===true};const i={pathname:kt,protocol:kt,username:kt,password:kt,hostname:kt,port:kt,search:kt,hash:kt};this.pattern=xt(i,t,true);if(lt(this.pattern.protocol)===this.pattern.port){this.pattern.port=""}let l;for(l of gt){if(!(l in this.pattern))continue;const t={};const e=this.pattern[l];this.names[l]=[];switch(l){case"protocol":Object.assign(t,Y);t.encodePart=nt;break;case"username":Object.assign(t,Y);t.encodePart=rt;break;case"password":Object.assign(t,Y);t.encodePart=ct;break;case"hostname":Object.assign(t,W);if(q(e)){t.encodePart=dt}else{t.encodePart=ht}break;case"port":Object.assign(t,Y);t.encodePart=mt;break;case"pathname":if(J(this.regexp.protocol)){Object.assign(t,B,a);t.encodePart=yt}else{Object.assign(t,Y,a);t.encodePart=bt}break;case"search":Object.assign(t,Y,a);t.encodePart=ut;break;case"hash":Object.assign(t,Y,a);t.encodePart=pt;break}try{this.parts[l]=O(e,t);this.regexp[l]=N(this.parts[l],this.names[l],t);this.component_pattern[l]=zt(this.parts[l],t)}catch(t){throw new TypeError(`invalid ${l} pattern '${this.pattern[l]}'.`)}}}catch(t){throw new TypeError(`Failed to construct 'URLPattern': ${t.message}`)}}test(t={},e){let o={pathname:"",protocol:"",username:"",password:"",hostname:"",port:"",search:"",hash:""};if(typeof t!=="string"&&e){throw new TypeError(`parameter 1 is not of type 'string'.`)}if(typeof t==="undefined"){return false}try{if(typeof t==="object"){o=xt(o,t,false)}else{o=xt(o,vt(t,e),false)}}catch(t){return false}let s;for(s of gt){if(!this.regexp[s].exec(o[s])){return false}}return true}exec(t={},e){let o={pathname:"",protocol:"",username:"",password:"",hostname:"",port:"",search:"",hash:""};if(typeof t!=="string"&&e){throw new TypeError(`parameter 1 is not of type 'string'.`)}if(typeof t==="undefined"){return}try{if(typeof t==="object"){o=xt(o,t,false)}else{o=xt(o,vt(t,e),false)}}catch(t){return null}let s={};if(e){s.inputs=[t,e]}else{s.inputs=[t]}let a;for(a of gt){let t=this.regexp[a].exec(o[a]);if(!t){return null}let e={};for(let[o,s]of this.names[a].entries()){if(typeof s==="string"||typeof s==="number"){let a=t[o+1];e[s]=a}}s[a]={input:o[a]??"",groups:e}}return s}static compareComponent(t,e,o){const s=(t,e)=>{for(let o of["type","modifier","prefix","value","suffix"]){if(t[o]<e[o])return-1;else if(t[o]===e[o])continue;else return 1}return 0};const a=new _(3,"","","","",3);const i=new _(0,"","","","",3);const l=(t,e)=>{let o=0;for(;o<Math.min(t.length,e.length);++o){let a=s(t[o],e[o]);if(a)return a}if(t.length===e.length){return 0}return s(t[o]??a,e[o]??a)};if(!e.component_pattern[t]&&!o.component_pattern[t]){return 0}if(e.component_pattern[t]&&!o.component_pattern[t]){return l(e.parts[t],[i])}if(!e.component_pattern[t]&&o.component_pattern[t]){return l([i],o.parts[t])}return l(e.parts[t],o.parts[t])}get protocol(){return this.component_pattern.protocol}get username(){return this.component_pattern.username}get password(){return this.component_pattern.password}get hostname(){return this.component_pattern.hostname}get port(){return this.component_pattern.port}get pathname(){return this.component_pattern.pathname}get search(){return this.component_pattern.search}get hash(){return this.component_pattern.hash}};if(!globalThis.URLPattern){globalThis.URLPattern=It}const Tt=()=>`.sc-smoothly-app-room-h{display:flex;justify-content:center;text-align:center;cursor:pointer;height:100%;position:relative}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{overflow-y:auto;height:100%}:not([label].sc-smoothly-app-room-h,[icon]).sc-smoothly-app-room-h,[disabled].sc-smoothly-app-room-h{display:none}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{display:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room{height:100%;list-style:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0 1.5em;height:100%}[selected].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{display:flex;color:rgb(var(--smoothly-color-contrast));background:rgb(var(--smoothly-color-shade))}.sc-smoothly-app-room-h:hover>li.sc-smoothly-app-room>a.sc-smoothly-app-room{color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));transition:0.2s}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>smoothly-icon.sc-smoothly-app-room{align-self:inherit}[icon].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>.label.sc-smoothly-app-room{display:none}[icon][label].sc-smoothly-app-room-h:hover::before,[icon][label].sc-smoothly-app-room-h:hover::after{position:absolute;color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));border-radius:0.25rem;pointer-events:none}[icon][label].sc-smoothly-app-room-h:hover::before{content:"";bottom:-1.75rem;transform:rotate(45deg);width:1.25em;height:1.25em}[icon][label].sc-smoothly-app-room-h:hover::after{content:attr(label);white-space:nowrap;bottom:-3.25rem;padding:.5rem 1rem;border-radius:.25rem}.smoothly-mobile-mode.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0}.smoothly-mobile-mode[icon].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>.label.sc-smoothly-app-room{display:unset;padding:0 1rem}.smoothly-mobile-mode.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}.smoothly-mobile-mode[icon][label].sc-smoothly-app-room-h:hover::before,.smoothly-mobile-mode[icon][label].sc-smoothly-app-room-h:hover::after{content:unset}`;const Dt=class{constructor(o){t(this,o);this.smoothlyRoomSelect=e(this,"smoothlyRoomSelect");this.smoothlyRoomLoad=e(this,"smoothlyRoomLoad");this.smoothlyUrlChange=e(this,"smoothlyUrlChange");this.path="";this.mobileMode=false}componentDidRender(){this.selected&&this.smoothlyUrlChange.emit(window.location.href)}componentWillLoad(){this.selected=(typeof this.path=="string"?new URLPattern({pathname:this.path}):this.path).test(window.location);this.smoothlyRoomLoad.emit({selected:this.selected});this.selected&&window.history.replaceState({smoothlyPath:this.path},"",window.location.href)}async setMobileMode(t){this.mobileMode=t}async getContent(){return this.contentElement}async setSelected(t,e){this.selected=t;if(t){this.smoothlyRoomSelect.emit({history:!!(e===null||e===void 0?void 0:e.history),query:this.query})}}async setQuery(t){if(t.detail.path==this.path&&this.query!=t.detail.query){this.query=t.detail.query;window.history.pushState({smoothlyPath:this.path,smoothlyQuery:this.query},"",`${window.location.pathname}${this.query?`?${this.query}`:""}`);this.smoothlyUrlChange.emit(window.location.href)}}clickHandler(t){if(!t.metaKey&&!t.ctrlKey&&t.which!=2&&t.button!=1){t.preventDefault();this.setSelected(true)}}render(){return o(s,{key:"e06ad4adb4d72a03e6b33e6a2d11698f3cdc450e",class:{"smoothly-mobile-mode":this.mobileMode}},o("li",{key:"f236706b03f0cd505b1081f0998ed1dd0b721766"},o("a",{key:"2147ccb7a8296d1de4cdaa0bf968955c14711e7b",href:typeof this.path=="string"?this.path:this.path.pathname,onClick:t=>this.clickHandler(t)},this.icon&&o("smoothly-icon",{key:"4d1530eb064e95429de842958f1d07e4946dcf15",name:this.icon}),this.label&&o("span",{key:"e5badd955a4fd1b5d12e37fa8dea3bc88eed3841",class:"label"},this.label))),o("div",{key:"cf23be6250b7c42f814b74637f4ed6b6510a216f",ref:t=>this.contentElement=t},this.content&&o("smoothly-lazy",{key:"3a6825efc72c8490827df6e6154b0fbfe3a15d72",content:this.content}),o("slot",{key:"a786686ce15650ef54ef56fd1778f9b8e28c339e"})))}};Dt.style=Tt();const jt=()=>`.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 Lt=class{constructor(e){t(this,e);this.opacity="0.5";this.bottom="1rem";this.right="1rem"}componentWillLoad(){var t;this.scrollableParent=n.findParent(this.element);(t=this.scrollableParent)===null||t===void 0?void 0:t.addEventListener("scroll",(()=>{var t,e;this.visible=((e=(t=this.scrollableParent)===null||t===void 0?void 0:t.scrollTop)!==null&&e!==void 0?e:0)>20}))}render(){const t={"--opacity":this.visible?this.opacity:"0","--pointer-events":this.visible?"auto":"none","--bottom":this.bottom,"--right":this.right};return o(s,{key:"b0263cb27cc406847d1ddfcdb68517e45dc750c7",style:t,onClick:()=>{var t;return(t=this.scrollableParent)===null||t===void 0?void 0:t.scrollTo({top:0,left:0,behavior:"smooth"})}},o("smoothly-icon",{key:"f13bb2fd7f5a707333a59065914e9293d1dd004f",name:"caret-up-outline"}))}get element(){return a(this)}};Lt.style=jt();const _t=()=>`.sc-smoothly-burger-h{display:flex;justify-content:center;align-items:center;height:100%;cursor:pointer}.sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{--smoothly-icon-size:3rem;margin-right:1em}.sc-smoothly-burger-h:not([open]) smoothly-icon.sc-smoothly-burger{transform:rotate(0deg);transition:transform 100ms ease-in-out}[open].sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{transform:rotate(-90deg);transition:transform 100ms ease-in-out}`;const Rt=class{constructor(o){t(this,o);this.smoothlyNavStatus=e(this,"smoothlyNavStatus");this.open=false}openChanged(){this.smoothlyNavStatus.emit(this.open)}clickHandler(){this.open=!this.open}render(){return o(s,{key:"707b857b83fc245e0279bda323904ee1cc8e85ee"},o("smoothly-icon",{key:"f514b6a05f9feaab4f13cf46778993c3106697e3",name:"menu"}))}get element(){return a(this)}static get watchers(){return{open:[{openChanged:0}]}}};Rt.style=_t();const At=()=>`[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-button-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-button-h{display:inline}[disabled].sc-smoothly-button-h{opacity:0.5}.sc-smoothly-button-h>a.sc-smoothly-button{font-weight:400;background-color:transparent}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-button-h>button.sc-smoothly-button{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-button-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-button-h:has(>a:empty),.sc-smoothly-button-h:has(>button:empty),.sc-smoothly-button-h>a.sc-smoothly-button:empty,.sc-smoothly-button-h>button.sc-smoothly-button:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-button-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-button-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-button-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-button{min-width:8rem}[size=icon].sc-smoothly-button-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-button-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-button-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-button-h:not([fill=clear]):not([disabled])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:not([disabled]):active>button.sc-smoothly-button::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:hover::before,[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:focus-within::before,[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-button-h>button.sc-smoothly-button,.sc-smoothly-button-h.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-button-h{display:none}`;const $t=class{constructor(e){t(this,e);this.disabled=false}render(){return o(s,{key:"232453b5d6aae82be66b10cc89a4bc1dbfecfb8c",title:this.tooltip},o(w,{key:"e83e04ffda9c99d7ba4a9a7bcc65c3adfff1aab6",disabled:this.disabled,type:this.type,link:this.link},o("slot",{key:"9ca4777b578e3d16d9d16c88c5c22e97256c3d16"})))}};$t.style=At();const Mt=()=>`.sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}`;const Et=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyConfirm=e(this,"smoothlyConfirm");this.doubleClickTime=.2;this.disabled=false}clickHandler(t){if(this.clickTimeStamp&&t.timeStamp-this.clickTimeStamp>this.doubleClickTime*1e3){this.timer&&window.clearTimeout(this.timer);this.clickTimeStamp=undefined;this.smoothlyConfirm.emit({[this.name]:true})}else{this.clickTimeStamp=t.timeStamp;this.timer=window.setTimeout((()=>{this.clickTimeStamp=undefined}),2e3)}}render(){return o(s,{key:"c074a83b5c1adf25489bd21d6ddd877bce15b91b",warning:this.clickTimeStamp},o("smoothly-button",{key:"f4c7658b1c98dc7a7b3bfdd427fba714b43de7d8",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:"warning",disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},o("smoothly-icon",{key:"c41cfe01abddd88b047e6cf90da0864fe13a9d7c",name:"alert-outline",fill:this.fill,color:"warning",size:this.size==="icon"?"tiny":"small"})),o("smoothly-button",{key:"df2f31430eb709a846295c8eb9f1241598c08a35",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:this.color,disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},o("slot",{key:"f442c9e90dc109936afe5267f36ad482a6a841d9"})))}};Et.style=Mt();const Ot=()=>`smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}`;const Pt=class{constructor(e){t(this,e)}render(){return o(s,{key:"533286a87d0525479bd2ee9e28e3b4f0a96d4028"},o("section",{key:"83c431cb9866c7e9ed66d000c45db12cba32a5c1"},o("smoothly-button-demo-standard",{key:"9be3c679df5dae790c20267466f0e59e7129e590"})),o("section",{key:"63c5a3497203d471629c514b4ad65062a65803e4"},o("h4",{key:"4aea5b53872940382d8955d747731846e293bb80"},"Confirm button (two clicks)"),o("div",{key:"0d06137cb8e7e2f0d27c7c9bcee216f6a582ff33"},o("smoothly-button-confirm",{key:"d10630d444951f251fd00100cbef18074e7d206b",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),o("smoothly-button-confirm",{key:"c2b0cd87fe14786eaa690e51dd91ace6443aa3c4",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},o("smoothly-icon",{key:"fa26113fbfdaea0ee2c0b4723084a69b54d7804b",name:"checkmark-outline",size:"tiny"})),o("smoothly-button-confirm",{key:"cbceb8ffdeffeb6231bb4775a12aeca6599e7eb5",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},o("smoothly-icon",{key:"5bbbaeccd43ee1b930a73a2fa676345835f9646a",name:"trash-outline",size:"tiny",fill:"outline"}))),o("smoothly-toggle-switch-demo",{key:"1bd1095e2c679a2526d31987873334f51d175e85"}),o("h4",{key:"6d22aa735b0d7f16093b216086441d0d722a6421"},"Links with icons"),o("smoothly-button",{key:"7a9cf02c47b1ac104935336f57c07d9eacd865eb",type:"link"},o("smoothly-icon",{key:"fe0f7094ce66691d5e10ee2f5f6d65782a37a380",name:"checkmark-circle",slot:"start"}),"type link"),o("smoothly-button",{key:"723452282f7551547060378c9057d40e4f729be7",type:"button",color:"warning",fill:"default"},o("smoothly-icon",{key:"2da735678c8066ac9ca1a0c8fc42be6f71968997",name:"call",slot:"start"}),o("a",{key:"dd1747fde83a34074dd35a505a7305bb608fcf3a",href:"https://google.com"},"link")),o("smoothly-button",{key:"d9aa99e8d2dfecc0766e4322051a142028f1d749",link:"https://google.com",type:"link"},o("smoothly-icon",{key:"6e64f4b3686c18f23b2215a41c53f87785835d1f",name:"arrow-forward",slot:"end"}),"link + type link"),o("h4",{key:"da1b853513b11781bcd032cf4d7e5f771baa2ed9"},"Size and Color test"),o("smoothly-button",{key:"8eb4c40f66e75ab99c197ba42c8a4e3f192dd9a5",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),o("smoothly-button",{key:"60c02db208c08a07c50c56ccb228eb333f67a59c",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),o("smoothly-button",{key:"8d6d6a13382b24bc44fa2153dcdeae8212169a97",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),o("smoothly-button",{key:"1c4cce72723efcde85b1308535263324e4b49041",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),o("smoothly-button",{key:"256c0622be653968e784e8a2a598b88a51dc80f7",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),o("smoothly-button",{key:"d381847e99dca57bd315a6b7438b3e1e55172cc2",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),o("smoothly-button",{key:"6ff5845f5a0d82d9c99817696e9be364d9da950a",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),o("smoothly-button",{key:"e14f96677b4aed688dc8f0ea0b596c6b585f15b0",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),o("smoothly-button",{key:"4cac9d4923a21476b5f6dc4de0430153477200fa",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),o("h4",{key:"b1a485089eea221cab4a23be46a83c3c2e9c2929"},"Expand examples"),o("smoothly-button",{key:"71aa9bd0791d0e326d9d0721fb2f8eb0d2875164",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),o("smoothly-button",{key:"b316c727f5f529a63649558012ee790cb1e53750",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),o("h4",{key:"2afe5f6a00cbc405f8b7901f5e118d03adcd243e"},"Fill examples"),o("div",{key:"8aad1d8d07c40c2ada40a18ebcbc7c89d8652eef"},o("smoothly-button",{key:"63b8df9f6a45f6ff81168f9c3ad43344acc0c4ab",shape:"rounded",color:"primary",fill:"solid"},o("smoothly-icon",{key:"33d1f688aa67a1db212a9b7aa7147de4f8279ae6",name:"checkmark-circle",slot:"start"}),"Fill Solid"),o("smoothly-button",{key:"cda371d608f548bfceb958fedb0a7eb22cdc5c83",shape:"rounded",color:"secondary",fill:"outline"},o("smoothly-icon",{key:"39824d2393567df80731477784e31bad5b019f90",name:"checkmark-circle",slot:"start"}),"Fill Outline"),o("smoothly-button",{key:"d429cf372e423e882717f0867adb31ffd5d45dc6",shape:"rounded",color:"tertiary",fill:"clear"},o("smoothly-icon",{key:"e8473ef999c9f3bb56da4f58b51f593e7ebc4a1b",name:"checkmark-circle",slot:"start"}),"Fill Clear"),o("smoothly-button",{key:"e26709d399f9747d657a805ce69f997127dd46e3",size:"icon",shape:"rounded",color:"success",fill:"solid"},o("smoothly-icon",{key:"99abc1c65692daf112f2d2b1660918951ae60559",name:"basketball"}))),o("h4",{key:"99be735e4b2c91170daf2e3f0d5779a69d7ef08f"},'Buttons with Icon in "start"'),o("div",{key:"af0724fe2f9605a199d1b392d0307a948bc02b0c"},o("smoothly-button",{key:"38a7a2af64996af6adc7514d8ee407eaf2c7878b",shape:"rounded",fill:"solid",color:"warning"},o("smoothly-icon",{key:"951d2c413089f67b6ebe3c6d9f566ad5267cf4ae",name:"checkmark-circle",slot:"start"}),"Check"),o("smoothly-button",{key:"6ee1bc2af768f123a12e294016cc917aa4bd1c0e",shape:"rounded",fill:"solid",color:"secondary"},o("smoothly-icon",{key:"9d0e80208a6e68f919cc7276073232a368cb111a",name:"basketball",slot:"start"}),"Check"),o("smoothly-button",{key:"e5366d8f3ed7a2cf41cece51570301f145c67e19",shape:"rounded",fill:"solid",color:"success"},o("smoothly-icon",{key:"a0ad0a9620d853fda8d7e594031c04a0ec689445",name:"call",slot:"start"}),"Check"),o("smoothly-button",{key:"c94e929cfe5f738f2a3235f43a1f4da5e0c9fc36",size:"icon",fill:"solid",shape:"rounded",color:"success"},o("smoothly-icon",{key:"71a2f51f71668101315aa8533b5bfcf366d7fc5a",name:"call"})),o("smoothly-button",{key:"f33069cba505b599106e46dd64b9c8d5d7af72b1",size:"flexible",fill:"solid",color:"success"},o("smoothly-icon",{key:"23f5cfce66c47cfe7a7bc61270d366dc1a4b1df2",name:"airplane"}))),o("h4",{key:"0e1d80f018cb083f747dca33ac1579623130e4b4"},'Buttons with Icon in "end"'),o("smoothly-button",{key:"a6fb030807e47ece0af3e864fd1021dd073bb694",fill:"solid",color:"light"},"Go Forward",o("smoothly-icon",{key:"257becef67d6cc074ae9ea15c4aa7f4310b6512e",name:"arrow-forward",slot:"end"})),o("h4",{key:"dae9d6d89805ba3dbe25d10b078150475f097f97"},"Test for icon button"),o("div",{key:"430c1bc4c47a98cf456a84a2d5ab2668777f01cd"},o("smoothly-button",{key:"3c58c97ef2193b38eab09a4e533dba5b4f20a4e4",size:"icon",fill:"solid",shape:"rounded",color:"success"},o("smoothly-icon",{key:"59426dc2bd35c313d6619b44f13d517aa7c034ce",name:"call"})),o("smoothly-button",{key:"0fb117873692f75b51c92e333d3f835cd5fbe74f",size:"icon",shape:"rounded",color:"warning",fill:"solid"},o("smoothly-icon",{key:"7162fcc07788dd9829abafb5b7f38e786b86c298",name:"search-outline"})),o("smoothly-button",{key:"f46d225a20b28efeafcb952544ff5600988ada74",size:"icon",shape:"rounded",color:"secondary"},o("smoothly-icon",{key:"787a26836d6788196c5f3761f66c680704df9817",name:"checkmark-circle"}))),o("h4",{key:"2d8596d90b04536a298e7375e2a4ad3b0c463fbc"},"Link examples"),o("div",{key:"5af7537287d37938616bc0478f7cc63e757720e5"},o("smoothly-button",{key:"b6faae4aa4fd72b87c7181ec146dfda0cfa7a248",type:"link"},"type link"),o("smoothly-button",{key:"4d56453b6a595c09cb70cd8708392effda6f9279",type:"button",fill:"clear"},o("a",{key:"607e553ae06c24cb513fe90ecca476295b719283",href:"https://google.com"},"link")),o("smoothly-button",{key:"9a397311efd0a89849a6c8016fce61bf0639cea0",link:"https://google.com",type:"link"},"link + type link")),o("h4",{key:"466df22b0f9265755db176b4947f39cb3892d331"},"Disabled buttons"),o("div",{key:"b146d15d620300b8da5e134618a1b3f904024f61"},o("smoothly-button",{key:"637ee09aedbde2ff0342d469b50bd181a632308c",disabled:true,fill:"solid",color:"secondary"},"Disabled"),o("smoothly-button",{key:"0bdca6978fd1908f3c529668bfe3c128987522a5",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),o("smoothly-back-to-top",{key:"f217299a63164d3d4bcbda3d9ab1b4da44a8f99f"}))}};Pt.style=Ot();const Ht=()=>`.sc-smoothly-button-demo-standard-h smoothly-input-select.sc-smoothly-button-demo-standard smoothly-item.sc-smoothly-button-demo-standard{display:flex}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard{display:flex;flex-wrap:wrap;gap:0.5rem}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard>smoothly-button.sc-smoothly-button-demo-standard{margin-block:0}.sc-smoothly-button-demo-standard-h .height-text.sc-smoothly-button-demo-standard{border-left:3px dotted rgb(var(--smoothly-default-contrast));padding-inline:1rem;align-content:center}`;const Ft=class{constructor(e){t(this,e);this.props={};this.heightText=""}updateInputHeightText(){setTimeout((()=>{const t=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));if(this.lastButton){const e=this.lastButton.clientHeight;this.heightText=`${e/t}rem (${e}px)`}}),100)}render(){return o(s,{key:"c109a1c44628d1b42425859649047a002ee16ce0"},o("h2",{key:"30b5293b4446f0202ba93d4dfff6b3e73ecd8976"},"Button Standard"),o("smoothly-form",{key:"6281f5092e984b1dfc19a0efcb104d05ab5d8e48",onSmoothlyFormInput:t=>this.props=t.detail,looks:"grid"},o("smoothly-input-checkbox",{key:"77ac5fe8bf329861e476539c8625fd5820bdc413",name:"text.useColor",checked:true},"Use Color as Text"),o("smoothly-input-select",{key:"0dbc3a3420ecefc797b9bdba4f453c90d66c8d1f",name:"size"},o("span",{key:"a989af18c47839ff1d5b1e31450062aec0eb3651",slot:"label"},"Size"),["small","large","icon","flexible"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input",{key:"68d2793e921608a9fa1951b6bd97b87dd87a3e10",name:"text.value",value:"Button"},"Text",o("smoothly-input-clear",{key:"bb3938f242bf725507e7ece9cfdf7cb314bca1f1",slot:"end"})),o("smoothly-input-radio",{key:"797d38475df5bc28ac171152407459d98383233b",name:"expand",clearable:true},o("span",{key:"3210bb5bee8ff0184edfcf6747246efc50ab0752",slot:"label"},"Expand"),o("smoothly-input-radio-item",{key:"ebbd079aa41839ba2ed8078880b3f546371b4dc7",value:"block"},"block"),o("smoothly-input-radio-item",{key:"daf621085701675377fc460d85e9e328bf09ddd6",value:"full"},"full"),o("smoothly-input-clear",{key:"dca4f783b5140ff4c1f0d2aaa1ee9a6fde9f8147",slot:"end"})),o("smoothly-input-select",{key:"9d1cdf02e4b762052d2abd3b431f420e554a28c9",name:"fill"},o("span",{key:"b7095efe1d384897bcbd15353f57ff7da0718f50",slot:"label"},"Fill"),c.values.map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"78c942e631eef9e23c2f8cd47b8521ad2279c7c1",name:"disabled"},"Disabled"),o("smoothly-input-select",{key:"976eb85785d873c38d676634f6f54269804b474f",name:"type"},o("span",{key:"76cbdc4271456d0c2edf6233bdf7dcdfeee9467e",slot:"label"},"Type"),["button","submit","reset","link"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"15cd8593b09827f44817b15ebd28f4702faa1bb7",name:"rounded"},"Rounded"),o("smoothly-input-select",{key:"c93bda31e420e209cc7cd2253943a868a3b53864",name:"icon",menuHeight:"8items"},o("span",{key:"6b76f90f3ecb8c46e8b66a6fb348b658938a3bf8",slot:"label"},"Icon"),h.Name.values.map((t=>o("smoothly-item",{value:t,key:t},o("smoothly-icon",{name:t,size:"small",tooltip:t})))),o("smoothly-input-clear",{key:"0ebe8cb52112672443dd94922191fc5f3b7fb20c",slot:"end"})),o("smoothly-input",{key:"5860bfcdf0a2de4c2109bde9072a114db9de4ba1",name:"tooltip",value:"Tooltip"},"Tooltip",o("smoothly-input-clear",{key:"32672407cf8cbffdec719c479f9615bc3198dc79",slot:"end"}))),o("div",{key:"bfe436596b1585265ea0b711a43831e722c696ac",class:"buttons"},r.values.map(((t,e,s)=>{var a,i;return o("smoothly-button",{onClick:e=>console.log(`Clicked button with color: ${t}`,e),tooltip:this.props.tooltip,ref:t=>s.length-1==e&&(this.lastButton=t),color:t,expand:this.props.expand,fill:this.props.fill,disabled:this.props.disabled,shape:this.props.rounded?"rounded":undefined,size:this.props.size,type:this.props.type,key:t},this.props.icon?o("smoothly-icon",{name:this.props.icon}):undefined,((a=this.props.text)===null||a===void 0?void 0:a.useColor)?t:(i=this.props.text)===null||i===void 0?void 0:i.value)})),o("div",{key:"dc35cbaca69e970cca164c25cb00889a8e2d57f3",class:"height-text"},this.heightText)))}static get watchers(){return{props:[{updateInputHeightText:0}]}}};Ft.style=Ht();function Ut(t){const e=new Date(t);e.setDate(1);let o=-((e.getDay()+6)%7)+1;const s=[];for(let e=0;e<6;e++){const a=[];for(let e=0;e<7;e++){const e=new Date(t);e.setUTCDate(o++);a.push(C.Date.create(e))}if(e<5||C.Date.firstOfMonth(a[0])==C.Date.firstOfMonth(t)){s.push(a)}}return s}function Nt(){const t=new globalThis.Date;t.setDate(t.getDate()-t.getDay()+1);const e=[];for(let o=0;o<7;o++){e.push(t.toLocaleString(undefined,{weekday:"short"}));t.setDate(t.getDate()+1)}return e}function Yt(t){const e=new globalThis.Date(t);const o=[];for(let s=0;s<12;s++){e.setMonth(s,28);const a=C.Date.create(e);o.push({date:a,name:e.toLocaleString(undefined,{month:"long"}),selected:a.substr(0,7)==t.substr(0,7)})}return o}function Wt(t,e,o){const s=new globalThis.Date(t);const a=e?C.Date.getYear(e):(new Date).getFullYear()-50;const i=o?C.Date.getYear(o):(new Date).getFullYear()+50;const l=[];for(let e=a;e<=i;e++){s.setFullYear(e);const o=C.Date.create(s);l.push({date:o,name:s.toLocaleString(undefined,{year:"numeric"}),selected:o==t})}return l}const Bt=()=>`.sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));-webkit-user-select:none;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{position:relative;cursor:pointer}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity))}>table>tr>td.sc-smoothly-calendar-h:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.today.sc-smoothly-calendar::before{content:"";inset:2px;position:absolute;border:1px solid currentColor}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;opacity:0.5}`;const Vt=class{constructor(o){t(this,o);this.smoothlyDateSet=e(this,"smoothlyDateSet");this.smoothlyDateRangeSet=e(this,"smoothlyDateRangeSet");this.clickCounter=0}componentWillLoad(){this.onStart();this.onEnd()}onStart(){this.startInternal=this.start}onEnd(){this.endInternal=this.end}async jumpTo(t){var e,o,s,a;const i=C.Date.Year.is(t.Y)?t.Y:(o=(e=this.month)===null||e===void 0?void 0:e.substring(0,4))!==null&&o!==void 0?o:C.Date.now().substring(0,4);const l=C.Date.Month.is(t.M)?t.M:(a=(s=this.month)===null||s===void 0?void 0:s.substring(5,7))!==null&&a!==void 0?a:C.Date.now().substring(5,7);const n=`${i}-${l}-01`;if(C.Date.is(n)){this.month=n}}onClick(t){this.value=t;this.smoothlyDateSet.emit(this.value)}onClickDoubleInput(t){this.clickCounter+=1;if(this.clickCounter%2==1){this.startInternal=this.endInternal=this.frozenDate=t}else{const e=this.startInternal>t?t:this.startInternal;const o=this.endInternal<t?t:this.endInternal;this.startInternal=e;this.endInternal=o}this.clickCounter%2==0&&this.startInternal&&this.endInternal&&this.smoothlyDateRangeSet.emit({start:this.startInternal,end:this.endInternal})}onHover(t){if(this.doubleInput&&this.clickCounter%2==1){if(t<this.frozenDate){this.startInternal=t;this.endInternal=this.frozenDate}else{this.startInternal=this.frozenDate;this.endInternal=t}}}withinLimit(t){return(!this.min||t>=this.min)&&(!this.max||t<=this.max)}render(){var t,e,s;return o(i,{key:"ce6f5ed6897c671cd7317ba890f420b82b797271"},o("smoothly-input-month",{key:"670fd797951b17f0e26c7f073bd31aa087280625",name:"month",value:(t=this.month)!==null&&t!==void 0?t:this.value,min:this.min,max:this.max,inCalendar:true,next:true,previous:true,showLabel:false,onSmoothlyInput:t=>{t.stopPropagation();"month"in t.detail&&typeof t.detail.month=="string"&&(this.month=t.detail.month)},onSmoothlyUserInput:t=>t.stopPropagation()},o("div",{key:"627d7dd4e5ddf05c5408ce8f9b255e028e089ed8",slot:"year-label"},o("slot",{key:"1103cb741e629b6f4b797d9d304bb85d4407e9d4",name:"year-label"})),o("div",{key:"a1ab52b83ad62c7b80d30b65df99d17f0aca15c1",slot:"month-label"},o("slot",{key:"feac55da56ff9dd5108e39733b63d0923fa019de",name:"month-label"}))),o("table",{key:"1389cd23c50d790139c31d627024cdc22b10ed35"},o("thead",{key:"1c3ef2d2584eef6e7b4be81b5d6268b111ac3105"},o("tr",{key:"e75be690b817d27820c03bc041107387ee60cbf8"},Nt().map((t=>o("th",null,t))))),Ut((s=(e=this.month)!==null&&e!==void 0?e:this.value)!==null&&s!==void 0?s:C.Date.now()).map((t=>o("tr",null,t.map((t=>{var e,s,a,i;return o("td",{tabindex:1,onMouseOver:this.withinLimit(t)?()=>this.onHover(t):undefined,onClick:this.withinLimit(t)?()=>this.doubleInput?this.onClickDoubleInput(t):this.onClick(t):undefined,class:{selected:t==this.value||this.doubleInput&&(t==this.startInternal||t==this.endInternal),today:t==C.Date.now(),currentMonth:C.Date.firstOfMonth((s=(e=this.month)!==null&&e!==void 0?e:this.value)!==null&&s!==void 0?s:C.Date.now())==C.Date.firstOfMonth(t),dateRange:this.doubleInput&&t>((a=this.startInternal)!==null&&a!==void 0?a:"")&&t<((i=this.endInternal)!==null&&i!==void 0?i:""),disable:!this.withinLimit(t)}},t.substring(8,10))})))))))}get element(){return a(this)}static get watchers(){return{start:[{onStart:0}],end:[{onEnd:0}]}}};Vt.style=Bt();var Gt;(function(t){t.guides={Y:"YYYY",M:"MM",D:"DD"};(function(e){function o(e,o){var s;return((s=o===null||o===void 0?void 0:o.length)!==null&&s!==void 0?s:0)>=t.Part.lengthOf(e)}e.isComplete=o;function s(e){return t.guides[e].length}e.lengthOf=s;function a(e,o){const s=t.guides[e];return s.substring(0,s.length-(o!==null&&o!==void 0?o:0))}e.getGuide=a})(t.Part||(t.Part={}));(function(t){function e(t){if(t.Y&&t.M&&parseInt(t.M)>=1&&parseInt(t.M)<=12){const e=C.Date.lastOfMonth(`${t.Y.padStart(4,"0")}-${t.M.padStart(2,"0")}-01`);return C.Date.getDay(e)}else if(t.M&&parseInt(t.M)>=1&&parseInt(t.M)<=12){const e=C.Date.lastOfMonth(`2004-${t.M.padStart(2,"0")}-01`);return C.Date.getDay(e)}return 31}t.lastDay=e;function o(t){if(t.Y&&t.Y.length==4&&t.M&&t.M.length==2&&t.D&&t.D.length==2){const e=`${t.Y}-${t.M}-${t.D}`;const o=C.Date.lastOfMonth(`${t.Y}-${t.M}-01`);return o<e?o:e}return undefined}t.toDate=o;function s(t){if(t){return{Y:t.substring(0,4).padStart(4,"0"),M:t.substring(5,7).padStart(2,"0"),D:t.substring(8,10).padStart(2,"0")}}return undefined}t.fromDate=s})(t.Parts||(t.Parts={}));(function(t){function e(t){switch(t){case"en-US":return"MDY";case"sq-AL":case"es-AR":case"it-IT":case"en-GB":case"fr-FR":case"et-EE":case"de-AT":case"de-DE":case"he-IL":case"is-IS":case"lv-LV":case"pl-PL":case"ru-RU":case"fi-FI":case"hi-IN":case"en-IN":return"DMY";default:return"YMD"}}t.fromLocale=e;function o(t,e){return t.charAt(e)}t.getPart=o;function s(t){return t.split("")}t.toArray=s})(t.Order||(t.Order={}));(function(t){function e(t){switch(t){case"sq-AL":case"es-AR":case"it-IT":case"en-GB":case"fr-FR":case"en-US":return"/";case"et-EE":case"de-AT":case"de-DE":case"he-IL":case"is-IS":case"lv-LV":case"pl-PL":case"ru-RU":case"fi-FI":return".";default:return"-"}}t.fromLocale=e})(t.Separator||(t.Separator={}))})(Gt||(Gt={}));var Kt;(function(t){function e(t){const e=t.currentTarget;const o=window.getSelection();if(!o||o.rangeCount===0||!e.contains(o.anchorNode)){return false}if(!o.isCollapsed){return false}const s=o.getRangeAt(0);const a=s.cloneRange();a.selectNodeContents(e);a.setEnd(s.startContainer,s.startOffset);return a.toString().length===0}t.isAtStart=e;function o(t){const e=t.currentTarget;const o=window.getSelection();if(!o||o.rangeCount===0||!e.contains(o.anchorNode)){return false}if(!o.isCollapsed){return false}const s=o.getRangeAt(0);const a=s.cloneRange();a.selectNodeContents(e);a.setStart(s.endContainer,s.endOffset);return a.toString().length===0}t.isAtEnd=o;function s(t){if(!t){return}t.focus();const e=document.createRange();e.selectNodeContents(t);const o=window.getSelection();if(!o){return}o.removeAllRanges();o.addRange(e)}t.selectAll=s;function a(t,e){if(!t){return}t.focus();const o=window.getSelection();if(!o){return}const s=document.createRange();const a=t.firstChild||t;const i=Math.max(0,Math.min(e,t.innerText.length));s.setStart(a,i);s.collapse(true);o.removeAllRanges();o.addRange(s)}t.setPosition=a;function i(t){const e=window.getSelection();if(!e||e.rangeCount===0){return true}const o=e.getRangeAt(0);if(!t.contains(o.startContainer)||!t.contains(o.endContainer)){return true}return o.collapsed}t.isCollapsed=i})(Kt||(Kt={}));const qt=()=>`.sc-smoothly-date-text-h{--guide-opacity:0.5}.sc-smoothly-date-text-h .smoothly-date-text-part.sc-smoothly-date-text:focus{outline:none}.sc-smoothly-date-text-h .guide.sc-smoothly-date-text{opacity:var(--guide-opacity)}.sc-smoothly-date-text-h .smoothly-date-text-part.sc-smoothly-date-text:not(.is-complete)+.guide.sc-smoothly-date-text+.smoothly-date-separator.sc-smoothly-date-text{opacity:var(--guide-opacity)}`;const Zt=class{constructor(o){t(this,o);this.smoothlyDateTextHasText=e(this,"smoothlyDateTextHasText");this.smoothlyDateTextChange=e(this,"smoothlyDateTextChange");this.smoothlyDateTextFocusChange=e(this,"smoothlyDateTextFocusChange");this.smoothlyDateHasPartialDate=e(this,"smoothlyDateHasPartialDate");this.smoothlyDateTextDone=e(this,"smoothlyDateTextDone");this.smoothlyDateTextPrevious=e(this,"smoothlyDateTextPrevious");this.smoothlyDateTextNext=e(this,"smoothlyDateTextNext");this.partElements={0:undefined,1:undefined,2:undefined};this.locale=T();this.showLabel=true;this.parts={}}componentWillLoad(){var t;this.order=Gt.Order.fromLocale(this.locale);this.separator=Gt.Separator.fromLocale(this.locale);this.parts=(t=Gt.Parts.fromDate(this.value))!==null&&t!==void 0?t:{}}componentDidLoad(){this.updateInputs()}partsHandler(){const t=Gt.Parts.toDate(this.parts);if(t!=this.previousEmittedValue){this.smoothlyDateTextChange.emit(t);this.previousEmittedValue=t}this.smoothlyDateTextHasText.emit(Object.values(this.parts).some((t=>!!t)))}focusedIndexHandler(){this.smoothlyDateTextFocusChange.emit(typeof this.focusedIndex=="number")}async setValue(t){const e=Gt.Parts.fromDate(t);this.setAllParts(e)}setAllParts(t){this.parts=t!==null&&t!==void 0?t:{};this.updateInputs()}updateInputs(){var t,e,o;const s=this.order.indexOf("Y");const a=this.order.indexOf("M");const i=this.order.indexOf("D");this.partElements[s]&&(this.partElements[s].innerText=(t=this.parts.Y)!==null&&t!==void 0?t:"");this.partElements[a]&&(this.partElements[a].innerText=(e=this.parts.M)!==null&&e!==void 0?e:"");this.partElements[i]&&(this.partElements[i].innerText=(o=this.parts.D)!==null&&o!==void 0?o:"")}setPart(t,e){this.parts=Object.assign(Object.assign({},this.parts),{[t]:e});const o=this.order.indexOf(t);this.partElements[o]&&(this.partElements[o].innerText=e!==null&&e!==void 0?e:"")}async select(t="start"){const e=t=="start"?0:2;this.setFocus(e)}async deselect(){var t,e;(e=this.partElements[(t=this.focusedIndex)!==null&&t!==void 0?t:0])===null||e===void 0?void 0:e.blur()}getInnerText(t){return t.innerText.replace(/\n/g,"").replace(/\D/g,"")}beforeInputHandler(t){var e;const o=this.order[(e=this.focusedIndex)!==null&&e!==void 0?e:0];const s=this.getInnerText(t.target);const a=t.data&&/\D/.test(t.data);const i=Gt.Part.isComplete(o,s);const l=Kt.isCollapsed(t.target);if((t.inputType=="insertText"||t.inputType=="insertFromPaste")&&(a||i&&l)){t.preventDefault()}if(t.inputType=="insertParagraph"||t.inputType=="insertLineBreak"){this.smoothlyDateTextDone.emit();t.preventDefault()}}inputHandler(t){var e,o;const s=Gt.Order.getPart(this.order,(e=this.focusedIndex)!==null&&e!==void 0?e:0);const a=(o=this.focusedIndex)!==null&&o!==void 0?o:0;const i=this.getInnerText(t.target);this.parts=Object.assign(Object.assign({},this.parts),{[s]:i});if(["D","M"].includes(s)){const t=s=="D";const e=t?Gt.Parts.lastDay(this.parts):12;const o=t?3:1;const l=parseInt(i);if(i.length>=2){this.commitPart(s,l,a,e)}else if(i.length==1&&l>o){this.autoAdvancePart(s,l,a,e)}}if(Gt.Part.isComplete(s,i)){this.setFocus(a+1)}const l=Gt.Parts.toDate(this.parts);if(l){const t=Gt.Parts.fromDate(l);if(this.parts.D!==(t===null||t===void 0?void 0:t.D)){this.setPart("D",t===null||t===void 0?void 0:t.D)}}if(this.parts.Y||this.parts.M||this.parts.D){this.smoothlyDateHasPartialDate.emit(this.parts)}}keyDownHandler(t){var e;const o=this.getInnerText(t.target);const s=(e=this.focusedIndex)!==null&&e!==void 0?e:0;if(Kt.isAtStart(t)&&t.key=="ArrowLeft"){this.autoAdvanceIfPossible(s);this.setFocus(s-1);t.preventDefault()}else if(Kt.isAtEnd(t)&&t.key=="ArrowRight"){this.autoAdvanceIfPossible(s);this.setFocus(s+1);t.preventDefault()}else if(t.key=="Home"||t.key=="ArrowUp"){this.autoAdvanceIfPossible(s);this.setFocus(0);t.preventDefault()}else if(t.key=="End"||t.key=="ArrowDown"){this.autoAdvanceIfPossible(s);this.setFocus(2);t.preventDefault()}else if(Kt.isAtStart(t)&&t.key=="Backspace"&&o==""){this.autoAdvanceIfPossible(s);this.setFocus(s-1);t.preventDefault()}else if(Kt.isAtEnd(t)&&t.key=="Delete"&&o==""){this.autoAdvanceIfPossible(s);this.setFocus(s+1);t.preventDefault()}}commitPart(t,e,o,s){const a=Math.max(1,Math.min(e,s));this.setPart(t,a.toString().padStart(2,"0"));Kt.setPosition(this.partElements[o],2)}autoAdvancePart(t,e,o,s){const a=Math.max(1,Math.min(e,s));this.setPart(t,a.toString().padStart(2,"0"));this.setFocus(o+1)}autoAdvanceIfPossible(t){var e;const o=Gt.Order.getPart(this.order,t);const s=(e=this.parts[o])!==null&&e!==void 0?e:"";if(o=="D"&&s.length==1){this.autoAdvancePart(o,parseInt(s),t,Gt.Parts.lastDay(this.parts))}else if(o=="M"&&s.length==1){this.autoAdvancePart(o,parseInt(s),t,12)}}setFocus(t){if(t<0){this.smoothlyDateTextPrevious.emit()}else if(t>2){this.smoothlyDateTextNext.emit()}else{Kt.selectAll(this.partElements[t])}}render(){return o(s,{key:"29343df478fdb9a5805aef00432be4456d8e4d12",class:{"has-text":Object.values(this.parts).some((t=>!!t))}},Gt.Order.toArray(this.order).map(((t,e)=>{var s;return o("span",{onClick:()=>!this.readonly&&!this.disabled&&this.setFocus(e)},o("span",{class:{"smoothly-date-text-part":true,"is-complete":Gt.Part.isComplete(t,this.parts[t])},onFocus:()=>this.focusedIndex=e,onBlur:()=>this.focusedIndex=undefined,onKeyDown:t=>this.keyDownHandler(t),key:e,ref:t=>this.partElements[e]=t,contenteditable:!(this.readonly||this.disabled),inputmode:"numeric"}),o("span",{class:"guide"},Gt.Part.getGuide(t,(s=this.parts[t])===null||s===void 0?void 0:s.length)),e<2&&o("span",{class:"smoothly-date-separator"},this.separator))})))}get element(){return a(this)}static get watchers(){return{parts:[{partsHandler:0}],focusedIndex:[{focusedIndexHandler:0}]}}};Zt.style=qt();const Jt=()=>`.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 Xt=class{constructor(e){t(this,e);this.open=true;this.closable=false}TriggerListener(t){if(d.is(t.detail)&&t.detail.name=="close"){this.open=false}}hostData(){return{style:{display:this.open?"block":"none"}}}__stencil_render(){return o("section",{key:"d3c1f7ac7d570b91b7f333e6ed1a3d324968c87c"},o("div",{key:"008dcd5c0e1ab41ae9af6b064888a16391b2c9d3",class:"header"},this.closable&&o("smoothly-trigger",{key:"fefe3f3dcf2fb30a1da8617169b513228674fa62",fill:"clear",name:"close"},o("smoothly-icon",{key:"dbc75bd2df07148370796f4b2836cc1046332f3e",name:"close-circle",fill:"solid",color:this.color})),this.header?o("h1",null,this.header):o("slot",{name:"header"})),o("div",{key:"ef442c19429cead69075b022cb0511bd5cdbab50",class:"content"},o("slot",{key:"65681298d9f89649128e93c9193b5e7488157ddf"})))}render(){return o(s,this.hostData(),this.__stencil_render())}};Xt.style=Jt();const Qt=()=>`.sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}`;const te=class{constructor(e){t(this,e);this.openModal=false;this.openTallModal=false;this.showFrame=false}render(){return o(s,{key:"8add700509240579f6f83dc95a6d4d0bddee067e"},o("smoothly-button",{key:"35a3641241542400cfdca56b058887eaaca7c629",fill:"solid",color:"light",onClick:()=>this.openModal=true},"Open Modal"),o("smoothly-button",{key:"38a3e022173090e5a04547774c3a75674ad8937b",fill:"solid",color:"light",onClick:()=>this.openTallModal=true},"Open Modal with long text and top-aligned."),o("smoothly-button",{key:"0c52d6216d204dd41310fda4c810e8212fafe3e4",fill:"solid",color:"light",onClick:()=>this.showFrame=!this.showFrame},"Show Frame"),o("smoothly-modal",{key:"73d07f4662ac3ee4e398c98fdc50073af6a6cd63",closable:true,open:this.openModal,onSmoothlyModalChange:t=>this.openModal=t.detail},o("h2",{key:"4b8420bae8815bf0f491ebb38948f3348a5bc84c",slot:"header"},"Modal"),o("span",{key:"2115cc46f1adb4149cf71331e3151f1fe876f681"},"Are you sure you want to confirm this action?"),o("smoothly-button",{key:"c722bed6d0ace30ab2ef644e219fb599da17276d",slot:"actions",color:"success"},"Confirm"),o("smoothly-button",{key:"18c7bcebed68d09049ccddb2c559edbcc6c0b2d4",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openModal=false},"Cancel")),o("smoothly-modal",{key:"a89476ee4a3f90e1b57b243a4217a43b91874628",closable:true,open:this.openTallModal,onSmoothlyModalChange:t=>this.openTallModal=t.detail,align:"top"},o("h2",{key:"b778a0933b0b0b28aedefadaafed3b3f67f770a3",slot:"header"},"Modal"),o("smoothly-summary",{key:"fdfaa4526ee58e7bb2c356750de4540f45dfbf65"},o("div",{key:"a8418a82b28b6a698214ebff19b2aa28148e6ce2",slot:"summary"},"Lorem ipsum"),o("div",{key:"c4f120ea3e663e2e05fc6e109b8094129c88e8d5",slot:"content"},Array.from({length:10}).map((()=>o("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))))),o("smoothly-button",{key:"e17da5e0786e43d783ec17008bdf956e90d44946",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openTallModal=false},"Cancel")),this.showFrame&&o("smoothly-dialog",{key:"3e5e753799e6d49303cd5afe03448dac8c1a7c0a",closable:true},o("smoothly-frame",{key:"f61497a6984b98e8a392dd33dcc1ac6a7ba35734",url:"https://www.wikipedia.org/",name:"parent",style:{height:"80vh"}})))}};te.style=Qt();function ee(t,e,o){let s=0;while(o.exec(t)!=null){s=o.lastIndex;if(o.lastIndex>e)break}o.lastIndex<=e&&(s=t.length);return s}function oe(t,e,o){let s=0;let a;while((a=o.exec(t))!=null){if(o.lastIndex-a[0].length<e)s=o.lastIndex-a[0].length;else break}return s}function se(t,e,o){const s=/([\wåäöüéáúíóßðœøæñµçþ_]+|[@-]+)/gi;return o=="backward"?oe(t,e,s):ee(t,e,s)}var ae;(function(t){function e(t){return t.direction=="backward"?t.start:t.end}t.getCursor=e;function o(t){return t.direction!="backward"?t.start:t.end}t.getStalker=o})(ae||(ae={}));var ie;(function(t){function e(t){return{value:t.value,selection:{start:t.selection.start,end:t.selection.end,direction:t.selection.direction},remainder:t.remainder}}t.copy=e})(ie||(ie={}));class le{value;selection;constructor(t){this.value=t.value;this.selection={start:t.selection?.start,end:t.selection?.end,direction:t.selection?.direction}}get(t,e=1){return this.value.substring(t,t+e)}is(t,...e){const o=this.get(t);return e.some((t=>o==t))}isDigit(t){const e=this.get(t);return e>="0"&&e<="9"}match(t){return this.value.match(t)}replace(t,e,o){let s;if(typeof t=="string"&&typeof e=="string"){let o;s=this;while((o=s.value.indexOf(t))>-1)s=s.replace(o,o+t.length,e)}else if(typeof t=="number"&&typeof e=="number"){const a={value:this.value,selection:{start:this.selection.start,end:this.selection.end,direction:this.selection.direction}};if(!o)o="";a.value=this.value.slice(0,t)+o+this.value.slice(e,this.value.length);if(this.selection.start>=e)a.selection.start=this.selection.start+o.length-e+t;else if(this.selection.start>t&&this.selection.start<e)a.selection.start=Math.min(this.selection.start,t+o.length);if(this.selection.end>=e)a.selection.end=this.selection.end+o.length-e+t;else if(this.selection.end>t&&this.selection.end<e)a.selection.end=Math.min(this.selection.end,t+o.length);s=new le(a)}return s||this}insert(t,e){return this.replace(t,t,e)}append(t){return this.insert(this.value.length,t)}prepend(t){return this.insert(0,t)}suffix(t){return new le({value:this.value+t,selection:this.selection})}delete(t,e){let o;if(!this.value)o=this;else if(typeof t=="string"){let e;o=this;while(t&&(e=o.value.indexOf(t))>-1)o=o.delete(e,e+t.length)}else o=this.replace(t,e||t+1,"");return o}truncate(t){return this.value.length>=t?this.delete(t,this.value.length):this}pad(t,e,o){let s=this;while(t>s.value.length+e.length)s=s.insert(o,e);if(t>s.value.length)s=s.insert(o,e.substring(0,t-s.value.length));return s}padEnd(t,e){return this.pad(t,e,this.value.length)}padStart(t,e){return this.pad(t,e,0)}toLower(){return this.map((t=>t.toLowerCase()))}toUpper(){return this.map((t=>t.toUpperCase()))}map(t){let e=this;let o=0;for(let s=0;s<this.value.length;s++){const a=t(this.get(s),s);e=e.replace(o,o+1,a);o+=a.length}return e}static copy(t){return new le({...t})}static create(){return new le({value:"",selection:{start:0,end:0}})}static modify(t){return new le(typeof t=="string"?{value:t,selection:{start:t.length,end:t.length}}:t)}}var ne;(function(t){function e(t,e,o){let c=ie.copy(t.unformat(le.copy(e)));if(e.autocomplete=="cc-exp"&&/^\d\d \/$/g.test(e.value))o?.key&&(o.key="Backspace");if(o){if(o.ctrlKey||o.metaKey){if(o.key=="a")l(c,0,c.value.length,"forward");else if(["ArrowLeft","ArrowRight"].includes(o.key)&&e?.type!="password")c=s(t,e,o);else if(["Delete","Backspace"].includes(o.key)&&e?.type!="password")c=a(t,e,o)}else if(["ArrowLeft","ArrowRight","Home","End"].includes(o.key))i(c,o);else if(["Delete","Backspace"].includes(o.key)){c.selection.start==c.selection.end&&l(c,c.selection.start+(o.key=="Backspace"?-1:0),c.selection.end+(o.key=="Delete"?1:0));n(c)}else if(o.key!="Unidentified"){n(c);t.allowed(o.key,c)&&r(c,o.key)}}return t.format(le.copy(c))}t.apply=e;function o(t,e,o){const s=ie.copy(t.unformat(le.copy(e)));r(s,o);return t.format(le.copy(s))}t.paste=o;function s(t,e,o){let s=ae.getCursor(e.selection);let a=ae.getStalker(e.selection);s=se(e.value,s,o.key=="ArrowLeft"?"backward":"forward");a=o.shiftKey?a:s;return ie.copy(t.unformat(le.copy({...e,selection:{start:Math.min(a,s),end:Math.max(a,s),direction:a<s?"forward":a>s?"backward":"none"}})))}function a(t,e,o){const s=ae.getCursor(e.selection);const a=se(e.value,s,o.key=="Backspace"?"backward":"forward");const i=ie.copy(t.unformat(le.copy({...e,selection:{start:Math.min(s,a),end:Math.max(s,a),direction:"none"}})));i.value=i.value.substring(0,i.selection.start)+i.value.substring(i.selection.end);i.selection.end=i.selection.start;return i}function i(t,e){let o=ae.getCursor(t.selection);let s=ae.getStalker(t.selection);o=e.key=="Home"?0:e.key=="End"?t.value.length:t.selection.start==t.selection.end||e.shiftKey?Math.min(Math.max(o+(e.key=="ArrowLeft"?-1:1),0),t.value.length):e.key=="ArrowLeft"?t.selection.start:t.selection.end;s=e.shiftKey?s:o;t.selection.direction=s<o?"forward":s>o?"backward":"none";t.selection.start=Math.min(s,o);t.selection.end=Math.max(s,o)}function l(t,e,o,s){t.selection.start=e;t.selection.end=o;s&&(t.selection.direction=s)}function n(t){r(t,"")}function r(t,e){t.value=t.value.substring(0,t.selection.start)+e+t.value.substring(t.selection.end);t.selection.start=t.selection.start+e.length;t.selection.end=t.selection.start}})(ne||(ne={}));const re={};function ce(t,e){re[t]=e}function he(t,...e){const o=re[t];return o&&o(e)}function de(t,e,...o){const s=he(e,...o);return s?s.format(le.modify(s.toString(typeof t=="string"?me(t,e,o):t))).value:""}function me(t,e,...o){const s=he(e,o);return s?s.fromString(s.unformat(le.modify(t)).value):undefined}let ye=class t{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,type:"text",inputmode:"numeric",autocomplete:"cc-csc",length:[3,3],pattern:/^\d{3}$/}}unformat(t){return t}allowed(t,e){return e.value.length<3&&t>="0"&&t<="9"}};ce("card-csc",(()=>new ye));let be=class t{toString(t){return Array.isArray(t)&&t.length==2&&typeof t[0]=="number"&&typeof t[1]=="number"?t[0].toString().padStart(2,"0")+t[1].toString().padStart(2,"0"):""}fromString(t){return typeof t=="string"&&t.length==4?[Number.parseInt(t.slice(0,2)),Number.parseInt(t.slice(2))]:undefined}partialFormat=this.format;format(t){let e=t;if(t.value.length>0&&!t.is(0,"0","1"))e=e.prepend("0");if(e.value.length>1)e=e.insert(2," / ");return{...e,type:"text",inputmode:"numeric",autocomplete:"cc-exp",length:[7,7],pattern:/^(0[1-9]|1[012]) \/ \d\d$/}}unformat(t){return t.delete(" / ")}allowed(t,e){return e.value.length<4&&t>="0"&&t<="9"}};ce("card-expires",(()=>new be));let ue=class t{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){const e=pe(t.value);const o=t.map(((t,o)=>(o+1<e.length[0]&&e.spaceIndexes.includes(o)?" ":"")+t));return{...o,type:"text",inputmode:"numeric",autocomplete:"cc-number",length:e.length.slice(1),pattern:e.verification,classes:["issuer-"+e.icon]}}unformat(t){return t.delete(" ")}allowed(t,e){const o=pe(e.value);return t>="0"&&t<="9"&&e.value.length<o.length[0]}};ce("card-number",(()=>new ue));function pe(t){let e={...fe,spaceIndexes:t.length==14?[4,10]:fe.spaceIndexes};for(const o in ge)if(Object.prototype.hasOwnProperty.call(ge,o)&&ge[o].identification.test(t)){e={...fe,name:o,...ge[o]};break}return e}const fe={name:"unknown",verification:/^\d{19}$/,spaceIndexes:[4,8,12],identification:/^\d/,length:[16,16,19],icon:"generic"};const ge={amex:{verification:/^3[47][0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{3}$/,identification:/^3[47]/,length:[15,18,18],icon:"amex"},dankort:{verification:/^(5019)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^(5019)\d+/,length:[16,19,19],icon:"generic"},diners:{verification:/^3(?:0[0-5]|[68][0-9])[0-9]\s[0-9]{6}\s[0-9]{4}$/,identification:/^3(?:0[0-5]|[68][0-9])/,spaceIndexes:[4,10],length:[14,16,16],icon:"diners"},discover:{verification:/^6(?:011|5[0-9]{2})\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^6(?:011|5[0-9]{2})/,length:[16,19,19],icon:"generic"},electron:{verification:/^((4026|4405|4508|4844|4913|4917)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4})|((4175)\s(00)[0-9]{2}\s[0-9]{4}\s[0-9]{4})$/,identification:/^(4026|417500|4405|4508|4844|4913|4917)/,spaceIndexes:[4,8,12],length:[16,19,19],icon:"generic"},interpayment:{verification:/^(636)[0-9]\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^(636)/,length:[16,19,19],icon:"generic"},jcb:{verification:/^((?:2131|1800)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4})|(35[0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{4})$/,identification:/^(?:2131|1800|35\d{3})/,spaceIndexes:[4,8,12],length:[16,19,19],icon:"generic"},unionpay:{verification:/^(62|88)[0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^(62|88)/,length:[16,19,19],icon:"generic"},maestro:{verification:/^(5018|5020|5038|5612|5893|6304|6759|6761|6762|6763|0604|6390)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^(5018|5020|5038|5612|5893|6304|6759|6761|6762|6763|0604|6390)/,length:[16,19,19],icon:"maestro"},mastercard:{verification:/^5[1-5][0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^5[1-5][0-9]/,length:[16,19,19],icon:"mastercard"},visa:{verification:/^4[0-9]{3}\s[0-9]{4}\s[0-9]{4}\s[0-9](?:[0-9]{3})?$/,spaceIndexes:[4,8,12],identification:/^4[0-9]/,length:[16,16,19],icon:"visa"}};var ke;(function(t){function e(t){let e;switch(t){case"sq-AL":case"es-AR":case"it-IT":case"en-GB":case"fr-FR":e="dd/mm/YYYY";break;case"en-US":e="mm/dd/YYYY";break;case"et-EE":case"de-AT":case"de-DE":case"he-IL":case"is-IS":case"lv-LV":case"pl-PL":case"ru-RU":case"fi-FI":e="dd.mm.YYYY";break;case"hi-IN":case"en-IN":e="dd-mm-YYYY";break;default:e="YYYY-mm-dd";break}return e}t.fromLocale=e;function o(t){let e;switch(t){case"dd/mm/YYYY":e="en-GB";break;case"mm/dd/YYYY":e="en-US";break;case"dd.mm.YYYY":e="de-DE";break;default:e="sv-SE";break}return e}t.toLocale=o;function s(t){return typeof t=="string"&&(t=="YYYY-mm-dd"||t=="dd/mm/YYYY"||t=="dd.mm.YYYY"||t=="mm/dd/YYYY")}t.is=s})(ke||(ke={}));class ve{separator;constructor(t){this.separator=t}partialFormat(t){const e=this.format(t);return{...e,remainder:this.formatString.slice(e.value.length)}}unformat(t){return t.delete(this.separator)}validMonth(t,e,o){return new Date(Number.parseInt(o??"2004"),Number.parseInt(e),0).getDate()>=Number.parseInt(t)}}const we={};function xe(t,e){we[t]=e}ce("date",(t=>{const e=t&&t.length>0?t[0]:undefined;const o=ke.is(e)?e:ke.fromLocale(e);const s=we[o]??we["YYYY-mm-dd"];return s()}));let Ce=class t extends ve{constructor(t){super(t)}toString(t){return C.Date.is(t)&&t.length==10?[t.substring(8,10),t.substring(5,7),t.substring(0,4)].join(this.separator):""}fromString(t){const e=t?.length==8?`${t.substring(4,8)}-${t.substring(2,4)}-${t.substring(0,2)}`:undefined;return C.Date.is(e)?e:undefined}formatString=`DD${this.separator}MM${this.separator}YYYY`;format(t){let e=t.delete(this.separator);if(e.get(0,1)>"3")e=e.insert(0,"0");if(e.value.length>1)e=e.insert(2,this.separator);if(e.get(3,1)>"1")e=e.insert(3,"0");if(e.value.length>4)e=e.insert(5,this.separator);return{...e,type:"text",length:[0,10],pattern:new RegExp(["^(0[1-9]|[12][0-9]|3[01])","(0[1-9]|1[012])","\\d{4}$"].join(this.separator))}}allowed(t,e){return e.selection.start==1&&e.value[0]=="3"?t>="0"&&t<="1":e.selection.start==1&&e.value[0]=="0"?t>="1"&&t<="9":e.selection.start==2?t>="0"&&t<="9"&&(t=="0"||t=="1"||this.validMonth(e.value.substring(0,2),t)):e.selection.start==3?t>="0"&&t<="9"&&this.validMonth(e.value.substring(0,2),e.value[2]+t):e.selection.start==7?t>="0"&&t<="9"&&this.validMonth(e.value.substring(0,2),e.value.substring(2,4),e.value.substring(4,7)+t):e.selection.start<8&&t>="0"&&t<="9"}};xe("dd.mm.YYYY",(()=>new Ce(".")));xe("dd/mm/YYYY",(()=>new Ce("/")));xe("dd-mm-YYYY",(()=>new Ce("-")));let Se=class t extends ve{constructor(t){super(t)}toString(t){return C.Date.is(t)&&t.length==10?[t.substring(5,7),t.substring(8,10),t.substring(0,4)].join(this.separator):""}fromString(t){const e=t.length==8?`${t.substring(4,8)}-${t.substring(0,2)}-${t.substring(2,4)}`:undefined;return C.Date.is(e)?e:undefined}formatString=`MM${this.separator}DD${this.separator}YYYY`;format(t){let e=t.delete(this.separator);if(e.get(0,1)>"1")e=e.insert(0,"0");if(e.value.length>1)e=e.insert(2,this.separator);if(e.get(3,1)>(e.get(0,2)=="02"?"2":"3"))e=e.insert(3,"0");if(e.value.length>4)e=e.insert(5,this.separator);return{...e,type:"text",length:[0,10],pattern:new RegExp(["^(0[1-9]|1[012])","(0[1-9]|[12][0-9]|3[01])","\\d{4}$"].join(this.separator))}}allowed(t,e){const o=e.selection.start==1&&e.value[0]=="1"?t>="0"&&t<="2":e.selection.start==1&&e.value[0]=="0"?t>="1"&&t<="9":e.selection.start==3?t>="0"&&t<="9"&&this.validMonth(e.value[2]+t,e.value.substring(0,2)):e.selection.start==7?t>="0"&&t<="9"&&this.validMonth(e.value.substring(2,4),e.value.substring(0,2),e.value.substring(4,7)+t):e.selection.start<8&&t>="0"&&t<="9";return o}};xe("mm/dd/YYYY",(()=>new Se("/")));let ze=class t extends ve{constructor(t){super(t)}toString(t){return typeof t!="string"?"":t}fromString(t){const e=t?.length==8?`${t.substring(0,4)}-${t.substring(4,6)}-${t.substring(6,8)}`:undefined;return C.Date.is(e)?e:undefined}daysInMonth(t){const e=`${t.substring(0,4)}-${t.substring(4,6)}-01`;return C.Date.is(e)?+C.Date.lastOfMonth(`${t.substring(0,4)}-${t.substring(4,6)}-01`).substring(8,10):31}formatString=`YYYY${this.separator}MM${this.separator}DD`;format(t){let e=t.delete(this.separator);if(e.value.length>3){e=e.insert(4,this.separator);if(e.get(5,1)>"1")e=e.insert(5,"0");if(e.value.length>6){e=e.insert(7,this.separator);if(e.get(8,1)>this.daysInMonth(t.value).toString().substring(0,1))e=e.insert(8,"0")}}return{...e,type:"text",length:[0,10],pattern:new RegExp(["^\\d{4}","(0[1-9]|1[012])","(0[1-9]|[12][0-9]|3[01])$"].join(this.separator))}}allowed(t,e){const o=this.daysInMonth(e.value);return e.selection.start==5&&e.value[4]=="0"?t>="1"&&t<="9":e.selection.start==5&&e.value[4]=="1"?t>="0"&&t<="2":e.selection.start==7&&e.value[6]=="0"?t>="1"&&t<="9":e.selection.start==7&&(e.value[6]=="2"&&o<30||e.value[6]=="3")?t>="0"&&t<=o.toString().substring(1):e.selection.start<8&&t>="0"&&t<="9"}};xe("YYYY-mm-dd",(()=>new ze("-")));let Ie=class t{toString(t){return typeof t=="string"?t:""}fromString(t){let e=t.replace(" ","T");const o="0000-01-01T00:00:00.000Z";if(e?.match(/-\d$/))e=e.substring(0,e.length-1)+"0"+e.substring(e.length-1,e.length);e=!e.match(/^\d{4}-(0[1-9]|1[012])/)?undefined:e+o.substring(e.length,o.length);return C.DateTime.is(e)?e:undefined}partialFormat=this.format;format(t){let e=Te(t);if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])[\d:.-]$/))e=e.insert(10," ");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 3$/))e=e.replace(11,12,"23:");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) [45]$/))e=e.insert(11,"23:");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) [6-9]$/))e=e.insert(11,"23:5");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 24$/))e=e.replace(10,13,"00:");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 25$/))e=e.insert(12,"3:");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 2[6-9]$/))e=e.insert(12,"3:5").append(":");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3])\d[\s\S]$/))e=e.insert(13,":");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3]):[6-9]$/))e=e.insert(14,"5");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3]):[0-5]\d\d$/))e=e.insert(16,":");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3]):[0-5]\d:[6-9]$/))e=e.insert(17,"5");return{...e,type:"text",length:[0,19],pattern:/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3])(:[0-5]\d){2}$/}}unformat(t){return t}allowed(t,e){return e.value.length<19&&(t>="0"&&t<="9"||t=="-"||t==":"||t=="."||t==" ")}};ce("date-time",(()=>new Ie));function Te(t,e){let o=t;switch(e){case"dd/mm/YYYY":case"dd.mm.YYYY":if(!De(o.value,e))o=o.replace(0,10,De("31"+o.value.substring(2,10),e)?"31"+o.value.substring(2,10):De("30"+o.value.substring(2,10),e)?"30"+o.value.substring(2,10):De("29"+o.value.substring(2,10),e)?"29"+o.value.substring(2,10):De("28"+o.value.substring(2,10),e)?"28"+o.value.substring(2,10):o.value);break;case"mm/dd/YYYY":if(!De(o.value,e))o=o.replace(0,10,De(o.value.substring(0,3)+"31"+o.value.substring(5,10),e)?o.value.substring(0,3)+"31"+o.value.substring(5,10):De(o.value.substring(0,3)+"30"+o.value.substring(5,10),e)?o.value.substring(0,3)+"30"+o.value.substring(5,10):De(o.value.substring(0,3)+"29"+o.value.substring(5,10),e)?o.value.substring(0,3)+"29"+o.value.substring(5,10):De(o.value.substring(0,3)+"28"+o.value.substring(5,10),e)?o.value.substring(0,3)+"28"+o.value.substring(5,10):o.value);break;default:if(t.value.length==10){if(!De(o.value)){o=o.replace(0,10,De(o.value.substring(0,8)+"31")?o.value.substring(0,8)+"31":De(o.value.substring(0,8)+"30")?o.value.substring(0,8)+"30":De(o.value.substring(0,8)+"29")?o.value.substring(0,8)+"29":De(o.value.substring(0,8)+"28")?o.value.substring(0,8)+"28":o.value);break}return t}}return o}function De(t,e){let o;let s;let a;switch(e){case"dd/mm/YYYY":case"dd.mm.YYYY":o=parseInt(t.substring(6,10));s=parseInt(t.substring(3,5));a=parseInt(t.substring(0,2));return o&&s&&a?a>0&&je(o,s)>=a:false;case"mm/dd/YYYY":o=parseInt(t.substring(6,10));s=parseInt(t.substring(0,2));a=parseInt(t.substring(3,5));return o&&s&&a?a>0&&je(o,s)>=a:false;default:o=parseInt(t.substring(0,4));s=parseInt(t.substring(5,7));a=parseInt(t.substring(8,10));return o&&s&&a?a>0&&je(o,s)>=a:false}}function je(t,e){let o;switch(e){case 1:case 3:case 5:case 7:case 8:case 10:case 12:default:o=31;break;case 4:case 6:case 9:case 11:o=30;break;case 2:o=28;break}return o}let Le=class t{toString(t){return Array.isArray(t)&&t.length==2&&typeof t[0]=="number"&&typeof t[1]=="number"?t[0].toString()+" / "+t[1].toString():typeof t=="number"?t.toString():""}fromString(t){return typeof t=="string"&&t.match(/^\d{1,2}\s+\/\s+\d{1,2}$/)?[Number.parseInt(t.slice(0,2)),Number.parseInt(t.slice(t.length-2))]:typeof t=="string"&&t.match(/\d{1,2}/)?Number.parseInt(t):undefined}partialFormat=this.format;format(t){let e=t;if(t.match(/^\d\/$/))e=t.replace(1,2," / ");else if(t.match(/^\d{1,2}\s$/))e=t.replace(t.value.length-1,t.value.length," / ");else if(t.match(/^[\D.]+\/[\D.]+$/))e=t.delete(0,t.value.length);else if(t.match(/^[\D.]+\/[\D.]+\d$/))e=t.delete(0,t.value.length-1);else if(t.match(/^[\D.]+\/[\D.]+\d\d$/))e=t.delete(0,t.value.length-2);else if(t.match(/^[\D.]+\//))e=t.delete(0,t.value.search("/")+1);else if(t.match(/^\d\d\/$/))e=t.replace(2,3," / ");else if(t.match(/^\d\d\s+\/$/))e=t.delete(2,t.value.length);else if(t.match(/^\d\s+\/$/))e=t.delete(1,t.value.length);else if(t.match(/^\d\d\s\s+\/\s*$/))e=t.replace(2,t.value.length," / ");else if(t.match(/^\d\s\s+(\/\s*)?$/))e=t.replace(1,t.value.length," / ");else if(t.match(/^\d\s\/\s\d\d.+$/))e=t.delete(6,t.value.length);else if(t.value.length>1&&t.value.indexOf("/")<1)e=t.insert(2," / ");else if(t.value.length>1&&t.value.split("/").length>2)e=t.delete(t.value.lastIndexOf("/"));else if(t.value.length==1&&!t.isDigit(0))e=t.delete(0);return{...e,type:"text",length:[1,7],pattern:/^(\d{1,2}|\d{1,2} \/ \d{1,2})$/}}unformat(t){return t}allowed(t,e){return e.value.length<7&&(t>="0"&&t<="9"||t=="/"||t==" ")}};ce("divisor",(()=>new Le));let _e=class t{separator=":";patterns={allowed:/^-?\d*(?::{0,1}[0-5]{0,1}[0-9]{0,1}|[.,]{0,1}[0-9]{0,2})$/,extract:/^(-?)(\d*)([:,.]{0,1})([0-9]{0,2})$/,zeros:/^(-?)(0+)(?:[1-9]|0[,.:]?)/};toString(t){let e;if(!C.TimeSpan.is(t))e="";else{const o=C.TimeSpan.normalize(t);if(!o.minutes&&!o.hours)e="";else if(this.separator!=":")e=(+C.TimeSpan.toHours(o).toFixed(2)||"").toString(10);else if(o.hours&&!o.minutes)e=o.hours.toString(10);else if(!o.hours&&o.minutes)e=`${o.minutes<0?"-":""}0:${Math.abs(o.minutes).toString(10)}`;else e=`${o.hours?.toString(10)}:${Math.abs(o.minutes??0).toString(10)}`}return e}fromString(t){let e;const o=t.match(this.patterns.extract);if(!o)e=undefined;else{const[t,s,a,i,l]=o;this.separator=i;if(i==":"){const t={hours:parseInt(a),minutes:parseInt(l)};const o=s?-1:1;e=C.TimeSpan.normalize({hours:!Number.isFinite(t.hours)?0:t.hours*o,minutes:!Number.isFinite(t.minutes)?0:t.minutes*o})}else{const o=parseFloat(t.replace(",","."));e=C.TimeSpan.normalize({hours:!Number.isFinite(o)?0:o})}}return e}partialFormat=this.format;format(t){let e=t;const[,o,s,a]=t.match(this.patterns.extract)??[];if(!s&&a)e=e.insert(o?1:0,"0");const i=e.match(this.patterns.zeros);if(i){const[,t,o]=i;if(o){const s=t?1:0;e=e.delete(s,o.length+s)}}return{...e,type:"tel",pattern:this.patterns.allowed}}unformat(t){const[,,,e]=t.match(this.patterns.extract)??[];if(e)this.separator=e;return t}allowed(t,e){const o=e.value.slice(0,e.selection.start)+t+e.value.slice(e.selection.end);return!!o.match(this.patterns.allowed)}};ce("duration",(()=>new _e));let Re=class t{settings;constructor(t){this.settings=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,...this.settings,type:"text",inputmode:"email",autocomplete:"email"}}unformat(t){return t}allowed(t,e){return this.settings.length==undefined||this.settings.length[1]==undefined||e.value.length<this.settings.length[1]}};ce("email",(t=>new Re(t||{})));let Ae=class t{settings;mode;constructor(t,e){this.settings=t;this.mode=e}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}split(t){let e;let o="";return t.map(((t,s)=>{const a=s!==0&&t===t.toUpperCase()&&isNaN(+t)&&o!==" "&&this.isSymbolAllowed(t)&&e?" "+t:(t==="_"||t==="-")&&o!==" "?" ":t===" "&&o===" "||!this.isSymbolAllowed(t)||!e&&!this.isSymbolLetter(t)&&this.mode!=="code"?"":t;!e&&(e=this.isSymbolLetter(t));this.isSymbolAllowed(t)&&(o=t);return a})).toLower().delete("-").delete("_")}isSymbolLetter(t){return t>="a"&&t<="z"||t>="A"&&t<="Z"}isSymbolAllowed(t){return this.isSymbolLetter(t)||t>="0"&&t<="9"||t===" "}partialFormat=this.format;format(t){const e=this.split(t);let o;switch(this.mode){case"code":o=e.delete(" ");break;case"pascal":case"camel":let s;o=e.map(((t,e)=>{const o=e===0&&this.mode==="pascal"||s?t.toUpperCase():t.toLowerCase();s=t==" ";return o})).delete(" ");break;case"snake":case"attribute":o=e.replace(" ",this.mode==="snake"?"_":"-");break;default:o=t}return{...o,...this.settings,type:"text",autocomplete:"on"}}unformat(t){return t}allowed(t,e){return this.isSymbolLetter(t)||t>="0"&&t<="9"&&(this.mode=="code"||e.value.length>0)||t=="_"&&this.mode=="snake"&&e.value.length>0||t=="-"&&this.mode=="attribute"&&e.value.length>0}};ce("identifier-code",(t=>new Ae(t||{},"code")));ce("identifier-pascal",(t=>new Ae(t||{},"pascal")));ce("identifier-snake",(t=>new Ae(t||{},"snake")));ce("identifier-camel",(t=>new Ae(t||{},"camel")));ce("identifier-attribute",(t=>new Ae(t||{},"attribute")));let $e=class t{country;constructor(t){this.country=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){let e=t;const o=(new Date).getFullYear().toString();if(t.value.length>1&&t.get(0,2)!="19"&&t.get(0,2)!="20")e=e.prepend(t.get(0,2)>o.substring(2,4)?"19":"20");if(e.value.length>=8)e=e.insert(8,"-");return{...e.truncate(13),type:"text",length:[11,13],pattern:/^\d{6,8}-\d{4}$/}}unformat(t){return t.delete("-")}allowed(t,e){return e.value.length<13&&t>="0"&&t<="9"}};ce("identity-number",(t=>new $e(t&&t.length>0?t[0]:undefined)));let Me=class t{min;max;pad;constructor(t){this.min=t.min;this.max=t.max;this.pad=t.pad}toString(t){return typeof t=="number"?t.toString():""}fromString(t){const e=typeof t=="string"?Number.parseInt(t):undefined;return typeof e=="number"&&!Number.isNaN(e)?e:undefined}partialFormat(t){return{...t,type:"text",inputmode:"numeric",length:[3,undefined],pattern:/^[0-9]+$/}}format(t){const e=this.partialFormat(t);const o=this.fromString(e.value);const s=o==undefined?e.value:this.min!=undefined&&o<this.min?this.toString(this.min):this.max!=undefined&&o>this.max?this.toString(this.max):e.value;return{...e,value:typeof this.pad=="number"&&s?s.padStart(this.pad,"0"):s}}unformat(t){return t}allowed(t,e){return t>="0"&&t<="9"&&(this.max==undefined||this.max.toString().length>e.value.length||e.selection.start!=e.selection.end)}};ce("integer",(t=>new Me(t?.[0]??{})));let Ee=class t{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,type:"password",autocomplete:"current-password"}}unformat(t){return t}allowed(t,e){return true}};ce("password",(()=>new Ee));let Oe=class t{toString(t){let e="";if(typeof t=="number"){const o=t.toString().split(".")[1]?.length??2;e=(t*100).toFixed(!o||o<=1?0:o-2)}return e}fromString(t){const e=typeof t=="string"?Number.parseFloat(t):undefined;return typeof e=="number"&&!Number.isNaN(e)?e/100:undefined}partialFormat=this.format;format(t){return{...t.value?t.suffix(" %"):t,type:"text",inputmode:"numeric",length:[3,undefined],pattern:/^\d+(.\d+)? %+$/}}unformat(t){return t.delete(" %")}allowed(t,e){return t>="0"&&t<="9"||t=="."&&!e.value.includes(".")}};ce("percent",(()=>new Oe));const Pe=[{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"]}];let He=class t{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){let e=t;if(e.value.startsWith("+")){for(const t of Pe)if(e.value.startsWith(t.countryCode))for(let o of t.areaCodes){o=o.substring(1);if(e.value.startsWith(t.countryCode+o)&&!e.value.includes("-"))e=e.insert(t.countryCode.length,"-").insert(t.countryCode.length+1+o.length,"-")}}else{const t=Pe[0];for(const o of t.areaCodes)if(e.value.startsWith(o)&&!e.value.includes("-")){e=e.insert(o.length,"-");e=e.delete(0);e=e.insert(0,"-").insert(0,t.countryCode)}}if(e.value.includes("-")){const t=e.value.indexOf("-",e.value.indexOf("-")+1)+1;const o=e.value.substring(t,e.value.length+1).length;switch(o){case 4:e=e.insert(t+2," ");break;case 5:e=e.insert(t+3," ");break;case 6:e=e.insert(t+2," ");e=e.insert(t+5," ");break;case 7:e=e.insert(t+3," ");e=e.insert(t+6," ");break;case 8:case 9:e=e.insert(t+3," ");e=e.insert(t+7," ");break}if(o>9){const s=Math.ceil(o/3)-1;if(s>0){for(let o=0;o<s;o++){const s=o*3+3+o;e=e.insert(s+t," ")}}}}return{...e,type:"tel",autocomplete:"tel"}}unformat(t){return t.delete(" ").delete("-")}allowed(t,e){return t>="0"&&t<="9"||e.selection.start==0&&t=="+"&&!e.value.includes("+")}};ce("phone",(()=>new He));let Fe=class t{country;constructor(t){this.country=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){const e=!t.value.includes(" ")&&t.value.length>=4?t.insert(3," "):t;return{...e.truncate(6),type:"text",autocomplete:"postal-code",length:[6,6],pattern:/^\d{3} \d{2}$/}}unformat(t){return t.delete(" ")}allowed(t,e){return e.value.length<=5&&t>="0"&&t<="9"}};ce("postal-code",(t=>new Fe(t&&t.length>0?t[0]:undefined)));let Ue=class t{currency;toInteger;constructor(t){this.currency=t&&typeof t=="object"?t.currency:t;this.toInteger=t&&typeof t=="object"?t.toInteger:undefined}toString(t){return typeof t=="number"?isNaN(t)?"":t.toString():""}fromString(t){const e=typeof t=="string"?Number.parseFloat(t):undefined;return e!=undefined&&!isNaN(e)?e:undefined}partialFormat(t){let e=t.value=="NaN"?t.replace(0,t.value.length,""):le.copy(t);const o=this.currency&&C.Currency.decimalDigits(this.currency);e=this.addLeadingIntegerZero(e);e=this.fillDecimalsIfPresent(e,o,"onlyLimit");e=this.truncateIntegerZeros(e);e=this.addThousandSeparators(e);return{...e,remainder:this.format(t).value.slice(e.value.length),type:"text",inputmode:"numeric",length:[3,undefined],pattern:new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d*)?$")}}format(t){let e=t.value=="NaN"?t.replace(0,t.value.length,""):le.copy(t);const o=this.currency&&C.Currency.decimalDigits(this.currency);if(!this.toInteger)e=this.forceDecimalZero(e,o);e=this.addLeadingIntegerZero(e);e=this.fillDecimalsIfPresent(e,o,"fillAndLimit");e=this.truncateIntegerZeros(e);e=this.addThousandSeparators(e);e=this.appendCurrency(e);return{...e,type:"text",inputmode:"numeric",length:[3,undefined],pattern:new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d+)?"+(this.currency?" "+this.currency:"")+"$")}}forceDecimalZero(t,e){if(!t.value.includes(".")&&e&&(Math.abs(Number.parseFloat(t.value))>=0||t.value=="0"))t=t.suffix(".0");return t}addLeadingIntegerZero(t){const e=t.value&&t.value.includes(".")?t.value.indexOf("."):undefined;if(e==0)t=t.prepend("0");return t}fillDecimalsIfPresent(t,e,o){const s=t.value.indexOf(".");if(s!=-1){const a=s+1+(e??2)-t.value.length;t=a<0?t.truncate(t.value.length+a):o=="fillAndLimit"?t.suffix("0".repeat(a)):t}return t}truncateIntegerZeros(t){const e=t.match(/^[0\s]{2,}/);if(e)t=t.replace(0,e[0].length,"0");return t}addThousandSeparators(t){let e=t.value.includes(".")?t.value.indexOf("."):t.value.length;const o=e<=0?0:Math.ceil(e/3)-1;for(let s=0;s<o;s++){const a=e-(o-s)*3;t=t.insert(a," ");e++}return t}appendCurrency(t){return this.currency&&(t.value.length>1||t.value.length==1&&t.value.charAt(0)!=".")?t.suffix(" "+this.currency):t}unformat(t){return this.currency?t.delete(" ").delete(""+this.currency):t.delete(" ")}allowed(t,e){return t>="0"&&t<="9"||t=="."&&!e.value.includes(".")&&(!this.currency||C.Currency.decimalDigits(this.currency)!=0)}};ce("price",(t=>new Ue(t&&t.length>0?t[0]:undefined)));let Ne=class t{settings;constructor(t){this.settings=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,type:"text",...this.settings}}unformat(t){return t}allowed(t,e){return this.settings.length==undefined||this.settings.length[1]==undefined||e.value.length<this.settings.length[1]}};ce("text",(t=>new Ne(t||{})));class Ye{toString(t){return typeof t=="string"?"#"+t:""}fromString(t){return t?"#"+t:undefined}partialFormat=this.format;format(t){const e=t.delete("#");return{...e.value?e.prepend("#"):e,type:"text",length:[4,7],pattern:/^#([0-9a-f]{3}|[0-9a-f]{6})$/i}}unformat(t){return t.delete("#")}allowed(t,e){return(t>="0"&&t<="9"||t>="a"&&t<="f"||t>="A"&&t<="F")&&e.value.length<6}}ce("hex-color",(()=>new Ye));const We=()=>`.sc-smoothly-display-h{display:block;white-space:wrap}[hidden].sc-smoothly-display-h{display:none}.sc-smoothly-display-h>div.sc-smoothly-display{opacity:0.6;font-size:.8rem}`;const Be=class{constructor(e){t(this,e)}render(){var t,e;let s;const a=this.type;switch(a){case"json":s=o("smoothly-display-json",{key:"64f0c43d63b42975833202265cd02a4e7b7af147",value:this.value,collapseDepth:this.collapseDepth});break;default:s=de(this.value,a);break;case"email":s=o("a",{key:"0c287d32f128b8740b8c349ee1558ed5e60ce50e",href:"mailto:"+this.value},de(this.value,a));break;case"phone":s=o("a",{key:"dc27f6c1d36f47721908d7ae04783ceab3863a29",href:"tel:"+this.value},de(this.value,a,this.country));break;case"postal-code":s=de(this.value,a,this.country);break;case"price":s=de(this.value,a,{currency:this.currency,toInteger:this.toInteger});break;case"date":s=(t=he(this.type,T()))===null||t===void 0?void 0:t.toString(this.value);break;case"duration":s=de(this.value,a)||"0";break;case"date-time":s=this.format?C.DateTime.localize(this.value,this.format,T()):(e=he(this.type,T()))===null||e===void 0?void 0:e.toString(this.value);break}return this.label?[o("div",null,this.label),s]:s}};Be.style=We();const Ve=class{constructor(o){t(this,o);this.notice=e(this,"notice")}noticeWarning(t){console.log("emit",t);this.notice.emit(t)}render(){return[o("main",{key:"f0027441bfef78c171ba61092be17b58234f9441"},o("fieldset",{key:"d6d0987729d19296ae9bca9108b51b02d4cffe12"},o("h2",{key:"8bf8fb79a2962ee6f57199fbca073d3d6108bfaf"},"Smoothly display"),o("dl",{key:"a611e082683866edf1aed27253cc139cdfae914d"},o("dt",{key:"57ab7bbd1eb80eafbac37682b663cb14fbc0afc8"},"Duration"),o("dd",{key:"0ff01664956d694165bfb366cad10146ba748f92"},o("div",{key:"aa1e91e3c22cb273d96ae15597b31c6ce6d826f3"},o("div",{key:"4a51be0b383303cffad2bf958865e943a86eb35c"},o("smoothly-display",{key:"a69cc7be176c850fad91eb13feec5ad81f867e81",style:{display:"inline"},type:"duration",value:{hours:13,minutes:100}})," h"),o("div",{key:"49df16cc21484f0b58025cc55fdcb4f4316db50f"},o("smoothly-display",{key:"865bf3acaced59068f8dea2c22c76cd6906f3d14",style:{display:"inline"},type:"duration",value:{hours:8}})," h"),o("div",{key:"afcb613ed8ee92fc23d2adc1f4a8019840b137a4"},o("smoothly-display",{key:"21eeba322f8ed8b24160c7c4c2cf042c3d942762",style:{display:"inline"},type:"duration",value:{minutes:3}})," h"),o("div",{key:"9a08731fcf35e804463fba62e505fe23f7971b2d"},o("smoothly-display",{key:"39c432749ba1147433b0a4703030c872bfc17b15",style:{display:"inline"},type:"duration",value:{hours:-13,minutes:100}})," h"),o("div",{key:"e2fed37cd00090311d04917160996fb6c9d7c202"},o("smoothly-display",{key:"166fd0d523c1ff7000d21232b3511d46ff642104",style:{display:"inline"},type:"duration",value:{hours:-8}})," h"),o("div",{key:"f59fa2cf4af468c0efd8d282559458d3048bb54a"},o("smoothly-display",{key:"aa40b1c43f5cfe22dd0bc0e6101db78a92c53621",style:{display:"inline"},type:"duration",value:{}})," h"),o("div",{key:"7e15d974058f15a3c42ec1d12ada1673beb1d6b3"},o("smoothly-display",{key:"e2b4163ee526312211aeb628b90b8eedcbe7e6f0",style:{display:"inline"},type:"duration",value:{minutes:-3}})," h"))),o("dt",{key:"bc84f7802f65b61b07be817c9aaf94e3f61ae84d"},"text"),o("dd",{key:"57f8d7a74ceac39909d10cbe481b3971f2ecdeeb"},o("smoothly-display",{key:"642c8f1d612e0debcca8bd7b201bd365af96cfa9",type:"text",value:"text"})),o("dt",{key:"f935e44f241328df81553f11839f5c8ffbc10c9e"},"postal code"),o("dd",{key:"9e330664f885f7219842624d3f38bcb196477f01"},o("smoothly-display",{key:"d9b64e1a659e44ea742cd4eaaa957568fb1e0d34",type:"postal-code",value:"752 31"})),o("dt",{key:"5dbf58da2741a7c0b23fd504b2f98e136f494949"},"password"),o("dd",{key:"4b649f79b01043826cfb8daecc643fe252fab4a8"},o("smoothly-display",{key:"0a3981b795879dc97bfb89c0ba24956742ce239c",type:"password",value:"password"})),o("dt",{key:"65971d774fbdbae74ffc9fc96668ba012701ea71"},"email"),o("dd",{key:"fb22a5ca78f8b003de2dced241e5525fe42c5fde"},o("smoothly-display",{key:"2512acf71be746c2fcc2501451ce785bdbd01455",type:"email",value:"test@example.com"})),o("dt",{key:"b89f91cecf9c963edd07250bf2a065a3da64837b"},"price"),o("dd",{key:"6a2bf5ba95dcc27acc8629a4f3bd4ab8662a0365"},o("smoothly-display",{key:"e591993c95b899fa4aa976cfe3539e0e723e6ef3",type:"price",value:"13.37",currency:"SEK"})),o("dt",{key:"207e97191f04e431c5e511eb85fdbcf63572ffe8"},"price without decimals"),o("dd",{key:"a6420d4a9a8cf3d608e07999dfad03b6fccc43a9"},o("smoothly-display",{key:"b0e5761078c10a07616023a95b10765b86dd5a82",type:"price",value:200,currency:"SEK",toInteger:true})),o("dt",{key:"f3a1266f7e0610880115e0ba93f13cac57e8d038"},"price with decimals if they are set, otherwise no decimal"),o("dd",{key:"601c5f79148527505141bc3a1995b068998190b6"},o("smoothly-display",{key:"349b706f45c15353a5247608d9b5eddd5d514fb3",type:"price",value:200.2,currency:"SEK",toInteger:true})),o("dt",{key:"46331fe9a8124257ee9d5e9713b713831e1f615f"},"price with decimals"),o("dd",{key:"317c8ca991740a994b59830c94e8393bc01d3f07"},o("smoothly-display",{key:"5ec0d759372c9fb36fd2149aae7953600cc67726",type:"price",value:200.2,currency:"SEK"})),o("dt",{key:"60a3e8e4672dcd6050d79937f297404e6e84a04a"},"percent"),o("dd",{key:"572df0ef47bb43bef3f15695ce774e3a205e27f5"},o("smoothly-display",{key:"b740dabdd447e609096a9587e70d04ae069f6ef6",type:"percent",value:"42"})),o("dt",{key:"9af3e07c435f10b3159d9fb313237129246669a4"},"phone"),o("dd",{key:"31d3728c41a9cfad3440d4c5498f129b7be62b3e"},o("smoothly-display",{key:"76bda1d9a032c2df5d10850ed34ec96c94524238",type:"phone",value:"0101881108"})),o("dt",{key:"339edc1575a020d74fe03f3dcd428352d905591f"},"card number"),o("dd",{key:"ef75e57c991ca5a1f886e2f6716d3475d6023e42"},o("smoothly-display",{key:"1e694d62f751eb4c566b54ced5094030249eeebd",type:"card-number",value:"4111111111111111"})),o("dt",{key:"c8cd5d87ac6ab7e778449f6e8528c3aeab576438"},"card expires"),o("dd",{key:"af791cca99d6ea340884d8becdb78c4e11a6a40b"},o("smoothly-display",{key:"5e2c05c3f80af6f427c6bd4842d72db8c5dab3e9",type:"card-expires",value:"7/22"})),o("dt",{key:"6a9433b4e2048cd4de63a47c772ee6418d3acf21"},"card csc"),o("dd",{key:"d7e5f17ce69a12146a8ad54c981e59f5f69ae4da"},o("smoothly-display",{key:"24a9c38b6c032aa554974376e13cb2b8ec0b84d0",type:"card-csc",value:"987"})),o("dt",{key:"48f5cac78c36bb5136f51ba66a6d0f07fb1a895f"},"date"),o("dd",{key:"f5de472e757607197287bb40299df53029677995"},o("smoothly-display",{key:"3c3f43d0b929ab99bf66b7e6d2652480272e199b",type:"date",value:"2022-07-07"})),o("dt",{key:"cc7cdb8e399598175e0772b23a7f7426eb6eb9dc"},"date time"),o("dd",{key:"9ece32e9caa673525dcf71b86cd45b061d9827d9"},o("smoothly-display",{key:"8c34dc9335a1dcd809368d490e38b366e0cbad98",type:"date-time",format:{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T02:02:02Z"})),o("dd",{key:"bffb607f7fff4cbd83976db7ebb4b6d047181749"},o("smoothly-display",{key:"9532c7fc763f670bc7efdf790bba83498224fa2b",type:"date-time",format:{year:"2-digit",month:"long",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"},value:"2022-07-07T02:02:02Z"})),o("dd",{key:"e69696c5cacfd2eb127822b7372401baa4838c1f"},o("smoothly-display",{key:"24dd4186d2e39e2ec123f31155e7ec5e9d473237",type:"date-time",format:{year:"numeric",month:"2-digit",day:"2-digit",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),o("dd",{key:"57656dda4f48f82ea0b089be6613076de5c08613"},o("smoothly-display",{key:"f8dc33572b80480deb71b2333d4ccb28a4d4b556",type:"date-time",format:{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),o("dd",{key:"8e06ce3ce8c92fc344b7d0152667ecd3de933ef0"},o("smoothly-display",{key:"dfe29b01b180372cb1bac5702e0ead534ad59ad5",type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),o("dd",{key:"416f2e6fac955dc4a7a08b543186a5176b4359f2"},o("smoothly-display",{key:"42baa9b698ae41db2a96203f11439217b4dd0598",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),o("dd",{key:"9fa5bf6bcc7f11f24c92ea73235fc2c8fd1a9fa5"},o("smoothly-display",{key:"9dc5fc24afb8952b6556c2f4405e47270f7d96c5",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZone:"Europe/Stockholm"},value:"2022-07-07T12:15Z"})),o("dt",{key:"fa0fee5e4d57648ef7379fcab25b1c861df29572"},"Display JSON"),o("dd",{key:"24e8222807dd1a65b3d0b4d49e4e9b7f2f63ca45"},o("smoothly-display-demo-json",{key:"3bfc573006f805f99a9815efd69bdb4cae7da5b0"})))),o("h2",{key:"526bb69d7ad95db53610949dfdfb1a8335d0d734"},"With labels"),o("dd",{key:"42b3f4d34abb22ce98f7421c04076af3cf9592d7"},o("smoothly-display",{key:"bdfcb7554a39ed2f937ef2acc613f07e863b4460",label:"Today",type:"date",value:C.Date.now()}),o("smoothly-display",{key:"ca523fd7b87353ad81a0fd6747626e3313dcd803",label:"Total amount",type:"price",currency:"SEK",value:6789}),o("smoothly-display",{key:"f185521dbf646db7f2dbd0856d5b51c19cea0f7e",label:"Total amount",type:"price",currency:"GBP",value:678.9}),o("smoothly-display",{key:"2b11b984ee41bcfd8651422099dd0243dea5c1f9",label:"Logs",type:"json",value:[{type:"trace",message:"Hello"},{type:"error",message:"Oh no!"}]})),o("fieldset",{key:"ef8bc44b54f0a98227581bcade3330debc22729c"},o("h2",{key:"0dee7b56295ee035a7459a687e95bdcde727e1f7"},"Test of different kinds of notifier"),o("button",{key:"88076dc7ef7db955ba07bad008e3082c9c3177e4",onClick:()=>this.noticeWarning(S.warn("This is a test warning notice."))},"warning"),o("button",{key:"f07659e51be16b4019d2a4759e62ef7a1e526c32",onClick:()=>this.noticeWarning(S.succeeded("This is a test success notice."))},"success"),o("button",{key:"ba7ae24c1f495c0babea9c9c4a5219129d16b5a1",onClick:()=>this.noticeWarning(S.failed("This is a test danger notice."))},"danger"),o("button",{key:"6bec07e40f8cdf258d1ac09bac883570b6599e82",onClick:()=>this.noticeWarning(S.execute("This is a test execute notice.",(()=>new Promise((t=>window.setTimeout((()=>t([true,"This went great"])),3e3))))))},"execute"),o("button",{key:"30284847af0b9196965d40ef9a1e252fb9c6cb93",onClick:()=>this.noticeWarning(S.delay("This is a test delay notice.",(()=>new Promise((t=>window.setTimeout((()=>t([true,"This went great"])),3e3))))))},"delay")),o("fieldset",{key:"3d00362adfdf13d785a824e7a37151bea10f0991"},o("h2",{key:"ec4235bbe8d792aefe999743de12f8f1657e6789"},"Smoothly spinner"),o("div",{key:"041c2d303ad7de8e19695eaca34461b08af1f8ef",style:{width:"fit-content"}},"Large",o("smoothly-spinner",{key:"7899818b65ed91864b3a566a06c652be320779ee",size:"large",style:{"--spinner-background":"200,255,200","--spinner-background-opacity":"0.2","--spinner-color":"0,130,0"}})),o("div",{key:"d91ace8ab22931ac828734c330ec6bdffb7a1874",style:{width:"fit-content"}},"Medium",o("smoothly-spinner",{key:"e9c676eb8aeb5be8bbe3145fab86c5b8e5ce102d",size:"medium"})),o("div",{key:"4ddb83d57b7054a240391751efb43642f89af289",style:{width:"fit-content"}},"Small",o("smoothly-spinner",{key:"f81d12395407c33d35244069cb3f337c2fc68f7e",size:"small"})),o("div",{key:"442d309f4b04986e52cbeae4758377695fbdc3e4"},"Icon sized spinner on button",r.values.map((t=>o("smoothly-button",{size:"icon",color:t,shape:"rounded",onClick:()=>{this.downloadingSpinner=true;setTimeout((()=>this.downloadingSpinner=false),3e3)}},!this.downloadingSpinner&&o("smoothly-icon",{name:"download-outline"}),this.downloadingSpinner&&o("smoothly-spinner",{size:"icon",style:{"--spinner-background-opacity":"0"}}))))),o("h3",{key:"bc6fe08536d2b7245fecb987c84112377532ff5f"},"Spinner with overlay"),o("div",{key:"286d6fc3429a30743f362b89874b22db0c8f00d8",style:{position:"relative",height:"10em"}},"Large Overlay Spinner",o("smoothly-spinner",{key:"05f8103a25be0a00235dabfaf17b17dd059f110d",overlay:true,size:"large",style:{"--spinner-background":"255,200,255","--spinner-background-opacity":"0.5","--spinner-color":"0,130,0"}})),o("div",{key:"88dae76ba4f26b5ba5dab790d030efd2740a9c3a",style:{position:"relative",height:"10em"}},"Medium Overlay Spinner",o("smoothly-spinner",{key:"ea74d644a344b2347888a609a72b20ac5c8651df",overlay:true,color:"secondary",size:"medium"})),o("div",{key:"64d9ade2587010213832e33830c5eeca985c7480",style:{position:"relative",height:"10em"}},"Small Overlay Spinner",o("smoothly-spinner",{key:"494f01fde3c846454bfa32681895b2253db373a4",overlay:true,size:"small"}))),o("fieldset",{key:"6629bd3d32263860e046c756bd0f392c51f25be0"},o("h2",{key:"33d110238af08bfc80a06d55b93cc128cc3a4d50"},"Smoothly summary"),o("smoothly-summary",{key:"5439e9671227547e17576d921bd4d193184310ae"},o("span",{key:"5aa376de959eac730f1731a9d1abaa7c9b2906e2",slot:"summary"},"Some title"),o("smoothly-summary",{key:"0f3c9220d9317c54c53037b25b92374ee64b8b3b",slot:"content"},o("div",{key:"aa1dc04d09749f3c125eac38fdd59b15f990871e",slot:"summary"},"Some other title"),o("div",{key:"327cbe85e798cbd7b5a6a96acb0d62db4486b6e2",slot:"content"},"A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please."))),o("smoothly-summary",{key:"34df179fe11e57724c204fc7faa92b6dd3d2c312"},o("div",{key:"bc7f0348eba69ce4b5ec090c3132152829cd2bdb",slot:"summary",style:{display:"flex",gap:"0.3rem"}},o("span",{key:"e46943da2844edc16d8c93e99f2a421668af34cf"},"Person"),o("smoothly-icon",{key:"b677ed1036743b2994003c0b4d8573124fa30407",name:"person",color:"light",fill:"clear",size:"tiny"})),o("p",{key:"8a22ac8f00f37ce9b4d90978d329daef975a2856",slot:"content"},"Some person information.")),o("h2",{key:"52120c774608c56017e1b8479631be4019449516"},"Label"),Ge.map((t=>o("smoothly-label",{hue:t.hue,description:t.description,shape:"rectangle"},t.name))),o("smoothly-label",{key:"16fba37231ff5ef8859a05e1d7b138ce27ba2769",color:"primary",description:"Using colors",shape:"rectangle"},"Primary")))]}};const Ge=[{name:"2fa",hue:120,description:"User has two factor authentication enabled."},{name:"expired",hue:240,description:"User's password has expired."},{name:"inactive",hue:60,description:"User is inactive."}];const Ke=class{constructor(e){t(this,e)}render(){return o(s,{key:"c459dfb0ab28ba6c9ec1be1f334398200800cf56"},[0,1,3,undefined].map((t=>[o("div",null,"collapseDepth=",t!==null&&t!==void 0?t:"undefined"),o("div",null,o("smoothly-display",{type:"json",value:qe,collapseDepth:t}))])))}};const qe={name:"stringy",nested:{age:109,array:["one","two","three",{name:"four"}],emptyObject:{},emptyArray:[],truthy:true,falsy:false,null:null,notDefined:undefined,longString:"pepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakorpepparkakor"}};const Ze=({value:t,collapseDepth:e})=>m().is(t)||Array.isArray(t)?o("smoothly-display-json-object",{value:t,collapseDepth:e}):o("smoothly-display-json-primitive",{value:t});const Je=()=>`.sc-smoothly-display-json-h{font-family:monospace}`;const Xe=class{constructor(e){t(this,e)}render(){return o(Ze,{key:"dc8824ed92fdfde3a318f0449eb531600678000f",value:this.value,collapseDepth:this.collapseDepth})}};Xe.style=Je();const Qe=()=>`.sc-smoothly-display-json-object-h{font-family:monospace;position:relative}[hidden].sc-smoothly-display-json-object-h{display:none}.indent.sc-smoothly-display-json-object{padding-left:1rem;border-left:1px solid rgba(var(--smoothly-default-contrast), 0.3)}.sc-smoothly-display-json-object-h:not(.open) .content.sc-smoothly-display-json-object{opacity:0;position:absolute;pointer-events:none}.sc-smoothly-display-json-object-h>.content.sc-smoothly-display-json-object>.indent.sc-smoothly-display-json-object:last-child>.comma.sc-smoothly-display-json-object{display:none}.sc-smoothly-display-json-object-h .open-bracket.sc-smoothly-display-json-object{cursor:pointer}.sc-smoothly-display-json-object-h .open-bracket.sc-smoothly-display-json-object::after{background-color:rgb(var(--smoothly-light-color));color:rgb(var(--smoothly-light-shade));border:1px solid rgb(var(--smoothly-light-color));white-space:pre;border-radius:0.25rem;font-weight:bold;font-size:0.8em}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover::after{color:rgb(var(--smoothly-default-contrast));border-color:rgb(var(--smoothly-light-shade))}.sc-smoothly-display-json-object-h:not(.open):not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:" ▶ " attr(data-length) " ◀ "}.open.sc-smoothly-display-json-object-h:not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:" ▼ "}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover,.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover~.close-bracket.sc-smoothly-display-json-object{font-weight:bold}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover+.content.sc-smoothly-display-json-object>.indent.sc-smoothly-display-json-object{border-left-color:rgb(var(--smoothly-default-contrast))}`;const to=class{constructor(e){t(this,e);this.openBracket="";this.closeBracket=""}componentWillLoad(){this.open=typeof this.collapseDepth=="number"?this.collapseDepth>0:true;if(Array.isArray(this.value)){this.openBracket="[";this.closeBracket="]";this.length=this.value.length}else{this.openBracket="{";this.closeBracket="}";this.length=Object.keys(this.value).length}this.empty=this.length==0}render(){const t=typeof this.collapseDepth=="number"?Math.max(this.collapseDepth-1,0):undefined;return o(s,{key:"d8c5fd222b4cbe393ccd7e5fe13ec04bff9c5614",class:{empty:this.empty,open:this.open}},o("span",{key:"56070a9821ec22233a1a53614bf062234b5e1645",class:"open-bracket",onClick:()=>this.open=!this.open,"data-length":this.length},this.openBracket),o("span",{key:"9fb7f10b2c330e486270e875bc3adff84066aa23",class:"content"},Array.isArray(this.value)?this.value.map((e=>o("div",{class:"indent"},o(Ze,{value:e,collapseDepth:t}),o("span",{class:"comma"},",")))):Object.entries(this.value).map((([e,s])=>o("div",{class:"indent"},o("smoothly-display-json-record-key",{value:e}),":"," ",o(Ze,{value:s,collapseDepth:t}),o("span",{class:"comma"},","))))),o("span",{key:"13fc780163726d1c6b03c4657ed7dd303fe4aca9",class:"close-bracket"},this.closeBracket))}};to.style=Qe();const eo=()=>`.sc-smoothly-display-json-primitive-h{font-family:monospace;display:inline;overflow-wrap:anywhere;white-space:pre-wrap}[hidden].sc-smoothly-display-json-primitive-h{display:none}.string.sc-smoothly-display-json-primitive-h{font-weight:var(--smoothly-display-json-string-font-weight, bold);color:rgb(var(--smoothly-display-json-string, var(--smoothly-primary-color)))}.number.sc-smoothly-display-json-primitive-h{font-weight:var(--smoothly-display-json-number-font-weight, bold);color:rgb(var(--smoothly-display-json-number, var(--smoothly-secondary-color)))}.boolean.sc-smoothly-display-json-primitive-h{font-weight:var(--smoothly-display-json-boolean-font-weight, bold);color:rgb(var(--smoothly-display-json-boolean, var(--smoothly-tertiary-color)))}.null.sc-smoothly-display-json-primitive-h,.undefined.sc-smoothly-display-json-primitive-h{font-weight:var(--smoothly-display-json-undefined-font-weight, normal);color:rgb(var(--smoothly-display-json-undefined, var(--smoothly-medium-color)))}`;const oo=class{constructor(e){t(this,e)}render(){return o(s,{key:"0e8d894d5b03272d4df6b648eef111b4efe5b236",class:this.value==null?"null":typeof this.value},""+JSON.stringify(this.value))}};oo.style=eo();const so=()=>`.sc-smoothly-display-json-record-key-h{font-family:monospace;display:inline;color:rgb(var(--smoothly-default-contrast))}[hidden].sc-smoothly-display-json-record-key-h{display:none}`;const ao=class{constructor(e){t(this,e)}render(){return o(s,{key:"2a03b569bedb742a25108741886a5a781f31a703"},'"',this.value,'"')}};ao.style=so();var io;(function(t){function e(t){return typeof t=="string"&&(t=="GET"||t=="POST"||t=="DELETE"||t=="HEAD"||t=="PATCH"||t=="PUT"||t=="OPTIONS"||t=="TRACE"||t=="CONNECT")}t.is=e;function o(t){t=t?.toUpperCase();return e(t)?t:undefined}t.parse=o})(io||(io={}));const lo={};function no(t,...e){e.forEach((e=>lo[e]=t))}function ro(t){const e=t.headers.get("Content-Type");const o=e&&e.split(";");const s=lo[o?.[0]??"plain/text"];return s?s(t):t.text()}const co={};function ho(t,...e){e.forEach((e=>co[e]=t))}function mo(t,e){const o=co[e?.split(";")[0]??""];return o?o(t,e):t}function yo(t){return t.toLowerCase().replace(/-[a-z]/g,(t=>t.substring(1).toUpperCase()))}function bo(t){const e=t.replace(/[A-Z]/g,(t=>"-"+t));return e[0].toUpperCase()+e.substring(1)}const uo=[["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 po;(function(t){function e(t){function e(t){return t==undefined||typeof t=="string"}function o(t){return t==undefined||Array.isArray(t)&&t.every((t=>typeof t=="string"))}return typeof t=="object"&&uo.every((s=>(s[2]==1?e:o)(t[s[0]])))}t.is=e;function o(t){return Object.fromEntries(Object.entries(t).map((([t,e])=>{const o=uo.find((([e,o,s])=>e==t));return[o?o[1]:bo(t),Array.isArray(e)?e.join(", "):e]})))}t.to=o;function s(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):i(t)?[...t]:Object.entries(t)).map((([t,e])=>{const o=uo.find((([e,o,s])=>t.toLowerCase()==o.toLowerCase()));return o?[o[0],o[2]==1||typeof e!="string"?e:e.split(",").map((t=>t.trim()))]:[yo(t),e]})))}t.from=s;function a(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=a;function i(t){return typeof t.entries=="function"}})(po||(po={}));var fo;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["method","url","parameter","search","remote","header","body"].some((e=>e==t))))&&io.is(t.method)&&t.url instanceof URL&&typeof t.parameter=="object"&&Object.entries(t.parameter).every((([t,e])=>typeof t=="string"&&typeof e=="string"))&&typeof t.search=="object"&&Object.entries(t.search).every((([t,e])=>typeof t=="string"&&typeof e=="string"))&&(t.remote==undefined||typeof t.remote=="string")&&(t.header==undefined||po.is(t.header))}t.is=e;async function o(t){const o=e(t)?t:a(t);const s=o.header.contentType?.startsWith("multipart/form-data")?(({contentType:t,...e})=>e)(o.header):o.header;return{url:o.url.toString(),method:o.method,headers:po.to(s),body:["GET","HEAD"].some((t=>t==o.method))?undefined:await mo(await o.body,o.header.contentType)}}t.to=o;function s(t){const e=new URL(t.url);return{method:io.parse(t.method)??"GET",url:e,header:po.from(t.headers),parameter:{},search:Object.fromEntries(e.searchParams.entries()),body:ro(t),..."cf"in t&&{cloudflare:t.cf}}}t.from=s;function a(t){let e;if(typeof t=="string")e=a({url:t});else{const o=typeof t.url=="string"?new URL(t.url):t.url;e={method:io.parse(t.method)??"GET",url:o,parameter:t.parameter??{},search:{...t.search,...Object.fromEntries(o.searchParams.entries())},remote:t.remote,header:t.header??{},body:t.body}}return e}t.create=a;(function(t){t.is=po.is;t.from=po.from;t.to=po.to})(t.Header||(t.Header={}))})(fo||(fo={}));const go=typeof Response!="undefined"?Response:globalThis.Response;var ko=undefined&&undefined.__classPrivateFieldGet||function(t,e,o,s){if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?s:o==="a"?s.call(t):s?s.value:e.get(t)};var vo=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,a){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?a.call(t,o):a?a.value=o:e.set(t,o),o};var wo,xo,Co,So,zo,Io,To,Do,jo;let Lo=class t{get state(){return ko(this,So,"f")?"closed":"opened"}set onMessage(t){if(ko(this,xo,"f").length&&t){ko(this,xo,"f").forEach(t);vo(this,xo,[],"f")}vo(this,Io,t,"f")}set onClose(t){if(this.state=="closed"&&t)t();vo(this,To,t,"f")}set onOpen(t){if(this.state=="opened"&&t)t();vo(this,jo,t,"f")}constructor(t,e){wo.add(this);xo.set(this,[]);Co.set(this,[]);So.set(this,false);zo.set(this,void 0);Io.set(this,void 0);To.set(this,void 0);jo.set(this,void 0);vo(this,zo,t,"f");if(e)vo(this,Co,undefined,"f");ko(this,zo,"f").addEventListener("open",(()=>{if(ko(this,jo,"f"))ko(this,jo,"f").call(this);ko(this,wo,"m",Do).bind(this)}));ko(this,zo,"f").addEventListener("message",(async t=>{const e=this.processReceived(t.data);ko(this,wo,"m",Do).call(this);if(ko(this,Io,"f"))ko(this,Io,"f").call(this,e);else ko(this,xo,"f")?.push(e)}));ko(this,zo,"f").addEventListener("close",(()=>{if(ko(this,To,"f"))ko(this,To,"f").call(this);vo(this,So,true,"f")}))}send(t){if(ko(this,Co,"f"))ko(this,Co,"f").push(this.processSend(t));else ko(this,zo,"f").send(this.processSend(t))}};xo=new WeakMap,Co=new WeakMap,So=new WeakMap,zo=new WeakMap,Io=new WeakMap,To=new WeakMap,jo=new WeakMap,wo=new WeakSet,Do=function t(){ko(this,Co,"f")?.forEach((t=>ko(this,zo,"f").send(t)));vo(this,Co,undefined,"f")};let _o=class t extends Lo{processReceived(t){return t?.arrayBuffer?t.arrayBuffer():typeof t=="string"?(new TextEncoder).encode(t).buffer:t}processSend(t){return t}};class Ro extends Lo{processReceived(t){return JSON.parse(t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t)}processSend(t){return JSON.stringify(t)}}let Ao=class t extends Lo{processReceived(t){return t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t}processSend(t){return t}};var $o=undefined&&undefined.__classPrivateFieldGet||function(t,e,o,s){if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?s:o==="a"?s.call(t):s?s.value:e.get(t)};var Mo=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,a){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?a.call(t,o):a?a.value=o:e.set(t,o),o};var Eo,Oo,Po;class Ho{get json(){if(!$o(this,Eo,"f"))Mo(this,Eo,new Ro(this.backend,this.isOpen),"f");return $o(this,Eo,"f")}get string(){if(!$o(this,Oo,"f"))Mo(this,Oo,new Ao(this.backend,this.isOpen),"f");return $o(this,Oo,"f")}get arrayBuffer(){if(!$o(this,Po,"f"))Mo(this,Po,new _o(this.backend,this.isOpen),"f");return $o(this,Po,"f")}constructor(t,e){this.backend=t;this.isOpen=e;Eo.set(this,void 0);Oo.set(this,void 0);Po.set(this,void 0)}createResponse(t={}){return{status:101,socket:this,header:t}}close(t,e){this.backend.close(t,e)}}Eo=new WeakMap,Oo=new WeakMap,Po=new WeakMap;var Fo;(function(t){t.Factory=Ho})(Fo||(Fo={}));const Uo=[["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 No;(function(t){function e(t){function e(t){return t==undefined||typeof t=="string"}function o(t){return t==undefined||Array.isArray(t)&&t.every((t=>typeof t=="string"))}return typeof t=="object"&&Uo.every((s=>(s[2]==1?e:o)(t[s[0]])))}t.is=e;function o(t){return Object.fromEntries(Object.entries(t).map((([t,e])=>{const o=Uo.find((([e,...o])=>e==t));return[o?o[1]:bo(t),Array.isArray(e)?e.join(", "):e]})))}t.to=o;function s(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):i(t)?l(t):Object.entries(t)).map((([t,e])=>{const o=Uo.find((([e,o,s])=>t.toLowerCase()==o.toLowerCase()));return o?[o[0],o[2]==1||typeof e!="string"?e:e.split(",").map((t=>t.trim()))]:[yo(t),e]})))}t.from=s;function a(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=a;function i(t){return typeof t.forEach=="function"}function l(t){const e=[];t.forEach(((t,o)=>e.push([o,t])));return e}})(No||(No={}));var Yo;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["status","header","body","socket"].some((e=>e==t))))&&(t.status==undefined||typeof t.status=="number")&&(t.header==undefined||No.is(t.header))&&(t.socket==undefined||typeof t.socket.close=="function"&&typeof t.socket.json?.send=="function"&&typeof t.socket.string?.send=="function"&&typeof t.socket.arrayBuffer?.send=="function")&&(t.status!=undefined||t.header!=undefined||t.body!=undefined)}t.is=e})(Yo||(Yo={}));var Wo;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["status","header","body","socket"].some((e=>e==t))))&&(t.status==undefined||typeof t.status=="number")&&(t.header==undefined||No.is(t.header))&&(t.socket==undefined||t.socket instanceof WebSocket)}t.is=e;async function o(t){return new go(await mo(await t.body,t.header.contentType),{status:t.status,headers:new Headers(No.to(!t.header.contentType?.startsWith("multipart/formdata")?t.header:(({contentType:t,...e})=>e)(t.header))),...t.socket&&{webSocket:{...t.socket.createResponse().socket}?.backend}})}t.to=o;function s(t){return{status:t.status,header:No.from(t.headers),body:t.status==101?undefined:ro(t),...t.webSocket&&{socket:new Fo.Factory(t.webSocket)}}}t.from=s;function a(t,e){const o=Yo.is(t)?{status:200,header:{},body:undefined,...t.socket&&{socket:t.socket},...t}:typeof t?.createResponse=="function"&&(e==undefined||No.is(e))?t.createResponse(e):{status:typeof t=="object"&&typeof t.status=="number"&&t.status||200,header:typeof t=="object"?{...t.header,...(t.status==301||t.status==302)&&t.location?{location:t.location}:{}}:{},body:!(typeof t=="object"&&!Array.isArray(t))||t instanceof ArrayBuffer||ArrayBuffer.isView(t)||t instanceof FormData?t:(({header:t,...e})=>e)(t),...t.webSocket&&{socket:new Fo.Factory(t.webSocket)}||t.socket&&{socket:t.socket}};if(!o.header.contentType)switch(typeof o.body){case"undefined":break;default:case"object":o.header.contentType=typeof e=="string"?e:e?.contentType?e.contentType:o.body instanceof FormData?"multipart/formdata":o.body instanceof ArrayBuffer||ArrayBuffer.isView(o.body)?i(o.body)?"application/pdf":"application/octet-stream":"application/json; charset=utf-8";break;case"string":o.header.contentType=o.body.slice(0,9).toLowerCase()=="<!doctype"?"text/html; charset=utf-8":/^[A-Za-z0-9-_=]+\.[A-Za-z0-9-_=]+\.?[A-Za-z0-9-_.+/=]*$/.test(o.body)?"application/jwt; charset=utf-8":/^<\?xml version=(.|\n)*\?>(.|\n)*<svg(.|\n)*<\/svg>$/.test(o.body)?"image/svg+xml":"text/plain; charset=utf-8";break}return o}t.create=a;function i(t){const e=new Uint8Array(ArrayBuffer.isView(t)?t.buffer:t).slice(0,4);return[37,80,68,70].every(((t,o)=>t==e[o]))}t.Header=No;t.Like=Yo})(Wo||(Wo={}));const Bo=Vo(globalThis.fetch);Bo.create=Vo;function Vo(t){return async e=>{const o=fo.create(e);return Wo.from(await t(o.url.toString(),await fo.to(o)))}}var Go;(function(t){function e(t){const e=new globalThis.FormData;e.append("*",new globalThis.Blob([(new TextEncoder).encode(JSON.stringify(o(t,"",e)))],{type:"application/json; charset=utf-8"}));return e}t.to=e;function o(t,e,a){return Object.entries(t).reduce(((t,[i,l])=>{l instanceof Blob?a.append(e?`${e}.${i}`:i,l):typeof l=="object"&&l?Array.isArray(l)?t[i]=s(l,e?`${e}.${i}`:i,a):t[i]=o(l,e?`${e}.${i}`:i,a):t[i]=l;return t}),{})}function s(t,e,a){return t.reduce(((t,i)=>{typeof i=="object"&&i?Array.isArray(i)?t.push(s(i,e,a)):t.push(o(i,e,a)):t.push(i);return t}),[])}async function a(t){const e={};for(const[o,s]of t.entries())await i(e,o.split("."),s);return e}t.from=a;async function i(t,[e,...o],s){if(o.length==0)s instanceof Blob&&s.type.startsWith("application/json")?e=="*"?l(t,JSON.parse(await s.text())):typeof t[e]=="object"&&t[e]?l(t[e],JSON.parse(await s.text())):t[e]=JSON.parse(await s.text()):t[e]=s;else i(typeof t[e]=="object"&&t[e]?t[e]:t[e]={},o,s)}function l(t,...e){if(e.length){const[o,...s]=e;Object.entries(o).forEach((([e,s])=>n(s)?l(n(t[e])?t[e]:t[e]={},s):t[e]=o[e]));l(t,...s)}}function n(t){return t&&typeof t=="object"&&!Array.isArray(t)}t.isObject=n})(Go||(Go={}));function Ko(t){const e=[];const o=(t,s)=>{switch(typeof s){default:case"bigint":case"boolean":case"number":case"string":e.push(`${t}=${encodeURIComponent(s.toString())}`);break;case"undefined":break;case"object":for(const e in s)if(Object.prototype.hasOwnProperty.call(s,e))o(t?t+`[${e}]`:e,s[e]);break}};o("",t);return e.join("&")}function qo(t){const e=t=>typeof t=="object"&&Object.keys(t).sort().every(((t,e)=>`${t}`==`${e}`))?Object.entries(t).sort().map((t=>typeof t[1]=="object"?e(t[1]):t[1])):typeof t=="object"?Object.fromEntries(Object.entries(t).map((t=>[t[0],e(t[1])]))):t;const o=(t,e,s)=>{t[e[0]]=e.length>1?o(t[e[0]]??{},e.slice(1),s):s;return t};const s=t.split("&").map((t=>t.split("=",2))).map((([t,e])=>[decodeURIComponent(t).split("[").map((t=>t.replace("]",""))),decodeURIComponent(e.replace(/\+/g," "))]));return s.reduce(((t,[s,a])=>e(o(t,s,a))),{})}no((async t=>await t.text()),"text/plain","text/html");no((async t=>await t.json()),"application/json");no((async t=>await t.arrayBuffer()),"application/pdf");no((async t=>Go.from(await t.formData())),"multipart/form-data");no((async t=>qo(await t.text())),"application/x-www-form-urlencoded");ho((async t=>typeof t=="string"?t:t.toString()),"text/plain","text/html");ho((async t=>JSON.stringify(t)),"application/json");ho((async t=>t),"application/pdf");ho((async t=>Ko(t)),"application/x-www-form-urlencoded");ho((async t=>t instanceof globalThis.FormData?t:Go.to(t)),"multipart/form-data");var Zo;(function(t){function e(t){return t&&typeof t=="object"&&typeof t.clear=="function"}t.is=e})(Zo||(Zo={}));class Jo{constructor(t){this.parent=t;this.callbacks=[]}async subscribe(t){this.callbacks.push(t);await t(this.parent)}async publish(){Promise.all(this.callbacks.map((t=>t(this.parent))))}static create(t){return new Jo(t)}}var Xo;(function(t){t.Observer=Jo;let e;(function(t){t.type=m({edit:y(),readonly:b(),listen:y(),reset:y(),setInitialValue:y()});t.is=t.type.is})(e=t.Element||(t.Element={}));const o=m({emit:y()});t.type=e.type.extend({isDifferentFromInitial:b(),value:z().optional(),smoothlyFormDisable:o});t.is=t.type.is})(Xo||(Xo={}));var Qo;(function(t){t.values=["plain","grid","border","line","transparent"];t.type=u(t.values);t.is=t.type.is})(Qo||(Qo={}));var ts;(function(t){let e;(function(t){t.type=m({register:y(),unregister:y(),getValue:y(),disabled:b().optional(),color:r.type.optional(),name:u(),invalid:b().optional(),looks:Qo.type.optional(),defined:b().optional(),binary:y().optional()});t.is=t.type.is})(e=t.Element||(t.Element={}));const o=m({emit:y()});t.type=e.type.extend({smoothlyInputLoad:o,smoothlyInput:o,smoothlyUserInput:o,smoothlyKeydown:o.optional(),smoothlyInputForm:o.optional(),parent:Xo.type.optional()});t.is=t.type.is;function s(t,e){if(t.parent instanceof os){t.parent.removeInput(e!==null&&e!==void 0?e:t.name)}}t.formRemove=s;function a(t){t.smoothlyInputLoad.emit((e=>t.parent=e))}t.formAdd=a;function i(t,e){if(e){s(t,e)}a(t)}t.formRename=i;function l(t,e){if(!(e.target&&"name"in e.target&&e.target.name===t.name)){e.stopPropagation();e.detail(t)}}t.registerSubAction=l})(ts||(ts={}));const es=()=>`smoothly-form{display:block;position:relative}smoothly-form>form{position:relative}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 14rem));flex-basis:40%}smoothly-form[looks="line"]>form>fieldset,smoothly-form[looks="border"]>form>fieldset,smoothly-form[looks="transparent"]>form>fieldset{row-gap:var(--smoothly-form-row-gap, 2rem);column-gap:var(--smoothly-form-column-gap, 2rem)}smoothly-form[looks="grid"]>form>fieldset{padding:1px;gap:1px}smoothly-form>form>div:not(:empty){display:flex;justify-content:end;gap:1em;margin-top:1.5rem}`;const os=class{constructor(o){t(this,o);this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.smoothlyFormInput=e(this,"smoothlyFormInput");this.smoothlyFormSubmit=e(this,"smoothlyFormSubmit");this.smoothlyFormReset=e(this,"smoothlyFormReset");this.smoothlyFormEdit=e(this,"smoothlyFormEdit");this.smoothlyFormClear=e(this,"smoothlyFormClear");this.notice=e(this,"notice");this.value={};this.type=this.action?"create":undefined;this.readonly=false;this.prevent=true;this.isDifferentFromInitial=false;this.contentType="json";this.inputs=new Map;this.readonlyAtLoad=this.readonly;this.observer=Xo.Observer.create(this)}componentWillLoad(){!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t))}async removeInput(t){if(this.element.isConnected){this.value=p.remove(this.value,t);this.inputs.delete(t);this.smoothlyFormInput.emit(p.convertArrays(this.value))}}async listen(t){this.observer.subscribe(t)}async watchValue(){var t,e;this.isDifferentFromInitial=[...this.inputs.values()].some((t=>Xo.type.is(t)?t.isDifferentFromInitial:true));if(this.validator){const o=(e=(t=this.validator)===null||t===void 0?void 0:t.flaw(p.convertArrays(this.value)).flaws)===null||e===void 0?void 0:e.reduce(((t,e)=>e.property?Object.assign(Object.assign({},t),{[e.property]:e}):t),{});for(const[t,e]of this.inputs.entries()){this.validate(o,t,e)}}this.observer.publish()}validate(t,e,o){var s,a;if(e.includes(".")){const[i,...l]=e.split(".");const n=(a=(s=t===null||t===void 0?void 0:t[i])===null||s===void 0?void 0:s.flaws)!==null&&a!==void 0?a:[];this.validate(n.reduce(((t,e)=>e.property?Object.assign(Object.assign({},t),{[e.property]:e}):t),{}),l.join("."),o)}else{const s=t===null||t===void 0?void 0:t[e];o&&(o.invalid=!!s)}}watchReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){t.stopPropagation();t.detail(this.looks,this.color)}async smoothlyInputHandler(t){this.value=p.merge(this.value,t.detail);this.smoothlyFormInput.emit(p.convertArrays(this.value))}async smoothlyKeydownHandler(t){if(t.detail.key=="Enter"&&this.inputs.has(t.detail.name)){t.stopPropagation();await this.submit()}}windowSubmitHandler(t){t.target==this.element&&t.detail.result(false)}submitHandler(t){this.action&&t.stopPropagation()}async smoothlyInputLoadHandler(t){var e;t.stopPropagation();t.detail(this);const o=t.target;if(ts.Element.is(o)){if(await((e=o.binary)===null||e===void 0?void 0:e.call(o))){this.contentType="form-data"}const t=await o.getValue();this.value=p.merge(this.value,{[o.name]:t});this.smoothlyFormInput.emit(p.convertArrays(this.value));this.inputs.set(o.name,o)}}async smoothlyFormDisableHandler(t){t.stopPropagation();t.detail(this.readonly)}async submit(t){this.processing=new Promise((e=>{this.smoothlyFormSubmit.emit({value:p.convertArrays(this.value),result:e,type:t==true?"remove":this.type});if(this.action){const o=this.action;this.notice.emit(S.execute("Submitting form",(async()=>{const s=t?"DELETE":!this.type||this.type=="create"?"POST":this.type=="change"?"PUT":this.type=="update"?"PATCH":"GET";const a=await Bo(fo.create(s=="GET"?{method:s,url:`${o}?${Ko(this.value)}`}:Object.assign({method:s,url:o},this.value&&{header:{contentType:this.contentType?"multipart/form-data":"application/json"},body:this.value}))).catch((()=>undefined));const i=!a||(a===null||a===void 0?void 0:a.status)<200||a.status>=300?[false,"Failed to submit form."]:[true,"Form successfully submitted."];e(i[0]);return[...i]})))}}));if(await this.processing){this.type=="create"&&await this.clear();await this.setInitialValue();this.readonlyAtLoad&&await this.edit(!this.readonlyAtLoad)}this.processing=undefined}async clear(){await Promise.all([...this.inputs.values()].map((async t=>Zo.is(t)&&t.clear())));this.smoothlyFormClear.emit()}async edit(t){await Promise.all([...this.inputs.values()].map((async e=>Xo.Element.type.is(e)&&e.edit(t))));this.readonly=!t;this.smoothlyFormEdit.emit(t)}async reset(){await Promise.all([...this.inputs.values()].map((t=>Xo.Element.type.is(t)&&t.reset())));this.isDifferentFromInitial=[...this.inputs.values()].some((t=>Xo.type.is(t)?t.isDifferentFromInitial:true));this.smoothlyFormReset.emit()}async setInitialValue(){await Promise.all([...this.inputs.values()].map((t=>Xo.Element.type.is(t)&&t.setInitialValue())))}render(){return o(s,{key:"13832187ab5df2576ff044529d909eb8037dc847"},o("smoothly-spinner",{key:"bfe49cf7d062e9691fa14b33cbe2a5084f521b27",overlay:true,hidden:!this.processing}),o("form",{key:"d8796700525994279e108c8c7e92ca70f0e29712",onSubmit:!this.prevent?undefined:t=>t.preventDefault(),name:this.name},o("fieldset",{key:"3ea76b10bf7025a3073813aa897f8d588d79f871"},o("slot",{key:"422845b145092f3c44009327dd5157ff1a8edf74"})),o("div",{key:"c85cf3f3211724e24acb964ed4747896cf184ece"},o("slot",{key:"94cb03243a1b223e2f9b0665e593486d95a13041",name:"clear"}),o("slot",{key:"8298256cbc374dc7731a1ae1e90b46ce7318c960",name:"edit"}),o("slot",{key:"37a1f5479fe938cc423c3c9c7e79d1d19e667997",name:"reset"}),o("slot",{key:"53856e34deb228ffa25e9c7611075b12b3339160",name:"delete"}),o("slot",{key:"fdc4667a9ca84c01f5a803a7b8865f7f258de837",name:"submit"}))))}get element(){return a(this)}static get watchers(){return{value:[{watchValue:0}],readonly:[{watchReadonly:0}]}}};os.style=es();const ss=()=>`.sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:calc(100% - 0.5rem)}`;const as=class{constructor(e){t(this,e)}render(){return o(s,{key:"1ddc9511911663c0c6732b9e9b00b3e68d008216"},o("div",{key:"8716afd31e7b741071f8fee4b939c7c1a2067343"},o("smoothly-form-demo-all",{key:"0856d387645fdb66fddb050be10ed906fde59b58"}),o("smoothly-form-demo-pet",{key:"4f2b563802b34dcfb8905bcaedd5d6c1d9a53e40"}),o("smoothly-form-demo-card",{key:"c362f29b57a6b321f0db6cbb4088fccdf1ba4ac7"}),o("smoothly-form-demo-login",{key:"a14e189b9455e4ca98911c987f5082c2d52e14ef"}),o("smoothly-form-demo-prices",{key:"1244782f93a5e5cca8af5d076d6adf594c22eb65"}),o("smoothly-form-demo-typed",{key:"15e40ae537693e1c19ddce3c50311718aa76c531"}),o("smoothly-form-demo-transparent",{key:"2ecde43fd255a80832e8302a7ffbdc2e4c1308da"}),o("smoothly-form-demo-date",{key:"e31bcebea1a06295cbcb5c3cf09f24e1e4678244"}),o("smoothly-form-demo-schedule",{key:"c82d53e933bce5540f10ef60fb3d17b4566abd06"}),o("smoothly-form-demo-date-range",{key:"4789cc150fa75b61bf578777cc86db216d75ca13"}),o("smoothly-form-demo-controlled",{key:"451ad913671046be1255752b103066eeac96eae8"})))}};as.style=ss();const is=class{constructor(e){t(this,e)}render(){return o(s,{key:"26d8859a979a266ef04c3bb1fc37d43b7eb9eb02"},o("h2",{key:"dd96fffed9ca4ab9aa7a4d7c3b1ecd01ff354258"},"All inputs"),o("smoothly-form",{key:"3f87a50316c1ee79f0c302f41e658f0c62145af3",looks:"grid",type:"create",readonly:true,action:"https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4",onSmoothlyFormSubmit:t=>{Object.entries(t.detail.value).forEach((([t,e])=>console.log(t,e)))}},o("smoothly-input",{key:"80413fc035c38ec456921554da4ad0710f240ec2",readonly:true,name:"First Name",value:"John"},"First name"),o("smoothly-input",{key:"9a05f6d391da8353b44e1f6d9497daa50b743373",showLabel:false,name:"Last name",value:"Doe"},"Last name",o("smoothly-input-clear",{key:"d84f796d222470385097527e85a8a00fe054df87",size:"icon",slot:"end"})),o("smoothly-input",{key:"2701ab2d4dcba753fae952f20870b1c481393b3b",type:"phone",name:"Phone",value:"777888999"},"Phone",o("smoothly-input-reset",{key:"667c5a1b5985b222785f1bb60f74c76a95e07d6b",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"30b8830f31e272e8701115e7849ac8f4cf623a30",clearable:true,name:"radioFirstInput"},o("label",{key:"784cacf4d835eb4989c07e836808704ed25de96c",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"c8ed8ee4bec740a9dcea2f381b6eed3045726638",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"936678767e2b83845e54fb0eaa116a5de111ae1c",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"15135664da662bafb7b2a6105086c67346e09bd4",value:"third"},"Label 3")),o("smoothly-input-color",{key:"f021a72c05dbf64358c33476b13954a6de8fc690",name:"color"},"Color"),o("smoothly-input-select",{key:"73a13398b6a3ea07fe3801bf6e8c1e2990fcf579",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"70b07064df546094f42653d09020e44e147f3c4f",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"69ac138a4b2c5c2b13a1120c56defe5af15757ac",value:"1"},"January"),o("smoothly-item",{key:"42b673e3da28c9694dceecec4b9363d23e2df256",value:"2"},"February"),o("smoothly-item",{key:"d77be546fff12aec5d24c5842acfff45e47b84af",value:"3"},"March"),o("smoothly-item",{key:"f3439c6da3efab944e5621c6b553cea248e8b903",value:"4"},"April"),o("smoothly-item",{key:"bc2bd414c62217c0c77bbd81ab047b989d92d116",value:"5"},"May"),o("smoothly-item",{key:"a76d3d4079774b087ea6e5332269d7ca18517a98",value:"6"},"June"),o("smoothly-item",{key:"325023552ef5f72e80498b240a28854d924aa62e",value:"7"},"July"),o("smoothly-item",{key:"a565da7502901f6f1264ffb1ceb18a1a2b90f4ba",value:"8"},"August"),o("smoothly-item",{key:"a65416ddab3bc75c8a471a070a20091a564fa554",value:"9"},"September"),o("smoothly-item",{key:"ec61990c57155a52b80f057474a61c386d0b9a53",value:"10"},"October"),o("smoothly-item",{key:"2aee5e3e54a18654df0657bf5915e57e8ec21fff",value:"11"},"November"),o("smoothly-item",{key:"48931868850a9d640e92ad8c1533d20118382a85",value:"12"},"December")),o("smoothly-input-select",{key:"60a31db453287a4fe94eb6f70c493e92f9d14585",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"df690c551ae8250a1f4d31f1b915029c6d7c5734",value:"folder",selected:true},o("smoothly-icon",{key:"291f79a3573eaffce90bc9e8ea15f952029af89e",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"bdc8cff7786d6e08368f0561045180e169c85e3d",value:"camera"},o("smoothly-icon",{key:"7aa0eff29200aa015782bd0e46ac46d11db51c10",size:"small",name:"camera-outline"}))),o("smoothly-input-checkbox",{key:"17bd997576aac246bc1cb9fa3490ae930a176a1a",name:"checkbox"},"Check the box"),o("smoothly-input-checkbox",{key:"a4350c47d2b7c2521f78ddc66b0c46392e9174fc",name:"checkbox2",checked:true},"Check the box 2"),o("smoothly-input-range",{key:"34c0a3695fda6f5c244febfe1ef0601fe8aad3e8",step:1,name:"range3",value:20,label:"Range"}),o("smoothly-input",{key:"4dad37c0545770b7a4e121ff059bd3ef6fcf1b0c",name:"pets.0.name"},"First Pet's Name"),o("smoothly-input-range",{key:"6dc2ab3e61d071eba1ba37b6bfa9d69cddf163ba",name:"pets.0.age",max:100,step:1,label:"First Pet's Age"}),o("smoothly-input",{key:"4f3c9643f4458da009f4abc44f4aa3bfed0b45c5",name:"pets.1.name"},"Second Pet's Name"),o("smoothly-input-range",{key:"46d4a4160d3052e23c3c4404dbe79bb28afad4a5",name:"pets.1.age",max:100,step:1,label:"Second Pet's Age"}),o("smoothly-input",{key:"31c35b9176a80e7ee6d5c3fea1800f9f4ef6e9a6",name:"pets.2.name"},"Third Pet's Name"),o("smoothly-input-range",{key:"a896c737e2109950144e1a3f2efa9210fba9c3c0",name:"pets.2.age",max:100,step:1,label:"Third Pet's Age"}),o("smoothly-input-file",{key:"01de90a10782f288c4d4fb4517275a7274b4dc92",name:"profile",placeholder:"Click or drag your profile picture here..."},o("span",{key:"5b7e453a366a439e2a97998f2eec3299bdb4eb25",slot:"label"},"Profile"),o("smoothly-icon",{key:"53aa8eda968297d191c0afea3c11934f9c203377",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),o("smoothly-input",{key:"0825ce082e0c19387407d1d1de148f8d76b48757",type:"duration",name:"duration",value:{}},"Duration"),o("smoothly-input-clear",{key:"9c7b8c2a145e5132a3b76cc9978e00683ab50759",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),o("smoothly-input-edit",{key:"6dc5f9607c6d81f53b87f850c22617c7bedc0e82",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),o("smoothly-input-reset",{key:"743cb42c1bdc976361e47a61b2b2964cc6f9604c",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),o("smoothly-input-submit",{key:"3d6cc6c98ef08841aadd30acf363964ad5c355af",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),o("smoothly-input-submit",{key:"f3f671351e1b356ce6c1dea41f14bc54535e076e",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}};const ls=class{constructor(e){t(this,e)}render(){return o(s,{key:"644dd5d2d56fea755d44d8cfed8c0b52d64883ef"},o("h2",{key:"f8be0372bf3f537f5e6cd66087aa9102a69fa4b3"},"Card"),o("smoothly-form",{key:"1e006ccad98f0a73c50a312dc39f6c8f07a89f96",looks:"grid",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail))},o("smoothly-input",{key:"af0e0cf9d593a4b95e6d9ccf38cb504bcf30c907",type:"card-number",name:"card"},"Card #"),o("smoothly-input-submit",{key:"8a68e341800be545d7c4b242e60fac52bd56afd5",size:"icon",slot:"submit",color:"success",fill:"solid"}),o("smoothly-input",{key:"031b83a8b2b9f261741c9b430599681ee0c90442",type:"card-expires",name:"expires"},"Expires"),o("smoothly-input",{key:"75f8bbc9cff24f247f88dfd276bef1adaf478586",type:"card-csc",name:"csc"},"CVV/CVC"),o("smoothly-input",{key:"5043b806ecf84bb31b4f713778336063a771ffa9",type:"text",name:"name.first"},"First Name"),o("smoothly-input",{key:"4314de22f36b48c796deec9258e71e282a434bbe",type:"text",name:"name.last"},"Last Name")))}};const ns=class{constructor(e){t(this,e);this.name="Initial name";this.currency="EUR";this.date=C.Date.now();this.currencies=["GBP","SEK","EUR","USD"]}nameChanged(t,e){console.log(`updated name from '${e}' to '${t}'`)}async submitHandler(t){t.stopPropagation();console.log("Received event. Processing...",t.detail);if(!(typeof t.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof t.detail.value.date=="string")){console.error("Bad input. Resolving false.")}else if(!C.Currency.is(t.detail.value.currency)){console.error("Bad input. Resolving false.")}else{await new Promise((t=>window.setTimeout(t,1e3)));this.name=t.detail.value.name;this.date=t.detail.value.date;this.currency=t.detail.value.currency;console.log("Finished processing successfully. Resolving true.");t.detail.result(true)}t.detail.result(false)}render(){return o(s,{key:"2131171a287333757dd2e257272b2151f445d00a"},o("h2",{key:"ae5d57d207b35d5d25568cb929551076b02b29bb"},"Controlled"),o("smoothly-form",{key:"206b0c12bade21ffe5ec4357c27a11612adf99f7",readonly:true,looks:"grid",onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input",{key:"9f607b8f55df8931f04e2df1746bc5b8f239700c",type:"text",name:"name",value:this.name},"Name"),o("smoothly-input-select",{key:"5fe97133fc282b8a428ba9d1d28e27f5642857d3",name:"currency"},o("span",{key:"76ca8e412897900e1054a70c2a2645ad3587d55d",slot:"label"},"Currency"),this.currencies.map((t=>o("smoothly-item",{selected:t==this.currency,value:t},t)))),o("smoothly-input",{key:"3099df2a407af93f416da0ff8e6093df00c49467"},"Dummy"),o("smoothly-input-month",{key:"1c5c73a802f6a8e90b8163e8fb9b652e0ba073f6",name:"date",value:this.date,next:true,previous:true},o("span",{key:"71f40ad3683c72e71366e0faa9750c536c82e05a",slot:"year-label"},"Year"),o("span",{key:"71888a27f0f94e796c983a4f41c6a679be7d66fe",slot:"month-label"},"Month")),o("smoothly-input-edit",{key:"1f2aba348ed5559946c30abede9e4656c30d887b",slot:"edit",size:"icon",color:"primary",fill:"default"}),o("smoothly-input-reset",{key:"6800fe757dab08be1ddb7c22e266b9093ffffefa",slot:"reset",size:"icon",color:"warning",fill:"default"}),o("smoothly-input-submit",{key:"f0c595bc65fa6207cd01792e7fa782e3a59b8464",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:[{nameChanged:0}]}}};const rs=()=>`.sc-smoothly-form-demo-date-h{display:block}`;const cs=class{constructor(o){t(this,o);this.notice=e(this,"notice");this.validator=m({date:f("isoly.Date",C.Date.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(S.failed(`Type is incomplete.`))}else{this.notice.emit(S.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return o(s,{key:"5784da3e53561844b6425a7e8577660a86c61f1a"},o("h2",{key:"950410300b6a7f87362a139c35399856dc547080"},"Date input"),o("smoothly-form",{key:"1197555e126930ab2acd0810309e3114b7644fee",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input-date",{key:"beeb9a1969cc330fd1e9c5a01a2d571aab854f87",name:"date"},"Date"),o("smoothly-input-submit",{key:"e9f8448d0442b0dcaf4a793cd6f86c4156dcea04",slot:"submit"},o("smoothly-icon",{key:"998ef6127d165df5a08cfbafeb5ba64d9e87921a",name:"checkmark-outline"}))))}};cs.style=rs();const hs=()=>`.sc-smoothly-form-demo-date-range-h{display:block}`;const ds=class{constructor(o){t(this,o);this.notice=e(this,"notice");this.validator=m({range:f("isoly.DateRange",C.DateRange.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(S.failed(`Type is incomplete.`))}else{this.notice.emit(S.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return o(s,{key:"5cbcb41cef877f0e9fb78ce81697fc2439abb4f0"},o("h2",{key:"6a4ff28901af3515b1b7e6bf6b7feaf6a2d382a0"},"Date-range input"),o("smoothly-form",{key:"9579ce7a593f945b634c669880b9eb39a41f059f",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input-date-range",{key:"43a8f7e8882a37479f5a52d902798815828d86c4",name:"range"},"Range"),o("smoothly-input-submit",{key:"72c48ab7aa2df6e594a2256969e31ad98543decc",slot:"submit"},o("smoothly-icon",{key:"71ae5057364c903f6fae97c46d3acef660471cc4",name:"checkmark-outline"}))))}};ds.style=hs();const ms=class{constructor(e){t(this,e)}render(){return o(s,{key:"a85b73dcf84b35975a7f8baac4cee7db4a96e070"},o("h2",{key:"fa5ab594ad42bbe9eb3c704803eef599da54feb8"},"Login"),o("smoothly-form",{key:"e6abe031a6d92a6d4bcd86c53b838140c4a74eaa",looks:"border"},o("smoothly-input",{key:"0850b34c15fd675bec5d759c836588d0dee63c7a",type:"text",name:"username"},"Username"),o("smoothly-input",{key:"c22698a31ccfe3df8ee6e582d271540ec2759a28",type:"password",name:"password"},"Password"),o("smoothly-input-reset",{key:"28a205519134187c020abd897f40a8ed4a29341f",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"ecc29e9c09754fb89a21d1050234d5624a5aa855",slot:"submit"})))}};const ys=()=>`.sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name="hasOwner"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}`;const bs=class{constructor(e){t(this,e);this.hasOwner=false;this.owner={}}render(){var t,e;return o(s,{key:"88099a7fd5f8f5a0d613fcff4b817545901d356d"},o("h2",{key:"8dd122875fc1f4c742102f0e62a512db538baac8"},"Pet"),o("h3",{key:"bfb98de17657a63e7713c2b02f12f0be7eca9231"},"Value"),o("smoothly-form",{key:"8395ed11ebcff8d9c8f66d3718324b08c0445d83",looks:"border",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail)),onSmoothlyFormInput:t=>this.value=Object.assign({},t.detail)},o("smoothly-input",{key:"af774efd343074cf0582e5e94f163db036cb0879",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"84f83295dc09f2cae1660b7809f4f9fc5cd0703f",slot:"end"})),o("smoothly-input",{key:"6b7a0b6717c2ccb9aa0e2095afe94138213a3e67",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"c0094ce4c1c2b3809642b501ed2daa5b11960cc6",name:"hasOwner",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:t=>{this.hasOwner=t.detail.hasOwner;t.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"fb26cd76bb633fb4c02d6cf886a013c85b63fd07",slot:"end"})),this.hasOwner&&o(i,{key:"0ab3080a8779a0eb75fcad913be3f37674eef021"},o("smoothly-input",{key:"35ae9e6768fc5d28e2977a505887e27453093f4f",type:"text",name:"owner.firstName",value:this.owner.firstName,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{firstName:t.detail["owner.firstName"]})},"Owner First Name",o("smoothly-input-reset",{key:"ccae0cd45403a3a9cdc75d14199133478f2fbe33",slot:"end"})),o("smoothly-input",{key:"d7a6162e9b0b05794d234dedef605673ca3df8ba",type:"text",name:"owner.lastName",value:this.owner.lastName,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{lastName:t.detail["owner.lastName"]})},"Owner Last Name"),o("smoothly-input-file",{key:"b2200911dadfb95781f82dd3a4f31f4217861c84",name:"owner.picture"},o("span",{key:"4b4d34c2d3956c655f688e320d8f1557fe250dbe",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"1092a9022d1e49ad15a8a27cd053b77679e82605",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:t.detail["owner.birthday"]})},"Owner birthday",o("smoothly-input-reset",{key:"7b3fb12d0755e96fdacca6a9b07fc65616b66330",slot:"end"})),o("smoothly-input-date-range",{key:"d8f76a97851a6ba11085b42487f69b1056ffd829",name:"owner.ownedRange",start:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.start,end:(e=this.owner.ownedRange)===null||e===void 0?void 0:e.end,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:t.detail["owner.ownedRange"]})},"Owner ownedRange",o("smoothly-input-reset",{key:"c879d11886be04ab9bb8d090f7f8b56a67466b9b",slot:"end"})),o("smoothly-input-range",{key:"476435b88267d69b4f75880f0b14d762bad9e55b",name:"owner.height",step:1,max:250,value:this.owner.height,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{height:t.detail["owner.height"]})},"Owner's Height",o("smoothly-input-reset",{key:"cfde948cafc0d28ad7eb6cd2eb6fe5147d2ad2e5",slot:"end"})),o("smoothly-input-select",{key:"e31966b6b1f089057a709e0df0ee74cd4794bc4c",name:"owner.favoriteHat"},o("span",{key:"0db0b774a2742f2ea985167bf2e9088e13ca2964",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,e)=>o("smoothly-item",{value:t,key:e,selected:this.owner.favoriteHat==t},t))),o("smoothly-input-reset",{key:"d7ed622d339284fad2057e703b2c7125fb15c01a",slot:"end"})),o("smoothly-input-color",{key:"537f228ad70488f3347bab5aa8e5fba50d7ad174",name:"owner.favoriteColor",value:this.owner.favoriteColor?g.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:t.detail["owner.favoriteColor"]})},"Owner's Favorite Color",o("smoothly-input-reset",{key:"22b5f2f502e774827676fa238e72dbe083188421",slot:"end"})),o("smoothly-input-radio",{key:"71b2de0772f311b39af9db0a6c32e1ebdbe9b60e",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:t.detail["owner.favoritePizza"]})},o("span",{key:"178dadde1b90e0babc9e4d3d2576f96cbc876fdd",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,e)=>o("smoothly-input-radio-item",{value:t,key:e},t)))),o("smoothly-input-checkbox",{key:"8ef6280e5514b390ab22b28146aadd819c89f95e",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:t=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:t.detail["owner.hasPet"]})},"Has Pet")),o("smoothly-tabs",{key:"a566ef21f483d11b0d7ad4d42218244f715ab58c"},o("smoothly-tab",{key:"efeebdaf5ee1175c36b248e3ce5d4a1cb0e1e0f1",label:"Dog",name:"dog"},o("smoothly-input",{key:"f932840909cede23f122c6094a75525b14378f7c",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"b3b91c23a61e9ba9c20badb039ff555972fe3985",name:"dog.picture"},o("span",{key:"c74681d13077eb990d89716c7cd2c89950e44eb9",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"bd89d002065c7365b7c93033714eb1e21a8e4774",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"4ac749261e9edb101e85a7000376a813de212942",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"86e21db2c7e5c68e22f1583e7309318e6e4c6003",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"efaaffb5b33575a079ca40319ef829ffef5af14e",name:"dog.favoriteHat"},o("span",{key:"b9a9268cad14e92950cba4e851b4d1eaf2206b30",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,e)=>o("smoothly-item",{value:t,key:e},t)))),o("smoothly-input-color",{key:"d6b56f10b63036a12423b84ebee35cb48faa659a",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"3be208ceca38e4023a06f0df9318e5dd03d7d010",name:"dog.favoritePizza"},o("span",{key:"e0b8eb2e2ac66bef9f9efe292d07dd77f5f936c9",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,e)=>o("smoothly-input-radio-item",{value:t,key:e},t)))),o("smoothly-input-checkbox",{key:"c532d5f50b3a18ecc1e5c52e8aa6b3548ab328c7",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"fc6d91caf8efbedf2c402cb83c88e8b674214f20",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"d6f645801298a26aaa9ea895f3c2c111463ac71d",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"1d54790895d58a973a0d9909cf037834d5e18d79",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"58f54b19c876d990ac7bd4aeaaca620dcebc6e04",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"c05427bbcb200a2021d4e1c5c24a5c5577e58a3f",name:"parrot.picture"},o("span",{key:"af2b39ee8335219617413cba2b2be4a17a1c8b6b",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"8a9c7f79972bb8367006428930583285c0e13b2b",slot:"end"})),o("smoothly-input-date",{key:"c5de0ec3a5094ba38f7390cd738ffd5baac4ee3a",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"5017f8fdc65f5f28a5917f3d478d01b5bdf09746",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"1de78bfe5e684e17cc73588572573e7b8f81f8be",slot:"end"})),o("smoothly-input-range",{key:"b33b26c10f148fab67de81002b5d17a34952c373",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"0d197f376f0b195a1f5730fd35b3ca8f489af593",slot:"end"})),o("smoothly-input-select",{key:"3ef09882c984348ac99b741cfc0c9e2203bf5877",name:"parrot.favoriteHat"},o("span",{key:"939906ee1a07df997032b9ef2ef126038d16ecb5",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((t,e)=>o("smoothly-item",{value:t,key:e},t)))),o("smoothly-input-month",{key:"02131f864b606361fe0fe452e2ae77122c16cbb0",name:"parrot.month"},o("span",{key:"cd499075feb735fbbea8d15f008e7bca7efe6b10",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"04411c6e66665d6dd1eb87095ca08d42edf409da",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"bd220ce16e75be0cd9feb80df9d96b6d491eec93",name:"parrot.favoritePizza"},o("span",{key:"8c0a80e74e9f0f6f4f3d7a6d850d0895d93aa7ae",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((t,e)=>o("smoothly-input-radio-item",{value:t,key:e},t)))),o("smoothly-input-checkbox",{key:"51035c80dac7e59682c2258aa9104a088d907f6b",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"28c6f78988d06a5d52aa4fc1e7b8c1322d360f52",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"20a329d0b039ff4058b7b7869ecb4927d82aaf0c",type:"json",value:this.value}))}};bs.style=ys();const us=class e{constructor(e){t(this,e)}render(){return o(s,{key:"ddaf2991aa275d3e43d7b103c1610e9c9d90e540"},o("h2",{key:"ade32ad1ec5facad78d0c02c60fb41e7ddc220b2"},"Prices"),o("smoothly-form",{key:"babe8324ffdccb239ea220e4f78b0eb8180935e2",looks:"line"},o("smoothly-input",{key:"108bae0b5210eedc2ea7eecf733c307c81902c67",type:"price",name:"no"},"No currency"),o("smoothly-input",{key:"8db15ba85d0a56d34e5af866cf41adb26c05f24f",type:"price",name:"crowns",currency:"SEK",toInteger:true},"SEK (toInteger)"),o("smoothly-input",{key:"de60d9244a12bbe6eff9ffc0b9a4ca4bb57059cc",type:"price",name:"usDollar",currency:"USD"},"USD"),o("smoothly-input",{key:"86c99574c9b71982e761c36c749a299ee77035e1",type:"price",name:"pounds",currency:"GBP"},"GBP"),o("smoothly-input",{key:"7f60f189c2f39bc4d90ea5e1a4ade4405424bfb2",type:"price",name:"peso",currency:"UYW"},"UYW"),o("smoothly-input",{key:"2a6608e00e03a3b296df690c332d60d2538d5d5b",type:"price",name:"iceland",currency:"ISK"},"ISK"),o("smoothly-input",{key:"b69ac9c3668624b1050b4adbd40ea2988c89b7bc",type:"price",name:"Palladium",currency:"XPD"},"XPD (Palladium)"),o("smoothly-input-reset",{key:"e161b00dae69f994c8f8a1cf8b0d218c9b76b186",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"620aed2e802906bc5c69b9dada89cdc5e01cc2d8",slot:"submit"})))}};var ps;(function(t){t.type=m({date:f("isoly.Date",C.Date.is),amount:k()})})(ps||(ps={}));var fs;(function(t){t.type=m({schedule:ps.type.array()})})(fs||(fs={}));const gs=class{constructor(e){t(this,e)}render(){return o(s,{key:"6c26fc85d61f779af5fcab96c9e284d5b878688b"},o("h2",{key:"03b826fce15279c6e12a41b7b36801ae7ee4c519"},"Schedule"),o("smoothly-form",{key:"d346491153ecef66014e4094e2a146d9f22d05d2",looks:"line",validator:fs.type},o("smoothly-input-date",{key:"2c9e97babe7f546172b3c2cba82196c023a202bd",name:"schedule.0.date"},"Date"),o("smoothly-input",{key:"ce96e610d3ccd1dc33a73bd50cdaa76a37cd5bdb",name:"schedule.0.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"53f1beac7d55968d08bac99d593df36e1aca34be",name:"schedule.1.date"},"Date"),o("smoothly-input",{key:"4d576bb6887c81df8b3bc70da45b6218d1dce3e9",name:"schedule.1.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"f743cfaa8782867a30cd80320c684b7a50aea546",name:"schedule.2.date"},"Date"),o("smoothly-input",{key:"7a9b171261c173302c61ce089849cdc0ddddf9cf",name:"schedule.2.amount",type:"price"},"Amount"),o("smoothly-input-reset",{key:"fe8b3bb4f160c7f40d1f383e39ac700a5e00ff07",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"2f494f54c287b73b73dd94956018360affffec4c",slot:"submit"})))}};const ks=class{constructor(e){t(this,e)}render(){return o(s,{key:"5a3fdbd366a32b297862b100c85177af79f16d86"},o("h2",{key:"c38d0dac4ca5c387c8a0e88f1aa016ad671d01f7"},"Transparent"),o("smoothly-form",{key:"810ccd9b0ffdef37a833a09b7168decb20264262",looks:"transparent",onSmoothlyFormSubmit:t=>console.log(t.detail.value)},o("smoothly-input-file",{key:"58587dd36208d8ebbc60442c145107d8fe0362b8",name:"file"},o("span",{key:"3d30591aded5f5b78d8a94c4c8c2df5e3265eda8",slot:"label"},"File"),o("smoothly-icon",{key:"85ca32d6d83edce9365e547c7d821a97dafc6d50",slot:"button",name:"folder-open-outline",size:"small"})),o("smoothly-input",{key:"34ae4b828a10983ead287a522811715705df3aa6",type:"duration",looks:"transparent",placeholder:"h:mm"},"Input"),o("smoothly-input-date",{key:"e562c31da45ad29784b6e6fd0c9790dec0056f33"},"Date"),o("smoothly-input-date-range",{key:"e76232bb888f0206eb97573066b02edb984e0d53"},"Date Range"),o("smoothly-input-select",{key:"c578c9b0cce028fd15bee9defb3d7ec4ef00a3d5",name:"transport"},o("smoothly-item",{key:"41cb244bc1e5a71b086f61e0d691bed6e11675b0",value:"plane"},o("smoothly-icon",{key:"b47d61e8b5639f49094b35b35a571bed2024f3e1",name:"airplane-outline"})),o("smoothly-item",{key:"1519381101efae10236102ff61b34cf7ffd8687b",value:"car"},o("smoothly-icon",{key:"045e2d48e1dbc887a582be5bf6541663bce0c585",name:"car-outline"})),o("smoothly-item",{key:"3f15f91ba811d4cb8b690abbe49c374b63003820",value:"bus",selected:true},o("smoothly-icon",{key:"bc1141e336893ec5e65db1513c95cc390ca54e60",name:"bus-outline"}))),o("smoothly-input-submit",{key:"9e6a13bc16f206d4b545c9dd8b09ca4babf9719d",icon:"checkbox-outline"})))}};var vs;(function(t){t.type=m({name:m({first:u(),middle:u().optional(),last:u()}),age:k((t=>18<=t&&t<=120)),country:f("CountryCode",C.CountryCode.Alpha2.is),birthday:f("Date",C.Date.is)})})(vs||(vs={}));const ws=()=>``;const xs=class{constructor(e){t(this,e)}render(){return o(s,{key:"b2defb07fd1fef12b85e5c983c3ec9a06eaacd5c"},o("h2",{key:"4f45fac5e8febcc52cdb7ee2e3cb6e6586c04f34"},"Typed Contact"),o("smoothly-form",{key:"169c7879c27f2e65a5da9f44f2066e65fa4b09db",validator:vs.type},o("smoothly-input",{key:"7e11e762f2f88ad82b3bb584f5f151624a73cd37",name:"name.first"},"First Name"),o("smoothly-input",{key:"207226d54b3ac9250512c962200e97e06dfb237d",name:"name.middle"},"Middle Name (optional)"),o("smoothly-input",{key:"5235de33144f057b20a46353ae13c7eaa15fd97b",name:"name.last"},"Last Name"),o("smoothly-input",{key:"3e1607c6f2301ca86a1f430e2c6d3d12c8035f70",name:"age",type:"integer"},"Age (18-120)"),o("smoothly-input-select",{key:"d1fa86d5f8ca6e8a4d0c40e363f60c9ca53aad98",name:"country"},o("span",{key:"b54fe7f96a97014e3baac54b1ac5f903b88b170b",slot:"label"},"Country"),C.CountryCode.Alpha2.values.map((t=>o("smoothly-item",{value:t},C.CountryCode.Name.en.from(t))))),o("smoothly-input-date",{key:"c616775dda21611243a88c6bf23ba280e9e89fb3",name:"birthday"},"Date of birth"),o("smoothly-input-reset",{key:"11c1023ca25b7cae8afb727e1fb21f28ee1e7644",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"3dbb734a1ef36ab8104dc6588c622b38567e61b2",slot:"submit",size:"icon",color:"success"})))}};xs.style=ws();const Cs=()=>`.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 Ss=class{constructor(o){t(this,o);this.trigger=e(this,"trigger");this.message2=e(this,"message2")}get contentWindow(){const t=this.element&&this.element.firstElementChild?this.element.firstElementChild:undefined;return t&&t.contentWindow||undefined}get defaultOrigin(){const t=this.url.match(/^(([a-z]+\+)*[a-z]+:\/\/)?[^/^\n]+/);return t?t[0]:"*"}componentDidLoad(){var t;if(this.contentWindow){v.listen((t=this.origin)!==null&&t!==void 0?t:this.defaultOrigin,((t,e)=>{if(t==this.name){if(d.is(e)){this.trigger.emit(e)}else{this.message2.emit({destination:t,content:e})}}}),window)}}async send(t,e){var o,s;if(typeof t=="string"){v.send(((o=this.origin)!==null&&o!==void 0?o:this.defaultOrigin)+"#"+t,e,this.contentWindow)}else if(v.is(t)&&this.contentWindow){v.send({destination:((s=this.origin)!==null&&s!==void 0?s:this.defaultOrigin)+"#"+t.destination,content:t.destination},this.contentWindow)}}render(){return[]}get element(){return a(this)}};Ss.style=Cs();const zs=()=>`[fill].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:content-box}[rotate].sc-smoothly-icon-h{--rotate:rotate(var(--rotation, 0deg));transform:var(--rotate)}[flip=x].sc-smoothly-icon-h{--flip:scaleX(-1);transform:var(--flip)}[flip=y].sc-smoothly-icon-h{--flip:scaleY(-1);transform:var(--flip)}[rotate][flip].sc-smoothly-icon-h{transform:var(--rotate)var(--flip)}[hidden].sc-smoothly-icon-h{display:none}[size=tiny].sc-smoothly-icon-h{--smoothly-icon-size:1.2rem}[size=small].sc-smoothly-icon-h{--smoothly-icon-size:1.4rem}[size=medium].sc-smoothly-icon-h{--smoothly-icon-size:1.8rem}[size=large].sc-smoothly-icon-h{--smoothly-icon-size:2.8rem}[size=xlarge].sc-smoothly-icon-h{--smoothly-icon-size:4rem}.sc-smoothly-icon-h{width:var(--smoothly-icon-size, 1.8rem);height:var(--smoothly-icon-size, 1.8rem)}.sc-smoothly-icon-h.sc-smoothly-icon-s>svg{width:100%}`;const Is=class{constructor(e){t(this,e);this.fill="solid";this.name="empty"}async componentWillLoad(){await this.nameChanged()}async nameChanged(){if(this.name=="empty"){this.updateSvg();return}const t=this.latestPromise=h.load(this.name);const e=await t;if(t!=this.latestPromise){return}if(e){const t=this.sanitizeSvg(e);this.updateSvg(t)}}sanitizeSvg(t){const e=new DOMParser;const o=e.parseFromString(t,"image/svg+xml");const s=o.querySelector("svg");if(s){s.setAttribute("role","img");s.removeAttribute("width");s.removeAttribute("height")}return s!==null&&s!==void 0?s:undefined}updateSvg(t){t?this.element.replaceChildren(t):this.element.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\n\t\t\t\t\t<title>Empty</title>\n\t\t\t\t</svg>`}render(){var t;return o(s,{key:"ba28d8662ab4103ffc3708a291b72c179e9e1748",title:this.tooltip,style:{["--rotation"]:`${(t=this.rotate)!==null&&t!==void 0?t:0}deg`}})}get element(){return a(this)}static get watchers(){return{tooltip:[{nameChanged:0}],name:[{nameChanged:0}]}}};Is.style=zs();const Ts=()=>`.sc-smoothly-icon-demo-h{display:block;width:clamp(200px, 100%, 1200px);margin:auto}[hidden].sc-smoothly-icon-demo-h{display:none}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{padding:1rem;position:relative}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover{scale:1.5}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover::after{content:attr(data-name);position:absolute;white-space:nowrap;bottom:100%;background:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-color));padding:0.25rem 1rem;z-index:1;pointer-events:none}`;const Ds=class{constructor(o){t(this,o);this.notice=e(this,"notice");this.page=0;this.display={};this.props={}}render(){return o(s,{key:"f176097a9e8b600e7b6849618d986932e1115dfa"},o("h2",{key:"600c0aaa4c8d9d66b75b3a9fb2546f8128b00f0b"},"Filter and Variants"),o("smoothly-form",{key:"da8b0a10a564b01918e644af025436dd13e1aa8c",looks:"grid",onSmoothlyFormInput:t=>this.display=t.detail},o("smoothly-input",{key:"976282ac0d7bf9025e305b975b5800ba8946190d",name:"filter"},"Filter"),o("smoothly-input-select",{key:"81287920684545cdaedf4ae5df9e79bb8a9eea4b",name:"variant"},o("span",{key:"8f14bd0559ab879184978aa720fbe9d72002c981",slot:"label"},"Variant"),o("smoothly-item",{key:"262b691b55fc7a5dc662b50f6e84ac98e04db140",value:"outline"},"outline"),o("smoothly-item",{key:"9baf50fd4633f0785577bebf8647f9ec4c9da525",value:"sharp"},"sharp"),o("smoothly-input-clear",{key:"5460d9ba34ad9e5f5bc765893174fb57bf88b189",slot:"end"}))),o("h2",{key:"a204390a284b9da8171a655c315981111ee29906"},"Props"),o("smoothly-form",{key:"bbcb2e224b053d8983a743abd34c0a0186bfcc0f",looks:"grid",onSmoothlyFormInput:t=>{this.props=t.detail;console.log("props",this.props)}},o("smoothly-input-select",{key:"7f0f6e1932f649f5fb300f96a2d6eabc88e701aa",name:"color"},o("span",{key:"508bbda0d768fc4f661f0f0887857e25d21c7a91",slot:"label"},"Color"),r.values.map((t=>o("smoothly-item",{value:t},o("span",{style:{background:`rgb(var(--smoothly-${t}-color))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),o("span",null,t)))),o("smoothly-input-clear",{key:"e9b59296121ab6e415840d4f501ba31a4347e7af",slot:"end"})),o("smoothly-input-select",{key:"d066f9f4aa8d79c19537b03e9fba85386e673633",name:"fill"},o("span",{key:"f6ae683d747cbeb8a3e40e4d240efe08a1ef8ec4",slot:"label"},"Fill"),c.values.map((t=>o("smoothly-item",{value:t},t))),o("smoothly-input-clear",{key:"594435142c02e0b379f6b54886927069681de3cf",slot:"end"})),o("smoothly-input-select",{key:"f5f821cfdc6a83063bf22c2eb8417e3fa33845cd",name:"customColor",menuHeight:"12items",ordered:true},o("span",{key:"2b502f1dc5775cc23df45be8e48da4e297071078",slot:"label"},"Custom Color"),r.values.flatMap((t=>o(i,null,["tint","color","shade","contrast"].map((e=>o("smoothly-item",{value:`--smoothly-${t}-${e}`},o("span",{style:{background:`rgb(var(--smoothly-${t}-${e}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),o("span",null,`rgb(var(--smoothly-${t}-${e}))`)))))))),o("smoothly-input-select",{key:"ca3d4788ce77f1175a2e9e0cce841f3c8aa5925c",name:"customBackground",menuHeight:"12items",ordered:true},o("span",{key:"cd4faa49f2167739f5b00f1b0c734fdf6b8ddc4b",slot:"label"},"Custom Background"),r.values.flatMap((t=>o(i,null,["tint","color","shade","contrast"].map((e=>o("smoothly-item",{value:`--smoothly-${t}-${e}`},o("span",{style:{background:`rgb(var(--smoothly-${t}-${e}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),o("span",null,`rgb(var(--smoothly-${t}-${e}))`)))))))),o("smoothly-input-select",{key:"bfebecae9f13f019bd13a8baa8c1029468d83c18",name:"flip"},o("span",{key:"e8a300bdca3f1db8c36dff27b0df5afd08c6bda7",slot:"label"},"Flip"),o("smoothly-item",{key:"5f92573e3420ce19c1d291c394259cf0b1b0cb63",value:"x"},"x"),o("smoothly-item",{key:"c55f735398bb6b01d83d0d80922214f007983f07",value:"y"},"y"),o("smoothly-input-clear",{key:"171d0667b92be8ea4b8ef6c38bc4b6170c1db813",slot:"end"})),o("smoothly-input-select",{key:"30ebb8bdb6d5d75b8cfae380bb8a83bccb89b499",name:"size"},o("span",{key:"62df815da76512b43ae1c4583ff3e61f29ed5133",slot:"label"},"Size"),o("smoothly-item",{key:"5cb1ff7cb3660016cc243eb24b5f7f3fde4dd08f",value:"tiny"},"tiny"),o("smoothly-item",{key:"0d4d0f54b705a47741d11f2b5fd29245362ded31",value:"small"},"small"),o("smoothly-item",{key:"d4469868285cfa6c6ec5de5609f313f892cc66f1",value:"medium"},"medium"),o("smoothly-item",{key:"2b98aac9eeacc7942aa9ea73c48b16f36c226033",value:"large"},"large"),o("smoothly-item",{key:"520ebe334ad34dde56d5f8b5ecb7ca25e6645989",value:"xlarge"},"xlarge"),o("smoothly-input-clear",{key:"6b6dd6bd7070703371c89175f71ac30049e8042d",slot:"end"})),o("smoothly-input-range",{key:"c85ffd310deeec0ef502b8549d9bfce3aa0ea895",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",o("smoothly-input-clear",{key:"a83b8be42b242c1b42b9ab34c9a3c61e0420ab64",slot:"end"}))),o("h1",{key:"02ce154b99955eece2bca3bb28fa47ad8955d18a"},"Icons"),o("div",{key:"e40575d19a189a6c8142c40943692854d9899749",class:"icons"},[...h.Name.values.filter((t=>!this.display.filter||t.includes(this.display.filter))).map((t=>this.display.variant?`${t}-${this.display.variant}`:t)),...h.Logo.values.filter((t=>!this.display.filter||t.includes(this.display.filter)))].map((t=>o("smoothly-icon",{name:t,tooltip:t,"data-name":t,color:this.props.color,style:{fill:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",color:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",background:this.props["customBackground"]?`rgb(var(${this.props["customBackground"]}))`:""},fill:this.props.fill,flip:this.props.flip,size:this.props.size,rotate:this.props.rotate,onClick:()=>{navigator.clipboard.writeText(t);this.notice.emit(S.succeeded(`Copied "${t}"`))}})))))}};Ds.style=Ts();var js;(function(t){function e(t,o){if(t===o){return true}if(typeof t=="object"&&typeof o=="object"){const s=Object.keys(t);if(s.length==Object.keys(o).length&&s.every((s=>e(t[s],o[s])))){return true}}return false}t.equal=e;function o(t,o){return!e(t,o)}t.notEqual=o})(js||(js={}));var Ls;(function(t){function e(t,e,a){const i=/([^.-@\s]+)/gi;return a=="backward"?o(t,e,i):s(t,e,i)}t.getWordBreakIndex=e;function o(t,e,o){let s=0;let a;while((a=o.exec(t))!=null){if(o.lastIndex-a[0].length<e){s=o.lastIndex-a[0].length}else{break}}return s}function s(t,e,o){let s=0;while(o.exec(t)!=null){s=o.lastIndex;if(o.lastIndex>e){break}}o.lastIndex<=e&&(s=t.length);return s}})(Ls||(Ls={}));class _s{constructor(t,e){this.formatter=t;this.type=e;this.keydownHandlers={ArrowLeft:(t,e)=>t.ctrlKey||t.metaKey?e:this.moveCursor(t,e),ArrowRight:(t,e)=>t.ctrlKey||t.metaKey?e:this.moveCursor(t,e)};this.eventHandlers={beforeinput:{insertText:(t,e)=>this.insert(t,e),insertFromPaste:(t,e)=>this.insert(t,e),insertFromDrop:(t,e)=>this.insert(t,e),deleteContentBackward:(t,e)=>{t.preventDefault();if(e.selection.start==e.selection.end){this.select(e,e.selection.start-1,e.selection.end)}this.erase(e);return e},deleteContentForward:(t,e)=>{t.preventDefault();if(e.selection.start==e.selection.end){this.select(e,e.selection.start,e.selection.end+1)}this.erase(e);return e},deleteWordBackward:(t,e,o)=>{let s=e;if(this.type!="password"){t.preventDefault();s=this.deleteWord(o,"backward")}return s},deleteWordForward:(t,e,o)=>{let s=e;if(this.type!="password"){t.preventDefault();s=this.deleteWord(o,"forward")}return s},deleteByCut:(t,e)=>{this.erase(e);return e}},input:{insertReplacementText:(t,e)=>Object.assign(Object.assign({},e),{value:t.target.value}),insertCompositionText:(t,e)=>Object.assign(Object.assign({},e),{value:t.target.value}),deleteWordBackward:(t,e)=>this.type=="password"?Object.assign(Object.assign({},e),{value:t.target.value}):e,deleteWordForward:(t,e)=>this.type=="password"?Object.assign(Object.assign({},e),{value:t.target.value}):e,undefined:(t,e)=>Object.assign(Object.assign({},e),{value:t.target.value})}}}static create(t,e){let o;switch(t){case"price":o=he("price",e);break;case"integer":o=he("integer",e);break;default:o=he(t,e);break}return new _s(o||he("text"),t)}onKeyDown(t,e){var o,s,a,i;let l=e;const n=this.keydownHandlers[t.key];if(n){const r=t.target;e.selection.start=(o=r.selectionStart)!==null&&o!==void 0?o:e.selection.start;e.selection.end=(s=r.selectionEnd)!==null&&s!==void 0?s:e.selection.end;e.selection.direction=(a=r.selectionDirection)!==null&&a!==void 0?a:e.selection.direction;const c=n(t,this.unformatState(e),e);const h=this.partialFormatState(c);if(t.defaultPrevented){r.selectionStart=h.selection.start;r.selectionEnd=h.selection.end;r.selectionDirection=(i=h.selection.direction)!==null&&i!==void 0?i:null}l=h}return l}moveCursor(t,e){t.preventDefault();let o=ae.getCursor(e.selection);let s=ae.getStalker(e.selection);o=Math.min(Math.max(o+(t.key=="ArrowLeft"?-1:1),0),e.value.length);s=t.shiftKey?s:o;e.selection.direction=s<o?"forward":s>o?"backward":"none";e.selection.start=Math.min(s,o);e.selection.end=Math.max(s,o);return e}onFocus(t,e){const o=this.partialFormatState(this.unformatState(e));const s=t.target;s.value=o.value;return o}onBlur(t,e){const o=this.createFormattedState(e);const s=t.target;s.value=o.value;return o}onInputEvent(t,e){var o,s,a,i,l,n,r;const c=t.target;e.selection.start=(o=c.selectionStart)!==null&&o!==void 0?o:e.selection.start;e.selection.end=(s=c.selectionEnd)!==null&&s!==void 0?s:e.selection.end;e.selection.direction=(a=c.selectionDirection)!==null&&a!==void 0?a:e.selection.direction;const h=t.type=="beforeinput"||t.type=="input"?(n=(l=(i=this.eventHandlers[t.type])[t.inputType])===null||l===void 0?void 0:l.call(i,t,this.unformatState(e),e))!==null&&n!==void 0?n:e:e;const d=this.partialFormatState(h);if(t.defaultPrevented){c.value=d.value;c.selectionStart=d.selection.start;c.selectionEnd=d.selection.end;c.selectionDirection=(r=d.selection.direction)!==null&&r!==void 0?r:null}return d}insert(t,e){t.preventDefault();if(typeof t.data=="string"){for(const o of t.data){this.formatter.allowed(o,e)&&this.replace(e,o.replace(/(\r|\n|\t)/g,""))}}return e}deleteWord(t,e){const o=ae.getCursor(t.selection);const s=Ls.getWordBreakIndex(t.value,o,e);const a=this.unformatState(Object.assign(Object.assign({},t),{selection:{start:Math.min(o,s),end:Math.max(o,s),direction:"none"}}));const i=a.value.substring(0,a.selection.start)+a.value.substring(a.selection.end);a.value=i;a.selection.end=a.selection.start;return a}select(t,e,o,s){t.selection.start=e;t.selection.end=o;s&&(t.selection.direction=s)}erase(t){this.replace(t,"")}replace(t,e){t.value=t.value.substring(0,t.selection.start)+e+t.value.substring(t.selection.end);t.selection.start=t.selection.start+e.length;t.selection.end=t.selection.start}unformatState(t){return ie.copy(this.formatter.unformat(le.copy(t)))}partialFormatState(t){return this.formatter.partialFormat(le.copy(t))}createFormattedState(t){return this.formatter.format(le.copy(this.formatter.unformat(le.copy(t))))}toString(t){return this.formatter.toString(t)}initialState(t,e){const o=this.toString(t)||"";const s=o.length;const a=this.createFormattedState({value:o,selection:{start:s,end:s,direction:"none"}});if(e){e.value=a.value}return a}setValue(t,e,o){const s=Object.assign(Object.assign({},e),{value:this.createFormattedState({value:this.formatter.toString(o),selection:e.selection}).value});t.value=s.value;return s}getValue(t){return this.formatter.fromString(this.unformatState(t).value)}setSelection(t,e,o,s){t.focus();t.selectionStart=o;t.selectionEnd=s;this.select(e,o,s);return e}}var Rs;(function(t){t.type=m({name:u(),key:u(),shift:b(),ctrl:b(),alt:b(),meta:b()});t.is=t.type.is;function e(t,e){return{name:t,key:e.key,shift:e.shiftKey,ctrl:e.ctrlKey,alt:e.altKey,meta:e.metaKey}}t.create=e})(Rs||(Rs={}));const As=()=>`.sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-h,[looks="transparent"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks="transparent"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks="transparent"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h smoothly-icon.smoothly-invalid.sc-smoothly-input{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding-inline:var(--input-padding-side)}[show-label].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}`;const $s=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.smoothlyKeydown=e(this,"smoothlyKeydown");this.smoothlyBlur=e(this,"smoothlyBlur");this.smoothlyChange=e(this,"smoothlyChange");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.type="text";this.required=false;this.showLabel=true;this.disabled=false;this.readonly=false;this.invalid=false;this.copied=false;this.isDifferentFromInitial=false;this.uneditable=this.readonly;this.observer=Xo.Observer.create(this)}async getValue(){return this.stateHandler.getValue(this.state)}async setValue(t){if(this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t)}}async setFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.focus()}async setSelection(t,e){if(this.inputElement){this.state=this.stateHandler.setSelection(this.inputElement,this.state,t,e<0?this.inputElement.value.length+e+1:e)}}async listen(t){this.observer.subscribe(t)}nameChange(t,e){ts.formRename(this,e)}async register(){ts.formAdd(this)}async unregister(){ts.formRemove(this)}async clear(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,undefined)}}async edit(t){!this.uneditable&&(this.readonly=!t)}async reset(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,this.initialValue)}}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()})}async setCustomInitialValue(t){this.initialValue=t}async smoothlyInputLoadHandler(t){ts.registerSubAction(this,t)}typeChange(){var t,e;switch(this.type){case"price":this.stateHandler=_s.create("price",{currency:this.currency,toInteger:this.toInteger});break;case"integer":this.stateHandler=_s.create("integer",{min:this.min,max:this.max,pad:this.pad});break;default:this.stateHandler=_s.create(this.type,T());break}this.state=this.stateHandler.initialState((t=this.value)!==null&&t!==void 0?t:(e=this.state)===null||e===void 0?void 0:e.value,this.inputElement)}stateChange(){const t=this.stateHandler.getValue(this.state);this.isDifferentFromInitial=js.notEqual(this.initialValue,t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){const e=this.stateHandler.getValue(this.state);if(js.notEqual(e,t)&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t);this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)})}}readonlyChange(){this.observer.publish()}componentWillLoad(){this.initialValue=this.value;this.typeChange();this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){if(this.inputElement){this.inputElement.value=this.state.value}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}onEvent(t){this.state=this.stateHandler.onInputEvent(t,this.state);if(t.type=="input"||t.defaultPrevented){this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}copyText(t){if(t){navigator.clipboard.writeText(t);this.copied=true}}render(){var t,e,a,i,l,n,r,c,h,d;return o(s,{key:"c5d524d1f3afd855836d16272830f435bbea828a",class:{"has-value":((t=this.state)===null||t===void 0?void 0:t.value)!=undefined&&((e=this.state)===null||e===void 0?void 0:e.value)!=""},onclick:()=>{var t;return(t=this.inputElement)===null||t===void 0?void 0:t.focus()}},o("slot",{key:"99bf0a11a07a3aa1622cacb8b16979a08f0ab4ec",name:"start"}),o("div",{key:"230008efd3abd69c42442777c0b2091b8499f42e",class:"smoothly-input-container"},o("div",{key:"37fbfc2747d5c22d1345df109fa74438261f97d7",class:"guide"},o("div",{key:"ae7ef0e2563c7058305457d3b45ee54ad0d8f575",class:"value"},(a=this.state)===null||a===void 0?void 0:a.value),o("div",{key:"3149dc1dc1104e1f7958d71660c634bc9d1532d0",class:"remainder"},(i=this.state)===null||i===void 0?void 0:i.remainder)),o("input",{key:"c4205c491d6482072762c8cac4f8b9eb06e8c09b",ref:t=>this.inputElement=t,color:this.color,name:this.name,type:(l=this.state)===null||l===void 0?void 0:l.type,inputmode:(n=this.state)===null||n===void 0?void 0:n.inputmode,placeholder:this.placeholder,required:this.required,autocomplete:(r=this.autocomplete)!==null&&r!==void 0?r:(c=this.state)===null||c===void 0?void 0:c.autocomplete,disabled:this.disabled,readOnly:this.readonly,pattern:((h=this.state)===null||h===void 0?void 0:h.pattern)&&((d=this.state)===null||d===void 0?void 0:d.pattern.source),onKeyDown:async t=>{this.state=this.stateHandler.onKeyDown(t,this.state);if(!this.readonly&&!this.disabled){this.smoothlyKeydown.emit(Rs.create(this.name,t))}},onFocus:t=>!this.readonly&&(this.state=this.stateHandler.onFocus(t,this.state)),onBlur:t=>{if(!this.readonly){const e=this.stateHandler.getValue(this.state);this.state=this.stateHandler.onBlur(t,this.state);this.smoothlyBlur.emit();this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});if(js.notEqual(e,this.stateHandler.getValue(this.state))){this.smoothlyChange.emit({[this.name]:this.stateHandler.getValue(this.state)});this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}}}),o("label",{key:"009823ce38acac92179f491d72cb504d70f09280",class:"label float-on-focus",htmlFor:this.name},o("slot",{key:"b1a6fee2719d4cf37fa73460a3ce42ca40e7ba4b"}))),this.copyable&&this.value&&o("span",{key:"575ba5bf3d4fd4bfcc1766e8bed17fb918c15db1",class:"copyable"},o("small",{key:"cfcca12301172ebf57db536e4b82faa1f7d430c4"},this.copied?"Copied!":"Copy"),o("smoothly-icon",{key:"bc941fd7e23670f3232eb29f00124ce94ef201eb",name:"copy-outline",size:"small",onClick:()=>this.copyText(this.value),onMouseLeave:()=>this.copied=false})),o("smoothly-icon",{key:"87bceaa7c79365c97b4757637dee596a3757e8b7",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"39251aaac3bdd727fbfaf16eb79048d2a29231e6",name:"end"}))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}}};$s.style=As();const Ms=()=>`.sc-smoothly-input-checkbox-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-checkbox-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-checkbox-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h smoothly-icon.smoothly-invalid.sc-smoothly-input-checkbox{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:0.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}[checked][looks=transparent].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[checked].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none;--smoothly-color-contrast:var(--smoothly-input-background)}[looks="transparent"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}`;const Es=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=Xo.Observer.create(this);this.readonly=false;this.checked=false}componentWillLoad(){this.initialValue=this.checked;!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));this.observer.publish();this.id="id-"+Math.random().toString(36).substring(2,11)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}async smoothlyInputLoadHandler(t){ts.registerSubAction(this,t)}nameChange(t,e){ts.formRename(this,e)}async register(){ts.formAdd(this)}async unregister(){ts.formRemove(this)}async getValue(){return this.value?this.value[`${!!this.checked}`]:this.checked}async clear(){!this.disabled&&!this.readonly&&(this.checked=false)}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.checked=this.initialValue}async setInitialValue(){this.initialValue=this.checked;this.isDifferentFromInitial=false}async handleDisabledChange(){this.observer.publish()}async elementCheck(t,e){this.isDifferentFromInitial=!!this.initialValue!=!!this.checked;const o=!!this.checked!=!!e;if(o){this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}}render(){return o(s,{key:"3d423adb72e619d4119435408a6b4ee9adbc2704"},o("input",{key:"489144f56039b3edf5dab1f7ffe9f37e2d0fcadd",type:"checkbox",id:this.id,checked:this.checked,disabled:this.disabled||this.readonly,onChange:async t=>{this.checked=t.target.checked;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),this.checked&&o("smoothly-icon",{key:"6f97dca6dbfedce3d06d4146269bb518016476a8",name:"checkmark-sharp",size:"tiny"}),o("label",{key:"63fc6b505b6d21a779e60ae9803b56134fd855e0",htmlFor:this.id},o("slot",{key:"88de07dc316049e436784b8ad1e7a3fe359363ff"})),o("span",{key:"dd9d9e7f30dd37550a089b65c62d26e38471d8bc",class:"smoothly-checkbox-end-slot"},o("slot",{key:"f74c25ab1f6765225044bfc21db40b51e47802aa",name:"end"})))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}}};Es.style=Ms();const Os=()=>`[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-clear-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-clear-h{display:inline}[disabled].sc-smoothly-input-clear-h{opacity:0.5}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{font-weight:400;background-color:transparent}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-clear-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-clear-h:has(>a:empty),.sc-smoothly-input-clear-h:has(>button:empty),.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear:empty,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-clear-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-clear-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{min-width:8rem}[size=icon].sc-smoothly-input-clear-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-clear-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:not([disabled]):active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h{display:flex}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h[type="input"].sc-smoothly-input-clear-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-clear-h{cursor:not-allowed}.sc-smoothly-input-clear-h[type="input"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type="input"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}`;const Ps=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.fill="clear";this.size="icon";this.display=true;this.type="input";this.tooltip="Clear"}async componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(Zo.is(t)){this.parent=t;if(Xo.Element.is(t)){t.listen((async t=>{if(ts.is(t)){const e=typeof t.defined=="boolean"?t.defined:Boolean(await t.getValue());this.display=e&&!t.readonly&&!t.disabled}if(t instanceof os){this.display=!t.readonly}}));if(typeof this.disabled!=="boolean"){t.listen((async t=>{if(t instanceof os){this.disabled=t.readonly||Object.values(t.value).filter((t=>t)).length<1}}))}}}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.clear()}render(){var t;return o(s,{key:"35dfd4b4b5b2aaac1457f14143591df8244e4e2f",title:this.tooltip},o("smoothly-button",{key:"681e2d83c6fe6061919a06ece237673e0c68a159",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(t=this.fill)!==null&&t!==void 0?t:this.type=="input"?"clear":undefined},o("slot",{key:"31f3176ab610d6c1ce68055b6f0df55ba2303e29"}),o("smoothly-icon",{key:"a454fc3409e50dd4a0fb7566460909645066b944",name:"close",size:"tiny"})))}get element(){return a(this)}};Ps.style=Os();const Hs=()=>`.sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-color-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-color-h,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:20;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:"";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}`;const Fs=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=Xo.Observer.create(this);this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined;this.readonly=false;this.output="rgb";this.showLabel=true;this.open=false;this.sliderMode="rgb"}async componentWillLoad(){this.value&&this.setInitialValue();this.value&&(this.rgb=r.Hex.toRGB(this.value));this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,this.color=e}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t))}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){ts.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,e){ts.formRename(this,e)}watchingReadonly(){this.observer.publish()}async register(){ts.formAdd(this)}async unregister(){ts.formRemove(this)}async getValue(){return this.output==="rgb"?{r:this.rgb.r===undefined?undefined:Math.round(this.rgb.r),g:this.rgb.g===undefined?undefined:Math.round(this.rgb.g),b:this.rgb.b===undefined?undefined:Math.round(this.rgb.b)}:this.value?this.value:undefined}async clear(){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t;this.open=false}async reset(){this.value=this.initialValue;this.open=false}async setInitialValue(){this.initialValue=this.value;this.open=false}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}handleSwitchMode(t){t.stopPropagation();this.sliderMode=t.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=r.Hex.toRGB(this.value))}else{this.value&&(this.hsl=r.RGB.toHSL(r.Hex.toRGB(this.value)))}}async hexInputHandler(t){if(t!==this.value){if(t&&r.Hex.type.is(t)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=r.Hex.toRGB(t)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=r.RGB.toHSL(r.Hex.toRGB(t))}}else if(!t||!r.Hex.type.is(t)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=t;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}sliderInputHandler(t){var e;t.stopPropagation();const o=Object.keys(t.detail)[0];let s=this.sliderMode==="rgb"?this.rgb:this.hsl;if(!(t.detail[o]===undefined)){for(const a of Object.keys(s)){if(a===o){s=Object.assign(Object.assign({},s),{[a]:a==="s"||a==="l"?+((e=t.detail[o])!==null&&e!==void 0?e:0)*100:t.detail[o]})}else if(s[a]===undefined){s=Object.assign(Object.assign({},s),{[a]:0})}}if(this.sliderMode==="rgb"){this.rgb=Object.assign({},s);this.hsl=r.RGB.toHSL(this.rgb);this.hexInputHandler(r.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},s);this.rgb=r.HSL.toRGB(this.hsl);this.hexInputHandler(r.RGB.toHex(r.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var t,e,a,i,l,n;return o(s,{key:"443b5ede9cb6485ed194f6c4bcd0dfa4d24fbf5f",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((t=this.rgb.r)!==null&&t!==void 0?t:0)}`,"--rgb-g":`${Math.round((e=this.rgb.g)!==null&&e!==void 0?e:0)}`,"--rgb-b":`${Math.round((a=this.rgb.b)!==null&&a!==void 0?a:0)}`,"--hsl-h":`${Math.round((i=this.hsl.h)!==null&&i!==void 0?i:0)}`,"--hsl-s":`${Math.round((l=this.hsl.s)!==null&&l!==void 0?l:0)}%`,"--hsl-l":`${Math.round((n=this.hsl.l)!==null&&n!==void 0?n:0)}%`,"--element-height":`${this.element.clientHeight}px`}},o("smoothly-input",{key:"773d645e7cbe1dba29ed0faaf411873eff3850e4",value:this.value,color:this.color,looks:undefined,name:this.name,type:"hex-color",readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,onSmoothlyInput:t=>(t===null||t===void 0?void 0:t.stopPropagation(),this.hexInputHandler(t.detail[this.name]))},o("slot",{key:"e0237c1fd28820b5827660cc3f343a0b0daad919"})),o("div",{key:"d4be603547b585719296c5fe4a129cffd7e5e904",class:"color-sample"}),o("smoothly-icon",{key:"17a5e51dba9a921faa53a42a2bd0b94cbdb8f490",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),o("div",{key:"30eaa873254116bfb5930a1da0f93924682d5810"},o("slot",{key:"65f98a331cb2b8cabbe58715c2cc496950e5a92c",name:"end"})),this.open&&!this.readonly&&!this.disabled&&o("div",{key:"972192b5efddbb9a173e2b50b35cfeebefb3a1f4",class:"rgb-sliders"},o("smoothly-toggle-switch",{key:"9ec21361f064f9fc889aa1c1b50f672982882cb3",title:`${this.sliderMode==="rgb"?"To HSL":"To RGB"}`,onSmoothlyToggleSwitchChange:t=>this.handleSwitchMode(t),size:"tiny",checkmark:false,selected:this.sliderMode==="hsl"}),Object.entries(this.rgb).map((([t,e])=>o("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:t,min:0,max:255,color:undefined,type:"text",value:e,step:1,outputSide:"right",onSmoothlyInput:t=>this.sliderInputHandler(t),onSmoothlyUserInput:t=>t.stopPropagation(),label:t.toUpperCase()}))),Object.entries(this.hsl).map((([t,e])=>o("smoothly-input-range",{style:this.sliderMode!="hsl"?{display:"none"}:{},name:t,min:0,max:t==="h"?359:1,color:undefined,type:t==="s"||t==="l"?"percent":"text",value:(t==="s"||t==="l")&&e?e/100:e,step:t==="s"||t==="l"?.01:1,outputSide:"right",onSmoothlyInput:t=>this.sliderInputHandler(t),onSmoothlyUserInput:t=>t.stopPropagation(),label:t.toUpperCase()})))))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}}};Fs.style=Hs();const Us=class{constructor(e){t(this,e)}render(){return o(s,{key:"a24614a0d013b44ad55334eba6849d7d4c2ebdc8"},o("h2",{key:"f003675167b0a648e3de7cd44a2a2c53a27c1e3a"},"Color"),o("smoothly-input-color",{key:"d562fdd31044939c84dd7bd6264adfe9ea4a8bfa",name:"color"},"Choose color"))}};Us.style=`style.css`;const Ns=()=>`.sc-smoothly-input-date-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-h,[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-h>input.sc-smoothly-input-date,[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-h.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .label.sc-smoothly-input-date{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-h.floating-label.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.floating-label .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder] .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly] .sc-smoothly-input-date-s>[slot=label],.floating-label.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-value.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-text.sc-smoothly-input-date-h .label.sc-smoothly-input-date,[placeholder].sc-smoothly-input-date-h .label.sc-smoothly-input-date,[readonly].sc-smoothly-input-date-h .label.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-h .smoothly-date-placeholder.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-placeholder.sc-smoothly-input-date{opacity:0.5;display:block}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date{visibility:hidden}.sc-smoothly-input-date-h>.label.sc-smoothly-input-date{left:var(--input-padding-side)}[show-label].sc-smoothly-input-date-h>.smoothly-date-placeholder.sc-smoothly-input-date,[show-label].sc-smoothly-input-date-h>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side);margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-h:not([show-label])>.smoothly-date-placeholder.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([show-label])>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side) auto;margin-block:auto}.sc-smoothly-input-date-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-h{cursor:not-allowed}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date::before{content:"";position:absolute;left:2rem;top:-0.55rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center;margin-left:auto}.sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date>.smoothly-invalid.sc-smoothly-input-date{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date>.smoothly-invalid.sc-smoothly-input-date{display:flex}`;const Ys=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyValueChange=e(this,"smoothlyValueChange");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.readonly=false;this.invalid=false;this.alwaysShowGuide=false;this.changed=false;this.isDifferentFromInitial=false;this.hasFocus=false;this.observer=Xo.Observer.create(this);this.showLabel=true;this.hasText=false}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,e){ts.formRename(this,e)}async register(){ts.formAdd(this)}async unregister(){ts.formRemove(this)}async getValue(){return this.value}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined}onValueChange(t){var e;if(!this.hasFocus){(e=this.dateTextElement)===null||e===void 0?void 0:e.setValue(t)}this.isDifferentFromInitial=this.initialValue!=this.value;this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){ts.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}onClick(t){var e;const o=!!this.dateTextElement&&t.composedPath().includes(this.dateTextElement);const s=!!this.calendarElement&&t.composedPath().includes(this.calendarElement);const a=!!this.iconsElement&&t.composedPath().includes(this.iconsElement);if(!this.readonly&&!this.disabled&&!o&&!s&&!a){(e=this.dateTextElement)===null||e===void 0?void 0:e.select()}if(!this.readonly&&!this.disabled&&!s&&!a){this.open=!this.open||o}}onUserChangedValue(t){var e;t.stopPropagation();const o=(e=t.detail)!==null&&e!==void 0?e:undefined;if(this.value!=o){this.value=o;this.smoothlyUserInput.emit({name:this.name,value:this.value})}}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.isDifferentFromInitial=false}dateSetHandler(t){this.open=false;t.stopPropagation()}render(){return o(s,{key:"adce039516ed0f3009e61150455b2c51cc0ec899",tabindex:this.disabled?undefined:0,class:{"has-value":!!this.value,"has-text":this.hasText,"floating-label":this.alwaysShowGuide},onClick:t=>this.onClick(t)},o("slot",{key:"9050a4383696852cac8b11bf7a426f41d592e3dc",name:"start"}),o("label",{key:"82204edd99bc733897ad6a05d79efc8dd74c83f6",class:"label float-on-focus"},o("slot",{key:"6a479c63d63fdad7947cd25497f3dceba64574df"})),this.placeholder&&o("span",{key:"a905c85bffb75afa43cf2ea7effdf6a985ce64f8",class:"smoothly-date-placeholder"},this.placeholder),o("smoothly-date-text",{key:"0e7c8d8a86189c99f83750435da80988153c6519",ref:t=>this.dateTextElement=t,locale:this.locale,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,value:this.value,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.hasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var e;return t.stopPropagation(),(e=this.calendarElement)===null||e===void 0?void 0:e.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onUserChangedValue(t)),onSmoothlyDateTextDone:t=>{var e;return t.stopPropagation(),this.open=false,(e=this.dateTextElement)===null||e===void 0?void 0:e.deselect()}}),o("span",{key:"6271a396fe0a9db78c65a3ceac415baa6993ce72",class:"smoothly-icons",ref:t=>this.iconsElement=t},o("smoothly-icon",{key:"67762b14cf3c1a8657441805585cc22920fcddf6",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"88eaca53d97c64fcfa81e0f749b1e9ff3a0068c4",name:"end"})),this.open&&!this.readonly&&o("smoothly-calendar",{key:"ed5ff09959095128feac27c0c5c4b8ba8b51514f",ref:t=>this.calendarElement=t,doubleInput:false,value:this.value,onSmoothlyDateSet:t=>(t.stopPropagation(),this.onUserChangedValue(t)),max:this.max,min:this.min},o("div",{key:"7d482a7dac0561c9f339948ef22573c9f49ccc51",slot:"year-label"},o("slot",{key:"6a55528882645e6cc6c5e14b3498b480b8c1d6fd",name:"year-label"})),o("div",{key:"c310a5c99728b55d0b3f19cb494cc7fe20f12353",slot:"month-label"},o("slot",{key:"3a4324a869730eb9acb114243a4feae03318b6d5",name:"month-label"}))))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],value:[{onValueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}};Ys.style=Ns();const Ws=()=>`.sc-smoothly-input-date-demo-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(42rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-date-demo-h .sc-smoothly-input-date-demo:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const Bs=class{constructor(e){t(this,e);this.alwaysShowGuide=false}render(){return o(s,{key:"2eddf4f43fc88d4f0baee5472fb55f98be8464f2"},o("div",{key:"a505bd4d499e9fce35b50c88dbb3e3375fe7e36c"},o("h2",{key:"b79d4c949fec7c008314b3562ba56ddfe22a1202"},"Date input"),o("p",{key:"f76bb9f59b85781610474db18fe10891f1560330"},"Different locales formatting the same date"),o("smoothly-button",{key:"c8c39579e4ab97b4b455c88514b7b6d0b78ee781",color:"primary",onClick:()=>this.date=this.date?C.Date.next(this.date):C.Date.now()},"Set date"),o("smoothly-input-checkbox",{key:"9e921d7050071821148968680950fe00a0bdad8b",looks:"transparent",onSmoothlyUserInput:t=>{this.alwaysShowGuide=t.detail.value;console.log(this.alwaysShowGuide)}},"Always Show Guide")),["en-US","en-GB","de-DE","se-SE"].map((t=>o(i,null,o("smoothly-input-date",{locale:t,name:t,looks:"border",value:this.date,alwaysShowGuide:this.alwaysShowGuide},t,o("smoothly-input-clear",{slot:"end"})),o("smoothly-input-date-range",{locale:t,name:t+"-range",looks:"border",start:this.date,end:this.date?C.Date.next(this.date):undefined,alwaysShowGuide:this.alwaysShowGuide},t," Range",o("smoothly-input-clear",{slot:"end"}))))))}};Bs.style=Ws();const Vs=()=>`.sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-range-h,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.floating-label.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-text.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h [slot=start].sc-smoothly-input-date-range{align-self:center}.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{left:var(--input-padding-side)}.sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{white-space:pre}.sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side);display:none}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-placeholder.sc-smoothly-input-date-range{display:block;opacity:0.5}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-separator.sc-smoothly-input-date-range{visibility:hidden}.sc-smoothly-input-date-range-h smoothly-date-text.start-date-text.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side) 0}.sc-smoothly-input-date-range-h smoothly-date-text.end-date-text.sc-smoothly-input-date-range{margin-inline:0 var(--input-padding-side)}[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h smoothly-date-text.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-placeholder.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:auto}.sc-smoothly-input-date-range-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range::before{content:"";position:absolute;top:-0.55rem;left:3rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>.smoothly-date-range-input-part.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>span.smoothly-icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:flex}`;const Gs=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.name="dateRange";this.readonly=false;this.showLabel=true;this.alwaysShowGuide=false;this.invalid=false;this.isDifferentFromInitial=false;this.hasFocus=false;this.observer=Xo.Observer.create(this);this.startHasText=false;this.endHasText=false}async componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));this.smoothlyInput.emit({[this.name]:await this.getValue()});!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}startChanged(t,e){this.updateValue(e,this.end)}endChanged(t,e){this.updateValue(this.start,e)}async updateValue(t,e){var o,s;if(t!=this.start||e!=this.end){this.isDifferentFromInitial=this.initialStart!=this.start||this.initialEnd!=this.end;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}if(!this.hasFocus){(o=this.startTextElement)===null||o===void 0?void 0:o.setValue(this.start);(s=this.endTextElement)===null||s===void 0?void 0:s.setValue(this.end)}}watchingReadonly(){this.observer.publish()}smoothlyInputLoadHandler(t){ts.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}onClick(t){var e,o;const s=!!this.startTextElement&&t.composedPath().includes(this.startTextElement);const a=!!this.endTextElement&&t.composedPath().includes(this.endTextElement);const i=s||a;if(!i&&!this.readonly&&!this.disabled){this.start&&!this.end?(e=this.endTextElement)===null||e===void 0?void 0:e.select():(o=this.startTextElement)===null||o===void 0?void 0:o.select()}if(!this.readonly&&!this.disabled){this.open=!this.open||i}}async onSmoothlyDateTextChange(t,e){var o,s,a;t.stopPropagation();const i=(o=t.detail)!==null&&o!==void 0?o:undefined;const l=e=="start"?i:this.start;const n=e=="end"?i:this.end;if(C.Date.is(l)&&C.Date.is(n)&&l>n){this.start=n;this.end=l;(s=this.startTextElement)===null||s===void 0?void 0:s.setValue(this.start);(a=this.endTextElement)===null||a===void 0?void 0:a.setValue(this.end);this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}else if(this[e]!=i){this[e]=i;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,e){ts.formRename(this,e)}async register(){ts.formAdd(this)}async unregister(){ts.formRemove(this)}async getValue(){return this.start||this.end?{start:this.start,end:this.end}:undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.start=this.initialStart;this.end=this.initialEnd}async setInitialValue(){this.initialStart=this.start;this.initialEnd=this.end;this.isDifferentFromInitial=false}async clear(){this.start=undefined;this.end=undefined;this.smoothlyInput.emit({[this.name]:undefined})}render(){return o(s,{key:"1f8b2d046cbb64b8df5343a945cb51563d721f27",tabindex:this.disabled?undefined:0,class:{"has-value":!!(this.start||this.end),"has-text":!!(this.startHasText||this.endHasText),"floating-label":this.alwaysShowGuide}},o("span",{key:"abc0f86b086ba26c3b1d4951394d81da35f83e86",class:"smoothly-date-range-input-part",onClick:t=>this.onClick(t)},o("slot",{key:"a06c2b9b096aca90e83f765b364dca7544ed99ca",name:"start"}),o("label",{key:"70d76e4a489a17cb028c4b8831d352171214d58f",class:"label float-on-focus"},o("slot",{key:"929cd10cba08419fbfeb0e19e99d01ef52bfaf96"})),this.placeholder&&o("span",{key:"8c91d08654b77a865869dca0633c04d1af54d57f",class:"smoothly-date-range-placeholder"},this.placeholder),o("smoothly-date-text",{key:"5a37bda38fa94c90ee8e5440f085c9eac3b81648",ref:t=>this.startTextElement=t,class:"start-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.startHasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var e;return t.stopPropagation(),(e=this.calendarElement)===null||e===void 0?void 0:e.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onSmoothlyDateTextChange(t,"start")),onSmoothlyDateTextNext:t=>{var e;return t.stopPropagation(),(e=this.endTextElement)===null||e===void 0?void 0:e.select()},onSmoothlyDateTextDone:t=>{var e,o;return t.stopPropagation(),this.end?((e=this.startTextElement)===null||e===void 0?void 0:e.deselect(),this.open=false):(o=this.endTextElement)===null||o===void 0?void 0:o.select()},value:this.start,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel}),o("span",{key:"694bb773d16025b187d059c8b0cc7b36f94956d5",class:"smoothly-date-range-separator"}," – "),o("smoothly-date-text",{key:"830739f213b8c3a27619d7f29667483f4317b612",ref:t=>this.endTextElement=t,class:"end-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.endHasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var e;return t.stopPropagation(),(e=this.calendarElement)===null||e===void 0?void 0:e.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onSmoothlyDateTextChange(t,"end")),onSmoothlyDateTextPrevious:t=>{var e;return t.stopPropagation(),(e=this.startTextElement)===null||e===void 0?void 0:e.select("end")},onSmoothlyDateTextNext:t=>t.stopPropagation(),onSmoothlyDateTextDone:t=>{var e;return t.stopPropagation(),(e=this.endTextElement)===null||e===void 0?void 0:e.deselect(),this.open=false},value:this.end,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel})),o("span",{key:"90767c1048bbcc816563496f3d3afbea4970e953",class:"smoothly-icons"},o("smoothly-icon",{key:"9f6ffbfa8e626160be54d8e82f8538d5a1e75c5f",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"83aef1b1b1c8726f0a7b8b939fcf1d54b07a8389",name:"end"})),this.open&&o("smoothly-calendar",{key:"395c5ba753121d7a0eb1c2d1e986cfad58e98232",ref:t=>this.calendarElement=t,doubleInput:true,onSmoothlyDateSet:t=>t.stopPropagation(),onSmoothlyDateRangeSet:t=>{t.stopPropagation();this.open=false;this.start=t.detail.start;this.end=t.detail.end;this.smoothlyInput.emit({[this.name]:t.detail});this.smoothlyUserInput.emit({name:this.name,value:t.detail})},value:this.start,start:this.start,end:this.end,max:this.max,min:this.min}))}get element(){return a(this)}static get watchers(){return{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}}};Gs.style=Vs();const Ks=()=>`.sc-smoothly-input-date-time-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-time-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-time-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-time-h,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:"";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name="date"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name="hour"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name="minute"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}`;const qs=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyValueChange=e(this,"smoothlyValueChange");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.readonly=false;this.invalid=false;this.isDifferentFromInitial=false;this.observer=Xo.Observer.create(this);this.showLabel=true}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish();this.valueChange(this.value)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,e){ts.formRename(this,e)}async register(){ts.formAdd(this)}async unregister(){ts.formRemove(this)}async getValue(){const t=this.date&&typeof this.hour=="number"&&typeof this.minute=="number"?`${this.date}T${`${this.hour}`.padStart(2,"0")}:${`${this.minute}`.padStart(2,"0")}:00.000Z`:undefined;return C.DateTime.is(t)?t:undefined}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}async handleChange(){const t=await this.getValue();this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){if(C.DateTime.is(t)){this.date=C.DateTime.getDate(t);this.hour=C.DateTime.getHour(t);this.minute=C.DateTime.getMinute(t)}this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){ts.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){if(C.DateTime.is(this.initialValue)){this.date=C.DateTime.getDate(this.initialValue);this.hour=C.DateTime.getHour(this.initialValue);this.minute=C.DateTime.getMinute(this.initialValue)}else{this.date=undefined;this.hour=undefined;this.minute=undefined}}async setInitialValue(){this.initialValue=await this.getValue();this.isDifferentFromInitial=false}render(){return o(s,{key:"faf40611232f95c653ef583a7f0b7ed32ebb400d"},o("smoothly-input",{key:"e0761d639e8d0b3a4f305a05e70e5a6df241fd29",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:"date",onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,type:"date",value:this.date,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.date=t.detail.date},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}},o("slot",{key:"7fbe6ae1b6697d22ab4037bcf86ef6d27ce5f923"})),o("smoothly-input",{key:"cd751c2a4dfe09b316772c07e126ad0c5b875eb4",name:"hour",type:"integer",max:23,pad:2,value:this.hour,readonly:this.readonly,disabled:this.disabled,placeholder:"hh",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.hour=t.detail.hour},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),o("span",{key:"ff4cc79cf32d9cd9528010965e6bbb2c60026f57",class:"colon"},":"),o("smoothly-input",{key:"d96351c5c25c042915f2ea78f94365648f620e35",name:"minute",type:"integer",max:59,pad:2,value:this.minute,readonly:this.readonly,disabled:this.disabled,placeholder:"mm",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.minute=t.detail.minute},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),o("span",{key:"258c62771f84b3816025a7831756d52ddc3e61a3",class:"icons"},o("smoothly-icon",{key:"f10cdb5bd42fe2a1bc8e3c9eb41cd488957bb0bf",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"867ca6ecbe958d5f97e126fc4df23c6fcef6e1fa",name:"end"})),this.open&&!this.readonly&&o("smoothly-calendar",{key:"d1c1ea3e905b5e677883c273231794de21777fc0",doubleInput:false,value:this.value?C.DateTime.getDate(this.value):undefined,min:this.min?C.DateTime.getDate(this.min):undefined,max:this.max?C.DateTime.getDate(this.max):undefined,onSmoothlyDateSet:async t=>{t.stopPropagation();this.date=t.detail;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()});this.open=false}},o("div",{key:"0ab989467e67bc709d0c45285a7eba7743606171",slot:"year-label"},o("slot",{key:"ae14dc89cb7cfa3df3bd12ed531d9e4f71242c07",name:"year-label"})),o("div",{key:"9e226c95c5ae7ab3af1e09a93d290222827c5dab",slot:"month-label"},o("slot",{key:"c0f55782eece8e74881124284504a2ac9489ed63",name:"month-label"}))))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}};qs.style=Ks();const Zs=()=>`.sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{max-width:min(calc(100% - 2rem), 56rem);margin:auto}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 18rem));flex-basis:40%}`;const Js=class{constructor(o){t(this,o);this.smoothlyUrlUpdate=e(this,"smoothlyUrlUpdate");this.duration={hours:8};this.alphanumeric="!@##";this.numbers=[1,2,3,4,5,6,7,8,9]}render(){return o(s,{key:"0610dea0130909d255f6dcbf7f798521cb18fc4e"},o("smoothly-input-demo-standard",{key:"e74b371f701b9371972b5428efb0ea4edea9244c"}),o("smoothly-input-date-demo",{key:"c989f6853579a9ba68c6f57e2e6381c121ff091c"}),o("smoothly-input-demo-user-input",{key:"67189969e7eeb85c53fa6485cc4bc1c6f8810d3c"}),o("smoothly-input-demo-radio",{key:"d277353814df2808ab955df71df8dd79a14e3b09"}),o("div",{key:"69864f1761f23e2d9fe5003d1a28895195587f23",class:"inputs"},o("h2",{key:"9e43ab4414d38f5e7d6ed559293a364700e4e3ff"},"Calendar"),o("smoothly-input-date",{key:"3cc461eaf51348c11e76a541f4e89c7727d49006",name:"some-date"},"Calendar"),o("smoothly-input-date-time",{key:"331225ff58737c6cd60986d47935cf906f143d02",name:"someDateTime",value:C.DateTime.now()},"DateTime"),o("h2",{key:"7e7535017eb1d6a683df758a4d017dc7cb1fccc3"},"Date Range"),o("smoothly-input-date-range",{key:"fad6725321923c5821fe74add6cef73a560c2496",name:"testing",start:C.Date.now(),end:C.Date.nextMonth(C.Date.now()),min:"2021-10-01",max:"2025-01-31"}),o("smoothly-input-date-range",{key:"21d5f9edc259b904554d64c234e8268184db9c78",name:"testing",start:C.Date.now(),end:C.Date.nextMonth(C.Date.now()),min:"2021-10-10",max:"2024-12-30"},o("smoothly-input-reset",{key:"d08635584ffc2cf923f93304701d5ae0130dcd57",slot:"end",size:"icon"})),o("smoothly-input-date-range",{key:"46c5c5ca642f983a7d4956c83385ab25046044e7",looks:"grid",start:C.Date.now(),end:C.Date.nextMonth(C.Date.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--smoothly-input-border-radius":"0.5rem"}},o("smoothly-input-clear",{key:"3465328594f446fbbe97cdb87adb806f057a4041",slot:"end",size:"icon"})),o("h2",{key:"e2a08b76ba392d10beb4eb95d8363620f07b53e4"},"Date"),o("smoothly-input-date",{key:"fbc0b53f5e576341027a9d0199e0a369cab1ed15"},"Date"),o("smoothly-input-date",{key:"b5ead1c49120a42e63e310361c29d31eabbcff60",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),o("smoothly-input-date",{key:"18fab78a08e80b35d930d40be27c5f2863beaba1",value:"2021-10-28"},"Date",o("smoothly-input-reset",{key:"ab9470f9a44be6a115ff89db7c50f631362cecae",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"61aa9be4f7193617ecc89d5250f9c97f30742c35",value:"2021-10-28"},"Date",o("smoothly-input-clear",{key:"9ab5d2a554d2123360afdac3c266ac79c6035d36",slot:"end",size:"icon"})),o("h2",{key:"ed8c37111142696858c0eac29661406ae2cd9f55"},"Select"),o("div",{key:"9ae174d2d4a332de3ad770450464569378f05bdb",class:"select-div"},o("smoothly-input-select",{key:"34f6a893981c3c8dc6703256a9f2c3089cf4ff25",name:"select-dessert",looks:"border"},o("label",{key:"7198f30b4aa7cb91377cb72ef16cb7dca79d00ff",slot:"label"},"Select with clear button"),o("smoothly-item",{key:"b85cb7fb77fe50cd6a42d0a6c38020dcfb2166ed",value:"1"},"Ice cream"),o("smoothly-item",{key:"de464d05e6cdffe4b578e5708d1e9e33376a0521",value:"2"},"Sponge cake"),o("smoothly-item",{key:"553b7ecd797f0e55def5b6c460440d8286755f4c",value:"3",disabled:true},"Disabled Item"),o("smoothly-item",{key:"3b4349b0785cd4440611499c23f082961541a91a",value:"4"},"Cookie"),o("smoothly-item",{key:"a5638b6d6424c31cb1d26cecb42cfeb1004e7674",value:"5"},"Croissant"),o("smoothly-item",{key:"015c157d486120f18de97fae45e36b9e0b0ef863",value:"6"},"Chocolate fondue"),o("smoothly-input-clear",{key:"b16c9fd651670b3808643e57043198550e3a1103",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"277ad384d61f6a4ce7fb849d90a7e2437f105841",multiple:true,name:"select-dessert-multiple",looks:"border"},o("label",{key:"bcd5acb1903599e959821fc91f6aaf60ad0bb5b9",slot:"label"},"Select multiple with reset button"),o("smoothly-item",{key:"3e5c1545a14684d153a252fba8060965f63b6c46",value:"ice cream"},"Ice cream"),o("smoothly-item",{key:"155d20eda1c0ed2816a7bac67d54b2e55a7a101a",value:"sponge cake"},"Sponge cake"),o("smoothly-item",{key:"cdf81df5d54168f33c679918e7f3440f0f8d5da3",selected:true,value:"cookie"},"Cookie"),o("smoothly-item",{key:"ee8b1f2e292c76d0b5f1ea73501d56ed7c5c748c",value:"croissant"},"Croissant"),o("smoothly-item",{key:"ea635dbcfc236dec09da467db23e37b18fc8953a",selected:true,value:"chocolate fondue"},"Chocolate fondue"),o("smoothly-input-reset",{key:"de1bad5de86767304a5244812506166ac09ef395",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"a606780ffc3288ff2c3963c63d1e67922e27eb03",name:"spirit-animals",looks:"border",mutable:true},o("label",{key:"12d7b79350e82d58eab979ae139ba1895e6d60e8",slot:"label"},"Select or add new options"),o("smoothly-item",{key:"b9c3dfe20a6df2409ef1e350bf6491284a583d5b",value:"manatee"},"Manatee"),o("smoothly-item",{key:"609d4f74ac6f9b7b3de0d6cf8239e357e273be3f",selected:true,value:"cthulu"},"Cthulu")),o("smoothly-input-select",{key:"02c55364f84130fbe531450518a9f14c01d093eb",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"838cb077ef888a9474f387f3e103d1fe5a7446bf",value:"folder",selected:true},o("smoothly-icon",{key:"b25142bf3ef747ac3b0efce4e5b0570da8fe3fdf",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"230ece62e3958643281636ba4185118102394ce8",value:"camera"},o("smoothly-icon",{key:"2388323ed7eb30ca002c1fdb0a5b3c39e11b5da2",size:"small",name:"camera-outline"}))),o("smoothly-input-select",{key:"39a9cf873e9f7d93b05de669efa66d38f2f23ab6",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"9789169a41dfb9e3162112e23caffbfe5b6daeea",slot:"label"},"Alphabet ordered select"),Array.from({length:26}).map(((t,e)=>String.fromCharCode(e+65))).map((t=>o("smoothly-item",{value:t,selected:t=="H"},t)))),o("smoothly-input-select",{key:"f387c1c723590cc0af87d9a1fd57d459c1cc73f6",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"a5db731994586ad163c1077afe56a23f8645654a",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"f1f9ee3d60d71883b4dd1b4aea488f2c22cde1d5",value:"1"},"January"),o("smoothly-item",{key:"a4432cbbf045646fdb7c5481edd5a4dc647e714e",value:"2"},"February"),o("smoothly-item",{key:"5004b0e7acb2fca29c26f563933f66a141a87a21",value:"3"},"March"),o("smoothly-item",{key:"f9085fa0f5ac2bdc308a6e6eb5f76d060179adac",value:"4"},"April"),o("smoothly-item",{key:"45c828dcd5f36bcb4624860f11ffe970ecfe3021",value:"5"},"May"),o("smoothly-item",{key:"6dcc18a959124619842d5a7bd68b38b507ecbb80",value:"6"},"June"),o("smoothly-item",{key:"cd1b161f2f13dfe661b2d3363e3b20647c4ec3ca",value:"7"},"July"),o("smoothly-item",{key:"a5ae41fa7eed339f47f69aad3681eae4579e0efe",value:"8"},"August"),o("smoothly-item",{key:"0016e486b487603da72487e53031739b85dc5318",value:"9"},"September"),o("smoothly-item",{key:"f1c6ed5593caa14259f74be4c8b3be20386e54cf",value:"10"},"October"),o("smoothly-item",{key:"f636538a7669567ff285e74a4c2de398546108ec",value:"11"},"November"),o("smoothly-item",{key:"0a83028ce8f962d1b8d501041aad0a288a5829c5",value:"12"},"December")),o("div",{key:"e16c4ae44a81885c288ca235fc56e53d08b3253f",class:"select-div-row"},o("smoothly-input-select",{key:"a399d1152444fff42ea7b37ca41824a6ecf63d81",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"af648a4bb5f15488197c34a752e282bd60cf79a3",value:"folder",selected:true},o("smoothly-icon",{key:"16d8cdf17dbf67544d10c06d8f599dd30b87cb61",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"39012cd32fa3bcecb1cc012160048d6817a94c5c",value:"camera"},o("smoothly-icon",{key:"a51166743064c08c1e9509fea17b60fde3f39556",size:"small",name:"camera-outline"})),o("smoothly-item",{key:"5b13f14afbbf764ad387c34db65f48335c8e5ff8",value:"boat"},o("smoothly-icon",{key:"855facc3a62046b5b3b4ff29f0d5226d2aff1c55",size:"small",name:"boat-outline"}))),o("smoothly-input-select",{key:"cc1e08d1120f45c8143ae6f28cbdbad769785e58",name:"select-number",clearable:false},this.numbers.map((t=>o("smoothly-item",{value:"number",selected:t===3},t)))),o("smoothly-input",{key:"f12155b6e15ef36745915628c1ffc34a2c277bcd",name:"name",value:"Sten Qvist"},"Name"))),o("h2",{key:"32733265cff202c69112ac37afbbe51e9ee16b13"},"Duration"),o("smoothly-input",{key:"1c359b65c54c00a291d4ab2fca662ae0823545be",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:t=>this.duration=t.detail.duration},"Duration"),o("smoothly-input",{key:"b50a7ea8c22c140a5d1b81eb197caa88d79ff4cc",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:t=>{const e=t.detail.duration;this.duration=e}},"Duration"),o("h2",{key:"9bf848b3aeb2d99264b20270c030daf0a2e4538c"},"Integer with Min/Max"),o("smoothly-input",{key:"ef9a50d998c97e0ee62ce7521a47d9116596f594",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),o("smoothly-input",{key:"3fc4295acaaabe23a12e6e9fd192371d137e2ebd",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),o("smoothly-input",{key:"e3e23c2ff05c311d1d62b86d9de0e333aaf38d16",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),o("smoothly-input",{key:"a92c74f2b45cc1df86589e62e97b87c8a7060351",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),o("h2",{key:"05151b343a921085863acb3cc263fb4775fc1326"},"Invalid text with warning icon and tooltip"),o("smoothly-input",{key:"433ed8e5372266ef59393311c0dde265b79efb36",copyable:true,name:"alphanumeric",invalid:!/^[a-zA-Z0-9]+$/.test(this.alphanumeric),errorMessage:"Only alphanumeric allowed",value:this.alphanumeric,onSmoothlyInput:t=>this.alphanumeric=t.detail.alphanumeric},"Alphanumeric"),o("h2",{key:"b5e460972d07d70a04099e129f4b11706ee6ea58"},"Identifiers"),o("smoothly-input",{key:"d059d3ecee65ec385e40d11bad328bde8be89246",type:"identifier-code"},"Code"),o("smoothly-input",{key:"669bda44ce4115dc276335a9566cd433ccc992c4",type:"identifier-attribute"},"Attribute"),o("smoothly-input",{key:"a775035df9b192896c2ce7f1beebe6e904c1d42d",type:"identifier-snake"},"Snake"),o("smoothly-input",{key:"359285e474ea704c36e73984c35e4ae245c47a00",type:"identifier-pascal"},"Pascal"),o("smoothly-input",{key:"f1a36423248b413cd20749f738fe12a8eeacae15",type:"identifier-camel"},"Camel"),o("h2",{key:"2f6beac2f107dd3dc34a537e5b47f13d76206a07"},"Input Alternatives"),o("smoothly-input",{key:"74cfbe969295b7cb9e02af90b126d9bdb60168cc",type:"text",name:"name.last"},o("smoothly-icon",{key:"34e749e71f3d9976f2b71e57dd8644d53872aa35",name:"checkmark-circle",slot:"start"}),"First Name"),o("smoothly-input",{key:"61f44e09ab53cf0cf061007d3cf8426722e53312",type:"text",name:"name.first"},"Last Name",o("smoothly-icon",{key:"55adb72f7485eb5f2235516c9d2839feae927ad7",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"642a573bebe0e805fd7d178dfc8befe7e77bba15",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",o("smoothly-icon",{key:"5bcfe9a74e7ec780fee1764933bd37f82b36495d",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"cd5b1bbd73247cfb21b6ff99a56c0989ec7f3239",placeholder:"test"}),o("smoothly-input-submit",{key:"02c46969366444af0882851f2f3a0cd80f1b61c3",slot:"submit",fill:"solid",onSubmit:t=>alert(t),color:"success"}),o("h4",{key:"3bc94eda5050b71ec193fda5600d76b5341b71d5"},"Smoothly checkboxes"),o("div",{key:"165dd5a0d8e539c3d9fdbebf49ded093589acea7",class:"checkbox-group"},o("smoothly-input-checkbox",{key:"17c781cdca9adf265d7418ca27ace984f0b70499",disabled:true,name:"first-checkbox"},o("smoothly-icon",{key:"413a357d61374d72ae7be41bca5a7360b105e9e0",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),o("smoothly-input-checkbox",{key:"81ad9a572cb4e01b86ca1a189d4ce027c81d588b",name:"second-checkbox",checked:true},o("smoothly-icon",{key:"a34d9d7860461de0a508e8f36ab3e89627475777",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",o("smoothly-input-clear",{key:"fc64656864d9c68ef8f8ee42868af8f6d27ff217",size:"icon",slot:"end"})),o("smoothly-input-checkbox",{key:"8d1461bc9cc61eb79488162501232355e27bb992",name:"third-checkbox"},"3rd")),o("h4",{key:"0eca64c7ae21e4f915e7f146d36662983f5c3759"},"Smoothly Radio Buttons"),o("smoothly-input-radio",{key:"7677ce8ca260453a84a650fcced18a6592acc6a7",clearable:true,name:"radioFirstInput"},o("smoothly-icon",{key:"fd28ffad9dc1a32efb02131873f238c54fcb63e2",name:"checkmark-circle",slot:"start"}),o("label",{key:"63d92632a2ef4832fd863f55991480e1ec58fbae",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"a3e81d19c74fc5de2d25e44afb686793807025d5",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"5a4118fd0fb1b24e7a3e957c6186a94caf6c3160",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"beb9d9bfec1ebd2bd268b3c94fde2f23ee77b31b",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"91ff12f5c8d3911b662a4774e3d8887742de6b42",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"5e708295015296538d73936026d36e5badc6f805",name:"radioSecondInput"},o("label",{key:"8ffb6b2f623f8e16a19d6b9d83b93b28d9fe2637",slot:"label"},"Not clearable"),o("smoothly-input-radio-item",{key:"a5cf624fceafa16030eab1e9050cd3cac2c985f1",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"66ab2a39eb130a221dea6cc77beecb0c221cecf5",value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"44792e09a3cfff26ec11c364e842db24f1eb10f2",value:"third"},"Label 3"),o("smoothly-input-radio-item",{key:"78b2689f9c52960b2901431b22c7f7faec8605ae",value:"fourth"},"Label 4"),o("smoothly-input-radio-item",{key:"fb6757b00011d410ffcf1cad4dcdfe1c586ca24a",value:"fifth"},"Label 5"),o("smoothly-input-radio-item",{key:"dcd365bfd3792cab31ede99aa43edf5d41d8af9e",value:"sixth"},"Label 6")),o("smoothly-input-range-demo",{key:"c231fb7b9c6d28546b4d13c87ef3a900b33191ca"}),o("smoothly-input-color-demo",{key:"540d7e3d4ec89f99ec6c67d725468e050ec0a183"}),o("smoothly-input-price-demo",{key:"eb8164f02728a0ee68e10ecb949c6b7f45d2fff2"}),o("smoothly-back-to-top",{key:"98cd43c5de35cfeea70b77434dac7907648c1b6e"})))}};Js.style=Zs();const Xs=()=>`.sc-smoothly-input-demo-radio-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(56rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-demo-radio-h .sc-smoothly-input-demo-radio:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const Qs=class{constructor(e){t(this,e)}selectedChange(){console.log("selected",this.selected)}render(){return o(s,{key:"040a57805b385a247d202b5e955a7f8eba616010"},o("h2",{key:"f09dbab032e5a1236b6917adf732333decd4f304"},"radio input - column direction"),o("smoothly-input-radio",{key:"b433eda6893f6ace20301795321958f684f47d57",name:"radio",direction:"column",onSmoothlyInput:t=>this.selected=t.detail.radio},o("smoothly-input-radio-item",{key:"2d9b7a2edea9639f1edebc73c8caca090765ce61",value:"1"},o("span",{key:"e42fdc99169da6f957f0f7d701f07e28ec3b6f75"},"Option 1"),o("span",{key:"ffdf79cbc7f98435a01a3a1a6c30c307741a566c",slot:"detail"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),o("smoothly-input-radio-item",{key:"0d9d95f1375bca503b1aade350a87119bb329c09",value:"2",selected:true},o("span",{key:"dc6d2e6888deb8bf32a626badc8a01d1daeb960d"},"Option 2"),o("div",{key:"5ab436788acba5bcf290faf1551513a1f1b493b6",slot:"detail"},o("smoothly-tabs",{key:"097716e9e682a11b5eff9880e94c036a01344de4"},o("smoothly-tab",{key:"4b4117fbeb2aec641c279690438452f1e0ff15d6",label:"Dog",name:"dog",open:true},"🐕"),o("smoothly-tab",{key:"4cb637cfdb67a7721dc13348cfe830595d47027b",label:"Cat",name:"cat"},"🐈"),o("smoothly-tab",{key:"1c4873e9b744831a602192bb520236b440d8b547",label:"Rat",name:"rat"},"🐀"))))))}static get watchers(){return{selected:[{selectedChange:0}]}}};Qs.style=Xs();const ta=()=>`.sc-smoothly-input-demo-standard-h{max-width:min(calc(100% - 0.5rem), 48rem);margin:auto}.sc-smoothly-input-demo-standard-h h2.sc-smoothly-input-demo-standard,.sc-smoothly-input-demo-standard-h p.sc-smoothly-input-demo-standard{margin:.5rem 0}.sc-smoothly-input-demo-standard-h>.description.sc-smoothly-input-demo-standard{--smoothly-form-input-min-width:18rem}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:1fr 9rem;gap:1rem;position:relative;justify-content:space-around}div.input-wrapper.sc-smoothly-input-demo-standard>[name].sc-smoothly-input-demo-standard{grid-column:1 / 2}div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard{width:100%;text-align:center;border-bottom:1px dashed black}div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard{align-content:center;grid-column:2 / 3;border-left:1px dashed black;padding-left:1rem;content:"hello"}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{width:0.5rem;grid-column:1 / 2;white-space:nowrap;overflow:visible;position:relative;cursor:default}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard::before{content:"";position:absolute;width:100%;top:1.5rem;bottom:-1rem;border:1px  dashed black;z-index:2}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard:hover::before{bottom:-100vh}`;const ea=class{constructor(e){t(this,e);this.duration={hours:8};this.options={}}connectedCallback(){this.updateInputHeightText()}componentDidRender(){this.updateInputHeightText()}updateInputHeightText(){const t=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));this.element.querySelectorAll(".height").forEach((e=>{const o=e.clientHeight;e.innerHTML=`<b>${o/t}rem</b> (${o}pixels)`}))}render(){return o(s,{key:"d2a4b3a8e5675b4fe394f551166318902c09ea84"},o("div",{key:"67b40a89a1cbf17d511c56d966a9173e02a9c92e",class:"description"},o("h2",{key:"fdd28a17423a0da06745fc2aad06e1acbde54be4"},"Input Standard"),o("p",{key:"e9e84428aa2ebe4ea0b1d04410629ed85de1d329"},"Height of input should be ",o("code",{key:"faccb606910cbe8418c176efd45ff05eafd0ffc8"},"3rem")," including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."),o("smoothly-form",{key:"f8770ba1128622c8b40be48cd26214ed162035e3",looks:"grid",onSmoothlyFormInput:t=>this.options=t.detail},o("smoothly-input-select",{key:"82ce7ab02f341b560e6347164a19c9273580ed18",name:"color"},o("span",{key:"4062538c8b4b25d9a1cc1f625df0313383990193",slot:"label"},"Color"),r.values.map((t=>o("smoothly-item",{value:t},o("span",{color:t},t)))),o("smoothly-input-clear",{key:"659e785d9f5e4043fcf15dc457dde4dc48676215",slot:"end"})),o("smoothly-input-select",{key:"656b68d41b449cde70e4d86b252dc70d994f63ce",name:"looks"},o("span",{key:"39ef79d28d1dbec7a678b93fa031615457560351",slot:"label"},"Looks"),Qo.values.map((t=>o("smoothly-item",{value:t},t)))),o("smoothly-input-range",{key:"3ae946ee3c4cdcf5b698b0456499c4807e53b257",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"f73361b452096abbda4ebc6908371c397c0a9fd4",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"7a4762f9122be37ce57099515e0d9fac7c18df94",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"0ac401e2b9e2525dfc899eda4957a61b99947758",name:"invalid"},"Invalid"),o("smoothly-input",{key:"2ba7f175d8aeef4301598f3c3da5d436a17c45c7",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"5844e0ab1cc53ecd0691d585fa4461f89c9994bc",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"6d46add6231e87d95dd8aea7bd91181c47a56490",name:"placeholder"},"Placeholder"),o("smoothly-input-checkbox",{key:"43af9a815da45bc2ce0e54e8442e3a8ab1bc534c",name:"alwaysShowGuide"},"Always Show Guide (for date inputs)"))),o("div",{key:"cf6750528c66ee0c0b9e97478de77514cbd39045",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"4fbc0ba2b6b142f6c4ac8379157b2953d88cb062",class:"width"},"width: 100%"),o("div",{key:"7fb5a3a68f6ed4d14bcab9758a8de0a95de7e80c",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"3d379565ac3335e2ef39e7d616b082fd5247619e",name:"text",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"7d37fa391bb86cf43fe84db4826d8394c04d8af9"},"Text"),o("smoothly-input-clear",{key:"5c5b48cd36f13a3b50fc49809edb17148993a004",slot:"end"})),o("div",{key:"c666bcf200205fbe3d4e045ee69530b217d4845d",class:"height"}),o("smoothly-input-select",{key:"9a2bb30a995830fecbc0dc7f9df2895470ac8e3b",name:"month",color:this.options.color,looks:this.options.looks,menuHeight:"6.7items",readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"d91f28c2c80c6b95703b9476c8d07b64387f989a",slot:"label"},"Select"),o("smoothly-item",{key:"61aeaf05ac730b30d7fb29b749dcf6ba59932c9c",value:"1"},"January"),o("smoothly-item",{key:"131052c2a6ad24d5c93cda5352dd16873e81fc81",value:"2"},"February"),o("smoothly-item",{key:"599a8b88c0abd24346856c8c653c1adc69d432e0",value:"3"},"March"),o("smoothly-item",{key:"e8933cb5d5af0fbb4d898a919a1d0ccc26584c11",value:"4"},"April"),o("smoothly-item",{key:"eb7b7c07dd9fcb31eba2b5a8da79da32e14f2c67",value:"5"},"May"),o("smoothly-item",{key:"48e70f3d930689aed016ac28241e6f8d253f61db",value:"6"},"June"),o("smoothly-item",{key:"738b7ad9d5286f6afc8ad033d9cbb9e066c4c861",value:"7"},"July"),o("smoothly-item",{key:"aad0e64de6bf35b315fb3472c8cad86e3fb195d9",value:"8"},"August"),o("smoothly-item",{key:"81c533fd3eeaa48ae7917f6064a17724b101b650",value:"9"},"September"),o("smoothly-item",{key:"69f567c427f80cee633f72ac4dd06a4d4b4a27c7",value:"10"},"October"),o("smoothly-item",{key:"0d87e5fa94a04a60b527d7a5f1670b1788bd4339",value:"11"},"November"),o("smoothly-item",{key:"34b1425da536971ffde20fbab5b96c9d23f71fe3",value:"12"},"December"),o("smoothly-input-clear",{key:"d16aad09e1f53274a0c6d23c071f2abe1157ce4f",slot:"end"})),o("div",{key:"51931a5ed8ec83b8937cd7899a303569cf8bf7cd",class:"height"}),o("smoothly-input-checkbox",{key:"20d5a02ab8d8f1f709b030a0258598de61250555",name:"checkbox",checked:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled},"Check",o("smoothly-input-reset",{key:"d36312b0bb0393568cf05e51eea4cfa057dce607",slot:"end"})),o("div",{key:"c1353494563098fc08fe2c93cceeb80d56a1aa51",class:"height"}),o("smoothly-input-radio",{key:"84976dd68dfe5534f28c02395d2476593bcb3bcd",name:"radio",clearable:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("label",{key:"fd87d0cfc047bcaf959908191d798ea774daca25",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"4029068fb2fea98f2b5c19ec87e8dea13cf22365",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"1ab27866d3db524f52da4f76a3abb5eff1deeed3",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"9415dd464250d9af68a54de51a9e6b15234f8faf",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"8ea8291c65ca421b0044fe3e0da4127f9fac0c40",slot:"end"})),o("div",{key:"fa351e941ec780e05a037c2c1948dabd8ef371e8",class:"height"}),o("smoothly-input-file",{key:"b45c3bf3c7b5e9e8408a6cecacdda30c7ce392df",name:"file",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"7e81668b6bf2a3f72238d18d02c21f19bf6c2756",slot:"label"},"File"),o("smoothly-input-clear",{key:"4ead6310cb554351b45699cbbc6d84804d26611b",slot:"end"})),o("div",{key:"73cd3845233377057ff16a18b9ad85eb4e4be30f",class:"height"}),o("smoothly-input-range",{key:"ec0f42a5ee5fddd52fb5c0d283f9add183e429fd",name:"range",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,label:this.options.showLabel?"Range":undefined},o("smoothly-input-clear",{key:"49536b00574ad5e0cba72b9a8fdeee599435a886",slot:"end"})),o("div",{key:"cc112e755aeb5724b6e4bc511ed1b4e32b394d08",class:"height"}),o("smoothly-input-color",{key:"dbd6daa2196f6ba316721ed338c0638d6c713e00",name:"color",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"04197c11337298f86531d7ba52d67df221619051"},"Color"),o("smoothly-input-clear",{key:"6489a29a796e8e443efdf27574df27e4e24111ee",slot:"end"})),o("div",{key:"e48defb9f45eaa2f935b0108cf3ec6e331d4ecb2",class:"height"}),o("smoothly-input-date",{key:"0a5c51ecc51013f9572ed8cd8ef38f6d92bd4f5b",name:"date",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide},this.options.showLabel&&o("span",{key:"21f21c543ff1df34c50333fba2d1ca8377ea4e37"},"Date"),o("smoothly-input-clear",{key:"f8226e817b97c90070b649935ac70d6ba11f7b30",slot:"end"})),o("div",{key:"8920789228e2911822a6b822d1c8c37537a225e4",class:"height"}),o("smoothly-input-date-time",{key:"2e58e0e5f6370f7a4d0dd7f17c56718038167e6a",name:"dateTime",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel},"DateTime",o("smoothly-input-clear",{key:"9ebc24b5b639628fd5f3d11a72500bcd6ae9ab0f",slot:"end"})),o("div",{key:"dddb389df78c212ec451422436e3f0468f523065",class:"height"}),o("smoothly-input-date-range",{key:"76b7832bcf134165961c00e610180ee37b74968d",name:"dateRange",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"023a98551ba8d1b848665506fdad5282338a2d2e"},"Date Range"),o("smoothly-input-clear",{key:"078a1ca386a3f814286b35fc0579573b8e4d64c3",slot:"end"})),o("div",{key:"32733c0b81a14c8a982c1607d5635d807894b2ae",class:"height"})))}get element(){return a(this)}};ea.style=ta();const oa=()=>`.sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}@media (max-width: 48rem){.sc-smoothly-input-demo-user-input-h{grid-template-columns:1fr}}`;const sa=class{constructor(e){t(this,e);this.values=["zero","one","two","three","four","five"];this.colors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"]}increment(t){return t===undefined?0:(t+1)%this.values.length}render(){var t,e;return o(s,{key:"eab36e7674fb973f979c4aaed34abadae7576fe0"},o("div",{key:"8225faa4114dc00127534d7a4400b1d9b23f4ae7"},o("h2",{key:"a6e84f195de0a08ef8ea173615663417db7cb4fb"},"User Input Event"),o("p",{key:"e6aad349cb3b67654e5eb4499aa0088367862ceb"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"ca92dbe2b5834d176ee33651b5d4287ece6d585c"},"smoothlyUserInput")," event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).",o("br",{key:"96cfdda6ccf73450ce38e886fbb26681c17667ea"}),"Check the console to see the details of each ",o("code",{key:"13af94b46758e72141f7ba0da21f93f2ef70a052"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"5f3eadf13479a585b26f63bbd14d5a06d4efd82e",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"18606ed8401bc0a7a9146ab7b8da848b9f155971",looks:"border",name:"demo-user-input-text",value:this.textIndex===undefined?"":this.values[this.textIndex],onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Text input"),o("smoothly-button",{key:"89d848edf493f23af859f999c62788cd58f89b9e",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"223ebf76fcfd12bb61cf78cdafb7cc2a6f9ab95a",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},o("span",{key:"1bb540b065fdf0f3571482e0c8a3417a4d9be70a",slot:"label"},"Select input"),this.values.map(((t,e)=>o("smoothly-item",{value:e,selected:e==this.selectIndex},t)))),o("smoothly-button",{key:"c8759cf4029e8910db9eca83c856bbcd203721ae",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"a613696a09d76a9410d66e4fc51833db30a8acd6",looks:"border",name:"demo-user-input-checkbox",checked:this.checkboxChecked,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Checkbox input"),o("smoothly-button",{key:"552e86df8bca79435198c9d18258d89471c17f2f",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"83d0d370cfb15750bfec897741493bf51352409e",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},o("span",{key:"205e6dc2498d0ae6b95a119aba4d19c75cefabea",slot:"label"},"Radio input"),this.values.map(((t,e)=>o("smoothly-input-radio-item",{value:t,selected:e==this.radioIndex},t)))),o("smoothly-button",{key:"13bc5121320b0982bdcf65c0ea5454841783ef24",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"c6097f9351a54aefda3b9f51694c71d4faa803a5",looks:"border",name:"demo-user-input-range",step:1,min:0,max:this.values.length,value:this.rangeValue,label:"Range Input",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)}),o("smoothly-button",{key:"5356c9d3d1ebd1edc281d0802deee76cd098ed7d",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"18d6651482ef0254f9c1dd1cdefd2127c4d67dc1",looks:"border",name:"demo-user-input-color",value:typeof this.colorIndex=="number"?this.colors[this.colorIndex]:undefined,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Color input"),o("smoothly-button",{key:"3da5ff4f15a19d39a1537fc0f3f738bc840b17c4",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?C.Date.next(this.dateValue):C.Date.now()},"Next day"),o("smoothly-input-date",{key:"c20a4edf0546a89bcbd55a1f67840ffb6ca6a98a",looks:"border",name:"demo-user-input-date",value:this.dateValue,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Date input"),o("smoothly-button",{key:"0ab185dd19fabc2ded8387b5d08b1580d47726c9",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?C.DateTime.nextDay(this.datetimeValue):C.DateTime.now()},"Next date time"),o("smoothly-input-date-time",{key:"402a80aa4b3b25a460d2acec85964446350501fa",looks:"border",name:"demo-user-input-datetime",value:this.datetimeValue,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Date time input"),o("smoothly-button",{key:"89b12f184e5f3c2953b3882fca43dbea273f5178",color:"tertiary",onClick:()=>this.dateRangeValue=this.dateRangeValue?{start:C.Date.next(this.dateRangeValue.start),end:C.Date.next(this.dateRangeValue.end)}:{start:C.Date.now(),end:C.Date.next(C.Date.now(),10)}},"Next date range"),o("smoothly-input-date-range",{key:"7c2c3867bb8465daf5da9496c70e717bdfd2616c",looks:"border",name:"demo-user-input-daterange",start:(t=this.dateRangeValue)===null||t===void 0?void 0:t.start,end:(e=this.dateRangeValue)===null||e===void 0?void 0:e.end,onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},"Date range input"))}};sa.style=oa();const aa=()=>`[color=default].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-edit-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-edit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-edit-h{display:inline}[disabled].sc-smoothly-input-edit-h{opacity:0.5}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit{font-weight:400;background-color:transparent}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-edit-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-edit-h:has(>a:empty),.sc-smoothly-input-edit-h:has(>button:empty),.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit:empty,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-edit-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-edit-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-edit{min-width:8rem}[size=icon].sc-smoothly-input-edit-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-edit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-edit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-edit-h{width:100%}[expand=full].sc-smoothly-input-edit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-edit-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:focus-visible,[fill=outline].sc-smoothly-input-edit-h:not([disabled]):active>button.sc-smoothly-input-edit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:hover::before,[fill=outline].sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:focus-within::before,[fill=outline].sc-smoothly-input-edit-h:not([disabled])>button.sc-smoothly-input-edit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-edit:focus-visible,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-edit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h .sc-smoothly-input-edit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-edit-h{display:none}.sc-smoothly-input-edit-h:not([display]){display:none}[editable].sc-smoothly-input-edit-h{opacity:0.5}.sc-smoothly-input-edit-h[type="input"].sc-smoothly-input-edit-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-edit-h smoothly-icon.default.sc-smoothly-input-edit{transform:translate(.1em, -.1em)}.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>button>*+smoothly-icon{display:none}`;const ia=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.color="tertiary";this.disabled=false;this.display=true;this.type="input";this.tooltip="Edit"}componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(Xo.type.is(t)){this.parent=t;t.listen((async t=>{this.display=t.readonly}))}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.edit(true)}render(){var t;return o(s,{key:"3fa8bd92acf77d574acfe3bd36d305e043376237",title:this.tooltip},o("smoothly-button",{key:"758777db051b7ed16e62e11c01c74d718cfefea7",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(t=this.fill)!==null&&t!==void 0?t:this.type=="input"?"clear":undefined},o("slot",{key:"15d7fef684aa41d04a1a5e11ffa18480ae6aeee8"}),o("smoothly-icon",{key:"d47e6290709546c917d2b15ad60e30fa1df11410",class:"default",name:"create-outline",size:"tiny"})))}};ia.style=aa();const la=()=>`.sc-smoothly-input-file-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-file-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-file-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-file-h,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background-color:transparent}[looks="transparent"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-file-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.floating-label.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-text.sc-smoothly-input-file-h .label.sc-smoothly-input-file,[placeholder].sc-smoothly-input-file-h .label.sc-smoothly-input-file,[readonly].sc-smoothly-input-file-h .label.sc-smoothly-input-file,.sc-smoothly-input-file-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-file{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-file-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h smoothly-icon.smoothly-invalid.sc-smoothly-input-file{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-file-h{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{--smoothly-button-height:1.4rem;margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h:not([readonly]),.sc-smoothly-input-file-h:not([readonly]) *.sc-smoothly-input-file{cursor:pointer}[disabled].sc-smoothly-input-file-h,[disabled].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}`;const na=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.readonly=false;this.showLabel=true;this.dragging=false;this.isDifferentFromInitial=false;this.observer=Xo.Observer.create(this);this.transfer=new DataTransfer}get files(){this.transfer.items.clear();this.value&&this.transfer.items.add(this.value);return this.transfer.files}async componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,e){ts.formRename(this,e)}async register(){ts.formAdd(this)}async unregister(){ts.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}smoothlyInputLoadHandler(t){ts.registerSubAction(this,t)}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}async binary(){return true}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}inputHandler(t){var e,o,s;t.stopPropagation();if((o=(e=this.input)===null||e===void 0?void 0:e.files)===null||o===void 0?void 0:o.length){this.value=(s=this.input)===null||s===void 0?void 0:s.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}dropHandler(t){var e;t.preventDefault();t.stopPropagation();this.dragging=false;if((e=t.dataTransfer)===null||e===void 0?void 0:e.files.length){this.value=t.dataTransfer.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}clickHandler(t){var e;if(!this.readonly&&!this.disabled&&!t.composedPath().find((t=>t==this.input))){(e=this.input)===null||e===void 0?void 0:e.click()}}dragOverHandler(t){t.preventDefault();t.stopPropagation()}dragEnterHandler(t){t.preventDefault();!this.readonly&&!this.disabled&&(this.dragging=true)}dragLeaveHandler(t){t.stopPropagation();this.dragging=false}render(){var t,e,a;return o(s,{key:"92ab54c45c171373ca1202527ac452358b1c8de8",class:{dragging:this.dragging,"has-value":!!this.value},tabindex:this.disabled?undefined:0,onClick:t=>this.clickHandler(t),onDragOver:t=>this.dragOverHandler(t),onDragEnter:t=>this.dragEnterHandler(t)},o("label",{key:"e7865d1f743acdb3f262f812e47a7aa33e7f455b"},o("slot",{key:"ea009dfb71d55f4de0214c0188abdeca97cfb126",name:"label"})),o("div",{key:"9875aef8a3075c1c93450da31789c263279d2104",class:"input"},o("smoothly-button",{key:"70c1985a28a92b0df083fcf89caa8bc6798f94ee",disabled:this.disabled,type:"button",color:this.color,fill:"clear",size:"flexible"},o("slot",{key:"4b3eb404ef91e9ed042e2fd99b22e012a7f07780",name:"button"})),o("span",{key:"e41716ae95c78739678c28d50d9ba65f830384fd"},(e=(t=this.value)===null||t===void 0?void 0:t.name)!==null&&e!==void 0?e:this.placeholder),o("div",{key:"89f1c26d6d4d7bb4cc52b8897ee30bd1b36717d8",class:"drag-overlay",onDrop:t=>this.dropHandler(t),onDragLeave:t=>this.dragLeaveHandler(t)},o("smoothly-icon",{key:"b88edd52dcbe45bc147a152cb8550de5487dfd70",name:"document-attach-outline"})),o("input",{key:"44aed5773dc5425b492ef090685df3575a1358e6",ref:t=>this.input=t,type:"file",disabled:this.disabled,capture:this.camera=="back"?"environment":"user",accept:(a=this.accept)!==null&&a!==void 0?a:!this.camera?undefined:"image/jpeg",files:this.files,onInput:t=>this.inputHandler(t)})),o("span",{key:"4a24ad4127a02b97b04369952822aa354509ca0d",onClick:t=>t.stopPropagation()},o("slot",{key:"70189241ca504152198d2c20c68bdfc0f31eb71b",name:"end"})))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}]}}};na.style=la();const ra=()=>`.sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center;cursor:pointer}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;cursor:not-allowed}`;const ca=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.value=C.Date.now();this.next=false;this.previous=false;this.inCalendar=false;this.showLabel=true;this.allowPreviousMonth=true;this.allowNextMonth=true;this.observer=Xo.Observer.create(this)}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.valueChanged()}valueChanged(){this.smoothlyInput.emit({[this.name]:this.value})}adjustMonth(t){var e;if(!this.readonly){const o=C.Date.parse((e=this.value)!==null&&e!==void 0?e:C.Date.now());o.setMonth(o.getMonth()+t);this.value=C.Date.create(o)}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}setAllowPreviousMonth(){var t,e;const o=C.Date.previousMonth((t=this.value)!==null&&t!==void 0?t:C.Date.now()).substring(0,7);const s=(e=this.min)===null||e===void 0?void 0:e.substring(0,7);this.allowPreviousMonth=!s||o>=s}setAllowNextMonth(){var t,e;const o=C.Date.nextMonth((t=this.value)!==null&&t!==void 0?t:C.Date.now()).substring(0,7);const s=(e=this.max)===null||e===void 0?void 0:e.substring(0,7);this.allowNextMonth=!s||o<=s}nameChange(t,e){ts.formRename(this,e)}async register(){ts.formAdd(this)}async unregister(){ts.formRemove(this)}async getValue(){return this.value}async clear(){var t,e;(t=this.year)===null||t===void 0?void 0:t.clear();(e=this.month)===null||e===void 0?void 0:e.clear()}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){var t,e;(t=this.year)===null||t===void 0?void 0:t.reset();(e=this.month)===null||e===void 0?void 0:e.reset()}async setInitialValue(){var t,e;(t=this.year)===null||t===void 0?void 0:t.setInitialValue();(e=this.month)===null||e===void 0?void 0:e.setInitialValue()}inputHandler(t){if(t.target!=this.element){t.stopPropagation();const e=t.detail[`${this.name}-year`];const o=t.detail[`${this.name}-month`];if(o&&C.Date.is(o)){this.value=C.Date.firstOfMonth(o)}else if(e&&C.Date.is(e)){this.value=C.Date.firstOfMonth(e)}}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks,this.color)}}async smoothlyInputLoadHandler(t){if(t.target!=this.element){t.stopPropagation()}}render(){var t,e;return o(s,{key:"28204b265ebea6c0cbb757b8cc4a6a1e01e3b74c"},o("smoothly-icon",{key:"f4c14f7bf0825b0baede2c01ff097482ec9d75f5",name:"caret-back-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowPreviousMonth},onClick:()=>this.allowPreviousMonth&&this.adjustMonth(-1)}),o("smoothly-input-select",{key:"08a0e79d5558899bbc60d20b9a3e8b13bd736bed",ref:t=>this.year=t,name:`${this.name}-year`,readonly:this.readonly,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const e=t.detail.value;if(e&&C.Date.is(e)){const t=C.Date.firstOfMonth(e);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},o("div",{key:"fe85ea22cbf1dda9cbae9ba96b2d6e45343c9a31",slot:"label"},o("slot",{key:"1f0e5aef19949285791558528dac50ada4cb1f32",name:"year-label"})),Wt((t=this.value)!==null&&t!==void 0?t:C.Date.now(),this.min,this.max).map((t=>o("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),o("smoothly-input-select",{key:"a5718197e3389df6c5d175ecf362826e5a6dafad",ref:t=>this.month=t,name:`${this.name}-month`,readonly:this.readonly,color:this.color,looks:this.looks,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const e=t.detail.value;if(e&&C.Date.is(e)){const t=C.Date.firstOfMonth(e);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},o("div",{key:"d4d00cd1968bf5766fee52de789f9fe983730210",slot:"label"},o("slot",{key:"1b0a796b6cb66e6c549cd6eaef2f281ef519816a",name:"month-label"})),Yt((e=this.value)!==null&&e!==void 0?e:C.Date.now()).map((t=>o("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),o("smoothly-icon",{key:"dc499bc33e59e0f918194a7a4b3a61bcdd270600",name:"caret-forward-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowNextMonth},onClick:()=>this.allowNextMonth&&this.adjustMonth(1)}))}get element(){return a(this)}static get watchers(){return{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}}};ca.style=ra();const ha=()=>`.sc-smoothly-input-price-demo-h{display:block}`;const da=class{constructor(e){t(this,e);this.currencies=["EUR","USD","GBP"];this.currency="USD"}render(){return o(s,{key:"2d35ede0ba48999e163c9b401e822a703c049639"},o("h2",{key:"6e3c78bd7a51616418555e74379ed81f4351688a"},"State demo on smoothly-input"),o("p",{key:"d43ad6219d21d065dc62197872e4cb689fececb5"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"e2a250b7bfb6433bc61fa3d740df11cae0713f85"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"4d111e1bd9fbc0dcc57d3a842cfd0756a4807991",name:"currency",onSmoothlyInput:t=>this.currency=C.Currency.is(t.detail.currency)?t.detail.currency:undefined},this.currencies.map((t=>o("smoothly-input-radio-item",{key:t,selected:t==this.currency,value:t},t)))),o("smoothly-input",{key:"4c81a6bf8c3d854f3443942a6c1fb64db9b67b54",type:"price",currency:this.currency},"price"))}};da.style=ha();const ma=()=>`.sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-radio-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-radio-h,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks="transparent"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h smoothly-icon.smoothly-invalid.sc-smoothly-input-radio{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem;width:100%}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}`;const ya=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.valueReceivedOnLoad=false;this.observer=Xo.Observer.create(this);this.value=undefined;this.readonly=false;this.showLabel=true}componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,this.color=e}));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){!this.valueReceivedOnLoad&&this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));this.initialValue=this.active}handleRegister(t){t.stopPropagation();t.detail(this)}smoothlyInputLoadHandler(t){ts.registerSubAction(this,t)}smoothlyRadioInputHandler(t){var e,o,s;t.stopPropagation();if(!this.readonly&&!this.disabled||!this.valueReceivedOnLoad){if(this.clearable&&((e=this.active)===null||e===void 0?void 0:e.value)===t.detail.value){this.clear()}else if(((o=this.active)===null||o===void 0?void 0:o.value)!==t.detail.value){(s=this.active)===null||s===void 0?void 0:s.select(false);this.active=t.detail;this.value=this.active.value;this.active.select(true)}}if(t.detail.userInitiated){this.smoothlyUserInput.emit({name:this.name,value:this.value})}!this.valueReceivedOnLoad&&(this.valueReceivedOnLoad=!this.valueReceivedOnLoad)}async listen(t){this.observer.subscribe(t)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,e){ts.formRename(this,e)}async register(){ts.formAdd(this)}async unregister(){ts.formRemove(this)}async getValue(){return this.value}async clear(){var t;if(this.clearable){(t=this.active)===null||t===void 0?void 0:t.select(false);this.active=undefined;this.value=undefined}}async edit(t){this.readonly=!t}async reset(){var t,e,o;(t=this.active)===null||t===void 0?void 0:t.select(false);this.active=this.initialValue;this.value=(e=this.initialValue)===null||e===void 0?void 0:e.value;(o=this.active)===null||o===void 0?void 0:o.select(true)}async setInitialValue(){this.initialValue=this.active;this.valueChanged()}async valueChanged(){var t;this.valueReceivedOnLoad&&(this.isDifferentFromInitial=((t=this.initialValue)===null||t===void 0?void 0:t.value)!==this.value);this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}watchingReadonly(){this.observer.publish()}render(){return o(s,{key:"9fc1e8e96700c712be6093737a8fe0b1ac85b78f",class:"floating-label"},o("slot",{key:"5a15933d73444cd550b51374b441c1da91671ec1",name:"start"}),o("div",{key:"cc7434af11b658917d8f7505b6575627a832ca13"},o("slot",{key:"2f9427184a5c285cb7f0201a5782eae9631df43a",name:"label"}),o("div",{key:"021d9fe6508e9726a8a80da21c5d0245e091cd06",class:"options"},o("slot",{key:"3e683b89f8cfb733fc8fb42cc2c7269e4317a2a8"}))),o("slot",{key:"197ca8b9be9417179baee6f4d558e4afcd4f4a76",name:"end"}))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}};ya.style=ma();const ba=()=>`.sc-smoothly-input-radio-item-h{display:flex;flex-wrap:wrap;align-items:center;position:relative}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:pointer}smoothly-input-radio[disabled] .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:not-allowed}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>smoothly-icon.sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-input-foreground)}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>smoothly-icon[name=checkmark-circle].sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-success-color)}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}.sc-smoothly-input-radio-item-h[selected].sc-smoothly-input-radio-item-s>[slot="detail"],.sc-smoothly-input-radio-item-h[selected] .sc-smoothly-input-radio-item-s>[slot="detail"]{display:block;width:100%}.sc-smoothly-input-radio-item-h.sc-smoothly-input-radio-item-s>[slot="detail"],.sc-smoothly-input-radio-item-h .sc-smoothly-input-radio-item-s>[slot="detail"]{display:none}`;const ua=class{constructor(o){t(this,o);this.smoothlyRadioItemSelect=e(this,"smoothlyRadioItemSelect");this.smoothlyRadioItemRegister=e(this,"smoothlyRadioItemRegister");this.selected=false}componentWillLoad(){this.smoothlyRadioItemRegister.emit((t=>{this.name=t.name;t.listen((async t=>{if(ts.is(t)){this.disabled=t.disabled}}))}));this.selected&&this.inputHandler(false)}inputHandler(t){this.smoothlyRadioItemSelect.emit({value:this.value,selected:this.selected,select:t=>this.selected=t,userInitiated:t})}render(){return o(s,{key:"548451e8afccb134004214398c0b040031bc9592",onClick:()=>this.inputHandler(true)},o("input",{key:"75518c6651b452bce6ec4f805555871bb503d032",name:this.name,type:"radio",checked:this.selected,disabled:this.disabled}),o("smoothly-icon",{key:"0edda6108f36a759d2bab5e188c4c336daaa1756",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",tooltip:"Select"}),o("label",{key:"0e909f5c587e643e61fb99c3b5458009591ac813"},o("slot",{key:"026b2f86ba15cbff2b7fc4e2514b82cdf0d7941a"})),o("slot",{key:"cc688d36199d3de40150f38763035593d96a1799",name:"detail"}))}get element(){return a(this)}};ua.style=ba();const pa=()=>`.sc-smoothly-input-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}.sc-smoothly-input-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}`;const fa=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=Xo.Observer.create(this);this.initialValue=undefined;this.value=undefined;this.defined=false;this.readonly=false;this.type="text";this.min=0;this.max=100;this.name="range";this.outputSide="left";this.showInput=false}componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,this.color=e}));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.value&&(this.initialValue=this.value);this.valueChanged()}smoothlyInputLoadHandler(t){ts.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,e){ts.formRename(this,e)}async register(){ts.formAdd(this)}async unregister(){ts.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.isDifferentFromInitial=false;this.valueChanged()}valueChanged(){var t,e;const o=!this.step?undefined:(e=(t=this.step.toString().split(".")[1])===null||t===void 0?void 0:t.length)!==null&&e!==void 0?e:0;this.value=Number.isNaN(this.value)||this.value==undefined?undefined:+this.value.toFixed(o);this.isDifferentFromInitial=this.initialValue!=this.value;this.defined=typeof this.value=="number";this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value})}watchingReadonly(){this.observer.publish()}setValue(t){var e;if(t==undefined){this.value=undefined}else if(t<this.min){this.value=this.min}else if(t>this.max){this.value=this.max}else{this.value=t}this.input&&(this.input.value=this.type=="text"?(e=this.value)===null||e===void 0?void 0:e.toString():this.value)}render(){var t,e,a;return o(s,{key:"db02e0bee4842a0dcce6ee6856758372481f2fb4",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},o("slot",{key:"5bcbb8d839800fef403fc14fc981182f6ed9ae30",name:"start"}),o("div",{key:"26827d93b47f12eef2709aea32588c1ec6786337"},o("label",{key:"20c1213e52d592773db4c68b2bfcfb721d62d364",htmlFor:this.name},this.label),o("smoothly-input",{key:"5e0bdd6c0467690f2d91cc33f24e7f3710f4b063",ref:t=>this.input=t,looks:undefined,color:this.color,name:this.name,showLabel:this.outputSide==="left"&&!!this.label,type:this.type,onSmoothlyInputLoad:async t=>(t.stopPropagation(),this.setValue(ts.Element.is(t.target)?Number(await t.target.getValue()):undefined)),onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.setValue(ts.Element.is(t.target)?Number(await t.target.getValue()):undefined)},value:this.type=="percent"?this.value:(t=this.value)===null||t===void 0?void 0:t.toString(),placeholder:this.outputSide==="right"?"-":undefined,readonly:this.readonly,disabled:this.disabled},this.label),o("smoothly-display",{key:"a5502d4adaff32f798bc8e8b198d8f5258ab27e3",label:(this.type=="percent"?this.min*100:this.min).toString()}),o("input",{key:"e2afaea01a569f8cafcbfa09dab6ad6551e76f07",name:this.name,part:"range",type:"range",min:this.min,max:this.max,step:(e=this.step)!==null&&e!==void 0?e:"any",disabled:this.readonly||this.disabled,onInput:t=>{t.stopPropagation();this.setValue(t.target.valueAsNumber);this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:(a=this.value)!==null&&a!==void 0?a:this.min}),o("smoothly-display",{key:"92c309c4224fe86c16b22445f2ef1ba4168306e8",label:(this.type=="percent"?this.max*100:this.max).toString()})),o("slot",{key:"f9373a748b2d160781543f267373f12c43dfd46b",name:"end"}))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}};fa.style=pa();const ga=class{constructor(e){t(this,e)}render(){return o(s,{key:"93085adc52dbed67cd824108eaaf64b3bda0fb6e"},o("h2",{key:"a91437c641e21986ad592c73f92a14234eddb9b9"},"Range"),o("h3",{key:"5003225e9af30f278a7f37ccc1daab93df370e80"},"Phone Number"),o("smoothly-input-range",{key:"5c790737cea0d76367f27072088ee92dec80a662",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"6bff0c3ac7f529787a042a7b02256eae19ad5b4b"},"Stars out of ten"),o("smoothly-input-range",{key:"eaee03d21dc424fc65158b29a4a7d3b255209fd3",max:10,step:1,label:"Stars"}),o("h3",{key:"f2124aaca6dccfa59cf65efbb9dfbecebf575740"},"Percent"),o("smoothly-input-range",{key:"ce14e10e75cf3320b2699021f99c5757b6598bbe",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"a12635fed326ae754cef8e15aa8f728c0bea9639"},"With icon at start and clear button"),o("smoothly-input-range",{key:"f8050fdae3ff4e0be8f00914e6580d69df51c18b",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"438d15ceb8cd3360ebc6394ee7aee2b0131ac808",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"98dd0d35d727339290b76dfcf4348a846db22396",size:"icon",slot:"end"})))}};const ka=()=>`[color=default].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-reset-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-reset-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-reset-h{display:inline}[disabled].sc-smoothly-input-reset-h{opacity:0.5}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset{font-weight:400;background-color:transparent}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-reset-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-reset-h:has(>a:empty),.sc-smoothly-input-reset-h:has(>button:empty),.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset:empty,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-reset-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-reset-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-reset{min-width:8rem}[size=icon].sc-smoothly-input-reset-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-reset-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-reset-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-reset-h{width:100%}[expand=full].sc-smoothly-input-reset-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-reset-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:not([disabled]):active>button.sc-smoothly-input-reset::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:hover::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-within::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h .sc-smoothly-input-reset-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h[type="input"].sc-smoothly-input-reset-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-reset-h{cursor:not-allowed}.sc-smoothly-input-reset-h[type="input"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type="input"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}`;const va=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.size="icon";this.display=true;this.type="input";this.tooltip="Reset"}async componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(Xo.Element.type.is(t)){this.parent=t;t.listen((async t=>{if(ts.is(t)){const e=typeof t.defined=="boolean"?t.defined:Boolean(await t.getValue());this.display=t.readonly||!e?false:t.isDifferentFromInitial}if(t instanceof os){this.display=!t.readonly}}));if(typeof this.disabled!=="boolean"){this.readonlyAtLoad=t.readonly;t.listen((async t=>{if(t instanceof os){this.disabled=!this.readonlyAtLoad&&!t.isDifferentFromInitial}}))}}}))}clickHandler(t){var e,o;t.stopPropagation();(e=this.parent)===null||e===void 0?void 0:e.reset();this.parent instanceof os&&this.readonlyAtLoad&&((o=this.parent)===null||o===void 0?void 0:o.edit(false))}render(){var t;return o(s,{key:"8be31b0878733c9af02d47f85fb2ce160d66f064",title:this.tooltip},o("smoothly-button",{key:"ffacca4558cfe1b94c3399ecbb4384ca6730c208",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(t=this.fill)!==null&&t!==void 0?t:this.type=="input"?"clear":undefined,onClick:t=>this.clickHandler(t)},o("slot",{key:"a0b3a925b4062d14975cb3479f4cee3f40de7af7"}),o("smoothly-icon",{key:"8ca0aa0f3a534558de7fcefafe9267a1992d9594",flip:"x",name:"refresh-outline",size:"tiny"})))}};va.style=ka();var wa;(function(t){let e;(function(t){t.type=m({value:z(),deselectable:b(),selected:b().optional(),filter:y()});t.is=t.type.is})(e=t.Element||(t.Element={}));t.type=e.type.extend({});t.is=t.type.is})(wa||(wa={}));var xa;(function(t){function e(t){var e;return(e=t.find((t=>t.clientHeight>0)))===null||e===void 0?void 0:e.clientHeight}t.firstItemHeight=e;function o(t,e,o){var s,a;const i=o.endsWith("items")?`${e*+((a=(s=o.match(/^(\d+(\.\d+)?|\.\d+)/g))===null||s===void 0?void 0:s[0])!==null&&a!==void 0?a:"10")}px`:o;t.style.setProperty("--menu-height",i)}t.applyMenuHeight=o;function s(t){t===null||t===void 0?void 0:t.style.setProperty("--element-height",`${t.clientHeight}px`)}t.applyElementHeight=s})(xa||(xa={}));var Ca;(function(t){function e(t,e){const o=t.filter((t=>!t.hidden&&!t.disabled));const s=o.findIndex((t=>t.marked));let a;if(s==-1){a=0}else{a=(s+e+o.length)%o.length}return{current:o[s],next:o[a]}}t.next=e;function o(t){return t.some((t=>!t.getAttribute("hidden")))}t.hasVisibleItems=o;function s(t,e){t.map((t=>t.marked=t===e))}t.markOnly=s;function a(t){return t.find((t=>t.selected))}t.findFirstSelected=a;function i(t){return t.find((t=>t.marked))}t.findFirstMarked=i})(Ca||(Ca={}));var Sa;(function(t){function e(t,e,o="smooth"){var s;if(e&&t){t.scrollTo({top:e.offsetTop+e.offsetHeight/2-((s=t.clientHeight)!==null&&s!==void 0?s:0)/2,behavior:o})}}t.centerInView=e})(Sa||(Sa={}));const za=()=>`.sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-select-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-select-h,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background-color:transparent}[looks="transparent"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-select-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.floating-label.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-text.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h smoothly-icon.smoothly-invalid.sc-smoothly-input-select{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:20;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));inset-inline:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}.sc-smoothly-input-select-h:not(.open)>.dropdown.sc-smoothly-input-select{border:0}[looks="grid"].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{inset-inline:-1px}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{display:flex;position:sticky;align-items:center;top:0;gap:1rem;padding:.7rem .7rem .7rem .25rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h:not(.has-filter)>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{height:0;padding:0;overflow:hidden;pointer-events:none}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select::before{content:"";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>.search-input.sc-smoothly-input-select{width:100%;background-color:transparent;border:none;outline:none}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>smoothly-icon[name="search-outline"].sc-smoothly-input-select,.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item{position:relative}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:0.5rem;border:1px solid rgb(var(--smoothly-input-foreground));border-radius:0.15rem;vertical-align:middle}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item[selected]::before{border-color:rgb(var(--smoothly-item-selected-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item:hover::before{border:1px solid rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item[selected]::after{content:"✔";position:absolute;left:0.65rem;color:rgb(var(--smoothly-item-selected-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item:hover::after{color:rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{min-width:fit-content}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.menu[hidden].sc-smoothly-input-select{display:none}`;const Ia=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.smoothlyItemSelect=e(this,"smoothlyItemSelect");this.smoothlySelectOpen=e(this,"smoothlySelectOpen");this.isDifferentFromInitial=false;this.initialValue=[];this.initialValueHandled=false;this.observer=Xo.Observer.create(this);this.items=[];this.invalid=false;this.name="selected";this.showLabel=true;this.showSelected=true;this.readonly=false;this.disabled=false;this.inCalendar=false;this.multiple=false;this.clearable=true;this.defined=false;this.required=false;this.searchDisabled=false;this.mutable=false;this.lastOpen=false;this.open=false;this.selected=[];this.filter="";this.addedItems=[]}componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){this.selected&&!this.initialValueHandled&&(this.initialValue=[...this.selected]);this.initialValueHandled=true;this.onSelectedChange()}componentDidRender(){var t;(t=this.itemHeight)!==null&&t!==void 0?t:this.itemHeight=xa.firstItemHeight(this.items);if(this.menuHeight&&this.itemHeight){xa.applyMenuHeight(this.element,this.itemHeight,this.menuHeight)}xa.applyElementHeight(this.element);const e=this.open&&!this.lastOpen;if(e&&this.ordered){this.scrollToSelected()}}scrollToSelected(){const t=Ca.findFirstSelected(this.items);if(t){Ca.markOnly(this.items,t);Sa.centerInView(this.dropdownElement,t,"instant")}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,e){ts.formRename(this,e)}async register(){ts.formAdd(this)}async unregister(){ts.formRemove(this)}async getValue(){return!this.multiple&&this.selected[0]?this.selected[0].value:this.multiple&&this.selected.length>0?this.selected.map((t=>t.value)):undefined}async getItems(){return this.items}async listen(t){this.observer.subscribe(t)}async reset(){this.selected.forEach((t=>t.selected=t.hidden=false));this.initialValue.forEach((t=>t.selected=true));this.selected=[...this.initialValue];this.displaySelected();this.isDifferentFromInitial=false;this.closeMenu()}async clear(){var t;if(this.clearable){this.selected.forEach((t=>t.selected=t.hidden=false));this.selected=[];if(this.displayElement){this.displayElement.innerHTML=(t=this.placeholder)!==null&&t!==void 0?t:""}}}async edit(t){this.readonly=!t}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=[...this.selected]}async onSelectedChange(){this.initialValueHandled&&(this.isDifferentFromInitial=!this.areValuesEqual(this.selected,this.initialValue));this.defined=this.selected.length>0;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}onRequiredChange(){this.items.forEach((t=>t.deselectable=!this.required))}async onFilterChange(t){t=t.toLowerCase();await Promise.all(this.items.map((e=>e.filter(t))))}watchingReadonly(){this.observer.publish()}async smoothlyInputLoadHandler(t){const e=t.target&&"name"in t.target&&t.target.name!==this.name;const o=t.composedPath().some((t=>t==this.iconsElement));if(e||o){t.stopPropagation()}else if(wa.Element.is(t.target)){t.stopPropagation();t.target.deselectable=!this.required;this.items.push(t.target)}ts.registerSubAction(this,t);this.displaySelected()}onWindowClick(t){if(this.open&&!t.composedPath().includes(this.element)){this.closeMenu()}}onItemDomChange(t){t.stopPropagation();const e=t.target;if(e.selected){this.displaySelected()}}async onItemSelect(t){t.stopPropagation();const e=t.detail.item;if(this.multiple){this.selected=e.selected?[...this.selected,e]:this.selected.filter((t=>t.selected))}else if(e.selected||!this.items.some((t=>t.selected))){this.selected[0]&&(this.selected[0].hidden=this.selected[0].selected=false);this.selected=!e.selected?this.selected.filter((t=>t.selected)):[e];!this.showSelected&&e.selected&&(e.hidden=true)}this.displaySelected();if(t.detail.userInitiated){this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}onClosed(t,e){this.lastOpen=e;if(!t){const t=Ca.findFirstMarked(this.items);if(t){t.marked=false}}this.smoothlySelectOpen.emit(t)}areValuesEqual(t,e){return t.length===e.length&&e.every((e=>t.includes(e)))}displaySelected(){var t;const e=this.selected.map((t=>`<div>${t.innerHTML}</div>`)).join("");this.displayElement&&(this.displayElement.innerHTML=this.selected.length>0?e:(t=this.placeholder)!==null&&t!==void 0?t:"")}onKeyDown(t){t.stopPropagation();const e=t.key;if(e=="ArrowUp"||e=="ArrowDown"){t.preventDefault();this.handlerNavigate(e)}else if(e=="Escape"){t.preventDefault();this.handleEscape()}else if(e=="Enter"){t.preventDefault();this.handleEnter()}else if(e==" "){t.preventDefault();this.openMenu()}else if(this.open&&e=="Tab"){this.closeMenu()}}handlerNavigate(t){if(Ca.hasVisibleItems(this.items)){this.move(t=="ArrowUp"?-1:1)}this.openMenu()}handleEscape(){if(this.filter){this.resetFilter()}else{this.closeMenu()}}handleEnter(){const t=Ca.findFirstMarked(this.items);if(t===null||t===void 0?void 0:t.value){t.selected=!t.selected}if(!this.multiple){this.closeMenu();this.resetFilter()}}move(t){const{current:e,next:o}=Ca.next(this.items,t);e&&(e.marked=false);o.marked=true;Sa.centerInView(this.dropdownElement,o,"smooth")}addItem(){this.addedItems=this.addedItems.concat(o("smoothly-item",{value:this.filter,selected:true},this.filter))}resetFilter(){this.searchElement&&(this.searchElement.value="");this.filter=""}setFilter(t){if(t){this.filter=t;this.openMenu()}else{this.resetFilter()}}openMenu({focus:t}={}){this.open=true;t&&queueMicrotask((()=>{var t;return(t=this.searchElement)===null||t===void 0?void 0:t.focus()}))}closeMenu(){this.open=false;this.resetFilter()}toggleMenu(){if(!this.readonly&&!this.disabled){this.open?this.closeMenu():this.openMenu({focus:true})}}onClick(t){const e=t.composedPath().includes(this.iconsElement)&&!t.composedPath().includes(this.toggleElement);const o=t.composedPath().includes(this.searchElement);const s=t.composedPath().find((t=>t instanceof HTMLElement&&t.tagName==="SMOOTHLY-ITEM"));if(!e&&!o&&!(s&&this.multiple)){this.toggleMenu()}}render(){return o(s,{key:"3eb062d5cc34ecef9c9341630243d549aad808c3",class:{"has-value":this.selected.length!==0,open:this.open,"has-filter":this.filter!==""},onClick:t=>this.onClick(t)},o("div",{key:"e605a24480a0b3dafbd1b596fac1725d5e25be84",class:"select-display",ref:t=>this.displayElement=t},this.placeholder),o("div",{key:"3366fc93ccab479a0d9d67e206617941ad091340",class:"icons",ref:t=>this.iconsElement=t},o("smoothly-icon",{key:"3f64b7dc283062976a7292160917ab7a8c281521",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"be63eaedc949912f5717ecceabb64ac93910dc98",name:"end"}),this.looks=="border"&&!this.readonly&&o("smoothly-icon",{key:"e41773f5b431e916f8177e76b877290c5cad7db6",ref:t=>this.toggleElement=t,size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"})),o("slot",{key:"d2c2d0d9a983dfe2609b18eedda29244a339bbd8",name:"label"}),o("div",{key:"5e51033c06fa134e945ff2c27245340bcaed2069",class:"dropdown",ref:t=>this.dropdownElement=t},o("div",{key:"f4237bc5b2001f68aa5fc0b30a0df08f4bf2bc4e",class:"search"},o("smoothly-icon",{key:"b23bba84f76f4da515ddeffa9a2ae7f62277915b",name:"search-outline",size:"small"}),o("input",{key:"86e28d85b9fd95a039d084db092b098342244813",class:"search-input",ref:t=>this.searchElement=t,disabled:this.searchDisabled,onKeyDown:t=>this.onKeyDown(t),onInput:t=>{var e,o;return t.stopPropagation(),this.setFilter((o=(e=this.searchElement)===null||e===void 0?void 0:e.value)!==null&&o!==void 0?o:"")},onPaste:t=>{var e,o;return t.stopPropagation(),this.setFilter((o=(e=this.searchElement)===null||e===void 0?void 0:e.value)!==null&&o!==void 0?o:"")}}),o("smoothly-icon",{key:"e585529e50786c3ffc2dab72245230debd60558f",name:"backspace-outline",size:"small",onClick:()=>{var t;this.resetFilter();(t=this.searchElement)===null||t===void 0?void 0:t.focus()}}),this.mutable&&o("smoothly-icon",{key:"49866182fe80ba3ad18e1b821e7c2a55852f4bb2",name:"add",size:"small",onClick:()=>this.addItem()})),o("div",{key:"f635f6143d0eeff2e01fa0283f7f7d1c337ef8d8",class:"menu",hidden:!this.open},o("slot",{key:"7f483cf3b64fb231c724ef4004073cf232d1a7ad"}),this.addedItems)))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],selected:[{onSelectedChange:0}],required:[{onRequiredChange:0}],filter:[{onFilterChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],open:[{onClosed:0}]}}};Ia.style=za();const Ta=()=>`[color=default].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-submit-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-submit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-submit-h{display:inline}[disabled].sc-smoothly-input-submit-h{opacity:0.5}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit{font-weight:400;background-color:transparent}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-submit-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-submit-h:has(>a:empty),.sc-smoothly-input-submit-h:has(>button:empty),.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit:empty,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-submit-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-submit-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-submit{min-width:8rem}[size=icon].sc-smoothly-input-submit-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-submit-h{width:100%}[expand=full].sc-smoothly-input-submit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-submit-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-visible,[fill=outline].sc-smoothly-input-submit-h:not([disabled]):active>button.sc-smoothly-input-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:hover::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-within::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:focus-visible,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-icon,.sc-smoothly-input-submit-h .sc-smoothly-input-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-submit-h{display:none}.sc-smoothly-input-submit-h{display:flex}.sc-smoothly-input-submit-h:not([display]){display:none}.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button button>*+smoothly-icon,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button-confirm button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-submit-h{cursor:not-allowed}`;const Da=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.delete=false;this.icon="checkmark-outline";this.disabled=false;this.display=false;this.size="icon";this.tooltip=this.delete?"Remove":"Submit"}componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(x.is(t)&&Xo.type.is(t)){this.parent=t;t.listen((async t=>{this.display=!t.readonly}));if(typeof this.disabled!=="boolean"){t.listen((async t=>{var e;this.disabled=!this.delete&&(t.readonly||"validator"in t&&t.validator instanceof l&&!((e=t.validator)===null||e===void 0?void 0:e.is(p.convertArrays(t.value)))||!t.isDifferentFromInitial)}))}}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.submit(this.delete)}render(){var t,e;return o(s,{key:"771dbd864209f2f419212813858c654de9352797",title:this.tooltip},this.delete==true?o("smoothly-button-confirm",{size:this.size,shape:this.shape,expand:this.expand,color:(t=this.color)!==null&&t!==void 0?t:"danger",fill:this.fill,onSmoothlyConfirm:()=>this.clickHandler()},o("slot",null),o("smoothly-icon",{name:"trash-outline",fill:"solid",size:"tiny"})):o("smoothly-button",{disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:(e=this.color)!==null&&e!==void 0?e:"success",fill:this.fill,onClick:()=>this.clickHandler()},o("slot",null),this.icon&&o("smoothly-icon",{name:this.icon,fill:"solid",size:"tiny"})))}};Da.style=Ta();const ja=()=>`[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-item-selected-background));color:rgb(var(--smoothly-item-selected-foreground));border-left:.3em solid rgb(var(--smoothly-item-selected-border))}[disabled].sc-smoothly-item-h,.sc-smoothly-item-h[disabled].sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-disabled-background));color:rgb(var(--smoothly-item-disabled-foreground));opacity:var(--smoothly-item-disabled-opacity);cursor:not-allowed}.sc-smoothly-item-h:not([hidden]){display:flex;align-items:center;padding:0.5em;cursor:pointer;border-left:.3em solid transparent;color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground));box-sizing:border-box;min-height:3rem}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground))}.sc-smoothly-item-h:not([disabled])[marked],.sc-smoothly-item-h:not([disabled]):hover,.sc-smoothly-item-h:not([disabled])[marked].sc-smoothly-item-s>*,.sc-smoothly-item-h:not([disabled]):hover.sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-hover-background));color:rgb(var(--smoothly-item-hover-foreground));fill:rgb(var(--smoothly-item-hover-foreground));stroke:rgb(var(--smoothly-item-hover-foreground))}`;const La=class{constructor(o){t(this,o);this.smoothlyItemSelect=e(this,"smoothlyItemSelect");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyItemDOMChange=e(this,"smoothlyItemDOMChange");this.userInitiated=false;this.selected=false;this.disabled=false;this.deselectable=true}clickHandler(){if(!this.disabled&&(!this.selected||this.deselectable)){this.userInitiated=true;this.selected=!this.selected}}selectedWatcher(){this.smoothlyItemSelect.emit({userInitiated:this.userInitiated,item:this.element});this.userInitiated=false}componentWillLoad(){this.smoothlyInputLoad.emit((()=>{}))}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>this.smoothlyItemDOMChange.emit()));this.mutationObserver.observe(this.element,{childList:true,subtree:true,characterData:true});if(this.selected&&!this.disabled){this.smoothlyItemSelect.emit({userInitiated:false,item:this.element})}}async filter(t){var e;const o=typeof this.value==="string"?this.value:JSON.stringify((e=this.value)!==null&&e!==void 0?e:"");this.element.hidden=t?!(o.includes(t)||this.element.innerText.toLowerCase().includes(t)):false}render(){return o(s,{key:"a7ee995ec37b480a02715fb95c885152560cc0c1",tabIndex:-1},o("slot",{key:"dcc2403a2253a7059dc88b4658c17c6533876a9f"}))}get element(){return a(this)}static get watchers(){return{selected:[{selectedWatcher:0}]}}};La.style=ja();const _a=()=>`.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 Ra=class{constructor(e){t(this,e)}render(){var t;return o(s,{key:"2ae229f53b855fbc470064e7ded803a990d98711",title:this.description,style:{"--hue":(t=this.hue)===null||t===void 0?void 0:t.toString()}},o("slot",{key:"52d6798bf0fbea2948297aad2fe3a71a000b4f76"}))}};Ra.style=_a();const Aa=()=>`.sc-smoothly-lazy-h{display:block}`;const $a=class{constructor(e){t(this,e);this.show=false}loadMoreHandler(t){t.stopPropagation();this.show=true}render(){return o(s,{key:"ecab373df940835270db5097a80b0214fc97907f"},o("slot",{key:"ac37f8070fab8c51b229f6dc81c9f2e65e64f251",name:"before"}),o("smoothly-load-more",{key:"3e43d4fd0c5f37d7826b7cc7da796fec07c7f7be",onSmoothlyLoadMore:t=>this.loadMoreHandler(t)}),this.show&&(typeof this.content=="function"?o(this.content,null):this.content),o("slot",{key:"815b33c3657c84b81f0dd12768f2f2e983df48a9"}))}};$a.style=Aa();const Ma=class{constructor(o){t(this,o);this.smoothlyLoadMore=e(this,"smoothlyLoadMore");this.triggerMode="intersection";this.name="";this.multiple=false}checkInView(){if(this.inView){this.smoothlyLoadMore.emit(this.name)}}connectedCallback(){var t;this.observer=new IntersectionObserver(((t,e)=>this.observationHandler(e,t)));this.observer.observe(this.element);if(this.triggerMode=="scroll"){this.inView&&this.smoothlyLoadMore.emit(this.name);if(this.multiple||!this.multiple&&!this.inView){this.scrollableParent=n.findParent(this.element);(t=this.scrollableParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.checkInView.bind(this),{once:!this.multiple})}}}disconnectedCallback(){var t;(t=this.scrollableParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.checkInView.bind(this));this.observer.disconnect()}observationHandler(t,e){var o,s;this.inView=((s=(o=e.find((t=>t.target==this.element)))===null||o===void 0?void 0:o.intersectionRatio)!==null&&s!==void 0?s:0)>0;if(this.inView){this.smoothlyLoadMore.emit(this.name);!this.multiple&&(t.unobserve(this.element),t.disconnect())}}render(){return o(s,{key:"88150a06ccdec5a72446a3f8dac86339b3007b72"})}get element(){return a(this)}};const Ea=()=>`.sc-smoothly-modal-h{position:fixed;display:flex;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--smoothly-modal-backdrop));color:rgb(var(--smoothly-modal-foreground));z-index:20}.sc-smoothly-modal-h:not([open]),[hidden].sc-smoothly-modal-h{display:none}[align=center].sc-smoothly-modal-h{align-items:center}[align=top].sc-smoothly-modal-h>div.modal.sc-smoothly-modal{margin-top:calc((100dvh - var(--smoothly-modal-max-height)) / 2)}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal{display:flex;flex-direction:column;padding:2rem;gap:1.5rem;width:var(--smoothly-modal-width, 40rem);max-width:calc(100dvw - 1rem);height:fit-content;max-height:min(var(--smoothly-modal-max-height), 100dvh);background:rgb(var(--smoothly-modal-background, var(--smoothly-color)));border:1px solid rgb(var(--smoothly-modal-border));border-radius:var(--smoothly-modal-border-radius);box-shadow:var(--smoothly-modal-shadow);box-sizing:border-box}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:empty,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal:empty{display:none}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal{display:flex;justify-content:space-between;align-items:center}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>*.sc-smoothly-modal{margin-block:0}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal:not(.header):not(.actions){overflow-y:auto}.sc-smoothly-modal-h>div.modal>div.header:not(:has([slot="header"])){justify-content:end}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]){cursor:pointer;opacity:0.7;color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]):hover{opacity:1}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}`;const Oa=class{constructor(o){t(this,o);this.smoothlyModalChange=e(this,"smoothlyModalChange");this.open=false;this.closable=false;this.align="center"}openChanged(){this.smoothlyModalChange.emit(this.open)}async closeModal(){this.open=false}async openModal(){this.open=true}render(){return o(s,{key:"12ffaa744cfce7d329f9e335be7b63827eb40644",role:"alertdialog",onClick:t=>{this.closable&&!t.composedPath().some((t=>{var e;return(e=t.classList)===null||e===void 0?void 0:e.contains("modal")}))&&this.closeModal()}},o("div",{key:"264ba4a63559188eb2fdc52d0b15014ff8991622",class:"modal"},o("div",{key:"c99296b4e6b05e4669ffb56b4ae93bf815e2e449",class:"header"},o("slot",{key:"cf25306f526a89e8daea125faaecb33d72fa9e4d",name:"header"}),this.closable&&o("smoothly-icon",{key:"d676f4f20a6ee187295a7f7ebc573e3a06a98ed6",name:"close-outline",fill:"solid",onClick:()=>this.closeModal()})),o("slot",{key:"22955703aec9be9e882bb77cfd0fd327f2436903"}),o("div",{key:"d8dd03aa8538e9cb373282aab2f55a6793e76c83",class:"actions"},o("slot",{key:"45b9e1bf4300ea44dbf13b50839ca9689576121e",name:"actions"}))))}static get watchers(){return{open:[{openChanged:0}]}}};Oa.style=Ea();const Pa=()=>`.sc-smoothly-notification-h{display:block;position:relative;min-width:min(calc(100% - 1rem), 30rem);min-height:3rem;border-radius:5px;margin:0.5rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin-inline:1rem 2rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{--smoothly-icon-size:1.6rem;position:absolute;right:0}`;const Ha=class{constructor(o){t(this,o);this.remove=e(this,"remove");this.closable=true;this.tick={};this.listener=t=>{if(t.state=="closed"){this.remove.emit(t)}else{this.tick={}}}}get properties(){let t;switch(this.notice.state){case"delayed":case"warning":t=["warning","warning-outline"];break;case"success":t=["success","checkmark-circle"];break;case"executing":t=["light","hourglass-outline"];break;case"failed":t=["danger","alert-circle"];break;default:t=["light",undefined];break}return t}onTrigger(t){if(t.detail.name=="close"){t.stopPropagation();this.notice.close()}}onUpdatedNotice(t,e){if(e){e.unlisten(this.listener)}t.listen(this.listener)}componentDidLoad(){this.onUpdatedNotice(this.notice)}render(){return o(s,{key:"6c91fd348be22152c98396a00e0f333901e7edb3",color:this.properties[0],fill:"solid"},this.closable&&o("smoothly-trigger",{key:"dfb962471e36cd4b2b063d81470dd2500c5f52ab",fill:"clear",name:"close"},o("smoothly-icon",{key:"0552e3732cdc2371b430c565b7bc243a6b855446",name:"close-circle-outline"})),o("span",{key:"c7df2fc46e03a56f937d3fcddce3ee9a9a199b88",class:this.icon?"icon":"clean"},this.icon&&o("smoothly-icon",{key:"8662182866050fc3aaeeb51b0d79529c0a57e10b",name:this.properties[1]}),o("p",{key:"0f539660c5267a748ba9fc514abdd33429b9042d"},this.notice.message)))}static get watchers(){return{notice:[{onUpdatedNotice:0}]}}};Ha.style=Pa();const Fa=()=>`.sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier{pointer-events:none;display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier>smoothly-notification.sc-smoothly-notifier{pointer-events:all}`;const Ua=class{constructor(e){t(this,e);this.icon=false;this.notices=[]}onNotice(t){this.notices=[...this.notices,t.detail]}onRemove(t){this.notices=[...this.notices.filter((e=>e!=t.detail))]}render(){return o(s,{key:"00187e7d82c05944c3e4ed5ce6ae2367b113e2fb"},o("slot",{key:"ce3b80b8e40d1a745cf910126cde0fa97a16cdc4"}),o("div",{key:"2b8faa5193ebf47c4cb7a8602c3821d44c46dbcb",class:"smoothly-notifier-wrapper"},this.notices.map((t=>o("smoothly-notification",{notice:t,icon:this.icon})))))}};Ua.style=Fa();const Na=()=>`[hidden].sc-smoothly-spinner-h{display:none}.sc-smoothly-spinner-h{cursor:wait;--spinner-time:1.4s;--spinner-color:var(--smoothly-color-contrast);--spinner-background:var(--smoothly-color);--spinner-background-opacity:var(--smoothly-semitransparent, 0.8);display:block;stroke:rgb(var(--spinner-color));background-color:rgba(var(--spinner-background), var(--spinner-background-opacity))}.sc-smoothly-spinner-h:not([overlay]){width:var(--spinner-size);height:var(--spinner-size)}[overlay].sc-smoothly-spinner-h{position:absolute;inset:0;width:100%;height:100%;z-index:4;background-color:rgba(var(--spinner-background), var(--spinner-background-opacity))}[color].sc-smoothly-spinner-h:not([overlay]),[color][overlay].sc-smoothly-spinner-h{background-color:rgba(var(--spinner-background), var(--spinner-background-opacity));stroke:rgb(var(--spinner-color))}[overlay].sc-smoothly-spinner-h>svg.sc-smoothly-spinner{position:absolute;width:var(--spinner-size);left:calc(50% - var(--spinner-size) / 2);top:calc(50% - var(--spinner-size) / 2)}.sc-smoothly-spinner-h>svg.sc-smoothly-spinner{animation:SPIN-SVG var(--spinner-time) linear infinite}.sc-smoothly-spinner-h>svg.sc-smoothly-spinner>circle.sc-smoothly-spinner{transform-origin:center;animation:SPIN-CIRCLE var(--spinner-time) ease-in-out infinite;stroke-dasharray:187;stroke-dashoffset:0}@keyframes SPIN-SVG{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes SPIN-CIRCLE{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}`;const Ya=class{constructor(e){t(this,e);this.size="large"}render(){const t=this.size=="large"?6:this.size=="medium"?8:this.size=="icon"?8:12;return o(s,{key:"458303df1f0703dad9d88e9a6c1dfbd063de34e7",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},o("svg",{key:"8065db9227fb249027fe4b7dbc79152de2627ec2",class:"spinner",viewBox:`0 0 ${60+t} ${60+t}`,xmlns:"http://www.w3.org/2000/svg"},o("circle",{key:"8da0fa969c76d3930a14005f951f79f20dc6bf57",class:"path",fill:"none","stroke-width":t,"stroke-linecap":"round",cx:`${30+t/2}`,cy:`${30+t/2}`,r:"30"})))}};Ya.style=Na();const Wa=()=>`.sc-smoothly-summary-h{display:block}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary{display:flex;column-gap:0.25rem;width:fit-content;list-style:none;align-items:center;cursor:pointer}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary:hover>smoothly-icon.sc-smoothly-summary{opacity:1}.sc-smoothly-summary-h>details[open].sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transform:rotate(90deg)}.sc-smoothly-summary-h>details.sc-smoothly-summary-s>[slot=content]{margin-left:var(--smoothly-summary-content-indent, 1.5rem)}@media (prefers-reduced-motion){.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:none}}`;const Ba=class{constructor(o){t(this,o);this.smoothlySummaryOpen=e(this,"smoothlySummaryOpen");this.open=false}async toggleHandler(t){if(t.target instanceof HTMLDetailsElement){this.open=t.target.open;this.smoothlySummaryOpen.emit(this.open)}}render(){return o("details",{key:"eff4cfcc4681f7ae8a50dffb024ed2a2c7f34a82",onToggle:t=>this.toggleHandler(t),open:this.open},o("summary",{key:"579a019b8ae584f018c1a039ad2f637eb136db88"},o("smoothly-icon",{key:"5b13ecddb1ee8805bba66d60aff9f1cfe8cd10b3",name:"caret-forward",fill:"solid",size:"tiny"}),o("slot",{key:"b01c31deaf1bb7574eaa5a383a5385555444845d",name:"summary"})),o("slot",{key:"04fe3aca685b1108f7227f2c45d28d6ef38e9292",name:"content"}))}};Ba.style=Wa();const Va=()=>`.sc-smoothly-tab-h{display:contents;--smoothly-tab-line-width:2px;--smoothly-tab-line-width-active:5px}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{grid-column:span 1;background-color:transparent;border-bottom-color:rgb(var(--smoothly-default-shade));border-bottom-width:var(--smoothly-tab-line-width);border-bottom-style:solid}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{color:rgba(var(--smoothly-default-contrast), 0.6)}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{cursor:not-allowed}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{display:flex;justify-content:center;padding:0.5rem 1rem;width:fit-content;border-radius:0.5rem 0.5rem 0 0;margin:auto;cursor:pointer;position:relative}.sc-smoothly-tab-h:not([disabled])>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab:hover{background-color:rgb(var(--smoothly-tab-hover-background, var(--smoothly-default-shade)))}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{font-weight:bold}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab::before{content:'';position:absolute;height:var(--smoothly-tab-line-width-active);background-color:rgb(var(--smoothly-tab-active-line, var(--smoothly-primary-color)));inset-inline:0;bottom:calc(-1 * var(--smoothly-tab-line-width))}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label[data-smoothly-tooltip].sc-smoothly-tab:hover::after{content:attr(data-smoothly-tooltip);font-size:0.9rem;position:absolute;top:calc(100% + 0.25rem);padding:0.5rem 0.75rem;border-radius:0.5rem;background-color:rgb(var(--smoothly-medium-color));color:rgb(var(--smoothly-medium-contrast));white-space:nowrap;z-index:1}.sc-smoothly-tab-h>div.sc-smoothly-tab:nth-child(2){grid-row:2 / 3;grid-column:1 / -1}`;const Ga=class{constructor(o){t(this,o);this.smoothlyTabOpen=e(this,"smoothlyTabOpen");this.smoothlyTabLoad=e(this,"smoothlyTabLoad");this.inputs={}}async openHandler(){if(this.open){this.smoothlyTabOpen.emit(this.name)}this.open?await Promise.all(Object.values(this.inputs).map((t=>t.register()))):await Promise.all(Object.values(this.inputs).map((t=>t.unregister())))}connectedCallback(){this.smoothlyTabLoad.emit((t=>{var e;(e=this.smoothlyTabs)===null||e===void 0?void 0:e.removeTab(this.element);this.smoothlyTabs=t}))}disconnectedCallback(){var t;(t=this.smoothlyTabs)===null||t===void 0?void 0:t.removeTab(this.element)}async componentDidLoad(){await this.openHandler()}onInputLoad(t){if(ts.Element.is(t.target)){this.inputs[t.target.name]=t.target;if(!this.open){t.stopPropagation()}}}render(){return o(s,{key:"dd61170ab95f4c9ceaca14bea3f9a232960a6d9d"},o("div",{key:"cfc1188d6c8c405c46a234ad9ac98eb81fd65ec8",onClick:()=>!this.disabled&&(this.open=true)},o("label",{key:"25b8c5b4de124f5e597a524aa086a54f3f65ba56","data-smoothly-tooltip":this.tooltip},this.label)),o("div",{key:"d9931e625c2f70c92b8c6ac0efa66f28ae7f4d62",hidden:!this.open},o("slot",{key:"5811a6f791ceddbf1ef12a80913357fabbc53e5e"})))}get element(){return a(this)}static get watchers(){return{open:[{openHandler:0}]}}};Ga.style=Va();const Ka=()=>`.sc-smoothly-table-h{display:grid;grid-template-columns:repeat(var(--columns), auto);color:rgb(var(--smoothly-table-foreground));stroke:rgb(var(--smoothly-table-foreground));fill:rgb(var(--smoothly-table-foreground))}`;const qa=class{constructor(e){t(this,e);this.columns=1}smoothlyTableExpandableRowChange(t){t.stopPropagation()}smoothlyTableExpandableCellChange(t){t.stopPropagation()}render(){return o(s,{key:"e1e0fc478ebf90003f156eddb44e1de2213cf4e0",style:{"--columns":this.columns.toString()}},o("slot",{key:"10e080ed0213084a43750f73df364993b30f72b4"}))}};qa.style=Ka();const Za=()=>`.sc-smoothly-table-body-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;color:rgb(var(--smoothly-table-foreground));background-color:rgb(var(--smoothly-table-background))}`;const Ja=class{constructor(e){t(this,e)}render(){return o(s,{key:"35794212738d56a6ee77383f2cdee89a57db82f1"},o("slot",{key:"34c2c0ce45bc87a5ce11c7ded126b1bdb89af320"}))}};Ja.style=Za();const Xa=()=>`.sc-smoothly-table-cell-h{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}`;const Qa=class{constructor(e){t(this,e);this.span=1}render(){var t;return o(s,{key:"c135688a83c65d795da7cbc7e946df1842b7eee1",class:"smoothly-table-cell",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)}},o("slot",{key:"06ae1f08e462da16c0a010a99facdbd2bd41f71f"}))}};Qa.style=Xa();const ti=()=>`.sc-smoothly-table-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}`;const ei=class{constructor(e){t(this,e)}render(){return o(s,{key:"94e95e0d83a8ff1f6b0175d81f6a4d0f573b3387"},o("smoothly-table-demo-filler-row",{key:"0517b70eb65ed6a34faaa1c7805907f304654951"}),o("smoothly-table-demo-group",{key:"e92405b3fa081cfa94f0311970db780f44782bd5"}),o("smoothly-table-demo-colspan",{key:"d9f10e07549f56da20d1dcbca45f3a497db3e072"}),o("smoothly-table-demo-simple",{key:"0ae3ade94e2cc900e0a5362f65778163868f3ef0"}),o("smoothly-table-demo-nested-no-cell",{key:"9d0f1784998f8f7607f93b914cd2d5c53a986f8a"}))}};ei.style=ti();const oi=()=>`.sc-smoothly-table-demo-colspan-h{display:block}.sc-smoothly-table-demo-colspan-h smoothly-display.sc-smoothly-table-demo-colspan{display:inline}`;const si=class{constructor(e){t(this,e)}render(){return o(s,{key:"591888818b4300109779447443c6e5aab1b14da8"},o("smoothly-table",{key:"c938d62de711c1ccf5f4688757b3513df44e8af8",columns:3},o("smoothly-table-head",{key:"479a91f092d7ab61f5e023187b3962cbcfa752ea"},o("smoothly-table-row",{key:"09acaf59f4ab8afc3af9931911547c6c9160e96c"},o("smoothly-table-cell",{key:"7d8343c2153cc0dad70a3b93f713297911b6a999"},"Date"),o("smoothly-table-cell",{key:"e383250690b45d63ca6932488089448063a00b59"},"Skip"),o("smoothly-table-cell",{key:"9249209f1c691bf8b599c19a7c69241b4c375bfc"},"Total"))),o("smoothly-table-body",{key:"08ae40864961b80b1522166a429f53962f0248c5"},o("smoothly-table-row",{key:"ea7dd286a24979f8d193c215fcf97728a165fa16"},o("smoothly-table-cell",{key:"441dee1ea77f41f61fc110987a62e404a05aa297",span:2},o("smoothly-display",{key:"b6f97a5c900d27d4cd5c8a3193c08d379c73da0a",type:"date",value:"2024-01-01"})),o("smoothly-table-cell",{key:"a3c7b056c9b0af04ec00c95d01422d2f56c3c806"},o("smoothly-display",{key:"dc812c579111236c03c21edaafb7906297cb2625",type:"price",value:120,currency:"EUR"}))),o("smoothly-table-row",{key:"004a397622e3facc508a92e645a3ac4fa9532e0a"},o("smoothly-table-expandable-cell",{key:"a4b75ba00befe6a8a34fc5c99690cb03c3ade7d7",span:2},o("smoothly-display",{key:"bb91f39b2d8833ad116268618a9be82aa96a2fc4",type:"date",value:"2024-01-02"}),o("smoothly-lazy",{key:"51e9b4cf9d9a9ef15c04996aef32d7ec916ae79b",slot:"detail",content:o("smoothly-display",{type:"date-time",value:"2024-01-02T13:37:00.000Z"})})),o("smoothly-table-expandable-cell",{key:"cbce7604964ca0c217d549bc1b1e50758b0217b8"},o("smoothly-display",{key:"3cabab2c49146b2ac49882b592ce38cae1dd17ce",type:"price",value:220,currency:"EUR"}),o("smoothly-lazy",{key:"84d7a668b2f59da0df7a95eb1fa3d8221365f2f8",slot:"detail",content:o("span",null,o("smoothly-display",{type:"price",value:120,currency:"EUR"})," + ",o("smoothly-display",{type:"price",value:100,currency:"EUR"}))}))),o("smoothly-table-row",{key:"8c8cabd1f86d8c435925a3e2386bfe91f9d604da"},o("smoothly-table-cell",{key:"36d5b65550ad5c09fed7441e9c0892bdf595d979"},o("smoothly-display",{key:"3580d0ec9bcabc49ba7e3247786c3626760dd405",type:"date",value:"2024-01-02"})),o("smoothly-table-cell",{key:"cf38589846b2f9925a79f79d64c298e96a3174b8"},"Not Skipped"),o("smoothly-table-cell",{key:"2ae25896d0fcfaa3884da36a63bda5bd730797bd"},o("smoothly-display",{key:"88fed0a43e38e936abc981beac382b83e86263e6",type:"price",value:320,currency:"EUR"}))))))}};si.style=oi();const ai=()=>`.sc-smoothly-table-demo-filler-row-h{display:block}.sc-smoothly-table-demo-filler-row-h>smoothly-display.sc-smoothly-table-demo-filler-row{font-size:2em}.sc-smoothly-table-demo-filler-row-h>*.sc-smoothly-table-demo-filler-row{margin-bottom:2rem}`;const ii=class{constructor(e){t(this,e);this.cats=[]}async componentDidLoad(){window.setTimeout((()=>{this.cats=undefined}),3e3)}render(){return o(s,{key:"38d70dda60dda3debcf93c39712447b147f1f8aa"},o("smoothly-display",{key:"184a415c969fe7f8067d39b8bca1c60e2cdc525c",type:"text",value:"Filler row"}),o("smoothly-table",{key:"c25e191ff3a0d83771c8c4057a391af7d29f3aeb",color:"primary",columns:4},o("smoothly-table-head",{key:"6a0abb3c6732c84bbf349fa5564d27d3b0189f36"},o("smoothly-table-row",{key:"2f91fa838939f85bee7d2fc07bbcf66f19e31af0"},o("smoothly-table-cell",{key:"b50f41f05faeb8105905c2d2bc694ceba0291b11"},"Breed"),o("smoothly-table-cell",{key:"1165986b307056c5356dad70b6ce04059aaebdd1"},"Country"),o("smoothly-table-cell",{key:"348327ae0225c33862c65c536b31bbab5bd706d9"},"Coat"),o("smoothly-table-cell",{key:"449b076a7ccb0922362af57fa66bbf081fe73c1d"},"Origin"))),o("smoothly-table-body",{key:"7b4d12422054f92287036881aaba5156de8adc87"},this.cats===undefined?o("smoothly-table-filler-row",null,"No data to display"):this.cats.length===0?o("smoothly-table-filler-row",null,o("smoothly-spinner",{style:{margin:"auto"},color:"default",size:"small"})):this.cats.map((t=>o("smoothly-table-row",null,o("div",{class:"smoothly-table-cell"},t.breed),o("div",{class:"smoothly-table-cell"},t.country),o("div",{class:"smoothly-table-cell"},t.coat),o("div",{class:"smoothly-table-cell"},t.origin)))))))}};ii.style=ai();const li=()=>`.sc-smoothly-table-demo-group-h{display:block}.sc-smoothly-table-demo-group-h smoothly-display.sc-smoothly-table-demo-group{display:inline}.sc-smoothly-table-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-table-demo-group{grid-column:span 2}.sc-smoothly-table-demo-group-h>smoothly-display.sc-smoothly-table-demo-group{display:inherit;font-size:2em}.sc-smoothly-table-demo-group-h>*.sc-smoothly-table-demo-group{margin-bottom:2rem}.sc-smoothly-table-demo-group-h fake-group-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-row-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-expandable-row-wrapper.sc-smoothly-table-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-table-demo-group-h fake-cell-wrapper.sc-smoothly-table-demo-group{grid-column:span 1;display:block}.sc-smoothly-table-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-table-demo-group{display:contents}`;const ni=class{constructor(e){t(this,e)}render(){return o(s,{key:"13ca441187f66529344769d886b77d0c01cf0ec7"},o("smoothly-display",{key:"b2dbf9deacd800eb2bbcc303418a5f2ce6344399",type:"text",value:"Group"}),o("smoothly-table",{key:"8e80f2e26eda2a33c65d665d2d369b11a03f39b3",color:"primary",columns:2},o("smoothly-table-head",{key:"a80ad7e011c9432b00488a3dad6cc48d4cf56ffa"},o("smoothly-table-row",{key:"9d15a2c5ec712913ef7195f40eae2d7cc4328b43"},o("smoothly-table-cell",{key:"4658db6a627442459d39caf71d3053c0b0373153"},"Date"),o("smoothly-table-cell",{key:"62640f3c5426d8b1cbb7e5309b9a5eb8ae1fd244"},"Total"))),o("smoothly-table-body",{key:"30185fa157aeed1482eb4ed13e227e735450204f"},o("smoothly-table-row-group",{key:"2f88c12ff6aa6b59f6545f1939c0b390ff04fb9b",align:true},o("smoothly-display",{key:"504c5fd4776cf580054b1643d3cdf25746b0ef4d",slot:"start",type:"date",value:"2024-01-01"}),o("smoothly-display",{key:"abb7c187f97506286cce8fdb7cf9e44024cb1eee",slot:"end",type:"price",currency:"EUR",value:510}),o("smoothly-table-expandable-row",{key:"4c4ee8e36cdef0fa1c7dd5e088ba27b0470b94a0"},o("smoothly-table-cell",{key:"e78d6d08b6b141e5d37e309697ae71a5158aa83e"},o("smoothly-display",{key:"d4545cbccf585edd9a753216cd7eb065794cc61d",type:"date-time",value:"2024-01-01T01:37:00.000Z"})),o("smoothly-table-cell",{key:"2bfa64247f7bf2ccf879859f66de74904dd7438f"},o("smoothly-display",{key:"45bc665caae3e04dd8f4a94ab96d0e5f974c1b66",type:"price",currency:"EUR",value:250})),o("smoothly-lazy",{key:"60b37654b01d3c248d2c7339593990e5a04fb188",slot:"detail",content:o(i,null,"Details of 2024-01-01T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"e18d58866e7e132073ccd951f114780566bc19d8"},o("smoothly-table-cell",{key:"9bce755fdb66c5a53be2a1a30b897c56cfd292e2"},o("smoothly-display",{key:"e93ddd23a90132c87a717651c39cd9b3e0ec76be",type:"date-time",value:"2024-01-01T13:37:00.000Z"})),o("smoothly-table-cell",{key:"25760dc3dc0c4db717a663849b0a5b4855d0fa49"},o("smoothly-display",{key:"6bddb16177d1b3aaba00f690e15830b4de4c560f",type:"price",currency:"EUR",value:260})),o("smoothly-lazy",{key:"b270f93a5b22cc963761b4ba3fac9831948eb229",slot:"detail",content:o(i,null,"Details of 2024-01-01T13:37:00.000Z")}))),o("smoothly-table-row",{key:"13eeb89739730d945227aff29d6ffb02405a7162"},o("smoothly-table-cell",{key:"f6ee0efe4aafe2b3bc46d1391addd0cdd0372643"},o("smoothly-display",{key:"fefcd6b25329f0acac11ce9b5f62936c250e4e13",type:"date",value:"2024-01-02"})),o("smoothly-table-cell",{key:"ef2d0fc611d84b2380f4cb3342e9a747ca7b0571"},o("smoothly-display",{key:"049dfb4f85369daf945b216256ced74597135572",type:"price",currency:"EUR",value:130}))),o("smoothly-table-row-group",{key:"0818d5289ddf639e1f41b8377eefda9a42e8a660"},o("smoothly-display",{key:"c313d4b6c8e1658c6a2bb9bda1b7aee77b5c4708",slot:"start",type:"date",value:"2024-01-03"}),o("smoothly-display",{key:"6e57124ffd9cb7a0737b49144fdae07c04e7ce54",slot:"end",type:"price",currency:"EUR",value:720}),o("smoothly-table-expandable-row",{key:"075bcd04dbac92bb2733eae3983e205c604c0897"},o("smoothly-table-cell",{key:"2da65d488c647c5952fd2f7b496ad477c78e43a0"},o("smoothly-display",{key:"268b41c5942180ff8cbf781c225569a464a98048",type:"date-time",value:"2024-01-03T01:37:00.000Z"})),o("smoothly-table-cell",{key:"bf8c3e7a40c471fc22de92ff894ab5145407949c"},o("smoothly-display",{key:"ee271b788d3bccfec5354a4e96b0a16a9faa224d",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"684a6831e691a9dc67f81977c39f32cb74ca4796",slot:"detail",content:o(i,null,"Details of 2024-01-03T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"82ca4163f480bb0f87f51d40680ee079dd615b11"},o("smoothly-table-cell",{key:"c7022929f9eee697165dabdf09f209f62cec9e20"},o("smoothly-display",{key:"f85ecb5f99a2f5f00b1d8946a33057b87691ebf2",type:"date-time",value:"2024-01-03T13:37:00.000Z"})),o("smoothly-table-cell",{key:"71a2d8a0b8426614bc5842b27e80957bc560066b"},o("smoothly-display",{key:"6e1fa476d41664ccd4f4475e3d78e6811181dc83",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"3c21237b9ab3bcbad4ce8f71d590b62e92f425e4",slot:"detail",content:o(i,null,"Details of 2024-01-03T13:37:00.000Z")}))),o("smoothly-table-row-group",{key:"89f7bd195d9558793f2806d9331a4f60127a2288"},o("smoothly-display",{key:"9af59f5175f04af6c3c661efea33c884ef2443a4",slot:"start",type:"date",value:"2024-01-04"}),o("smoothly-table-expandable-row",{key:"cf98a3d3738cc247ddb748eb5d62103b5f4cb898"},o("smoothly-table-cell",{key:"fed5bcbfedb84593f7372d686ec367176e09f203"},o("smoothly-display",{key:"cbaf8f631003338f43637aca9af85e05ee61acb9",type:"date-time",value:"2024-01-04T01:37:00.000Z"})),o("smoothly-table-cell",{key:"01ca45bac88026b162678192a11a4f5dd3c068be"},o("smoothly-display",{key:"80a57b43c7a010aab88b2d16c7fbedaeb29568ce",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"70d2c87d6db5d93807832babed5234fb464f74f4",slot:"detail",content:o(i,null,"Details of 2024-01-04T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"20cb4d49bb58652118d26a85e3700303493c68c5"},o("smoothly-table-cell",{key:"825986c6db5f37ccc73569f6f1c2228a5974165a"},o("smoothly-display",{key:"21e131ad762de83ceb50ba3c73438b19726c38e2",type:"date-time",value:"2024-01-04T13:37:00.000Z"})),o("smoothly-table-cell",{key:"c5ee086388bcba90b3f2f8b8e87de8b640af19ae"},o("smoothly-display",{key:"0451e5542008991f62d5aed3be962be7ede89e92",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"eff29a26691c08d70aa7cacad2a199dabc06f76c",slot:"detail",content:o(i,null,"Details of 2024-01-04T13:37:00.000Z")}))),o("smoothly-table-row-group",{key:"16aa704a00da4ee503ef5c8a66ce41cd2768d704"},o("smoothly-display",{key:"ebda8de8516871eaf501d00fe3c334dc229b8105",slot:"end",type:"price",currency:"EUR",value:720}),o("smoothly-table-expandable-row",{key:"dc912bef3657af1eadb481ecbaa1f71e061fd3ae"},o("smoothly-table-cell",{key:"7f3451e00998d997440f16b85fb53598778128c8"},o("smoothly-display",{key:"def111369e6fae7bcb7e5c6bdc3bfaaa9700b6fe",type:"date-time",value:"2024-01-05T01:37:00.000Z"})),o("smoothly-table-cell",{key:"cf70102ed28029c2eafbfa3c14f5f42bf185b4cf"},o("smoothly-display",{key:"567fe6aa345e74223a8332b93cc1b1b9cb288eba",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"3ad490689fcafce374b5b02550d5e03962da7a75",slot:"detail",content:o(i,null,"Details of 2024-01-05T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"0cfffb40fd9119c737384bdfcf4196252e2680ed"},o("smoothly-table-cell",{key:"17017970a2de014c63dc0c2f942e83a4ef9b322d"},o("smoothly-display",{key:"9f6d27350e38a66bab11ce29a331ccecee9335d0",type:"date-time",value:"2024-01-05T13:37:00.000Z"})),o("smoothly-table-cell",{key:"f1d2cc0caf106aaabb4d9262fb6f589924ded4cf"},o("smoothly-display",{key:"1ae2025a7b69811c991c4e50acd45be7f2af4820",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"fd8db8bbca191d29614972042d49aabf04b00325",slot:"detail",content:o(i,null,"Details of 2024-01-05T13:37:00.000Z")}))),o("fake-group-wrapper",{key:"7ed94c5850dca92de109a72d543e7892a4ad1f27"},o("smoothly-table-row-group",{key:"fd411b94eb083f25414f29ee5f0c82fe10e336b2"},o("smoothly-display",{key:"c1eec946da5403fe5fb367f864de25a07d37bb45",slot:"start",type:"date",value:"2024-01-06"}),o("smoothly-display",{key:"b69b22be0181ebd04b4fb6c9934b76d41a8c92f6",slot:"end",type:"price",currency:"EUR",value:720}),o("fake-row-wrapper",{key:"39f7a1f520615967cc4972f7c2f2ffd6824c3fcc"},o("smoothly-table-row",{key:"a0edb450a28de03759ae4c2240a979f27704718b"},o("fake-cell-wrapper",{key:"9c2c3823f9e8771e15625a0353e7031be7ab862c"},o("smoothly-table-cell",{key:"b47064b530ce8ee1bb66350cc2bb4ac172bfbe99"},o("smoothly-display",{key:"23245c1af652033586ff8b001f406da931221ff7",type:"date",value:"2024-01-02"}))),o("fake-expandable-cell-wrapper",{key:"cecaf2863e686ddd4b7b6db5bf0ba39a6f77b70b"},o("smoothly-table-expandable-cell",{key:"b715899e9cc80dfded13610df5224069c9eebabe"},o("smoothly-display",{key:"3e261554b8e11c7388c5cf4057228575b87acd0e",type:"price",currency:"EUR",value:130}),o("smoothly-lazy",{key:"5844d701bc675abd246d2d18f7387edd9c9f7e7b",slot:"detail",content:o("span",null,o("smoothly-display",{type:"price",value:100,currency:"EUR"})," + ",o("smoothly-display",{type:"price",value:30,currency:"EUR"}))}))))),o("fake-expandable-row-wrapper",{key:"32bce4a1c74db7b752671e090eca7216dfeda5e4"},o("smoothly-table-expandable-row",{key:"76397c42828314da38f36ba8046227bce793f3b0"},o("fake-cell-wrapper",{key:"4707a608abe80f2fa745d0a669dd26d327ce3fa7",class:"span-2"},o("smoothly-table-cell",{key:"a4b2b9dba3fe2d95439f995c04d218729f6f7c05",span:2},o("smoothly-display",{key:"d3ab93ede3071809115eb9a392b29c97ada02788",type:"date",value:"2024-01-07"}))),o("smoothly-lazy",{key:"ab3787df579b0c266b5cc521e6c88b8976d7eeb4",slot:"detail",content:o("smoothly-display",{type:"date-time",value:"2024-01-07T13:37:00.000Z"})}))))),o("smoothly-table-row-group",{key:"31e0f780af3568f236e185c33beffd1fe131f15c"},o("smoothly-display",{key:"71f3de541c67562eed2c4138b3c487e13f45891a",slot:"start",type:"date",value:"2024-01-08"}),o("smoothly-display",{key:"56b9d221c55a67b758a529d3542819b8cc73a9d1",slot:"end",type:"price",currency:"EUR",value:720})))))}};ni.style=li();const ri=[{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 ci=()=>`.sc-smoothly-table-demo-nested-no-cell-h{display:block}.sc-smoothly-table-demo-nested-no-cell-h>smoothly-display.sc-smoothly-table-demo-nested-no-cell{font-size:2em}.sc-smoothly-table-demo-nested-no-cell-h>*.sc-smoothly-table-demo-nested-no-cell{margin-bottom:2rem}.sc-smoothly-table-demo-nested-no-cell-h smoothly-table-expandable-row.sc-smoothly-table-demo-nested-no-cell{position:relative}`;const hi=class{constructor(e){t(this,e);this.loadedRows=[]}render(){return o(s,{key:"58aa208d70e2da93e893ef08cb5967664bd0c051"},o("smoothly-display",{key:"2deea15d1b6e1df7377c7d7a75f1bf3bdc0e23e6",type:"text",value:"Nested"}),o("smoothly-table",{key:"86c9c4de9e86faddf03910093dc8046534198a6e",color:"primary",columns:8},o("smoothly-table-head",{key:"e68242f5576ac5903448bc958706512b6fdde4a2"},o("smoothly-table-row",{key:"db1d09f006f8e6d7ce18ae91caf34d6f5a14bf83"},o("div",{key:"3e3e11e86247d24322182392410b18b1f77be2d9",class:"smoothly-table-cell"},"Id"),o("div",{key:"d9e4adcfa2c4f241f0351c78cb21a968663a6c44",class:"smoothly-table-cell"},"Registered"),o("div",{key:"fe70738e34cad44a2334118b1390c3a4fc55a78c",class:"smoothly-table-cell"},"Name"),o("div",{key:"8d289629063da16589bb44c438577ece4eff5703",class:"smoothly-table-cell"},"Age"),o("div",{key:"41d4a8187b8a431cea1ab7c0d5dd94fc5e3d7c14",class:"smoothly-table-cell"},"Balance"),o("div",{key:"1394c75f60c62a437f8e45bd331e102a84b3357e",class:"smoothly-table-cell"},"EyeColor"),o("div",{key:"675a742c81647d180c327a3b033a7dd90bda7411",class:"smoothly-table-cell"},"Gender"),o("div",{key:"16c97f1027ac5d65ebfaa303a56bb80ea37c7c40",class:"smoothly-table-cell"},"Company"))),o("smoothly-table-body",{key:"8839563b64e8c05cdfbf0be64fd78e901490dcf3"},ri.map(((t,e)=>o("smoothly-table-expandable-row",{onSmoothlyTableExpandableRowChange:t=>{if(t.detail){this.loadingIndex=e;setTimeout((()=>{this.loadingIndex=undefined;this.loadedRows=[...this.loadedRows,e]}),1500)}}},this.loadingIndex===e&&o("smoothly-spinner",{overlay:true,size:"small"}),this.loadedRows.includes(e)&&o("smoothly-table-demo-nested-no-cell-inner",{color:"secondary",data:t.friends,slot:"detail"}),o("div",{class:"smoothly-table-cell"},t.id),o("div",{class:"smoothly-table-cell"},t.registered),o("div",{class:"smoothly-table-cell"},t.name),o("div",{class:"smoothly-table-cell"},t.age),o("div",{class:"smoothly-table-cell"},t.balance),o("div",{class:"smoothly-table-cell"},t.eyeColor),o("div",{class:"smoothly-table-cell"},t.gender),o("div",{class:"smoothly-table-cell"},t.company))))),o("smoothly-table-foot",{key:"6b4ad314b547876f79a192885d8f6c396b5289a4"},o("smoothly-table-row",{key:"d0b756f7d918e94ef014702eae9f6b60de81feec"},o("div",{key:"06107bc944f6e1304054e68b91622ea30e0a833e",class:"smoothly-table-cell"},"Footer Cell"),o("div",{key:"0150811226ddc55197a6ef7933f024a54ab2c853",class:"smoothly-table-cell"},"Footer Cell")))))}};hi.style=ci();const di=()=>`.sc-smoothly-table-demo-nested-no-cell-inner-h{display:block;margin:1em auto;width:60%}`;const mi=class{constructor(e){t(this,e)}render(){var t;return o(s,{key:"9150c28b151e6567c9d4d385068702f600fcb2f1"},o("smoothly-table",{key:"7261ea2339bc05332c0bb2e8d43a9362bbe13d3a",columns:4},o("smoothly-table-head",{key:"d800c29461ff8bc75f0ac1265e50640c0138d211"},o("smoothly-table-row",{key:"56bb549fe6154737b01ad2564df4c58a6e5f8c52"},o("div",{key:"e6e3a1c445d93d2c814c7cb6057643124c132de2",class:"smoothly-table-cell"},"Id"),o("div",{key:"c92d18120e36c54139713090f821a605ad42e3fc",class:"smoothly-table-cell"},"Name"),o("div",{key:"2fc4f2987f92840727806f222a300bf463990917",class:"smoothly-table-cell"},"Age"),o("div",{key:"4c5f4888480ac4afdc2a7ea0ea1223f019ac342f",class:"smoothly-table-cell"},"Balance"))),o("smoothly-table-body",{key:"ea1511197b149bc2963a00345c5cde47378c7f26"},(t=this.data)===null||t===void 0?void 0:t.map((t=>o("smoothly-table-expandable-row",null,o("div",{class:"smoothly-table-cell"},t.id),o("div",{class:"smoothly-table-cell"},t.name),o("div",{class:"smoothly-table-cell"},t.age),o("div",{class:"smoothly-table-cell"},t.balance)))))))}};mi.style=di();const yi=()=>`.sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}`;const bi=class{constructor(e){t(this,e)}render(){return o(s,{key:"fa0ee8dabad78b4e11466c08476a7b7bab777bcf"},o("smoothly-display",{key:"f1929229c708243f89969fb865281c87cdea3974",type:"text",value:"Simple"}),o("smoothly-table",{key:"a74ccd3d2757769582a1640cd03f275040258979",color:"primary",columns:2},o("smoothly-table-head",{key:"3740997a15cd0be3f576a5ccd325dedbcf7ecf57"},o("smoothly-table-row",{key:"173e8a0edf3ca6131dbfd5fd2e23bf5e818de068"},o("smoothly-table-cell",{key:"6ccc98fe385d936d3fc18a0802aa171c9e4833f0"},"Breed"),o("smoothly-table-cell",{key:"f12b6543b4b7be9f4d26610d2a90b900951e7f52"},"Coat"))),o("smoothly-table-body",{key:"2cc82f1d8659f303f29352fa4cce8961fa698fab"},ui.map((t=>o("smoothly-table-row",null,o("smoothly-table-expandable-cell",null,t.breed,o("div",{slot:"detail"},"Country:",o("br",null),t.country)),o("smoothly-table-expandable-cell",null,t.coat,o("div",{slot:"detail"},"Pattern: ",t.pattern))))),o("smoothly-table-row",{key:"9548adc12d9a485c5e973deeb2fe4abf22119809"},o("smoothly-table-cell",{key:"502907286ab36ee5358c143d8d5613bb0685fa29"},"Cell5"),o("smoothly-table-expandable-cell",{key:"4ed0239f7262bfb76e8dbfd94b4b76e992dbf1af"},"Expandable Cell",o("div",{key:"f576406602ee34bf67621939ff7fe2c57c4b66be",slot:"detail"},"Content of the expandable cell"))),o("smoothly-table-row",{key:"54e2ecd8dcb9c666930d9005ba31a3f64e25aabc"},o("smoothly-table-expandable-cell",{key:"88b51a8cf477ca4de13d0735a491c30fe28870c6"},"Expandable Cell 1",o("div",{key:"d0ddd7d5489dc8e9df88b52315d61e97d9c6434d",slot:"detail"},"Content of the expandable cell 1")),o("smoothly-table-expandable-cell",{key:"ee707b238f569e36eb9bdbaca1c82fc7a0f830bc"},"Expandable Cell 2",o("div",{key:"bbdaab7554b86deee81fea4697afc013909cb218",slot:"detail"},"Content of the expandable cell 2")))),o("smoothly-table-foot",{key:"936f27ddd1dbc6b3b1f8fa5cbe9887898c1b3688"},o("smoothly-table-row",{key:"161b992762fa4617785cd6c6c83d957a7d5f976c"},o("smoothly-table-cell",{key:"158fc3ac159fe7eeac086fdde980b1f39c9d79db"},"Footer Cell"),o("smoothly-table-cell",{key:"3a6ff2185ab3ff1306655498582ea9bfff4d7099"},"Footer Cell")))))}};const ui=[{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"}];bi.style=yi();const pi=()=>`.sc-smoothly-table-expandable-cell-h{display:contents}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);box-sizing:border-box;align-items:center;white-space:nowrap;position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover{background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground));stroke:rgb(var(--smoothly-table-hover-foreground));fill:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{rotate:45deg}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{box-shadow:1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset, -3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset}[open].sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));stroke:rgb(var(--smoothly-table-expanded-foreground));fill:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-cell-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{display:none}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}`;const fi=class{constructor(o){t(this,o);this.smoothlyTableExpandableCellChange=e(this,"smoothlyTableExpandableCellChange");this.smoothlyTableExpandableCellRegister=e(this,"smoothlyTableExpandableCellRegister");this.span=1;this.open=false}componentWillLoad(){this.smoothlyTableExpandableCellRegister.emit()}async close(){this.open=false}clickHandler(t){var e,o;const s=this.detailElement&&t.composedPath().includes(this.detailElement);if(!s){const t=(e=window.getSelection())===null||e===void 0?void 0:e.toString().trim();if(((o=t===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0)==0){this.open=!this.open}}}openChange(){this.smoothlyTableExpandableCellChange.emit(this.open)}render(){var t;return o(s,{key:"1c27ff4e5c10ad504e0c8307be3bfb1243afc5d9",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)},onClick:t=>this.clickHandler(t)},o("div",{key:"9df957e7d9f55f6687adbdfc550b3cfa6a8d3dea",class:"content"},o("slot",{key:"505b6a8964feb91d4d0256b6ea3f27519742ef6c"})),o("div",{key:"9054849f559fc9f02c7ba5c9c95cabf1e741f417",class:"smoothly-table-detail",ref:t=>this.detailElement=t},o("slot",{key:"0feb5288d454fc6b606ad4585706f40ec3789443",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}};fi.style=pi();const gi=()=>`.sc-smoothly-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>.smoothly-table-cell{grid:subgrid;cursor:pointer;grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell:hover){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-table-expandable-row-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type{position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell:hover)>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{rotate:45deg}[open].sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{overflow:visible;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}`;const ki=class{constructor(o){t(this,o);this.smoothlyTableExpandableRowChange=e(this,"smoothlyTableExpandableRowChange");this.open=false}clickHandler(t){var e,o;const s=this.div&&t.composedPath().includes(this.div);if(!s){const t=(e=window.getSelection())===null||e===void 0?void 0:e.toString().trim();if(((o=t===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0)==0){this.open=!this.open}}}openChange(){this.smoothlyTableExpandableRowChange.emit(this.open)}render(){return o(s,{key:"21d040e883e73f9415ee1a3e7055fa5ce9adc57b",onClick:t=>this.clickHandler(t)},o("slot",{key:"9c42a350c5e00b6b24f7c746cc801588df69c14f"}),o("div",{key:"0c5c8a4e231018e1f96e09348447c876051540cf",class:"smoothly-table-detail",ref:t=>this.div=t},o("slot",{key:"263395e4d57775e72e510071245261a23097175f",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}};ki.style=gi();const vi=()=>`.sc-smoothly-table-filler-row-h{grid-column:1 / -1}`;const wi=class{constructor(e){t(this,e)}render(){return o("smoothly-table-row",{key:"7561aa3596121beb8d1fa3af10d14ed9be08f7f2"},o("smoothly-table-cell",{key:"04c9c851fb31ec6a246b2bc82cdbc7293478a0e3"},o("slot",{key:"f0db97bf64c0979fbca0c6f5ab4296684f743a70"})))}};wi.style=vi();const xi=()=>`.sc-smoothly-table-foot-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;position:sticky;z-index:1;bottom:0;background-color:rgb(var(--smoothly-table-footer-background));color:rgb(var(--smoothly-table-footer-foreground));stroke:rgb(var(--smoothly-table-footer-foreground));fill:rgb(var(--smoothly-table-footer-foreground))}`;const Ci=class{constructor(e){t(this,e)}render(){return o(s,{key:"fa6bc933396023c1d84d01460a4ff641c53136a1"},o("slot",{key:"7aaddf60b15f344866dce0847441bec4dc739ae0"}))}};Ci.style=xi();const Si=()=>`.sc-smoothly-table-head-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;top:var(--top);position:sticky;z-index:var(--z-index);--smoothly-color:var(--smoothly-table-header-background);--smoothly-color-contrast:var(--smoothly-table-header-foreground);background-color:rgb(var(--smoothly-table-header-background));color:rgb(var(--smoothly-table-header-foreground));stroke:rgb(var(--smoothly-table-header-foreground));fill:rgb(var(--smoothly-table-header-foreground));font-weight:bold;transition:box-shadow 0.3s ease}.scrolled.sc-smoothly-table-head-h{box-shadow:var(--smoothly-table-header-shadow)}`;const zi=class{constructor(e){t(this,e);this.depth=0;this.onScroll=t=>{if(t.target instanceof HTMLElement){this.scrollParent=t.target;const e=this.scrollParent.getBoundingClientRect();const o=this.element.getBoundingClientRect();this.scrolled=e.top==o.top}}}getTopOffset(){let t=0;let e=this.element;while(e){if(e.tagName.toLowerCase()==="smoothly-table"){const o=e.querySelector("smoothly-table-head");if(o!==this.element){const e=Array.from(o.querySelectorAll(":scope > smoothly-table-row"));t+=e.length}}e=e.parentElement}this.depth=t}connectedCallback(){var t;this.scrollParent=n.findParent(this.element);(t=this.scrollParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.onScroll);this.getTopOffset()}disconnectedCallback(){var t;(t=this.scrollParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.onScroll)}render(){return o(s,{key:"a892578836b416a7ca7dcecf5436988fcd9c33d1",class:{scrolled:!!this.scrolled},style:{"--top":`calc(${this.depth} * var(--smoothly-table-cell-min-height))`,"--z-index":`${10-this.depth}`}},o("slot",{key:"6905eb9cae9ac8411ff90d83de4ff7a2a5fd5f12"}))}get element(){return a(this)}};zi.style=Si();const Ii=()=>`.sc-smoothly-table-row-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;box-sizing:border-box;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-row-h .smoothly-table-cell.sc-smoothly-table-row,.sc-smoothly-table-row-h.sc-smoothly-table-row-s>.smoothly-table-cell{display:flex;grid-column:span var(--smoothly-table-cell-span, 1);align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell){grid-template-rows:auto 0fr 0fr}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell[open]){grid-template-rows:auto 1fr 0fr}`;const Ti=class{constructor(e){t(this,e);this.expandableCells=new Set}smoothlyTableExpandableCellRegisterHandler(t){t.stopPropagation();this.expandableCells.add(t.target)}smoothlyTableExpandableCellChangeHandler(t){if(t.detail){for(const e of this.expandableCells){t.target!=e&&e.close()}}}render(){return o(s,{key:"213964e8d2239419bb9dd5751e00096a922ab084"},o("slot",{key:"37b92c81dff5ba150141d0d060f7d1eb17c414d2"}))}};Ti.style=Ii();const Di=()=>`.sc-smoothly-table-row-group-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;margin-top:1px}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child{grid-column:1/-1;display:grid;position:relative;cursor:pointer;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);background-color:rgb(var(--smoothly-default-tint));border-bottom:1px solid rgb(var(--smoothly-default-shade));position:relative;padding-left:1.1rem}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child:hover{color:rgb(var(--smoothly-table-hover-foreground));background-color:rgb(var(--smoothly-table-hover-background))}[open].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child::before{rotate:45deg}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:last-child{grid-column:1/-1;display:grid;grid-template-columns:subgrid}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child{grid-template-columns:subgrid}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group{display:contents}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group>*.sc-smoothly-table-row-group{display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem)}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child{grid-column:1/-1;display:grid;align-items:center;grid-template-columns:repeat(2, auto);justify-content:space-between}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group:first-child{justify-self:start;display:flex;gap:1rem}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group:last-child{justify-self:end;display:flex;gap:1rem}.sc-smoothly-table-row-group-h:not([open]){grid-template-rows:auto 0fr}.sc-smoothly-table-row-group-h:not([open])>div.sc-smoothly-table-row-group:last-child{grid-row:2;overflow:hidden}`;const ji=class{constructor(o){t(this,o);this.smoothlyTableRowGroupChange=e(this,"smoothlyTableRowGroupChange");this.align=false;this.open=false}clickHandler(){var t,e;const o=(t=window.getSelection())===null||t===void 0?void 0:t.toString().trim();if(((e=o===null||o===void 0?void 0:o.length)!==null&&e!==void 0?e:0)==0){this.open=!this.open;this.smoothlyTableRowGroupChange.emit(this.open)}}render(){return o(s,{key:"8407e47bd79c00425a93bbf78bfaa234417e6730"},o("div",{key:"80a4d3121142f72cecf08afee5083fc3f00e8772",onClick:()=>this.clickHandler()},o("div",{key:"ae02eb813ffb3951e41363c41b89e16f8cf93199"},o("slot",{key:"5020efcd50f6b9349c05c93c90c7b0499ebaa5f6",name:"start"})),o("div",{key:"081546adcccc771440f2f5e681dfc15712579fb3"},o("slot",{key:"d05a5dff9ba8473a329e3cb00bedc0732cbed6f9",name:"end"}))),o("div",{key:"26e75848ce1b7f8c889fb7376f5c65c9a1f95ef8"},o("slot",{key:"0d1687ebc94faafddea6b096c26ce5fdd408ff7f"})))}};ji.style=Di();const Li=()=>`.sc-smoothly-tabs-h{display:grid;grid-template-columns:repeat(var(--tabs), auto);grid-template-rows:auto auto}.sc-smoothly-tabs-h.hide-tabs.sc-smoothly-tabs-s>smoothly-tab>div:first-child{display:none}`;const _i=class{constructor(o){t(this,o);this.smoothlyTabOpen=e(this,"smoothlyTabOpen");this.tabs="always";this.tabElements=[]}async removeTab(t){if(this.element.isConnected){this.tabElements=this.tabElements.filter((e=>e!==t));if(t.open){const t=this.tabElements.find((t=>!t.disabled));t&&(t.open=true)}}}onInputLoad(t){t.stopPropagation();if(this.isSmoothlyTabElement(t.target)&&t.target.parentElement==this.element&&!this.tabElements.includes(t.target)){t.detail(this);this.tabElements=[...this.tabElements,t.target]}}isSmoothlyTabElement(t){return(t===null||t===void 0?void 0:t.tagName)=="SMOOTHLY-TAB"}openChanged(t){const e=t.target;if(this.isSmoothlyTabElement(e)){t.stopPropagation();this.selectedElement=e;this.smoothlyTabOpen.emit(t.detail)}}onSelectedChange(t,e){if(e){e.open=false}}render(){var t;return o(s,{key:"b04840f6e13daa8be63254d382614ddf521ce1b8",class:{"hide-tabs":this.tabs=="multiple"&&this.tabElements.length==1},style:{"--tabs":`${(t=this.numberOfTabs)!==null&&t!==void 0?t:this.tabElements.length}`}},o("slot",{key:"7b4c480e7e74d4b5ecaea562f6d5f981f17f3fa1"}))}get element(){return a(this)}static get watchers(){return{selectedElement:[{onSelectedChange:0}]}}};_i.style=Li();const Ri=()=>`.sc-smoothly-tabs-demo-h{display:block}[hidden].sc-smoothly-tabs-demo-h{display:none}.sc-smoothly-tabs-demo-h>*.sc-smoothly-tabs-demo{margin:auto;max-width:1200px;width:100%;margin-block:5rem}.sc-smoothly-tabs-demo-h code.sc-smoothly-tabs-demo{color:rgb(var(--smoothly-medium-contrast));background-color:rgb(var(--smoothly-medium-color));padding-inline:0.25rem;border-radius:0.25rem}`;const Ai=class{constructor(e){t(this,e)}render(){return o(s,{key:"e5afcbf69dade2bfdfbccdb5ebef98067703e03e"},o("div",{key:"720708cebe6311006737245ba3bfd2ce495fddd4"},o("smoothly-button",{key:"9cc479c1ca7de47f611071bc020640509ec55f13",color:"primary",onClick:()=>this.extraTab1=!this.extraTab1},this.extraTab1?"Remove":"Add"," tab")),o("smoothly-tabs",{key:"5e91c482c3f8d282c48630216797762712fbd088",tabs:"multiple"},o("smoothly-tab",{key:"30fd2e83a0ad2e4ef4363b2471d5ef3a8f508e79",label:"Single Tab",open:true},o("strong",{key:"46b7eb4a05793c23e1235026732d599ad7cd8acf"},"Single Tab content here.")," If only one tab is available setting ",o("code",{key:"7f0e856a9e3b6f922c9a872e303f8ef2af92fe68"},"tabs")," to"," ",o("code",{key:"b8398697b2d6c2757cd0a9a6216b1ca9b1680053"},'"multiple"')," will hide the tab navigation and display the single tab's content directly."),this.extraTab1&&o("smoothly-tab",{key:"d52047652788873a578d9f071e07e7a0ade65ea9",label:"Extra tab"},"When there are more then one tab, the tab navigation will show.")),o("div",{key:"4ce9bdf4953f65e8296e45fc63ea4eef285010bd"},o("smoothly-button",{key:"68c65012a5382c124b140c26442bbbf00e09b94c",color:"primary",onClick:()=>this.extraTab2=!this.extraTab2},this.extraTab2?"Remove":"Add"," tab")),o("smoothly-tabs",{key:"7afa233b048274a8966859485ebbe28c76e6b87b"},o("smoothly-tab",{key:"390d8492e788d1f8748090a43e57b12f0ce88107",label:"Disabled tab",tooltip:"Tooltip for test3",disabled:true},"this is a test message again!"),o("smoothly-tab",{key:"f3e74d731d6b3fcd9d188a5653beaec79fc179ee",label:"test1",tooltip:"Tooltip for test1",open:true},"Hello world!"),o("smoothly-tab",{key:"6de96abf84eb6fb72065cdcc97691257cd0ced76",label:"test2"},"this is a test message!"),this.extraTab2&&o("smoothly-tab",{key:"01fba3e8e1ad1ed22b3458bd5240f4f4192f3145",label:"test-extra"},"this is a test message!")))}};Ai.style=Ri();const $i=()=>`.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 Mi=class{constructor(e){t(this,e)}render(){return o(s,{key:"2ffa9ed25b646e14b48d6da53a3afd3a9f897468"},this.color,["tint","color","shade"].map((t=>o("smoothly-theme-color-variant",{title:`${this.color} ${t}`,color:this.color,variant:t}))))}};Mi.style=$i();const Ei=()=>`.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 Oi=class{constructor(e){t(this,e);this.variant="color"}render(){return"Aa"}};Oi.style=Ei();const Pi=()=>`.sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1rem;column-gap:0.5rem;width:fit-content}`;const Hi=class e{constructor(e){t(this,e)}render(){return["primary","secondary","tertiary","success","warning","danger","light","medium","dark","default"].map((t=>o("smoothly-theme-color",{color:t})))}};Hi.style=Pi();const Fi=()=>`.sc-smoothly-theme-demo-h{max-width:min(calc(100% - 2rem), 56rem);margin:auto;display:flex;flex-direction:column;gap:2em;margin-top:2em}.sc-smoothly-theme-demo-h>smoothly-theme-picker.sc-smoothly-theme-demo{width:20em}.sc-smoothly-theme-demo-h>div.sc-smoothly-theme-demo{display:flex;flex-direction:row;justify-content:space-between;gap:1rem}`;const Ui=class{constructor(e){t(this,e)}render(){return o(s,{key:"259010889b682573bbfb69b7711dcf03f972b06f"},o("h2",{key:"fe4330363bc1b6322e015569a02662077907cca8"},"Theme"),o("smoothly-theme-picker",{key:"6df264adb5b90050418224f373e927dc33373d3f"},o("smoothly-item",{key:"ac79f3b604c3b6bffe8e1cd19e7b24b03960bf14",selected:true,value:"assets/style/smoothly.css"},"Smoothly"),o("smoothly-item",{key:"4ca9bad0897a7a216a56aa0db0004a6e14b6f272",value:"https://app.issuefab.com/assets/style/index.css"},"Issuefab"),o("smoothly-item",{key:"2e71be7455105d37aa039c6347e4aa24dab3c15a",value:"https://app.proquse.com/assets/style/index.css"},"Proquse"),o("smoothly-item",{key:"235223f83245bb7cc3455f2102237a8923c5cf22",value:"https://app.weekmeter.com/assets/style/index.css"},"Weekmeter"),o("smoothly-item",{key:"43153d498cde19b3a97ea93036be8dabb90c86d7",value:"https://test.dash.pax2pay.app/p2pdash.css"},"Pax2Pay Dashboard"),o("smoothly-item",{key:"e5e1e6079b7b20cfe8a62c5572f1fa48c6365a90",value:"https://ui.pax2pay.app/assets/style/pax2pay.css"},"Pax2Pay Portal"),o("smoothly-item",{key:"26b2f21f376a927f788771a32292d3fb13d7380e",value:"https://theme.payfunc.com/intergiro/index.css"},"Intergiro Monitor"),o("smoothly-item",{key:"c36d493ae4ba1b8152c3bb8f41b086b08437f600",value:"https://theme.payfunc.com/light/index.css"},"Payfunc Light"),o("smoothly-item",{key:"1dab38f02ffadd2e2160f99f6209f72e294ac874",value:"https://theme.payfunc.com/dark/index.css"},"Payfunc Dark")),o("div",{key:"f542097bfc16f9214244cfb7bcc1e2a2e31704e8"},o("smoothly-theme-colors",{key:"a363e1e7ba2164cd58bc1fa03d5b9d13c8e81c10"}),o("smoothly-theme-guide",{key:"bedcda407b6d30d538176e1c32112d455feddcfd"})),o("smoothly-button",{key:"aeb9185b1efeb83db2e4359b733c8bad207adb2b",type:"link",link:"/redirect"},"To redirect"),o("smoothly-button",{key:"761c81b4c4724e61a6d7bb96f44ef3d241b86ee1",type:"link",link:"/redirect"},"To /redirect"),o("smoothly-button",{key:"a45adb52d81652f71a997c9f1c81466822e3da4e",type:"link",link:new URL("/redirect",window.location.origin).href},'To new URL("redirect")'),o("smoothly-button",{key:"0ad5ce583e40ea790411d756bcc0d9ebb118452c",type:"link",link:"redirect/nested"},"To redirect nested"))}};Ui.style=Fi();const Ni=()=>`.sc-smoothly-theme-guide-h{max-width:50ch}`;const Yi=class{constructor(e){t(this,e)}render(){return[o("smoothly-display",{key:"9d9ac39e30705ec8aa0175a54771ab32d88f70cb"},"Tint is used as background to highlight, for example hovering an item in the select menu."),o("br",{key:"704a1265d7bb3ec33ab58b3f997df5afdf0707a5"}),o("smoothly-display",{key:"2335c861ac8cb203da8e68ee536565bc2a90174f"},"Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),o("br",{key:"02804573e827624e8eebec30f835679c1ecf2fd3"}),o("smoothly-display",{key:"75dfb78b730a334347ff3b5d305df980fa8f41aa"},"Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),o("br",{key:"988cfafb48a6f100c7eca395e6a4ac5be3e9d329"}),o("smoothly-display",{key:"2bf7c0cdc1be980a3ff5b0e360a8ffbad6553980"},"One can use the ","<smoothly-color>"," component to switch between what color set is used."," "),o("br",{key:"c6dbc6a33cf896d8be26a3c8c08641b9de7ade17"})]}};Yi.style=Ni();const Wi=()=>``;const Bi=class{constructor(e){t(this,e);this.element="smoothly-css"}render(){return o(s,{key:"6b397ed31434037a5f53640cd677e4bf9f680671"},o("smoothly-input-select",{key:"e89de311276c516112329aa634ec4fa372eeeda7",name:"theme",looks:"border",onSmoothlyInput:t=>{const e=document.querySelector(`#${this.element}`);if(e instanceof HTMLLinkElement&&typeof t.detail.theme=="string"){e.href=t.detail.theme}}},o("label",{key:"185ea02a7eeda366e8290a3b2855e287eb62e91d",slot:"label"},"Select theme"),o("slot",{key:"3844628b22bfe87cebc35c2ab396accc02cf48dc"})))}};Bi.style=Wi();const Vi=()=>`.sc-smoothly-toggle-switch-h{display:block}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{width:100%;height:100%;display:flex;align-items:center;padding-inline:0;cursor:pointer;border:none;border-radius:3em;background-color:rgb(var(--smoothly-color))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-color-tint))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{display:flex;justify-content:flex-start;align-items:center;fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast));transition:100ms ease-in-out}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{fill:rgb(var(--smoothly-success-contrast));stroke:rgb(var(--smoothly-success-contrast))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{background-color:rgb(var(--smoothly-success-color))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-success-tint))}[selected].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{transform:translateX(100%)}[size=tiny].sc-smoothly-toggle-switch-h{--height:1.25rem}[size=small].sc-smoothly-toggle-switch-h{--height:1.5rem}[size=default].sc-smoothly-toggle-switch-h{--height:2rem}[size=large].sc-smoothly-toggle-switch-h{--height:2.5rem}.sc-smoothly-toggle-switch-h{height:var(--height);width:calc(var(--height) * 2)}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{--smoothly-icon-size:var(--height)}`;const Gi=class{constructor(o){t(this,o);this.smoothlyToggleSwitchChange=e(this,"smoothlyToggleSwitchChange");this.checkmark=true;this.selected=false;this.disabled=false;this.size="default";this.color="medium";this.fill="clear"}handleClick(){this.selected=!this.selected;this.smoothlyToggleSwitchChange.emit(this.selected)}render(){return o(s,{key:"8fe4ea1f46f6c01c92b57819809602946c96c06f"},o("button",{key:"d9bfcb5daac769bbd7ef5aaa7839737e4711d76a",type:"button",disabled:this.disabled,onClick:()=>this.handleClick()},o("smoothly-icon",{key:"270b37fed4a32ba6ce9226af559a6aaa23aae7de",color:this.color,name:!this.checkmark?"ellipse":this.selected?"checkmark-circle":"close-circle",fill:"clear",class:{selected:this.selected}})))}};Gi.style=Vi();const Ki=()=>`.sc-smoothly-toggle-switch-demo-h>div.sc-smoothly-toggle-switch-demo{display:grid;grid-template-columns:repeat(5, max-content);gap:1em}.sc-smoothly-toggle-switch-demo-h>div.sc-smoothly-toggle-switch-demo>span.sc-smoothly-toggle-switch-demo>p.sc-smoothly-toggle-switch-demo{margin:0}`;const qi=class{constructor(e){t(this,e)}render(){return o(s,{key:"427648c217c445ff9bfcbc15897305cd8cc7a1fb"},o("h4",{key:"de6459b36d5a11ca5ef125e7be6fd47b6a7eb938"},"Toggle switches"),o("div",{key:"544de9cabe5fa1da5a303b3ac4cb21f46d4e773a"},o("p",{key:"3e464b80ef1bd8fe1ab43b29a1dffd8fb328df7d"},"Checkmark"),o("span",{key:"3439d69cae6f0d7e5a6df6132050abe5c344b187"},o("p",{key:"fc9499fddd3bc798c7c52b614cec7bcb6bf52b65"},"Tiny"),o("smoothly-toggle-switch",{key:"34bdc859582b47fbbb74341becc0e6087072eba5",disabled:false,size:"tiny"})),o("span",{key:"a58d98e68a782423c12f4b8df8e80857e03dc139"},o("p",{key:"9034c32dc86c0efdf5a8ab6fff641c09ad43a1a4"},"Small"),o("smoothly-toggle-switch",{key:"db605c265143f36a67891e7ed45351e36621df13",disabled:false,size:"small"})),o("span",{key:"bebf928abd8c347d8022255de8e889dc85c09c77"},o("p",{key:"e860772082f263847681a239953580e86e29c399"},"Standard"),o("smoothly-toggle-switch",{key:"79f4366d8b1862858afb468219c75ecb7018789c",disabled:false})),o("span",{key:"f4ad70d60ecc85f2814d3e87dfdc7a236e7fef13"},o("p",{key:"fb93088b1c7482580821322ee74aaf6e9d3cf87e"},"Large"),o("smoothly-toggle-switch",{key:"694db2c0cfc2fc9fa5ab37934891c3df9a7cbcff",disabled:false,size:"large"})),o("p",{key:"367eeb72e8cdd2c16e456e425c152e8a68976e06"},"Colors checkmark"),o("span",{key:"9aea20656b1cb4223c036b138790c0fa46182bcd"},o("p",{key:"861904268f1d9f131fc12de30419576dd4e03ca4"},"Danger"),o("smoothly-toggle-switch",{key:"f3e7eb843fa01e958c29dcb055bf121fae011348",color:"danger",disabled:false,size:"small"})),o("span",{key:"ad94d89305156111da3908a7f4b07dd157e0fcd5"},o("p",{key:"7c23b1a9151d430b267b66f21430da94b8492acd"},"Primary color"),o("smoothly-toggle-switch",{key:"50fd4aaa9762a92c9b2f2607d61ed30c8350ce1e",color:"primary",disabled:false,size:"small"})),o("span",{key:"8a8fa2fdf036938a89b0cee770199aadae78b6b0"},o("p",{key:"581928f8b5a88a15ad840b1ed0c43487cbb58465"},"Secondary color"),o("smoothly-toggle-switch",{key:"833d19dfc2a929777ec935e69314588883bf153e",color:"secondary",disabled:false,size:"small"})),o("p",{key:"b36bd1756c7911a71c17b48857c89e41efd497ef"}),o("p",{key:"911b6241ac22a6b6987014b86afa7bae155bad70"},"Colors no checkmark"),o("span",{key:"6136db79afe7390f27a70286b2b7af2c85f360bb"},o("p",{key:"bc5fb4108a80a40d247464b44131eba9dd7613cb"},"Danger"),o("smoothly-toggle-switch",{key:"ab1d1ac99e8871dbfe8bffe0d71f1ab3b3542f5a",checkmark:false,color:"danger",disabled:false,size:"small"})),o("span",{key:"2876aa64a40c492e295f7e24d5812ea8d790c405"},o("p",{key:"fd59cd462154da9215c9aa80b026319baa021582"},"Primary color"),o("smoothly-toggle-switch",{key:"50cc57021cc9aaddaf0d1053ce1e9c73ed02813d",checkmark:false,color:"primary",disabled:false,size:"small"})),o("span",{key:"1608427985a0e07188d5566c7f3709a347864b9a"},o("p",{key:"23050dbf5fb9e8cc76120818921a3fbbfef4d21d"},"Secondary color"),o("smoothly-toggle-switch",{key:"5c8152a8d52d9fd778aea9f84f3b36b49acf9869",checkmark:false,color:"secondary",disabled:false,size:"small"}))))}};qi.style=Ki();const Zi=()=>`.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 Ji=class{constructor(o){t(this,o);this.trigger=e(this,"trigger");this.disabled=false;this.type="button"}onClick(t){this.trigger.emit({name:this.name,value:this.value});t.stopPropagation();t.preventDefault()}render(){let t;switch(this.type){case"link":t=this.disabled?o("slot",null):o("a",{onClick:t=>this.onClick(t)},o("slot",null));break;case"button":t=o("button",{key:"a8277d3521475192961463b4867553aacea5f8e3",disabled:this.disabled,name:this.name},o("slot",{key:"6998482165ff6a73d87eb079235f88741353a1ce"}));break}return t}};Ji.style=Zi();export{j as smoothly_app,L as smoothly_app_demo,Dt as smoothly_app_room,Lt as smoothly_back_to_top,Rt as smoothly_burger,$t as smoothly_button,Et as smoothly_button_confirm,Pt as smoothly_button_demo,Ft as smoothly_button_demo_standard,Vt as smoothly_calendar,Zt as smoothly_date_text,Xt as smoothly_dialog,te as smoothly_dialog_demo,Be as smoothly_display,Ve as smoothly_display_demo,Ke as smoothly_display_demo_json,Xe as smoothly_display_json,to as smoothly_display_json_object,oo as smoothly_display_json_primitive,ao as smoothly_display_json_record_key,os as smoothly_form,as as smoothly_form_demo,is as smoothly_form_demo_all,ls as smoothly_form_demo_card,ns as smoothly_form_demo_controlled,cs as smoothly_form_demo_date,ds as smoothly_form_demo_date_range,ms as smoothly_form_demo_login,bs as smoothly_form_demo_pet,us as smoothly_form_demo_prices,gs as smoothly_form_demo_schedule,ks as smoothly_form_demo_transparent,xs as smoothly_form_demo_typed,Ss as smoothly_frame,Is as smoothly_icon,Ds as smoothly_icon_demo,$s as smoothly_input,Es as smoothly_input_checkbox,Ps as smoothly_input_clear,Fs as smoothly_input_color,Us as smoothly_input_color_demo,Ys as smoothly_input_date,Bs as smoothly_input_date_demo,Gs as smoothly_input_date_range,qs as smoothly_input_date_time,Js as smoothly_input_demo,Qs as smoothly_input_demo_radio,ea as smoothly_input_demo_standard,sa as smoothly_input_demo_user_input,ia as smoothly_input_edit,na as smoothly_input_file,ca as smoothly_input_month,da as smoothly_input_price_demo,ya as smoothly_input_radio,ua as smoothly_input_radio_item,fa as smoothly_input_range,ga as smoothly_input_range_demo,va as smoothly_input_reset,Ia as smoothly_input_select,Da as smoothly_input_submit,La as smoothly_item,Ra as smoothly_label,$a as smoothly_lazy,Ma as smoothly_load_more,Oa as smoothly_modal,Ha as smoothly_notification,Ua as smoothly_notifier,Ya as smoothly_spinner,Ba as smoothly_summary,Ga as smoothly_tab,qa as smoothly_table,Ja as smoothly_table_body,Qa as smoothly_table_cell,ei as smoothly_table_demo,si as smoothly_table_demo_colspan,ii as smoothly_table_demo_filler_row,ni as smoothly_table_demo_group,hi as smoothly_table_demo_nested_no_cell,mi as smoothly_table_demo_nested_no_cell_inner,bi as smoothly_table_demo_simple,fi as smoothly_table_expandable_cell,ki as smoothly_table_expandable_row,wi as smoothly_table_filler_row,Ci as smoothly_table_foot,zi as smoothly_table_head,Ti as smoothly_table_row,ji as smoothly_table_row_group,_i as smoothly_tabs,Ai as smoothly_tabs_demo,Mi as smoothly_theme_color,Oi as smoothly_theme_color_variant,Hi as smoothly_theme_colors,Ui as smoothly_theme_demo,Yi as smoothly_theme_guide,Bi as smoothly_theme_picker,Gi as smoothly_toggle_switch,qi as smoothly_toggle_switch_demo,Ji as smoothly_trigger};
+//# sourceMappingURL=p-e7c5888e.entry.js.map