smoothly 1.116.0 → 1.117.0

package/dist/smoothly/p-43e4b703.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o,H as s,g as a,F as i}from"./p-CdFSoe1d.js";import{b as l,S as n,C as r,F as c,I as d,T as h,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-CbMKpwBI.js";import{B as w,S as x}from"./p-DZSl4MD1.js";import{i as C}from"./p-BVKhAhsB.js";import{N as S}from"./p-Bq3C8g8G.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=t.detail.path;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:"746fa3adf359072b95f0b00ecea914189bdfead2",class:{"smoothly-mobile-mode":this.mobileMode}},o("smoothly-notifier",{key:"ddf542afef536ab6141394b658e82686bd414e69"},o("header",{key:"511a856fb813b5476a705c993734380ad94194cf",color:this.color},o("h1",{key:"9c3e79f9fcd3ef587183e3b83d646753a0f8dd7c"},o("a",{key:"9be4ba4d2ffaeaca1cb00752b5fcba0b1b64c261",href:""},this.label)),o("slot",{key:"92573b6cffad97e2afbfb6b6a7d5d1fb8f0ec59e",name:"header"}),o("nav",{key:"4a7c5cbbb39a82b845775d6dd0015a47ab72757d",ref:t=>this.navElement=t},o("ul",{key:"a8035a4e9143d4cd49ac4edfbb837785a8a58cd8"},o("div",{key:"2c4de281ad7f522c2c09acfcad890eadabc30c40",class:"nav-start-container"},o("slot",{key:"05e3f3a40f45d9505a463a29c90bbfcc2a3ff330",name:"nav-start"})),o("slot",{key:"695fd5bef476d1c00e5654803c03e94c8218943a"}),o("div",{key:"382c0271207f040374c3f69aa2946d0938bbb1c1",class:"nav-end-container"},o("slot",{key:"02fe44b3c557b7a930f24fdc465d8824eccbbbef",name:"nav-end"})))),o("smoothly-burger",{key:"fad0b5d8e2841ed284af04d9b0554e91ddf98575",ref:t=>this.burgerElement=t,open:this.menuOpen,onSmoothlyNavStatus:t=>(t.stopPropagation(),this.menuOpen=t.detail)})),o("main",{key:"5c6464b6db6e0eba2acbaf5efd549cebe08c1a95",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:"2a54a53a694e23460e96b9fb04483204f9e1c347",path:"/notifier",label:"Notices",content:o("smoothly-notifier-demo",null)}),o("smoothly-app-room",{key:"d57766baebf8df0791e1e5f845c2bac7d7b8729f",path:"/dialog",label:"Dialogs",content:o("smoothly-dialog-demo",null),slot:"nav-end"}),o("smoothly-app-room",{key:"d5bde6145e9950a3ddcda8e24d811203a4b69f27",path:"/display",label:"Display",content:o("smoothly-display-demo",null),slot:"nav-end"}),o("smoothly-app-room",{key:"3d56ef533e12cb88ec84bd2fdc63a60e64031083",path:"/tabs",label:"Tabs",slot:"nav-end"},o("smoothly-tabs-demo",{key:"271d70eb22cc0152161d42c137a3d00c19c6bba3"})),o("smoothly-app-room",{key:"c0cbe202e3d74ceacd8e88795c58ece2c1392bf5",path:"/links",label:"Links",slot:"nav-end"},o("smoothly-input",{key:"a39f0e568b614baaf271585da4ee013e48ff24fe",type:"text"},"Default"),o("div",{key:"a75dc6524b85da5e0c81b75a9b74d020c2723384",style:{padding:"1em",maxWidth:"12em"}},o("smoothly-button",{key:"a3820b0c802acc358ee3ab4ca9483411bdff04a8",fill:"solid",color:"danger",link:"https://google.com"},"open"),o("smoothly-button",{key:"fd1c12e214b53d8acdb8828cb616356ae8fe94e9",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:"f7c9c0a9eb4ca942f56e02b840087398a2688cd8",fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),o("smoothly-button",{key:"ebce581340217e91d6abf1bbff7538f77c5842ae",disabled:true,fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),o("smoothly-button",{key:"01c20890774174c6ec793de4711d8e0530630108",type:"link",fill:"clear",color:"danger",onClick:()=>alert("clicked")},"action link"))),o("smoothly-app-room",{key:"42945bb6698943a783d0502f3ff0a08cb6ad583e",path:"/redirect",label:"Redirect",slot:"nav-end"},o("smoothly-button",{key:"b022c14f0680b1ca5f511cd87ab152a9ffb5b15d",type:"link",link:"/input"},"To input"),o("smoothly-button",{key:"566a1821001da85b67ce9f68f74b590c5319f060",type:"link",link:"../button"},"To button"),o("smoothly-button",{key:"e99bbe6cbb348b2c8b2dba558458c08dea22db21",type:"link",link:new URL("/hidden",window.location.origin).href},"To hidden"),o("smoothly-button",{key:"61e59ec9039a63b1d9c50c6705dc0098027be92a",type:"link",link:"/redirect"},"To redirect"),o("smoothly-button",{key:"511eba63ae34b4151e99ce482cb532849ab91dd7",type:"link",link:"nested"},"To redirect nested, relative path")),o("smoothly-app-room",{key:"bac6fa14c1c0dd2ebda292fe70255e53f466dc00",path:"/hidden"},o("p",{key:"1acd1207b775790f189fd8d8c3fb96a5b8d8a991"},"hello world!")),o("smoothly-app-room",{key:"2ecda7ecb183b382bb2987195af5a96e13e3b8b1",path:"/redirect/nested"},"this is a nested room"))}};var _=class{constructor(t,e,o,s,a,i){this.type=3;this.name="";this.prefix="";this.value="";this.suffix="";this.modifier=3;this.type=t;this.name=e;this.prefix=o;this.value=s;this.suffix=a;this.modifier=i}hasCustomName(){return this.name!==""&&typeof this.name!=="number"}};var R=/[$_\p{ID_Start}]/u;var A=/[$_\u200C\u200D\p{ID_Continue}]/u;var $=".*";function M(t,e){return/^[\x00-\x7F]*$/.test(t)}function E(t,e=false){const o=[];let s=0;while(s<t.length){const a=t[s];const i=function(a){if(!e)throw new TypeError(a);o.push({type:"INVALID_CHAR",index:s,value:t[s++]})};if(a==="*"){o.push({type:"ASTERISK",index:s,value:t[s++]});continue}if(a==="+"||a==="?"){o.push({type:"OTHER_MODIFIER",index:s,value:t[s++]});continue}if(a==="\\"){o.push({type:"ESCAPED_CHAR",index:s++,value:t[s++]});continue}if(a==="{"){o.push({type:"OPEN",index:s,value:t[s++]});continue}if(a==="}"){o.push({type:"CLOSE",index:s,value:t[s++]});continue}if(a===":"){let e="";let a=s+1;while(a<t.length){const o=t.substr(a,1);if(a===s+1&&R.test(o)||a!==s+1&&A.test(o)){e+=t[a++];continue}break}if(!e){i(`Missing parameter name at ${s}`);continue}o.push({type:"NAME",index:s,value:e});s=a;continue}if(a==="("){let e=1;let a="";let l=s+1;let n=false;if(t[l]==="?"){i(`Pattern cannot start with "?" at ${l}`);continue}while(l<t.length){if(!M(t[l])){i(`Invalid character '${t[l]}' at ${l}.`);n=true;break}if(t[l]==="\\"){a+=t[l++]+t[l++];continue}if(t[l]===")"){e--;if(e===0){l++;break}}else if(t[l]==="("){e++;if(t[l+1]!=="?"){i(`Capturing groups are not allowed at ${l}`);n=true;break}}a+=t[l++]}if(n){continue}if(e){i(`Unbalanced pattern at ${s}`);continue}if(!a){i(`Missing pattern at ${s}`);continue}o.push({type:"REGEX",index:s,value:a});s=l;continue}o.push({type:"CHAR",index:s,value:t[s++]})}o.push({type:"END",index:s,value:""});return o}function O(t,e={}){const o=E(t);e.delimiter??(e.delimiter="/#?");e.prefixes??(e.prefixes="./");const s=`[^${P(e.delimiter)}]+?`;const a=[];let i=0;let l=0;let n=new Set;const r=t=>{if(l<o.length&&o[l].type===t)return o[l++].value};const c=()=>r("OTHER_MODIFIER")??r("ASTERISK");const d=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 h=()=>{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 d;if(!o){d=s}else if(o==="*"){d=$}else{d=o}let h=2;if(d===s){h=1;d=""}else if(d===$){h=0;d=""}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 _(h,m,y(t),d,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=h();const e=r("NAME");let o=r("REGEX");if(!e&&!o){o=r("ASTERISK")}const s=h();d("CLOSE");const a=c();f(t,e,o,s,a);continue}p();d("END")}return a}function P(t){return t.replace(/([.+*?^${}()[\]|/\\])/g,"\\$1")}function H(t){return t&&t.ignoreCase?"ui":"u"}function F(t,e,o){return N(O(t,o),e,o)}function U(t){switch(t){case 0:return"*";case 1:return"?";case 2:return"+";case 3:return""}}function N(t,e,o={}){o.delimiter??(o.delimiter="/#?");o.prefixes??(o.prefixes="./");o.sensitive??(o.sensitive=false);o.strict??(o.strict=false);o.end??(o.end=true);o.start??(o.start=true);o.endsWith="";let s=o.start?"^":"";for(const a of t){if(a.type===3){if(a.modifier===3){s+=P(a.value)}else{s+=`(?:${P(a.value)})${U(a.modifier)}`}continue}if(e)e.push(a.name);const t=`[^${P(o.delimiter)}]+?`;let i=a.value;if(a.type===1)i=t;else if(a.type===0)i=$;if(!a.prefix.length&&!a.suffix.length){if(a.modifier===3||a.modifier===1){s+=`(${i})${U(a.modifier)}`}else{s+=`((?:${i})${U(a.modifier)})`}continue}if(a.modifier===3||a.modifier===1){s+=`(?:${P(a.prefix)}(${i})${P(a.suffix)})`;s+=U(a.modifier);continue}s+=`(?:${P(a.prefix)}`;s+=`((?:${i})(?:`;s+=P(a.suffix);s+=P(a.prefix);s+=`(?:${i}))*)${P(a.suffix)})`;if(a.modifier===0){s+="?"}}const a=`[${P(o.endsWith)}]|$`;const i=`[${P(o.delimiter)}]`;if(o.end){if(!o.strict){s+=`${i}?`}if(!o.endsWith.length){s+="$"}else{s+=`(?=${a})`}return new RegExp(s,H(o))}if(!o.strict){s+=`(?:${i}(?=${a}))?`}let l=false;if(t.length){const e=t[t.length-1];if(e.type===3&&e.modifier===3){l=o.delimiter.indexOf(e)>-1}}if(!l){s+=`(?=${i}|${a})`}return new RegExp(s,H(o))}var Y={delimiter:"",prefixes:"",sensitive:true,strict:true};var W={delimiter:".",prefixes:"",sensitive:true,strict:true};var B={delimiter:"/",prefixes:"/",sensitive:true,strict:true};function V(t,e){if(!t.length){return false}if(t[0]==="/"){return true}if(!e){return false}if(t.length<2){return false}if((t[0]=="\\"||t[0]=="{")&&t[1]=="/"){return true}return false}function G(t,e){if(t.startsWith(e)){return t.substring(e.length,t.length)}return t}function K(t,e){if(t.endsWith(e)){return t.substr(0,t.length-e.length)}return t}function q(t){if(!t||t.length<2){return false}if(t[0]==="["){return true}if((t[0]==="\\"||t[0]==="{")&&t[1]==="["){return true}return false}var Z=["ftp","file","http","https","ws","wss"];function X(t){if(!t){return true}for(const e of Z){if(t.test(e)){return true}}return false}function J(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 ht(t)}else{return dt(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 dt(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 ht(t){if(t===""){return t}if(/[^0-9a-fA-F[\]:]/g.test(t)){throw new TypeError(`Invalid IPv6 hostname '${t}'`)}return t.toLowerCase()}function mt(t){if(t===""){return t}if(/^[0-9]*$/.test(t)&&parseInt(t)<=65535){return t}throw new TypeError(`Invalid port '${t}'.`)}function yt(t){if(t===""){return t}const e=new URL("https://example.com");e.pathname=t[0]!=="/"?"/-"+t:t;if(t[0]!=="/"){return e.pathname.substring(2,e.pathname.length)}return e.pathname}function bt(t){if(t===""){return t}const e=new URL(`data:${t}`);return e.pathname}function ut(t){if(t===""){return t}const e=new URL("https://example.com");e.search=t;return e.search.substring(1,e.search.length)}function pt(t){if(t===""){return t}const e=new URL("https://example.com");e.hash=t;return e.hash.substring(1,e.hash.length)}var ft=class{constructor(t){this.tokenList=[];this.internalResult={};this.tokenIndex=0;this.tokenIncrement=1;this.componentStart=0;this.state=0;this.groupDepth=0;this.hostnameIPv6BracketDepth=0;this.shouldTreatAsStandardURL=false;this.input=t}get result(){return this.internalResult}parse(){this.tokenList=E(this.input,true);for(;this.tokenIndex<this.tokenList.length;this.tokenIndex+=this.tokenIncrement){this.tokenIncrement=1;if(this.tokenList[this.tokenIndex].type==="END"){if(this.state===0){this.rewind();if(this.isHashPrefix()){this.changeState(9,1)}else if(this.isSearchPrefix()){this.changeState(8,1);this.internalResult.hash=""}else{this.changeState(7,0);this.internalResult.search="";this.internalResult.hash=""}continue}else if(this.state===2){this.rewindAndSetState(5);continue}this.changeState(10,0);break}if(this.groupDepth>0){if(this.isGroupClose()){this.groupDepth-=1}else{continue}}if(this.isGroupOpen()){this.groupDepth+=1;continue}switch(this.state){case 0:if(this.isProtocolSuffix()){this.internalResult.username="";this.internalResult.password="";this.internalResult.hostname="";this.internalResult.port="";this.internalResult.pathname="";this.internalResult.search="";this.internalResult.hash="";this.rewindAndSetState(1)}break;case 1:if(this.isProtocolSuffix()){this.computeShouldTreatAsStandardURL();let t=7;let e=1;if(this.shouldTreatAsStandardURL){this.internalResult.pathname="/"}if(this.nextIsAuthoritySlashes()){t=2;e=3}else if(this.shouldTreatAsStandardURL){t=2}this.changeState(t,e)}break;case 2:if(this.isIdentityTerminator()){this.rewindAndSetState(3)}else if(this.isPathnameStart()||this.isSearchPrefix()||this.isHashPrefix()){this.rewindAndSetState(5)}break;case 3:if(this.isPasswordPrefix()){this.changeState(4,1)}else if(this.isIdentityTerminator()){this.changeState(5,1)}break;case 4:if(this.isIdentityTerminator()){this.changeState(5,1)}break;case 5:if(this.isIPv6Open()){this.hostnameIPv6BracketDepth+=1}else if(this.isIPv6Close()){this.hostnameIPv6BracketDepth-=1}if(this.isPortPrefix()&&!this.hostnameIPv6BracketDepth){this.changeState(6,1)}else if(this.isPathnameStart()){this.changeState(7,0)}else if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 6:if(this.isPathnameStart()){this.changeState(7,0)}else if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 7:if(this.isSearchPrefix()){this.changeState(8,1)}else if(this.isHashPrefix()){this.changeState(9,1)}break;case 8:if(this.isHashPrefix()){this.changeState(9,1)}break}}}changeState(t,e){switch(this.state){case 0:break;case 1:this.internalResult.protocol=this.makeComponentString();break;case 2:break;case 3:this.internalResult.username=this.makeComponentString();break;case 4:this.internalResult.password=this.makeComponentString();break;case 5:this.internalResult.hostname=this.makeComponentString();break;case 6:this.internalResult.port=this.makeComponentString();break;case 7:this.internalResult.pathname=this.makeComponentString();break;case 8:this.internalResult.search=this.makeComponentString();break;case 9:this.internalResult.hash=this.makeComponentString();break}this.changeStateWithoutSettingComponent(t,e)}changeStateWithoutSettingComponent(t,e){this.state=t;this.componentStart=this.tokenIndex+e;this.tokenIndex+=e;this.tokenIncrement=0}rewind(){this.tokenIndex=this.componentStart;this.tokenIncrement=0}rewindAndSetState(t){this.rewind();this.state=t}safeToken(t){if(t<0){t=this.tokenList.length-t}if(t<this.tokenList.length){return this.tokenList[t]}return this.tokenList[this.tokenList.length-1]}isNonSpecialPatternChar(t,e){const o=this.safeToken(t);return o.value===e&&(o.type==="CHAR"||o.type==="ESCAPED_CHAR"||o.type==="INVALID_CHAR")}isProtocolSuffix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}nextIsAuthoritySlashes(){return this.isNonSpecialPatternChar(this.tokenIndex+1,"/")&&this.isNonSpecialPatternChar(this.tokenIndex+2,"/")}isIdentityTerminator(){return this.isNonSpecialPatternChar(this.tokenIndex,"@")}isPasswordPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}isPortPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,":")}isPathnameStart(){return this.isNonSpecialPatternChar(this.tokenIndex,"/")}isSearchPrefix(){if(this.isNonSpecialPatternChar(this.tokenIndex,"?")){return true}if(this.tokenList[this.tokenIndex].value!=="?"){return false}const t=this.safeToken(this.tokenIndex-1);return t.type!=="NAME"&&t.type!=="REGEX"&&t.type!=="CLOSE"&&t.type!=="ASTERISK"}isHashPrefix(){return this.isNonSpecialPatternChar(this.tokenIndex,"#")}isGroupOpen(){return this.tokenList[this.tokenIndex].type=="OPEN"}isGroupClose(){return this.tokenList[this.tokenIndex].type=="CLOSE"}isIPv6Open(){return this.isNonSpecialPatternChar(this.tokenIndex,"[")}isIPv6Close(){return this.isNonSpecialPatternChar(this.tokenIndex,"]")}makeComponentString(){const t=this.tokenList[this.tokenIndex];const e=this.safeToken(this.componentStart).index;return this.input.substring(e,t.index)}computeShouldTreatAsStandardURL(){const t={};Object.assign(t,Y);t.encodePart=nt;const e=F(this.makeComponentString(),void 0,t);this.shouldTreatAsStandardURL=X(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=J(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 d=l>0?t[l-1]:null;const h=l<t.length-1?t[l+1]:null;if(!c&&r&&n.type===1&&n.modifier===3&&h&&!h.prefix.length&&!h.suffix.length){if(h.type===3){const t=h.value.length>0?h.value[0]:"";c=a.test(t)}else{c=!h.hasCustomName()}}if(!c&&!n.prefix.length&&d&&d.type===3){const t=d.value[d.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&&(!d||d.type===3||d.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=ht}else{t.encodePart=dt}break;case"port":Object.assign(t,Y);t.encodePart=mt;break;case"pathname":if(X(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(){const t=Array.isArray(this.path)?this.path:[this.path];this.paths=t.map((t=>typeof t=="string"?new URLPattern({pathname:t}):t));this.selected=this.paths.some((t=>t.test(window.location.href)));this.smoothlyRoomLoad.emit({selected:this.selected});this.selected&&window.history.replaceState({smoothlyPath:this.paths[0].pathname},"",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),path:this.paths[0].pathname,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(){var t;return o(s,{key:"a85747f78cb72957e52a35bb4a5ddf7fd38c8901",class:{"smoothly-mobile-mode":this.mobileMode}},o("li",{key:"2a89979ce87b7cbcbc250014d6c60110bdf8c7eb"},o("a",{key:"e7c03470ceab8f52195b90eb04d97678a75368a4",href:(t=this.paths[0])===null||t===void 0?void 0:t.pathname,onClick:t=>this.clickHandler(t)},this.icon&&o("smoothly-icon",{key:"0b40566be9199d9c34b75ec1260fac0e962c0fd6",name:this.icon}),this.label&&o("span",{key:"e55412f3a1c041d81b1d3a4e7751a315eafeede3",class:"label"},this.label))),o("div",{key:"30eb0eda3109314348f4036ed6206779ad8cee96",ref:t=>this.contentElement=t},this.content&&o("smoothly-lazy",{key:"929973767465e67ba49580978d83811f31637b9f",content:this.content}),o("slot",{key:"a96c18f28066755f450174e9372e4ef8a25a7c57"})))}};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:"5743000aaec20538ad6a57688015cb4afd65d56b",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:"39ed5f8fb75c131e62e588101ec26fca43c7ca2c",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:"000c346b45f190a4616e30bd6b64c24a00d0be00"},o("smoothly-icon",{key:"be31c4e7dc3a8848a633801f705988329602805b",name:"menu"}))}get element(){return a(this)}static get watchers(){return{open:[{openChanged:0}]}}};Rt.style=_t();const At=()=>`[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-button-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-button-h{display:inline}[disabled].sc-smoothly-button-h{opacity:0.5}.sc-smoothly-button-h>a.sc-smoothly-button{font-weight:400;background-color:transparent}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-button-h>button.sc-smoothly-button{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-button-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-button-h:has(>a:empty),.sc-smoothly-button-h:has(>button:empty),.sc-smoothly-button-h>a.sc-smoothly-button:empty,.sc-smoothly-button-h>button.sc-smoothly-button:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-button-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-button-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-button-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-button{min-width:8rem}[size=icon].sc-smoothly-button-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-button-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-button-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-button-h:not([fill=clear]):not([disabled])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:not([disabled]):active>button.sc-smoothly-button::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:hover::before,[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:focus-within::before,[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-button-h>button.sc-smoothly-button,.sc-smoothly-button-h.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-button-h{display:none}`;const $t=class{constructor(e){t(this,e);this.disabled=false}render(){return o(s,{key:"fddb810b2465ce82a68ce0bf4789aa8f14f79303",title:this.tooltip},o(w,{key:"3c08a7871e9ed69611790646f87fc7dae834330c",disabled:this.disabled,type:this.type,link:this.link},o("slot",{key:"8048ac9a2c4e450201ef15b82f66532c253783d9"})))}};$t.style=At();const Mt=()=>`.sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}`;const Et=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyConfirm=e(this,"smoothlyConfirm");this.doubleClickTime=.2;this.disabled=false}clickHandler(t){if(this.clickTimeStamp&&t.timeStamp-this.clickTimeStamp>this.doubleClickTime*1e3){this.timer&&window.clearTimeout(this.timer);this.clickTimeStamp=undefined;this.smoothlyConfirm.emit({[this.name]:true})}else{this.clickTimeStamp=t.timeStamp;this.timer=window.setTimeout((()=>{this.clickTimeStamp=undefined}),2e3)}}render(){return o(s,{key:"4412f32553a126e383e1d9bf32d1d0013eb85bc9",warning:this.clickTimeStamp},o("smoothly-button",{key:"8f53b5dfa7d10e669536b87c7d91a9fe2f05a240",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:"be8bbedf8b038e06468c5aac4c813a5af41205ff",name:"alert-outline",fill:this.fill,color:"warning",size:this.size==="icon"?"tiny":"small"})),o("smoothly-button",{key:"719d905afde3e78e2297eba4bb7cc37e1a8728d6",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:"f3add649906ef5e0d5dd6a7fb504a2af4efe0e66"})))}};Et.style=Mt();const Ot=()=>`smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}`;const Pt=class{constructor(e){t(this,e)}render(){return o(s,{key:"41fbe591e1a0c9ab6d1d73335a9b9f4a5a3c4d93"},o("section",{key:"59b6da9df3532752d3e5dcf9763c527d165bcf1f"},o("smoothly-button-demo-standard",{key:"27bf9cd1746a1718bf887dcef5d79230b01318ff"})),o("section",{key:"e7e87e4c84c0e8df43d56f217196e27a9bb5670e"},o("h4",{key:"8bf5cff46e4146474a9b91bfe8b83db89dd13c3a"},"Confirm button (two clicks)"),o("div",{key:"3c341489427dbf76dc4e9a200c23f58174696591"},o("smoothly-button-confirm",{key:"75793866c6111afbd5aeadf1bc6251f1efa9d592",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),o("smoothly-button-confirm",{key:"14bdceddb01044ae6979af4a0c8efe0970e81e3d",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},o("smoothly-icon",{key:"33058b7d3638a0ca28aee23a5fb238d60356b16d",name:"checkmark-outline",size:"tiny"})),o("smoothly-button-confirm",{key:"d7d306d14262d7b43c5c37af91ffb79f0be82b14",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},o("smoothly-icon",{key:"7ea300edde779ca34db97bb2fe60f0051b1e366d",name:"trash-outline",size:"tiny",fill:"outline"}))),o("smoothly-toggle-switch-demo",{key:"c6e8b4c78605733c73bab3c1aa8ae5e770cc14e4"}),o("h4",{key:"8e92524469b1b4e0a59d14907e8df2f4e7680887"},"Links with icons"),o("smoothly-button",{key:"4ca461c47396b88dd9c276248d2fb425255e26f8",type:"link"},o("smoothly-icon",{key:"07c089e06c38afc5d0abe83491c38716486225c6",name:"checkmark-circle",slot:"start"}),"type link"),o("smoothly-button",{key:"b1c765d706ee22acb4368b8a67b1faddb591581a",type:"button",color:"warning",fill:"default"},o("smoothly-icon",{key:"d3188cb32fd389fb88a3a1e760fe33867265c5fc",name:"call",slot:"start"}),o("a",{key:"9bdf562304a25ce3024ca58cb53fff7c4b04acb6",href:"https://google.com"},"link")),o("smoothly-button",{key:"5da225cc3dfd1638a54fc9ce533cd038cccc808e",link:"https://google.com",type:"link"},o("smoothly-icon",{key:"a2417e1fbdff1b064e1cc3f61c4fc1615291e44d",name:"arrow-forward",slot:"end"}),"link + type link"),o("h4",{key:"54a1da928e2c9c48638a12dd3768c001ba38a77f"},"Size and Color test"),o("smoothly-button",{key:"bce9b7538f39f17b0377f723310eadbad511ed80",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),o("smoothly-button",{key:"210799c91bfe94fb54b3434fd99e67075cc91b43",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),o("smoothly-button",{key:"374856692cefcb96deb1a38758eb4fec6f7808ab",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),o("smoothly-button",{key:"e807e6793fb358e6ced92caecb1d0feab2f011c7",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),o("smoothly-button",{key:"9bcde023dd0e12a84835bdd3d0c93d7602485246",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),o("smoothly-button",{key:"f98fb61b19dfbc7bbf29a740e7a5ae1997861c80",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),o("smoothly-button",{key:"6a46ea925f111b8c1d8b4510577d57f10e49ed1e",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),o("smoothly-button",{key:"3ced819c355f03ef775ace7ccfbb0206bbc07b6a",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),o("smoothly-button",{key:"3257cef08250f67f8ec2666130e3ea0645a8e2c7",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),o("h4",{key:"0a0800062a9f545328408b50f91d9f080cdee158"},"Expand examples"),o("smoothly-button",{key:"02fabfb6c3583fb8853d82c4b97245428253774a",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),o("smoothly-button",{key:"51ddb0b657a2648909072cac84055478db97f95d",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),o("h4",{key:"52624dee081a11c096585822d810cf4288059379"},"Fill examples"),o("div",{key:"2c1eeadd860b6115dd7fdd0b2f4f8538a564269a"},o("smoothly-button",{key:"9e5454cac152c3eaea53cb55f607ca32ab09ff62",shape:"rounded",color:"primary",fill:"solid"},o("smoothly-icon",{key:"188d4c19f60645acb41e0f47f4a96da2e544b8c0",name:"checkmark-circle",slot:"start"}),"Fill Solid"),o("smoothly-button",{key:"8587e3a0015b27248dd5b0cfa801e8abd962c5ab",shape:"rounded",color:"secondary",fill:"outline"},o("smoothly-icon",{key:"557848720b2df5e0425ba66f892b5bf29fa5ea2f",name:"checkmark-circle",slot:"start"}),"Fill Outline"),o("smoothly-button",{key:"bb9406a007325c258a6a7b1039fcb1665c0abd3a",shape:"rounded",color:"tertiary",fill:"clear"},o("smoothly-icon",{key:"ed23a5661e678f293cbfa5745d684e6b10dc8c1a",name:"checkmark-circle",slot:"start"}),"Fill Clear"),o("smoothly-button",{key:"910b4a12a963dc64747c0d37eac3ce437215982f",size:"icon",shape:"rounded",color:"success",fill:"solid"},o("smoothly-icon",{key:"f32e72f63b447d69655d51eb23fb23671132c34f",name:"basketball"}))),o("h4",{key:"13a6bf24881c6eb2c7753b6cc5a23dfe8c16f5bc"},'Buttons with Icon in "start"'),o("div",{key:"cc0e96b1435883957159795474f8cf7aead9586d"},o("smoothly-button",{key:"963d08b7ffe3533daa1a933ce66263616258f92b",shape:"rounded",fill:"solid",color:"warning"},o("smoothly-icon",{key:"6fd017cf57e5ebdf63078003e02d92c68c8f4af5",name:"checkmark-circle",slot:"start"}),"Check"),o("smoothly-button",{key:"0bfde99dba0e56974c4132d2ef6c727c9a2a809f",shape:"rounded",fill:"solid",color:"secondary"},o("smoothly-icon",{key:"5780d006fe5a007b68f17c537934ebae8fb23480",name:"basketball",slot:"start"}),"Check"),o("smoothly-button",{key:"00e418dec2de5f78e40f56a38bff2e66f0ea8744",shape:"rounded",fill:"solid",color:"success"},o("smoothly-icon",{key:"eed0a2bb3c839dd3d914dc0a07e1e3c51e3c5bf3",name:"call",slot:"start"}),"Check"),o("smoothly-button",{key:"7ccffbe4c12666ce4f167f0fdc9b6bc7078faeb0",size:"icon",fill:"solid",shape:"rounded",color:"success"},o("smoothly-icon",{key:"56531f0dd24f7c5bb0ae63fcf7b82935b60d24f2",name:"call"})),o("smoothly-button",{key:"8466fd4b388ad0e5411ba5f31975aaf6a1b0680b",size:"flexible",fill:"solid",color:"success"},o("smoothly-icon",{key:"1472f81c21140b5a8ee4408a947657cd673bd1dc",name:"airplane"}))),o("h4",{key:"0e2ac17f379dd54737037e4d3b32ad256ebf8494"},'Buttons with Icon in "end"'),o("smoothly-button",{key:"a4350f353ce14cb9adb6b362b0b11e527c0cd9fe",fill:"solid",color:"light"},"Go Forward",o("smoothly-icon",{key:"c8e56f3ab255349c872b991ec76de6c6ab878066",name:"arrow-forward",slot:"end"})),o("h4",{key:"4a318ff840e33a41e1afbdc2e328430ac4bbc830"},"Test for icon button"),o("div",{key:"9305973351f925768f74b64f7b790c92b1588839"},o("smoothly-button",{key:"da959f375b10df462b6bf8df9d5104dce89fb9d0",size:"icon",fill:"solid",shape:"rounded",color:"success"},o("smoothly-icon",{key:"141d5fa125a2a34220c4cf0320ec45ca3fe31139",name:"call"})),o("smoothly-button",{key:"0987067c106765e51df6f9586aa1d45d942ef125",size:"icon",shape:"rounded",color:"warning",fill:"solid"},o("smoothly-icon",{key:"5fa23e7a1d9b315af5354b55fc4eefd9835e0a44",name:"search-outline"})),o("smoothly-button",{key:"60e76fbb66064799f114cc841c813f9ee1d7d065",size:"icon",shape:"rounded",color:"secondary"},o("smoothly-icon",{key:"1ae4510d90d1b47baadee8f6ed7dd492066bd3e9",name:"checkmark-circle"}))),o("h4",{key:"fadbc9d0a253d68f24b030d2d52d73d5947d335a"},"Link examples"),o("div",{key:"8b4ced5d7bbb2e479073f04cfb98e7f98b41f01c"},o("smoothly-button",{key:"128369132e142d37361b6d640fde4d2743e145a7",type:"link"},"type link"),o("smoothly-button",{key:"b9f05aa9925ca88c1aa65f4e0b3040bed9d01e83",type:"button",fill:"clear"},o("a",{key:"9b565879faf7af07377103494a04b9c3c3a53c8a",href:"https://google.com"},"link")),o("smoothly-button",{key:"69355e4bbbf46fd49597bc3db62d31548d112f87",link:"https://google.com",type:"link"},"link + type link")),o("h4",{key:"dbc23f33d5d74c0147f658672f7a4fcfb166df9d"},"Disabled buttons"),o("div",{key:"0b6d087a8e7ca3a3c1b94159f126962b6c622b20"},o("smoothly-button",{key:"636c5d7b4ddfee2ca6b912b8c8f65e06b5a64136",disabled:true,fill:"solid",color:"secondary"},"Disabled"),o("smoothly-button",{key:"da4a2457eef26c077d603bd3482764ce357918ad",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),o("smoothly-back-to-top",{key:"2906fd515608fe4a3c880755bbb9dfee63d94889"}))}};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:"d6e6ca6091ae99e7203ec3d88a00d4b486f5f3bd"},o("h2",{key:"b62fd377ec00749b0f0f7b8cff1e2e2fdceb318d"},"Button Standard"),o("smoothly-form",{key:"c9c1113d5c7073b66d0cfbd90bfa552ca3104d37",onSmoothlyFormInput:t=>this.props=t.detail,looks:"grid"},o("smoothly-input-checkbox",{key:"0666c152084c24ec1596ab16d09b04da4f885752",name:"text.useColor",checked:true},"Use Color as Text"),o("smoothly-input-select",{key:"77fa423c1bed60c446bad2fee6ef4927610ac8af",name:"size"},o("span",{key:"d5cd74d1252542454a5fb6441d2099da14a53023",slot:"label"},"Size"),["small","large","icon","flexible"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input",{key:"b6df255a745261b34ef164f04c5458c77a9c286b",name:"text.value",value:"Button"},"Text",o("smoothly-input-clear",{key:"0ee5dff1bd206c5db7d1928773cef6890fb2ed80",slot:"end"})),o("smoothly-input-radio",{key:"f6f3027ea26fc6c6d077b79bbb228b6cd0809e54",name:"expand",clearable:true},o("span",{key:"33436d08686b4714e0cfdb0cea7ba6b082b666ed",slot:"label"},"Expand"),o("smoothly-input-radio-item",{key:"be55407c3191954aca07baf6aa027ac6bbe9d106",value:"block"},"block"),o("smoothly-input-radio-item",{key:"1e94daa9639011bf686019ba4883524f0073fae6",value:"full"},"full"),o("smoothly-input-clear",{key:"3b51e51710dbac5a260d3396546285234f55ad9e",slot:"end"})),o("smoothly-input-select",{key:"73b66b593f926e9035e4502bb8978deac7675d76",name:"fill"},o("span",{key:"5b143acb8c018f8c37d50788d77c8935fb5e014f",slot:"label"},"Fill"),c.values.map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"ef134a75c0dc58a8ef42ab5f382132eb8163452a",name:"disabled"},"Disabled"),o("smoothly-input-select",{key:"ad79838c8c83d40eeb08b1c5b83d6e82a9b6c87c",name:"type"},o("span",{key:"1581c9346c7c2443324996f8e2b79d03f31241da",slot:"label"},"Type"),["button","submit","reset","link"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"05a368b01328adf76df30553a714934b582c16f6",name:"rounded"},"Rounded"),o("smoothly-input-select",{key:"a8298ce4893589cdef6de8b311d393e1d4d7bd1d",name:"icon",menuHeight:"8items"},o("span",{key:"f0a06face2985f21d7159adb1ce523483268644a",slot:"label"},"Icon"),d.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:"5791bab3057dac0dfcbd69b3c593b331878b4ed0",slot:"end"})),o("smoothly-input",{key:"8c650a560e278a4aac4040ee101e4e1346ca3a54",name:"tooltip",value:"Tooltip"},"Tooltip",o("smoothly-input-clear",{key:"e67bfad19b0bc374f025055140a689bb45ec4dbb",slot:"end"}))),o("div",{key:"0c312b6d27ddb2a1a80c04661345c703b2622414",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:"638acf6f59bd885acb4262f43e377afc22e35b79",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:"51ec0570b1b71eb9ff8bca9984ecf40550abe435"},o("smoothly-input-month",{key:"1beb2d18f5a08e93d88fddca59675078d8662715",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:"14ed1a3cc6dd8fe89d7ac4f1450f391ccb0bff77",slot:"year-label"},o("slot",{key:"c07b485adf7b6b4aa71d3ceb10d530aa029c652d",name:"year-label"})),o("div",{key:"cd1e232ded9c2ac84156de7419bc46bdd4e01680",slot:"month-label"},o("slot",{key:"1255e6cef5898b90aba12716639774957e09cd86",name:"month-label"}))),o("table",{key:"8ada3e2ac6abf42710c8611d9264ddbc7691e307"},o("thead",{key:"1f686102dc5f57bbc838d11d984e85407d44fdda"},o("tr",{key:"41ab20afc9b1a4491f5070345f779dc6238dd8d3"},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:"58630b82c91178b70eee75c26ad8b6c2927410cb",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 Xt=()=>`.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 Jt=class{constructor(e){t(this,e);this.open=true;this.closable=false}TriggerListener(t){if(h.is(t.detail)&&t.detail.name=="close"){this.open=false}}hostData(){return{style:{display:this.open?"block":"none"}}}__stencil_render(){return o("section",{key:"5bdc10b02671eed7397ae99e872f104cb098d2c0"},o("div",{key:"05bbab31a6d30c2ff0e3ec64ac59c8e56560526c",class:"header"},this.closable&&o("smoothly-trigger",{key:"4f5d1a0d5c87d22d00281fadba0ffacf20c4b8db",fill:"clear",name:"close"},o("smoothly-icon",{key:"2474cba19d732b0d34b02a055379bf1926a8fc4d",name:"close-circle",fill:"solid",color:this.color})),this.header?o("h1",null,this.header):o("slot",{name:"header"})),o("div",{key:"861af5e557c0ef202273cab84877c8806bb2c232",class:"content"},o("slot",{key:"e755042ab3f24972fa2eaac24914649d10dafd0f"})))}render(){return o(s,this.hostData(),this.__stencil_render())}};Jt.style=Xt();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:"0d1ca7f9bc049064eb1680cc807bd49bafab0e7e"},o("smoothly-button",{key:"33683c13b2f666aea6d3306056b74b694cb88654",fill:"solid",color:"light",onClick:()=>this.openModal=true},"Open Modal"),o("smoothly-button",{key:"46de03312dfa5a28f164aacd442a7074148d6390",fill:"solid",color:"light",onClick:()=>this.openTallModal=true},"Open Modal with long text and top-aligned."),o("smoothly-button",{key:"ea629cfa5afabb8151f230b4916d9eb13849a4d7",fill:"solid",color:"light",onClick:()=>this.showFrame=!this.showFrame},"Show Frame"),o("smoothly-modal",{key:"45b7313f8539478b1418298a7e086e506b18cf79",closable:true,open:this.openModal,onSmoothlyModalChange:t=>this.openModal=t.detail},o("h2",{key:"005f8f44463bd4f5048582f4d59b8792a02321e4",slot:"header"},"Modal"),o("span",{key:"8bdae975d32f862fe1b2da1b75c1cdd8e0596e19"},"Are you sure you want to confirm this action?"),o("smoothly-button",{key:"7a4fc7fbeb273ddaf66723c022c0408d7d5e6cc0",slot:"actions",color:"success"},"Confirm"),o("smoothly-button",{key:"c41f548b2f249ab1d04d180c6a8745f0be0c3180",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openModal=false},"Cancel")),o("smoothly-modal",{key:"9b8efe1c92dae88afeb60053efcc19c89fcb53f6",closable:true,open:this.openTallModal,onSmoothlyModalChange:t=>this.openTallModal=t.detail,align:"top"},o("h2",{key:"0c7b0382250669ac142152a49f24214180b75c11",slot:"header"},"Modal"),o("smoothly-summary",{key:"ccb69953bda0af96ba9e6679d0492770e1face22"},o("div",{key:"95d44ba81eec2106d470f4f84c0857aab8f9b6c5",slot:"summary"},"Lorem ipsum"),o("div",{key:"73a8c397c891af87ebb019bdb3ace838ab40ee24",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:"61c0e81f6b49ff91d58cc3536c516e25afe9ee71",slot:"actions",color:"light",fill:"outline",onClick:()=>this.openTallModal=false},"Cancel")),this.showFrame&&o("smoothly-dialog",{key:"c0315ea0fbf1a253fe4fbc7aa9e01f7b21e49293",closable:true},o("smoothly-frame",{key:"1469ba8f2d229d42329627b12e2a4bd4028a2273",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 de(t,...e){const o=re[t];return o&&o(e)}function he(t,e,...o){const s=de(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=de(e,o);return s?s.fromString(s.unformat(le.modify(t)).value):undefined}let ye=class t{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,type:"text",inputmode:"numeric",autocomplete:"cc-csc",length:[3,3],pattern:/^\d{3}$/}}unformat(t){return t}allowed(t,e){return e.value.length<3&&t>="0"&&t<="9"}};ce("card-csc",(()=>new ye));let be=class t{toString(t){return Array.isArray(t)&&t.length==2&&typeof t[0]=="number"&&typeof t[1]=="number"?t[0].toString().padStart(2,"0")+t[1].toString().padStart(2,"0"):""}fromString(t){return typeof t=="string"&&t.length==4?[Number.parseInt(t.slice(0,2)),Number.parseInt(t.slice(2))]:undefined}partialFormat=this.format;format(t){let e=t;if(t.value.length>0&&!t.is(0,"0","1"))e=e.prepend("0");if(e.value.length>1)e=e.insert(2," / ");return{...e,type:"text",inputmode:"numeric",autocomplete:"cc-exp",length:[7,7],pattern:/^(0[1-9]|1[012]) \/ \d\d$/}}unformat(t){return t.delete(" / ")}allowed(t,e){return e.value.length<4&&t>="0"&&t<="9"}};ce("card-expires",(()=>new be));let ue=class t{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){const e=pe(t.value);const o=t.map(((t,o)=>(o+1<e.length[0]&&e.spaceIndexes.includes(o)?" ":"")+t));return{...o,type:"text",inputmode:"numeric",autocomplete:"cc-number",length:e.length.slice(1),pattern:e.verification,classes:["issuer-"+e.icon]}}unformat(t){return t.delete(" ")}allowed(t,e){const o=pe(e.value);return t>="0"&&t<="9"&&e.value.length<o.length[0]}};ce("card-number",(()=>new ue));function pe(t){let e={...fe,spaceIndexes:t.length==14?[4,10]:fe.spaceIndexes};for(const o in ge)if(Object.prototype.hasOwnProperty.call(ge,o)&&ge[o].identification.test(t)){e={...fe,name:o,...ge[o]};break}return e}const fe={name:"unknown",verification:/^\d{19}$/,spaceIndexes:[4,8,12],identification:/^\d/,length:[16,16,19],icon:"generic"};const ge={amex:{verification:/^3[47][0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{3}$/,identification:/^3[47]/,length:[15,18,18],icon:"amex"},dankort:{verification:/^(5019)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^(5019)\d+/,length:[16,19,19],icon:"generic"},diners:{verification:/^3(?:0[0-5]|[68][0-9])[0-9]\s[0-9]{6}\s[0-9]{4}$/,identification:/^3(?:0[0-5]|[68][0-9])/,spaceIndexes:[4,10],length:[14,16,16],icon:"diners"},discover:{verification:/^6(?:011|5[0-9]{2})\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^6(?:011|5[0-9]{2})/,length:[16,19,19],icon:"generic"},electron:{verification:/^((4026|4405|4508|4844|4913|4917)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4})|((4175)\s(00)[0-9]{2}\s[0-9]{4}\s[0-9]{4})$/,identification:/^(4026|417500|4405|4508|4844|4913|4917)/,spaceIndexes:[4,8,12],length:[16,19,19],icon:"generic"},interpayment:{verification:/^(636)[0-9]\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^(636)/,length:[16,19,19],icon:"generic"},jcb:{verification:/^((?:2131|1800)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4})|(35[0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{4})$/,identification:/^(?:2131|1800|35\d{3})/,spaceIndexes:[4,8,12],length:[16,19,19],icon:"generic"},unionpay:{verification:/^(62|88)[0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^(62|88)/,length:[16,19,19],icon:"generic"},maestro:{verification:/^(5018|5020|5038|5612|5893|6304|6759|6761|6762|6763|0604|6390)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^(5018|5020|5038|5612|5893|6304|6759|6761|6762|6763|0604|6390)/,length:[16,19,19],icon:"maestro"},mastercard:{verification:/^5[1-5][0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,spaceIndexes:[4,8,12],identification:/^5[1-5][0-9]/,length:[16,19,19],icon:"mastercard"},visa:{verification:/^4[0-9]{3}\s[0-9]{4}\s[0-9]{4}\s[0-9](?:[0-9]{3})?$/,spaceIndexes:[4,8,12],identification:/^4[0-9]/,length:[16,16,19],icon:"visa"}};var ke;(function(t){function e(t){let e;switch(t){case"sq-AL":case"es-AR":case"it-IT":case"en-GB":case"fr-FR":e="dd/mm/YYYY";break;case"en-US":e="mm/dd/YYYY";break;case"et-EE":case"de-AT":case"de-DE":case"he-IL":case"is-IS":case"lv-LV":case"pl-PL":case"ru-RU":case"fi-FI":e="dd.mm.YYYY";break;case"hi-IN":case"en-IN":e="dd-mm-YYYY";break;default:e="YYYY-mm-dd";break}return e}t.fromLocale=e;function o(t){let e;switch(t){case"dd/mm/YYYY":e="en-GB";break;case"mm/dd/YYYY":e="en-US";break;case"dd.mm.YYYY":e="de-DE";break;default:e="sv-SE";break}return e}t.toLocale=o;function s(t){return typeof t=="string"&&(t=="YYYY-mm-dd"||t=="dd/mm/YYYY"||t=="dd.mm.YYYY"||t=="mm/dd/YYYY")}t.is=s})(ke||(ke={}));class ve{separator;constructor(t){this.separator=t}partialFormat(t){const e=this.format(t);return{...e,remainder:this.formatString.slice(e.value.length)}}unformat(t){return t.delete(this.separator)}validMonth(t,e,o){return new Date(Number.parseInt(o??"2004"),Number.parseInt(e),0).getDate()>=Number.parseInt(t)}}const we={};function xe(t,e){we[t]=e}ce("date",(t=>{const e=t&&t.length>0?t[0]:undefined;const o=ke.is(e)?e:ke.fromLocale(e);const s=we[o]??we["YYYY-mm-dd"];return s()}));let Ce=class t extends ve{constructor(t){super(t)}toString(t){return C.Date.is(t)&&t.length==10?[t.substring(8,10),t.substring(5,7),t.substring(0,4)].join(this.separator):""}fromString(t){const e=t?.length==8?`${t.substring(4,8)}-${t.substring(2,4)}-${t.substring(0,2)}`:undefined;return C.Date.is(e)?e:undefined}formatString=`DD${this.separator}MM${this.separator}YYYY`;format(t){let e=t.delete(this.separator);if(e.get(0,1)>"3")e=e.insert(0,"0");if(e.value.length>1)e=e.insert(2,this.separator);if(e.get(3,1)>"1")e=e.insert(3,"0");if(e.value.length>4)e=e.insert(5,this.separator);return{...e,type:"text",length:[0,10],pattern:new RegExp(["^(0[1-9]|[12][0-9]|3[01])","(0[1-9]|1[012])","\\d{4}$"].join(this.separator))}}allowed(t,e){return e.selection.start==1&&e.value[0]=="3"?t>="0"&&t<="1":e.selection.start==1&&e.value[0]=="0"?t>="1"&&t<="9":e.selection.start==2?t>="0"&&t<="9"&&(t=="0"||t=="1"||this.validMonth(e.value.substring(0,2),t)):e.selection.start==3?t>="0"&&t<="9"&&this.validMonth(e.value.substring(0,2),e.value[2]+t):e.selection.start==7?t>="0"&&t<="9"&&this.validMonth(e.value.substring(0,2),e.value.substring(2,4),e.value.substring(4,7)+t):e.selection.start<8&&t>="0"&&t<="9"}};xe("dd.mm.YYYY",(()=>new Ce(".")));xe("dd/mm/YYYY",(()=>new Ce("/")));xe("dd-mm-YYYY",(()=>new Ce("-")));let Se=class t extends ve{constructor(t){super(t)}toString(t){return C.Date.is(t)&&t.length==10?[t.substring(5,7),t.substring(8,10),t.substring(0,4)].join(this.separator):""}fromString(t){const e=t.length==8?`${t.substring(4,8)}-${t.substring(0,2)}-${t.substring(2,4)}`:undefined;return C.Date.is(e)?e:undefined}formatString=`MM${this.separator}DD${this.separator}YYYY`;format(t){let e=t.delete(this.separator);if(e.get(0,1)>"1")e=e.insert(0,"0");if(e.value.length>1)e=e.insert(2,this.separator);if(e.get(3,1)>(e.get(0,2)=="02"?"2":"3"))e=e.insert(3,"0");if(e.value.length>4)e=e.insert(5,this.separator);return{...e,type:"text",length:[0,10],pattern:new RegExp(["^(0[1-9]|1[012])","(0[1-9]|[12][0-9]|3[01])","\\d{4}$"].join(this.separator))}}allowed(t,e){const o=e.selection.start==1&&e.value[0]=="1"?t>="0"&&t<="2":e.selection.start==1&&e.value[0]=="0"?t>="1"&&t<="9":e.selection.start==3?t>="0"&&t<="9"&&this.validMonth(e.value[2]+t,e.value.substring(0,2)):e.selection.start==7?t>="0"&&t<="9"&&this.validMonth(e.value.substring(2,4),e.value.substring(0,2),e.value.substring(4,7)+t):e.selection.start<8&&t>="0"&&t<="9";return o}};xe("mm/dd/YYYY",(()=>new Se("/")));let ze=class t extends ve{constructor(t){super(t)}toString(t){return typeof t!="string"?"":t}fromString(t){const e=t?.length==8?`${t.substring(0,4)}-${t.substring(4,6)}-${t.substring(6,8)}`:undefined;return C.Date.is(e)?e:undefined}daysInMonth(t){const e=`${t.substring(0,4)}-${t.substring(4,6)}-01`;return C.Date.is(e)?+C.Date.lastOfMonth(`${t.substring(0,4)}-${t.substring(4,6)}-01`).substring(8,10):31}formatString=`YYYY${this.separator}MM${this.separator}DD`;format(t){let e=t.delete(this.separator);if(e.value.length>3){e=e.insert(4,this.separator);if(e.get(5,1)>"1")e=e.insert(5,"0");if(e.value.length>6){e=e.insert(7,this.separator);if(e.get(8,1)>this.daysInMonth(t.value).toString().substring(0,1))e=e.insert(8,"0")}}return{...e,type:"text",length:[0,10],pattern:new RegExp(["^\\d{4}","(0[1-9]|1[012])","(0[1-9]|[12][0-9]|3[01])$"].join(this.separator))}}allowed(t,e){const o=this.daysInMonth(e.value);return e.selection.start==5&&e.value[4]=="0"?t>="1"&&t<="9":e.selection.start==5&&e.value[4]=="1"?t>="0"&&t<="2":e.selection.start==7&&e.value[6]=="0"?t>="1"&&t<="9":e.selection.start==7&&(e.value[6]=="2"&&o<30||e.value[6]=="3")?t>="0"&&t<=o.toString().substring(1):e.selection.start<8&&t>="0"&&t<="9"}};xe("YYYY-mm-dd",(()=>new ze("-")));let Ie=class t{toString(t){return typeof t=="string"?t:""}fromString(t){let e=t.replace(" ","T");const o="0000-01-01T00:00:00.000Z";if(e?.match(/-\d$/))e=e.substring(0,e.length-1)+"0"+e.substring(e.length-1,e.length);e=!e.match(/^\d{4}-(0[1-9]|1[012])/)?undefined:e+o.substring(e.length,o.length);return C.DateTime.is(e)?e:undefined}partialFormat=this.format;format(t){let e=Te(t);if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])[\d:.-]$/))e=e.insert(10," ");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 3$/))e=e.replace(11,12,"23:");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) [45]$/))e=e.insert(11,"23:");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) [6-9]$/))e=e.insert(11,"23:5");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 24$/))e=e.replace(10,13,"00:");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 25$/))e=e.insert(12,"3:");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 2[6-9]$/))e=e.insert(12,"3:5").append(":");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3])\d[\s\S]$/))e=e.insert(13,":");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3]):[6-9]$/))e=e.insert(14,"5");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3]):[0-5]\d\d$/))e=e.insert(16,":");if(e.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3]):[0-5]\d:[6-9]$/))e=e.insert(17,"5");return{...e,type:"text",length:[0,19],pattern:/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3])(:[0-5]\d){2}$/}}unformat(t){return t}allowed(t,e){return e.value.length<19&&(t>="0"&&t<="9"||t=="-"||t==":"||t=="."||t==" ")}};ce("date-time",(()=>new Ie));function Te(t,e){let o=t;switch(e){case"dd/mm/YYYY":case"dd.mm.YYYY":if(!De(o.value,e))o=o.replace(0,10,De("31"+o.value.substring(2,10),e)?"31"+o.value.substring(2,10):De("30"+o.value.substring(2,10),e)?"30"+o.value.substring(2,10):De("29"+o.value.substring(2,10),e)?"29"+o.value.substring(2,10):De("28"+o.value.substring(2,10),e)?"28"+o.value.substring(2,10):o.value);break;case"mm/dd/YYYY":if(!De(o.value,e))o=o.replace(0,10,De(o.value.substring(0,3)+"31"+o.value.substring(5,10),e)?o.value.substring(0,3)+"31"+o.value.substring(5,10):De(o.value.substring(0,3)+"30"+o.value.substring(5,10),e)?o.value.substring(0,3)+"30"+o.value.substring(5,10):De(o.value.substring(0,3)+"29"+o.value.substring(5,10),e)?o.value.substring(0,3)+"29"+o.value.substring(5,10):De(o.value.substring(0,3)+"28"+o.value.substring(5,10),e)?o.value.substring(0,3)+"28"+o.value.substring(5,10):o.value);break;default:if(t.value.length==10){if(!De(o.value)){o=o.replace(0,10,De(o.value.substring(0,8)+"31")?o.value.substring(0,8)+"31":De(o.value.substring(0,8)+"30")?o.value.substring(0,8)+"30":De(o.value.substring(0,8)+"29")?o.value.substring(0,8)+"29":De(o.value.substring(0,8)+"28")?o.value.substring(0,8)+"28":o.value);break}return t}}return o}function De(t,e){let o;let s;let a;switch(e){case"dd/mm/YYYY":case"dd.mm.YYYY":o=parseInt(t.substring(6,10));s=parseInt(t.substring(3,5));a=parseInt(t.substring(0,2));return o&&s&&a?a>0&&je(o,s)>=a:false;case"mm/dd/YYYY":o=parseInt(t.substring(6,10));s=parseInt(t.substring(0,2));a=parseInt(t.substring(3,5));return o&&s&&a?a>0&&je(o,s)>=a:false;default:o=parseInt(t.substring(0,4));s=parseInt(t.substring(5,7));a=parseInt(t.substring(8,10));return o&&s&&a?a>0&&je(o,s)>=a:false}}function je(t,e){let o;switch(e){case 1:case 3:case 5:case 7:case 8:case 10:case 12:default:o=31;break;case 4:case 6:case 9:case 11:o=30;break;case 2:o=28;break}return o}let Le=class t{toString(t){return Array.isArray(t)&&t.length==2&&typeof t[0]=="number"&&typeof t[1]=="number"?t[0].toString()+" / "+t[1].toString():typeof t=="number"?t.toString():""}fromString(t){return typeof t=="string"&&t.match(/^\d{1,2}\s+\/\s+\d{1,2}$/)?[Number.parseInt(t.slice(0,2)),Number.parseInt(t.slice(t.length-2))]:typeof t=="string"&&t.match(/\d{1,2}/)?Number.parseInt(t):undefined}partialFormat=this.format;format(t){let e=t;if(t.match(/^\d\/$/))e=t.replace(1,2," / ");else if(t.match(/^\d{1,2}\s$/))e=t.replace(t.value.length-1,t.value.length," / ");else if(t.match(/^[\D.]+\/[\D.]+$/))e=t.delete(0,t.value.length);else if(t.match(/^[\D.]+\/[\D.]+\d$/))e=t.delete(0,t.value.length-1);else if(t.match(/^[\D.]+\/[\D.]+\d\d$/))e=t.delete(0,t.value.length-2);else if(t.match(/^[\D.]+\//))e=t.delete(0,t.value.search("/")+1);else if(t.match(/^\d\d\/$/))e=t.replace(2,3," / ");else if(t.match(/^\d\d\s+\/$/))e=t.delete(2,t.value.length);else if(t.match(/^\d\s+\/$/))e=t.delete(1,t.value.length);else if(t.match(/^\d\d\s\s+\/\s*$/))e=t.replace(2,t.value.length," / ");else if(t.match(/^\d\s\s+(\/\s*)?$/))e=t.replace(1,t.value.length," / ");else if(t.match(/^\d\s\/\s\d\d.+$/))e=t.delete(6,t.value.length);else if(t.value.length>1&&t.value.indexOf("/")<1)e=t.insert(2," / ");else if(t.value.length>1&&t.value.split("/").length>2)e=t.delete(t.value.lastIndexOf("/"));else if(t.value.length==1&&!t.isDigit(0))e=t.delete(0);return{...e,type:"text",length:[1,7],pattern:/^(\d{1,2}|\d{1,2} \/ \d{1,2})$/}}unformat(t){return t}allowed(t,e){return e.value.length<7&&(t>="0"&&t<="9"||t=="/"||t==" ")}};ce("divisor",(()=>new Le));let _e=class t{separator=":";patterns={allowed:/^-?\d*(?::{0,1}[0-5]{0,1}[0-9]{0,1}|[.,]{0,1}[0-9]{0,2})$/,extract:/^(-?)(\d*)([:,.]{0,1})([0-9]{0,2})$/,zeros:/^(-?)(0+)(?:[1-9]|0[,.:]?)/};toString(t){let e;if(!C.TimeSpan.is(t))e="";else{const o=C.TimeSpan.normalize(t);if(!o.minutes&&!o.hours)e="";else if(this.separator!=":")e=(+C.TimeSpan.toHours(o).toFixed(2)||"").toString(10);else if(o.hours&&!o.minutes)e=o.hours.toString(10);else if(!o.hours&&o.minutes)e=`${o.minutes<0?"-":""}0:${Math.abs(o.minutes).toString(10)}`;else e=`${o.hours?.toString(10)}:${Math.abs(o.minutes??0).toString(10)}`}return e}fromString(t){let e;const o=t.match(this.patterns.extract);if(!o)e=undefined;else{const[t,s,a,i,l]=o;this.separator=i;if(i==":"){const t={hours:parseInt(a),minutes:parseInt(l)};const o=s?-1:1;e=C.TimeSpan.normalize({hours:!Number.isFinite(t.hours)?0:t.hours*o,minutes:!Number.isFinite(t.minutes)?0:t.minutes*o})}else{const o=parseFloat(t.replace(",","."));e=C.TimeSpan.normalize({hours:!Number.isFinite(o)?0:o})}}return e}partialFormat=this.format;format(t){let e=t;const[,o,s,a]=t.match(this.patterns.extract)??[];if(!s&&a)e=e.insert(o?1:0,"0");const i=e.match(this.patterns.zeros);if(i){const[,t,o]=i;if(o){const s=t?1:0;e=e.delete(s,o.length+s)}}return{...e,type:"tel",pattern:this.patterns.allowed}}unformat(t){const[,,,e]=t.match(this.patterns.extract)??[];if(e)this.separator=e;return t}allowed(t,e){const o=e.value.slice(0,e.selection.start)+t+e.value.slice(e.selection.end);return!!o.match(this.patterns.allowed)}};ce("duration",(()=>new _e));let Re=class t{settings;constructor(t){this.settings=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,...this.settings,type:"text",inputmode:"email",autocomplete:"email"}}unformat(t){return t}allowed(t,e){return this.settings.length==undefined||this.settings.length[1]==undefined||e.value.length<this.settings.length[1]}};ce("email",(t=>new Re(t||{})));let Ae=class t{settings;mode;constructor(t,e){this.settings=t;this.mode=e}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}split(t){let e;let o="";return t.map(((t,s)=>{const a=s!==0&&t===t.toUpperCase()&&isNaN(+t)&&o!==" "&&this.isSymbolAllowed(t)&&e?" "+t:(t==="_"||t==="-")&&o!==" "?" ":t===" "&&o===" "||!this.isSymbolAllowed(t)||!e&&!this.isSymbolLetter(t)&&this.mode!=="code"?"":t;!e&&(e=this.isSymbolLetter(t));this.isSymbolAllowed(t)&&(o=t);return a})).toLower().delete("-").delete("_")}isSymbolLetter(t){return t>="a"&&t<="z"||t>="A"&&t<="Z"}isSymbolAllowed(t){return this.isSymbolLetter(t)||t>="0"&&t<="9"||t===" "}partialFormat=this.format;format(t){const e=this.split(t);let o;switch(this.mode){case"code":o=e.delete(" ");break;case"pascal":case"camel":let s;o=e.map(((t,e)=>{const o=e===0&&this.mode==="pascal"||s?t.toUpperCase():t.toLowerCase();s=t==" ";return o})).delete(" ");break;case"snake":case"attribute":o=e.replace(" ",this.mode==="snake"?"_":"-");break;default:o=t}return{...o,...this.settings,type:"text",autocomplete:"on"}}unformat(t){return t}allowed(t,e){return this.isSymbolLetter(t)||t>="0"&&t<="9"&&(this.mode=="code"||e.value.length>0)||t=="_"&&this.mode=="snake"&&e.value.length>0||t=="-"&&this.mode=="attribute"&&e.value.length>0}};ce("identifier-code",(t=>new Ae(t||{},"code")));ce("identifier-pascal",(t=>new Ae(t||{},"pascal")));ce("identifier-snake",(t=>new Ae(t||{},"snake")));ce("identifier-camel",(t=>new Ae(t||{},"camel")));ce("identifier-attribute",(t=>new Ae(t||{},"attribute")));let $e=class t{country;constructor(t){this.country=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){let e=t;const o=(new Date).getFullYear().toString();if(t.value.length>1&&t.get(0,2)!="19"&&t.get(0,2)!="20")e=e.prepend(t.get(0,2)>o.substring(2,4)?"19":"20");if(e.value.length>=8)e=e.insert(8,"-");return{...e.truncate(13),type:"text",length:[11,13],pattern:/^\d{6,8}-\d{4}$/}}unformat(t){return t.delete("-")}allowed(t,e){return e.value.length<13&&t>="0"&&t<="9"}};ce("identity-number",(t=>new $e(t&&t.length>0?t[0]:undefined)));let Me=class t{min;max;pad;constructor(t){this.min=t.min;this.max=t.max;this.pad=t.pad}toString(t){return typeof t=="number"?t.toString():""}fromString(t){const e=typeof t=="string"?Number.parseInt(t):undefined;return typeof e=="number"&&!Number.isNaN(e)?e:undefined}partialFormat(t){return{...t,type:"text",inputmode:"numeric",length:[3,undefined],pattern:/^[0-9]+$/}}format(t){const e=this.partialFormat(t);const o=this.fromString(e.value);const s=o==undefined?e.value:this.min!=undefined&&o<this.min?this.toString(this.min):this.max!=undefined&&o>this.max?this.toString(this.max):e.value;return{...e,value:typeof this.pad=="number"&&s?s.padStart(this.pad,"0"):s}}unformat(t){return t}allowed(t,e){return t>="0"&&t<="9"&&(this.max==undefined||this.max.toString().length>e.value.length||e.selection.start!=e.selection.end)}};ce("integer",(t=>new Me(t?.[0]??{})));let Ee=class t{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,type:"password",autocomplete:"current-password"}}unformat(t){return t}allowed(t,e){return true}};ce("password",(()=>new Ee));let Oe=class t{toString(t){let e="";if(typeof t=="number"){const o=t.toString().split(".")[1]?.length??2;e=(t*100).toFixed(!o||o<=1?0:o-2)}return e}fromString(t){const e=typeof t=="string"?Number.parseFloat(t):undefined;return typeof e=="number"&&!Number.isNaN(e)?e/100:undefined}partialFormat=this.format;format(t){return{...t.value?t.suffix(" %"):t,type:"text",inputmode:"numeric",length:[3,undefined],pattern:/^\d+(.\d+)? %+$/}}unformat(t){return t.delete(" %")}allowed(t,e){return t>="0"&&t<="9"||t=="."&&!e.value.includes(".")}};ce("percent",(()=>new Oe));const Pe=[{countryCode:"+46",areaCodes:["011","0120","0121","0122","0123","0125","013","0140","0141","0142","0143","0144","0150","0151","0152","0155","0156","0157","0158","0159","016","0171","0173","0174","0175","0176","018","019","021","0220","0221","0222","0223","0224","0225","0226","0227","023","0240","0241","0243","0246","0247","0248","0250","0251","0253","0258","026","0270","0271","0278","0280","0281","0290","0291","0292","0293","0294","0295","0297","0300","0301","0302","0303","0304","031","0320","0321","0322","0325","033","0340","0345","0346","035","036","0370","0371","0372","0380","0381","0382","0383","0390","0392","0393","040","0410","0411","0413","0414","0415","0416","0417","0418","042","0430","0431","0433","0435","044","0451","0454","0455","0456","0457","0459","046","0470","0471","0472","0474","0476","0477","0478","0479","0480","0481","0485","0486","0490","0491","0492","0493","0494","0495","0496","0498","0499","0500","0501","0502","0503","0504","0505","0506","0510","0511","0512","0513","0514","0515","0520","0521","0522","0523","0524","0525","0526","0528","0530","0531","0532","0533","0534","054","0550","0551","0552","0553","0554","0555","0560","0563","0564","0565","0570","0571","0573","0580","0581","0582","0583","0584","0585","0586","0587","0589","0590","0591","060","0611","0612","0613","0620","0621","0622","0623","0624","063","0640","0642","0643","0644","0645","0647","0650","0651","0652","0653","0657","0660","0661","0662","0663","0670","0671","0672","0680","0682","0684","0687","0690","0691","0692","0693","0695","0696","08","090","0910","0911","0912","0913","0914","0915","0916","0918","0920","0921","0922","0923","0924","0925","0926","0927","0928","0929","0930","0932","0933","0934","0935","0940","0941","0942","0943","0950","0951","0952","0953","0954","0960","0961","0970","0971","0973","0975","0976","0977","0978","0980","0981","010","020","0378","070","072","073","076","079","0710","0740","0746","0749","0741","0742","0743","0744","0745","0747","075","077","078","0900","0939","0944","0969","099"]}];let He=class t{toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){let e=t;if(e.value.startsWith("+")){for(const t of Pe)if(e.value.startsWith(t.countryCode))for(let o of t.areaCodes){o=o.substring(1);if(e.value.startsWith(t.countryCode+o)&&!e.value.includes("-"))e=e.insert(t.countryCode.length,"-").insert(t.countryCode.length+1+o.length,"-")}}else{const t=Pe[0];for(const o of t.areaCodes)if(e.value.startsWith(o)&&!e.value.includes("-")){e=e.insert(o.length,"-");e=e.delete(0);e=e.insert(0,"-").insert(0,t.countryCode)}}if(e.value.includes("-")){const t=e.value.indexOf("-",e.value.indexOf("-")+1)+1;const o=e.value.substring(t,e.value.length+1).length;switch(o){case 4:e=e.insert(t+2," ");break;case 5:e=e.insert(t+3," ");break;case 6:e=e.insert(t+2," ");e=e.insert(t+5," ");break;case 7:e=e.insert(t+3," ");e=e.insert(t+6," ");break;case 8:case 9:e=e.insert(t+3," ");e=e.insert(t+7," ");break}if(o>9){const s=Math.ceil(o/3)-1;if(s>0){for(let o=0;o<s;o++){const s=o*3+3+o;e=e.insert(s+t," ")}}}}return{...e,type:"tel",autocomplete:"tel"}}unformat(t){return t.delete(" ").delete("-")}allowed(t,e){return t>="0"&&t<="9"||e.selection.start==0&&t=="+"&&!e.value.includes("+")}};ce("phone",(()=>new He));let Fe=class t{country;constructor(t){this.country=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){const e=!t.value.includes(" ")&&t.value.length>=4?t.insert(3," "):t;return{...e.truncate(6),type:"text",autocomplete:"postal-code",length:[6,6],pattern:/^\d{3} \d{2}$/}}unformat(t){return t.delete(" ")}allowed(t,e){return e.value.length<=5&&t>="0"&&t<="9"}};ce("postal-code",(t=>new Fe(t&&t.length>0?t[0]:undefined)));let Ue=class t{currency;toInteger;constructor(t){this.currency=t&&typeof t=="object"?t.currency:t;this.toInteger=t&&typeof t=="object"?t.toInteger:undefined}toString(t){return typeof t=="number"?isNaN(t)?"":t.toString():""}fromString(t){const e=typeof t=="string"?Number.parseFloat(t):undefined;return e!=undefined&&!isNaN(e)?e:undefined}partialFormat(t){let e=t.value=="NaN"?t.replace(0,t.value.length,""):le.copy(t);const o=this.currency&&C.Currency.decimalDigits(this.currency);e=this.addLeadingIntegerZero(e);e=this.fillDecimalsIfPresent(e,o,"onlyLimit");e=this.truncateIntegerZeros(e);e=this.addThousandSeparators(e);return{...e,remainder:this.format(t).value.slice(e.value.length),type:"text",inputmode:"numeric",length:[3,undefined],pattern:new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d*)?$")}}format(t){let e=t.value=="NaN"?t.replace(0,t.value.length,""):le.copy(t);const o=this.currency&&C.Currency.decimalDigits(this.currency);if(!this.toInteger)e=this.forceDecimalZero(e,o);e=this.addLeadingIntegerZero(e);e=this.fillDecimalsIfPresent(e,o,"fillAndLimit");e=this.truncateIntegerZeros(e);e=this.addThousandSeparators(e);e=this.appendCurrency(e);return{...e,type:"text",inputmode:"numeric",length:[3,undefined],pattern:new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d+)?"+(this.currency?" "+this.currency:"")+"$")}}forceDecimalZero(t,e){if(!t.value.includes(".")&&e&&(Math.abs(Number.parseFloat(t.value))>=0||t.value=="0"))t=t.suffix(".0");return t}addLeadingIntegerZero(t){const e=t.value&&t.value.includes(".")?t.value.indexOf("."):undefined;if(e==0)t=t.prepend("0");return t}fillDecimalsIfPresent(t,e,o){const s=t.value.indexOf(".");if(s!=-1){const a=s+1+(e??2)-t.value.length;t=a<0?t.truncate(t.value.length+a):o=="fillAndLimit"?t.suffix("0".repeat(a)):t}return t}truncateIntegerZeros(t){const e=t.match(/^[0\s]{2,}/);if(e)t=t.replace(0,e[0].length,"0");return t}addThousandSeparators(t){let e=t.value.includes(".")?t.value.indexOf("."):t.value.length;const o=e<=0?0:Math.ceil(e/3)-1;for(let s=0;s<o;s++){const a=e-(o-s)*3;t=t.insert(a," ");e++}return t}appendCurrency(t){return this.currency&&(t.value.length>1||t.value.length==1&&t.value.charAt(0)!=".")?t.suffix(" "+this.currency):t}unformat(t){return this.currency?t.delete(" ").delete(""+this.currency):t.delete(" ")}allowed(t,e){return t>="0"&&t<="9"||t=="."&&!e.value.includes(".")&&(!this.currency||C.Currency.decimalDigits(this.currency)!=0)}};ce("price",(t=>new Ue(t&&t.length>0?t[0]:undefined)));let Ne=class t{settings;constructor(t){this.settings=t}toString(t){return typeof t=="string"?t:""}fromString(t){return typeof t=="string"&&!!t?t:undefined}partialFormat=this.format;format(t){return{...t,type:"text",...this.settings}}unformat(t){return t}allowed(t,e){return this.settings.length==undefined||this.settings.length[1]==undefined||e.value.length<this.settings.length[1]}};ce("text",(t=>new Ne(t||{})));class Ye{toString(t){return typeof t=="string"?"#"+t:""}fromString(t){return t?"#"+t:undefined}partialFormat=this.format;format(t){const e=t.delete("#");return{...e.value?e.prepend("#"):e,type:"text",length:[4,7],pattern:/^#([0-9a-f]{3}|[0-9a-f]{6})$/i}}unformat(t){return t.delete("#")}allowed(t,e){return(t>="0"&&t<="9"||t>="a"&&t<="f"||t>="A"&&t<="F")&&e.value.length<6}}ce("hex-color",(()=>new Ye));const We=()=>`.sc-smoothly-display-h{display:block;white-space:wrap}[hidden].sc-smoothly-display-h{display:none}.sc-smoothly-display-h>div.sc-smoothly-display{opacity:0.6;font-size:.8rem}`;const Be=class{constructor(e){t(this,e)}render(){var t,e;let s;const a=this.type;switch(a){case"json":s=o("smoothly-display-json",{key:"fd641ce179a967152448d7c489ad96dd5ea6cc4e",value:this.value,collapseDepth:this.collapseDepth});break;default:s=he(this.value,a);break;case"email":s=o("a",{key:"d32e3545f5b4e43e0b8f383ba0ef7274472f4d41",href:"mailto:"+this.value},he(this.value,a));break;case"phone":s=o("a",{key:"3b6156fba727f342215fc2510e497bf24e21fa9b",href:"tel:"+this.value},he(this.value,a,this.country));break;case"postal-code":s=he(this.value,a,this.country);break;case"price":s=he(this.value,a,{currency:this.currency,toInteger:this.toInteger});break;case"date":s=(t=de(this.type,T()))===null||t===void 0?void 0:t.toString(this.value);break;case"duration":s=he(this.value,a)||"0";break;case"date-time":s=this.format?C.DateTime.localize(this.value,this.format,T()):(e=de(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:"570a8cf525b8d883f2c226fd9d1f24ef9d2a7bac"},o("fieldset",{key:"9daf4d2a5ff6c3924c09186d0b73c8dc11ef2354"},o("h2",{key:"01bf90a47c56197346494bbc1992edf5ab9d8b2e"},"Smoothly display"),o("dl",{key:"dd5fbdf6e596430cb0a18482b50a8d3ef46cc2d9"},o("dt",{key:"e97f6d69f565560e54956acc47c61e676db32b26"},"Duration"),o("dd",{key:"b3ec7065ba3cb6e1832cf22f329964bc3a983d09"},o("div",{key:"db46dbf07917dd784f0939803fcb97f80d4ab0a7"},o("div",{key:"eda3a232df465a291734a9e1e607f779727928a2"},o("smoothly-display",{key:"894097c909f8c1b0dd276696db72daadf3365aee",style:{display:"inline"},type:"duration",value:{hours:13,minutes:100}})," h"),o("div",{key:"0f258be9133609201671eb993a290b2be1ee8d2b"},o("smoothly-display",{key:"d98834b9c367bbb650e8e933be3ee20b93df8082",style:{display:"inline"},type:"duration",value:{hours:8}})," h"),o("div",{key:"2dc0241b935f3d45f812fe0175731954c8e0b983"},o("smoothly-display",{key:"cc4c171af5aa79cf5487a8a131430bacc5248c98",style:{display:"inline"},type:"duration",value:{minutes:3}})," h"),o("div",{key:"19ff8935bb3454d538b0312530d32ff63dfb3034"},o("smoothly-display",{key:"e3c7ba72956c3735bc646773cf30eb78c2c4e75b",style:{display:"inline"},type:"duration",value:{hours:-13,minutes:100}})," h"),o("div",{key:"40d13934f818da8df03dd4215b5176cdf0089c20"},o("smoothly-display",{key:"f03306bc6cbd65f3ee50ce6fb57c66b2af229a83",style:{display:"inline"},type:"duration",value:{hours:-8}})," h"),o("div",{key:"f0d127f6a00ed1c06eb36fdfa1b809354cb139ba"},o("smoothly-display",{key:"85ea4fa490947ec5bf9810fc5e5677550b507f7b",style:{display:"inline"},type:"duration",value:{}})," h"),o("div",{key:"f60948619c1fcbad63e4af03f282ff3366f1ba76"},o("smoothly-display",{key:"846841ac1b7cd206a2a95034db25a3059dccf890",style:{display:"inline"},type:"duration",value:{minutes:-3}})," h"))),o("dt",{key:"3db393fff9fd7740683746088e884d83ac51e1e8"},"text"),o("dd",{key:"2bd200acca8afd5cf72dd94294e4438e811ac411"},o("smoothly-display",{key:"aa88f3c9ed96edff41c91b4ed2206a04c90ed6f4",type:"text",value:"text"})),o("dt",{key:"81e183489b4fb749823c25b2a50ced9621aa432e"},"postal code"),o("dd",{key:"390dd9916fcf42cb15a48727082a27550e46814a"},o("smoothly-display",{key:"7e80d1d0b8746596448ca50c356e4afbe7d6f276",type:"postal-code",value:"752 31"})),o("dt",{key:"c0d0dc8205d93cb8479713bdae1208e2847e477a"},"password"),o("dd",{key:"0ea85f4699579f4b24f35f59775d7dec43978e5e"},o("smoothly-display",{key:"9779849ced3842513a5c7d5d37cd20bf1f01f244",type:"password",value:"password"})),o("dt",{key:"5143b3ae0e39eb416c344a98b45974c2ad480eef"},"email"),o("dd",{key:"8c25c7f73f1f4ec38cea3d7c520dc037df7b2224"},o("smoothly-display",{key:"53a354324dea186db81a5b59bf75e222db33e56d",type:"email",value:"test@example.com"})),o("dt",{key:"469bd6001f5ad150ea815bb6e89a29eda53b5b77"},"price"),o("dd",{key:"cde7a755ca3ff50a5b0cea8eb4a1dae6aa5b253b"},o("smoothly-display",{key:"bb68a44ffd892b48277aa20a95f5e863680b4fa3",type:"price",value:"13.37",currency:"SEK"})),o("dt",{key:"aff590f97d41ab80c38e7ecaba3e8023fd8ea734"},"price without decimals"),o("dd",{key:"39a40abdaae41f74fa5e52be77cbe1045965e1dc"},o("smoothly-display",{key:"1c653914e801725457fb55bb1b70ed56d991dabb",type:"price",value:200,currency:"SEK",toInteger:true})),o("dt",{key:"be366012d28535a04fa54216d29fa7835bdd789b"},"price with decimals if they are set, otherwise no decimal"),o("dd",{key:"f40b67c170fec282518c59179189b4f262a12804"},o("smoothly-display",{key:"52ba5c8026d562f40ac62cd14fe1cf67b5d0c641",type:"price",value:200.2,currency:"SEK",toInteger:true})),o("dt",{key:"cc1048ee5cb4ef42c4396009ccb085e7ce8c3eca"},"price with decimals"),o("dd",{key:"4814a19946eb610096f1aa76236971ca4e7d52f6"},o("smoothly-display",{key:"cb4cbda427c7a488bbba0c978d91a80683b9d8cb",type:"price",value:200.2,currency:"SEK"})),o("dt",{key:"deb381d3caec587043c0f58a58d06406f215f3e5"},"percent"),o("dd",{key:"afbe0bc5aa167605f50ec765a999432856019082"},o("smoothly-display",{key:"ffb1aee2a313b9f6ab71d42ed937619423095293",type:"percent",value:"42"})),o("dt",{key:"381bc0bb2857f9cc3b0e1b9e2cd439e35106f24b"},"phone"),o("dd",{key:"96c9e0fb69de5004ba8666939b932f42db444db6"},o("smoothly-display",{key:"a242f3011ff04f9f02791b40bc0c042d9b95e087",type:"phone",value:"0101881108"})),o("dt",{key:"ddf64889ff408a199d11b734ee2d41f15c619ace"},"card number"),o("dd",{key:"a6d6b94ab7b1c53b35622fb1e063b1293a637cf6"},o("smoothly-display",{key:"8dbdba91c26bd0f1b4f923f76589b08f5c032f65",type:"card-number",value:"4111111111111111"})),o("dt",{key:"ef7ef814a8cf29fec2f974efd32f040c3d725cc7"},"card expires"),o("dd",{key:"84321e803af55ddd5469ef3068fd2eb8d946420b"},o("smoothly-display",{key:"20651476830684d2a40e911a40fc00fe7f1ffe7e",type:"card-expires",value:"7/22"})),o("dt",{key:"7aef10fd17c205805fe7f5e790d12c2b89247a77"},"card csc"),o("dd",{key:"00eca296571bf49a6c338c13a939d6f3155d4a08"},o("smoothly-display",{key:"c18662e291199765f4278d54e595588bfc3d6f1e",type:"card-csc",value:"987"})),o("dt",{key:"e92d089a639a1e3357a6d39d2e499fff6bd7c2d1"},"date"),o("dd",{key:"f3cc2aabdec6942c8eadc2278b7a42adae09168d"},o("smoothly-display",{key:"fcd502f245a1c814faa093d82bb101182b3dafcd",type:"date",value:"2022-07-07"})),o("dt",{key:"81b8cbdb349df1bd1e1f84cc4bd006d7f2549c19"},"date time"),o("dd",{key:"eb5a64ea635751c62366292ce0ca23d125ad17ee"},o("smoothly-display",{key:"039d66c0457be7e82b999a9e4c0672deee8fbe90",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:"456d8713e2e366e0efd48c4b0eca946a780bcd93"},o("smoothly-display",{key:"a6ea10ff87584dc5ce0146d6547b0948bb625e2e",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:"0fc3da083c35e907cb4c48645ecc7a3e4a4455d7"},o("smoothly-display",{key:"49485eb182ac66fb8f9940d3719c4059c3897dc4",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:"40a262a2fc34177b63b7e2969b3b59a5de602861"},o("smoothly-display",{key:"b7f00e769f842ed9ea6a630058cd01768ec2c0ac",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:"4a3173f9713aaa4371ab13ebd8577cd7a7935c95"},o("smoothly-display",{key:"05904422b25f61dfc9f4325a4bb51b3d39a9aabf",type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),o("dd",{key:"59783d4201fcf777c5e3635ad53934644eb68310"},o("smoothly-display",{key:"58450e26b3eeab44be1c083f7f1320976dadf783",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),o("dd",{key:"0beada1376af2c6652c3dad47b08c1b1699b24bb"},o("smoothly-display",{key:"9d1b738dd535da8a7e07b959b4e581cf0f2b93d1",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:"6d2aac61ed9fad093c2f19c2ec4d4de32b12e9a0"},"Display JSON"),o("dd",{key:"2215884fa898511c90acf6997f8e20aea4c0ea0d"},o("smoothly-display-demo-json",{key:"85cecf5eeaa416c9baca4a7876e348b54a09dbcb"})))),o("h2",{key:"56ae1be90a6bf9a152118dab9fec7d04b2a9b8e4"},"With labels"),o("dd",{key:"4689634be5c50bafa97e8a08baee4b85b0a621ec"},o("smoothly-display",{key:"14067ba1153408f0d11b02a76c5685b2c1f4a374",label:"Today",type:"date",value:C.Date.now()}),o("smoothly-display",{key:"4ba2105f9b3e139fac91bab03b9640766a18814a",label:"Total amount",type:"price",currency:"SEK",value:6789}),o("smoothly-display",{key:"138eb84408cb4efbc29f43ed1e3f9f71539dfac8",label:"Total amount",type:"price",currency:"GBP",value:678.9}),o("smoothly-display",{key:"2bddcb3e8ec54e29fc53a8ff4213cd157b34c8f1",label:"Logs",type:"json",value:[{type:"trace",message:"Hello"},{type:"error",message:"Oh no!"}]})),o("fieldset",{key:"830ecceb2f6904425d60f24ab37e046e4d147b04"},o("h2",{key:"dbab367e69309f7c29a3d025d585afbb2fa88965"},"Test of different kinds of notifier"),o("button",{key:"187872d0e82b1389961e3d41a0998a0814f5e086",onClick:()=>this.noticeWarning(S.warn("This is a test warning notice."))},"warning"),o("button",{key:"3f2ee3e8052834171ee2878dc3dcbd58d0fa6ed5",onClick:()=>this.noticeWarning(S.succeeded("This is a test success notice."))},"success"),o("button",{key:"678349d8e5f0ba8b237ef1f2cd7c2b2d04aafe14",onClick:()=>this.noticeWarning(S.failed("This is a test danger notice."))},"danger"),o("button",{key:"06792c0fd16258c1a306a902c77e3600bcae0872",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:"91ffa7d831eefbdce57ea2732ca884a3f30129ea",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:"020e2fe53b4ee2f6b36a94863dbe2367d02e0b51"},o("h2",{key:"bb7cfda125e43c7f2afee6d7853318522456762e"},"Smoothly spinner"),o("div",{key:"a9f199a1fe6837f1546ee3aca45b74c399c23519",style:{width:"fit-content"}},"Large",o("smoothly-spinner",{key:"b3d78a677a1c3a62be4e448ac394096d62bc04e0",size:"large",style:{"--spinner-background":"200,255,200","--spinner-background-opacity":"0.2","--spinner-color":"0,130,0"}})),o("div",{key:"db5b5ce167113c8471537bc9604af1d31ef5f228",style:{width:"fit-content"}},"Medium",o("smoothly-spinner",{key:"2eff854f0c518cb3928615775367c6ca768f1a9e",size:"medium"})),o("div",{key:"b92410ef7ff77eb220554dce92ee9e5e0161b8d2",style:{width:"fit-content"}},"Small",o("smoothly-spinner",{key:"4836644ee23ce44de781fc59b185c363d2d10e5e",size:"small"})),o("div",{key:"a6b659783973f77a39e1643940fc97f77be1f7ad"},"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:"8161fb53d9dfa5aba8bc164adcaf9e3daeeaa627"},"Spinner with overlay"),o("div",{key:"8d4115c6ab8a24add137c06cde794937aba85b69",style:{position:"relative",height:"10em"}},"Large Overlay Spinner",o("smoothly-spinner",{key:"d04a2e77e759e5e094244922ec70fc150bac6858",overlay:true,size:"large",style:{"--spinner-background":"255,200,255","--spinner-background-opacity":"0.5","--spinner-color":"0,130,0"}})),o("div",{key:"e284851987d3e475d72dd68e5465ff2b54e38710",style:{position:"relative",height:"10em"}},"Medium Overlay Spinner",o("smoothly-spinner",{key:"29d593da93d2e11ac520650d64af1de6728e837e",overlay:true,color:"secondary",size:"medium"})),o("div",{key:"bcc6e156596f946964173cf9a100dce8f3f9adcb",style:{position:"relative",height:"10em"}},"Small Overlay Spinner",o("smoothly-spinner",{key:"57498aeaf7c8690958a1f42d80220bf6ba01a069",overlay:true,size:"small"}))),o("fieldset",{key:"ed65a407dde854768a1934add1d88a40d99f20c5"},o("h2",{key:"3f0a8eba2588ac878f02104f60fbc6072173c480"},"Smoothly summary"),o("smoothly-summary",{key:"b5538b3841957408ca25314d20789fc87db9f89c"},o("span",{key:"0a66c656b75981dd493f9288522c914c6aaf3177",slot:"summary"},"Some title"),o("smoothly-summary",{key:"d7a1064544e0f530ee18fc98e5dbac110f7aad79",slot:"content"},o("div",{key:"7dc9a5d35ddd789ef54fe021ecf9b784793a3074",slot:"summary"},"Some other title"),o("div",{key:"b0b0000431972ce6510eeb966d35f90f98baa372",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:"7eac5c136d5ed3c09c53f676991fb957bdea50f2"},o("div",{key:"45239a377a7ae5b15baa3fefaca04f965bc3dd80",slot:"summary",style:{display:"flex",gap:"0.3rem"}},o("span",{key:"aed615a5e1dcfece04dc29d3381e706e89328025"},"Person"),o("smoothly-icon",{key:"bbdbee4093170b788015686e6ac31cb75adfb3c4",name:"person",color:"light",fill:"clear",size:"tiny"})),o("p",{key:"dcbe807176c6c8c0a642b8351487c63a2a31d1d1",slot:"content"},"Some person information.")),o("h2",{key:"b939b82ef761060a6de4190fd80e5aec1d6c6938"},"Label"),Ge.map((t=>o("smoothly-label",{hue:t.hue,description:t.description,shape:"rectangle"},t.name))),o("smoothly-label",{key:"9dd6878b3e540f24dee8fc99d6834a6c2ed85744",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:"dd76081f4adf3ae47e0015c2f17b43e50c6ace15"},[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 Xe=()=>`.sc-smoothly-display-json-h{font-family:monospace}`;const Je=class{constructor(e){t(this,e)}render(){return o(Ze,{key:"939a93b45e7f0f021c361331d011e7cb61627fed",value:this.value,collapseDepth:this.collapseDepth})}};Je.style=Xe();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:"9c9b5a46433770a7d56343c4bf723163e8a56475",class:{empty:this.empty,open:this.open}},o("span",{key:"836957462d65b5c136231bd3867f7da169ecb343",class:"open-bracket",onClick:()=>this.open=!this.open,"data-length":this.length},this.openBracket),o("span",{key:"ef132e20317fb0b1b3f38442fec7bd2731ec5c43",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:"50bed891b85fc5d407cad5e8ae1d53dcf56551d2",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:"017bbc369b1e8ff42466411a5b28b52c5661b740",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:"67d6629e71ecde01829b6279188bc7332c3d9379"},'"',this.value,'"')}};ao.style=so();var io;(function(t){function e(t){return typeof t=="string"&&(t=="GET"||t=="POST"||t=="DELETE"||t=="HEAD"||t=="PATCH"||t=="PUT"||t=="OPTIONS"||t=="TRACE"||t=="CONNECT")}t.is=e;function o(t){t=t?.toUpperCase();return e(t)?t:undefined}t.parse=o})(io||(io={}));const lo={};function no(t,...e){e.forEach((e=>lo[e]=t))}function ro(t){const e=t.headers.get("Content-Type");const o=e&&e.split(";");const s=lo[o?.[0]??"plain/text"];return s?s(t):t.text()}const co={};function ho(t,...e){e.forEach((e=>co[e]=t))}function mo(t,e){const o=co[e?.split(";")[0]??""];return o?o(t,e):t}function yo(t){return t.toLowerCase().replace(/-[a-z]/g,(t=>t.substring(1).toUpperCase()))}function bo(t){const e=t.replace(/[A-Z]/g,(t=>"-"+t));return e[0].toUpperCase()+e.substring(1)}const uo=[["aIM","A-IM",1],["accept","Accept",2],["acceptCharset","Accept-Charset",2],["acceptDatetime","Accept-Datetime",1],["acceptEncoding","Accept-Encoding",2],["acceptLanguage","Accept-Language",2],["accessControlRequestMethod","Access-Control-Request-Method",1],["accessControlRequestHeaders","Access-Control-Request-Headers",1],["authorization","Authorization",1],["cacheControl","Cache-Control",1],["cfConnectionIp","CF-Connecting-IP",1],["cfIpCountry","CF-IPCountry",1],["connection","Connection",1],["contentLength","Content-Length",1],["contentMD5","Content-MD5",1],["contentType","Content-Type",1],["cookie","Cookie",1],["date","Date",1],["expect","Expect",1],["forwarded","Forwarded",1],["from","From",1],["host","Host",1],["http2Settings","HTTP2-Settings",1],["ifMatch","If-Match",2],["ifModifiedSince","If-Modified-Since",1],["ifNoneMatch","If-None-Match",2],["ifRange","If-Range",1],["ifUnmodifiedSince","If-Unmodified-Since",1],["maxForwards","Max-Forwards",1],["origin","Origin",1],["pragma","Pragma",1],["proxyAuthorization","Proxy-Authorization",1],["range","Range",1],["referer","Referer",1],["te","TE",2],["trailer","Trailer",1],["transferEncoding","Transfer-Encoding",1],["userAgent","User-Agent",1],["upgrade","Upgrade",2],["via","Via",2],["warning","Warning",1],["upgradeInsecureRequests","Upgrade-Insecure-Requests",1],["xRequestedWith","X-Requested-With",1],["dnt","DNT",1],["xForwardedFor","X-Forwarded-For",1],["xForwardedHost","X-Forwarded-Host",1],["xForwardedProto","X-Forwarded-Proto",1],["xMsContinuation","X-Ms-Continuation",1],["frontEndHttps","Front-End-Https",1],["xHttpMethodOverride","X-Http-Method-Override",1],["xAttDeviceId","X-ATT-DeviceId",1],["xWapProfile","X-Wap-Profile",1],["proxyConnection","Proxy-Connection",1],["xCsrfToken","X-Csrf-Token",1],["xCorrelationID","X-Correlation-ID",1],["xModNonce","x-mod-nonce",1],["xModRetry","x-mod-retry",1],["saveData","Save-Data",1],["xAuthToken","X-Auth-Token",1],["xTrackingId","x-tracking-id",1]];var po;(function(t){function e(t){function e(t){return t==undefined||typeof t=="string"}function o(t){return t==undefined||Array.isArray(t)&&t.every((t=>typeof t=="string"))}return typeof t=="object"&&uo.every((s=>(s[2]==1?e:o)(t[s[0]])))}t.is=e;function o(t){return Object.fromEntries(Object.entries(t).map((([t,e])=>{const o=uo.find((([e,o,s])=>e==t));return[o?o[1]:bo(t),Array.isArray(e)?e.join(", "):e]})))}t.to=o;function s(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):i(t)?[...t]:Object.entries(t)).map((([t,e])=>{const o=uo.find((([e,o,s])=>t.toLowerCase()==o.toLowerCase()));return o?[o[0],o[2]==1||typeof e!="string"?e:e.split(",").map((t=>t.trim()))]:[yo(t),e]})))}t.from=s;function a(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=a;function i(t){return typeof t.entries=="function"}})(po||(po={}));var fo;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["method","url","parameter","search","remote","header","body"].some((e=>e==t))))&&io.is(t.method)&&t.url instanceof URL&&typeof t.parameter=="object"&&Object.entries(t.parameter).every((([t,e])=>typeof t=="string"&&typeof e=="string"))&&typeof t.search=="object"&&Object.entries(t.search).every((([t,e])=>typeof t=="string"&&typeof e=="string"))&&(t.remote==undefined||typeof t.remote=="string")&&(t.header==undefined||po.is(t.header))}t.is=e;async function o(t){const o=e(t)?t:a(t);const s=o.header.contentType?.startsWith("multipart/form-data")?(({contentType:t,...e})=>e)(o.header):o.header;return{url:o.url.toString(),method:o.method,headers:po.to(s),body:["GET","HEAD"].some((t=>t==o.method))?undefined:await mo(await o.body,o.header.contentType)}}t.to=o;function s(t){const e=new URL(t.url);return{method:io.parse(t.method)??"GET",url:e,header:po.from(t.headers),parameter:{},search:Object.fromEntries(e.searchParams.entries()),body:ro(t),..."cf"in t&&{cloudflare:t.cf}}}t.from=s;function a(t){let e;if(typeof t=="string")e=a({url:t});else{const o=typeof t.url=="string"?new URL(t.url):t.url;e={method:io.parse(t.method)??"GET",url:o,parameter:t.parameter??{},search:{...t.search,...Object.fromEntries(o.searchParams.entries())},remote:t.remote,header:t.header??{},body:t.body}}return e}t.create=a;(function(t){t.is=po.is;t.from=po.from;t.to=po.to})(t.Header||(t.Header={}))})(fo||(fo={}));const go=typeof Response!="undefined"?Response:globalThis.Response;var ko=undefined&&undefined.__classPrivateFieldGet||function(t,e,o,s){if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?s:o==="a"?s.call(t):s?s.value:e.get(t)};var vo=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,a){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?a.call(t,o):a?a.value=o:e.set(t,o),o};var wo,xo,Co,So,zo,Io,To,Do,jo;let Lo=class t{get state(){return ko(this,So,"f")?"closed":"opened"}set onMessage(t){if(ko(this,xo,"f").length&&t){ko(this,xo,"f").forEach(t);vo(this,xo,[],"f")}vo(this,Io,t,"f")}set onClose(t){if(this.state=="closed"&&t)t();vo(this,To,t,"f")}set onOpen(t){if(this.state=="opened"&&t)t();vo(this,jo,t,"f")}constructor(t,e){wo.add(this);xo.set(this,[]);Co.set(this,[]);So.set(this,false);zo.set(this,void 0);Io.set(this,void 0);To.set(this,void 0);jo.set(this,void 0);vo(this,zo,t,"f");if(e)vo(this,Co,undefined,"f");ko(this,zo,"f").addEventListener("open",(()=>{if(ko(this,jo,"f"))ko(this,jo,"f").call(this);ko(this,wo,"m",Do).bind(this)}));ko(this,zo,"f").addEventListener("message",(async t=>{const e=this.processReceived(t.data);ko(this,wo,"m",Do).call(this);if(ko(this,Io,"f"))ko(this,Io,"f").call(this,e);else ko(this,xo,"f")?.push(e)}));ko(this,zo,"f").addEventListener("close",(()=>{if(ko(this,To,"f"))ko(this,To,"f").call(this);vo(this,So,true,"f")}))}send(t){if(ko(this,Co,"f"))ko(this,Co,"f").push(this.processSend(t));else ko(this,zo,"f").send(this.processSend(t))}};xo=new WeakMap,Co=new WeakMap,So=new WeakMap,zo=new WeakMap,Io=new WeakMap,To=new WeakMap,jo=new WeakMap,wo=new WeakSet,Do=function t(){ko(this,Co,"f")?.forEach((t=>ko(this,zo,"f").send(t)));vo(this,Co,undefined,"f")};let _o=class t extends Lo{processReceived(t){return t?.arrayBuffer?t.arrayBuffer():typeof t=="string"?(new TextEncoder).encode(t).buffer:t}processSend(t){return t}};class Ro extends Lo{processReceived(t){return JSON.parse(t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t)}processSend(t){return JSON.stringify(t)}}let Ao=class t extends Lo{processReceived(t){return t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t}processSend(t){return t}};var $o=undefined&&undefined.__classPrivateFieldGet||function(t,e,o,s){if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?s:o==="a"?s.call(t):s?s.value:e.get(t)};var Mo=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,s,a){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?a.call(t,o):a?a.value=o:e.set(t,o),o};var Eo,Oo,Po;class Ho{get json(){if(!$o(this,Eo,"f"))Mo(this,Eo,new Ro(this.backend,this.isOpen),"f");return $o(this,Eo,"f")}get string(){if(!$o(this,Oo,"f"))Mo(this,Oo,new Ao(this.backend,this.isOpen),"f");return $o(this,Oo,"f")}get arrayBuffer(){if(!$o(this,Po,"f"))Mo(this,Po,new _o(this.backend,this.isOpen),"f");return $o(this,Po,"f")}constructor(t,e){this.backend=t;this.isOpen=e;Eo.set(this,void 0);Oo.set(this,void 0);Po.set(this,void 0)}createResponse(t={}){return{status:101,socket:this,header:t}}close(t,e){this.backend.close(t,e)}}Eo=new WeakMap,Oo=new WeakMap,Po=new WeakMap;var Fo;(function(t){t.Factory=Ho})(Fo||(Fo={}));const Uo=[["accessControlAllowOrigin","Access-Control-Allow-Origin",1],["accessControlAllowCredentials","Access-Control-Allow-Credentials",1],["accessControlExposeHeaders","Access-Control-Expose-Headers",2],["accessControlMaxAge","Access-Control-Max-Age",1],["accessControlAllowMethods","Access-Control-Allow-Methods",2],["accessControlAllowHeaders","Access-Control-Allow-Headers",2],["acceptPatch","Accept-Patch",1],["acceptRanges","Accept-Ranges",1],["age","Age",1],["allow","Allow",2],["altSvc","Alt-Svc",1],["cacheControl","Cache-Control",1],["cfConnectionIp","CF-Connecting-IP",1],["cfIpCountry","CF-IPCountry",1],["connection","Connection",1],["contentDisposition","Content-Disposition",1],["contentEncoding","Content-Encoding",1],["contentLanguage","Content-Language",2],["contentLength","Content-Length",1],["contentLocation","Content-Location",1],["contentMD5","Content-MD5",1],["contentRange","Content-Range",1],["contentSecurityPolicy","Content-Security-Policy",1],["contentType","Content-Type",1],["date","Date",1],["deltaBase","Delta-Base",1],["eTag","ETag",1],["expires","Expires",1],["iM","IM",1],["lastModified","Last-Modified",1],["link","Link",1],["location","Location",1],["p3P","P3P",1],["pragma","Pragma",1],["proxyAuthenticate","Proxy-Authenticate",1],["publicKeyPins","Public-Key-Pins",1],["refresh","Refresh",1],["retryAfter","Retry-After",1],["server","Server",1],["setCookie","Set-Cookie",1],["status","Status",1],["strictTransportSecurity","Strict-Transport-Security",1],["timingAllowOrigin","Timing-Allow-Origin",2],["trailer","Trailer",1],["transferEncoding","Transfer-Encoding",1],["tk","Tk",1],["upgrade","Upgrade",2],["vary","Vary",2],["via","Via",1],["warning","Warning",1],["wwwAuthenticate","WWW-Authenticate",1],["xContentDuration","X-Content-Duration",1],["xContentSecurityPolicy","X-Content-Security-Policy",1],["xContentTypeOptions","X-Content-Type-Options",1],["xCorrelationId","X-Correlation-ID",1],["xFrameOptions","X-Frame-Options",1],["xMsContinuation","X-Ms-Continuation",1],["xPoweredBy","X-Powered-By",1],["xRequestId","X-Request-ID",1],["xUACompatible","X-UA-Compatible",1],["xWebkitCsp","X-WebKit-CSP",1],["xXssProtection","X-XSS-Protection",1]];var No;(function(t){function e(t){function e(t){return t==undefined||typeof t=="string"}function o(t){return t==undefined||Array.isArray(t)&&t.every((t=>typeof t=="string"))}return typeof t=="object"&&Uo.every((s=>(s[2]==1?e:o)(t[s[0]])))}t.is=e;function o(t){return Object.fromEntries(Object.entries(t).map((([t,e])=>{const o=Uo.find((([e,...o])=>e==t));return[o?o[1]:bo(t),Array.isArray(e)?e.join(", "):e]})))}t.to=o;function s(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):i(t)?l(t):Object.entries(t)).map((([t,e])=>{const o=Uo.find((([e,o,s])=>t.toLowerCase()==o.toLowerCase()));return o?[o[0],o[2]==1||typeof e!="string"?e:e.split(",").map((t=>t.trim()))]:[yo(t),e]})))}t.from=s;function a(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=a;function i(t){return typeof t.forEach=="function"}function l(t){const e=[];t.forEach(((t,o)=>e.push([o,t])));return e}})(No||(No={}));var Yo;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["status","header","body","socket"].some((e=>e==t))))&&(t.status==undefined||typeof t.status=="number")&&(t.header==undefined||No.is(t.header))&&(t.socket==undefined||typeof t.socket.close=="function"&&typeof t.socket.json?.send=="function"&&typeof t.socket.string?.send=="function"&&typeof t.socket.arrayBuffer?.send=="function")&&(t.status!=undefined||t.header!=undefined||t.body!=undefined)}t.is=e})(Yo||(Yo={}));var Wo;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["status","header","body","socket"].some((e=>e==t))))&&(t.status==undefined||typeof t.status=="number")&&(t.header==undefined||No.is(t.header))&&(t.socket==undefined||t.socket instanceof WebSocket)}t.is=e;async function o(t){return new go(await mo(await t.body,t.header.contentType),{status:t.status,headers:new Headers(No.to(!t.header.contentType?.startsWith("multipart/formdata")?t.header:(({contentType:t,...e})=>e)(t.header))),...t.socket&&{webSocket:{...t.socket.createResponse().socket}?.backend}})}t.to=o;function s(t){return{status:t.status,header:No.from(t.headers),body:t.status==101?undefined:ro(t),...t.webSocket&&{socket:new Fo.Factory(t.webSocket)}}}t.from=s;function a(t,e){const o=Yo.is(t)?{status:200,header:{},body:undefined,...t.socket&&{socket:t.socket},...t}:typeof t?.createResponse=="function"&&(e==undefined||No.is(e))?t.createResponse(e):{status:typeof t=="object"&&typeof t.status=="number"&&t.status||200,header:typeof t=="object"?{...t.header,...(t.status==301||t.status==302)&&t.location?{location:t.location}:{}}:{},body:!(typeof t=="object"&&!Array.isArray(t))||t instanceof ArrayBuffer||ArrayBuffer.isView(t)||t instanceof FormData?t:(({header:t,...e})=>e)(t),...t.webSocket&&{socket:new Fo.Factory(t.webSocket)}||t.socket&&{socket:t.socket}};if(!o.header.contentType)switch(typeof o.body){case"undefined":break;default:case"object":o.header.contentType=typeof e=="string"?e:e?.contentType?e.contentType:o.body instanceof FormData?"multipart/formdata":o.body instanceof ArrayBuffer||ArrayBuffer.isView(o.body)?i(o.body)?"application/pdf":"application/octet-stream":"application/json; charset=utf-8";break;case"string":o.header.contentType=o.body.slice(0,9).toLowerCase()=="<!doctype"?"text/html; charset=utf-8":/^[A-Za-z0-9-_=]+\.[A-Za-z0-9-_=]+\.?[A-Za-z0-9-_.+/=]*$/.test(o.body)?"application/jwt; charset=utf-8":/^<\?xml version=(.|\n)*\?>(.|\n)*<svg(.|\n)*<\/svg>$/.test(o.body)?"image/svg+xml":"text/plain; charset=utf-8";break}return o}t.create=a;function i(t){const e=new Uint8Array(ArrayBuffer.isView(t)?t.buffer:t).slice(0,4);return[37,80,68,70].every(((t,o)=>t==e[o]))}t.Header=No;t.Like=Yo})(Wo||(Wo={}));const Bo=Vo(globalThis.fetch);Bo.create=Vo;function Vo(t){return async e=>{const o=fo.create(e);return Wo.from(await t(o.url.toString(),await fo.to(o)))}}var Go;(function(t){function e(t){const e=new globalThis.FormData;e.append("*",new globalThis.Blob([(new TextEncoder).encode(JSON.stringify(o(t,"",e)))],{type:"application/json; charset=utf-8"}));return e}t.to=e;function o(t,e,a){return Object.entries(t).reduce(((t,[i,l])=>{l instanceof Blob?a.append(e?`${e}.${i}`:i,l):typeof l=="object"&&l?Array.isArray(l)?t[i]=s(l,e?`${e}.${i}`:i,a):t[i]=o(l,e?`${e}.${i}`:i,a):t[i]=l;return t}),{})}function s(t,e,a){return t.reduce(((t,i)=>{typeof i=="object"&&i?Array.isArray(i)?t.push(s(i,e,a)):t.push(o(i,e,a)):t.push(i);return t}),[])}async function a(t){const e={};for(const[o,s]of t.entries())await i(e,o.split("."),s);return e}t.from=a;async function i(t,[e,...o],s){if(o.length==0)s instanceof Blob&&s.type.startsWith("application/json")?e=="*"?l(t,JSON.parse(await s.text())):typeof t[e]=="object"&&t[e]?l(t[e],JSON.parse(await s.text())):t[e]=JSON.parse(await s.text()):t[e]=s;else i(typeof t[e]=="object"&&t[e]?t[e]:t[e]={},o,s)}function l(t,...e){if(e.length){const[o,...s]=e;Object.entries(o).forEach((([e,s])=>n(s)?l(n(t[e])?t[e]:t[e]={},s):t[e]=o[e]));l(t,...s)}}function n(t){return t&&typeof t=="object"&&!Array.isArray(t)}t.isObject=n})(Go||(Go={}));function Ko(t){const e=[];const o=(t,s)=>{switch(typeof s){default:case"bigint":case"boolean":case"number":case"string":e.push(`${t}=${encodeURIComponent(s.toString())}`);break;case"undefined":break;case"object":for(const e in s)if(Object.prototype.hasOwnProperty.call(s,e))o(t?t+`[${e}]`:e,s[e]);break}};o("",t);return e.join("&")}function qo(t){const e=t=>typeof t=="object"&&Object.keys(t).sort().every(((t,e)=>`${t}`==`${e}`))?Object.entries(t).sort().map((t=>typeof t[1]=="object"?e(t[1]):t[1])):typeof t=="object"?Object.fromEntries(Object.entries(t).map((t=>[t[0],e(t[1])]))):t;const o=(t,e,s)=>{t[e[0]]=e.length>1?o(t[e[0]]??{},e.slice(1),s):s;return t};const s=t.split("&").map((t=>t.split("=",2))).map((([t,e])=>[decodeURIComponent(t).split("[").map((t=>t.replace("]",""))),decodeURIComponent(e.replace(/\+/g," "))]));return s.reduce(((t,[s,a])=>e(o(t,s,a))),{})}no((async t=>await t.text()),"text/plain","text/html");no((async t=>await t.json()),"application/json");no((async t=>await t.arrayBuffer()),"application/pdf");no((async t=>Go.from(await t.formData())),"multipart/form-data");no((async t=>qo(await t.text())),"application/x-www-form-urlencoded");ho((async t=>typeof t=="string"?t:t.toString()),"text/plain","text/html");ho((async t=>JSON.stringify(t)),"application/json");ho((async t=>t),"application/pdf");ho((async t=>Ko(t)),"application/x-www-form-urlencoded");ho((async t=>t instanceof globalThis.FormData?t:Go.to(t)),"multipart/form-data");var Zo;(function(t){function e(t){return t&&typeof t=="object"&&typeof t.clear=="function"}t.is=e})(Zo||(Zo={}));class Xo{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 Xo(t)}}var Jo;(function(t){t.Observer=Xo;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})(Jo||(Jo={}));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:Jo.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=Jo.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=>Jo.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=>Jo.Element.type.is(e)&&e.edit(t))));this.readonly=!t;this.smoothlyFormEdit.emit(t)}async reset(){await Promise.all([...this.inputs.values()].map((t=>Jo.Element.type.is(t)&&t.reset())));this.isDifferentFromInitial=[...this.inputs.values()].some((t=>Jo.type.is(t)?t.isDifferentFromInitial:true));this.smoothlyFormReset.emit()}async setInitialValue(){await Promise.all([...this.inputs.values()].map((t=>Jo.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:"e6b40ea5e535c8fd4fbbe65aa060d0ba061f5a3e"},o("div",{key:"848116c5bc43a4a5adb20ecf3f66a66b050e529c"},o("smoothly-form-demo-all",{key:"44179c77bfd53bfa4f347a465a3f4000d4d94b08"}),o("smoothly-form-demo-pet",{key:"356b17321dc0f11e63c8dd4846c4e1d91c7b6b5c"}),o("smoothly-form-demo-card",{key:"2584856236b89b5818551f8826056c0a14ab6356"}),o("smoothly-form-demo-login",{key:"dacc85e611dec4115fefc49f63463912b6718285"}),o("smoothly-form-demo-prices",{key:"500d6d4c056c79113b16bd0f67bfe0ab562cd8d8"}),o("smoothly-form-demo-typed",{key:"933cce32ed4668eb28140c0c01c8238cdf1526d2"}),o("smoothly-form-demo-transparent",{key:"2a39b5d64aaff4d53d703c9508df3de18d5a6ad6"}),o("smoothly-form-demo-date",{key:"fb0a6356529047d3bbbebd1b5980c2884be0cbb6"}),o("smoothly-form-demo-schedule",{key:"c7eb48895c714d436f04544af9519a93232f76d0"}),o("smoothly-form-demo-date-range",{key:"6370bf9ca0671705777b03e6b985361d06ee9d56"}),o("smoothly-form-demo-controlled",{key:"abf920dd124a8c43ce7818ba29bb1931a4b90910"})))}};as.style=ss();const is=class{constructor(e){t(this,e)}render(){return o(s,{key:"2b2e779dc35f9f35173515a6db59425654d7446a"},o("h2",{key:"b2423e5f45a6841b6fedcb7db17626ed192ee15d"},"All inputs"),o("smoothly-form",{key:"ac6fc721d22456edb5104ba9553c423d6f8bdebe",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:"4ec033bb9d51a7edc81cce2a1fde55bd21458318",readonly:true,name:"First Name",value:"John"},"First name"),o("smoothly-input",{key:"8d6abee797b1c9b60efeb068c828453174401012",showLabel:false,name:"Last name",value:"Doe"},"Last name",o("smoothly-input-clear",{key:"8caeac3cbd2290eaeeda549aea083d4499b960c5",size:"icon",slot:"end"})),o("smoothly-input",{key:"9a22277ed064a84b98a8c68c5f176758735748f0",type:"phone",name:"Phone",value:"777888999"},"Phone",o("smoothly-input-reset",{key:"2b45ff8ceaf71289d350e102d53123dc1c82600f",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"15856b48204c21b5f7318df22130e17aa3e14e8d",clearable:true,name:"radioFirstInput"},o("label",{key:"c94b6e0c185c8ab4325161a6e4249863017e5eb2",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"e978bde5ec519ab872eac3fb2a7d75b493099f31",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"3c30fd0d9b549f93c912759f8329570db377df79",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"2f3f773cade1c39fa2a121b24ba2778a42d9a9b0",value:"third"},"Label 3")),o("smoothly-input-color",{key:"f1e0b0b1e759c85c5de1f3a8af9818b41c692bdb",name:"color"},"Color"),o("smoothly-input-select",{key:"7e1069ff0515224e17145539afefec11979ed88c",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"c42749acb44e6e7db99f4e7981f20ad0c09f1694",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"fdd0c90294bdf50d77ccf187777fdd804760b8ac",value:"1"},"January"),o("smoothly-item",{key:"4f0c9d90f6909eaacccd5d385e317832f5a8b213",value:"2"},"February"),o("smoothly-item",{key:"7779ea4af1f17cb48ef0249b7857262deb6c485d",value:"3"},"March"),o("smoothly-item",{key:"5f15c3d32240bfb7c3b8d0a61f90599697b8e2a0",value:"4"},"April"),o("smoothly-item",{key:"0952c95b2cf623f5573d70b5fa39b1c1ce008f16",value:"5"},"May"),o("smoothly-item",{key:"1352e9245e39341d99d1bc8d051691b6b70dac37",value:"6"},"June"),o("smoothly-item",{key:"7eddedff608a9148cb2b9c17f23ac2108b2190fd",value:"7"},"July"),o("smoothly-item",{key:"627e81c5c7ddd5e1230b6eead20ac7932edbff9a",value:"8"},"August"),o("smoothly-item",{key:"587bcf666e0bc92c14f5665f975563f06a419bac",value:"9"},"September"),o("smoothly-item",{key:"896f05e2b88d7613cbc7f21b2aa4c58f1ae3938d",value:"10"},"October"),o("smoothly-item",{key:"fb539afa5edd3fe8391df5fc9d63fcb84940512c",value:"11"},"November"),o("smoothly-item",{key:"959e9af2c479a299431f302041649bd86f5db331",value:"12"},"December")),o("smoothly-input-select",{key:"64e83fb7dba19c8c21b5697eade0c7c5404d330c",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"b1a055ab1c73f28e0b49e626561aeff83efb124b",value:"folder",selected:true},o("smoothly-icon",{key:"9ba931c9dd28c9f88168f5ab94fd80bc6f7f6bc0",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"acd791714a16504b5dc6a56f2fbfc89cf1ef4600",value:"camera"},o("smoothly-icon",{key:"d65e7beb3c74941bf494769126124ef79ce800d0",size:"small",name:"camera-outline"}))),o("smoothly-input-checkbox",{key:"d6f2f199daf447bb0992ca8839b89e4e14166846",name:"checkbox"},"Check the box"),o("smoothly-input-checkbox",{key:"79885d84642626f7cba6d348d0044f2c8037007e",name:"checkbox2",checked:true},"Check the box 2"),o("smoothly-input-range",{key:"7e791279c3b1bd2898d4c5e9e35ef9df76aa14cf",step:1,name:"range3",value:20,label:"Range"}),o("smoothly-input",{key:"f7b07cef9882952dc91be6484c04ba459ef5db62",name:"pets.0.name"},"First Pet's Name"),o("smoothly-input-range",{key:"44b404105c6d9aa19c7f14ac529e7b8ab3f964e9",name:"pets.0.age",max:100,step:1,label:"First Pet's Age"}),o("smoothly-input",{key:"aca9bc7aebd243f8e82158d1c60b7a69886e9a02",name:"pets.1.name"},"Second Pet's Name"),o("smoothly-input-range",{key:"674b16d94949bcbd3fd4980b0b262ba580efbd5b",name:"pets.1.age",max:100,step:1,label:"Second Pet's Age"}),o("smoothly-input",{key:"b25175ffa941b70d606a66db0f97e61547faf5b9",name:"pets.2.name"},"Third Pet's Name"),o("smoothly-input-range",{key:"0113d466fc09afc4734a65500cdc20b06267d77d",name:"pets.2.age",max:100,step:1,label:"Third Pet's Age"}),o("smoothly-input-file",{key:"cd15c39915ea43095e237f4f1952ed271f6e756b",name:"profile",placeholder:"Click or drag your profile picture here..."},o("span",{key:"a6138d70fbf10e1cf7cc4ad624422315d05c9619",slot:"label"},"Profile"),o("smoothly-icon",{key:"5c53d92dd91402c2db9d57dc3dfd274cbea4b730",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),o("smoothly-input",{key:"497261e5f152c2af406dcc6860a6092df8bbe1af",type:"duration",name:"duration",value:{}},"Duration"),o("smoothly-input-clear",{key:"7ba91aa6d31f7ff2ebbb3d07bd958610aad0fc1f",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),o("smoothly-input-edit",{key:"fd6a01b3f7417aa4074bbf2ca385cec9d437e429",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),o("smoothly-input-reset",{key:"3221d6e405488a7af0b917c99ee7f5acd9ca9f1d",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),o("smoothly-input-submit",{key:"e81eff668f6592a23f3f13262c123e97d1ca6c30",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),o("smoothly-input-submit",{key:"334bca3eb505ccd23c75efe1d3d66faa7638f4e0",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}};const ls=class{constructor(e){t(this,e)}render(){return o(s,{key:"12a00d87271d0af126cadbad9443b858e477561e"},o("h2",{key:"b5f4db995901068b60a0005cd99e81c818ea19cc"},"Card"),o("smoothly-form",{key:"327812f8a2d381d9806338675532029d4f42ce59",looks:"grid",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail))},o("smoothly-input",{key:"3379bf37a7333b1599aef7c0362e3e45af69f99d",type:"card-number",name:"card"},"Card #"),o("smoothly-input-submit",{key:"66f625510bd3f7f2bcd67671e39a55e4009c6f40",size:"icon",slot:"submit",color:"success",fill:"solid"}),o("smoothly-input",{key:"2a050bd1808ed0b2b75ba5a62581e942788d115f",type:"card-expires",name:"expires"},"Expires"),o("smoothly-input",{key:"4ed6ae1574aaf02fde846bd23dc55782c0f066ac",type:"card-csc",name:"csc"},"CVV/CVC"),o("smoothly-input",{key:"d0e62a606289683f604016a935564f8602daa041",type:"text",name:"name.first"},"First Name"),o("smoothly-input",{key:"bfbd0c1a13053aa98d9a93dcc06ceae8b933561e",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:"be70b1b758bbe11772a1ba8ba7dca4f5405ea651"},o("h2",{key:"68973a8cf2107ecaa72790a917cf14191cfd0fa9"},"Controlled"),o("smoothly-form",{key:"4da1c66f41c89d78c180b55b3ae1df15190eae0c",readonly:true,looks:"grid",onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input",{key:"201cb10b36c39d6a5a98d456459b82ef9d3f0a7d",type:"text",name:"name",value:this.name},"Name"),o("smoothly-input-select",{key:"a434d27014de8a28230f7bc60a3b5c6b706005b6",name:"currency"},o("span",{key:"eefb198ba0a863dd7c6ff37162383522c722803c",slot:"label"},"Currency"),this.currencies.map((t=>o("smoothly-item",{selected:t==this.currency,value:t},t)))),o("smoothly-input",{key:"4813e2c249bd21afc6a2c1a6ab78793b49fa2d68"},"Dummy"),o("smoothly-input-month",{key:"7225723a71776a7d9d88a21361443128a5893d42",name:"date",value:this.date,next:true,previous:true},o("span",{key:"be0572c78ce576807a459738426416e941a997fd",slot:"year-label"},"Year"),o("span",{key:"99bb6cf5516bccb1721013e87ca2bec463341983",slot:"month-label"},"Month")),o("smoothly-input-edit",{key:"b7be05116d563ee33665f502c45bd01d9aaf61e1",slot:"edit",size:"icon",color:"primary",fill:"default"}),o("smoothly-input-reset",{key:"bf423459f9b8717e9de26e4c900d054ea90baf7a",slot:"reset",size:"icon",color:"warning",fill:"default"}),o("smoothly-input-submit",{key:"fd42172c00aae5c33f2b22e3d3bdccb6e71ec294",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:"f6a0bf1656158091b0b9d6647707ec6c919cbf66"},o("h2",{key:"210f22f5cbef0a441d7863764a0b6665afecdce1"},"Date input"),o("smoothly-form",{key:"eea3a74d6591f0193d8043d552a506868af1721d",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input-date",{key:"b9fc6aca0411799a7dd952a4ae27fff20bb7a085",name:"date"},"Date"),o("smoothly-input-submit",{key:"9abd42160b4efd43ec4e976bd143871437d2d08b",slot:"submit"},o("smoothly-icon",{key:"690f42105cb25db4275ba0c03bdaa6a16b24faa3",name:"checkmark-outline"}))))}};cs.style=rs();const ds=()=>`.sc-smoothly-form-demo-date-range-h{display:block}`;const hs=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:"3833e26bb2993e1c9e34f9ae0e769667be96068f"},o("h2",{key:"22a384e50f46467bcbafa7be795461024c25b8b0"},"Date-range input"),o("smoothly-form",{key:"201517c3e9cd58a086d978da2b80d94cbb4b7a36",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},o("smoothly-input-date-range",{key:"6cb457ad45877b3e36c60cba1c8f364133648478",name:"range"},"Range"),o("smoothly-input-submit",{key:"91e289602933e30ee845516efc85094ff03c453d",slot:"submit"},o("smoothly-icon",{key:"93d0acb0034106aeadfb8727cb2bb7e6b1bad52a",name:"checkmark-outline"}))))}};hs.style=ds();const ms=class{constructor(e){t(this,e)}render(){return o(s,{key:"2c9674e5f435d97bd0387de4d5b91443aa521196"},o("h2",{key:"d1440db142e8443b534d60a050416740e0ba82f9"},"Login"),o("smoothly-form",{key:"f1fa4c58d439b4465a4cc3eaad87637ecbf3ac51",looks:"border"},o("smoothly-input",{key:"c419a3578e1de751d77052c78992bfe9daef6238",type:"text",name:"username"},"Username"),o("smoothly-input",{key:"fbce70bd6ac07efbf59bb39ea1d728a3e78c6d77",type:"password",name:"password"},"Password"),o("smoothly-input-reset",{key:"22df0cdc42340f207032132943cd3a5206dee49b",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"83967b0011d19526ec165d2888a5bd4533a4cf0c",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:"1e20a61c9db6aafdf47e54ed7aaef6c1ca3d8bfa"},o("h2",{key:"45492fefcf3cc0fb1a4010711cf10f0bded34893"},"Pet"),o("h3",{key:"bc05c80a795091886b94ba85dd89746e58159ea3"},"Value"),o("smoothly-form",{key:"42a8ccf63773aa8b235931cc66415cfd0f1f0c14",looks:"border",onSmoothlyFormSubmit:t=>alert(JSON.stringify(t.detail)),onSmoothlyFormInput:t=>this.value=Object.assign({},t.detail)},o("smoothly-input",{key:"3606396ae683768fb6ef5e5940f43fbef81800c9",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"1128b00ce30571d90960f0747caf90394d08f093",slot:"end"})),o("smoothly-input",{key:"fbd205ba349d3f754af21ebdc40434946bb712a4",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"e4465a244c36403f0869f5d739d9cdea595136ce",name:"hasOwner",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:t=>{this.hasOwner=t.detail.hasOwner;t.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"7be8886cdeedbdeb87c28b2024c26bd4532f07ed",slot:"end"})),this.hasOwner&&o(i,{key:"972c8da03c31ff920a5131daa1d046f7e80418c1"},o("smoothly-input",{key:"4fd076e713c449b56e4d3b38b47009a3301c81df",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:"2af7bfb23d1d67903be625827d5d237640fc16b0",slot:"end"})),o("smoothly-input",{key:"ba357c367c5006c2002dee8f597b0344572c6238",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:"8caa1d54740a0e1fb3b29d709f6feb32c8c45a31",name:"owner.picture"},o("span",{key:"10332335746aadd62719e024aaa6f825a5b2800b",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"c8c1afc04ae737af2b45c061ee21b4dfb1713869",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:"e13a649d0d308340d419d2355d7d48fbfce257e7",slot:"end"})),o("smoothly-input-date-range",{key:"952264d17218340e89fe16c40b6003ee94f34c9e",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:"f99d74c312b6b7ddc3d3b169b672d3cc478cb3a3",slot:"end"})),o("smoothly-input-range",{key:"d799c177fa826a5a582d1785add6d9ac512434a2",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:"a872fe1b4ae49293daad5ca2c781fe9abe514b95",slot:"end"})),o("smoothly-input-select",{key:"cc6a5ef5238abc4dce3c2321c8f5c184c0dfe320",name:"owner.favoriteHat"},o("span",{key:"a073973ff9b090a82a23b81ca82875ac5155f822",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:"c39f9d320b08362f082749f5338de8d4530f9da5",slot:"end"})),o("smoothly-input-color",{key:"50e462d1f87b19685f627deb90d9eb3d2798c15a",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:"d63535ee7ac6bae7424f60bff48cc5342594ced6",slot:"end"})),o("smoothly-input-radio",{key:"f015946e2a17358be9f8279c5f92566101dd69ef",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:"0e33220f442cf7e1b2908259c68bbf196fe2d2b2",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:"7db7129193020bc6375b859f8eed9bbd3a774b72",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:"c02261545ec207a2be19261796ff1ab0322221c7"},o("smoothly-tab",{key:"64fc9145089d8175e87b77746a301d2a300227ff",label:"Dog",name:"dog"},o("smoothly-input",{key:"93efb08d77a27ebeb0ec1ffaa31d8f20ad1c5c79",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"fbb759287fbb384110dab6bd67e526e0e1b87061",name:"dog.picture"},o("span",{key:"75354c72313adfbf2f0590a4a1d629b056a584d0",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"67cb08aae3427ea09418763cd4f5c89f4c12885c",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"bfc8d1878f5e8c0b9e06dd6db93c5414d072aade",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"d89333abe0b84513f7b59d0910ec979dc63e4f76",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"0ca96cd6cd0ed9d0d0b6e3212c4e545b1783edda",name:"dog.favoriteHat"},o("span",{key:"e9bb41040522fc010702793420c2f448fa2fc0af",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:"609b660e2980b33ac4c437fd3a2cecc212fb700d",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"496506fd830c3da16c3cbb32ed7a93b54e1d023f",name:"dog.favoritePizza"},o("span",{key:"59bdad0dc97036ca753d7de08dadcd9ab888df47",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:"2ad32725e92f4eb3f6402751facf72563491a5a7",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"09d4b79adbbf8772285a13ce1bb45fea67c3c019",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"2a298883bf58261ec42cd8a7cb220421604233f2",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"6ded1101edaf7025402e2084cfa3d530a9440497",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"c6fec8eff6ed07080cfcfd7e04a1accd9be5e698",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"1ef6c74c21f3a530ea18a5fb843c0f39c5d09a5c",name:"parrot.picture"},o("span",{key:"1506866be3f7d5032caa07277ddb4900adf796e4",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"2768b4e77018167d8c5459561627c7176f6af19e",slot:"end"})),o("smoothly-input-date",{key:"4482cadd8c81d8cf68d01d940759c9c8fa302889",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"1db7a128f9fe548e64a26b106f0428cf027515dd",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"f61bb824149c3927ee9e7df5474bc1140b557c2d",slot:"end"})),o("smoothly-input-range",{key:"455be79335de1c32001a9baf41bc6601600a6f2b",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"f0c5284602a08d52331e2fca63bf561212bce4f9",slot:"end"})),o("smoothly-input-select",{key:"2b5d15b9bdda780755ddb704019bdf9b075f7593",name:"parrot.favoriteHat"},o("span",{key:"e23e7228157f39f8d5b565c6283e65d848d662f2",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:"282eb367f0a8bbcc9b296358933c83a2ab1246a2",name:"parrot.month"},o("span",{key:"46678c21d019c38d586da52a8ca5ba14e54f9545",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"74de10bf1eb9a54f1f5139f9b7549b84d90f521e",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"2135343dbedb74df58a88e011921ed5cf93a8f69",name:"parrot.favoritePizza"},o("span",{key:"b549ce953d14b96b12496f989cf8c237fa697d6d",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:"e4fd4673ea5c4feb91142062527f7537f715738e",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"c757eec9af05b183a036119430533a2fdfa7ff26",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"94108e7af02550ba3ea038b879e0db56fe057833",type:"json",value:this.value}))}};bs.style=ys();const us=class e{constructor(e){t(this,e)}render(){return o(s,{key:"c1873c86bb44177e638d7b52d7bbbcb1d0482e1b"},o("h2",{key:"a8edb5f0241dac96350d75eaad7b0c78adf1c13b"},"Prices"),o("smoothly-form",{key:"143874192e2caf3ce0297983e1c5ecc6002705a2",looks:"line"},o("smoothly-input",{key:"151a20903ab8024b291ef1cd6f868bfcbdfdf187",type:"price",name:"no"},"No currency"),o("smoothly-input",{key:"c7a5959241c42d8fee2d741064585c1c79560544",type:"price",name:"crowns",currency:"SEK",toInteger:true},"SEK (toInteger)"),o("smoothly-input",{key:"cfe92d5a2e94598e728d0f0b815652e4ed6d33e1",type:"price",name:"usDollar",currency:"USD"},"USD"),o("smoothly-input",{key:"bd3ffd16af42eb13fe3d6ea4ddad8ceb83827671",type:"price",name:"pounds",currency:"GBP"},"GBP"),o("smoothly-input",{key:"a12b9078e45b65a5b281a0c4ff40caf6446522b8",type:"price",name:"peso",currency:"UYW"},"UYW"),o("smoothly-input",{key:"a8a1efcb2bacb8e56b552aeda19e65eca5690fd3",type:"price",name:"iceland",currency:"ISK"},"ISK"),o("smoothly-input",{key:"be59abc2f31cb215c192566ca4218a19cf2f004a",type:"price",name:"Palladium",currency:"XPD"},"XPD (Palladium)"),o("smoothly-input-reset",{key:"a331ae378f5c10553c3b7f7669322c3d4e9d9973",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"bef886536c5366779bf3c7c10e35a3e42f65075b",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:"af726abe173fe267f43278671ab53c62184ca7b3"},o("h2",{key:"85994b1d612017c07fcbff85d1c7520419c4125f"},"Schedule"),o("smoothly-form",{key:"7bace3476a4344bb7ece715a3d797acadf40dd58",looks:"line",validator:fs.type},o("smoothly-input-date",{key:"5450e239098e87b0eacc7da44459d35dc30bb5dc",name:"schedule.0.date"},"Date"),o("smoothly-input",{key:"9cc1b52c9f636a99b549267198503d47b3afb0f8",name:"schedule.0.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"5f298fa2efabe38e2aef28d9c992ec1ec0804b46",name:"schedule.1.date"},"Date"),o("smoothly-input",{key:"b71aba89d7e05258226fbbaaf705dc9c435a1c37",name:"schedule.1.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"22095cea02b58862ae930857daee6242a51b33b6",name:"schedule.2.date"},"Date"),o("smoothly-input",{key:"9c33bd7be7e0de733986cc2ef6f9c2e52b3f273a",name:"schedule.2.amount",type:"price"},"Amount"),o("smoothly-input-reset",{key:"b02b3225e549665b393a77627da3304881473f9e",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"25d0d08fb11531e71d0f9c4a9394d3bb36a0565c",slot:"submit"})))}};const ks=class{constructor(e){t(this,e)}render(){return o(s,{key:"fc0659542a5e17d903ecb4da9aee7679ef39cdec"},o("h2",{key:"1d1b9ac96324d7c421cdb19d2734bd2fbbb5a8fb"},"Transparent"),o("smoothly-form",{key:"992b6ce5260a8af1f63b9025faca67acef755dc2",looks:"transparent",onSmoothlyFormSubmit:t=>console.log(t.detail.value)},o("smoothly-input-file",{key:"e79178c59b6617703cb42fdeb16a246047110f85",name:"file"},o("span",{key:"0c34c069e55446fdf26eef201f492000b1692a3e",slot:"label"},"File"),o("smoothly-icon",{key:"85c1a66268e78a94b308be411ff5cb712890a1b0",slot:"button",name:"folder-open-outline",size:"small"})),o("smoothly-input",{key:"64c3c4206bf9455f5c923c427cae185c5f84ca60",type:"duration",looks:"transparent",placeholder:"h:mm"},"Input"),o("smoothly-input-date",{key:"006326702c0d9d6f349292de7531b390e6b7add8"},"Date"),o("smoothly-input-date-range",{key:"78784fe14706cbbb5d8ef6d040891127991a418b"},"Date Range"),o("smoothly-input-select",{key:"e48d3d2cd97b472558f2cbfb7c19aed71c505ed1",name:"transport"},o("smoothly-item",{key:"afdc23c9ed61e272893ddd45b70e8d62f0e613fc",value:"plane"},o("smoothly-icon",{key:"ba6c15f1ac729420811ff77b355424426f2b35eb",name:"airplane-outline"})),o("smoothly-item",{key:"90c591649758b43835de47380f9cf0ba89665a43",value:"car"},o("smoothly-icon",{key:"170d4aeeec48e2ea8d57ee17421daa0eacbd6125",name:"car-outline"})),o("smoothly-item",{key:"fce1fc75af8d839f10d1057d699b5049cd4bee84",value:"bus",selected:true},o("smoothly-icon",{key:"1fbb7c4afc326efe8d569c5c032fb7d285876974",name:"bus-outline"}))),o("smoothly-input-submit",{key:"fd292fb5b88f89e103d843e95b14ccf7a3ab9871",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:"2dbbb21af22c211fa354d7213c94088ec796cf8d"},o("h2",{key:"f944fd5f9a04be35baa6d04760ef8fd083f84c6c"},"Typed Contact"),o("smoothly-form",{key:"43b74057023eda58b4b89ba9c52e59f9f8fd2329",validator:vs.type},o("smoothly-input",{key:"6179ce405787b71e56af49ab16cac3d225476c9b",name:"name.first"},"First Name"),o("smoothly-input",{key:"41568d9f6447f715c2d9ca414aeca6e103085df8",name:"name.middle"},"Middle Name (optional)"),o("smoothly-input",{key:"71407b265ac5f00f5db126ae0e1b5ced6c329977",name:"name.last"},"Last Name"),o("smoothly-input",{key:"f2dcbd6af35236299eb573d573efa521672c0a4e",name:"age",type:"integer"},"Age (18-120)"),o("smoothly-input-select",{key:"d881ad1a7d8f3b3279c9f4aac5473514a2b95d5f",name:"country"},o("span",{key:"1606d2a8eb5f7160abd3c6a4e983561808fabca5",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:"09e7d8d8f9250304279b1d245044b919c147cc1f",name:"birthday"},"Date of birth"),o("smoothly-input-reset",{key:"d212e7a41fba21fc4ba2efd9349834f4c5d8a41d",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"c5e62e8b33276b0f5e16e5c37538cca20c5e2ace",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(h.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=d.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:"0a19bf819d57a94f13fc8c2fbc885aebb0bf7a24",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:"ec049b1d4b3d93e28913174bd7ab55ce836298ae"},o("h2",{key:"d0430155840916db4250402c39e5ee2656dc9930"},"Filter and Variants"),o("smoothly-form",{key:"4c6f1ffa07fed10ba6051ab4d5f29c1278608b23",looks:"grid",onSmoothlyFormInput:t=>this.display=t.detail},o("smoothly-input",{key:"bea5be3b9c5f839da1fe6efd6497b4fa7c946e77",name:"filter"},"Filter"),o("smoothly-input-select",{key:"a64ee5957e34d669c481b77ba0f561ba5eebfa55",name:"variant"},o("span",{key:"80df7e185a498c1c33cfe1c3fde85f955d46f256",slot:"label"},"Variant"),o("smoothly-item",{key:"d6447afb06c4471f9b3036838da77182161ebaf1",value:"outline"},"outline"),o("smoothly-item",{key:"6622d9acf5549f05128632e386cafcabd4e5df0d",value:"sharp"},"sharp"),o("smoothly-input-clear",{key:"1a94b3d1d195c77716a7a9e92303bab3dffcf8b0",slot:"end"}))),o("h2",{key:"1320b7b476f6451885fa32dcb0daed671d269612"},"Props"),o("smoothly-form",{key:"1bc3722b6b25c57352ff7bc1df1571a3df824611",looks:"grid",onSmoothlyFormInput:t=>{this.props=t.detail;console.log("props",this.props)}},o("smoothly-input-select",{key:"8b065ccb0feb16a805a20ee13eab053d0cd8edfe",name:"color"},o("span",{key:"3ed5be41ac0893b18741356a70c7653c862579a0",slot:"label"},"Color"),r.values.map((t=>o("smoothly-item",{value:t},o("span",{style:{background:`rgb(var(--smoothly-${t}-color))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),o("span",null,t)))),o("smoothly-input-clear",{key:"50b90280c6f0600a073b8b8a254fb035f1aefec0",slot:"end"})),o("smoothly-input-select",{key:"efda773381d8cb5d491e591b731cea17b406a005",name:"fill"},o("span",{key:"396dbb906c3b52b53732b062f5ce8ebe70ce85b6",slot:"label"},"Fill"),c.values.map((t=>o("smoothly-item",{value:t},t))),o("smoothly-input-clear",{key:"44cc4c40f24ad5c978e423496ea30a3068f862a1",slot:"end"})),o("smoothly-input-select",{key:"d3aaee102be617722fc42dcd47139fe0d2c7284c",name:"customColor",menuHeight:"12items",ordered:true},o("span",{key:"dc450c6debc6be202b40628ef77196159e45a082",slot:"label"},"Custom Color"),r.values.flatMap((t=>o(i,null,["tint","color","shade","contrast"].map((e=>o("smoothly-item",{value:`--smoothly-${t}-${e}`},o("span",{style:{background:`rgb(var(--smoothly-${t}-${e}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),o("span",null,`rgb(var(--smoothly-${t}-${e}))`)))))))),o("smoothly-input-select",{key:"a68b41f9a46917cb1b46e9ada61d05c280f92ff0",name:"customBackground",menuHeight:"12items",ordered:true},o("span",{key:"f094c91bdb64df81fd5fc49945b2760c214c37ed",slot:"label"},"Custom Background"),r.values.flatMap((t=>o(i,null,["tint","color","shade","contrast"].map((e=>o("smoothly-item",{value:`--smoothly-${t}-${e}`},o("span",{style:{background:`rgb(var(--smoothly-${t}-${e}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),o("span",null,`rgb(var(--smoothly-${t}-${e}))`)))))))),o("smoothly-input-select",{key:"676477dc9f358f3512f0fb0f60a99a1deb3fa400",name:"flip"},o("span",{key:"7e7924009ac080ccd225052351d0c70079990b6f",slot:"label"},"Flip"),o("smoothly-item",{key:"70d21d485c90d881422d4c577fa04f101e0dae13",value:"x"},"x"),o("smoothly-item",{key:"7e57ce51632ddd1dbf5fed24f109599de216eb3e",value:"y"},"y"),o("smoothly-input-clear",{key:"0ea9f343784f533ebab4bc8d0b0879deb5e75156",slot:"end"})),o("smoothly-input-select",{key:"67e1d6b7b5e040e5284d0f5984c60a9f57a1d47f",name:"size"},o("span",{key:"e89ec731e273bd86c43d8993c78dbdcb1e052280",slot:"label"},"Size"),o("smoothly-item",{key:"06201d3e144034f8984f48a064ea7d01dbdc3a7f",value:"tiny"},"tiny"),o("smoothly-item",{key:"5f996913a822077f1fd66371819d528b0f67dc7f",value:"small"},"small"),o("smoothly-item",{key:"1aa1eff32b61221555b6356cbe658fb2591a6678",value:"medium"},"medium"),o("smoothly-item",{key:"1d18ac8a2bbcc4f16cd19263aa16d2d714582f27",value:"large"},"large"),o("smoothly-item",{key:"a0dd2fc34393ef5fc1ed89f1b000d3a3482a2324",value:"xlarge"},"xlarge"),o("smoothly-input-clear",{key:"1cde73483d40576d71b1994ea7a4a18a0df791dc",slot:"end"})),o("smoothly-input-range",{key:"c57e682c8ad984279d9b4d4eef60a6c076b3014b",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",o("smoothly-input-clear",{key:"485dc43539bb93a6bdd58ab1ba10ac5ee64abb80",slot:"end"}))),o("h1",{key:"cef7183437984cc0d8df4765a5afd62790e07881"},"Icons"),o("div",{key:"332d4c1168cda7307f00eef4106494860ed0a491",class:"icons"},[...d.Name.values.filter((t=>!this.display.filter||t.includes(this.display.filter))).map((t=>this.display.variant?`${t}-${this.display.variant}`:t)),...d.Logo.values.filter((t=>!this.display.filter||t.includes(this.display.filter)))].map((t=>o("smoothly-icon",{name:t,tooltip:t,"data-name":t,color:this.props.color,style:{fill:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",color:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",background:this.props["customBackground"]?`rgb(var(${this.props["customBackground"]}))`:""},fill:this.props.fill,flip:this.props.flip,size:this.props.size,rotate:this.props.rotate,onClick:()=>{navigator.clipboard.writeText(t);this.notice.emit(S.succeeded(`Copied "${t}"`))}})))))}};Ds.style=Ts();var js;(function(t){function e(t,o){if(t===o){return true}if(typeof t=="object"&&typeof o=="object"){const s=Object.keys(t);if(s.length==Object.keys(o).length&&s.every((s=>e(t[s],o[s])))){return true}}return false}t.equal=e;function o(t,o){return!e(t,o)}t.notEqual=o})(js||(js={}));var Ls;(function(t){function e(t,e,a){const i=/([^.-@\s]+)/gi;return a=="backward"?o(t,e,i):s(t,e,i)}t.getWordBreakIndex=e;function o(t,e,o){let s=0;let a;while((a=o.exec(t))!=null){if(o.lastIndex-a[0].length<e){s=o.lastIndex-a[0].length}else{break}}return s}function s(t,e,o){let s=0;while(o.exec(t)!=null){s=o.lastIndex;if(o.lastIndex>e){break}}o.lastIndex<=e&&(s=t.length);return s}})(Ls||(Ls={}));class _s{constructor(t,e){this.formatter=t;this.type=e;this.keydownHandlers={ArrowLeft:(t,e)=>t.ctrlKey||t.metaKey?e:this.moveCursor(t,e),ArrowRight:(t,e)=>t.ctrlKey||t.metaKey?e:this.moveCursor(t,e)};this.eventHandlers={beforeinput:{insertText:(t,e)=>this.insert(t,e),insertFromPaste:(t,e)=>this.insert(t,e),insertFromDrop:(t,e)=>this.insert(t,e),deleteContentBackward:(t,e)=>{t.preventDefault();if(e.selection.start==e.selection.end){this.select(e,e.selection.start-1,e.selection.end)}this.erase(e);return e},deleteContentForward:(t,e)=>{t.preventDefault();if(e.selection.start==e.selection.end){this.select(e,e.selection.start,e.selection.end+1)}this.erase(e);return e},deleteWordBackward:(t,e,o)=>{let s=e;if(this.type!="password"){t.preventDefault();s=this.deleteWord(o,"backward")}return s},deleteWordForward:(t,e,o)=>{let s=e;if(this.type!="password"){t.preventDefault();s=this.deleteWord(o,"forward")}return s},deleteByCut:(t,e)=>{this.erase(e);return e}},input:{insertReplacementText:(t,e)=>Object.assign(Object.assign({},e),{value:t.target.value}),insertCompositionText:(t,e)=>Object.assign(Object.assign({},e),{value:t.target.value}),deleteWordBackward:(t,e)=>this.type=="password"?Object.assign(Object.assign({},e),{value:t.target.value}):e,deleteWordForward:(t,e)=>this.type=="password"?Object.assign(Object.assign({},e),{value:t.target.value}):e,undefined:(t,e)=>Object.assign(Object.assign({},e),{value:t.target.value})}}}static create(t,e){let o;switch(t){case"price":o=de("price",e);break;case"integer":o=de("integer",e);break;default:o=de(t,e);break}return new _s(o||de("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 d=this.partialFormatState(c);if(t.defaultPrevented){r.selectionStart=d.selection.start;r.selectionEnd=d.selection.end;r.selectionDirection=(i=d.selection.direction)!==null&&i!==void 0?i:null}l=d}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 d=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 h=this.partialFormatState(d);if(t.defaultPrevented){c.value=h.value;c.selectionStart=h.selection.start;c.selectionEnd=h.selection.end;c.selectionDirection=(r=h.selection.direction)!==null&&r!==void 0?r:null}return h}insert(t,e){t.preventDefault();if(typeof t.data=="string"){for(const o of t.data){this.formatter.allowed(o,e)&&this.replace(e,o.replace(/(\r|\n|\t)/g,""))}}return e}deleteWord(t,e){const o=ae.getCursor(t.selection);const s=Ls.getWordBreakIndex(t.value,o,e);const a=this.unformatState(Object.assign(Object.assign({},t),{selection:{start:Math.min(o,s),end:Math.max(o,s),direction:"none"}}));const i=a.value.substring(0,a.selection.start)+a.value.substring(a.selection.end);a.value=i;a.selection.end=a.selection.start;return a}select(t,e,o,s){t.selection.start=e;t.selection.end=o;s&&(t.selection.direction=s)}erase(t){this.replace(t,"")}replace(t,e){t.value=t.value.substring(0,t.selection.start)+e+t.value.substring(t.selection.end);t.selection.start=t.selection.start+e.length;t.selection.end=t.selection.start}unformatState(t){return ie.copy(this.formatter.unformat(le.copy(t)))}partialFormatState(t){return this.formatter.partialFormat(le.copy(t))}createFormattedState(t){return this.formatter.format(le.copy(this.formatter.unformat(le.copy(t))))}toString(t){return this.formatter.toString(t)}initialState(t,e){const o=this.toString(t)||"";const s=o.length;const a=this.createFormattedState({value:o,selection:{start:s,end:s,direction:"none"}});if(e){e.value=a.value}return a}setValue(t,e,o){const s=Object.assign(Object.assign({},e),{value:this.createFormattedState({value:this.formatter.toString(o),selection:e.selection}).value});t.value=s.value;return s}getValue(t){return this.formatter.fromString(this.unformatState(t).value)}setSelection(t,e,o,s){t.focus();t.selectionStart=o;t.selectionEnd=s;this.select(e,o,s);return e}}var Rs;(function(t){t.type=m({name:u(),key:u(),shift:b(),ctrl:b(),alt:b(),meta:b()});t.is=t.type.is;function e(t,e){return{name:t,key:e.key,shift:e.shiftKey,ctrl:e.ctrlKey,alt:e.altKey,meta:e.metaKey}}t.create=e})(Rs||(Rs={}));const As=()=>`.sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-h,[looks="transparent"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks="transparent"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks="transparent"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h smoothly-icon.smoothly-invalid.sc-smoothly-input{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding-inline:var(--input-padding-side)}[show-label].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}`;const $s=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.smoothlyKeydown=e(this,"smoothlyKeydown");this.smoothlyBlur=e(this,"smoothlyBlur");this.smoothlyChange=e(this,"smoothlyChange");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.type="text";this.required=false;this.showLabel=true;this.disabled=false;this.readonly=false;this.invalid=false;this.copied=false;this.isDifferentFromInitial=false;this.uneditable=this.readonly;this.observer=Jo.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,d,h;return o(s,{key:"fab11232a335374619f88d481c37d4e5b3d11f8e",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:"a0c8cae6adbad3694a28ec8e1e043fa7a8ceb98a",name:"start"}),o("div",{key:"a2d20222eaa4b3edbc42360bc290f7216d17cca1",class:"smoothly-input-container"},o("div",{key:"7f076aae537f15217e7bc960c495438729e06c8a",class:"guide"},o("div",{key:"3b0078359bcc30eb6932c8f667abff7d4f0fe38b",class:"value"},(a=this.state)===null||a===void 0?void 0:a.value),o("div",{key:"2e5bc6a765e9249235b34ec25b6d3e67ee0a475e",class:"remainder"},(i=this.state)===null||i===void 0?void 0:i.remainder)),o("input",{key:"6062569e9a2fbb73e9785005061a204784cef36f",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:((d=this.state)===null||d===void 0?void 0:d.pattern)&&((h=this.state)===null||h===void 0?void 0:h.pattern.source),onKeyDown:async t=>{this.state=this.stateHandler.onKeyDown(t,this.state);if(!this.readonly&&!this.disabled){this.smoothlyKeydown.emit(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:"43e8d3ad1afdaa8a8b6fa55583c0d40a3bf24acd",class:"label float-on-focus",htmlFor:this.name},o("slot",{key:"3614b3dc27033e9c7b382cfe839adab598f35447"}))),this.copyable&&this.value&&o("span",{key:"5e2cb462b6cdde196955d26bf481f9bbcad7e331",class:"copyable"},o("small",{key:"c3730452979b2edd6b675990ac627a4e5dd839e4"},this.copied?"Copied!":"Copy"),o("smoothly-icon",{key:"9d18b939ea4e9b83e5d114b6cea73c66dad07503",name:"copy-outline",size:"small",onClick:()=>this.copyText(this.value),onMouseLeave:()=>this.copied=false})),o("smoothly-icon",{key:"c730f983b4a58c59ac60eb8539a199811655e4f0",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"00a182be5038019d825ec5b6fa8a87026c50cfa3",name:"end"}))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}}};$s.style=As();const Ms=()=>`.sc-smoothly-input-checkbox-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-checkbox-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-checkbox-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h smoothly-icon.smoothly-invalid.sc-smoothly-input-checkbox{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:0.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}[checked][looks=transparent].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[checked].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none;--smoothly-color-contrast:var(--smoothly-input-background)}[looks="transparent"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}`;const Es=class{constructor(o){t(this,o);this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=Jo.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:"6c5e8fd09ac7c64be72d541cdeee747c84495a6f"},o("input",{key:"241ef4d9acc46562323db12313f6ca0a3fea5f0f",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:"a0909dfe8369e31bf4873a2ab05f21880c3f43fe",name:"checkmark-sharp",size:"tiny"}),o("label",{key:"c3628052b38e4dfbdffefa92d428a04662726f65",htmlFor:this.id},o("slot",{key:"bfdbbb43537661b026600d2cb3af9c244d2ae5b3"})),o("span",{key:"4033bb43f9ead47f2f9f7eb6943e4199c7260766",class:"smoothly-checkbox-end-slot"},o("slot",{key:"e8985be231a6f80d71d85e1b665705458fb187f2",name:"end"})))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}}};Es.style=Ms();const Os=()=>`[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-clear-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-clear-h{display:inline}[disabled].sc-smoothly-input-clear-h{opacity:0.5}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{font-weight:400;background-color:transparent}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-clear-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-clear-h:has(>a:empty),.sc-smoothly-input-clear-h:has(>button:empty),.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear:empty,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-clear-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-clear-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{min-width:8rem}[size=icon].sc-smoothly-input-clear-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-clear-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:not([disabled]):active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h{display:flex}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h[type="input"].sc-smoothly-input-clear-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-clear-h{cursor:not-allowed}.sc-smoothly-input-clear-h[type="input"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type="input"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}`;const Ps=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.fill="clear";this.size="icon";this.display=true;this.type="input";this.tooltip="Clear"}async componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(Zo.is(t)){this.parent=t;if(Jo.Element.is(t)){t.listen((async t=>{if(ts.is(t)){const e=typeof t.defined=="boolean"?t.defined:Boolean(await t.getValue());this.display=e&&!t.readonly&&!t.disabled}if(t instanceof os){this.display=!t.readonly}}));if(typeof this.disabled!=="boolean"){t.listen((async t=>{if(t instanceof os){this.disabled=t.readonly||Object.values(t.value).filter((t=>t)).length<1}}))}}}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.clear()}render(){var t;return o(s,{key:"f1f8c9c1065466cf60851197c73cb3e801593472",title:this.tooltip},o("smoothly-button",{key:"2166cd37b5a0e93cba98b17657f4bf33e503814e",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:"427e397efd7fc89e2e6ba34f1703cd249b8b07cf"}),o("smoothly-icon",{key:"3c16b4541b7d1493213d3dfc93adf32aec831869",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=Jo.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:"606897dcf8880a8bceaf646a17b0b682dc0de4fe",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:"3a8211dcd537f07359729f79b88c33ffa8dd26e6",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:"932e1fee6e31f8942841ae068404f674d20c6d75"})),o("div",{key:"55de847010bfc30641a1b4814fc7d4ea1beb8b63",class:"color-sample"}),o("smoothly-icon",{key:"7e69d59ceb71c617d93205b6ada24bc0a0b6d3fe",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),o("div",{key:"38771b0daff4bda14ecb821f7ec0725ef575f50c"},o("slot",{key:"b005802e73faf84b2772e7bf28163963abe619ca",name:"end"})),this.open&&!this.readonly&&!this.disabled&&o("div",{key:"ed68b37bbbe25ccb1cfe00167b21b49fdcad5326",class:"rgb-sliders"},o("smoothly-toggle-switch",{key:"a3643b4c099fb94dfc57b8c2658bde1711aa0c5d",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:"7b11b0f228e5e8655a3db81717e614354b9fbdc0"},o("h2",{key:"41e22ff3427c56b0e5b5b5c837215ce3c8e3667b"},"Color"),o("smoothly-input-color",{key:"778d1355985c37f4b8b193b65d0a534c640c5c1c",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=Jo.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:"d610c101e778aa42a9369aa03f1caf8e14b8b5c8",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:"44cfdeb10640f183b8d5aee0a40630dc6d3e994e",name:"start"}),o("label",{key:"d7b5fdb309c4cbe5ca865169953f50e57bae8d4d",class:"label float-on-focus"},o("slot",{key:"7230b56a3bdbb7a83a8c45800f056734b01bcb90"})),this.placeholder&&o("span",{key:"4a0606f9f3d1bf1610393006ee6238b386b56655",class:"smoothly-date-placeholder"},this.placeholder),o("smoothly-date-text",{key:"19e00959912e9a0ba57bb0989d86a54fbd06006d",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:"2f7b6396f29e43ff06f86749b20358fd9067def3",class:"smoothly-icons",ref:t=>this.iconsElement=t},o("smoothly-icon",{key:"384b7d43cebf3f16a8f14687acd424bcd790a55a",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"445ed1618b342123b180cecc999a2899176095c6",name:"end"})),this.open&&!this.readonly&&o("smoothly-calendar",{key:"6345ea59f7dc66a47dcb0b33b01f15b9a3c7720d",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:"6a2d605946629fafeb1a951aa4ce923d5c3cca53",slot:"year-label"},o("slot",{key:"7352785fb90f97fe59dcc2662e81c12ae3544e70",name:"year-label"})),o("div",{key:"9433f633d73a13a3638df8374cc807e7adfe11d0",slot:"month-label"},o("slot",{key:"2f9176a79690a41028a1633e5bb6b4bd9c464722",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:"b0b29015752f46939700b57c62a07fa06ffe4e40"},o("div",{key:"513e17083a0162befffa69473ddbdece8548e9ba"},o("h2",{key:"d9ac3875a4027fb083c7daad59d99fea4ce27ade"},"Date input"),o("p",{key:"995523aa50c0634d265b3b9d91f5dac9a8502bf0"},"Different locales formatting the same date"),o("smoothly-button",{key:"10a90fd4fe35c81b689d4c0cc547cc887b852669",color:"primary",onClick:()=>this.date=this.date?C.Date.next(this.date):C.Date.now()},"Set date"),o("smoothly-input-checkbox",{key:"b7d9b9ab464d611493eb029a1819b1890da7e0c3",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=Jo.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:"4aafb51483d57234d6f42a6252a45078a5cc4054",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:"5516903b15400ea4dd7dba463dd173ef48ca03df",class:"smoothly-date-range-input-part",onClick:t=>this.onClick(t)},o("slot",{key:"273d0fdad0534db6f46e3c37005ab0649edd8abc",name:"start"}),o("label",{key:"67fd396fd707428cf9413a5b8bd6501485874e64",class:"label float-on-focus"},o("slot",{key:"67a092adcbb0abf829ffb68b48e2e37cc6dbc5ed"})),this.placeholder&&o("span",{key:"54ed8804af377cdde573d7d148d62544adae5eb8",class:"smoothly-date-range-placeholder"},this.placeholder),o("smoothly-date-text",{key:"3144566fd5983266e70637449965c0ca981962b8",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:"80257b7865d284f87a6aafd9f53acead98612f09",class:"smoothly-date-range-separator"}," – "),o("smoothly-date-text",{key:"e6bb858a6a4ee6669ec02949f7e5dcd668187970",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:"4ccdcf9160a7bb827309e5f5cd908095ba90a0bc",class:"smoothly-icons"},o("smoothly-icon",{key:"7dbf49e194b48313c7b54eb1bc43d2660f7cf3dc",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"63448fe06f310d74951d3ddbd8b8511d1df170b0",name:"end"})),this.open&&o("smoothly-calendar",{key:"1d334b289c960660269e869ec6e42544beaaf0d7",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=Jo.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:"ad93ad9f51896e7b99f721d7a81808e092816c03"},o("smoothly-input",{key:"0e212a092315fa9a0feaaf67f3c2127a6c5d76c2",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:"3365117b617114c1c961a34660585c2ddae7f93d"})),o("smoothly-input",{key:"91b0c6323b1451c1b40f23bcf2aab162eeb2bf4d",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:"30f3a9608f30b70ec0e999b1087f124a2c0f8f9a",class:"colon"},":"),o("smoothly-input",{key:"d3dfb6f59c4bffd573187b513abbcc3f26621389",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:"a909976d14881c52ff1461afde62ee22acccbea0",class:"icons"},o("smoothly-icon",{key:"d200862fdf9b53b85d1deb9569cf4b9c93aee077",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"c5391f31a81c2b9ed019fb27e5aefb2e41a91d49",name:"end"})),this.open&&!this.readonly&&o("smoothly-calendar",{key:"ac41f035d3f92fd3116dfcf360f2e4d921a829b0",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:"3a0ea948b27c084501a8a98c9ad31195077abd86",slot:"year-label"},o("slot",{key:"cc59da90159452014a6434827619eade272e75d3",name:"year-label"})),o("div",{key:"a7bbff950447fab625edc43dd12814b24711d568",slot:"month-label"},o("slot",{key:"a5d595242c8424d5a6021e7306c219cc828dbfb1",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 Xs=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:"ef33e129690f3cd0a771a1b12dcb8f9c79fa566e"},o("smoothly-input-demo-standard",{key:"5e12871414915755af5fb0e896b2ae9cbaeec449"}),o("smoothly-input-date-demo",{key:"cd9a7179d6d78b58c64a37329d170dafa3c4d4ee"}),o("smoothly-input-demo-user-input",{key:"1dc3897e7c1bb3de9b45084c880745abfadb568c"}),o("smoothly-input-demo-radio",{key:"3a6b7c1417ea8a91a62d4c911562175ba623c1e5"}),o("div",{key:"d218e51f2785f7caed4318ea33aaab6dca63d05e",class:"inputs"},o("h2",{key:"53ac6e802dd3e3581ad3dc2feb629537dbeaf9b6"},"Calendar"),o("smoothly-input-date",{key:"25127e4d56c34404d0dc25d63b7cc96c5e8c3645",name:"some-date"},"Calendar"),o("smoothly-input-date-time",{key:"e3025c6634241fa1347c7b2c93a918288a2371d6",name:"someDateTime",value:C.DateTime.now()},"DateTime"),o("h2",{key:"6db99859de7c13e9d6d40aa5c7cbdc25cddffd14"},"Date Range"),o("smoothly-input-date-range",{key:"c56da60bdb19ea3c0305d1881180845f848cb625",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:"556c9c8b45219b64f966252c9ea23b8a02bf78a2",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:"d6e08652074753d81334f6f26872f16a4ad27120",slot:"end",size:"icon"})),o("smoothly-input-date-range",{key:"65bffbaab83f117517cd37087c028d1ed2b4936c",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:"e61e9737c489a68b612e38490fa4b2f95de72a6a",slot:"end",size:"icon"})),o("h2",{key:"d7f0223de99a710561a28daf86ceb69d7aef1da1"},"Date"),o("smoothly-input-date",{key:"2cf84ece02042c92ac3754379268a94ef536c91a"},"Date"),o("smoothly-input-date",{key:"b1b465843e3562c30e589af11004a09bf2b6157a",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),o("smoothly-input-date",{key:"5810635fbfd26dd8735f8abd2c2e58f30affd61c",value:"2021-10-28"},"Date",o("smoothly-input-reset",{key:"d63d51b77f52243dfa9f13fe2754e53919d21c06",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"7815c1afc2b1d38d3263630d8ef8d5a4cfa0a096",value:"2021-10-28"},"Date",o("smoothly-input-clear",{key:"cf8b725f54894024063bb6735e17ed692195c994",slot:"end",size:"icon"})),o("h2",{key:"db2776f12559673b653e4671f92c578471e65a7a"},"Select"),o("div",{key:"64ef6bd07f27d07cf6ea6dd23ae434503fdcc740",class:"select-div"},o("smoothly-input-select",{key:"0a0f832b86bdb2fc7aeb964d52f320a6d76cf40d",name:"select-dessert",looks:"border"},o("label",{key:"d95e443f3df2398ca64bd6bcd64d6cdd629d0a8d",slot:"label"},"Select with clear button"),o("smoothly-item",{key:"c081a219a330aac151711e87423b474037b79628",value:"1"},"Ice cream"),o("smoothly-item",{key:"c168ee280c6dea09c54d86ae72fe2c79e134d448",value:"2"},"Sponge cake"),o("smoothly-item",{key:"cfea0b38d63995c108f0277ca248647725d22a60",value:"3",disabled:true},"Disabled Item"),o("smoothly-item",{key:"b93622e1a391c980d0c0371a0918dfca7ae7b456",value:"4"},"Cookie"),o("smoothly-item",{key:"e8733a8a51b09cea7ee31e4017f58152b58f5827",value:"5"},"Croissant"),o("smoothly-item",{key:"90731e217754cb6c096cc190fb8b0c56c2bac593",value:"6"},"Chocolate fondue"),o("smoothly-input-clear",{key:"0129f30c20777f9a37fc19ee8051e377507c9368",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"94d3b7ca28b5fe5f9c9a3c587d995c65c8be45ad",multiple:true,name:"select-dessert-multiple",looks:"border"},o("label",{key:"2d935f7418f8db300bf20412c4dd15934da5c0d3",slot:"label"},"Select multiple with reset button"),o("smoothly-item",{key:"3c2579bffcde279703cfc041b315560a6dcc098e",value:"ice cream"},"Ice cream"),o("smoothly-item",{key:"a49fcce300b665b0de07fe67b5ea798e2fa94626",value:"sponge cake"},"Sponge cake"),o("smoothly-item",{key:"4678f38edab9f88113c056ff820df2bd07e2fe33",selected:true,value:"cookie"},"Cookie"),o("smoothly-item",{key:"fdcf2ecd485fe75a35ca96ed89352a343819b770",value:"croissant"},"Croissant"),o("smoothly-item",{key:"f5cafb0e4b020489c72db9cd2362936449826dbd",selected:true,value:"chocolate fondue"},"Chocolate fondue"),o("smoothly-input-reset",{key:"8c49833f66cee2e2ebac320c67ee5452a77636f7",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"146806189c90cecb94e0bc9a01c713695689a2bc",name:"spirit-animals",looks:"border",mutable:true},o("label",{key:"56bc9c8ef474ce79b1af47086b65847877d6a03c",slot:"label"},"Select or add new options"),o("smoothly-item",{key:"b13d4158fadfb725ff6c1ca236f4724ba95936df",value:"manatee"},"Manatee"),o("smoothly-item",{key:"85d95f128731e5fd3ec1c1f3df672d98ff3a199a",selected:true,value:"cthulu"},"Cthulu")),o("smoothly-input-select",{key:"3bffa0bfbce0ab015208bdff0d648bf8f6d497bf",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"05d80d05561b9a716ea94d8e3fb3e3d5afc66c4c",value:"folder",selected:true},o("smoothly-icon",{key:"f86490ab381f59ed6fcdacb1d7441697fe645fd8",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"ec29517ce6ee5b7353bc20fc3c4365751815bfc6",value:"camera"},o("smoothly-icon",{key:"75c27c69a18c0c37a6d989a2268ed9fa7ffb6daf",size:"small",name:"camera-outline"}))),o("smoothly-input-select",{key:"7ff7efc5b6f7a47da43fbd859a0c20cfb013c1c3",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"3eb848081a594d164a7144ac8fe91719c11dd950",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:"36db6fdd61728c21488000fb0e588858726de95d",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"b3a93c5d2b02f5c5ca50e2041db860082432ba0f",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"5b3f4d4dda6ca6bac04d3d58e14b1bc6808a515d",value:"1"},"January"),o("smoothly-item",{key:"2137f933a08f0bff7661ef7eedb566ef0613b2c0",value:"2"},"February"),o("smoothly-item",{key:"2b60b2706c7a4e560dc61969fe8bff8bae2ee3b4",value:"3"},"March"),o("smoothly-item",{key:"10f7a805783997893080eba61a3a293901273b7e",value:"4"},"April"),o("smoothly-item",{key:"fbb81488473ab771ba92650e7f6c0d1e385a5486",value:"5"},"May"),o("smoothly-item",{key:"bb9a696e13859137773158b219807224c9e456d5",value:"6"},"June"),o("smoothly-item",{key:"cb9cb347df1ab4551d11a6104fea41e53646f7fe",value:"7"},"July"),o("smoothly-item",{key:"f636d5874c7b810b59d9aea7454ee060093946ff",value:"8"},"August"),o("smoothly-item",{key:"d7882ebaf8e4b13216201b04201f19d0152c7997",value:"9"},"September"),o("smoothly-item",{key:"30815b5d8ae477d52a6896083f58d5e913fc6ec9",value:"10"},"October"),o("smoothly-item",{key:"70658c05936d61c7e4faf8ab265d5e7ae448774a",value:"11"},"November"),o("smoothly-item",{key:"c737ec283e42443c75334f925d7fab3df2527a4f",value:"12"},"December")),o("div",{key:"a149cf4a6ebc5828e095c10e9d6d57abbc43c359",class:"select-div-row"},o("smoothly-input-select",{key:"0b32d71db9eb24afd885c46ea5f414be1e55133c",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"1c4fb8eeb730b8cfe6e4818ca16c565014a159a7",value:"folder",selected:true},o("smoothly-icon",{key:"082d0bba96283c4bceb9f92c3e772bd3fd8b7011",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"ea4df02bbe52f26a1888b2f74ed587beb09890fe",value:"camera"},o("smoothly-icon",{key:"166ec449cff9acf04d866ac4786ba9f30b2a3b42",size:"small",name:"camera-outline"})),o("smoothly-item",{key:"65aa76f7da4c5677b031fe45a5a86fca0a3d29ee",value:"boat"},o("smoothly-icon",{key:"32d5688b2e74006e65131f11ee06890d8d52b5dd",size:"small",name:"boat-outline"}))),o("smoothly-input-select",{key:"fccc2a0bad4e53a6fee2a5ceca85a59b91d70090",name:"select-number",clearable:false},this.numbers.map((t=>o("smoothly-item",{value:"number",selected:t===3},t)))),o("smoothly-input",{key:"f8a91a3e5d64b5058bb91a50dde94d3eb128f7b5",name:"name",value:"Sten Qvist"},"Name"))),o("h2",{key:"012a2aeb69da69b0ab9cff4b761500892f2c9aba"},"Duration"),o("smoothly-input",{key:"55df5644b13c507f13d0efec711da4c3ae59dc95",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:t=>this.duration=t.detail.duration},"Duration"),o("smoothly-input",{key:"4aa5fe278bfd9e37e3a625b67304cadb164bdd78",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:t=>{const e=t.detail.duration;this.duration=e}},"Duration"),o("h2",{key:"bb855c65c4b59aef87c9d4d18ac6db6b6d21bdec"},"Integer with Min/Max"),o("smoothly-input",{key:"1a5e0092eb5330cc384aafce47e1438abca4a590",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),o("smoothly-input",{key:"359faaba1e62172b0224c8d8ec58e49cb5a81f09",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),o("smoothly-input",{key:"6ce0655a6b0134ce4175d65f80792287e48eefbe",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),o("smoothly-input",{key:"3ce841cda01cbb2c4f346009648faa281831a4b2",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),o("h2",{key:"e63ebb0b5996cbf653c6b6c969df48d635e28c30"},"Invalid text with warning icon and tooltip"),o("smoothly-input",{key:"62873bd1d9eadab148e0502f44fdbc779aa5a789",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:"04dffd24a3af57da6ae369a8fbe9372893e6e380"},"Identifiers"),o("smoothly-input",{key:"3d18b596880f98b84a07742cb9778d0095719294",type:"identifier-code"},"Code"),o("smoothly-input",{key:"190651f4f4263eaacd8b80f90f4074fef28da183",type:"identifier-attribute"},"Attribute"),o("smoothly-input",{key:"3a8802a9a173f518f975717cbe23cd1150316fc5",type:"identifier-snake"},"Snake"),o("smoothly-input",{key:"00ec5419cd67a7217d23f95513f451f2c8e98f8e",type:"identifier-pascal"},"Pascal"),o("smoothly-input",{key:"93eac4cce148e22640908d0d2f7c19a04b66d3f9",type:"identifier-camel"},"Camel"),o("h2",{key:"98b93a5cb9daf216199adb5fa089ddd84bc96c61"},"Input Alternatives"),o("smoothly-input",{key:"a031c081e8531bad8400469ae449757958d7324a",type:"text",name:"name.last"},o("smoothly-icon",{key:"bf00331aeef0f1046c5505911d7db6ba845e636c",name:"checkmark-circle",slot:"start"}),"First Name"),o("smoothly-input",{key:"7824cf3b501d802ff40e4a750dd46defa9cac8b6",type:"text",name:"name.first"},"Last Name",o("smoothly-icon",{key:"497b0417f5e7b0714753b0e5d78a78ab18130007",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"ba93dadda8140d398c1d350f98c53d2a08c440db",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",o("smoothly-icon",{key:"28e8478b908bb51c6c5949e986c69930d1b10cb5",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"fcb8531d6fe4129585e9a6d6e641022f2f14cb94",placeholder:"test"}),o("smoothly-input-submit",{key:"97a4d319d250ecd00ede7a5beb2c06b077e8e82c",slot:"submit",fill:"solid",onSubmit:t=>alert(t),color:"success"}),o("h4",{key:"50579aad1a91b0c728a127076a37be38273b3635"},"Smoothly checkboxes"),o("div",{key:"ceee0a83b7626132ac6323dfd894d8ece7ea2f69",class:"checkbox-group"},o("smoothly-input-checkbox",{key:"0eab1d5ac670458ab57af847c9996fcf874fd985",disabled:true,name:"first-checkbox"},o("smoothly-icon",{key:"aa4259b0bc0193a0e31b2bdc2f9550d1e7a9cd66",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),o("smoothly-input-checkbox",{key:"38fe8ffc98f95b0a81aba7dadb0a46f876ec09f4",name:"second-checkbox",checked:true},o("smoothly-icon",{key:"40b2451d7fb2f705251abfb2158bc91a31ae9d3d",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",o("smoothly-input-clear",{key:"34675173c8447131c978ca934fdde0d8764f44a8",size:"icon",slot:"end"})),o("smoothly-input-checkbox",{key:"42c6dd2f0fd6bb72d8ce31158f0451c5f500fe2b",name:"third-checkbox"},"3rd")),o("h4",{key:"94ddf8048c28f947c3d20a2440c49e9340448c58"},"Smoothly Radio Buttons"),o("smoothly-input-radio",{key:"0e308b17b5783bb23ce817cb30fbb9237a1b5b65",clearable:true,name:"radioFirstInput"},o("smoothly-icon",{key:"61ab423d103c3f04fbaae7d02d0a1685d576fcfe",name:"checkmark-circle",slot:"start"}),o("label",{key:"f75b6164630e97ad5f1174c08afe841e7321fe28",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"fd4284b27663aed055dce8671b46881789ba7dfb",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"9554d37989867953cefb248a039d1c6217ea0c4f",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"7643fa634aa9693163de7926468ea47ea99d232f",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"ef750494dee99f5bf962f93f143a80a540834f20",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"3cf94704be4ce872a79a97abb4dc1828ade9ad71",name:"radioSecondInput"},o("label",{key:"d3feeed0e6debeaba6e95eec7c6effa4e3aa0484",slot:"label"},"Not clearable"),o("smoothly-input-radio-item",{key:"ed5bc06f71277cc4ad5e644d4b07c42c80dd1027",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"944215e958076b552f4ee8e5728897f63e88657c",value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"273705d445c5b1c1c01f6cea30bf8ad4036f932a",value:"third"},"Label 3"),o("smoothly-input-radio-item",{key:"c16dee456ac64f1aa945dcf6934ff6734c63e597",value:"fourth"},"Label 4"),o("smoothly-input-radio-item",{key:"d9795190e66042dedd027a4780900e2a32548ebc",value:"fifth"},"Label 5"),o("smoothly-input-radio-item",{key:"985a353d4d42885a3597807d9b3a1d6fe2692520",value:"sixth"},"Label 6")),o("smoothly-input-range-demo",{key:"011666bd072c688123437302f21ef556b9bc45cf"}),o("smoothly-input-color-demo",{key:"a7e2fedb5277f19eee2c670bf88c1089ead1eb92"}),o("smoothly-input-price-demo",{key:"3e2f3d6d9e0e368ad4b8c7f3294bbc8cb19d3358"}),o("smoothly-back-to-top",{key:"c2ecc189b026a4eae72d521e4cdffcfbd58ddbd9"})))}};Xs.style=Zs();const Js=()=>`.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:"926c46d5493184b5562db849fe49f8bc69467635"},o("h2",{key:"482f5b5dad79420a7d17fd32f8ca364fff3fea40"},"radio input - column direction"),o("smoothly-input-radio",{key:"56b8f69f400852f3476747d3cfca4e208659a55a",name:"radio",direction:"column",onSmoothlyInput:t=>this.selected=t.detail.radio},o("smoothly-input-radio-item",{key:"f8efa9578d1cd57ed8a1c39f99d1ceb61dc15c0a",value:"1"},o("span",{key:"e8a9613c4be5a9a5f22e27376e2a5c3dc9432e9e"},"Option 1"),o("span",{key:"59f7cb9ed2fb5ca96e16af28567e6ac29c920ee7",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:"6c4733d75808282a051c25ccafdbffae1efec8b4",value:"2",selected:true},o("span",{key:"135b8ad7de02530fb2ec7b1748c706ed7ad6a275"},"Option 2"),o("div",{key:"8d8beb1041e44e46afe0423540b385ad7aa0a0d1",slot:"detail"},o("smoothly-tabs",{key:"9295b932c4f29d8672003b063930beb56075662c"},o("smoothly-tab",{key:"970586efae1aa46ddeb1c6ef203b89682251d77f",label:"Dog",name:"dog",open:true},"🐕"),o("smoothly-tab",{key:"8faade213577e3d7cd4481f8c09ca80210f8312b",label:"Cat",name:"cat"},"🐈"),o("smoothly-tab",{key:"00c1e6c7f8fa0e3d2ee17f20ac212463f515c7a3",label:"Rat",name:"rat"},"🐀"))))))}static get watchers(){return{selected:[{selectedChange:0}]}}};Qs.style=Js();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:"2e355c9aa093b8466d23357c9aae6d88011170be"},o("div",{key:"b212cbda84e5965666cce503713c85baaa045d32",class:"description"},o("h2",{key:"21f4edf40038c44f1b745a0f0ae5c15a4d909ee6"},"Input Standard"),o("p",{key:"3f4cf3c1e07effe5cb728f54311cf92f438eecf5"},"Height of input should be ",o("code",{key:"e5c546b13ce7c73522216a1509e50022c786a36a"},"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:"6c3be1205cf4699ae45248278c21a217f5d35e9c",looks:"grid",onSmoothlyFormInput:t=>this.options=t.detail},o("smoothly-input-select",{key:"c76494d9a20e705a7a9350f621104aec46b0e857",name:"color"},o("span",{key:"c1ccb2f1c17b46e976fadd5331f07c4d7a699791",slot:"label"},"Color"),r.values.map((t=>o("smoothly-item",{value:t},o("span",{color:t},t)))),o("smoothly-input-clear",{key:"dbaa782144733cdcbec4d5257e21b0a4f170e5e5",slot:"end"})),o("smoothly-input-select",{key:"28b28e354ac6fc5637ecf14acccfe30bfef11ff6",name:"looks"},o("span",{key:"f1452804684f0a76d78542a9cb64928a478f03ec",slot:"label"},"Looks"),Qo.values.map((t=>o("smoothly-item",{value:t},t)))),o("smoothly-input-range",{key:"3ca928155a582e8b5ab68ebdc2de073c390b58ed",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"99e0f80359bb1d1813b4445fc642aeff881d0d12",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"fb4e997a1751c7a05fb97d40ae5e151ad62e7a53",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"78a9cf0fe349660d1f6869a4051051006b0f13ac",name:"invalid"},"Invalid"),o("smoothly-input",{key:"01b1d2c7089b8d24d40de9799f6296d8e2e1c34a",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"3a8c24b67d02e7e040ea452bcb74dfcf8176eb6c",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"143f2e8974ac80899bcac6c582cfe071c370b491",name:"placeholder"},"Placeholder"),o("smoothly-input-checkbox",{key:"d16643507059700194c9b5b5d402d83d68ac7d42",name:"alwaysShowGuide"},"Always Show Guide (for date inputs)"))),o("div",{key:"5c3a8ad043a7d87f872343009acf3b09c9c61b40",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"2f5cde81d501ffd5c2bce64e1b54586f489cd11f",class:"width"},"width: 100%"),o("div",{key:"a055e7019d888ca2c12161581c2c77a35fa247ba",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"f7840a4c2c7197895adabac250b283dd1209d440",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:"5983ef639593b4f877b77b99d58f08d9fd47b98d"},"Text"),o("smoothly-input-clear",{key:"252b68a3efdc6b70a0532eacb18cbcd137b207b3",slot:"end"})),o("div",{key:"37c4139e98071dec4901519ba10a075219e270bf",class:"height"}),o("smoothly-input-select",{key:"6ed894124eadea113968089eba5c38c7fff2caf4",name:"month",color:this.options.color,looks:this.options.looks,menuHeight:"6.7items",readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"2229eee3d5a4cab69d203a4f3b8f313693d1852c",slot:"label"},"Select"),o("smoothly-item",{key:"bfb7e1e1302677b556256f5c871eaabf83a1a22d",value:"1"},"January"),o("smoothly-item",{key:"37b4e1404f0d93c3cfec6ae778a009cccc481f37",value:"2"},"February"),o("smoothly-item",{key:"7804e2f534c4cd279e5f29e212bc8b3f07d3be9e",value:"3"},"March"),o("smoothly-item",{key:"7de014b6870276d1afbc3f8b4780dd789b42501e",value:"4"},"April"),o("smoothly-item",{key:"e30eac74368b6ae4eaf58f371c8bdd0d030c76c1",value:"5"},"May"),o("smoothly-item",{key:"90e999da893c3c3d6c9aea57d500808fac2f64d4",value:"6"},"June"),o("smoothly-item",{key:"0c3ae02ce9a1c9ab4fca7c06fd3809ee8067bce5",value:"7"},"July"),o("smoothly-item",{key:"689c71f20be3bc6fb057445c5ceaa60718f05603",value:"8"},"August"),o("smoothly-item",{key:"b1443376f5fa483d15873c9232290f6b6e270f1c",value:"9"},"September"),o("smoothly-item",{key:"5055f6a2b1e136f911f32bc053d35c1931faaf02",value:"10"},"October"),o("smoothly-item",{key:"512f871512f7bdd02462b286f724b66b7a845c48",value:"11"},"November"),o("smoothly-item",{key:"4b6c5608cd060744cdd798803e67f2188ada562f",value:"12"},"December"),o("smoothly-input-clear",{key:"7fd619f654ad16a0048a12793092d214bb87a7dc",slot:"end"})),o("div",{key:"ab13b70b196dbc83d694145abd870bee5d121be1",class:"height"}),o("smoothly-input-checkbox",{key:"2eb487f1b741e7b12b50bc1b6eed8990a89b059e",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:"df9db551b674bb4df52b7c84bafbf25adab266fa",slot:"end"})),o("div",{key:"bb29d6b57fdf27d523c4690ce4903187590c5b18",class:"height"}),o("smoothly-input-radio",{key:"12e400081cb687023137e7f1a3834915c846ac3f",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:"d0646e2ca2ddd5ec6d7b6cdcddace55e907f4f59",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"5f2dd2ecb3289f99f82367cc0ab4c14b578ca0a3",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"5abdb6fb7897c18e088c85ec08313769e744583c",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"2bba28393706691b0973bd9f92836bd28c890b07",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"5853dbcda5ed68ce1401245bba244f19a248ccbe",slot:"end"})),o("div",{key:"7b1fc6de01785728d758ea07c55c3f2ff47415c8",class:"height"}),o("smoothly-input-file",{key:"1eac17bd99f215911b95f67312164ed294952b6d",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:"43d11a34c076520aed899bceb035c829836fd725",slot:"label"},"File"),o("smoothly-input-clear",{key:"106b3c31ae10b64bdc4bc309a3512d58e929f4e2",slot:"end"})),o("div",{key:"d13c20742bb1e088160b7cc59efb5f75dbfa4eaf",class:"height"}),o("smoothly-input-range",{key:"d81378e953c5fe82ec020e544de7cf15d0e76434",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:"27e6247aa7c628859ebab11d8da32cf8be3dfd03",slot:"end"})),o("div",{key:"ae21676a75148c438d070bf932e96b09f2237325",class:"height"}),o("smoothly-input-color",{key:"718f8309dd37c5e4552de5a2d5c00483b6397127",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:"eaadb8d6f5fa9f6143f2d2549e1b7901e32b2bef"},"Color"),o("smoothly-input-clear",{key:"f396f11146e3fb840e559086cf45ec745fe9dad8",slot:"end"})),o("div",{key:"60c4fcb685302ae33a5ff3f700b1b3c0010fd316",class:"height"}),o("smoothly-input-date",{key:"9eadbb8a6648c0986b83bc6c044683ddc7012472",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:"f2502eeec674553779739ba3bf9d6beaa55566a2"},"Date"),o("smoothly-input-clear",{key:"f36a9a9403e5aa756a5c1a955cc526b2b349aeb3",slot:"end"})),o("div",{key:"d0a81dd6a18ae37f0c55e7aa448d4323197b4e40",class:"height"}),o("smoothly-input-date-time",{key:"a2c25b754dab6b88d1e25a8abecbe227153eab18",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:"8e392cdd2f0c92a9aca8f1e468c236065fd3c2b0",slot:"end"})),o("div",{key:"76f81fc46a552dd4ebe1b15b888b85e0faabf5bb",class:"height"}),o("smoothly-input-date-range",{key:"3837975fd0e591d52386c1b12f3171d64e91cf80",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:"676c2f53a26198524881f0221c73e6b654bb13dc"},"Date Range"),o("smoothly-input-clear",{key:"1e4740db4bf043f74cfafa1e7e91312878b71b86",slot:"end"})),o("div",{key:"db0449b44b24dd20fccdb99329b876d938d5f68c",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:"3707001c9bf5406f3770f566924f8983d4444e18"},o("div",{key:"6970bb763108f56a34284bb1f3cb73545f2dba2c"},o("h2",{key:"e5f96a2b6c360e8f9a81dd90d148822758719850"},"User Input Event"),o("p",{key:"e1fb246660c29ddb2791f4dc6f9779ed5f1c18a7"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"5a9145c2d8517baff49e70fd4aeed1f38600ba7f"},"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:"15459234d2bf75b83479ff0786a20d2433e2dec3"}),"Check the console to see the details of each ",o("code",{key:"bc857f9996667580c4ba88a74eca429fbc0d9c83"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"66a1190b2266b0650ba087572545780f93d86ac0",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"a8630cec4bbada0c7084172822b3eeef576066ce",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:"74fe6cc20fa495f2d6c79d13bb016bc76cada1bc",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"5f1ad8448db267de3fc98b820be7aca9b64c2a9e",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},o("span",{key:"507fcecb4e27938be38144991221dfe3603c0667",slot:"label"},"Select input"),this.values.map(((t,e)=>o("smoothly-item",{value:e,selected:e==this.selectIndex},t)))),o("smoothly-button",{key:"883f987123234566bdfd192ebd71605b078434ab",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"26a326a43a44339392cca252cace5148c55305d9",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:"39dfbc581f8468c49969d5186c9a39304c8b805c",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"f26209ed69e401cacbf6ea0094c1e3c8c6640181",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:t=>console.debug(t.type,t.detail.name,t.detail.value)},o("span",{key:"30b7f2d96d68bbeef6578e5c3fa07d5c56e8131e",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:"7d1e0c7d7175bae2453a2392e47a84e21faaa4ea",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"0d90079afa3c0beaf9562af7b6db39c0a2795008",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:"2161ee4b978c2c37049cfc3d1bfd6ea5de6e16ea",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"271b3aaeba445473425259990276cf6803eeba55",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:"5d21c601bdd2b921e6d6cd6596e871fe0ce0d486",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?C.Date.next(this.dateValue):C.Date.now()},"Next day"),o("smoothly-input-date",{key:"176fda15f938f2b90134e186c75869db175621a3",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:"50ee6d7e90187eca79dea958e43fe4d38bb4e544",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?C.DateTime.nextDay(this.datetimeValue):C.DateTime.now()},"Next date time"),o("smoothly-input-date-time",{key:"b688a44b6ae626c27a5e3e26d4c9be570d0f59f1",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:"9172cca5a258985cda5f244d38d56b692ea75e00",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:"4ee747fb66efa022a9e31fda59f4ca839e4b0c5d",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(Jo.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:"9a5ec7132b415604c425c43a2ac7c460c6ca784b",title:this.tooltip},o("smoothly-button",{key:"68711cee29eb01755e85b9acb21bd153ef88f2df",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:"73063df194c9194a5d06dc2c1d0fee8d03d0cdfa"}),o("smoothly-icon",{key:"39b4f6d6a588feeedfd6610777e323dc0da34f32",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=Jo.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:"2e050fb7cb01d7ca5883d61d758ac5977e4dc924",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:"f86995572138b5b55929705c4aa61bb3b3c8a1d1"},o("slot",{key:"52a4f69b13363d0a1fce31f90606ff4d21208121",name:"label"})),o("div",{key:"c54b40386b0d0efba68b056be954938879ed7df9",class:"input"},o("smoothly-button",{key:"9e410cfb7cb0fc2b978f4f74256a753c43491f17",disabled:this.disabled,type:"button",color:this.color,fill:"clear",size:"flexible"},o("slot",{key:"41b301b936471d3c57001a1dbd44ca8372624c3a",name:"button"})),o("span",{key:"619c56a1f7e01df014208f2b4372db8a3da3daeb"},(e=(t=this.value)===null||t===void 0?void 0:t.name)!==null&&e!==void 0?e:this.placeholder),o("div",{key:"22bc6bb85102cb5863ed88a7d6cbd51fd931c646",class:"drag-overlay",onDrop:t=>this.dropHandler(t),onDragLeave:t=>this.dragLeaveHandler(t)},o("smoothly-icon",{key:"6614887b4520638121de556ee1b22cbb7da6ed7f",name:"document-attach-outline"})),o("input",{key:"f93e131c684891ac1b7f956a699db014dde8108c",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:"0d1d1835e479070204bc72f083a6747d05387c82",onClick:t=>t.stopPropagation()},o("slot",{key:"7df7be0bc7f23c18e349bf5bba640a6cfa83813d",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=Jo.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:"0916e28b908af47e518baff4c2953a15c4e5b93e"},o("smoothly-icon",{key:"fd4d9e582a0feb692b8fc4455e0fef445326d929",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:"b09547849f9f3e7f3780ea4e6231bcd47c4ae175",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:"e1f4f143cfef863419a68b24e887579ecf3fe9d9",slot:"label"},o("slot",{key:"01b386aa3ec76ba077158774c26256b1c25c97ca",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:"c7193a5c1430db7fbb14766b5e1985e1258cdb77",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:"0d5bc697879c2c018331583326029b20fc7a442c",slot:"label"},o("slot",{key:"3909a5c34b455c6ed65f6bebf7a2174e0577de2b",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:"441a3228fcb722ab8ebbcb1138aba71e0306625a",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 da=()=>`.sc-smoothly-input-price-demo-h{display:block}`;const ha=class{constructor(e){t(this,e);this.currencies=["EUR","USD","GBP"];this.currency="USD"}render(){return o(s,{key:"c467c7cb0bc71a80d80b0249bbdaf6b6be48af4b"},o("h2",{key:"216b76ae5cb923903331b846f0897471ae96bd87"},"State demo on smoothly-input"),o("p",{key:"50522fbe29c228cf83f1450dbcb32e96d37b2587"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"5393c97d661ad1dd1fe8bbac11a2f731ad7fea77"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"f782f50671c0b67344238121e6d742df328672bc",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:"18a4f7dbfc952fcfa6db9188f8ad98c0c7f98731",type:"price",currency:this.currency},"price"))}};ha.style=da();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=Jo.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:"6cda60049d14ae191ab196ba44e1b865b337638c",onClick:()=>this.inputHandler(true)},o("input",{key:"5e312eb0fef6fde4eeaa6f450447b0d2cd0536fe",name:this.name,type:"radio",checked:this.selected,disabled:this.disabled}),o("smoothly-icon",{key:"ac4eed680c8cb314f1b5f4a9857e6646aac6cb82",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",tooltip:"Select"}),o("label",{key:"c96f7fcd07b7687db703519960ae88101abb17c6"},o("slot",{key:"a3628941ed9b7a933c3a92908b0b5fd03d20d98e"})),o("slot",{key:"f689489ccc1616f2715c1336979f674d64f56a9c",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=Jo.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:"5156fee6f8e0d7a3a14c11bc6476424935972d46",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},o("slot",{key:"85ba263c778cec6970979f819a815a98088a8dae",name:"start"}),o("div",{key:"d1e281cc39cfd5b442c298659ddad32927f83a7e"},o("label",{key:"fbe971c908c237c3f2497e8c5c4d858abf031be6",htmlFor:this.name},this.label),o("smoothly-input",{key:"a123e5a35b4524d8d3f200f31dea6586947e2a3e",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:"8d3df2b1b5899cfe814bb70754ca586af4a5de25",label:(this.type=="percent"?this.min*100:this.min).toString()}),o("input",{key:"819a42fa4da5e95b804260f99197524fa2aaf90d",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:"f0d1d8872a42854cf442f996de63ffcf584995cf",label:(this.type=="percent"?this.max*100:this.max).toString()})),o("slot",{key:"e3e904b4883dbceda975cd4d74cd526b77c5d471",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:"fd572625434e3a3a511d2fdc4e39a11734eee8fb"},o("h2",{key:"0bf7d54f8cf11e3e870d6c1152fdad2665baf305"},"Range"),o("h3",{key:"37f05494fea8a36a05684fb0ad0aede0d27630aa"},"Phone Number"),o("smoothly-input-range",{key:"68d94bdeb4db077a49a011c4849e99a1b33db40b",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"d1b81f1dae6424d685997bd8dfe02a10832a1b2a"},"Stars out of ten"),o("smoothly-input-range",{key:"dca3283520395117ed946a844bb46f7fc52c0212",max:10,step:1,label:"Stars"}),o("h3",{key:"8670432a44d93f9f7dbc315c1f0a51d9aa79100a"},"Percent"),o("smoothly-input-range",{key:"78863ada16280bb963e15f1682aa8131667a1bd3",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"1b4a9ba5d75f92f1f90dc46a4710a35edd2fe2e9"},"With icon at start and clear button"),o("smoothly-input-range",{key:"95c8798a86fc50de7ad65b67f837a71e2743c2ae",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"f44529bf690bcf4ceff1dfa1520d2cf92a456f2f",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"27ef758b1ba28f93ae5a19cc14fb1bdbf1415c70",size:"icon",slot:"end"})))}};const ka=()=>`[color=default].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-reset-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-reset-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-reset-h{display:inline}[disabled].sc-smoothly-input-reset-h{opacity:0.5}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset{font-weight:400;background-color:transparent}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-reset-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-reset-h:has(>a:empty),.sc-smoothly-input-reset-h:has(>button:empty),.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset:empty,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-reset-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-reset-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-reset{min-width:8rem}[size=icon].sc-smoothly-input-reset-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-reset-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-reset-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-reset-h{width:100%}[expand=full].sc-smoothly-input-reset-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-reset-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:not([disabled]):active>button.sc-smoothly-input-reset::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:hover::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-within::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h .sc-smoothly-input-reset-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h[type="input"].sc-smoothly-input-reset-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-reset-h{cursor:not-allowed}.sc-smoothly-input-reset-h[type="input"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type="input"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}`;const va=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.size="icon";this.display=true;this.type="input";this.tooltip="Reset"}async componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(Jo.Element.type.is(t)){this.parent=t;t.listen((async t=>{if(ts.is(t)){const e=typeof t.defined=="boolean"?t.defined:Boolean(await t.getValue());this.display=t.readonly||!e?false:t.isDifferentFromInitial}if(t instanceof os){this.display=!t.readonly}}));if(typeof this.disabled!=="boolean"){this.readonlyAtLoad=t.readonly;t.listen((async t=>{if(t instanceof os){this.disabled=!this.readonlyAtLoad&&!t.isDifferentFromInitial}}))}}}))}clickHandler(t){var e,o;t.stopPropagation();(e=this.parent)===null||e===void 0?void 0:e.reset();this.parent instanceof os&&this.readonlyAtLoad&&((o=this.parent)===null||o===void 0?void 0:o.edit(false))}render(){var t;return o(s,{key:"f69a407428454170f461cee5d8e6b8ece33f682f",title:this.tooltip},o("smoothly-button",{key:"21fed26fa5cb6c8dc32af427f492cb5879682d3c",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:"ed9f01c4274c9b5b59c6cd27c2cdd62e3a7bb259"}),o("smoothly-icon",{key:"0ddd9963d333449a5d029b6c29f532ca8d2b3423",flip:"x",name:"refresh-outline",size:"tiny"})))}};va.style=ka();var wa;(function(t){let e;(function(t){t.type=m({value:z(),deselectable:b(),selected:b().optional(),filter:y()});t.is=t.type.is})(e=t.Element||(t.Element={}));t.type=e.type.extend({});t.is=t.type.is})(wa||(wa={}));var xa;(function(t){function e(t){var e;return(e=t.find((t=>t.clientHeight>0)))===null||e===void 0?void 0:e.clientHeight}t.firstItemHeight=e;function o(t,e,o){var s,a;const i=o.endsWith("items")?`${e*+((a=(s=o.match(/^(\d+(\.\d+)?|\.\d+)/g))===null||s===void 0?void 0:s[0])!==null&&a!==void 0?a:"10")}px`:o;t.style.setProperty("--menu-height",i)}t.applyMenuHeight=o;function s(t){t===null||t===void 0?void 0:t.style.setProperty("--element-height",`${t.clientHeight}px`)}t.applyElementHeight=s})(xa||(xa={}));var Ca;(function(t){function e(t,e){const o=t.filter((t=>!t.hidden&&!t.disabled));const s=o.findIndex((t=>t.marked));let a;if(s==-1){a=0}else{a=(s+e+o.length)%o.length}return{current:o[s],next:o[a]}}t.next=e;function o(t){return t.some((t=>!t.getAttribute("hidden")))}t.hasVisibleItems=o;function s(t,e){t.map((t=>t.marked=t===e))}t.markOnly=s;function a(t){return t.find((t=>t.selected))}t.findFirstSelected=a;function i(t){return t.find((t=>t.marked))}t.findFirstMarked=i})(Ca||(Ca={}));var Sa;(function(t){function e(t,e,o="smooth"){var s;if(e&&t){t.scrollTo({top:e.offsetTop+e.offsetHeight/2-((s=t.clientHeight)!==null&&s!==void 0?s:0)/2,behavior:o})}}t.centerInView=e})(Sa||(Sa={}));const za=()=>`.sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-select-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-select-h,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background-color:transparent}[looks="transparent"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-select-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.floating-label.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-text.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h smoothly-icon.smoothly-invalid.sc-smoothly-input-select{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:20;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));inset-inline:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}.sc-smoothly-input-select-h:not(.open)>.dropdown.sc-smoothly-input-select{border:0}[looks="grid"].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{inset-inline:-1px}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{display:flex;position:sticky;align-items:center;top:0;gap:1rem;padding:.7rem .7rem .7rem .25rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h:not(.has-filter)>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{height:0;padding:0;overflow:hidden;pointer-events:none}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select::before{content:"";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>.search-input.sc-smoothly-input-select{width:100%;background-color:transparent;border:none;outline:none}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>smoothly-icon[name="search-outline"].sc-smoothly-input-select,.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item{position:relative}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:0.5rem;border:1px solid rgb(var(--smoothly-input-foreground));border-radius:0.15rem;vertical-align:middle}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item[selected]::before{border-color:rgb(var(--smoothly-item-selected-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item:hover::before{border:1px solid rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item[selected]::after{content:"✔";position:absolute;left:0.65rem;color:rgb(var(--smoothly-item-selected-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item:hover::after{color:rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{min-width:fit-content}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.menu[hidden].sc-smoothly-input-select{display:none}`;const Ia=class{constructor(o){t(this,o);this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.smoothlyItemSelect=e(this,"smoothlyItemSelect");this.smoothlySelectOpen=e(this,"smoothlySelectOpen");this.isDifferentFromInitial=false;this.initialValue=[];this.initialValueHandled=false;this.observer=Jo.Observer.create(this);this.items=[];this.invalid=false;this.name="selected";this.showLabel=true;this.showSelected=true;this.readonly=false;this.disabled=false;this.inCalendar=false;this.multiple=false;this.clearable=true;this.defined=false;this.required=false;this.searchDisabled=false;this.mutable=false;this.lastOpen=false;this.open=false;this.selected=[];this.filter="";this.addedItems=[]}componentWillLoad(){this.smoothlyInputLooks.emit(((t,e)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=e)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){this.selected&&!this.initialValueHandled&&(this.initialValue=[...this.selected]);this.initialValueHandled=true;this.onSelectedChange()}componentDidRender(){var t;(t=this.itemHeight)!==null&&t!==void 0?t:this.itemHeight=xa.firstItemHeight(this.items);if(this.menuHeight&&this.itemHeight){xa.applyMenuHeight(this.element,this.itemHeight,this.menuHeight)}xa.applyElementHeight(this.element);const e=this.open&&!this.lastOpen;if(e&&this.ordered){this.scrollToSelected()}}scrollToSelected(){const t=Ca.findFirstSelected(this.items);if(t){Ca.markOnly(this.items,t);Sa.centerInView(this.dropdownElement,t,"instant")}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,e){ts.formRename(this,e)}async register(){ts.formAdd(this)}async unregister(){ts.formRemove(this)}async getValue(){return!this.multiple&&this.selected[0]?this.selected[0].value:this.multiple&&this.selected.length>0?this.selected.map((t=>t.value)):undefined}async getItems(){return this.items}async listen(t){this.observer.subscribe(t)}async reset(){this.selected.forEach((t=>t.selected=t.hidden=false));this.initialValue.forEach((t=>t.selected=true));this.selected=[...this.initialValue];this.displaySelected();this.isDifferentFromInitial=false;this.closeMenu()}async clear(){var t;if(this.clearable){this.selected.forEach((t=>t.selected=t.hidden=false));this.selected=[];if(this.displayElement){this.displayElement.innerHTML=(t=this.placeholder)!==null&&t!==void 0?t:""}}}async edit(t){this.readonly=!t}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=[...this.selected]}async onSelectedChange(){this.initialValueHandled&&(this.isDifferentFromInitial=!this.areValuesEqual(this.selected,this.initialValue));this.defined=this.selected.length>0;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}onRequiredChange(){this.items.forEach((t=>t.deselectable=!this.required))}async onFilterChange(t){t=t.toLowerCase();await Promise.all(this.items.map((e=>e.filter(t))))}watchingReadonly(){this.observer.publish()}async smoothlyInputLoadHandler(t){const e=t.target&&"name"in t.target&&t.target.name!==this.name;const o=t.composedPath().some((t=>t==this.iconsElement));if(e||o){t.stopPropagation()}else if(wa.Element.is(t.target)){t.stopPropagation();t.target.deselectable=!this.required;this.items.push(t.target)}ts.registerSubAction(this,t);this.displaySelected()}onWindowClick(t){if(this.open&&!t.composedPath().includes(this.element)){this.closeMenu()}}onItemDomChange(t){t.stopPropagation();const e=t.target;if(e.selected){this.displaySelected()}}async onItemSelect(t){t.stopPropagation();const e=t.detail.item;if(this.multiple){this.selected=e.selected?[...this.selected,e]:this.selected.filter((t=>t.selected))}else if(e.selected||!this.items.some((t=>t.selected))){this.selected[0]&&(this.selected[0].hidden=this.selected[0].selected=false);this.selected=!e.selected?this.selected.filter((t=>t.selected)):[e];!this.showSelected&&e.selected&&(e.hidden=true)}this.displaySelected();if(t.detail.userInitiated){this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}onClosed(t,e){this.lastOpen=e;if(!t){const t=Ca.findFirstMarked(this.items);if(t){t.marked=false}}this.smoothlySelectOpen.emit(t)}areValuesEqual(t,e){return t.length===e.length&&e.every((e=>t.includes(e)))}displaySelected(){var t;const e=this.selected.map((t=>`<div>${t.innerHTML}</div>`)).join("");this.displayElement&&(this.displayElement.innerHTML=this.selected.length>0?e:(t=this.placeholder)!==null&&t!==void 0?t:"")}onKeyDown(t){t.stopPropagation();const e=t.key;if(e=="ArrowUp"||e=="ArrowDown"){t.preventDefault();this.handlerNavigate(e)}else if(e=="Escape"){t.preventDefault();this.handleEscape()}else if(e=="Enter"){t.preventDefault();this.handleEnter()}else if(e==" "){t.preventDefault();this.openMenu()}else if(this.open&&e=="Tab"){this.closeMenu()}}handlerNavigate(t){if(Ca.hasVisibleItems(this.items)){this.move(t=="ArrowUp"?-1:1)}this.openMenu()}handleEscape(){if(this.filter){this.resetFilter()}else{this.closeMenu()}}handleEnter(){const t=Ca.findFirstMarked(this.items);if(t===null||t===void 0?void 0:t.value){t.selected=!t.selected}if(!this.multiple){this.closeMenu();this.resetFilter()}}move(t){const{current:e,next:o}=Ca.next(this.items,t);e&&(e.marked=false);o.marked=true;Sa.centerInView(this.dropdownElement,o,"smooth")}addItem(){this.addedItems=this.addedItems.concat(o("smoothly-item",{value:this.filter,selected:true},this.filter))}resetFilter(){this.searchElement&&(this.searchElement.value="");this.filter=""}setFilter(t){if(t){this.filter=t;this.openMenu()}else{this.resetFilter()}}openMenu({focus:t}={}){this.open=true;t&&queueMicrotask((()=>{var t;return(t=this.searchElement)===null||t===void 0?void 0:t.focus()}))}closeMenu(){this.open=false;this.resetFilter()}toggleMenu(){if(!this.readonly&&!this.disabled){this.open?this.closeMenu():this.openMenu({focus:true})}}onClick(t){const e=t.composedPath().includes(this.iconsElement)&&!t.composedPath().includes(this.toggleElement);const o=t.composedPath().includes(this.searchElement);const s=t.composedPath().find((t=>t instanceof HTMLElement&&t.tagName==="SMOOTHLY-ITEM"));if(!e&&!o&&!(s&&this.multiple)){this.toggleMenu()}}render(){return o(s,{key:"6d9239e0bb319a543a99a7c1d5876ab8956834af",class:{"has-value":this.selected.length!==0,open:this.open,"has-filter":this.filter!==""},onClick:t=>this.onClick(t)},o("div",{key:"1bbd7412577695182436ea90d1e9034e541ddc2a",class:"select-display",ref:t=>this.displayElement=t},this.placeholder),o("div",{key:"20ae505d620469c1c9c1844891b17001833583c9",class:"icons",ref:t=>this.iconsElement=t},o("smoothly-icon",{key:"281acc334850d4f32a2a73c289181b5aba66c955",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"c571161f39c874c66656f81a7aa3fcf2f3526cdb",name:"end"}),this.looks=="border"&&!this.readonly&&o("smoothly-icon",{key:"555d40a6a768e0f28e427f8eade8afd35d127f00",ref:t=>this.toggleElement=t,size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"})),o("slot",{key:"009fd9d19911fb0790d2850f9d10b867da144ed1",name:"label"}),o("div",{key:"5b7eeb9d3aefeabdf47193a367d47f314696ea2f",class:"dropdown",ref:t=>this.dropdownElement=t},o("div",{key:"8f6e8ddc7f8b5505ee806d0a1fbf081d25feba28",class:"search"},o("smoothly-icon",{key:"e49ae095f2dc52ed27f8b8006cf41fa65e880d76",name:"search-outline",size:"small"}),o("input",{key:"2c8c17873271a717f6ee14455ecb717280a45b99",class:"search-input",ref:t=>this.searchElement=t,disabled:this.searchDisabled,onKeyDown:t=>this.onKeyDown(t),onInput:t=>{var e,o;return t.stopPropagation(),this.setFilter((o=(e=this.searchElement)===null||e===void 0?void 0:e.value)!==null&&o!==void 0?o:"")},onPaste:t=>{var e,o;return t.stopPropagation(),this.setFilter((o=(e=this.searchElement)===null||e===void 0?void 0:e.value)!==null&&o!==void 0?o:"")}}),o("smoothly-icon",{key:"7b008955b46e1c60e5fff82faf06f2899e6cabd1",name:"backspace-outline",size:"small",onClick:()=>{var t;this.resetFilter();(t=this.searchElement)===null||t===void 0?void 0:t.focus()}}),this.mutable&&o("smoothly-icon",{key:"c8ad6a47483f41b314cd432a55820df927feb326",name:"add",size:"small",onClick:()=>this.addItem()})),o("div",{key:"7d6c90136e1d0ff45b1639d3366c312c94ffde33",class:"menu",hidden:!this.open},o("slot",{key:"aca107a78851a9af53747d7ee022255ceac9dc9c"}),this.addedItems)))}get element(){return a(this)}static get watchers(){return{name:[{nameChange:0}],selected:[{onSelectedChange:0}],required:[{onRequiredChange:0}],filter:[{onFilterChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],open:[{onClosed:0}]}}};Ia.style=za();const Ta=()=>`[color=default].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-submit-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-submit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-submit-h{display:inline}[disabled].sc-smoothly-input-submit-h{opacity:0.5}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit{font-weight:400;background-color:transparent}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-submit-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-submit-h:has(>a:empty),.sc-smoothly-input-submit-h:has(>button:empty),.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit:empty,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-submit-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-submit-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-submit{min-width:8rem}[size=icon].sc-smoothly-input-submit-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-submit-h{width:100%}[expand=full].sc-smoothly-input-submit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-submit-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-visible,[fill=outline].sc-smoothly-input-submit-h:not([disabled]):active>button.sc-smoothly-input-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:hover::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-within::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:focus-visible,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-icon,.sc-smoothly-input-submit-h .sc-smoothly-input-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-submit-h{display:none}.sc-smoothly-input-submit-h{display:flex}.sc-smoothly-input-submit-h:not([display]){display:none}.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button button>*+smoothly-icon,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button-confirm button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-submit-h{cursor:not-allowed}`;const Da=class{constructor(o){t(this,o);this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.delete=false;this.icon="checkmark-outline";this.disabled=false;this.display=false;this.size="icon";this.tooltip=this.delete?"Remove":"Submit"}componentWillLoad(){this.smoothlyInputLoad.emit((t=>{if(x.is(t)&&Jo.type.is(t)){this.parent=t;t.listen((async t=>{this.display=!t.readonly}));if(typeof this.disabled!=="boolean"){t.listen((async t=>{var e;this.disabled=!this.delete&&(t.readonly||"validator"in t&&t.validator instanceof l&&!((e=t.validator)===null||e===void 0?void 0:e.is(p.convertArrays(t.value)))||!t.isDifferentFromInitial)}))}}}))}clickHandler(){var t;(t=this.parent)===null||t===void 0?void 0:t.submit(this.delete)}render(){var t,e;return o(s,{key:"70b53b4424d3bb5c5daf2d8cedbc0ef488a35e38",title:this.tooltip},this.delete==true?o("smoothly-button-confirm",{size:this.size,shape:this.shape,expand:this.expand,color:(t=this.color)!==null&&t!==void 0?t:"danger",fill:this.fill,onSmoothlyConfirm:()=>this.clickHandler()},o("slot",null),o("smoothly-icon",{name:"trash-outline",fill:"solid",size:"tiny"})):o("smoothly-button",{disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:(e=this.color)!==null&&e!==void 0?e:"success",fill:this.fill,onClick:()=>this.clickHandler()},o("slot",null),this.icon&&o("smoothly-icon",{name:this.icon,fill:"solid",size:"tiny"})))}};Da.style=Ta();const ja=()=>`[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-item-selected-background));color:rgb(var(--smoothly-item-selected-foreground));border-left:.3em solid rgb(var(--smoothly-item-selected-border))}[disabled].sc-smoothly-item-h,.sc-smoothly-item-h[disabled].sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-disabled-background));color:rgb(var(--smoothly-item-disabled-foreground));opacity:var(--smoothly-item-disabled-opacity);cursor:not-allowed}.sc-smoothly-item-h:not([hidden]){display:flex;align-items:center;padding:0.5em;cursor:pointer;border-left:.3em solid transparent;color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground));box-sizing:border-box;min-height:3rem}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground))}.sc-smoothly-item-h:not([disabled])[marked],.sc-smoothly-item-h:not([disabled]):hover,.sc-smoothly-item-h:not([disabled])[marked].sc-smoothly-item-s>*,.sc-smoothly-item-h:not([disabled]):hover.sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-hover-background));color:rgb(var(--smoothly-item-hover-foreground));fill:rgb(var(--smoothly-item-hover-foreground));stroke:rgb(var(--smoothly-item-hover-foreground))}`;const La=class{constructor(o){t(this,o);this.smoothlyItemSelect=e(this,"smoothlyItemSelect");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyItemDOMChange=e(this,"smoothlyItemDOMChange");this.userInitiated=false;this.selected=false;this.disabled=false;this.deselectable=true}clickHandler(){if(!this.disabled&&(!this.selected||this.deselectable)){this.userInitiated=true;this.selected=!this.selected}}selectedWatcher(){this.smoothlyItemSelect.emit({userInitiated:this.userInitiated,item:this.element});this.userInitiated=false}componentWillLoad(){this.smoothlyInputLoad.emit((()=>{}))}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>this.smoothlyItemDOMChange.emit()));this.mutationObserver.observe(this.element,{childList:true,subtree:true,characterData:true});if(this.selected&&!this.disabled){this.smoothlyItemSelect.emit({userInitiated:false,item:this.element})}}async filter(t){var e;const o=typeof this.value==="string"?this.value:JSON.stringify((e=this.value)!==null&&e!==void 0?e:"");this.element.hidden=t?!(o.includes(t)||this.element.innerText.toLowerCase().includes(t)):false}render(){return o(s,{key:"f86c77b9ed66eeca4f9521883517fea9a8ce3292",tabIndex:-1},o("slot",{key:"9a72363e41c726d78c213179afcebafcafa48abc"}))}get element(){return a(this)}static get watchers(){return{selected:[{selectedWatcher:0}]}}};La.style=ja();const _a=()=>`.sc-smoothly-label-h{position:relative;width:max-content;display:flex;justify-content:center;align-items:center;padding:0.15em 0.6em;border-radius:2em;color:rgb(var(--smoothly-default-contrast));background-color:hsl(var(--hue), 85%, 70%)}[shape=rectangle].sc-smoothly-label-h{border-radius:0.3em}`;const Ra=class{constructor(e){t(this,e)}render(){var t;return o(s,{key:"ce3bb78edc46a6edd6ceeb2d8d799835e74e889e",title:this.description,style:{"--hue":(t=this.hue)===null||t===void 0?void 0:t.toString()}},o("slot",{key:"e2d3e99a943fe1a2e862e0102d87c327c9c3f1b8"}))}};Ra.style=_a();const Aa=()=>`.sc-smoothly-lazy-h{display:block}`;const $a=class{constructor(e){t(this,e);this.show=false}loadMoreHandler(t){t.stopPropagation();this.show=true}render(){return o(s,{key:"ba06250ac8a325c3b51801b09999efdbd0c552f6"},o("slot",{key:"89e3aa0b677038bac4a999c3aba63e8f86f3e9ea",name:"before"}),o("smoothly-load-more",{key:"4d817981ffa9f3231972a3eb153339ca805c05e3",onSmoothlyLoadMore:t=>this.loadMoreHandler(t)}),this.show&&(typeof this.content=="function"?o(this.content,null):this.content),o("slot",{key:"55ab66fb5706d1bb40350a5b545b97ddb5787eab"}))}};$a.style=Aa();const Ma=class{constructor(o){t(this,o);this.smoothlyLoadMore=e(this,"smoothlyLoadMore");this.triggerMode="intersection";this.name="";this.multiple=false}checkInView(){if(this.inView){this.smoothlyLoadMore.emit(this.name)}}connectedCallback(){var t;this.observer=new IntersectionObserver(((t,e)=>this.observationHandler(e,t)));this.observer.observe(this.element);if(this.triggerMode=="scroll"){this.inView&&this.smoothlyLoadMore.emit(this.name);if(this.multiple||!this.multiple&&!this.inView){this.scrollableParent=n.findParent(this.element);(t=this.scrollableParent)===null||t===void 0?void 0:t.addEventListener("scroll",this.checkInView.bind(this),{once:!this.multiple})}}}disconnectedCallback(){var t;(t=this.scrollableParent)===null||t===void 0?void 0:t.removeEventListener("scroll",this.checkInView.bind(this));this.observer.disconnect()}observationHandler(t,e){var o,s;this.inView=((s=(o=e.find((t=>t.target==this.element)))===null||o===void 0?void 0:o.intersectionRatio)!==null&&s!==void 0?s:0)>0;if(this.inView){this.smoothlyLoadMore.emit(this.name);!this.multiple&&(t.unobserve(this.element),t.disconnect())}}render(){return o(s,{key:"c53981c4ea71c41217b4a4262c971dab45a84fe9"})}get element(){return a(this)}};const Ea=()=>`.sc-smoothly-modal-h{position:fixed;display:flex;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--smoothly-modal-backdrop));color:rgb(var(--smoothly-modal-foreground));z-index:20}.sc-smoothly-modal-h:not([open]),[hidden].sc-smoothly-modal-h{display:none}[align=center].sc-smoothly-modal-h{align-items:center}[align=top].sc-smoothly-modal-h>div.modal.sc-smoothly-modal{margin-top:calc((100dvh - var(--smoothly-modal-max-height)) / 2)}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal{display:flex;flex-direction:column;padding:2rem;gap:1.5rem;width:var(--smoothly-modal-width, 40rem);max-width:calc(100dvw - 1rem);height:fit-content;max-height:min(var(--smoothly-modal-max-height), 100dvh);background:rgb(var(--smoothly-modal-background, var(--smoothly-color)));border:1px solid rgb(var(--smoothly-modal-border));border-radius:var(--smoothly-modal-border-radius);box-shadow:var(--smoothly-modal-shadow);box-sizing:border-box}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:empty,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal:empty{display:none}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal{display:flex;justify-content:space-between;align-items:center}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>*.sc-smoothly-modal{margin-block:0}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal:not(.header):not(.actions){overflow-y:auto}.sc-smoothly-modal-h>div.modal>div.header:not(:has([slot="header"])){justify-content:end}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]){cursor:pointer;opacity:0.7;color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot="header"]):hover{opacity:1}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}`;const Oa=class{constructor(o){t(this,o);this.smoothlyModalChange=e(this,"smoothlyModalChange");this.open=false;this.closable=false;this.align="center"}openChanged(){this.smoothlyModalChange.emit(this.open)}async closeModal(){this.open=false}async openModal(){this.open=true}render(){return o(s,{key:"c8517f814256addf886be09be0058a8c15b73c14",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:"665feff20545ab424191b52e7cba17414d6d79c9",class:"modal"},o("div",{key:"1a459e840e395cc03825883b8305c070929dfc34",class:"header"},o("slot",{key:"b89490cc7029d45456126502db3985fcfdd99fd9",name:"header"}),this.closable&&o("smoothly-icon",{key:"83559c6915c83f2f2fdc0ac3e173e55845b7b4f3",name:"close-outline",fill:"solid",onClick:()=>this.closeModal()})),o("slot",{key:"4f069fcb1506d9fbdcaba2c657c7af533dec9bae"}),o("div",{key:"df07bf9b97164aa24c8a7c41440494372f2ae9e0",class:"actions"},o("slot",{key:"78a5774d274306aef00dc5a6cb91bf0027b84543",name:"actions"}))))}static get watchers(){return{open:[{openChanged:0}]}}};Oa.style=Ea();const Pa=()=>`.sc-smoothly-notification-h{display:block;position:relative;min-width:min(calc(100% - 1rem), 30rem);min-height:3rem;border-radius:5px;margin:0.5rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin-inline:1rem 2rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{--smoothly-icon-size:1.6rem;position:absolute;right:0}`;const Ha=class{constructor(o){t(this,o);this.remove=e(this,"remove");this.closable=true;this.tick={};this.listener=t=>{if(t.state=="closed"){this.remove.emit(t)}else{this.tick={}}}}get properties(){let t;switch(this.notice.state){case"delayed":case"warning":t=["warning","warning-outline"];break;case"success":t=["success","checkmark-circle"];break;case"executing":t=["light","hourglass-outline"];break;case"failed":t=["danger","alert-circle"];break;default:t=["light",undefined];break}return t}onTrigger(t){if(t.detail.name=="close"){t.stopPropagation();this.notice.close()}}onUpdatedNotice(t,e){if(e){e.unlisten(this.listener)}t.listen(this.listener)}componentDidLoad(){this.onUpdatedNotice(this.notice)}render(){return o(s,{key:"73f1ac93fe920e40d0045cf9ae2c756ffe451d66",color:this.properties[0],fill:"solid"},this.closable&&o("smoothly-trigger",{key:"c044dec06d857487dbdb8a17d20c6d07c6b7e370",fill:"clear",name:"close"},o("smoothly-icon",{key:"d33fb56efc3ff17f1ba41c16ffd4ed214b98bc57",name:"close-circle-outline"})),o("span",{key:"d2554c0a86856c3f8f760d8e71f9761b619ddf41",class:this.icon?"icon":"clean"},this.icon&&o("smoothly-icon",{key:"f4466028e87356a50f0cdb08ba23dbd1d65d5689",name:this.properties[1]}),o("p",{key:"6de62c145781c1127b7ea762a371f7a142bc324f"},this.notice.message)))}static get watchers(){return{notice:[{onUpdatedNotice:0}]}}};Ha.style=Pa();const Fa=()=>`.sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier{pointer-events:none;display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier>smoothly-notification.sc-smoothly-notifier{pointer-events:all}`;const Ua=class{constructor(e){t(this,e);this.icon=false;this.notices=[]}onNotice(t){this.notices=[...this.notices,t.detail]}onRemove(t){this.notices=[...this.notices.filter((e=>e!=t.detail))]}render(){return o(s,{key:"4e003f931f925f8b9b7bf025a30ed5637d1883f6"},o("slot",{key:"24474dce23d51652d402faf096be33cbd2356a53"}),o("div",{key:"23d8511a4e84d13e2e19a623ebadcc7957881221",class:"smoothly-notifier-wrapper"},this.notices.map((t=>o("smoothly-notification",{notice:t,icon:this.icon})))))}};Ua.style=Fa();const Na=class{constructor(o){t(this,o);this.notice=e(this,"notice")}task(t,e=2e3){return()=>new Promise((o=>window.setTimeout((()=>o(t?[true,"Task completed."]:[false,"Task failed."])),e)))}render(){return o("main",{key:"e3d338d08a8155c994f121e190583b1492631049"},o("fieldset",{key:"3d775b4ed5229982b2dbe2175a80223ccda92106"},o("h2",{key:"0a351b1923d27a7bf576c2fbb43cd5368ce6442d"},"Immediate"),o("p",{key:"bff747d88b7d561ec2a60a65b76ee0c1bc49ad39"},"Fires right away and closes after the default 15 seconds."),o("smoothly-button",{key:"1b8830e040cd6530425d3d66b5c78a7ed4e80357",color:"success",fill:"solid",onClick:()=>this.notice.emit(S.succeeded("Payment processed successfully."))},"Success"),o("smoothly-button",{key:"3ad3baf9b33d67c27fdd0cff8585f7b6eeed8807",color:"danger",fill:"solid",onClick:()=>this.notice.emit(S.failed("Payment could not be processed."))},"Failed"),o("smoothly-button",{key:"2c90a3b3742edac4c4afcee809048e65375ec705",color:"warning",fill:"solid",onClick:()=>this.notice.emit(S.warn("Balance is running low."))},"Warning")),o("fieldset",{key:"e9740e78990b6beefb77c16663e96d627b619b7b"},o("h2",{key:"9668a13f88db3b43b20e84d64339e46c0b876f9a"},"Task"),o("p",{key:"9625eaf81bd2a90ca74094f5a6ba4a23e8605853"},"Shows an executing spinner while the task runs, then transitions to success or failure."),o("smoothly-button",{key:"e99ab12076adc90e2097c7586e4f6d2377ba592c",color:"success",fill:"outline",onClick:()=>this.notice.emit(S.execute("Processing payment…",this.task(true)))},"Execute (succeeds after 2s)"),o("smoothly-button",{key:"c37c6803dcc33ebb1789e981ec9bbd4453df2944",color:"danger",fill:"outline",onClick:()=>this.notice.emit(S.execute("Processing payment…",this.task(false)))},"Execute (fails after 2s)"),o("smoothly-button",{key:"e37ff795ca11e50e80bac180c0b9fae40e8ec587",color:"medium",fill:"solid",onClick:()=>this.notice.emit(S.delay("Payment scheduled…",this.task(true)))},"Delay (waits 5s, then executes)")),o("fieldset",{key:"af63d14a88d1cd79fb022d5efbd9f5a42adf191b"},o("h2",{key:"2fe03dc548758db94a03948f0595a296e145a0e5"},"Custom lifetime"),o("p",{key:"6aead78b7f995d63d29f75d8a164aaf2188111bd"},"Controls how long the notice stays visible after resolving."),o("smoothly-button",{key:"f480806e042ba24075c030c7a767a1fb4a65de22",color:"success",fill:"solid",onClick:()=>this.notice.emit(S.succeeded("Gone in 3 seconds.",3e3))},"Success (3s)"),o("smoothly-button",{key:"bd377ef80546a629a08919899fff0e4c57ad24b3",color:"warning",fill:"solid",onClick:()=>this.notice.emit(S.warn("Sticks around for 30 seconds.",3e4))},"Warning (30s)")))}};const Ya=()=>`[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 Wa=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:"ecb6e441b9ff2e197c2b600e2c5b2d51cd95ee89",style:{"--spinner-size":this.size=="large"?"5em":this.size=="medium"?"3em":this.size=="icon"?"1.8em":"1.2em"}},o("svg",{key:"5e6288163ac9a0fe615a91e8431fb78a966630ea",class:"spinner",viewBox:`0 0 ${60+t} ${60+t}`,xmlns:"http://www.w3.org/2000/svg"},o("circle",{key:"7ad5566138f4d87e15be7bc0d4777e80cc6c1f83",class:"path",fill:"none","stroke-width":t,"stroke-linecap":"round",cx:`${30+t/2}`,cy:`${30+t/2}`,r:"30"})))}};Wa.style=Ya();const Ba=()=>`.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 Va=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:"e033a7d2dadc508342c0e35b8b50502452c285f5",onToggle:t=>this.toggleHandler(t),open:this.open},o("summary",{key:"2081c1c5e3c154fa26e4333f519f56232895ee74"},o("smoothly-icon",{key:"e8c587d8d364e72e1dd1e2958db8f784343a8508",name:"caret-forward",fill:"solid",size:"tiny"}),o("slot",{key:"158befa55709d084049bec16c29d2bef2a2884e0",name:"summary"})),o("slot",{key:"fff93c13da720ef9e0905ac698bba0baf9dd9c20",name:"content"}))}};Va.style=Ba();const Ga=()=>`.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 Ka=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:"ae035e66fbacdf7ce232ec1be2d73b2573bea978"},o("div",{key:"8b16f293f91934e88ac5d41a837f83506ea50737",onClick:()=>!this.disabled&&(this.open=true)},o("label",{key:"3d2d6e324ad8bcfe438e5ed9000271c04840f3ea","data-smoothly-tooltip":this.tooltip},this.label)),o("div",{key:"3b041ece9f6bd5931bef85b1b3d8f50ea1200e1e",hidden:!this.open},o("slot",{key:"157b5ecc4ace4e1318629b12a34d9e7b52d20af4"})))}get element(){return a(this)}static get watchers(){return{open:[{openHandler:0}]}}};Ka.style=Ga();const qa=()=>`.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 Za=class{constructor(e){t(this,e);this.columns=1}smoothlyTableExpandableRowChange(t){t.stopPropagation()}smoothlyTableExpandableCellChange(t){t.stopPropagation()}render(){return o(s,{key:"f875112f3c3c917be64b0874106e35a318b3ded5",style:{"--columns":this.columns.toString()}},o("slot",{key:"f84673ca127c951381152b7e5b70b3d0d16f584a"}))}};Za.style=qa();const Xa=()=>`.sc-smoothly-table-body-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;color:rgb(var(--smoothly-table-foreground));background-color:rgb(var(--smoothly-table-background))}`;const Ja=class{constructor(e){t(this,e)}render(){return o(s,{key:"1f19a1c0da7b296ea394daa0bc91ac499424ad0e"},o("slot",{key:"acd72cd22a3d49c02de514f5f9818d16ff913897"}))}};Ja.style=Xa();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 ti=class{constructor(e){t(this,e);this.span=1}render(){var t;return o(s,{key:"71cd9be174ec7961ae0b338fd5775a0f8b41264c",class:"smoothly-table-cell",style:{"--smoothly-table-cell-span":(t=this.span)===null||t===void 0?void 0:t.toString(10)}},o("slot",{key:"9cbca72183db11968f3a6630bd1a226830754bd7"}))}};ti.style=Qa();const ei=()=>`.sc-smoothly-table-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}`;const oi=class{constructor(e){t(this,e)}render(){return o(s,{key:"ce870c3cb75e3021ae6df094be0beb4e15a4fa96"},o("smoothly-table-demo-filler-row",{key:"8454629cbaca209d691c20e2cadb2084fb813d0c"}),o("smoothly-table-demo-group",{key:"4a39a52dd85a7820ff9144684ced5a9c39e68b9a"}),o("smoothly-table-demo-colspan",{key:"69466e2c64c235167f3f48ce792a883ccb0c4304"}),o("smoothly-table-demo-simple",{key:"7185d7dfafc506488c5d8de8eeb2d1f0771712af"}),o("smoothly-table-demo-nested-no-cell",{key:"30e67b1983df629081c1c4e7cbf4787817ce2bbb"}))}};oi.style=ei();const si=()=>`.sc-smoothly-table-demo-colspan-h{display:block}.sc-smoothly-table-demo-colspan-h smoothly-display.sc-smoothly-table-demo-colspan{display:inline}`;const ai=class{constructor(e){t(this,e)}render(){return o(s,{key:"0c48cda90a42886342351b0a4f4b0ddcdbba84e1"},o("smoothly-table",{key:"6ddf793f667d275b6e3969331d06c1d2f5e4c491",columns:3},o("smoothly-table-head",{key:"425732dcb06bbc7dd1c5b46689fcb9a5d1f8aae0"},o("smoothly-table-row",{key:"698dbdfbabfb904df19d92aaef652fc57b4371ad"},o("smoothly-table-cell",{key:"162b14024e5d5c1993c2c5120f014bd65dc452b8"},"Date"),o("smoothly-table-cell",{key:"7c8dfddd08a7a241ba4921d48c231e154e8ce2f7"},"Skip"),o("smoothly-table-cell",{key:"90c02f35f7233314a0478fdef7fe7e8d59ee6307"},"Total"))),o("smoothly-table-body",{key:"ee7c05917d77a73653f262da586d358a6c2d8c5f"},o("smoothly-table-row",{key:"fb8ea7dbe4c82f92258d4c531f88bf9192a121a7"},o("smoothly-table-cell",{key:"8c4f6a68055a38eafbbedde78acdec47610c3a45",span:2},o("smoothly-display",{key:"914cbd4c7716cb44df1fb2c9f30e864733398627",type:"date",value:"2024-01-01"})),o("smoothly-table-cell",{key:"28379684e4c04c36261cece4276bd0599bca8201"},o("smoothly-display",{key:"454f88e0c8f6236864d5507677e87c4129940fd6",type:"price",value:120,currency:"EUR"}))),o("smoothly-table-row",{key:"484339508d40ad812eb7edd24efa06ed18739b39"},o("smoothly-table-expandable-cell",{key:"885b10db54f9fb0051f0ac8d878dbd4a5413d698",span:2},o("smoothly-display",{key:"27a9840c4c283269809fef636b95e7dc46d18586",type:"date",value:"2024-01-02"}),o("smoothly-lazy",{key:"031f1ee60536b3b633c7638aed6e0d1d6a013ba8",slot:"detail",content:o("smoothly-display",{type:"date-time",value:"2024-01-02T13:37:00.000Z"})})),o("smoothly-table-expandable-cell",{key:"c1e0fc733a48eb0e5bf50d0ff70494e0f293b34e"},o("smoothly-display",{key:"fe0202769ab5932ed8257867802e297707efdb78",type:"price",value:220,currency:"EUR"}),o("smoothly-lazy",{key:"e170de6a7c33e6ce938e2a5240a33397a9d15d21",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:"e06c96d7d22adc11c20140b67b877b69c0b95737"},o("smoothly-table-cell",{key:"6a6a0d756b16ccc002934e7aea89165959748518"},o("smoothly-display",{key:"9cabf2591bbfe35af7e58f649a185b872843b365",type:"date",value:"2024-01-02"})),o("smoothly-table-cell",{key:"bc20c5059843db6e9a61b5f600ddcbb959c544cd"},"Not Skipped"),o("smoothly-table-cell",{key:"306e585f47e9eb496ef5a1ddbecfcc9c823adde2"},o("smoothly-display",{key:"b1623473097b41ebc6bf1a03eeafd4a650371b98",type:"price",value:320,currency:"EUR"}))))))}};ai.style=si();const ii=()=>`.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 li=class{constructor(e){t(this,e);this.cats=[]}async componentDidLoad(){window.setTimeout((()=>{this.cats=undefined}),3e3)}render(){return o(s,{key:"557f61c2ccd69af2aefa39306df1aad555ff0744"},o("smoothly-display",{key:"7ab6ad735601adb00416b7e36c0cd8815ad61ef8",type:"text",value:"Filler row"}),o("smoothly-table",{key:"5a4a96a7e7eefb555c293a59fa4549566c4e3d37",color:"primary",columns:4},o("smoothly-table-head",{key:"6552d25cd1b2655207fd58a8b193125c5489e44a"},o("smoothly-table-row",{key:"713cc7a78a8375c1559e6dd612e91012d95d94e9"},o("smoothly-table-cell",{key:"6916664b0ccc30759af2b01eecbb0720a293e5e1"},"Breed"),o("smoothly-table-cell",{key:"23ebe72dbbfbb68993ce024cd574a80c78fedf97"},"Country"),o("smoothly-table-cell",{key:"56dc58c22a7fbc62a5a33d88e11e3198d76cce8b"},"Coat"),o("smoothly-table-cell",{key:"1b17e1b9e961951228b9134a979e154650a5692f"},"Origin"))),o("smoothly-table-body",{key:"e9cabfd3b379487e2f47c4e292f61f219dd1a170"},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)))))))}};li.style=ii();const ni=()=>`.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 ri=class{constructor(e){t(this,e)}render(){return o(s,{key:"c2349ac60d42721e7efdd0145bda64bf634665f9"},o("smoothly-display",{key:"3fa0ccdbb80609b7d1213e4607a8417d654ba61e",type:"text",value:"Group"}),o("smoothly-table",{key:"031831fab9aad960876d3652e0f061bc11c6b641",color:"primary",columns:2},o("smoothly-table-head",{key:"8962746018f32803f9194677e85b1cac061cbc8a"},o("smoothly-table-row",{key:"ce3b222b7bf572395130029a242349f1f23e3efa"},o("smoothly-table-cell",{key:"9b487a8dd643eeb32b8636a393a21825af9e15f0"},"Date"),o("smoothly-table-cell",{key:"9445abb441db3d0474aa0925da39f9f8cd841e96"},"Total"))),o("smoothly-table-body",{key:"e05046be6bcd868fedd3a998e33243d350a24fac"},o("smoothly-table-row-group",{key:"9f9f39b99ee48b80079e4f0c7b8b5933841bc8db",align:true},o("smoothly-display",{key:"f5c8b076b84674dca4082025540f37fed2c1fdfb",slot:"start",type:"date",value:"2024-01-01"}),o("smoothly-display",{key:"8684e46b76affeace45688d66ce925053e8487cb",slot:"end",type:"price",currency:"EUR",value:510}),o("smoothly-table-expandable-row",{key:"eafc06e33f099744334b1ab4633c4065e5c7bafb"},o("smoothly-table-cell",{key:"163413e33f1fc87f3ee8d913b7f67aadaef23527"},o("smoothly-display",{key:"7906a8a2a7cdbc094ea377dbbf46f46ea1aa2773",type:"date-time",value:"2024-01-01T01:37:00.000Z"})),o("smoothly-table-cell",{key:"b7c3d34d0872a3b925cd59648818ac4f970f7665"},o("smoothly-display",{key:"1755af70c7682d88f2a8053249f618e21ccd8dcd",type:"price",currency:"EUR",value:250})),o("smoothly-lazy",{key:"972b58445087486e16aa9ef60ceca24b0cdb878a",slot:"detail",content:o(i,null,"Details of 2024-01-01T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"f4167f1f151a4b6a11e55c3b44b44a174e7e460a"},o("smoothly-table-cell",{key:"d42b86d4bbbfa2687ccb9ef5426199cfcb970454"},o("smoothly-display",{key:"691ce08e0f570a2fe95f6274c5e5a2c594ca0e81",type:"date-time",value:"2024-01-01T13:37:00.000Z"})),o("smoothly-table-cell",{key:"ca5ba776a4c026015fe14ffd6c0f61682fb50a0e"},o("smoothly-display",{key:"314ca518de45211edf1b423fe2fd5e6e852e0abf",type:"price",currency:"EUR",value:260})),o("smoothly-lazy",{key:"3ab4074da42478f0275ad173efbbcb4ae7892132",slot:"detail",content:o(i,null,"Details of 2024-01-01T13:37:00.000Z")}))),o("smoothly-table-row",{key:"15c7c4c80763efe785d46350dbcb9458787fa7de"},o("smoothly-table-cell",{key:"dc40672665de18746244848faf04db3ad9f5aeef"},o("smoothly-display",{key:"49eb95b7c7cddc7b31919e63052773b561ec73e4",type:"date",value:"2024-01-02"})),o("smoothly-table-cell",{key:"a06c95ad5472971a1e65334780f236ec9661730d"},o("smoothly-display",{key:"c7e5e70b5711a0921bc9b31a783a6c74d5052115",type:"price",currency:"EUR",value:130}))),o("smoothly-table-row-group",{key:"4d369fc1b9f725c6c87119f74ceacc791e7ecedd"},o("smoothly-display",{key:"7476433911fe24ae672a06fbcd1903b30d9d4dcd",slot:"start",type:"date",value:"2024-01-03"}),o("smoothly-display",{key:"66757326ae2f2533781187b3cc539ecc630e18da",slot:"end",type:"price",currency:"EUR",value:720}),o("smoothly-table-expandable-row",{key:"074ed70eee56b560206f6af3c3653f866eb19b1f"},o("smoothly-table-cell",{key:"d42fa537b638422f059064fc81f3eca4b508adb1"},o("smoothly-display",{key:"53555e64e4a188b56312547d00e051400db9109b",type:"date-time",value:"2024-01-03T01:37:00.000Z"})),o("smoothly-table-cell",{key:"9a87625f1792a602a8f261b09639a2f3437e4a00"},o("smoothly-display",{key:"48f68e9b82035798b802914d1e3676baeb45b1c6",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"fda86f80536a88dfc1b37122353d7728d59c3145",slot:"detail",content:o(i,null,"Details of 2024-01-03T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"79f5e690018349b7bbf387f42459fd0cf7bf41c9"},o("smoothly-table-cell",{key:"b90737c98969bac197c075f618074d0de7e49ba4"},o("smoothly-display",{key:"e8f3430fe190bd51b2f16613545502e080e881ec",type:"date-time",value:"2024-01-03T13:37:00.000Z"})),o("smoothly-table-cell",{key:"b6d3f7d14324859ba247b4936b21a8730b3d48f5"},o("smoothly-display",{key:"2a31cd875eb7275138ff31018fa00445d98636f9",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"4fead269f59feb74e3182c5f45ceb27f75b06815",slot:"detail",content:o(i,null,"Details of 2024-01-03T13:37:00.000Z")}))),o("smoothly-table-row-group",{key:"f934924e769318b0cbf620e8b36dd5beb5b9289b"},o("smoothly-display",{key:"19cd9b2be6022ee7ca06d65ea8ed7233cfc09282",slot:"start",type:"date",value:"2024-01-04"}),o("smoothly-table-expandable-row",{key:"da7f61e549d633fcfeb11d0b6340db1ed25b2203"},o("smoothly-table-cell",{key:"b317a6ff13c60a5e788285295131c314dfdc5451"},o("smoothly-display",{key:"fdc2c7b05beb0d0a85cb132ecda0250dec82437b",type:"date-time",value:"2024-01-04T01:37:00.000Z"})),o("smoothly-table-cell",{key:"00332f1d86bee165bfcb258a7e0a977630391c3f"},o("smoothly-display",{key:"482fb06ef577eebb00020dc96c1f38be4a9c06f4",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"e0be1bdf78a509739ba6200b84eb09b1fdceafa5",slot:"detail",content:o(i,null,"Details of 2024-01-04T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"33394ca7530c500982772ad00fa167a28945dac7"},o("smoothly-table-cell",{key:"9d0342b72e2e1c5c4fe165f5dd82e2bd2aea486e"},o("smoothly-display",{key:"7067dcfee78ed06a503fda1daba6d2290e542749",type:"date-time",value:"2024-01-04T13:37:00.000Z"})),o("smoothly-table-cell",{key:"0dc3ff01ee8aa112baadd9d9b86950be1e206863"},o("smoothly-display",{key:"ff66908b6e8fae1880aeb7c2e3afb2fa0459055b",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"d4c0cbfd9ea8e4325b8ae831e4c39e4c454a78df",slot:"detail",content:o(i,null,"Details of 2024-01-04T13:37:00.000Z")}))),o("smoothly-table-row-group",{key:"094dcd75d983e523eec8cb86ef99dcf162e38ea9"},o("smoothly-display",{key:"69f640137011b2a87f19869a37d4838472a0e85c",slot:"end",type:"price",currency:"EUR",value:720}),o("smoothly-table-expandable-row",{key:"5813f668878b19bda0ec525192f8bd114b8eea10"},o("smoothly-table-cell",{key:"a17328b2f0e29e25462129c21a4f7285a570d55b"},o("smoothly-display",{key:"a0d200bab62d2d1cd9c79d671dac3a01aa49d596",type:"date-time",value:"2024-01-05T01:37:00.000Z"})),o("smoothly-table-cell",{key:"e1d33ee6f5562a526343a7b8a8a4eedd74536faa"},o("smoothly-display",{key:"fbee48d8fa8d7360f35e81f52953a1e50d059f66",type:"price",currency:"EUR",value:320})),o("smoothly-lazy",{key:"4b35e8e6b67c474be6f1921df8c035ca75e6d65e",slot:"detail",content:o(i,null,"Details of 2024-01-05T01:37:00.000Z")})),o("smoothly-table-expandable-row",{key:"73b7b56a1374a050d4c060481691a765993d7aa0"},o("smoothly-table-cell",{key:"ef757fee21011b6217509b8df104bbd551a8f083"},o("smoothly-display",{key:"ce28e49e2b34609b9b118c1d959b40e92da999ea",type:"date-time",value:"2024-01-05T13:37:00.000Z"})),o("smoothly-table-cell",{key:"9ab4fffdd44c403204a950bf6988c85cec2b566d"},o("smoothly-display",{key:"f031bf8fedf553a4a35941682c52c20a5d35945c",type:"price",currency:"EUR",value:400})),o("smoothly-lazy",{key:"6be1eed0b8757a4ef23b2f89d207de78a691fb2a",slot:"detail",content:o(i,null,"Details of 2024-01-05T13:37:00.000Z")}))),o("fake-group-wrapper",{key:"217e2c3da76ee12debcfdd72e8dc1a5ce366e677"},o("smoothly-table-row-group",{key:"6b6a75487b0649e29aaa80f09ae1525fb89d0a4a"},o("smoothly-display",{key:"595d74d25315145d10c0f90cb425080f26327171",slot:"start",type:"date",value:"2024-01-06"}),o("smoothly-display",{key:"0960bdd999050e2ef1f54affd7d9c7e37b7a105f",slot:"end",type:"price",currency:"EUR",value:720}),o("fake-row-wrapper",{key:"99957e7a704294b44a16785076c8039fabafe467"},o("smoothly-table-row",{key:"094abc7dde56b47077b83d4aeee91d935673dbca"},o("fake-cell-wrapper",{key:"c3046f3eb7072139a86ec4c777a83e3b31342a5f"},o("smoothly-table-cell",{key:"65e3f33d4e058906c1e705c138f64eb875372f8b"},o("smoothly-display",{key:"dae18d82f496305e108996e52fb4f08df46c0b4d",type:"date",value:"2024-01-02"}))),o("fake-expandable-cell-wrapper",{key:"1f797ef11066becab0585c2d707795752cc1919a"},o("smoothly-table-expandable-cell",{key:"7162dfb6b14b854eb20ade26aa14c41ada84ee88"},o("smoothly-display",{key:"a0caf476fcef38d8f0f0aac87f1a8939edf8251b",type:"price",currency:"EUR",value:130}),o("smoothly-lazy",{key:"96639f825747c82e48a6df2f5ffcd0aa541af947",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:"96e1217758b98bb236eaf1e9fbf0cdbc7c97961b"},o("smoothly-table-expandable-row",{key:"b463b6ace09039c949856a47cae1646722de7515"},o("fake-cell-wrapper",{key:"908e37e012b4e7264faafa8778161b0d23e65bbf",class:"span-2"},o("smoothly-table-cell",{key:"d08c1503351a035e6f8ef9052cc80c8bc9d002fa",span:2},o("smoothly-display",{key:"391e427d5ddf9f1d2e82678ff66d9ffcc41c8a77",type:"date",value:"2024-01-07"}))),o("smoothly-lazy",{key:"0a8773a5d33603c6a42d84487c730eaf950a2540",slot:"detail",content:o("smoothly-display",{type:"date-time",value:"2024-01-07T13:37:00.000Z"})}))))),o("smoothly-table-row-group",{key:"f22475f2b9aca2131c4ff305aa4ba2e7c6e600ba"},o("smoothly-display",{key:"956d8be67c99b3673d815101a05e91c9c6131439",slot:"start",type:"date",value:"2024-01-08"}),o("smoothly-display",{key:"0daba64dde819e327b688619e584b43bb042ef0d",slot:"end",type:"price",currency:"EUR",value:720})))))}};ri.style=ni();const ci=[{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 di=()=>`.sc-smoothly-table-demo-nested-no-cell-h{display:block}.sc-smoothly-table-demo-nested-no-cell-h>smoothly-display.sc-smoothly-table-demo-nested-no-cell{font-size:2em}.sc-smoothly-table-demo-nested-no-cell-h>*.sc-smoothly-table-demo-nested-no-cell{margin-bottom:2rem}.sc-smoothly-table-demo-nested-no-cell-h smoothly-table-expandable-row.sc-smoothly-table-demo-nested-no-cell{position:relative}`;const hi=class{constructor(e){t(this,e);this.loadedRows=[]}render(){return o(s,{key:"04d9aea1741a42783f48d2f496507f026e7ec592"},o("smoothly-display",{key:"b1ca21dc02166b03949f1e5733d199dfc98abe57",type:"text",value:"Nested"}),o("smoothly-table",{key:"8822eb9d9038e1475460993e8408a34e2c278fc5",color:"primary",columns:8},o("smoothly-table-head",{key:"fe36a6cf11d90f4a6d61b8f52b6c32725f9446bf"},o("smoothly-table-row",{key:"480555a61bc7ab26c44b6ed481c5002e76f3d8fb"},o("div",{key:"4a916151819146c8dfb3bde56af42cd9177404f3",class:"smoothly-table-cell"},"Id"),o("div",{key:"4c5f4888480ac4afdc2a7ea0ea1223f019ac342f",class:"smoothly-table-cell"},"Registered"),o("div",{key:"fcbbba0e6600648b61a64f1c79021d8a3b6ff7a7",class:"smoothly-table-cell"},"Name"),o("div",{key:"b1ae7b7361472a8bc480eda7f578c2ef2ee31d01",class:"smoothly-table-cell"},"Age"),o("div",{key:"5abc8febf53d4a1c88bf4d48c9f775854f79c9c0",class:"smoothly-table-cell"},"Balance"),o("div",{key:"556a2cc1c4edadce3207d5d5f0669945aac0e549",class:"smoothly-table-cell"},"EyeColor"),o("div",{key:"c73289aaf060e3c633105d35ce31864109e6b0fb",class:"smoothly-table-cell"},"Gender"),o("div",{key:"768db739d85a8a20408ea8d866af0006051d35f1",class:"smoothly-table-cell"},"Company"))),o("smoothly-table-body",{key:"cdb13c9d2feb7505eb856a172848a9e0a7c8eec5"},ci.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:"d220bcbd57cd66ba23f5f0a95f91ea76815abfb5"},o("smoothly-table-row",{key:"667777310b2345e3d3a168ce2e740bf7bb3065c2"},o("div",{key:"b3e7fec6bcea4b27ae2ddf5e8b23438affc74185",class:"smoothly-table-cell"},"Footer Cell"),o("div",{key:"ee6456fc221e5cc95ebf4ca4615f24df1a4da926",class:"smoothly-table-cell"},"Footer Cell")))))}};hi.style=di();const mi=()=>`.sc-smoothly-table-demo-nested-no-cell-inner-h{display:block;margin:1em auto;width:60%}`;const yi=class{constructor(e){t(this,e)}render(){var t;return o(s,{key:"979ac258e43562eb1d3ec213533ed762b0637958"},o("smoothly-table",{key:"359ecbb755ebb1119ecc4d60901a52508094fa7f",columns:4},o("smoothly-table-head",{key:"688c8cecdac166cd9ce2865ecbf3002811a2ef5f"},o("smoothly-table-row",{key:"7f8b10a9205258b5cad319c0cb6a2ae6f0609da9"},o("div",{key:"8310e2fdaefb1c5d6a686d238bf2c118e9eacbac",class:"smoothly-table-cell"},"Id"),o("div",{key:"daaeb0da6571b0dde9d6e80ac35142aa666a1ba5",class:"smoothly-table-cell"},"Name"),o("div",{key:"abca17f20bd0491dcf05dc81ba11d801b4933a6c",class:"smoothly-table-cell"},"Age"),o("div",{key:"346be426720be1a8c9578a50e6dacc2dddc5493a",class:"smoothly-table-cell"},"Balance"))),o("smoothly-table-body",{key:"d2d182cae581d3f5bc8abae108a6626b20b9451a"},(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)))))))}};yi.style=mi();const bi=()=>`.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 ui=class{constructor(e){t(this,e)}render(){return o(s,{key:"80449d99f9dd0f1b3ccc6fe1ca76f81c383b0b73"},o("smoothly-display",{key:"a8a925063304469fd491d875aac3ca41262c2654",type:"text",value:"Simple"}),o("smoothly-table",{key:"c73c0af22285cf5769b7aae1bc619e681425059c",color:"primary",columns:2},o("smoothly-table-head",{key:"55a6fa56086f9ecf4c5ad6e937c672164e4ec329"},o("smoothly-table-row",{key:"c130d923b09c92b269da5f16ea18e3ee895cab52"},o("smoothly-table-cell",{key:"b937e3114409fa9e58e16333d00367839bc74d15"},"Breed"),o("smoothly-table-cell",{key:"9aba71f6c1a20a762e89500ca5efa3a82d7cbd89"},"Coat"))),o("smoothly-table-body",{key:"b79c14240246a1d441fc2bfb2cf0857834121312"},pi.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:"b3897b89193457cc34ef8a636ee70eb440b09923"},o("smoothly-table-cell",{key:"d3ff9b985f616112a698ad7c3d1154ae7ca3b17a"},"Cell5"),o("smoothly-table-expandable-cell",{key:"ed7165825d15f3025231a21aead04f6bcd048872"},"Expandable Cell",o("div",{key:"b5ffac563fce0a0a5027706cf4f83ec8825ad037",slot:"detail"},"Content of the expandable cell"))),o("smoothly-table-row",{key:"3a6eb6e10fb590b9036d329307a22393958f6aaa"},o("smoothly-table-expandable-cell",{key:"43570c5844b23b46572678bd5229d325c26b677f"},"Expandable Cell 1",o("div",{key:"2c643f6a728b5967d7e42c47d657ce07ef295c78",slot:"detail"},"Content of the expandable cell 1")),o("smoothly-table-expandable-cell",{key:"1d9f1e32259d590d5f0a7c043c56424f30019e6e"},"Expandable Cell 2",o("div",{key:"ea45ab8f26e3a2b7bd4d012b3dec1899836620b6",slot:"detail"},"Content of the expandable cell 2")))),o("smoothly-table-foot",{key:"99a7c70b238c32203143077e8e1a3c58ee82adf7"},o("smoothly-table-row",{key:"2abe5c4e633f55dd722f21263ab6647018b7319b"},o("smoothly-table-cell",{key:"805be40c4d87dd23a8ab71017453b6340adf200e"},"Footer Cell"),o("smoothly-table-cell",{key:"1137748f294d4199d08de20a8316588df635bfb2"},"Footer Cell")))))}};const pi=[{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"}];ui.style=bi();const fi=()=>`.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 gi=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:"624fcbc59506d5a4c9c3a63a8c72e5dacc381c88",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:"53a96ed671c80e1ecac6e34051c91e9a947b2fe9",class:"content"},o("slot",{key:"3a3576002c26476a9a64113b36245e1befb1b032"})),o("div",{key:"39a6657696c643342205d451e12f7ce43b9059ad",class:"smoothly-table-detail",ref:t=>this.detailElement=t},o("slot",{key:"b9e027e1fe622d4a20fffb508ac66bc1bbd2f06b",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}};gi.style=fi();const ki=()=>`.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 vi=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:"3007de001a37cd97b19055f2300d0c4200714da4",onClick:t=>this.clickHandler(t)},o("slot",{key:"8eec771831b3e72481baaa792403fd6f28ce23b2"}),o("div",{key:"f4a0071effd34729d812fdc02023f55c29c61da2",class:"smoothly-table-detail",ref:t=>this.div=t},o("slot",{key:"e9eae5eaddd3886cb39a8086bba97a177791378d",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}};vi.style=ki();const wi=()=>`.sc-smoothly-table-filler-row-h{grid-column:1 / -1}`;const xi=class{constructor(e){t(this,e)}render(){return o("smoothly-table-row",{key:"4925aa29f641ac932dd2686bdfb285dfbba27008"},o("smoothly-table-cell",{key:"8aebd5713c716392a50afae52b1aed1c091c15f8"},o("slot",{key:"822bc6ecef95836f099ac8c122a0b6c00999abe2"})))}};xi.style=wi();const Ci=()=>`.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 Si=class{constructor(e){t(this,e)}render(){return o(s,{key:"491e31a72bf7cf753be9722c5f9ffd189b75beae"},o("slot",{key:"717637b20804c096f1daac46183047b2f7570569"}))}};Si.style=Ci();const zi=()=>`.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 Ii=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:"a543c06de129e8ee177a6e98e31e7e6de42edff6",class:{scrolled:!!this.scrolled},style:{"--top":`calc(${this.depth} * var(--smoothly-table-cell-min-height))`,"--z-index":`${10-this.depth}`}},o("slot",{key:"a937f04e674b9eb19534395494741f87e7f2df49"}))}get element(){return a(this)}};Ii.style=zi();const Ti=()=>`.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 Di=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:"a7150d8e85573818c5253287f7a16af0726cd566"},o("slot",{key:"11a1f41ac92bfdfbbe55a5d56998395ffbe7f1df"}))}};Di.style=Ti();const ji=()=>`.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 Li=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:"76fef86fb057d3a38a48176ae86e9d0acd8cbd3e"},o("div",{key:"d4c4ce1a498d4ad36ea115c59513a7127526a654",onClick:()=>this.clickHandler()},o("div",{key:"66b75a4c40238ef265054ee334252f301dc6d136"},o("slot",{key:"e4438e7a0a62ae369526bc341d9ca38f0661f719",name:"start"})),o("div",{key:"e242813ad448fe97141372e0d58f9cee9315b42d"},o("slot",{key:"32ea0ec41821bca492f088f8e905183a70b97d58",name:"end"}))),o("div",{key:"3dadc2ae7fdde5bd4cbee29da00dd23e544c5d59"},o("slot",{key:"d7d82c8713ace989d6eaa9c354fff5bc5f8da797"})))}};Li.style=ji();const _i=()=>`.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 Ri=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}]}}};Ri.style=_i();const Ai=()=>`.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 $i=class{constructor(e){t(this,e)}render(){return o(s,{key:"667daa4673c8e0045b0b9bb673fa25d577234bcd"},o("div",{key:"53bc7758593ff652cd66571751d44f215b96f3e2"},o("smoothly-button",{key:"9152b373e992825a1e7a5daad5fdb8454f0e72fa",color:"primary",onClick:()=>this.extraTab1=!this.extraTab1},this.extraTab1?"Remove":"Add"," tab")),o("smoothly-tabs",{key:"45e823f55772be61f25d6b48688524dc98d052c9",tabs:"multiple"},o("smoothly-tab",{key:"ecb21ddc688927084d739e1f0e0590c83d773577",label:"Single Tab",open:true},o("strong",{key:"8364c0c2e1afa1d729f6caa372e6864c37720b10"},"Single Tab content here.")," If only one tab is available setting ",o("code",{key:"654811a94f174badec1416c90842741a49f202bd"},"tabs")," to"," ",o("code",{key:"5083b020fd3619e8deaf83044537e92423557e80"},'"multiple"')," will hide the tab navigation and display the single tab's content directly."),this.extraTab1&&o("smoothly-tab",{key:"3c0d1ccc9c611be2d80ab6495d1c82d4670f21f5",label:"Extra tab"},"When there are more then one tab, the tab navigation will show.")),o("div",{key:"939a6f264018acc6532aec79aa35c8bec9e15982"},o("smoothly-button",{key:"b40612b706c471876d98f92665a76a5cc6d71564",color:"primary",onClick:()=>this.extraTab2=!this.extraTab2},this.extraTab2?"Remove":"Add"," tab")),o("smoothly-tabs",{key:"7950a34808a55e1c2ff8dc75eb73826270295763"},o("smoothly-tab",{key:"30e6c350d870d9e2b2de98ee1a5e8441e33187e9",label:"Disabled tab",tooltip:"Tooltip for test3",disabled:true},"this is a test message again!"),o("smoothly-tab",{key:"db66384d6fc370218db0f63c57bf1334b3496672",label:"test1",tooltip:"Tooltip for test1",open:true},"Hello world!"),o("smoothly-tab",{key:"863e0927c3c0d5d3513f9bcb4aa36c5df4d479b2",label:"test2"},"this is a test message!"),this.extraTab2&&o("smoothly-tab",{key:"42f481c9e506f49267b289b8ed89d6c157ee34ce",label:"test-extra"},"this is a test message!")))}};$i.style=Ai();const Mi=()=>`.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 Ei=class{constructor(e){t(this,e)}render(){return o(s,{key:"a5e578a10c7a46c0abd3ca72b8247a7ca74cd0c4"},this.color,["tint","color","shade"].map((t=>o("smoothly-theme-color-variant",{title:`${this.color} ${t}`,color:this.color,variant:t}))))}};Ei.style=Mi();const Oi=()=>`.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 Pi=class{constructor(e){t(this,e);this.variant="color"}render(){return"Aa"}};Pi.style=Oi();const Hi=()=>`.sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1rem;column-gap:0.5rem;width:fit-content}`;const Fi=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})))}};Fi.style=Hi();const Ui=()=>`.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 Ni=class{constructor(e){t(this,e)}render(){return o(s,{key:"3e505cbc2317099fa9c7a8ce39eb009f2c3024ca"},o("h2",{key:"5cf6837bdc6d17642828e4328265929512384435"},"Theme"),o("smoothly-theme-picker",{key:"be136a3fae2657ac4e26ad1fbd3aaeb25645a8d5"},o("smoothly-item",{key:"fa5fc77333513622192574123bf36506e52e3269",selected:true,value:"assets/style/smoothly.css"},"Smoothly"),o("smoothly-item",{key:"2961c2261191e11a1c592906b80da6145bd404fd",value:"https://app.issuefab.com/assets/style/index.css"},"Issuefab"),o("smoothly-item",{key:"dd127647b610afd4840859d7c8c10ff451dc2b56",value:"https://app.proquse.com/assets/style/index.css"},"Proquse"),o("smoothly-item",{key:"5e8ad2191b20cd08d6d1cb35816dc0454611fd71",value:"https://app.weekmeter.com/assets/style/index.css"},"Weekmeter"),o("smoothly-item",{key:"24410b3ba716c13887406e39d8269ad0f5623434",value:"https://test.dash.pax2pay.app/p2pdash.css"},"Pax2Pay Dashboard"),o("smoothly-item",{key:"0aeb4c24f7610227b1ddcd85c4a6768fac6169ab",value:"https://ui.pax2pay.app/assets/style/pax2pay.css"},"Pax2Pay Portal"),o("smoothly-item",{key:"54ab7e4db39f5011d1575b08a7454edd3c8c0afa",value:"https://theme.payfunc.com/intergiro/index.css"},"Intergiro Monitor"),o("smoothly-item",{key:"8f80758dacf77044e05035ad32620cd62129e9b5",value:"https://theme.payfunc.com/light/index.css"},"Payfunc Light"),o("smoothly-item",{key:"d505ed591e6379bc67fc3958361c4895a57e1ee9",value:"https://theme.payfunc.com/dark/index.css"},"Payfunc Dark")),o("div",{key:"b9419547eb4bbda394e480e58b7dff8dc0ebcb1d"},o("smoothly-theme-colors",{key:"3bf0624cac39fbcb490bc7992dfa530f3043122b"}),o("smoothly-theme-guide",{key:"388b8841be3ddfd0a42a5ecbe098b512210ad26a"})),o("smoothly-button",{key:"3a56e3439212da68889c98cfe64141730732aefa",type:"link",link:"/redirect"},"To redirect"),o("smoothly-button",{key:"56add7b4f875bb0521b32e34719c703591e21961",type:"link",link:"/redirect"},"To /redirect"),o("smoothly-button",{key:"6319b234d80bb29370f55225bae9fef3278dee83",type:"link",link:new URL("/redirect",window.location.origin).href},'To new URL("redirect")'),o("smoothly-button",{key:"a842d75971928d0a6d0738009da122244d7b95a0",type:"link",link:"redirect/nested"},"To redirect nested"))}};Ni.style=Ui();const Yi=()=>`.sc-smoothly-theme-guide-h{max-width:50ch}`;const Wi=class{constructor(e){t(this,e)}render(){return[o("smoothly-display",{key:"504bfdf471aa62a566cb5ac96654b9e00d88e292"},"Tint is used as background to highlight, for example hovering an item in the select menu."),o("br",{key:"9eb11da56a43e89a690df6872cb34900f565ff75"}),o("smoothly-display",{key:"1955543920f4ea9c106d44a2d795fe2bde0df1f5"},"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:"cc09a61f2e021b2782fd63734b07c21973e4cd56"}),o("smoothly-display",{key:"9e26806ea2d6f725073f674a9f19c8d9b916c223"},"Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),o("br",{key:"1e0130f07d2a001fc206190d93c660f117596899"}),o("smoothly-display",{key:"4c7cdf267964d06803f03ff567ab0cb881b709b8"},"One can use the ","<smoothly-color>"," component to switch between what color set is used."," "),o("br",{key:"b2abb2ebff2bf2a5f329e5665f9bcf7c11b65bfc"})]}};Wi.style=Yi();const Bi=()=>``;const Vi=class{constructor(e){t(this,e);this.element="smoothly-css"}render(){return o(s,{key:"70e3737e113724291c1decf423e6cd39733763a7"},o("smoothly-input-select",{key:"eed6362c4c845f26fe45ab80a36261a851146a32",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:"39e4c5e3793f19cc007f3a8b96988922a09109cf",slot:"label"},"Select theme"),o("slot",{key:"ea07c5aaee7e847991b27358eef479edb0105f91"})))}};Vi.style=Bi();const Gi=()=>`.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 Ki=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:"0291d49b2ab1c542e752a3a694b5e15f446be27c"},o("button",{key:"2be03163917c089e2a81404556996c93befeafa3",type:"button",disabled:this.disabled,onClick:()=>this.handleClick()},o("smoothly-icon",{key:"a261b04197599fa3c80fedc502a532043e943bbe",color:this.color,name:!this.checkmark?"ellipse":this.selected?"checkmark-circle":"close-circle",fill:"clear",class:{selected:this.selected}})))}};Ki.style=Gi();const qi=()=>`.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 Zi=class{constructor(e){t(this,e)}render(){return o(s,{key:"470464d6d37e40e5f340822febb85cfb8d287267"},o("h4",{key:"fdb67153afb84fa7d734bf1f701def5b647f6ce7"},"Toggle switches"),o("div",{key:"bc4bf67807f2bba85c1bc42e7c5376eee516995e"},o("p",{key:"07fda130d51c52347d2ac0680b2044f25f0fa994"},"Checkmark"),o("span",{key:"1c444c3c73daf0130db447e44cb031f24abd01f8"},o("p",{key:"cdd900d00acb877aa76c9ae55c5cb083049abb43"},"Tiny"),o("smoothly-toggle-switch",{key:"a37f5af8a756a3b31a04ab5935a4b8a0bfbef243",disabled:false,size:"tiny"})),o("span",{key:"0b0dc28ca00a27fd8b234b89ae71ea293f84df65"},o("p",{key:"14076ac015952db2b5ebe528085c5ca9c6c383b8"},"Small"),o("smoothly-toggle-switch",{key:"ea50543c67201c279a5f4a2807ba8b23d2ebff13",disabled:false,size:"small"})),o("span",{key:"d45cf2681dfdbf26f6acc66dab5bcf37ab051d0b"},o("p",{key:"a3ca4cf338454d0276e4b4caddad85225ce41676"},"Standard"),o("smoothly-toggle-switch",{key:"99a061952aa9c18b40f40cb6e5bfaaac0ee9e016",disabled:false})),o("span",{key:"451ea07c909458ae1033a3362d07d0f5974dc3e6"},o("p",{key:"b60a09266e15ce4ae54ca1c9bf05aceca06aed05"},"Large"),o("smoothly-toggle-switch",{key:"eb7f4deceae4b69ec5bcc8fb5a140d76be1fe4cd",disabled:false,size:"large"})),o("p",{key:"ad75b8c6bddd9f59246a42d78056c51a8231713d"},"Colors checkmark"),o("span",{key:"633ebf151c353aa20662b9cc0c6fc7ef2d27f659"},o("p",{key:"0ecb5da92182163deb10667fb1cfbeeeb91a4f95"},"Danger"),o("smoothly-toggle-switch",{key:"9f8b43c2fbdb0f1d56d564ba936740c56cd19615",color:"danger",disabled:false,size:"small"})),o("span",{key:"29eba3b1395741d2cd8821725ab2720f8c2bfc65"},o("p",{key:"4de96be58373d873576be6ab6b8244444795cd88"},"Primary color"),o("smoothly-toggle-switch",{key:"1268bb9b2081aeff88bdb4ed657d7ea05f10fb69",color:"primary",disabled:false,size:"small"})),o("span",{key:"40baf7b8cf63b0b401107ad780246da0192468e5"},o("p",{key:"efa762aff61e90aa7a9e5be8290c84e8c8ec570d"},"Secondary color"),o("smoothly-toggle-switch",{key:"a648aa6596da331b42a06917bf5e69ce92efc6d6",color:"secondary",disabled:false,size:"small"})),o("p",{key:"8b105d3cfa1bc78a0f818a7661240ebbf6475ca4"}),o("p",{key:"274e9e35dcb487642858cbe7d6f73dd61ab6f865"},"Colors no checkmark"),o("span",{key:"3e919b9d7b34da5733153911758268b52678c9fb"},o("p",{key:"500fc3bde72ce1af1a0cda2027a98f5568a029e0"},"Danger"),o("smoothly-toggle-switch",{key:"2292abd9acac252aa8633ffb1427a6961c6a9928",checkmark:false,color:"danger",disabled:false,size:"small"})),o("span",{key:"47516027ff4083165416e71475e262d1e6f3aed8"},o("p",{key:"e345a770b485052b082ed2d88ba3dce0099da701"},"Primary color"),o("smoothly-toggle-switch",{key:"79896d7ff3091c6af545a3352668c7daaf8491cb",checkmark:false,color:"primary",disabled:false,size:"small"})),o("span",{key:"afc9c9d03135b7cebfa6866cccb8ab993f1fa5f4"},o("p",{key:"39b9563fd95bd730a05ecda2e0ddb3db96503d08"},"Secondary color"),o("smoothly-toggle-switch",{key:"02623b5220ccb3d547dda23d2eae0216ca20fd77",checkmark:false,color:"secondary",disabled:false,size:"small"}))))}};Zi.style=qi();const Xi=()=>`.sc-smoothly-trigger-h{display:block;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-trigger-h{display:none}[disabled].sc-smoothly-trigger-h{opacity:0.5}.sc-smoothly-trigger-h>button.sc-smoothly-trigger{border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-trigger-h:not([disabled]):hover,.sc-smoothly-trigger-h:not([disabled]):focus,.sc-smoothly-trigger-h:not([disabled]):active{border-color:var(--smoothly-trigger-border)}[expand=full].sc-smoothly-trigger-h>button.sc-smoothly-trigger,[expand=block].sc-smoothly-trigger-h>button.sc-smoothly-trigger{width:100%}[expand=full].sc-smoothly-trigger-h{border-left:none;border-right:none}`;const Ji=class{constructor(o){t(this,o);this.trigger=e(this,"trigger");this.disabled=false;this.type="button"}onClick(t){this.trigger.emit({name:this.name,value:this.value});t.stopPropagation();t.preventDefault()}render(){let t;switch(this.type){case"link":t=this.disabled?o("slot",null):o("a",{onClick:t=>this.onClick(t)},o("slot",null));break;case"button":t=o("button",{key:"3df0af31da21f4eeb53048b22a0a1fe9f37b608d",disabled:this.disabled,name:this.name},o("slot",{key:"9566f4ff09d80a9b4c1d9d79acef49609cd3a425"}));break}return t}};Ji.style=Xi();export{j as smoothly_app,L as smoothly_app_demo,Dt as smoothly_app_room,Lt as smoothly_back_to_top,Rt as smoothly_burger,$t as smoothly_button,Et as smoothly_button_confirm,Pt as smoothly_button_demo,Ft as smoothly_button_demo_standard,Vt as smoothly_calendar,Zt as smoothly_date_text,Jt as smoothly_dialog,te as smoothly_dialog_demo,Be as smoothly_display,Ve as smoothly_display_demo,Ke as smoothly_display_demo_json,Je 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,hs as smoothly_form_demo_date_range,ms as smoothly_form_demo_login,bs as smoothly_form_demo_pet,us as smoothly_form_demo_prices,gs as smoothly_form_demo_schedule,ks as smoothly_form_demo_transparent,xs as smoothly_form_demo_typed,Ss as smoothly_frame,Is as smoothly_icon,Ds as smoothly_icon_demo,$s as smoothly_input,Es as smoothly_input_checkbox,Ps as smoothly_input_clear,Fs as smoothly_input_color,Us as smoothly_input_color_demo,Ys as smoothly_input_date,Bs as smoothly_input_date_demo,Gs as smoothly_input_date_range,qs as smoothly_input_date_time,Xs 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,ha as smoothly_input_price_demo,ya as smoothly_input_radio,ua as smoothly_input_radio_item,fa as smoothly_input_range,ga as smoothly_input_range_demo,va as smoothly_input_reset,Ia as smoothly_input_select,Da as smoothly_input_submit,La as smoothly_item,Ra as smoothly_label,$a as smoothly_lazy,Ma as smoothly_load_more,Oa as smoothly_modal,Ha as smoothly_notification,Ua as smoothly_notifier,Na as smoothly_notifier_demo,Wa as smoothly_spinner,Va as smoothly_summary,Ka as smoothly_tab,Za as smoothly_table,Ja as smoothly_table_body,ti as smoothly_table_cell,oi as smoothly_table_demo,ai as smoothly_table_demo_colspan,li as smoothly_table_demo_filler_row,ri as smoothly_table_demo_group,hi as smoothly_table_demo_nested_no_cell,yi as smoothly_table_demo_nested_no_cell_inner,ui as smoothly_table_demo_simple,gi as smoothly_table_expandable_cell,vi as smoothly_table_expandable_row,xi as smoothly_table_filler_row,Si as smoothly_table_foot,Ii as smoothly_table_head,Di as smoothly_table_row,Li as smoothly_table_row_group,Ri as smoothly_tabs,$i as smoothly_tabs_demo,Ei as smoothly_theme_color,Pi as smoothly_theme_color_variant,Fi as smoothly_theme_colors,Ni as smoothly_theme_demo,Wi as smoothly_theme_guide,Vi as smoothly_theme_picker,Ki as smoothly_toggle_switch,Zi as smoothly_toggle_switch_demo,Ji as smoothly_trigger};
+//# sourceMappingURL=p-43e4b703.entry.js.map