smoothly 1.110.0 → 1.112.0

package/dist/smoothly/p-0a7de225.entry.js

@@ -1,2 +0,0 @@
-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 E=".*";function M(t,e){return/^[\x00-\x7F]*$/.test(t)}function $(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=$(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=E}else{h=o}let d=2;if(h===s){d=1;h=""}else if(h===E){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=E;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=$(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 Et=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"})))}};Et.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 $t=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"})))}};$t.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:"5a1a4cfeb67c96be31473ab847d84c93ff2b5459",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 Ee=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 Ee(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 $e=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 $e));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 Eo=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 $o,Oo,Po;class Ho{get json(){if(!Eo(this,$o,"f"))Mo(this,$o,new Ro(this.backend,this.isOpen),"f");return Eo(this,$o,"f")}get string(){if(!Eo(this,Oo,"f"))Mo(this,Oo,new Ao(this.backend,this.isOpen),"f");return Eo(this,Oo,"f")}get arrayBuffer(){if(!Eo(this,Po,"f"))Mo(this,Po,new _o(this.backend,this.isOpen),"f");return Eo(this,Po,"f")}constructor(t,e){this.backend=t;this.isOpen=e;$o.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)}}$o=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:"18c352e6e8cbf5c6207f06724fc4f150c3f35c62"},o("h2",{key:"ffa9a93a76b1e55ff2a02520271d00018f21c8ef"},"Filter and Variants"),o("smoothly-form",{key:"baa8442f242902404ad315ebc4898c03ce305e84",onSmoothlyFormInput:t=>this.display=t.detail},o("smoothly-input",{key:"faa53d6709688e9bddfab452fc87f4747673c93f",name:"filter"},"Filter"),o("smoothly-input-select",{key:"d48cbfae334db2bc93781ccfe7707a7158a64d64",name:"variant"},o("span",{key:"e6599d7081c25eddb56c0e507610a933540fee2a",slot:"label"},"Variant"),o("smoothly-item",{key:"79caa2a8f42d9ec8fa99aab43f4e94086a9ca0a9",value:"outline"},"outline"),o("smoothly-item",{key:"e31fe80073050b010f809d9b0cb24ace35b23f06",value:"sharp"},"sharp"),o("smoothly-input-clear",{key:"e25bedaf8423625fc2519a9f58071678609efd2c",slot:"end"}))),o("h2",{key:"512c66c201567f14abc10e60ee9fc50950792dd7"},"Props"),o("smoothly-form",{key:"46b821b5871a14d2075a38893d7c072f1ddba8be",onSmoothlyFormInput:t=>this.props=t.detail},o("smoothly-input-select",{key:"1b14ebb3490198a4ebcb11a05a543853f48acae2",name:"color"},o("span",{key:"887bba78b3f7ac5ac31d752be0fc8d64bdccbd31",slot:"label"},"Color"),r.values.map((t=>o("smoothly-item",{value:t,color:t},t))),o("smoothly-input-clear",{key:"ec1a9f35b7d2efe688a42ac17a745af586ba65d5",slot:"end"})),o("smoothly-input-select",{key:"8eeb32f412b3eb98069382b1fc8146275152de4e",name:"fill"},o("span",{key:"b5095c6c37feffc383e411704a35c92d7f1f16d0",slot:"label"},"Fill"),c.values.map((t=>o("smoothly-item",{value:t},t))),o("smoothly-input-clear",{key:"c4c9096e4d4f6a0e768a26cd6e291abd03ce8a1d",slot:"end"})),o("smoothly-input-select",{key:"82f39197d5b222078feb0db6c1caaea43cc2ff4c",name:"flip"},o("span",{key:"28941724eba176612385fd568ae1ac2f70700668",slot:"label"},"Flip"),o("smoothly-item",{key:"eb246197acd42723a1024dee8abe0345603272e7",value:"x"},"x"),o("smoothly-item",{key:"342b97c622d716038f19317684576914257acdb1",value:"y"},"y"),o("smoothly-input-clear",{key:"21569726b10d6999b787042f7f2e533096d1e759",slot:"end"})),o("smoothly-input-select",{key:"e8cda7e1e14dcc593abb997e2d1f77caae71ba56",name:"size"},o("span",{key:"0311005eab874402134fa180e8c62829b6d444d0",slot:"label"},"Size"),o("smoothly-item",{key:"c4a818d1eed298db112640f1d356a1c277834c0f",value:"tiny"},"tiny"),o("smoothly-item",{key:"a2d5122deb9c8a51fe10796f19c9a16e22453c15",value:"small"},"small"),o("smoothly-item",{key:"6245959982688e42a7a33a8931c7e3255cc743c2",value:"medium"},"medium"),o("smoothly-item",{key:"d9127f7de89eed1680fe5a917b18abbf6933871b",value:"large"},"large"),o("smoothly-item",{key:"81058c44cc17c319447addd523ccacd72ef9137c",value:"xlarge"},"xlarge"),o("smoothly-input-clear",{key:"9ac0d568820db33f77d5162b77eb9787fd8ec9ba",slot:"end"})),o("smoothly-input-range",{key:"aa25c23d3f494139787b7465c5fe9d525092e0b0",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",o("smoothly-input-clear",{key:"1947c759df77c69e1b74ba559357112ba7cf1390",slot:"end"}))),o("h1",{key:"d893bf2235db23ef7a0b2199e1b5406660823200"},"Icons"),o("div",{key:"26d05332b66cb566bc0a0d93fc997d8bdebb6563",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,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 Es=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:"70b8f1998872650f29f9868082b967534f236f07",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:"ea9697662701929b3f97f939bcedf52264e499fa",name:"start"}),o("div",{key:"8438ab65ede2df7cecae8e333877f358a09dc8ba",class:"smoothly-input-container"},o("div",{key:"498c91553b4672a7439e87ebe01b91fd78e38097",class:"guide"},o("div",{key:"a46dd14b4c9dba32d59a5d24067b10d0c89dc577",class:"value"},(a=this.state)===null||a===void 0?void 0:a.value),o("div",{key:"9463bd116c7aa48d36a5f2109cd31fc2968922d2",class:"remainder"},(i=this.state)===null||i===void 0?void 0:i.remainder)),o("input",{key:"c82970753f25895533f6ed5564edf86578c8ad73",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:"963b63416e0c77ebc2cfcbcc088efd4728edcd7f",class:"label float-on-focus",htmlFor:this.name},o("slot",{key:"49c41be3bf0bf77cd130830b8407c01b1143890f"}))),this.copyable&&this.value&&o("span",{key:"3b042352ee3ce520adcdea4c627cddb19dc07d37",class:"copyable"},o("small",{key:"30e1d95db69cceeef2bcd3a6baccbdd9f64dd57d"},this.copied?"Copied!":"Copy"),o("smoothly-icon",{key:"7de8ce70f20a982f93ad1e33bb15f6d53854344e",name:"copy-outline",size:"small",onClick:()=>this.copyText(this.value),onMouseLeave:()=>this.copied=false})),o("smoothly-icon",{key:"9f571de472ee768ad5e6c975378306515f1d252d",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"75bf79f1aca5b93e984d6f731c0f28a768b6c537",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}]}}};Es.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 $s=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:"d3c69edab659c924b8bcdc9bd7f2c8f3bf3b6b6d"},o("input",{key:"a6ce7d4cc668104d71171e717efe6cbf24227d43",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:"1469bffde30e54f10340e7a6c4a22dac6d6b3755",name:"checkmark-sharp",size:"tiny"}),o("label",{key:"768ef233b6b58a99328caaeae28a30a3f0ee3c7e",htmlFor:this.id},o("slot",{key:"8d6cd0ff949cd3b444dad658a3ebe4a6c974ca42"})),o("span",{key:"e87b01790eb36fafdb0ef8ad4ef4cfefbc32bbde",class:"smoothly-checkbox-end-slot"},o("slot",{key:"3287f4a21799575093d3116708912944fb475576",name:"end"})))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}}};$s.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.disabled=false;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.disabled=t.readonly||Object.values(t.value).filter((t=>t)).length<1;this.display=!t.readonly}}))}}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.clear()}render(){var t;return o(s,{key:"660f4822b0bbd4a73a5b2db9eda230fb54f86581",title:this.tooltip},o("smoothly-button",{key:"04e1befe3503073f4afbc6be33ea2d0b7c7149d7",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:"c3e17aa940535baa194883e7e669e9da61bd1ded"}),o("smoothly-icon",{key:"64a216ff1d5c24d4603e3e810a9f978fcf2914a6",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:"c7ba977a7c84843fddd8c73600a8df00972e8917",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:"8d0493b28e48893024490160374153ad3e499ea4",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:"539224411d36af207f33f96d7da2b504f9eeaac4"})),o("div",{key:"1b84a1ff22dee501938548d73add98faffc4937f",class:"color-sample"}),o("smoothly-icon",{key:"cf4b1cce4a53443502a469a7804140855138a619",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),o("div",{key:"07c94343fd9ec8b583cf394e970b9b3ada13ee52"},o("slot",{key:"b9de4cc751ac02caf0c3a69f1f19453ed6ec0fac",name:"end"})),this.open&&!this.readonly&&!this.disabled&&o("div",{key:"805a0527d0fced3f71a7f132839122546760a889",class:"rgb-sliders"},o("smoothly-toggle-switch",{key:"5422c50441feafc90c407eed1773e96c6774c0eb",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:"f984ceaff90804fca1e618768ebadbd329c6b2e1"},o("h2",{key:"00d7865260450e2575681ca1650bab25b4d52508"},"Color"),o("smoothly-input-color",{key:"67d034749c8c4725dfc05e30a035755da7aa53f4",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:"daf9c45dec7dd26de2d6e0a6c4be1edb164c550a",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:"7e4ded7f49badad87d40e7c72feea1f97c1b3696",name:"start"}),o("label",{key:"adb59c083e4c8f8eff91c5ec551b80a8a8c6021c",class:"label float-on-focus"},o("slot",{key:"5eb72d0fad4a9434e04ca26990f5814c3968816e"})),this.placeholder&&o("span",{key:"2db6ea8a6aa504a88f0df85cb51d3b35f169f7e0",class:"smoothly-date-placeholder"},this.placeholder),o("smoothly-date-text",{key:"579177b155b1ec9057ba5ef0caf6b200255739a8",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:"7793ab23717002dc3b48c395339ba1a52e4ff29b",class:"smoothly-icons",ref:t=>this.iconsElement=t},o("smoothly-icon",{key:"22fe16cd88fd192c18c03ecc6c7e7f68cd46f1dd",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"abdbafc201ee41a8bf6fd7814ffeb307dcd84c76",name:"end"})),this.open&&!this.readonly&&o("smoothly-calendar",{key:"1dfeaaa136dae6ae0665e1c98183d5995d14e546",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:"93bbc2286b76543c4412969f69aeec2713f60a3c",slot:"year-label"},o("slot",{key:"bcba612d6b9803c4cba33775c6a8f12e6dc69cd2",name:"year-label"})),o("div",{key:"83a50201b1f1700910012bf9476f3ca02f3a1f49",slot:"month-label"},o("slot",{key:"92b1ee4b0d5bb6e0a36857063e9657b649d8a901",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:"e33d9339ee4a2275ec14772535775d9dd9bf5f1f"},o("div",{key:"f10e1c4e913fd6dd05cd04030d3bd845fda0d263"},o("h2",{key:"ca6f4b48417c3d0b07f79194512e0f7648ab8939"},"Date input"),o("p",{key:"6c635b4fcd3276080055d2a12f4e70e609d30af4"},"Different locales formatting the same date"),o("smoothly-button",{key:"2b62d912d00ce8b225b085e5554b181f0a970bc5",color:"primary",onClick:()=>this.date=this.date?C.Date.next(this.date):C.Date.now()},"Set date"),o("smoothly-input-checkbox",{key:"fbf65e6cb24cdac58990b043c1879c7f192e25b5",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:"d51c1a9eb67ac79c9f2197a1e33226a9b2548967",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:"e401f255c513c13acb60b56c3c5a5f4a0379e8b5",class:"smoothly-date-range-input-part",onClick:t=>this.onClick(t)},o("slot",{key:"5ecf9d540aebf83d21b58713d509a64755b1bdf7",name:"start"}),o("label",{key:"04fe956539cc96ad23058cf629785d0a39345652",class:"label float-on-focus"},o("slot",{key:"852ab71bfc5c592ecdfa6eeba18e2a49ae3db91b"})),this.placeholder&&o("span",{key:"1805d99e668be475cc77a724cd6da0b9f27bdc65",class:"smoothly-date-range-placeholder"},this.placeholder),o("smoothly-date-text",{key:"65e91796cba51d73162c032ec14d002be778ac11",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:"3808540c3549d2c2806877f19e59a1d1a73e2cde",class:"smoothly-date-range-separator"}," – "),o("smoothly-date-text",{key:"9a880b0c1d61415c832b33dd52374da6e73206bf",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:"905c40c0e4493dcbf7f19b2b45dad7d3117d5c5e",class:"smoothly-icons"},o("smoothly-icon",{key:"cb3e61522d812b6756aa65873740753399cb9256",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"b2d0ed8714484497ba6c69e3b6617db20c720819",name:"end"})),this.open&&o("smoothly-calendar",{key:"4b62dde1ca06fca127562712a14a287861ca31f9",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:"e3026057b92f6fcf94e0abc163d179557991a56d"},o("smoothly-input",{key:"899dce367576b7d7c9b71c98753579a08b85e4f2",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:"8f35a2a863b7b7cf177f0ac69534f7ce77fe1f2c"})),o("smoothly-input",{key:"2eda68cc37c950ca7318d2f82989402890420b3b",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:"adadacca4988e986f1aa32c32f43c9e528b01c3c",class:"colon"},":"),o("smoothly-input",{key:"9dad75b858470dd4ba808aa89062eed852190cf9",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:"71b671253a0616cc4858b3a6ee5e3466442491dd",class:"icons"},o("smoothly-icon",{key:"42087cb059d241c89ba24bacf3515a3a02641ccf",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"333c5b5cd559d2d1dd492e23cf68ace9bb77821a",name:"end"})),this.open&&!this.readonly&&o("smoothly-calendar",{key:"f51dffb8bfe1e12d9cbc020d5129a0fd27c170e0",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:"e2cdfa2540db761e6cba45ea4526cd3b8678d5ec",slot:"year-label"},o("slot",{key:"96fb5e705509cb97721f48066cbcceee91e4477d",name:"year-label"})),o("div",{key:"134921d0e28c76ba346231073135fab12acdfb17",slot:"month-label"},o("slot",{key:"73aedfafe560f577e97f16730c0b295eeb8f172e",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:"77487e04cd393519b5080f752b3cba328ae8bbd3"},o("smoothly-input-demo-standard",{key:"f9de577b637efcaffe3a92dc55bff25520e0384f"}),o("smoothly-input-date-demo",{key:"cdb1c974c8cb5844cf800f8fc52c407479db307e"}),o("smoothly-input-demo-user-input",{key:"38bb2d03ef20e3e8e5737e423f4f54c9fad4f973"}),o("smoothly-input-demo-radio",{key:"999e3b97199fbcb547e83c589c1447e726f4754a"}),o("div",{key:"ee8094197dd274791200a010baedd05db71b888a",class:"inputs"},o("h2",{key:"5b65b420015ad7bb32ef059f6aee019400cdc6b3"},"Calendar"),o("smoothly-input-date",{key:"375cad6d89a6f80cbe8e67cbeb1759e0cb28ab11",name:"some-date"},"Calendar"),o("smoothly-input-date-time",{key:"797e6d6ccbbba14258926f21f202eacad2b85d76",name:"someDateTime",value:C.DateTime.now()},"DateTime"),o("h2",{key:"a49689e5821a93c721be25c6faa570f05402582b"},"Date Range"),o("smoothly-input-date-range",{key:"ab71a879e70b97431da2f0beacf54dc093ca0a7a",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:"703952d0ba703d6a8cc26b4bef028d7a48c8c4f6",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:"5bd07b3504d054442cefb2ba9db61c4d83ed39c9",slot:"end",size:"icon"})),o("smoothly-input-date-range",{key:"39c7ae936d2a952626f20dcc19ae0a52885db2f5",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:"ef4179eba332c4aefcccec094f4cd75e0a724b3d",slot:"end",size:"icon"})),o("h2",{key:"8b97455a27099963ab131055f4d43f0e050f4cc7"},"Date"),o("smoothly-input-date",{key:"c167353ed6a2b37488e709929e8dd7691ff3b0b7"},"Date"),o("smoothly-input-date",{key:"f0cfeb105e03c511c2b2c4daa5cd618fb1bcbfb4",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),o("smoothly-input-date",{key:"771efe6acb85206eb87024409a78ed52d3907af0",value:"2021-10-28"},"Date",o("smoothly-input-reset",{key:"8e009b6d59da638ada992b07ddb2c2d1c071be55",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"936b5cdea71f19463922d25d2ed9468df89586ce",value:"2021-10-28"},"Date",o("smoothly-input-clear",{key:"ad177348cf1f5353d3a2b7c7317fbd71c3614f61",slot:"end",size:"icon"})),o("h2",{key:"475ca58552f978b55eba5222267d18a0d78938c5"},"Select"),o("div",{key:"7eae0b4cee9e74e38e9e726934101066f870aeec",class:"select-div"},o("smoothly-input-select",{key:"16d9addd365f75e1ff255d9cd94bb90b20901fd3",name:"select-dessert",looks:"border"},o("label",{key:"7e7550a94183d31ae99bc7dd85eda059c755e3d0",slot:"label"},"Select with clear button"),o("smoothly-item",{key:"62b741c6154152014d1206fd2481984aa3097d8f",value:"1"},"Ice cream"),o("smoothly-item",{key:"b45f30884b44e05528555295bd11b4e01fc5d3a4",value:"2"},"Sponge cake"),o("smoothly-item",{key:"7b2c3712a21be6943acf8eb1557ddd9fa101320c",value:"3",disabled:true},"Disabled Item"),o("smoothly-item",{key:"47bbd5ccbaaa9977688f2db60e3b01ee44c37806",value:"4"},"Cookie"),o("smoothly-item",{key:"0965a9480aa7dfad59a07bc19d49ccf6a5a7d52d",value:"5"},"Croissant"),o("smoothly-item",{key:"8298f1a72b728eeb490ba52d31f34e4a5d667da5",value:"6"},"Chocolate fondue"),o("smoothly-input-clear",{key:"6a5b85b80fd07f85f8d7ca7704e3a80174bd6e6e",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"e5bc84b980a2bd6cca07a580f15817c3b7dc988b",multiple:true,name:"select-dessert-multiple",looks:"border"},o("label",{key:"f73a74a039e1b892a444591ba6c86ab184dbcbbb",slot:"label"},"Select multiple with reset button"),o("smoothly-item",{key:"a863ec926936998f9bbf571b0250ed0f6d0d0a9c",value:"ice cream"},"Ice cream"),o("smoothly-item",{key:"7dc67e9285547dda4daad5136837e80450ac13ea",value:"sponge cake"},"Sponge cake"),o("smoothly-item",{key:"55dd30ea0dabd3481795c13c350ee7052207aad6",selected:true,value:"cookie"},"Cookie"),o("smoothly-item",{key:"213ff1fbc6a5c445bbbce07140dbd18ee162cb89",value:"croissant"},"Croissant"),o("smoothly-item",{key:"abc065dab103fdaeb511f56c8db239b82cc48577",selected:true,value:"chocolate fondue"},"Chocolate fondue"),o("smoothly-input-reset",{key:"48922c5a07288a94407c4dc1f55305f567d45893",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"3ebed3f650a369cfbd7850584efd9bcf79c6f846",name:"spirit-animals",looks:"border",mutable:true},o("label",{key:"73f73f2bce086f81b7fcb46f4808bd5732783aef",slot:"label"},"Select or add new options"),o("smoothly-item",{key:"beb4a3b4c715c8b1f2bb5b765fb742da64363cb7",value:"manatee"},"Manatee"),o("smoothly-item",{key:"f5c8c7fccb97ac840b42220f8380035a7ac7088f",selected:true,value:"cthulu"},"Cthulu")),o("smoothly-input-select",{key:"5163d4d246184319955f0c1cc756f9cee765847b",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"2c7ab7ef09f08930f072f5e2e51677951c84ea50",value:"folder",selected:true},o("smoothly-icon",{key:"86f4ed31d2e4ff382aece3cedf8f0d0265454b8a",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"afc8fbf7dba66206051d2ae4d7df8b16a0c3b2cf",value:"camera"},o("smoothly-icon",{key:"a9a115b3a8038393e75e72ef38742f3bb1b60339",size:"small",name:"camera-outline"}))),o("smoothly-input-select",{key:"d7aac15a3ff5c7271fd22cab0621aa6d4f69cb99",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"db0eba7390d2b64d810f07898b7b646f0d6a360d",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:"c61728d55e5e96dc81d5df36c4fa38ed802f8b00",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"5768a186da1bf2fa4fbc80fb91478af031981694",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"950676b7ffb90bc765f2a0c24cb40c631f64add8",value:"1"},"January"),o("smoothly-item",{key:"57e77e1ca64869441e44e0c753a0c132e6c8a152",value:"2"},"February"),o("smoothly-item",{key:"2ee03ce05d5dfa6ec01fc3cde97051a10d2215d9",value:"3"},"March"),o("smoothly-item",{key:"9c9dfdf2dd5ebdfffdc92732b7dff4b770632775",value:"4"},"April"),o("smoothly-item",{key:"35a1ce3376a84c830c00fba8080c093ef6f4830a",value:"5"},"May"),o("smoothly-item",{key:"cbf4b76e9f8324b29626555ec612f5ee5da8d47b",value:"6"},"June"),o("smoothly-item",{key:"6f7bc0aaeb4ff6e5d0427ab5226924b625086419",value:"7"},"July"),o("smoothly-item",{key:"72d72d65b42e1250b527023364c2bb0c79178a37",value:"8"},"August"),o("smoothly-item",{key:"5d6f57f7ca75f90c30aef101bbbdbb9a26aafb69",value:"9"},"September"),o("smoothly-item",{key:"08d57569eab4d0948f87eaeb8d5e1b936ee17839",value:"10"},"October"),o("smoothly-item",{key:"99e91533b340a40db158f87ed28fb371ebd8eb08",value:"11"},"November"),o("smoothly-item",{key:"4fd40ffef20baed8a6f5ca58768c78693b3a45a4",value:"12"},"December")),o("div",{key:"e1c03afba7cd1421976e4a4c59beac860dedf723",class:"select-div-row"},o("smoothly-input-select",{key:"4067c5e666655fe1b474a73a58241373c826ab03",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"0589c79c7fa7cf31dbad4ab0e8be68523e684299",value:"folder",selected:true},o("smoothly-icon",{key:"56813db2ee593db9227920662d646f7493e0515a",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"3937b7ebb395698a854b2eeb9aeed188fe8fd78d",value:"camera"},o("smoothly-icon",{key:"ce39494e071c12c23a475c31eb448512d2fa0f25",size:"small",name:"camera-outline"})),o("smoothly-item",{key:"9a65176e01981ccfd312fd4d3d4b255760891699",value:"boat"},o("smoothly-icon",{key:"e9e97ae824d225a6dc33fa997b5e46a8bc3c2812",size:"small",name:"boat-outline"}))),o("smoothly-input-select",{key:"1f21eb6eded9dffd449157755bad1b84f7a52981",name:"select-number",clearable:false},this.numbers.map((t=>o("smoothly-item",{value:"number",selected:t===3},t)))),o("smoothly-input",{key:"f4afcff411357a29b89fe0a52239ba7c677cb490",name:"name",value:"Sten Qvist"},"Name"))),o("h2",{key:"9883744d26d1eec36ed1082407e3656d4ea0d1f7"},"Duration"),o("smoothly-input",{key:"fa507aaa61557ca41837cf906a78fef5d16affc0",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:t=>this.duration=t.detail.duration},"Duration"),o("smoothly-input",{key:"f5c027a3ed22026819a2e88ddc5300afe7b8c900",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:t=>{const e=t.detail.duration;this.duration=e}},"Duration"),o("h2",{key:"f178f51facdeb434a16ecc35c0820ee5035f7d6c"},"Integer with Min/Max"),o("smoothly-input",{key:"acc0577e2f0679be92ef3ba362210cd1953a73ff",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),o("smoothly-input",{key:"9a24258cbec32021cf1ec3506f7b4cadf2f459e5",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),o("smoothly-input",{key:"95a122168d96126ef14f48810daf29867fba07b4",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),o("smoothly-input",{key:"9631a9f894bbefd71bb298683f3333c4357db73b",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),o("h2",{key:"c6f4545ede80c54a354bc0f01be6072b19ea2bb1"},"Invalid text with warning icon and tooltip"),o("smoothly-input",{key:"ae5cf8e08b0887db2752d0bf39a4c5a14cb1027c",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:"22724babf43bccb1d64e21646130dd8f58c9505c"},"Identifiers"),o("smoothly-input",{key:"c5a7f350b414fd154ab54c889aeab223cbe23d16",type:"identifier-code"},"Code"),o("smoothly-input",{key:"de0f4aaf40eca11ccb24293c3976ade34f91aaa5",type:"identifier-attribute"},"Attribute"),o("smoothly-input",{key:"fda65727abf9aa451b8b7f755f7bb92fa43afb93",type:"identifier-snake"},"Snake"),o("smoothly-input",{key:"11de906823b2e325f3f9548b019aa8234722656a",type:"identifier-pascal"},"Pascal"),o("smoothly-input",{key:"ba3477e4964b1336e6198db348640d7144fbd06c",type:"identifier-camel"},"Camel"),o("h2",{key:"059c263a0ec79a3986d4e57337a2949c755feb70"},"Input Alternatives"),o("smoothly-input",{key:"8fbe4f80ac2d1d4bd1093a2b60103e248e4169f8",type:"text",name:"name.last"},o("smoothly-icon",{key:"cd0f121fd2ff7bbc8cdc9cfa9cf730cef08e8f11",name:"checkmark-circle",slot:"start"}),"First Name"),o("smoothly-input",{key:"adf350f5ec052599e95fbf6dcc7c16fa64bcc277",type:"text",name:"name.first"},"Last Name",o("smoothly-icon",{key:"4d0ca4a746cce893302008a8b66f07df9a96604c",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"cfb36cd378ca610efbb3d6252e70391985f9b00f",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",o("smoothly-icon",{key:"9fbb53db768468228c7716881cc996d20b77fba3",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"1383590d66cba4e38a1beb82cfafb551ea1661fd",placeholder:"test"}),o("smoothly-input-submit",{key:"13cc6546a1eb274496d10c27c3c80a2bca7dca66",slot:"submit",fill:"solid",onSubmit:t=>alert(t),color:"success"}),o("h4",{key:"53f6a46a5524668011994c2be07b47ab4d2fb1d0"},"Smoothly checkboxes"),o("div",{key:"cc5f357f8e9b673c95de607251ef97437f0f2afc",class:"checkbox-group"},o("smoothly-input-checkbox",{key:"b12ff9cf6d4c042dfc079dea8ed8f92d95a70c68",disabled:true,name:"first-checkbox"},o("smoothly-icon",{key:"7daedabd25cb229c4512c017efb990cca3a08cc8",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),o("smoothly-input-checkbox",{key:"0836da075b7030bee160bb8931c54092a5b93ef8",name:"second-checkbox",checked:true},o("smoothly-icon",{key:"4d94e2fe73e6580791da9d9a872cd8d4649df36f",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",o("smoothly-input-clear",{key:"117ca8ae52817149a678b4a100a24c3a4829a9b3",size:"icon",slot:"end"})),o("smoothly-input-checkbox",{key:"6e99923c8c082c4727eea3c75b77b23d86eed801",name:"third-checkbox"},"3rd")),o("h4",{key:"3a807db156e197c5192388886889988b874018d8"},"Smoothly Radio Buttons"),o("smoothly-input-radio",{key:"85e1ce54231e39c9f248fe1c7829a2b9cc7775e3",clearable:true,name:"radioFirstInput"},o("smoothly-icon",{key:"72e48b10d12022b72d30591bc74af1c4cb516bf7",name:"checkmark-circle",slot:"start"}),o("label",{key:"5b67d1eaaf73b84abb3a3e26ddd3fe27c9993e23",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"06f796bdde5479565e1ee6258ad73f0b7c4327f5",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"14ab365a1da0fe3b94f1454549e3040df215d9c8",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"ccaf48dc6917aeb500653f637c4b30883814e61a",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"3cc0373ca5e87e2bb0916b2afed9e4cd70515866",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"cdd729d929f57261d1422a45d83f6332912ae399",name:"radioSecondInput"},o("label",{key:"95d8374b3914b2f88605e2e90cb607bb423fed2b",slot:"label"},"Not clearable"),o("smoothly-input-radio-item",{key:"b1cd33f88df8c1161b203675a4e02c8815954f96",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"b797b785615fbfd4b881db249c99c39bf0fa6504",value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"8557067758ca9f7acc6b35db56e9c6aee2c49f43",value:"third"},"Label 3"),o("smoothly-input-radio-item",{key:"bdbbcf1228089b03cae001cdb573b8c7f37f08df",value:"fourth"},"Label 4"),o("smoothly-input-radio-item",{key:"414016c094bc15ceb37955e3adf1dc18db87e45c",value:"fifth"},"Label 5"),o("smoothly-input-radio-item",{key:"ba3a6a393f5f3af34eb12ec5391d0a6a1eb03e04",value:"sixth"},"Label 6")),o("smoothly-input-range-demo",{key:"97406c6ddb794364f4a1b53c5e1ed551ed8a1ad6"}),o("smoothly-input-color-demo",{key:"0676c5e29637f2097dd0fb084d6507ec9c5c218c"}),o("smoothly-input-price-demo",{key:"80c25cdc1a8d1c2d88df5c680527d5638da91d65"}),o("smoothly-back-to-top",{key:"6aad374c875c762e4e4aff5567aae10300fbd7be"})))}};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:"52b576841887c998b76f78e137692aacbac7a2b6"},o("h2",{key:"0c8d936766c24b6948c809e2f6e6468d2aa4420c"},"radio input - column direction"),o("smoothly-input-radio",{key:"3f2d62940acfdf116a84afcdcab390d6cd2dd4b5",name:"radio",direction:"column",onSmoothlyInput:t=>this.selected=t.detail.radio},o("smoothly-input-radio-item",{key:"1bf763d55cb64ef808e4a756c42691b6fe17f5c0",value:"1"},o("span",{key:"885acf73103c0329fdcf008205eb6af697ad3f7d"},"Option 1"),o("span",{key:"8ffd5831c8ad3fd4ecf98c1947a9716eac3f68bd",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:"1d1c4c16d909d34a46c710342c61e47c87a95f70",value:"2",selected:true},o("span",{key:"e82706946e78a02f91075a23546ca74a4a6efcba"},"Option 2"),o("div",{key:"50bf73dc371ba8fa7b6f61dc4647614bc3de92c1",slot:"detail"},o("smoothly-tabs",{key:"af9ceaab9bd3a4beea42abc0d645fb55c8394d06"},o("smoothly-tab",{key:"db10107a17b64bc198da2aeb103baf88b1f52f28",label:"Dog",name:"dog",open:true},"🐕"),o("smoothly-tab",{key:"53da582a28e65a22c419c54203d2362f13d54076",label:"Cat",name:"cat"},"🐈"),o("smoothly-tab",{key:"d142440607e5315288e1600a6538f835ed35837e",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:"0d47a2dd423a8bcdd889139f74ef2ec375d0ea97"},o("div",{key:"a884b4c59f663f8c47aa9e3736e6a82235e9d276",class:"description"},o("h2",{key:"7c0b8da3728fd79d203de1895c6ae146e1eb8aef"},"Input Standard"),o("p",{key:"10fe94edd162dd158388508c2470359447e6da57"},"Height of input should be ",o("code",{key:"dffd62a251af68595f7c5659a2251ada08999b63"},"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:"3f8c09fbdce4b808a430cf7266d40d25a596803d",looks:"grid",onSmoothlyFormInput:t=>this.options=t.detail},o("smoothly-input-select",{key:"563356600a698bf3c974a61b79520aa8f77c249f",name:"color"},o("span",{key:"e12af511b6921b2d9f7d50b45fdbe3d5b34f6817",slot:"label"},"Color"),r.values.map((t=>o("smoothly-item",{value:t},o("span",{color:t},t)))),o("smoothly-input-clear",{key:"23c642ae01bb6d0f7aaf653c027eb255ee38d90a",slot:"end"})),o("smoothly-input-select",{key:"fa106dd22e247954860c217692ca37a24fe4f772",name:"looks"},o("span",{key:"c42065aac1f357b670cf2a99bb8be554fb314cd9",slot:"label"},"Looks"),Qo.values.map((t=>o("smoothly-item",{value:t},t)))),o("smoothly-input-range",{key:"c3b585f898718c9f81ef15c1469eccf08988c00e",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"8fab112575cb1c02c2019022cee83e5e5e65a9c6",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"c34401c8b28faa79a139869c0766e8f8af357ca8",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"672b5bc96fa9e6886c90b5e8354d7dea8c916270",name:"invalid"},"Invalid"),o("smoothly-input",{key:"c395fd3b7ca8d1243cd9e9ea4e006f1fd7ef1a27",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"121d1a50813987b2aeac50afe73e40c6a7c4fb8b",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"265ce4b0e44c8fda1b3188929eb5901e1658bfd5",name:"placeholder"},"Placeholder"),o("smoothly-input-checkbox",{key:"1eafaaaa6696f9f1d696742869d10aba19c2f0c9",name:"alwaysShowGuide"},"Always Show Guide (for date inputs)"))),o("div",{key:"f6a5d34435c177c5dc64c31632dc7a1e65f3e270",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"c4d82ee52f0d44015df7eb734c98aa41f7c92827",class:"width"},"width: 100%"),o("div",{key:"2ae68895caf503ba92049a32d0054439f069123b",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"f5f4ee65ccf3180d2f9181fbc258c79e916e14ee",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:"bf32f13cfbfa88add92692bf9ee02b836eeea2be"},"Text"),o("smoothly-input-clear",{key:"26639066ab906f755f7a42e154b1954f1f34f19d",slot:"end"})),o("div",{key:"de01a46f39aa6f331c5edf54208a6f9f726337e3",class:"height"}),o("smoothly-input-select",{key:"abb4be407f4b7ed51d5f796bdfce3b2b56c468a4",name:"month",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"49f71dbb091094f79927778d18a0a58e70689f42",slot:"label"},"Select"),o("smoothly-item",{key:"4b0e9cb4ce233c50a42fe249a3aef5648dc62558",value:"1"},"January"),o("smoothly-item",{key:"38380b0f13ddeb83e2e19e0ac645dcdbacf6c4df",value:"2"},"February"),o("smoothly-item",{key:"4f65be9a949261542191e3b484ad646e17f04987",value:"3"},"March"),o("smoothly-item",{key:"b6e9be5fbe31a12865717daddcd1a4039c942205",value:"4"},"April"),o("smoothly-item",{key:"6c867101a115315e30bcf525d3fde4a8e49a5719",value:"5"},"May"),o("smoothly-item",{key:"ba4792a24e862aed054b356a444f9b791add16b1",value:"6"},"June"),o("smoothly-item",{key:"9cc3a21ed384c2e2415311770925458dc13ac8d1",value:"7"},"July"),o("smoothly-item",{key:"53cf8809b4dbc8256448b5c08a9d07f274e365a3",value:"8"},"August"),o("smoothly-item",{key:"47a43966214064dab4d321cf9116b5cd87409dd3",value:"9"},"September"),o("smoothly-item",{key:"c71ceab27a3f86a5c2a27dc251b18f119f5ac623",value:"10"},"October"),o("smoothly-item",{key:"7e824138f3b0b28a414465d69bb71c4d6786c3b5",value:"11"},"November"),o("smoothly-item",{key:"e7813efea82efe4cd4a8bfa54a7a55b21f53fa48",value:"12"},"December"),o("smoothly-input-clear",{key:"7072ef8f9ac5b9a3028cbd2962560fc315f3d58b",slot:"end"})),o("div",{key:"3a1c4b4c2834bbb4921e330a77fe477c4741f181",class:"height"}),o("smoothly-input-checkbox",{key:"50499f2f1a4258a56caeb2266da17a9e881c7993",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:"550d44f73f1ae07461d73f66febd5138867e8247",slot:"end"})),o("div",{key:"acb1b0eaab732df76e2c586e8f56ee6c81fbdd87",class:"height"}),o("smoothly-input-radio",{key:"ec7f8b66f806e63a09320e2ebfcda71be001cd3b",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:"00de1fcac1f811970b3f1154d6286dc7bd6036d8",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"35ea9212aa0f8eec4a96dedc406b428f58b848e6",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"db11c348c12a468a854c53c5f5f692ae7dcbaeb1",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"65707145740b173f4379c6bf5706a962a91bb021",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"883be5fef36a7e6fb16c57b30fcad312f1f25a6b",slot:"end"})),o("div",{key:"2cd8b1bb4ac90fd34732d2bfc34116bcc8429045",class:"height"}),o("smoothly-input-file",{key:"87739b41a33b7be135c5b3ed02648e702ac386ca",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:"0d10524c66e0625ec86431a8c19dcedf83f47eac",slot:"label"},"File"),o("smoothly-input-clear",{key:"a95f256a28cf294430040b6c6028921f0c620c8d",slot:"end"})),o("div",{key:"48650848e22a86ca8aa7501e09fbd8c5f0ce83ea",class:"height"}),o("smoothly-input-range",{key:"b1e96735886d8e3e4b451ed17fa11ecada3e2302",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:"ab7f71a498ce9404aacc63f0273bd3b715ddf12c",slot:"end"})),o("div",{key:"0ff2870912f9ae2e2b41ba9d982c906124ef2641",class:"height"}),o("smoothly-input-color",{key:"fa4d779da5bfaea1e9644e721d9f6c4249949407",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:"63674017888873443dc7b744114dae7996e79c52"},"Color"),o("smoothly-input-clear",{key:"6344ad242592e19365961e80cc0814023eaa7dc2",slot:"end"})),o("div",{key:"16e0b71b1b6b1ee68813e3827b96bffe5ec63ef7",class:"height"}),o("smoothly-input-date",{key:"85e2fc24713c7543766e5c88341de28bb235eec9",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:"106776717336dc925ceef2fc726c2acbff48a060"},"Date"),o("smoothly-input-clear",{key:"dd31d582a9da8729177e44f0709e20dd22ad1ceb",slot:"end"})),o("div",{key:"7a3b4c683d4d6ba46a09890c3112126911376100",class:"height"}),o("smoothly-input-date-time",{key:"6826e6fad4f1bcb21a30188e489215a785bf9d92",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:"bfa1fd01c821d467bb322310b56353e8a21b37ed",slot:"end"})),o("div",{key:"a9b5fac536b744270db8ee2c2e29c05f011a522a",class:"height"}),o("smoothly-input-date-range",{key:"437b2e44f71354330bded70e2ee61a1180b42215",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:"ce778323ca7e585f98cb5c6d029593e329eaa3f0"},"Date Range"),o("smoothly-input-clear",{key:"96a689e9facde44dc827d19c9476fd7191a753ce",slot:"end"})),o("div",{key:"99a70bddd4168419ce44d234a84d5b234de4abcf",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:"e5373df530143e9be043fef3040f0c28e4e6befd"},o("div",{key:"e43682af956adff7d7717bc0460eed3b1bb95d84"},o("h2",{key:"4332098a4a62650fee3ff36df29bbab86ece7e9d"},"User Input Event"),o("p",{key:"b20f95a50866658227c61b92cd110ec481da9aea"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"d7966a4bf162c151d82b4202e72cd090eaf54ea0"},"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:"c491689d80addd8399ee02ab7cfc6c14f599bb85"}),"Check the console to see the details of each ",o("code",{key:"919ebbf26937841a5396d0d8b1f7d56a268ac292"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"241df770721275520a479cac831b972062cf0fce",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"1c8afb64233081bd049d91a0dd0e8071aad85856",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:"5fe334fb6629980fec2ee42d22df173f86b9bec2",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"0972c18426ec3adf17de6b187c582d875de17c75",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},o("span",{key:"0e6d5f9596b71bae1f548aaf3cc830e9327dda05",slot:"label"},"Select input"),this.values.map(((t,e)=>o("smoothly-item",{value:e,selected:e==this.selectIndex},t)))),o("smoothly-button",{key:"66f5d072734363f0457f38252105272c643354ce",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"37bb578799dfb2de20c6ed9c26214acc5a4b3c0b",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:"a70017b8ad95581ec4361d96350f809942b61d93",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"07558d4cbc286b03af94f0cc93718f35a93a73f6",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},o("span",{key:"1e6fa16c98dbf64e75d4527a5619a37d30631801",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:"d3d7581a7c25ce7a7add6cc0f318bb738fbfcf56",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"cf1ad804353d6cecc2a92f1c919f0814ddc90293",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:"ac4215b8764d794d7b2b502e8978eeb066bb482b",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"b0f18cbf601c7a7e1b105b6ade6b7738e735c1af",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:"353846f23973a62890ca228fce9434606c351eab",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?C.Date.next(this.dateValue):C.Date.now()},"Next day"),o("smoothly-input-date",{key:"e4e466950e474177dfd57b95741256ece59aeba7",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:"e39a9742e3c896ed0b8083b0cb12694971c2f7b3",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?C.DateTime.nextDay(this.datetimeValue):C.DateTime.now()},"Next date time"),o("smoothly-input-date-time",{key:"91d54581db356cfcfc093286eb125502398315bd",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:"1bfc78adefad21783c035335cf764bdb92c537e4",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:"78f36ca1d6a278db6d7bd4644689331be84c488a",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:"9413c465eefd77797e42c791530e44dff3846f28",title:this.tooltip},o("smoothly-button",{key:"6671fd2c91156be7d9a584e1a99f5b8b4f32eb1e",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:"acaa5562e2b97fb0bf0f774fda77efdb33ba66cc"}),o("smoothly-icon",{key:"8defa183091cea2766970860a93f9005085e7325",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:"a1e2fbf3bf30d1fd941de3bd207e16ef0e168407",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:"1b2e27e123de65862e6535b4ee4e9760f1541129"},o("slot",{key:"aa0b28bb9a49649463084495e47d98d92729a57d",name:"label"})),o("div",{key:"e7275addeb482256063dae4196f46ff8f45993c4",class:"input"},o("smoothly-button",{key:"efb739b21ac1af7cdec628fe67fdf8e38d576e74",disabled:this.disabled,type:"button",color:this.color,fill:"clear",size:"flexible"},o("slot",{key:"131edbbc38611bdaf47024837c043d2f094104b0",name:"button"})),o("span",{key:"dfd5aca4c0112a257fce52f7b2ecddf348b71870"},(e=(t=this.value)===null||t===void 0?void 0:t.name)!==null&&e!==void 0?e:this.placeholder),o("div",{key:"b118ce04ee719798fe30fa562c77f60ce85945e6",class:"drag-overlay",onDrop:t=>this.dropHandler(t),onDragLeave:t=>this.dragLeaveHandler(t)},o("smoothly-icon",{key:"94cd919ab0af8d448bf20fad13cb6a19579d26dc",name:"document-attach-outline"})),o("input",{key:"4f372d0ca5451932574973b4d0d556423acdf320",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:"092975f9f5161227ee1907c12918e8256dc88d09",onClick:t=>t.stopPropagation()},o("slot",{key:"9039ae566f705c87e542ded409bba07358849829",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:"825ed9c377498394114231b5fba58e1cbd53c321"},o("smoothly-icon",{key:"b17668f6747bf7169a0bd6284fec3e414be2b78c",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:"ec12ff50447e0ae9c85b7eefe6abeaf350b3a155",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:"03f9af108c9a82b265055a5922371524a9a1485f",slot:"label"},o("slot",{key:"e1b37f7f4db3f27951844f1cf0453bc3bc66e141",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:"4c57f95ca4288fbf6401acfe5f83a9e21a7ad5e7",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:"4c864e162f8fd664bf64d213f044608df5c32052",slot:"label"},o("slot",{key:"8be0361eafcdda1fe0af35403fafe7268e0e1857",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:"a00a80fa415529ddd7fb28b12394ffbc3895e3ca",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:"47fe9e7623e48def83512a77af0c7720b7d359e1"},o("h2",{key:"be944b8ee8341bfb659135ee049084cece6dd0da"},"State demo on smoothly-input"),o("p",{key:"728077f668bbf069362b28336cfca6bfc3c9ef37"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"64db9e66b2e50e69f65a234df4a4071221b8926d"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"f260f857923136f03db67981a71f03295014f407",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:"a01183cf22a642906f22873c5dcc09367ca524ef",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:"370000d169e3450e3646936321086771915d4fad",onClick:()=>this.inputHandler(true)},o("input",{key:"b750a0accdbf51b07e2304cb90387110fd59b618",name:this.name,type:"radio",checked:this.selected,disabled:this.disabled}),o("smoothly-icon",{key:"98c9ceaa8bba2beff6477149fc393507da83d79d",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",tooltip:"Select"}),o("label",{key:"f3fb78e097edde9b4a6ddfbd951e6614713374fc"},o("slot",{key:"1f9e1d9419e874fe7dc9dd4696167449c34c14da"})),o("slot",{key:"0165c599564757d6b34944505fa296cd52fadc11",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:"8534047293e77d99f6c8a8e5d87659968516144c",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},o("slot",{key:"6b092b4a1e91bf15f714996ed01a801548a75655",name:"start"}),o("div",{key:"ca7c4207e37dccd2fbc3b0edae03895a39ec96c8"},o("label",{key:"dc1b4d97e1256c4ee1b7f9daa91d25fe523ce418",htmlFor:this.name},this.label),o("smoothly-input",{key:"ec6dfec2d8a625897d3a9b6a7fafcd897be8ef1c",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:"4e698362ae12d14f9bc217afe8e909b3b13a46bb",label:(this.type=="percent"?this.min*100:this.min).toString()}),o("input",{key:"a8f20e17b2910b97862b3490c1efd0dcb1aa89bf",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:"46b26acc10c408177bf4b77af9c451ac5ec98360",label:(this.type=="percent"?this.max*100:this.max).toString()})),o("slot",{key:"1ebbd0cc6dfbf6179f9dc50e1597944571e219c2",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:"513ed764bf3593102fe688e6929f2c3f19c0a1a9"},o("h2",{key:"25a0e8ad3ef9322ca03f6c64d812148022dc9688"},"Range"),o("h3",{key:"f14838850168a97050eab32a4eff767f17e0b3ef"},"Phone Number"),o("smoothly-input-range",{key:"8ad60bd62396e66ac1338c8937a432bc8580dc23",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"f766bb38a2ae9108ea03e03d02dc6cf5308f3139"},"Stars out of ten"),o("smoothly-input-range",{key:"67164065098d501e710abe48fa0e8411a56c15c0",max:10,step:1,label:"Stars"}),o("h3",{key:"73c4f2da26f0b6d61997b342ad6d4c0976ccc89e"},"Percent"),o("smoothly-input-range",{key:"9bd55d44e6611c0dfa3bd9e7c1b061d119437326",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"49dc7f9db92e9fbecc53fd0bf1c8804a13febaa2"},"With icon at start and clear button"),o("smoothly-input-range",{key:"107e975039193ea8d1a9dca98d682c61d2c15096",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"cf0e39c1484399a21532024399ef6b08374a87c6",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"d1a3ab9ac2081a365a818d9ce2e453f03a21c049",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.disabled=false;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;this.readonlyAtLoad=t.readonly;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;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:"cff6bf87e1bc037cec6f46d6c2588fcea30a91a3",title:this.tooltip},o("smoothly-button",{key:"b26d4ea446cf62de69d817f1d3799b0f12e2ced9",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:"aed086c207c6ed79df2552b4d03377191f6f8751"}),o("smoothly-icon",{key:"cd506e93eca085433eb3a3d6fd5e37a714001960",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={}));const xa=()=>`.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}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>div.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h .label.sc-smoothly-input-select{left:.5rem}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:20;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);min-width:fit-content;border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks="grid"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{left:-1px;right:-1px}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select::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}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::after{content:"✔";position:absolute;left:0.65rem;color:rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::before{border:1px solid rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::after{color:rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:hover::before{border:1px solid rgb(var(--smoothly-item-hover-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:hover::after{color:rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{padding:.7rem .7rem .7rem .25rem}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{display:flex;position:sticky;top:0;gap:1rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-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>div.options.sc-smoothly-input-select-s>div.search-preview::before{content:"";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name="search-outline"].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{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>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}`;const Ca=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,e,o,s,a;this.itemHeight===undefined&&(this.itemHeight=(t=this.items.find((t=>t.clientHeight>0)))===null||t===void 0?void 0:t.clientHeight);if(this.menuHeight&&this.itemHeight){(e=this.element)===null||e===void 0?void 0:e.style.setProperty("--menu-height",!this.menuHeight.endsWith("items")||this.items.length==0?this.menuHeight:`${this.itemHeight*+((s=(o=this.menuHeight.match(/^(\d+(\.\d+)?|\.\d+)/g))===null||o===void 0?void 0:o[0])!==null&&s!==void 0?s:"10")}px`)}(a=this.element)===null||a===void 0?void 0:a.style.setProperty("--element-height",`${this.element.clientHeight}px`);if(this.ordered&&!this.multiple&&this.open&&!this.lastOpen){this.scrollToSelected()}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}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.open&&this.handleShowOptions()}async clear(){var t;if(this.clearable){this.selected.forEach((t=>t.selected=t.hidden=false));this.selected=[];if(this.displaySelectedElement){this.displaySelectedElement.innerHTML=(t=this.placeholder)!==null&&t!==void 0?t:""}}}async edit(t){this.readonly=!t}async setInitialValue(){this.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){if(t.target&&("name"in t.target&&t.target.name!==this.name||t.composedPath().some((t=>t==this.iconsDiv))&&!t.composedPath().some((t=>t==this.toggle)))){t.stopPropagation()}else if(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){!t.composedPath().includes(this.element)&&this.open&&this.handleShowOptions()}onItemDomChange(t){t.stopPropagation();const e=t.target;if(e.selected){this.displaySelected()}}async onItemSelect(t){t.stopPropagation();const e=t.detail.item;if(this.multiple){this.selected=e.selected?[...this.selected,e]:this.selected.filter((t=>t.selected))}else if(e.selected||!this.items.some((t=>t.selected))){this.selected[0]&&(this.selected[0].hidden=this.selected[0].selected=false);this.selected=!e.selected?this.selected.filter((t=>t.selected)):[e];!this.showSelected&&e.selected&&(e.hidden=true)}this.displaySelected();if(t.detail.userInitiated){this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}onClosed(t,e){this.lastOpen=e;if(!t){const t=this.items.find((t=>t.marked));if(t){t.marked=false}}this.smoothlySelectOpen.emit(t)}handleShowOptions(t){const e=(t===null||t===void 0?void 0:t.composedPath().some((t=>t==this.iconsDiv)))&&!t.composedPath().some((t=>t==this.toggle));const o=t===null||t===void 0?void 0:t.composedPath().find((t=>"tagName"in t&&t.tagName=="SMOOTHLY-ITEM"));!this.readonly&&!this.disabled&&!(o&&this.items.includes(o)&&this.multiple)&&!e&&(this.open=!this.open);this.filter=""}areValuesEqual(t,e){return t.length===e.length&&e.every((e=>t.includes(e)))}displaySelected(){var t;const e=this.selected.map((t=>`<div>${t.innerHTML}</div>`)).join("");this.displaySelectedElement&&(this.displaySelectedElement.innerHTML=this.selected.length>0?e:(t=this.placeholder)!==null&&t!==void 0?t:"")}onKeyDown(t){if(!this.searchDisabled){t.stopPropagation();const e=this.items.some((t=>t.getAttribute("hidden")===null));if(t.key!="Tab"&&!t.ctrlKey&&!t.metaKey){t.preventDefault()}if(this.open){switch(t.key){case"ArrowUp":e&&this.move(-1);break;case"ArrowDown":e&&this.move(1);break;case"Escape":if(this.filter==""){this.open=false}else{this.filter=""}break;case"Backspace":this.filter=t.ctrlKey?"":this.filter.slice(0,-1);break;case"Enter":const o=this.items.find((t=>t.marked));if(o===null||o===void 0?void 0:o.value){o.selected=!o.selected}if(!this.multiple){this.open=false;this.filter=""}break;case"Tab":this.open=false;break;default:if(t.key.length==1){this.filter+=t.key}break}}else{switch(t.key){case"Enter":case" ":this.handleShowOptions();break;case"ArrowDown":this.handleShowOptions();this.move(1);break;case"ArrowUp":this.handleShowOptions();this.move(-1);break;case"Tab":break;default:this.handleShowOptions();if(t.key.length==1){this.filter+=t.key}break}}}}scrollToSelected(){const t=this.items.find((t=>t.selected));if(t){this.items.map((t=>t.marked=false));t.marked=true;this.scrollTo(t,"instant")}}move(t){const e=this.items.filter((t=>!t.hidden&&!t.disabled));let o=e.findIndex((t=>t.marked));if(o==-1){o=0}else{e[o].marked=false;o=(o+t+e.length)%e.length}e[o].marked=true;this.scrollTo(e[o],"smooth")}scrollTo(t,e){var o,s,a;(o=this.optionsDiv)===null||o===void 0?void 0:o.scrollTo({top:t.offsetTop+t.offsetHeight/2-((a=(s=this.optionsDiv)===null||s===void 0?void 0:s.clientHeight)!==null&&a!==void 0?a:0)/2,behavior:e})}addItem(){this.addedItems=this.addedItems.concat(o("smoothly-item",{value:this.filter,selected:true},this.filter))}render(){return o(s,{key:"ca6c2263ae2ef16cb0548e10ead81e15b2b42487",tabIndex:this.disabled?undefined:0,class:{"has-value":this.selected.length!==0,open:this.open},onClick:t=>this.handleShowOptions(t)},o("div",{key:"032b8a92bb4c74c48a9ea22b3ae552c2cac8d30a",class:"select-display",ref:t=>this.displaySelectedElement=t},this.placeholder),o("div",{key:"b1d1e8f9143643a69c23cc16668e901e5329c1cb",class:"icons",ref:t=>this.iconsDiv=t},o("smoothly-icon",{key:"958d9fa44174d2b4933e34b5a6c89963e42cb7de",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"0a9725e2e1b37159f392ed2c8cb0e69b0253ec53",name:"end"}),this.looks=="border"&&!this.readonly&&o("smoothly-icon",{key:"fb656bc03fbec14da5e1914bd6bebed50ad5fbcd",ref:t=>this.toggle=t,size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"})),o("slot",{key:"743b3bc40c4bd7254225fd3f0962fcb67d07df59",name:"label"}),o("div",{key:"ac6b4007348834d933c8673710ebdacc3def6001",class:{hidden:!this.open,options:true},ref:t=>this.optionsDiv=t},this.filter.length>0&&o("div",{key:"502094a51085fa634e98b0d511713757ff30877d",class:"search-preview"},o("smoothly-icon",{key:"78729a52979f85bced39cecd9e861ff06185beb0",name:"search-outline",size:"small"}),this.filter,o("smoothly-icon",{key:"50956a5cc4a63ef0515947ddbbb7962d38e260c1",name:"backspace-outline",size:"small",onClick:t=>{t.stopPropagation();this.filter="";this.element.focus()}}),this.mutable&&o("smoothly-icon",{key:"b6f99488a836ad3e33d03ebb600bc5c5fc42e8cc",name:"add",size:"small",onClick:t=>{t.stopPropagation();this.addItem()}})),o("slot",{key:"a60d0d54bfc5dbae48ec336f92c5556a5ba13b2e"}),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}]}}};Ca.style=xa();const Sa=()=>`[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 za=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=>{var e;this.display=!t.readonly;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:"5bc6d17920c9a5dfa81e81b02df300b661e960f9",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"})))}};za.style=Sa();const Ia=()=>`[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 Ta=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:"d76e2737454ad914f831482c98d30978975506fd",tabIndex:-1},o("slot",{key:"edef0a2718d076ad33b6f874591a8a2791fb6876"}))}get element(){return a(this)}static get watchers(){return{selected:[{selectedWatcher:0}]}}};Ta.style=Ia();const Da=()=>`.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 ja=class{constructor(e){t(this,e)}render(){var t;return o(s,{key:"351e89e82587e7ccb66dc55451c53f05648ac9d4",title:this.description,style:{"--hue":(t=this.hue)===null||t===void 0?void 0:t.toString()}},o("slot",{key:"9e2eedbf6c74f923cbb0c0ae8648ce207aabcdb7"}))}};ja.style=Da();const La=()=>`.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:"93b333ebfee933e5f5b147895a04385389b5c03d"},o("slot",{key:"b10226510296688cb58fc005c01c68a16ffd150c",name:"before"}),o("smoothly-load-more",{key:"9a097a7489d5e670418250abcc0d5870d11f460c",onSmoothlyLoadMore:t=>this.loadMoreHandler(t)}),this.show&&(typeof this.content=="function"?o(this.content,null):this.content),o("slot",{key:"bf5243f15e485eae1203272284b06f0e51d47fa9"}))}};_a.style=La();const Ra=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:"9f0e2e8278780438f214286cd990ee54a6b5546a"})}get element(){return a(this)}};const Aa=()=>`.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 Ea=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:"601bd96e27c500c08df01457b2951449e4392c37",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:"9deaaf0008f61aecd194a2094d65544cfa97b425",class:"modal"},o("div",{key:"b041b4418cfc98753f6fe34ffca610f2da25ba6b",class:"header"},o("slot",{key:"848fecf8ba6a2efcacd1b1c753df17ab5a96fcb3",name:"header"}),this.closable&&o("smoothly-icon",{key:"1d51dc003fa0604b29530202cbf0fb743322698b",name:"close-outline",fill:"solid",onClick:()=>this.closeModal()})),o("slot",{key:"802bd940f81748477962b9c4d615913f073fcd34"}),o("div",{key:"b31e5dbbf56573298464b071414977be7acf5178",class:"actions"},o("slot",{key:"85a6a0753237febc205e02a52da4086de9f47fad",name:"actions"}))))}static get watchers(){return{open:[{openChanged:0}]}}};Ea.style=Aa();const Ma=()=>`.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 $a=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:"a8ac459d3c94d3df653723e0d93f6e72260806fc",color:this.properties[0],fill:"solid"},this.closable&&o("smoothly-trigger",{key:"27e7521a477d0eeb67717166ccc252cfa0a2ce35",fill:"clear",name:"close"},o("smoothly-icon",{key:"5dff1f73b2937bacf2d81b4e2a528dce8a3c3868",name:"close-circle-outline"})),o("span",{key:"60584d5ee874685807f6b613592f64e57bba771b",class:this.icon?"icon":"clean"},this.icon&&o("smoothly-icon",{key:"186656f3d0f19a4b087a50c5af168be3973cc271",name:this.properties[1]}),o("p",{key:"23547fd1eb3e3d524fb850ff00749f937902a4fb"},this.notice.message)))}static get watchers(){return{notice:[{onUpdatedNotice:0}]}}};$a.style=Ma();const Oa=()=>`.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 Pa=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:"6d3724d096d8e0547b7b336206f5bb1c97af54e9"},o("slot",{key:"86d13b581dae9bfa29714e59b272b68d5143dd08"}),o("div",{key:"fb0790db93da5415e2ce9a05500675d1e13a0f0c",class:"smoothly-notifier-wrapper"},this.notices.map((t=>o("smoothly-notification",{notice:t,icon:this.icon})))))}};Pa.style=Oa();const Ha=()=>`[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 Fa=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:"cc63c3d7a177c5119f9dbd6c38038c06f9fe5093",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},o("svg",{key:"50736fa849eb8112f5f0356d4d2233b70eff5248",class:"spinner",viewBox:`0 0 ${60+t} ${60+t}`,xmlns:"http://www.w3.org/2000/svg"},o("circle",{key:"f5e92d9993f413213c5cf59d290b4d52316cc06c",class:"path",fill:"none","stroke-width":t,"stroke-linecap":"round",cx:`${30+t/2}`,cy:`${30+t/2}`,r:"30"})))}};Fa.style=Ha();const Ua=()=>`.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 Na=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:"307957b81f396381ad9eb975137299e7429dc9b5",onToggle:t=>this.toggleHandler(t),open:this.open},o("summary",{key:"b0951b6f61956f2b7c5253c8c839679af6b4174c"},o("smoothly-icon",{key:"f12054adab15e894617ed408fdbb6f6160b42c95",name:"caret-forward",fill:"solid",size:"tiny"}),o("slot",{key:"5138f3df6492a607ac2a0398204f4a95b9e8c547",name:"summary"})),o("slot",{key:"14aba4cf6b25ed41cb002585d4a117168e7a6169",name:"content"}))}};Na.style=Ua();const Ya=()=>`.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 Wa=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:"cc20ba3ae6f849d6dcdab3f1c53c8467ab73dd2d"},o("div",{key:"421083c3fe13a80ae1417952b51cbbfa838f3b98",onClick:()=>!this.disabled&&(this.open=true)},o("label",{key:"0111434d9bac6d843b368fd74d81e323c22ac186","data-smoothly-tooltip":this.tooltip},this.label)),o("div",{key:"de2b298da72c39caa6d3f4d39265e8b569a349cc",hidden:!this.open},o("slot",{key:"fcc770a8f2782f0c1135bf49d48696ff26f645ab"})))}get element(){return a(this)}static get watchers(){return{open:[{openHandler:0}]}}};Wa.style=Ya();const Ba=()=>`.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 Va=class{constructor(e){t(this,e);this.columns=1}smoothlyTableExpandableRowChange(t){t.stopPropagation()}smoothlyTableExpandableCellChange(t){t.stopPropagation()}render(){return o(s,{key:"1103836f2752eafb6216c7e591c7fd37fb77e2ce",style:{"--columns":this.columns.toString()}},o("slot",{key:"141f5cbcd6f2f0fd988bfa98bf9774f9cd61fe66"}))}};Va.style=Ba();const Ga=()=>`.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 Ka=class{constructor(e){t(this,e)}render(){return o(s,{key:"399b61d93f037a694f0e3a8f99ec433c06b3c640"},o("slot",{key:"a8325da9f0ffac6857b6a7a6e5625544b5c46899"}))}};Ka.style=Ga();const qa=()=>`.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 Za=class{constructor(e){t(this,e);this.span=1}render(){var t;return o(s,{key:"0778ff0d0b6e7d5d960f4eb1bc3e63156ac9cc23",class:"smoothly-table-cell",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)}},o("slot",{key:"7f735c3219f7107f895008a6fb76e022cee5b2f2"}))}};Za.style=qa();const Ja=()=>`.sc-smoothly-table-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}`;const Xa=class{constructor(e){t(this,e)}render(){return o(s,{key:"d7277fac7e25efa923ce5e7263b7fe07b3d1ae7c"},o("smoothly-table-demo-filler-row",{key:"74942c1891773856c68b58eae197b663476e1892"}),o("smoothly-table-demo-group",{key:"f307da0e9acdb2269e15e58dd0299539a3f6f3a5"}),o("smoothly-table-demo-colspan",{key:"80c976bd5cdbc95a0248b4efaa48805236f0bf08"}),o("smoothly-table-demo-simple",{key:"b9de2b65113c2ee7543733abef20476b19b440db"}),o("smoothly-table-demo-nested-no-cell",{key:"d6b6c367cd66b9cc2eb8cfa86800e6697a258071"}))}};Xa.style=Ja();const Qa=()=>`.sc-smoothly-table-demo-colspan-h{display:block}.sc-smoothly-table-demo-colspan-h smoothly-display.sc-smoothly-table-demo-colspan{display:inline}`;const ti=class{constructor(e){t(this,e)}render(){return o(s,{key:"206c3432bf7936b15e972c161424e6b0e102a15c"},o("smoothly-table",{key:"fd9a1adfc79d7e3fa130e55614c8956aa9993ce7",columns:3},o("smoothly-table-head",{key:"079086e32eab6c27ec06646b7cc1addc5a45e218"},o("smoothly-table-row",{key:"6b421c777d5857d7b8c6e92dfa8ebb9e65c24f0d"},o("smoothly-table-cell",{key:"9c0f4181cefa485af433741c55eb8033057333ba"},"Date"),o("smoothly-table-cell",{key:"6b089e4d9d9d43ead73b8602d1f482b019810ee7"},"Skip"),o("smoothly-table-cell",{key:"b3a5f766b5a7bc15fe29aa2ba35d908f33883f7f"},"Total"))),o("smoothly-table-body",{key:"12be40d0b1546ef3bcb8d95815e3a6751a34dc95"},o("smoothly-table-row",{key:"22d3015ebb0c1a19b412c175f231de9cd3f9f04c"},o("smoothly-table-cell",{key:"cb591fa2b41381aa1c663a701a76b953ff610262",span:2},o("smoothly-display",{key:"a9dfcaebab3333ea62c290c9952ecc7c77ba33a7",type:"date",value:"2024-01-01"})),o("smoothly-table-cell",{key:"b3680b9847f0e5635538af75af7c117d86464fcc"},o("smoothly-display",{key:"c89fca16b3f2e836dc9dd8c2378f4b26bab2be1f",type:"price",value:120,currency:"EUR"}))),o("smoothly-table-row",{key:"d2574793e06a73ede9721349f9e26ea596947500"},o("smoothly-table-expandable-cell",{key:"2ab7fcbb3c3f54298e7b9f4b6b8287f0e5c07c04",span:2},o("smoothly-display",{key:"40f846739879908115983e730c2e135fc3473977",type:"date",value:"2024-01-02"}),o("smoothly-lazy",{key:"9989441f4da6a580d7d7a21a8623a1dafc0d6a3d",slot:"detail",content:o("smoothly-display",{type:"date-time",value:"2024-01-02T13:37:00.000Z"})})),o("smoothly-table-expandable-cell",{key:"20f47281da324a3fe529553b57c2e50de7a7039d"},o("smoothly-display",{key:"d9d02229b0bfa49122ede86d2513648a1448d8bf",type:"price",value:220,currency:"EUR"}),o("smoothly-lazy",{key:"7803a63f59d968622edfb07fed2b40338fb1b460",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:"0bf9dd84e89fef204799961f85e24b5a14d4c4d4"},o("smoothly-table-cell",{key:"7feacfd6127864b97ac910256f434b42ee57dcd6"},o("smoothly-display",{key:"df857a1e9f9503c08c49f564a47bbb4b3b96f170",type:"date",value:"2024-01-02"})),o("smoothly-table-cell",{key:"bd1848a3218ec7b9177b0354570fc3a96f827c0a"},"Not Skipped"),o("smoothly-table-cell",{key:"1656b57464928e417afa36732fe710654c6c1e8d"},o("smoothly-display",{key:"6097190c8c8c9ae2899a0497d524da52f42a145e",type:"price",value:320,currency:"EUR"}))))))}};ti.style=Qa();const ei=()=>`.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 oi=class{constructor(e){t(this,e);this.cats=[]}async componentDidLoad(){window.setTimeout((()=>{this.cats=undefined}),3e3)}render(){return o(s,{key:"e2842ae7ee217b160d69fc5fa6cb686af528e2fc"},o("smoothly-display",{key:"8ec4889c9bc004f61f6b9d91b87e9135f2b7ba11",type:"text",value:"Filler row"}),o("smoothly-table",{key:"39f5a22a15a05631cf015918050e94215a336d62",color:"primary",columns:4},o("smoothly-table-head",{key:"271ced47bcbc64f53cc70bf3f1ca757059ac81dd"},o("smoothly-table-row",{key:"7a7566c40b27be58ab6bc3f6eeea2b5e90726cf5"},o("smoothly-table-cell",{key:"c3f0eb89f019759418b4524fa923194e1eaa05c9"},"Breed"),o("smoothly-table-cell",{key:"beb4c8b9c55d96c4f3e9faa71bfc9bf3971a1e25"},"Country"),o("smoothly-table-cell",{key:"6c8e3177e07f82961707a6f31729ede9da79acd9"},"Coat"),o("smoothly-table-cell",{key:"71023e2b53ab05e19b5d2f973f4b45c6ad1b7525"},"Origin"))),o("smoothly-table-body",{key:"a4a2e96740dbb0191031fb008fba9c349f4d37b1"},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)))))))}};oi.style=ei();const si=()=>`.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 ai=class{constructor(e){t(this,e)}render(){return o(s,{key:"044be2a5a9260e32e91ee8375a225a0dee587ce9"},o("smoothly-display",{key:"c8a77f7bcd0bc541ad217e1df6828a2b0815e2f8",type:"text",value:"Group"}),o("smoothly-table",{key:"807f4357d1197b355711e01d5edffd8d3983db6a",color:"primary",columns:2},o("smoothly-table-head",{key:"6b1b3b0e281764d1430fe6b765f2872884e2e09e"},o("smoothly-table-row",{key:"c9b2dd1d3b4c17256cbc1d7214a7654cb82d4436"},o("smoothly-table-cell",{key:"b1c8d54323e816490f28005e6bbe618c2ffe0e4a"},"Date"),o("smoothly-table-cell",{key:"e45d0a4862cbe71c8cca27a8d6aa6a0956709019"},"Total"))),o("smoothly-table-body",{key:"c0bdce1d860654b8ba88bac33a9f035363061d19"},o("smoothly-table-row-group",{key:"a11c8367f087e12e0a02d25f8b48a29689107e06",align:true},o("smoothly-display",{key:"8ab3110cbf9d57591bfa9a2dcc9c7e224792a104",slot:"start",type:"date",value:"2024-01-01"}),o("smoothly-display",{key:"826f0acd265a99d445b6786458c232172d2cf381",slot:"end",type:"price",currency:"EUR",value:510}),o("smoothly-table-expandable-row",{key:"ccc0645a756649d0e748f147eec063aa5c7c7036"},o("smoothly-table-cell",{key:"3a7e33ab43dca04d24872c2041833bff916e8934"},o("smoothly-display",{key:"972c99f625f6b27352b3e3c17007a6923a1cbfce",type:"date-time",value:"2024-01-01T01:37:00.000Z"})),o("smoothly-table-cell",{key:"bfe695bac2c193687738aafd05a78cb23feac052"},o("smoothly-display",{key:"934d9207b9971fa1d7787822e7405f1e9def7a13",type:"price",currency:"EUR",value:250})),o("smoothly-lazy",{key:"a94346f2caa9c0edfa9608485b458da151fae5f9",slot:"detail",content:o(i,null,"Details of 2024-01-01T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"51f21f7bc12d6662392b96f7582a78f19d7dc0af"},o("smoothly-table-cell",{key:"9bf2051dbb810a8eaa7da2ffe850435a943ab7b2"},o("smoothly-display",{key:"1abb624a6c4cd85f191576e4155e90f12529ac11",type:"date-time",value:"2024-01-01T13:37:00.000Z"})),o("smoothly-table-cell",{key:"a796212e2c36cbaac2d2d9d10960310c23b7d3e0"},o("smoothly-display",{key:"605eeaac1fee2ccfd96d900cdbda80e98cf86886",type:"price",currency:"EUR",value:260})),o("smoothly-lazy",{key:"8905ac1b38a2acf766c60c74284399a44331874d",slot:"detail",content:o(i,null,"Details of 2024-01-01T13:37:00.000Z")}))),o("smoothly-table-row",{key:"4d49a3ada2507ec28ae70b3361e620758bd95977"},o("smoothly-table-cell",{key:"9d6c8b5ba8f0704745e014eeaa0eec94f1957739"},o("smoothly-display",{key:"851e641172245203cc8c80fe191c629c1e8036f6",type:"date",value:"2024-01-02"})),o("smoothly-table-cell",{key:"7a6160c20b31624b7f181526da09ffe4df40ef36"},o("smoothly-display",{key:"229e788a885e95aa6abb8a0ef633579a17e87a95",type:"price",currency:"EUR",value:130}))),o("smoothly-table-row-group",{key:"42fbdb5745b91dc7f42d19f3fb4e7a9c53b96a78"},o("smoothly-display",{key:"6dcfdbe08def271dfeaf89a1d8fff32e921971b1",slot:"start",type:"date",value:"2024-01-03"}),o("smoothly-display",{key:"fe218184eb784cc7cd3094775096f81981ee8733",slot:"end",type:"price",currency:"EUR",value:720}),o("smoothly-table-expandable-row",{key:"8611b77389d19cb2463ff654328520acc0229030"},o("smoothly-table-cell",{key:"75d7572ca30ae4a051f3756794a7117c5c7f3c46"},o("smoothly-display",{key:"fb86017176633bc226dafc03e37b9ac282f88ddc",type:"date-time",value:"2024-01-03T01:37:00.000Z"})),o("smoothly-table-cell",{key:"be847bc7c1ac7781c2bc9637b6143b493e9688eb"},o("smoothly-display",{key:"553cd5b7591033b6f8743b1e6b14e7ec15552889",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"f3dfa33ba846fdcb5172b0ad47c3ab14e29ee6fb",slot:"detail",content:o(i,null,"Details of 2024-01-03T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"7e5acc9b813857a344b7ffde22549088f26bda0a"},o("smoothly-table-cell",{key:"5cba3d4839ba15c0193e7eec1ac664bc9b3f5f61"},o("smoothly-display",{key:"312c552c6ccece6028c4cdd8ab0f5f2af3391d5c",type:"date-time",value:"2024-01-03T13:37:00.000Z"})),o("smoothly-table-cell",{key:"a4273386dd793a0ecb8284727869a51345d0e5bc"},o("smoothly-display",{key:"21a7a1c5c0a9bcf5e3594a4b48f7c54eb5af0b9a",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"04ee16af0d0033862aa7e29033d0edf95a9b6bfb",slot:"detail",content:o(i,null,"Details of 2024-01-03T13:37:00.000Z")}))),o("smoothly-table-row-group",{key:"7ce12fc20fea9844d23e773e19a0296e8dedcbb2"},o("smoothly-display",{key:"ece4ded9117930fc4c64c8d2740ed8add76f4fb6",slot:"start",type:"date",value:"2024-01-04"}),o("smoothly-table-expandable-row",{key:"b43e2f3e5e51beb019da6b4b823014df4fb9b7ad"},o("smoothly-table-cell",{key:"d8ec8e3397e6c702a0ce7ffc1148258b357d850f"},o("smoothly-display",{key:"663260db0785da46c8978f561aea13ffe434a319",type:"date-time",value:"2024-01-04T01:37:00.000Z"})),o("smoothly-table-cell",{key:"d526a2aa10c7be28d6e2be439984604c25e98ae8"},o("smoothly-display",{key:"68f15b2b6bfd5faff55b3421e914633f7e54abc2",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"32eacc646bc96494eab5c117f22f543044a28a16",slot:"detail",content:o(i,null,"Details of 2024-01-04T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"419ca2c46ff03e1ef1a78e2089198337c5aeb180"},o("smoothly-table-cell",{key:"06a07b9699ffe395dc0c68fd8993ab3e4ae27117"},o("smoothly-display",{key:"a2cba094f5178e043d930f445304ed7eab4f7fdd",type:"date-time",value:"2024-01-04T13:37:00.000Z"})),o("smoothly-table-cell",{key:"8e974a68dd724ece0945ff277229f8c70a6c9e04"},o("smoothly-display",{key:"beb312d995aa44c5138cbb748237d5cf02c944f3",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"75801728d6f20f9e4acbe38a2b302b73ce8cbd32",slot:"detail",content:o(i,null,"Details of 2024-01-04T13:37:00.000Z")}))),o("smoothly-table-row-group",{key:"a5d4d32fcb7ac204a3734dea7a616c88307e6cbe"},o("smoothly-display",{key:"2331960fe63909aef8f9b35ecdd76bc37deb6375",slot:"end",type:"price",currency:"EUR",value:720}),o("smoothly-table-expandable-row",{key:"19b69cb0e6265bcae3413ff3deacb31359825110"},o("smoothly-table-cell",{key:"b1573bf5ea27d637dd429e80c012192fc22e0660"},o("smoothly-display",{key:"d8777e74c334c73a60a7fcd377c8ef1d69fae20e",type:"date-time",value:"2024-01-05T01:37:00.000Z"})),o("smoothly-table-cell",{key:"49f464b913486092a2de9b27750a71b00061eef3"},o("smoothly-display",{key:"0d716ae1f80fa8f98c84e623d1935b7a0213a648",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"7c8d2f82680b35d8f231d828c6ffdb2b6ebb31da",slot:"detail",content:o(i,null,"Details of 2024-01-05T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"b64d7b474e70a8d3334660a01feb0b26c8403e40"},o("smoothly-table-cell",{key:"64bf40d93b8ff419695fa7d69d4894585e77d92d"},o("smoothly-display",{key:"ba5694ed645bb9b5105fa0ffe1dacd63dfa4d72c",type:"date-time",value:"2024-01-05T13:37:00.000Z"})),o("smoothly-table-cell",{key:"837a934ab755965bfad88ed07a5b21a7c7877738"},o("smoothly-display",{key:"6e2b0d5a372e022374c514393f8a9a439cb06480",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"13966802b164b23cd3959c54373a91a4b99d1ab8",slot:"detail",content:o(i,null,"Details of 2024-01-05T13:37:00.000Z")}))),o("fake-group-wrapper",{key:"dc7031260e2ca39650f89659822ed86320701751"},o("smoothly-table-row-group",{key:"8c4f9f5fd19f9c144c439aaba701c0b0a1b22272"},o("smoothly-display",{key:"9458e205c4be0d91ce42eff9bcecded48c69c961",slot:"start",type:"date",value:"2024-01-06"}),o("smoothly-display",{key:"a139382798f85d6922dea91e86b473cd2bfd486a",slot:"end",type:"price",currency:"EUR",value:720}),o("fake-row-wrapper",{key:"ae33f14933f819975a4313ad4255d00b371bd677"},o("smoothly-table-row",{key:"ececad7f1be8f60215da7e2f2dce838fefcdf279"},o("fake-cell-wrapper",{key:"defb123cb025e0dc64085a248645c635bc488507"},o("smoothly-table-cell",{key:"97cd28e0c190afcab36d300de24bd5ba4c42139b"},o("smoothly-display",{key:"d5ec9b80ecffcac24cb936ac8383161523de7e60",type:"date",value:"2024-01-02"}))),o("fake-expandable-cell-wrapper",{key:"08d0df0f2c099dab483a9c2c48b286e3bcba0346"},o("smoothly-table-expandable-cell",{key:"53b96521de90492a28d44c74ecd6674828a9d54e"},o("smoothly-display",{key:"9bf466b6f3090ad44103e1eb2be42fde3a337910",type:"price",currency:"EUR",value:130}),o("smoothly-lazy",{key:"55f6d59ab1c85058c5634774f33c9a71a9451917",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:"8476b93642f2b53e5c8ae23698c54edb072c6361"},o("smoothly-table-expandable-row",{key:"8535dad53ba0eaf19f5ee5d2f5b1f3d6f3e1c6bd"},o("fake-cell-wrapper",{key:"ff5facddb89a2cf15f18634ad8f7e8780a51cb6d",class:"span-2"},o("smoothly-table-cell",{key:"a4508b413fd6e98ac9d64043dee769bb2ff5c97b",span:2},o("smoothly-display",{key:"65865507298b01080b39b2c7b856e37bcac1ba46",type:"date",value:"2024-01-07"}))),o("smoothly-lazy",{key:"2e6baa60bcdcd7a892b9863975d2ff90a11fbc9f",slot:"detail",content:o("smoothly-display",{type:"date-time",value:"2024-01-07T13:37:00.000Z"})}))))),o("smoothly-table-row-group",{key:"bee25e3af1397c26cbcb59fe0aeb178f672d60c3"},o("smoothly-display",{key:"89e48e848f09c8edb0a5a71de18f6a6e02e298f8",slot:"start",type:"date",value:"2024-01-08"}),o("smoothly-display",{key:"8eb48628fe13eeef290c1b086d3baa338c010cc2",slot:"end",type:"price",currency:"EUR",value:720})))))}};ai.style=si();const ii=[{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 li=()=>`.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 ni=class{constructor(e){t(this,e);this.loadedRows=[]}render(){return o(s,{key:"f0cccc2533446b88de6b0956cb2c24c3ec106962"},o("smoothly-display",{key:"997fa002f0a3a14e1516d2fe4eb7cf9491979819",type:"text",value:"Nested"}),o("smoothly-table",{key:"ec7a88e096863fe59f1c5f7c80aaa4a538bb1b48",color:"primary",columns:8},o("smoothly-table-head",{key:"821e802acadb9d8158badd884ee120228feb41de"},o("smoothly-table-row",{key:"029120e75a85535c08a7bde66ae8835270716e2f"},o("div",{key:"acbe3da2f1f60da436c44523b2797b30221996d8",class:"smoothly-table-cell"},"Id"),o("div",{key:"d764a06cee565fdb4361161090c7d3ef57b5e5cf",class:"smoothly-table-cell"},"Registered"),o("div",{key:"17f3a9f0b08bc9b9f22a590942faf5fdbc7344aa",class:"smoothly-table-cell"},"Name"),o("div",{key:"5a1e9388b4bec34d26cc186cd0d801b9ff8ccb16",class:"smoothly-table-cell"},"Age"),o("div",{key:"80e4ff513a81355d9e6526057c19d93b65bc457d",class:"smoothly-table-cell"},"Balance"),o("div",{key:"55594b070d4f81852eab51086bec06a7b04c0635",class:"smoothly-table-cell"},"EyeColor"),o("div",{key:"bd684d81b4b52fa721c34846c8cd94b61eca490e",class:"smoothly-table-cell"},"Gender"),o("div",{key:"3b078a0ee2ea599d54be265f24796024b23ededd",class:"smoothly-table-cell"},"Company"))),o("smoothly-table-body",{key:"db35dab7f93e802c1d95c686dd8bc5262362a8f8"},ii.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:"f09a7c7bdf3bf6a423f0dbbcd6999fcdb7d2c0b0"},o("smoothly-table-row",{key:"6237c3e3f1e5eecb050caacac3a18c70fb7a1d13"},o("div",{key:"fa63fb23e29dbe508bec40b0349910597b016164",class:"smoothly-table-cell"},"Footer Cell"),o("div",{key:"5ff91ed21cf8857ce5d89b2d9d028ad85b4172af",class:"smoothly-table-cell"},"Footer Cell")))))}};ni.style=li();const ri=()=>`.sc-smoothly-table-demo-nested-no-cell-inner-h{display:block;margin:1em auto;width:60%}`;const ci=class{constructor(e){t(this,e)}render(){var t;return o(s,{key:"8695c1d15d2eec8b9ee575ed963af80f6319d2ef"},o("smoothly-table",{key:"45cffac7f3ae618ce4ea0f5f8671f55ed9ba8ab2",columns:4},o("smoothly-table-head",{key:"c0bdfe025083af1569395f48452d7c1bf2ce2e8e"},o("smoothly-table-row",{key:"70ef7fc95d6327e8c50134a3815f2b025c4d1f89"},o("div",{key:"c9d2b13223be6eddbb4831a9107b1a862d296f94",class:"smoothly-table-cell"},"Id"),o("div",{key:"14cad91fd59c36a04673ea16250014ea894e0006",class:"smoothly-table-cell"},"Name"),o("div",{key:"714b0198d5bc725eb78f937741b588b20eed003e",class:"smoothly-table-cell"},"Age"),o("div",{key:"f65a8705ba26a84827e11db27c763ea0f2308328",class:"smoothly-table-cell"},"Balance"))),o("smoothly-table-body",{key:"531c1e3c65c0947291ab22cc888c18615f6b4ee7"},(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)))))))}};ci.style=ri();const hi=()=>`.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 di=class{constructor(e){t(this,e)}render(){return o(s,{key:"91f4891d9b3f238bbf5897254a8e709af436905a"},o("smoothly-display",{key:"4b2dd92dffa7b2853be7d70a331308f12b04c5c2",type:"text",value:"Simple"}),o("smoothly-table",{key:"6a9840d72c42ae57008fe773a1e2efaaa598271f",color:"primary",columns:2},o("smoothly-table-head",{key:"033754254544d75ce9c7ae69af93803eebc4136d"},o("smoothly-table-row",{key:"de2622eda56a4843b7b1b91d9b9ee2c700fcb3c6"},o("smoothly-table-cell",{key:"e445efc0c5585fc269ca0dc74873daef7679cf26"},"Breed"),o("smoothly-table-cell",{key:"0f054ac68fae8dbdd09e467cede70e397529e722"},"Coat"))),o("smoothly-table-body",{key:"f80f23b30de2b1dcd6a266b8d1e1ae10b96c1e46"},mi.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:"d469f986bbf4e1172906d081be9c73123e3940b5"},o("smoothly-table-cell",{key:"437a8c8262a11e7270248adb3c8ee8598d4cf4e6"},"Cell5"),o("smoothly-table-expandable-cell",{key:"3b58406815a7ce4568528d84aabb78627dba819c"},"Expandable Cell",o("div",{key:"852283739f4d7085726ace98dfd4bf40c5572d95",slot:"detail"},"Content of the expandable cell"))),o("smoothly-table-row",{key:"249c5a4b449506fc29fa6de81f3018c4f3afdb69"},o("smoothly-table-expandable-cell",{key:"89bd889979a763f5d122f4b702955f6ec8a875a3"},"Expandable Cell 1",o("div",{key:"8c022dbeb53e51f4cfa7dfad98c2040d04d453fa",slot:"detail"},"Content of the expandable cell 1")),o("smoothly-table-expandable-cell",{key:"31cbf39571004b680efaecffb7674804191a5997"},"Expandable Cell 2",o("div",{key:"3f2fb41ed70a88f413b0133dd5d85aa53bb9f062",slot:"detail"},"Content of the expandable cell 2")))),o("smoothly-table-foot",{key:"814c8d8d2faab31d6edc4af6f20ad150352f96ea"},o("smoothly-table-row",{key:"c9c8981af50d5f2daf71f234f14a0ae2213d2c2a"},o("smoothly-table-cell",{key:"f7ee5b1e9bafd407ee9d191645efea768e9998f9"},"Footer Cell"),o("smoothly-table-cell",{key:"85a523e583fbd8d45fa0c62ebc14d4f4f6be9ced"},"Footer Cell")))))}};const mi=[{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"}];di.style=hi();const yi=()=>`.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 bi=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:"83c526f00d51b0168a455e9bf868ebe197665443",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:"bd6ef753fad107892472d513d3e85e2303496bb1",class:"content"},o("slot",{key:"ce3529ccc72dcc4434fc759be3de926b923952b4"})),o("div",{key:"bb6ecf54d7568c46a582e5e9b7e34040d3318800",class:"smoothly-table-detail",ref:t=>this.detailElement=t},o("slot",{key:"55da6c2611dfa327b27b24d5f93f19f58f273c34",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}};bi.style=yi();const ui=()=>`.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 pi=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:"ff903b0e76d26c2b0828b970b5543cfd0032d64a",onClick:t=>this.clickHandler(t)},o("slot",{key:"483c340f950cad51409b816cb72edb5de6f06856"}),o("div",{key:"296d3287e2106d7e0f1703f0f51745e22abac101",class:"smoothly-table-detail",ref:t=>this.div=t},o("slot",{key:"23d911a603915e5dfbd807b29c22609382edd008",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}};pi.style=ui();const fi=()=>`.sc-smoothly-table-filler-row-h{grid-column:1 / -1}`;const gi=class{constructor(e){t(this,e)}render(){return o("smoothly-table-row",{key:"8d580002c87f7b0e829c8611ff035bc6b135fd94"},o("smoothly-table-cell",{key:"3ebb3485d3fe53900dea32010e5174f9bc27013d"},o("slot",{key:"a30dd8ac3c009058d6fba5acebe6608368b92af8"})))}};gi.style=fi();const ki=()=>`.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 vi=class{constructor(e){t(this,e)}render(){return o(s,{key:"6fd2e248de8df09b4b20908c00272e7751c63a6b"},o("slot",{key:"66634f6fcbd68eed2628c4d16e7ff3cf4d7ad78c"}))}};vi.style=ki();const wi=()=>`.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 xi=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:"4e36d52e779e650ece819865062e1b2e3c910aa3",class:{scrolled:!!this.scrolled},style:{"--top":`calc(${this.depth} * var(--smoothly-table-cell-min-height))`,"--z-index":`${10-this.depth}`}},o("slot",{key:"0ffd90e5c1661e52c1a2047ce754889c51cb7727"}))}get element(){return a(this)}};xi.style=wi();const Ci=()=>`.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 Si=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:"79c849e4643bb16dead2af107b205abb420084f7"},o("slot",{key:"193f73152f488024219ed4af47d1b34d81fca26c"}))}};Si.style=Ci();const zi=()=>`.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 Ii=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:"06b9db603c4254382dcd7fc3d7dfaf3a2c6be521"},o("div",{key:"22b594f2c066cf6b2f92139b5847972e204bda1d",onClick:()=>this.clickHandler()},o("div",{key:"9c082d0cbccf65d45637e5e3999aa0e4503eb3b9"},o("slot",{key:"2530eb7dd1162dc407169270b20fe0fc14a747b1",name:"start"})),o("div",{key:"d2b06391bca18891401c5a31e4f98a0e2e34479d"},o("slot",{key:"f64c478dd61c7abd1c35fa809b85a3a8e0264cab",name:"end"}))),o("div",{key:"8d3c37ffa856ddfea5b0275104c055a75540168b"},o("slot",{key:"9856a2795799b61ddd4c231054208c960eaba96f"})))}};Ii.style=zi();const Ti=()=>`.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 Di=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}]}}};Di.style=Ti();const ji=()=>`.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 Li=class{constructor(e){t(this,e)}render(){return o(s,{key:"c0a6d3252227ca35115022479e20eae1518a0ea0"},o("div",{key:"987c89d2b7d434a7ededccad9aa2592370f35c56"},o("smoothly-button",{key:"9d1e4baa19cbfd20f0741b62cf1faba0eee5e9f9",color:"primary",onClick:()=>this.extraTab1=!this.extraTab1},this.extraTab1?"Remove":"Add"," tab")),o("smoothly-tabs",{key:"00e5d3f1a502d466d8f7bb57dc99b8f43b4cec5c",tabs:"multiple"},o("smoothly-tab",{key:"f349ea433e31c9fa0601552c83744fb0fd59c0dc",label:"Single Tab",open:true},o("strong",{key:"1d9e472b1bcb6eab690b534d9c54c85df6ff6bad"},"Single Tab content here.")," If only one tab is available setting ",o("code",{key:"69f193a4e9a7022eb5a57bf6ba1ce25642440932"},"tabs")," to"," ",o("code",{key:"a2e44255abc6ffcbb97fa40620795d66b708dbe4"},'"multiple"')," will hide the tab navigation and display the single tab's content directly."),this.extraTab1&&o("smoothly-tab",{key:"dd469d65650aef03d78794be04a3753e9f6503b1",label:"Extra tab"},"When there are more then one tab, the tab navigation will show.")),o("div",{key:"d4c74375b2a2462272536302cae4c2b8d156d9e8"},o("smoothly-button",{key:"b8cb8984081584464d24ac00f8eb31beec0a1ec6",color:"primary",onClick:()=>this.extraTab2=!this.extraTab2},this.extraTab2?"Remove":"Add"," tab")),o("smoothly-tabs",{key:"13b0f9af28c870dc8eae74930e358b8c2c3e3a31"},o("smoothly-tab",{key:"fb2a32bf6a82f57c6f17684262448dfa7ca7312f",label:"Disabled tab",tooltip:"Tooltip for test3",disabled:true},"this is a test message again!"),o("smoothly-tab",{key:"bc21b1abc992aeb53f934b528888e44e334c651a",label:"test1",tooltip:"Tooltip for test1",open:true},"Hello world!"),o("smoothly-tab",{key:"9fb5f89c51f22e527fb3f18c48f5018ef1624364",label:"test2"},"this is a test message!"),this.extraTab2&&o("smoothly-tab",{key:"e563eaf2cffb105047505abee23958965108fba1",label:"test-extra"},"this is a test message!")))}};Li.style=ji();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 Ri=class{constructor(e){t(this,e)}render(){return o(s,{key:"fc491c82a4336ac22b0ae27664dc30b8ad2e6ddf"},this.color,["tint","color","shade"].map((t=>o("smoothly-theme-color-variant",{title:`${this.color} ${t}`,color:this.color,variant:t}))))}};Ri.style=_i();const Ai=()=>`.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 Ei=class{constructor(e){t(this,e);this.variant="color"}render(){return"Aa"}};Ei.style=Ai();const Mi=()=>`.sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1rem;column-gap:0.5rem;width:fit-content}`;const $i=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})))}};$i.style=Mi();const Oi=()=>`.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 Pi=class{constructor(e){t(this,e)}render(){return o(s,{key:"f0c5a5037d8d733f786d8ce3b21e0979856ea24c"},o("h2",{key:"ffc46c881e6f125cd636f48ed99e9b09483777a3"},"Theme"),o("smoothly-theme-picker",{key:"fa85e3f66a7396add5817d5865a9ec72e189ed82"},o("smoothly-item",{key:"5d0d85fb7891f8128f773cce4541853bec86c218",selected:true,value:"assets/style/smoothly.css"},"Smoothly"),o("smoothly-item",{key:"4c55805827a7429ee79c3b5b2bdb77ef101c1755",value:"https://app.issuefab.com/assets/style/index.css"},"Issuefab"),o("smoothly-item",{key:"5317ebcb61a09140363221a803aa26a3dbfb1c56",value:"https://app.proquse.com/assets/style/index.css"},"Proquse"),o("smoothly-item",{key:"c4ec847f0f40e1ddf9ebb35a11a20965ffa8c7b9",value:"https://app.weekmeter.com/assets/style/index.css"},"Weekmeter"),o("smoothly-item",{key:"eb5645045d8906ee1ef1d7ef9878f0d3a85ad194",value:"https://test.dash.pax2pay.app/p2pdash.css"},"Pax2Pay Dashboard"),o("smoothly-item",{key:"70e9b33c310e0a882c72d22581a0b15d731585cf",value:"https://ui.pax2pay.app/assets/style/pax2pay.css"},"Pax2Pay Portal"),o("smoothly-item",{key:"94fce8e04541ce2b9f0ef82a18be6639f74973be",value:"https://theme.payfunc.com/intergiro/index.css"},"Intergiro Monitor"),o("smoothly-item",{key:"97e2ba87bea89e4757bd57295941148046f3917f",value:"https://theme.payfunc.com/light/index.css"},"Payfunc Light"),o("smoothly-item",{key:"50c90c022145e5f03cb83bc69e31e25f1d7cc28d",value:"https://theme.payfunc.com/dark/index.css"},"Payfunc Dark")),o("div",{key:"1e29f47ff30f071b712a20fc204a975a32370a06"},o("smoothly-theme-colors",{key:"b7a0d1e92bb6a6e2c89018b72fb64457dced7b46"}),o("smoothly-theme-guide",{key:"6dbfe67e1241557f3d3ac2411ad01d39119f877a"})),o("smoothly-button",{key:"d91c71c4a3fd05d492acffb741b215dd6c4b957c",type:"link",link:"/redirect"},"To redirect"),o("smoothly-button",{key:"3d47ad9f1472edbf824405924068b588aca5013c",type:"link",link:"/redirect"},"To /redirect"),o("smoothly-button",{key:"914d0de16407dae3f29d412c64b799bd0d6c220a",type:"link",link:new URL("/redirect",window.location.origin).href},'To new URL("redirect")'),o("smoothly-button",{key:"db36742a02c5c56ab0f80daa99d3a2bd6d10984d",type:"link",link:"redirect/nested"},"To redirect nested"))}};Pi.style=Oi();const Hi=()=>`.sc-smoothly-theme-guide-h{max-width:50ch}`;const Fi=class{constructor(e){t(this,e)}render(){return[o("smoothly-display",{key:"f1df988e927d7a410fb804c256d83fd2e5df3270"},"Tint is used as background to highlight, for example hovering an item in the select menu."),o("br",{key:"d88375d6837282086c1b28679979c5c30535bf6f"}),o("smoothly-display",{key:"92197798a41f3637cdb44eb0d771314994f8558b"},"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:"f3babcf46ea37dd12f0963dc5aea96663192b36d"}),o("smoothly-display",{key:"62bcb9535f7bdd1278867a5c7ef64a523f8165c2"},"Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),o("br",{key:"10c741b12802f9afdfce58261f02f3d82c313ea7"}),o("smoothly-display",{key:"3611691ee95a6349d47fcd73361bbb24e944ea97"},"One can use the ","<smoothly-color>"," component to switch between what color set is used."," "),o("br",{key:"abfa804436d8eae1a12e021ee848ddd63ade667a"})]}};Fi.style=Hi();const Ui=()=>``;const Ni=class{constructor(e){t(this,e);this.element="smoothly-css"}render(){return o(s,{key:"3d64ad9ce926088343c92623b0c1a160f8ac6b12"},o("smoothly-input-select",{key:"6d5fd6f6e60d38230bb5e5093ae3a3c363bcbf46",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:"833d1f1acc791ab7eaa91c6ac44d0a49fe4730d2",slot:"label"},"Select theme"),o("slot",{key:"40db0ed1a542a37e5b7eb3c605927d9ecb52ba0d"})))}};Ni.style=Ui();const Yi=()=>`.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 Wi=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:"945d2ccf63b6151062eb53a452e0f0f692dc4c24"},o("button",{key:"b9c395ce35fc7bc680217e09ad206b54a7b62241",type:"button",disabled:this.disabled,onClick:()=>this.handleClick()},o("smoothly-icon",{key:"7ba58e7bb4e71ee39dc447534f5ff020ebbc6147",color:this.color,name:!this.checkmark?"ellipse":this.selected?"checkmark-circle":"close-circle",fill:"clear",class:{selected:this.selected}})))}};Wi.style=Yi();const Bi=()=>`.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 Vi=class{constructor(e){t(this,e)}render(){return o(s,{key:"6d75883f10a6927501fbbe6a03f82ef7528133be"},o("h4",{key:"625ba905112acc2df7c3126199167707b03c210d"},"Toggle switches"),o("div",{key:"5f2287372e9c1052aed9b1479e8bbbbf6dd64757"},o("p",{key:"edef7d5d95c5fa0419555941c1e45ea40b045ce3"},"Checkmark"),o("span",{key:"c397f7c3cfc3409b82cb530e03f0c8e670041435"},o("p",{key:"ab0a7e9ba7b3e413b0d7019c09a252592840da21"},"Tiny"),o("smoothly-toggle-switch",{key:"2afce65a2ec65e39c88d8fb4520edc6dff419ea2",disabled:false,size:"tiny"})),o("span",{key:"67696d9cb555e62ae71f9c40fe4f8ebee7931e35"},o("p",{key:"6b304afb35f96bb0dfd8aed9db8490dd7ca40298"},"Small"),o("smoothly-toggle-switch",{key:"bc35c4113a7f9393d53806f789a54589e3dc2353",disabled:false,size:"small"})),o("span",{key:"865f6cccdff04345c79ec1bcee9f5e6534dec7fd"},o("p",{key:"6d5519e11c79219503d715320d738950c37d780c"},"Standard"),o("smoothly-toggle-switch",{key:"d5602d7f3f60b7ded9eb7248e71d1b3f750b777f",disabled:false})),o("span",{key:"273f17415a1e8c9f108309e6d4fcfdcf17c608b7"},o("p",{key:"e8c5ad08bc97b6694f1b2606a5d8626c2f278126"},"Large"),o("smoothly-toggle-switch",{key:"cf6cce07734bbf3c50a4a443c68fba38d63fc8dd",disabled:false,size:"large"})),o("p",{key:"147584c6d76a94f2a2588d15154113f94402464d"},"Colors checkmark"),o("span",{key:"37e5370fdfc007d0368a28d2bea98d37ed288312"},o("p",{key:"5500276de9dbf6a9fdf2fd15ecbfd2b8299809e8"},"Danger"),o("smoothly-toggle-switch",{key:"78879aa4d4277bf89dc24e6cf287c1accfdfec6f",color:"danger",disabled:false,size:"small"})),o("span",{key:"4b86b7193d1982ff84bc5691a342916f62281059"},o("p",{key:"4da64077bf3f54d0800abab5b6f2a10b8b4c97d2"},"Primary color"),o("smoothly-toggle-switch",{key:"534d2e2bf89fd7dea185eff41d8a3f1711d76078",color:"primary",disabled:false,size:"small"})),o("span",{key:"72f8aad6e84051d29e1f9ba18ecb4895612c936c"},o("p",{key:"f4aa9ffc25c89dd66d17483dfa7a0489ae1d6bba"},"Secondary color"),o("smoothly-toggle-switch",{key:"15bfaeed2c51163bc7de95f061cde923b7607654",color:"secondary",disabled:false,size:"small"})),o("p",{key:"199c1a9d0a3d6eae579a5b7df8d0d9e2758a6fe8"}),o("p",{key:"de9327fe62e464761eb16462480a1802226221aa"},"Colors no checkmark"),o("span",{key:"571bbf458b871cf5cac9876a476b7754df87ae44"},o("p",{key:"ef59738e2b79bf43de0b1192842173157d5e3406"},"Danger"),o("smoothly-toggle-switch",{key:"97a4641ae8fe82838241816b46b2d8f79c4f9908",checkmark:false,color:"danger",disabled:false,size:"small"})),o("span",{key:"b58b64c313b1d4f9aad01d581920e52be572de4e"},o("p",{key:"1a794486d86bccac605e8faa18c87cb5e85dc69a"},"Primary color"),o("smoothly-toggle-switch",{key:"dccb06b7ba71fc9ec9e5e1cd430ae8c82f6e03c4",checkmark:false,color:"primary",disabled:false,size:"small"})),o("span",{key:"29477d34ea6de176fe86cd7979d0e638219c38d7"},o("p",{key:"4180155f37c46569c583d626f7c6c528f77daf86"},"Secondary color"),o("smoothly-toggle-switch",{key:"3dc6be79be809e7b13e5510538221a7d58044137",checkmark:false,color:"secondary",disabled:false,size:"small"}))))}};Vi.style=Bi();const Gi=()=>`.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 Ki=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:"b29e3e2eb0ab5d17b9602df55ad9afb0d0565243",disabled:this.disabled,name:this.name},o("slot",{key:"df1757d80fe0e05d8d497b1aa168e9992ee423a2"}));break}return t}};Ki.style=Gi();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,Et as smoothly_button,$t 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,Es as smoothly_input,$s 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,Ca as smoothly_input_select,za as smoothly_input_submit,Ta as smoothly_item,ja as smoothly_label,_a as smoothly_lazy,Ra as smoothly_load_more,Ea as smoothly_modal,$a as smoothly_notification,Pa as smoothly_notifier,Fa as smoothly_spinner,Na as smoothly_summary,Wa as smoothly_tab,Va as smoothly_table,Ka as smoothly_table_body,Za as smoothly_table_cell,Xa as smoothly_table_demo,ti as smoothly_table_demo_colspan,oi as smoothly_table_demo_filler_row,ai as smoothly_table_demo_group,ni as smoothly_table_demo_nested_no_cell,ci as smoothly_table_demo_nested_no_cell_inner,di as smoothly_table_demo_simple,bi as smoothly_table_expandable_cell,pi as smoothly_table_expandable_row,gi as smoothly_table_filler_row,vi as smoothly_table_foot,xi as smoothly_table_head,Si as smoothly_table_row,Ii as smoothly_table_row_group,Di as smoothly_tabs,Li as smoothly_tabs_demo,Ri as smoothly_theme_color,Ei as smoothly_theme_color_variant,$i as smoothly_theme_colors,Pi as smoothly_theme_demo,Fi as smoothly_theme_guide,Ni as smoothly_theme_picker,Wi as smoothly_toggle_switch,Vi as smoothly_toggle_switch_demo,Ki as smoothly_trigger};
-//# sourceMappingURL=p-0a7de225.entry.js.map