npm - smoothly - Versions diffs - 0.3.62 → 0.3.64 - Mend

smoothly 0.3.62 → 0.3.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/dist/cjs/loader.cjs.js +1 -1
package/dist/cjs/smoothly-accordion_53.cjs.entry.js +4 -3
package/dist/cjs/smoothly.cjs.js +1 -1
package/dist/collection/components/input/index.js +1 -0
package/dist/collection/components/input-date-range/index.js +22 -2
package/dist/collection/components/input-date-range/style.css +1 -1
package/dist/custom-elements/index.js +4 -3
package/dist/esm/loader.js +1 -1
package/dist/esm/smoothly-accordion_53.entry.js +4 -3
package/dist/esm/smoothly.js +1 -1
package/dist/smoothly/p-06dc5d78.entry.js +1 -0
package/dist/smoothly/smoothly.esm.js +1 -1
package/dist/types/components/input-date-range/index.d.ts +1 -1
package/dist/types/components.d.ts +1 -0
package/package.json +1 -1
package/dist/smoothly/p-389c9358.entry.js +0 -1

package/dist/smoothly/p-06dc5d78.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,h as o,a as e,c as s,H as i}from"./p-c88ae468.js";import{r as l,A as n,N as r}from"./p-675a8d09.js";import{T as a,M as h,a as c}from"./p-db43430d.js";import"./p-bd478a53.js";import{D as d,L as m,g as u,a as p,C as y,b,c as g}from"./p-a14dfd75.js";const v=class{constructor(o){t(this,o),this.items=[],this.value=void 0}valueChanged(t){this.updateItems()}handleOpenClose(t){t.detail.open?this.value=t.detail.name:this.value==t.detail.name&&(this.value=void 0)}onAccordionItemDidLoad(t){const o=t.target;this.items.push(o),null==this.value&&o.open?this.value=o.name:this.updateItems()}onAccordionItemDidUnload(t){const o=this.items.indexOf(t.target);o>-1&&this.items.splice(o,1)}componentDidLoad(){this.updateItems()}updateItems(){let t=!1;for(const o of this.items)(o.open=!t&&o.name==this.value)&&(t=!0)}render(){return[o("slot",null)]}get me(){return e(this)}static get watchers(){return{value:["valueChanged"]}}};v.style="smoothly-accordion-item.sc-smoothly-accordion{border:1px solid rgb(var(--smoothly-dark-color));border-bottom:none}smoothly-accordion-item.sc-smoothly-accordion:first-of-type{border-top-left-radius:4px;border-top-right-radius:4px;margin-top:0.4em}smoothly-accordion-item.sc-smoothly-accordion:last-of-type{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:1px solid rgb(var(--smoothly-dark-color));margin-bottom:0.6em}smoothly-accordion-item[open].sc-smoothly-accordion{border-color:rgb(var(--smoothly-primary-color));border-bottom:1px solid rgb(var(--smoothly-primary-color))}smoothly-accordion-item[open].sc-smoothly-accordion+smoothly-accordion-item.sc-smoothly-accordion{border-top:none}";const f=class{constructor(o){t(this,o),this.smoothlyAccordionItemDidLoad=s(this,"smoothlyAccordionItemDidLoad",7),this.smoothlyAccordionItemDidUnload=s(this,"smoothlyAccordionItemDidUnload",7),this.smoothlyOpen=s(this,"smoothlyOpen",7),this.smoothlyClose=s(this,"smoothlyClose",7),this.name=void 0,this.brand=void 0,this.open=void 0}openChanged(t){this.open=t,t&&this.smoothlyOpen.emit({open:!0,name:this.name})}componentDidLoad(){const t=this.me.getElementsByTagName("summary");if(t.length>0){const o=t=>{this.open?this.smoothlyClose.emit({open:this.open,name:this.name}):this.open=!0,t.preventDefault()};t[0].addEventListener("click",o),t[0].addEventListener("touch",o)}this.smoothlyAccordionItemDidLoad.emit()}disconnectedCallback(){this.smoothlyAccordionItemDidUnload.emit()}render(){return o("details",{open:this.open},o("summary",null,o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},o("path",this.open?{d:"M256 48C141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208S370.4 48 256 48zm-42.7 318.9L106.7 260.3l29.9-29.9 76.8 76.8 162.1-162.1 29.9 29.9-192.1 191.9z"}:{d:"M256 48C141.601 48 48 141.601 48 256s93.601 208 208 208 208-93.601 208-208S370.399 48 256 48zm0 374.399c-91.518 0-166.399-74.882-166.399-166.399S164.482 89.6 256 89.6 422.4 164.482 422.4 256 347.518 422.399 256 422.399z"})),this.name,"string"==typeof this.brand?o("span",{class:this.brand.toLowerCase()},this.brand):Array.isArray(this.brand)?this.brand.map((t=>o("span",{class:t.toLowerCase()},t))):[]),o("fieldset",{disabled:!this.open,name:this.name},o("slot",null)))}get me(){return e(this)}static get watchers(){return{open:["openChanged"]}}};f.style=".sc-smoothly-accordion-item-h{display:block}[hidden].sc-smoothly-accordion-item-h{display:none}details.sc-smoothly-accordion-item{padding:0}details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item>span.sc-smoothly-accordion-item{float:right;margin:0.2em;font-size:60%}details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item{font-size:120%;list-style-type:none;cursor:pointer;padding:0.4em;color:rgb(var(--smoothly-text-tint))}details.sc-smoothly-accordion-item>fieldset.sc-smoothly-accordion-item{border:none;margin:0;padding:0}[open].sc-smoothly-accordion-item-h>details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item::-webkit-details-marker{display:none}details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item>svg.sc-smoothly-accordion-item{width:1em;height:auto;margin-bottom:-0.2em;margin-right:0.4em}[open].sc-smoothly-accordion-item-h>details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item>svg.sc-smoothly-accordion-item{fill:rgb(var(--smoothly-primary-contrast))}.sc-smoothly-accordion-item-h:not([open])>details.sc-smoothly-accordion-item>summary.sc-smoothly-accordion-item>svg.sc-smoothly-accordion-item{fill:rgb(var(--smoothly-text-tint))}";const w=class{constructor(o){t(this,o),this.color=void 0}render(){return o("smoothly-notifier",null,o("slot",{name:"header"}),o("slot",{name:"main"}),o("slot",null))}};w.style="smoothly-app{display:block;scrollbar-width:none}smoothly-app[hidden]{display:none}smoothly-app[color=default],smoothly-app:not([color]){--smoothly-app-background:var(--smoothly-default-color);--smoothly-app-color:var(--smoothly-default-contrast);--smoothly-app-hover-background:var(--smoothly-primary-color);--smoothly-app-hover-color:var(--smoothly-primary-contrast);--smoothly-app-shadow:var(--smoothly-default-shadow)}smoothly-app[color=primary]{--smoothly-app-background:var(--smoothly-primary-shade);--smoothly-app-color:var(--smoothly-primary-contrast);--smoothly-app-hover-background:var(--smoothly-secondary-color);--smoothly-app-hover-color:var(--smoothly-secondary-contrast);--smoothly-app-shadow:var(--smoothly-primary-shadow)}smoothly-app[color=secondary]{--smoothly-app-background:var(--smoothly-secondary-shade);--smoothly-app-color:var(--smoothly-secondary-contrast);--smoothly-app-hover-background:var(--smoothly-primary-color);--smoothly-app-hover-color:var(--smoothly-primary-contrast);--smoothly-app-shadow:var(--smoothly-secondary-shadow)}smoothly-app[color=tertiary],smoothly-app[color=success],smoothly-app[color=warning],smoothly-app[color=danger]{--smoothly-app-background:var(--smoothly-color-shade);--smoothly-app-color:var(--smoothly-color-contrast);--smoothly-app-hover-background:var(--smoothly-default-shade);--smoothly-app-hover-color:var(--smoothly-default-contrast);--smoothly-app-shadow:var(--smoothly-color-shadow)}smoothly-app>smoothly-notifier>header{position:fixed;top:0;left:0;width:100%;z-index:5;height:5rem;background-color:rgb(var(--smoothly-app-background));color:rgba(var(--smoothly-medium-color));fill:rgb(var(--smoothly-medium-color));stroke:rgb(var(--smoothly-medium-color));display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px 0 rgba(var(--smoothly-app-shadow));border-bottom:1px solid rgba(var(--smoothly-dark-color))}smoothly-app>smoothly-notifier>header a{color:inherit;text-decoration:inherit}smoothly-app>smoothly-notifier>header>nav{width:100%;flex-shrink:2}smoothly-app>smoothly-notifier>header>h1,smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul,smoothly-app>smoothly-notifier>header>nav>ul li,smoothly-app>smoothly-notifier>header>nav>ul li>*:not(a){display:flex;height:100%;margin:0}smoothly-app>smoothly-notifier>header>h1{margin-left:3.8rem}smoothly-app>smoothly-notifier>header>h1>a{overflow:hidden;user-select:none;height:200%;display:flex;align-self:center;size:100%;background-position-y:center}smoothly-app>smoothly-notifier>header>nav>ul>li a{line-height:1.6cm}smoothly-app>smoothly-notifier>header>nav>ul{width:100%}smoothly-app>smoothly-notifier>header>[slot=header]{margin-right:2.1rem;border:0}smoothly-app>smoothly-notifier>header>[slot=header]>a{display:flex;border-width:0;align-items:center;margin-right:3.9rem}smoothly-app>smoothly-notifier>header>[slot=header]>a>smoothly-icon{fill:rgb(var(--smoothly-primary-shade));stroke:rgb(var(--smoothly-primary-shade));color:rgb(var(--smoothly-primary-shade))}smoothly-app>smoothly-notifier>header>nav>ul li a{display:flex;height:2.3rem;margin:0 0.4cm;text-decoration:none}smoothly-app>smoothly-notifier>header>nav>ul li>a{display:flex;align-items:center;align-self:center;margin-bottom:2px}smoothly-app>smoothly-notifier>header>nav>ul li smoothly-trigger.sc-smoothly-trigger-h{border:0}smoothly-app>smoothly-notifier>header>nav>ul li>a>smoothly-icon>svg{fill:rgb(var(--smoothly-medium-color));stroke:rgb(var(--smoothly-medium-color));color:rgb(var(--smoothly-medium-color));align-items:center;display:flex}smoothly-app>smoothly-notifier>header>nav>ul li>a:hover>smoothly-icon>svg,smoothly-app>smoothly-notifier>header>nav>ul li>a.active>smoothly-icon>svg{color:rgb(var(--smoothly-app-color));stroke:rgb(var(--smoothly-app-color));fill:rgb(var(--smoothly-app-color))}smoothly-app>smoothly-notifier>header>nav>ul li>smoothly-trigger.active a>smoothly-icon,smoothly-app>smoothly-notifier>header>nav>ul li>smoothly-trigger:hover a>smoothly-icon,smoothly-app>smoothly-notifier>header>nav>ul li a:hover,smoothly-app>smoothly-notifier>header>nav>ul li a.active{border-bottom:2px solid rgb(var(--smoothly-app-color));margin-bottom:0px;border-bottom-width:2px;color:rgb(var(--smoothly-app-color));stroke:rgb(var(--smoothly-app-color));fill:rgb(var(--smoothly-app-color))}smoothly-app>smoothly-notifier>main{position:relative;top:5rem}";const x=class{constructor(o){t(this,o),this.baseUrl=void 0}render(){return o(n,{label:"Smoothly Demo"},o("a",{slot:"nav-start",href:"display"},"Display"),o("a",{slot:"nav-start",href:"https://google.com"},"External"),o("smoothly-room",{path:""},o("smoothly-input",{type:"text"},"Default"),o("div",{style:{padding:"1em",maxWidth:"12em"}},o("smoothly-button",{fill:"solid",color:"danger",link:"https://google.com"},"open"),o("smoothly-button",{fill:"solid",color:"danger",link:"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",download:!0},"download"),o("smoothly-button",{fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),o("smoothly-button",{disabled:!0,fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),o("smoothly-button",{type:"link",fill:"clear",color:"danger",onClick:()=>alert("clicked")},"action link"))),o("smoothly-room",{path:"input",label:"Input"},o("smoothly-input-demo",null)),o("smoothly-room",{path:"dialog",label:"Dialog"},o("smoothly-dialog-demo",null)),o("smoothly-room",{path:"display",label:"Display",icon:"eye-outline"},o("smoothly-display-demo",null)),o("smoothly-room",{path:"table",label:"Table"},o("smoothly-table-demo",null)),o("smoothly-room",{path:"select",label:"Select"},o("smoothly-select-demo",null)),o("smoothly-room",{path:"icon",label:"Icon"},o("smoothly-icon-demo",null)),o("smoothly-room",{path:"/redirect",label:"Redirect"},o("smoothly-button",{style:{"max-width":"300px"},onClick:()=>{l("/routing/pathParameter1")}},"Internal"),o("smoothly-button",{style:{"max-width":"300px"},onClick:()=>{l("https://google.com")}},"External"),o("smoothly-button",{disabled:!0,style:{"max-width":"300px"},onClick:()=>{l("https://google.com")}},"External")),o("smoothly-room",{path:/^\/routing\/\w+\/?/,label:"No effect"},o("h2",null,"Regex routing")),o("smoothly-room",{path:"old",label:"Old",to:"select"}),o("span",{slot:"header",style:{width:"100%",maxWidth:"500px"}},o("smoothly-picker",{label:"All Animals Selected",style:{minWidth:"100px"},labelSetting:"hide","empty-menu-label":"Sorry, we're out of options.","max-height":"58px",multiple:!0,"select-none-name":"Select All",options:[{name:"Big Dog",value:"dog",aliases:["WOFF"]},{name:"Cat Stevens",value:"cat",aliases:["moew"],hint:"moew 🐈"},{name:"Noble Pig",value:"pig",hint:"🐷"},{name:"Turtle Wax",value:"turtle"},{name:"Spider Man",value:"spider"},{name:"Phoenix Order Long Wooord",value:"phoenix"},{name:"Horse Back",value:"horse"},{name:"Unicorn Horn",value:"unicorn"},{name:"Talking Parrot Parrot",value:"parrot"},{name:"Hidden Dragon",value:"dragon"},{name:"Scary Kraken",value:"kraken"}]})),o("smoothly-trigger",{slot:"header",type:"link",name:"logout"},o("smoothly-icon",{toolTip:"Log out",name:"log-out",size:"medium"})))}},k=class{constructor(o){t(this,o),this.opacity="0.5",this.bottom="1rem",this.right="1rem",this.visible=void 0}componentWillLoad(){window.addEventListener("scroll",(()=>{this.visible=document.body.scrollTop>20||document.documentElement.scrollTop>20}))}render(){return o(i,{style:{"--opacity":this.visible?this.opacity:"0","--pointer-events":this.visible?"auto":"none","--bottom":this.bottom,"--right":this.right},onClick:()=>window.scrollTo({top:0,left:0,behavior:"smooth"})},o("smoothly-icon",{name:"chevron-up-outline"}))}};k.style=".sc-smoothly-backtotop-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 S=class{constructor(o){t(this,o),this.color=void 0,this.expand=void 0,this.fill=void 0,this.disabled=!1,this.type="button",this.link=void 0,this.download=void 0}render(){let t;switch(this.type){case"link":t=this.disabled?o("slot",null):o("a",{href:this.link},o("slot",null));break;case"button":t=this.link?this.disabled?o("slot",null):o("a",{href:this.link,target:"_blank",download:this.download},o("slot",null)):o("button",{disabled:this.disabled},o("slot",null))}return t}};function C(t){const o=new globalThis.Date(t),e=[];for(let s=0;s<12;s++){o.setMonth(s,28);const i=d.create(o);e.push({date:i,name:o.toLocaleString(void 0,{month:"long"}),selected:i.substring(0,7)==t.substring(0,7)})}return e}function z(t){const o=new globalThis.Date(t),e=(new Date).getFullYear()-10,s=(new Date).getFullYear()+10,i=[];for(let l=e;l<=s;l++){o.setFullYear(l);const e=d.create(o);i.push({date:e,name:o.toLocaleString(void 0,{year:"numeric"}),selected:e==t})}return i}S.style="[type=link].sc-smoothly-button-h{display:inline;border:none}.sc-smoothly-button-h:not([type=link]){display:flex;align-items:center;justify-content:center}.sc-smoothly-button-h{margin:1em;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-button-h{display:none}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}a.sc-smoothly-button,button.sc-smoothly-button{display:block;border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-button-h:not([disabled]):hover,.sc-smoothly-button-h:not([disabled]):focus,.sc-smoothly-button-h:not([disabled]):active{border-color:var(--smoothly-button-border)}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{display:block;text-align:center;text-decoration:inherit}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{width:calc(100% - 0.6em)}.sc-smoothly-button-h>button.sc-smoothly-button{height:100%;width:100%}[expand=fill].sc-smoothly-button-h{width:100%;border-left:none;border-right:none}";const D=class{constructor(o){t(this,o),this.valueChanged=s(this,"valueChanged",7),this.startChanged=s(this,"startChanged",7),this.endChanged=s(this,"endChanged",7),this.dateSet=s(this,"dateSet",7),this.dateRangeSet=s(this,"dateRangeSet",7),this.clickCounter=0,this.month=void 0,this.value=d.now(),this.start=void 0,this.end=void 0,this.max=void 0,this.min=void 0,this.doubleInput=void 0,this.color=void 0,this.firstSelected=void 0}onStart(t){this.startChanged.emit(t)}onEnd(t){this.endChanged.emit(t)}onClick(t){this.valueChanged.emit(this.value=t),this.clickCounter+=1,this.doubleInput&&(this.clickCounter%2==1?this.start=this.end=this.frozenDate=t:this.start&&t>this.start?this.end=t:this.start=t),!this.doubleInput&&this.dateSet.emit(this.value),this.doubleInput&&this.clickCounter%2==0&&this.start&&this.end&&this.dateRangeSet.emit({start:this.start,end:this.end})}onHover(t){this.doubleInput&&this.clickCounter%2==1&&(t<this.frozenDate?(this.start=t,this.end=this.frozenDate):(this.start=this.frozenDate,this.end=t))}render(){var t,e;return o(i,null,o("smoothly-input-month",{value:null!==(t=this.month)&&void 0!==t?t:this.value,onValueChanged:t=>{this.month=t.detail,t.stopPropagation()}}),o("table",null,o("thead",null,o("tr",null,function(){const t=new globalThis.Date;t.setDate(t.getDate()-t.getDay()+1);const o=[];for(let e=0;e<7;e++)o.push(t.toLocaleString(void 0,{weekday:"short"})),t.setDate(t.getDate()+1);return o}().map((t=>o("th",null,t))))),function(t){const o=new Date(t);o.setDate(1);let e=-(o.getDay()+6)%7+1;const s=[];for(let o=0;o<6;o++){const i=[];for(let o=0;o<7;o++){const o=new Date(t);o.setUTCDate(e++),i.push(d.create(o))}(o<5||d.firstOfMonth(i[0])==d.firstOfMonth(t))&&s.push(i)}return s}(null!==(e=this.month)&&void 0!==e?e:this.value).map((t=>o("tr",null,t.map((t=>{var e,s,i;return o("td",{tabindex:1,onMouseOver:()=>{!this.doubleInput&&(this.min||this.max)&&(t<this.min||t>this.max)||this.onHover(t)},onClick:(this.min||this.max)&&(t<this.min||t>this.max)?void 0:()=>this.onClick(t),class:(t==this.value?["selected"]:[]).concat(...t==d.now()?["today"]:[],d.firstOfMonth(null!==(e=this.month)&&void 0!==e?e:this.value)==d.firstOfMonth(t)?["currentMonth"]:[],this.doubleInput?this.start==t||this.end==t?["selected"]:t>=(null!==(s=this.start)&&void 0!==s?s:"")&&t<=(null!==(i=this.end)&&void 0!==i?i:"")?["dateRange"]:[]:"").concat(...this.min||this.max?t<this.min||t>this.max?["disable"]:[]:"").join(" ")},t.substring(8,10))})))))))}get element(){return e(this)}static get watchers(){return{start:["onStart"],end:["onEnd"]}}};function _(t,o){let e;if(o){m.is(o)||(o=u(o));const s=o&&t[o];e=s?_(s):Y}else{const o=t;e=(t,...e)=>{const s=o[t];return s?"function"==typeof s?s(...e):e.length>0?Y(s,...e):s:Y(t,...e)}}return e}function Y(t,...o){return o.length>0?o.reduce(((t,o,e)=>t.replace("$"+e,o)),t):t}D.style="html smoothly-notifier .sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding-bottom:1rem}html smoothly-notifier [color].sc-smoothly-calendar-h{background-color:rgb(var(--smoothly-color-shade))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{width:calc(100% - 1em);padding:0.5em 0.5em 0 0.5em;background-color:rgb(var(--smoothly-color-shade))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}th.sc-smoothly-calendar,td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;background-color:rgb(var(--smoothly-color-shade));cursor:pointer;user-select:none}td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-color-contrast))}td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-color-contrast), var(--other-month-opacity))}td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-color-contrast))}td.sc-smoothly-calendar:nth-child(6),td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-danger-tint))}td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-danger-tint), var(--other-month-opacity))}td.sc-smoothly-calendar:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}td.sc-smoothly-calendar:not(.selected,.dateRange).sc-smoothly-calendar:not(:hover).today{background:rgb(var(--smoothly-dark-tint));color:rgb(var(--smoothly-dark-contrast))}td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}td.disable.sc-smoothly-calendar{cursor:not-allowed;background-color:rgb(var(--smoothly-color-tint), 0.5);color:rgb(var(--smoothly-color-contrast), 0.5)}";const $={"Select all":"Markera alla","Deselect all":"Avmarkera alla",Select:"Markera",Deselect:"Avmarkera"};function O(t){return _({sv:$},t)}const j=class{constructor(o){t(this,o),this.checked=s(this,"checked",7),this.selectAll=!1,this.size="small",this.intermediate=void 0,this.selected=void 0,this.disabled=void 0,this.t=void 0}componentWillLoad(){this.t=O(this.element)}toggle(){this.disabled||(this.selected=!this.selected,this.checked.emit({selected:this.selected}))}render(){return[o("smoothly-icon",{toolTip:this.t(this.selectAll?"Deselect all":"Deselect"),onClick:()=>this.toggle(),style:{display:this.selected?"":"none"},size:this.size,name:"checkbox-outline"}),o("smoothly-icon",{toolTip:this.t(this.intermediate&&!this.selected?"Deselect all":"Select all"),onClick:()=>this.toggle(),style:{display:this.intermediate&&!this.selected?"":"none"},size:this.size,name:"remove-outline"}),o("smoothly-icon",{toolTip:this.t(this.selectAll?"Select all":"Select"),onClick:()=>this.toggle(),style:{display:this.selected?"none":""},size:this.size,name:"square-outline"})]}get element(){return e(this)}};j.style=".sc-smoothly-checkbox-h{display:block}[hidden].sc-smoothly-checkbox-h{display:none}smoothly-icon.sc-smoothly-checkbox{cursor:pointer}smoothly-icon.sc-smoothly-checkbox:nth-child(2){position:absolute;transform:scaleX(0.6)}[disabled].sc-smoothly-checkbox-h smoothly-icon.sc-smoothly-checkbox{stroke:rgba(var(--smoothly-color-contrast), 0.3)}";const L=class{constructor(o){t(this,o),this.color=void 0,this.open=!0,this.closable=!1,this.header=void 0}TriggerListener(t){a.is(t.detail)&&"close"==t.detail.name&&(this.open=!1)}hostData(){return{style:{display:this.open?"block":"none"}}}__stencil_render(){return[o("header",null,this.closable?o("smoothly-trigger",{fill:"clear",name:"close"},o("smoothly-icon",{name:"close-circle",fill:"solid",color:this.color})):[],this.header?o("h1",null,this.header):o("slot",{name:"header"})),o("main",null,o("slot",null))]}render(){return o(i,this.hostData(),this.__stencil_render())}};L.style=".sc-smoothly-dialog-h{display:block;position:fixed;left:0;top:0;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>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]) header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>*.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>main.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]) main.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}";const A=class{constructor(o){t(this,o)}render(){return o("smoothly-dialog",{color:"default",style:{"margin-top":"6vh"},closable:!0},o("smoothly-frame",{url:"https://www.wikipedia.org/",name:"parent",style:{height:"80vh"}}))}};function E(t,o,e){const s=/([\wåäöüéáúíóßðœøæñµçþ_]+|[@-]+)/gi;return"backward"==e?function(t,o,e){let s,i=0;for(;null!=(s=e.exec(t))&&e.lastIndex-s[0].length<o;)i=e.lastIndex-s[0].length;return i}(t,o,s):function(t,o,e){let s=0;for(;null!=e.exec(t)&&(s=e.lastIndex,!(e.lastIndex>o)););return e.lastIndex<=o&&(s=t.length),s}(t,o,s)}var I,T,M;!function(t){t.getCursor=function(t){return"backward"==t.direction?t.start:t.end},t.getStalker=function(t){return"backward"!=t.direction?t.start:t.end}}(I||(I={})),function(t){t.copy=function(t){return{value:t.value,selection:{start:t.selection.start,end:t.selection.end,direction:t.selection.direction}}}}(T||(T={}));class N{constructor(t){this.value=t.value,this.selection={start:t.selection?.start,end:t.selection?.end,direction:t.selection?.direction}}get(t,o=1){return this.value.substr(t,o)}is(t,...o){const e=this.get(t);return o.some((t=>e==t))}isDigit(t){const o=this.get(t);return o>="0"&&o<="9"}match(t){return this.value.match(t)}replace(t,o,e){let s;if("string"==typeof t&&"string"==typeof o){let e;for(s=this;(e=s.value.indexOf(t))>-1;)s=s.replace(e,e+t.length,o)}else if("number"==typeof t&&"number"==typeof o){const i={value:this.value,selection:{start:this.selection.start,end:this.selection.end,direction:this.selection.direction}};e||(e=""),i.value=this.value.slice(0,t)+e+this.value.slice(o,this.value.length),this.selection.start>=o?i.selection.start=this.selection.start+e.length-o+t:this.selection.start>t&&this.selection.start<o&&(i.selection.start=Math.min(this.selection.start,t+e.length)),this.selection.end>=o?i.selection.end=this.selection.end+e.length-o+t:this.selection.end>t&&this.selection.end<o&&(i.selection.end=Math.min(this.selection.end,t+e.length)),s=new N(i)}return s||this}insert(t,o){return this.replace(t,t,o)}append(t){return this.insert(this.value.length,t)}prepend(t){return this.insert(0,t)}suffix(t){return new N({value:this.value+t,selection:this.selection})}delete(t,o){let e;if(this.value)if("string"==typeof t){let o;for(e=this;(o=e.value.indexOf(t))>-1;)e=e.delete(o,o+t.length)}else e=this.replace(t,o||t+1,"");else e=this;return e}truncate(t){return this.value.length>=t?this.delete(t,this.value.length):this}pad(t,o,e){let s=this;for(;t>s.value.length+o.length;)s=s.insert(e,o);return t>s.value.length&&(s=s.insert(e,o.substring(0,t-s.value.length))),s}padEnd(t,o){return this.pad(t,o,this.value.length)}padStart(t,o){return this.pad(t,o,0)}map(t){let o=this,e=0;for(let s=0;s<this.value.length;s++){const i=t(this.get(s),s);o=o.replace(e,e+1,i),e+=i.length}return o}static copy(t){return new N({...t})}static create(){return new N({value:"",selection:{start:0,end:0}})}static modify(t){return new N("string"==typeof t?{value:t,selection:{start:t.length,end:t.length}}:t)}}!function(t){function o(t,o,e,s){t.selection.start=o,t.selection.end=e,s&&(t.selection.direction=s)}function e(t){s(t,"")}function s(t,o){t.value=t.value.substring(0,t.selection.start)+o+t.value.substring(t.selection.end),t.selection.start=t.selection.start+o.length,t.selection.end=t.selection.start}t.apply=function(t,i,l){let n=T.copy(t.unformat(N.copy(i)));return"cc-exp"==i.autocomplete&&/^\d\d \/$/g.test(i.value)&&l?.key&&(l.key="Backspace"),l&&(l.ctrlKey||l.metaKey?"a"==l.key?o(n,0,n.value.length,"forward"):["ArrowLeft","ArrowRight"].includes(l.key)&&"password"!=i?.type?n=function(t,o,e){let s=I.getCursor(o.selection),i=I.getStalker(o.selection);return s=E(o.value,s,"ArrowLeft"==e.key?"backward":"forward"),i=e.shiftKey?i:s,T.copy(t.unformat(N.copy({...o,selection:{start:Math.min(i,s),end:Math.max(i,s),direction:i<s?"forward":i>s?"backward":"none"}})))}(t,i,l):["Delete","Backspace"].includes(l.key)&&"password"!=i?.type&&(n=function(t,o,e){const s=I.getCursor(o.selection),i=E(o.value,s,"Backspace"==e.key?"backward":"forward"),l=T.copy(t.unformat(N.copy({...o,selection:{start:Math.min(s,i),end:Math.max(s,i),direction:"none"}})));return l.value=l.value.substring(0,l.selection.start)+l.value.substring(l.selection.end),l.selection.end=l.selection.start,l}(t,i,l)):["ArrowLeft","ArrowRight","Home","End"].includes(l.key)?function(t,o){let e=I.getCursor(t.selection),s=I.getStalker(t.selection);e="Home"==o.key?0:"End"==o.key?t.value.length:t.selection.start==t.selection.end||o.shiftKey?Math.min(Math.max(e+("ArrowLeft"==o.key?-1:1),0),t.value.length):"ArrowLeft"==o.key?t.selection.start:t.selection.end,s=o.shiftKey?s:e,t.selection.direction=s<e?"forward":s>e?"backward":"none",t.selection.start=Math.min(s,e),t.selection.end=Math.max(s,e)}(n,l):["Delete","Backspace"].includes(l.key)?(n.selection.start==n.selection.end&&o(n,n.selection.start+("Backspace"==l.key?-1:0),n.selection.end+("Delete"==l.key?1:0)),e(n)):"Unidentified"!=l.key&&(e(n),t.allowed(l.key,n)&&s(n,l.key))),t.format(N.copy(n))},t.paste=function(t,o,e){const i=T.copy(t.unformat(N.copy(o)));return s(i,e),t.format(N.copy(i))}}(M||(M={}));const H={};function R(t,o){H[t]=o}function P(t,...o){const e=H[t];return e&&e(o)}function B(t,o,...e){const s=P(o,e);return s?s.format(N.modify(s.toString("string"==typeof t?function(t,o,...e){const s=P(o,e);return s?s.fromString(s.unformat(N.modify(t)).value):void 0}(t,o,e):t))).value:""}class W{toString(t){return"string"==typeof t?t:""}fromString(t){return"string"==typeof t?t:void 0}format(t){return{...t,type:"tel",autocomplete:"cc-csc",length:[3,3],pattern:/^\d{3}$/}}unformat(t){return t}allowed(t,o){return o.value.length<3&&t>="0"&&t<="9"}}R("card-csc",(()=>new W));class F{toString(t){return Array.isArray(t)&&2==t.length&&"number"==typeof t[0]&&"number"==typeof t[1]?t[0].toString().padStart(2,"0")+t[1].toString().padStart(2,"0"):""}fromString(t){return"string"==typeof t&&4==t.length?[Number.parseInt(t.slice(0,2)),Number.parseInt(t.slice(2))]:void 0}format(t){let o=t;return t.value.length>0&&!t.is(0,"0","1")&&(o=o.prepend("0")),o.value.length>1&&(o=o.insert(2," / ")),{...o,type:"tel",autocomplete:"cc-exp",length:[7,7],pattern:/^(0[1-9]|1[012]) \/ \d\d$/}}unformat(t){return t.delete(" / ")}allowed(t,o){return o.value.length<4&&t>="0"&&t<="9"}}R("card-expires",(()=>new F));class K{toString(t){return"string"==typeof t?t:""}fromString(t){return"string"==typeof t?t:void 0}format(t){const o=U(t.value);return{...t.map(((t,e)=>(0!=e&&e%4==0&&e+1<o.length[0]?" ":"")+t)),type:"tel",autocomplete:"cc-number",length:o.length.slice(1),pattern:o.verification,classes:["issuer-"+o.icon]}}unformat(t){return t.delete(" ")}allowed(t,o){const e=U(o.value);return t>="0"&&t<="9"&&o.value.length<e.length[0]}}function U(t){let o=V;for(const e in q)if(Object.prototype.hasOwnProperty.call(q,e)&&q[e].identification.test(t)){o={...V,name:e,...q[e]};break}return o}R("card-number",(()=>new K));const V={name:"unknown",verification:/^\d{19}$/,identification:/^\d/,length:[16,16,19],icon:"generic"},q={amex:{verification:/^3[47][0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{3}$/,identification:/^3[47]/,length:[15,18,18],icon:"amex"},dankort:{verification:/^(5019)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,identification:/^(5019)\d+/,length:[16,19,19],icon:"generic"},diners:{verification:/^3(?:0[0-5]|[68][0-9])[0-9]\s[0-9]{4}\s[0-9]{4}\s[0-9]{2}$/,identification:/^3(?:0[0-5]|[68][0-9])/,length:[14,17,17],icon:"diners"},discover:{verification:/^6(?:011|5[0-9]{2})\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,identification:/^6(?:011|5[0-9]{2})/,length:[16,19,19],icon:"generic"},electron:{verification:/^((4026|4405|4508|4844|4913|4917)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4})|((4175)\s(00)[0-9]{2}\s[0-9]{4}\s[0-9]{4})$/,identification:/^(4026|417500|4405|4508|4844|4913|4917)/,length:[16,19,19],icon:"generic"},interpayment:{verification:/^(636)[0-9]\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,identification:/^(636)/,length:[16,19,19],icon:"generic"},jcb:{verification:/^((?:2131|1800)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4})|(35[0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{4})$/,identification:/^(?:2131|1800|35\d{3})/,length:[16,19,19],icon:"generic"},unionpay:{verification:/^(62|88)[0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,identification:/^(62|88)/,length:[16,19,19],icon:"generic"},maestro:{verification:/^(5018|5020|5038|5612|5893|6304|6759|6761|6762|6763|0604|6390)\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,identification:/^(5018|5020|5038|5612|5893|6304|6759|6761|6762|6763|0604|6390)/,length:[16,19,19],icon:"maestro"},mastercard:{verification:/^5[1-5][0-9]{2}\s[0-9]{4}\s[0-9]{4}\s[0-9]{4}$/,identification:/^5[1-5][0-9]/,length:[16,19,19],icon:"mastercard"},visa:{verification:/^4[0-9]{3}\s[0-9]{4}\s[0-9]{4}\s[0-9](?:[0-9]{3})?$/,identification:/^4[0-9]/,length:[16,16,19],icon:"visa"}};var Z;!function(t){t.fromLocale=function(t){let o;switch(t){case"sq-AL":case"es-AR":case"it-IT":case"en-GB":case"fr-FR":o="dd/mm/YYYY";break;case"en-US":o="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":o="dd.mm.YYYY";break;case"hi-IN":case"en-IN":o="dd-mm-YYYY";break;default:o="YYYY-mm-dd"}return o},t.toLocale=function(t){let o;switch(t){case"dd/mm/YYYY":o="en-GB";break;case"mm/dd/YYYY":o="en-US";break;case"dd.mm.YYYY":o="de-DE";break;default:o="sv-SE"}return o},t.is=function(t){return"string"==typeof t&&("YYYY-mm-dd"==t||"dd/mm/YYYY"==t||"dd.mm.YYYY"==t||"mm/dd/YYYY"==t)}}(Z||(Z={}));class G{constructor(t){this.separator=t}unformat(t){return t.delete(this.separator)}validMonth(t,o,e){return new Date(Number.parseInt(e??"2004"),Number.parseInt(o),0).getDate()>=Number.parseInt(t)}}const J={};function Q(t,o){J[t]=o}R("date",(t=>{const o=t&&t.length>0?t[0]:void 0,e=Z.is(o)?o:Z.fromLocale(o);return(J[e]??J["YYYY-mm-dd"])()}));class X extends G{constructor(t){super(t)}toString(t){return 10==t?.length?[t.substring(8,10),t.substring(5,7),t.substring(0,4)].join(this.separator):""}fromString(t){const o=8==t?.length?`${t.substring(4,8)}-${t.substring(2,4)}-${t.substring(0,2)}`:void 0;return d.is(o)?o:void 0}format(t){let o=t;return o.get(0,1)>"3"&&(o=o.insert(0,"0")),o.value.length>1&&(o=o.insert(2,this.separator)),o.get(3,1)>"1"&&(o=o.insert(3,"0")),o.value.length>4&&(o=o.insert(5,this.separator)),{...o,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,o){return 1==o.selection.start&&"3"==o.value[0]?t>="0"&&t<="1":1==o.selection.start&&"0"==o.value[0]?t>="1"&&t<="9":2==o.selection.start?t>="0"&&t<="9"&&("0"==t||"1"==t||this.validMonth(o.value.substring(0,2),t)):3==o.selection.start?t>="0"&&t<="9"&&this.validMonth(o.value.substring(0,2),o.value[2]+t):7==o.selection.start?t>="0"&&t<="9"&&this.validMonth(o.value.substring(0,2),o.value.substring(2,4),o.value.substring(4,7)+t):o.selection.start<8&&t>="0"&&t<="9"}}Q("dd.mm.YYYY",(()=>new X("."))),Q("dd/mm/YYYY",(()=>new X("/"))),Q("dd-mm-YYYY",(()=>new X("-")));class tt extends G{constructor(t){super(t)}toString(t){return 10==t?.length?[t.substring(5,7),t.substring(8,10),t.substring(0,4)].join(this.separator):""}fromString(t){const o=8==t.length?`${t.substring(4,8)}-${t.substring(0,2)}-${t.substring(2,4)}`:void 0;return d.is(o)?o:void 0}format(t){let o=t;return o.get(0,1)>"1"&&(o=o.insert(0,"0")),o.value.length>1&&(o=o.insert(2,this.separator)),o.get(3,1)>("02"==o.get(0,2)?"2":"3")&&(o=o.insert(3,"0")),o.value.length>4&&(o=o.insert(5,this.separator)),{...o,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,o){return 1==o.selection.start&&"1"==o.value[0]?t>="0"&&t<="2":1==o.selection.start&&"0"==o.value[0]?t>="1"&&t<="9":3==o.selection.start?t>="0"&&t<="9"&&this.validMonth(o.value[2]+t,o.value.substring(0,2)):7==o.selection.start?t>="0"&&t<="9"&&this.validMonth(o.value.substring(2,4),o.value.substring(0,2),o.value.substring(4,7)+t):o.selection.start<8&&t>="0"&&t<="9"}}Q("mm/dd/YYYY",(()=>new tt("/")));class ot extends G{constructor(t){super(t)}toString(t){return"string"!=typeof t?"":t}fromString(t){const o=8==t?.length?`${t.substring(0,4)}-${t.substring(4,6)}-${t.substring(6,8)}`:void 0;return d.is(o)?o:void 0}daysInMonth(t){const o=`${t.substring(0,4)}-${t.substring(4,6)}-01`;return d.is(o)?+d.lastOfMonth(`${t.substring(0,4)}-${t.substring(4,6)}-01`).substring(8,10):31}format(t){let o=t;return o.value.length>3&&(o=o.insert(4,this.separator),o.get(5,1)>"1"&&(o=o.insert(5,"0")),o.value.length>6&&(o=o.insert(7,this.separator),o.get(8,1)>this.daysInMonth(t.value).toString().substring(0,1)&&(o=o.insert(8,"0")))),{...o,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,o){const e=this.daysInMonth(o.value);return 5==o.selection.start&&"0"==o.value[4]?t>="1"&&t<="9":5==o.selection.start&&"1"==o.value[4]?t>="0"&&t<="2":7==o.selection.start&&"0"==o.value[6]?t>="1"&&t<="9":7==o.selection.start&&("2"==o.value[6]&&e<30||"3"==o.value[6])?t>="0"&&t<=e.toString().substring(1):o.selection.start<8&&t>="0"&&t<="9"}}Q("YYYY-mm-dd",(()=>new ot("-")));class et{toString(t){return"string"==typeof t?t:""}fromString(t){let o=t.replace(" ","T");const e="0000-01-01T00:00:00.000Z";return o?.match(/-\d$/)&&(o=o.substring(0,o.length-1)+"0"+o.substring(o.length-1,o.length)),o=o.match(/^\d{4}-(0[1-9]|1[012])/)?o+e.substring(o.length,e.length):void 0,p.is(o)?o:void 0}format(t){let o=function(t){let o=t;switch(void 0){default:if(10==t.value.length){if(!st(o.value)){o=o.replace(0,10,st(o.value.substring(0,8)+"31")?o.value.substring(0,8)+"31":st(o.value.substring(0,8)+"30")?o.value.substring(0,8)+"30":st(o.value.substring(0,8)+"29")?o.value.substring(0,8)+"29":st(o.value.substring(0,8)+"28")?o.value.substring(0,8)+"28":o.value);break}return t}}return o}(t);return o.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])[\d:.-]$/)&&(o=o.insert(10," ")),o.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 3$/)&&(o=o.replace(11,12,"23:")),o.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) [45]$/)&&(o=o.insert(11,"23:")),o.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) [6-9]$/)&&(o=o.insert(11,"23:5")),o.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 24$/)&&(o=o.replace(10,13,"00:")),o.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 25$/)&&(o=o.insert(12,"3:")),o.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) 2[6-9]$/)&&(o=o.insert(12,"3:5").append(":")),o.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]$/)&&(o=o.insert(13,":")),o.match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) ([0-1]\d|2[0-3]):[6-9]$/)&&(o=o.insert(14,"5")),o.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$/)&&(o=o.insert(16,":")),o.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]$/)&&(o=o.insert(17,"5")),{...o,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,o){return o.value.length<19&&(t>="0"&&t<="9"||"-"==t||":"==t||"."==t||" "==t)}}function st(t,o){let e,s,i;switch(o){case"dd/mm/YYYY":case"dd.mm.YYYY":return e=parseInt(t.substring(6,10)),s=parseInt(t.substring(3,5)),i=parseInt(t.substring(0,2)),!!(e&&s&&i)&&i>0&&it(0,s)>=i;case"mm/dd/YYYY":return e=parseInt(t.substring(6,10)),s=parseInt(t.substring(0,2)),i=parseInt(t.substring(3,5)),!!(e&&s&&i)&&i>0&&it(0,s)>=i;default:return e=parseInt(t.substring(0,4)),s=parseInt(t.substring(5,7)),i=parseInt(t.substring(8,10)),!!(e&&s&&i)&&i>0&&it(0,s)>=i}}function it(t,o){let e;switch(o){case 1:case 3:case 5:case 7:case 8:case 10:case 12:default:e=31;break;case 4:case 6:case 9:case 11:e=30;break;case 2:e=28}return e}R("date-time",(()=>new et));class lt{toString(t){return Array.isArray(t)&&2==t.length&&"number"==typeof t[0]&&"number"==typeof t[1]?t[0].toString()+" / "+t[1].toString():"number"==typeof t?t.toString():""}fromString(t){return"string"==typeof t&&t.match(/^\d{1,2}\s+\/\s+\d{1,2}$/)?[Number.parseInt(t.slice(0,2)),Number.parseInt(t.slice(t.length-2))]:"string"==typeof t&&t.match(/\d{1,2}/)?Number.parseInt(t):void 0}format(t){let o=t;return t.match(/^\d\/$/)?o=t.replace(1,2," / "):t.match(/^\d{1,2}\s$/)?o=t.replace(t.value.length-1,t.value.length," / "):t.match(/^[\D.]+\/[\D.]+$/)?o=t.delete(0,t.value.length):t.match(/^[\D.]+\/[\D.]+\d$/)?o=t.delete(0,t.value.length-1):t.match(/^[\D.]+\/[\D.]+\d\d$/)?o=t.delete(0,t.value.length-2):t.match(/^[\D.]+\//)?o=t.delete(0,t.value.search("/")+1):t.match(/^\d\d\/$/)?o=t.replace(2,3," / "):t.match(/^\d\d\s+\/$/)?o=t.delete(2,t.value.length):t.match(/^\d\s+\/$/)?o=t.delete(1,t.value.length):t.match(/^\d\d\s\s+\/\s*$/)?o=t.replace(2,t.value.length," / "):t.match(/^\d\s\s+(\/\s*)?$/)?o=t.replace(1,t.value.length," / "):t.match(/^\d\s\/\s\d\d.+$/)?o=t.delete(6,t.value.length):t.value.length>1&&t.value.indexOf("/")<1?o=t.insert(2," / "):t.value.length>1&&t.value.split("/").length>2?o=t.delete(t.value.lastIndexOf("/")):1!=t.value.length||t.isDigit(0)||(o=t.delete(0)),{...o,type:"text",length:[1,7],pattern:/^(\d{1,2}|\d{1,2} \/ \d{1,2})$/}}unformat(t){return t}allowed(t,o){return o.value.length<7&&(t>="0"&&t<="9"||"/"==t||" "==t)}}R("divisor",(()=>new lt));class nt{constructor(t){this.country=t}toString(t){return"string"==typeof t?t:""}fromString(t){return"string"==typeof t?t:void 0}format(t){let o=t;const e=(new Date).getFullYear().toString();return t.value.length>1&&"19"!=t.get(0,2)&&"20"!=t.get(0,2)&&(o=o.prepend(t.get(0,2)>e.substr(2,2)?"19":"20")),o.value.length>=8&&(o=o.insert(8,"-")),{...o.truncate(13),type:"text",length:[11,13],pattern:/^\d{6,8}-\d{4}$/}}unformat(t){return t.delete("-")}allowed(t,o){return o.value.length<13&&t>="0"&&t<="9"}}R("identity-number",(t=>new nt(t&&t.length>0?t[0]:void 0)));class rt{toString(t){return"string"==typeof t?t:""}fromString(t){return"string"==typeof t?t:void 0}format(t){return{...t,type:"password",autocomplete:"current-password"}}unformat(t){return t}allowed(t,o){return!0}}R("password",(()=>new rt));class at{toString(t){return t&&"number"==typeof t?(100*t).toString():""}fromString(t){return"string"==typeof t&&Number.parseFloat(t)?Number.parseFloat(t)/100:void 0}format(t){return{...t.value?t.suffix(" %"):t,type:"text",length:[3,void 0],pattern:/^\d+(.\d)? %+$/}}unformat(t){return t.delete(" %")}allowed(t,o){return t>="0"&&t<="9"||"."==t&&!o.value.includes(".")}}R("percent",(()=>new at));const ht=[{countryCode:"+46",areaCodes:["011","0120","0121","0122","0123","0125","013","0140","0141","0142","0143","0144","0150","0151","0152","0155","0156","0157","0158","0159","016","0171","0173","0174","0175","0176","018","019","021","0220","0221","0222","0223","0224","0225","0226","0227","023","0240","0241","0243","0246","0247","0248","0250","0251","0253","0258","026","0270","0271","0278","0280","0281","0290","0291","0292","0293","0294","0295","0297","0300","0301","0302","0303","0304","031","0320","0321","0322","0325","033","0340","0345","0346","035","036","0370","0371","0372","0380","0381","0382","0383","0390","0392","0393","040","0410","0411","0413","0414","0415","0416","0417","0418","042","0430","0431","0433","0435","044","0451","0454","0455","0456","0457","0459","046","0470","0471","0472","0474","0476","0477","0478","0479","0480","0481","0485","0486","0490","0491","0492","0493","0494","0495","0496","0498","0499","0500","0501","0502","0503","0504","0505","0506","0510","0511","0512","0513","0514","0515","0520","0521","0522","0523","0524","0525","0526","0528","0530","0531","0532","0533","0534","054","0550","0551","0552","0553","0554","0555","0560","0563","0564","0565","0570","0571","0573","0580","0581","0582","0583","0584","0585","0586","0587","0589","0590","0591","060","0611","0612","0613","0620","0621","0622","0623","0624","063","0640","0642","0643","0644","0645","0647","0650","0651","0652","0653","0657","0660","0661","0662","0663","0670","0671","0672","0680","0682","0684","0687","0690","0691","0692","0693","0695","0696","08","090","0910","0911","0912","0913","0914","0915","0916","0918","0920","0921","0922","0923","0924","0925","0926","0927","0928","0929","0930","0932","0933","0934","0935","0940","0941","0942","0943","0950","0951","0952","0953","0954","0960","0961","0970","0971","0973","0975","0976","0977","0978","0980","0981","010","020","0378","070","072","073","076","079","0710","0740","0746","0749","0741","0742","0743","0744","0745","0747","075","077","078","0900","0939","0944","0969","099"]}];class ct{toString(t){return"string"==typeof t?t:""}fromString(t){return"string"==typeof t?t:void 0}format(t){let o=t;if(o.value.startsWith("+")){for(const t of ht)if(o.value.startsWith(t.countryCode))for(let e of t.areaCodes)e=e.substring(1),o.value.startsWith(t.countryCode+e)&&!o.value.includes("-")&&(o=o.insert(t.countryCode.length,"-").insert(t.countryCode.length+1+e.length,"-"))}else{const t=ht[0];for(const e of t.areaCodes)o.value.startsWith(e)&&!o.value.includes("-")&&(o=o.insert(e.length,"-"),o=o.delete(0),o=o.insert(0,"-").insert(0,t.countryCode))}if(o.value.includes("-")){const t=o.value.indexOf("-",o.value.indexOf("-")+1)+1,e=o.value.substring(t,o.value.length+1).length;switch(e){case 4:o=o.insert(t+2," ");break;case 5:o=o.insert(t+3," ");break;case 6:o=o.insert(t+2," "),o=o.insert(t+5," ");break;case 7:o=o.insert(t+3," "),o=o.insert(t+6," ");break;case 8:case 9:o=o.insert(t+3," "),o=o.insert(t+7," ")}if(e>9){const s=Math.ceil(e/3)-1;if(s>0)for(let e=0;e<s;e++)o=o.insert(3*e+3+e+t," ")}}return{...o,type:"text",autocomplete:"tel"}}unformat(t){return t.delete(" ").delete("-")}allowed(t,o){return t>="0"&&t<="9"||0==o.selection.start&&"+"==t&&!o.value.includes("+")}}R("phone",(()=>new ct));class dt{constructor(t){this.country=t}toString(t){return"string"==typeof t?t:""}fromString(t){return"string"==typeof t?t:void 0}format(t){return{...(!t.value.includes(" ")&&t.value.length>=4?t.insert(3," "):t).truncate(6),type:"text",autocomplete:"postal-code",length:[6,6],pattern:/^\d{3} \d{2}$/}}unformat(t){return t.delete(" ")}allowed(t,o){return o.value.length<=5&&t>="0"&&t<="9"}}R("postal-code",(t=>new dt(t&&t.length>0?t[0]:void 0)));class mt{constructor(t){this.currency=t}toString(t){return"number"==typeof t?isNaN(t)?"":t.toString():""}fromString(t){const o="string"==typeof t?Number.parseFloat(t):void 0;return null==o||isNaN(o)?void 0:o}format(t){let o=t.value&&t.value.includes(".")?t.value.indexOf("."):void 0,e="NaN"==t.value?t.replace(0,t.value.length,""):N.copy(t);if(0==o&&(e=e.prepend("0"),o++),null!=o){const t=o+1+(this.currency&&null!=y.decimalDigits(this.currency)?y.decimalDigits(this.currency)??2:2)-e.value.length;e=t<0?e.truncate(e.value.length+t):e.suffix("0".repeat(t))}else o=e.value.length;const s=o<=0?0:Math.ceil(o/3)-1;for(let t=0;t<s;t++)e=e.insert(o-3*(s-t)," "),o++;return e.match(/^[0\s]{2,}$/)?e=e.replace(0,e.value.length,"0"):e.match(/^[0\s]{2,}(\s\w{3}){1}$/)&&(e=e.replace(0,e.value.length-4,"0")),e=this.currency&&(e.value.length>1||1==e.value.length&&"."!=e.value.charAt(0))?e.suffix(" "+this.currency):e,{...e,type:"text",length:[3,void 0],pattern:new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d+)?"+(this.currency?" "+this.currency:"")+"$")}}unformat(t){return this.currency?t.delete(" ").delete(""+this.currency):t.delete(" ")}allowed(t,o){return t>="0"&&t<="9"||"."==t&&!o.value.includes(".")}}R("price",(t=>new mt(t&&t.length>0?t[0]:void 0)));class ut{constructor(t){this.settings=t}toString(t){return"string"==typeof t?t:""}fromString(t){return"string"==typeof t?t:void 0}format(t){return{...t,type:"text",...this.settings}}unformat(t){return t}allowed(t,o){return null==this.settings.length||null==this.settings.length[1]||o.value.length<this.settings.length[1]}}R("text",(t=>new ut(t||{}))),R("email",(t=>new ut(t||{})));const pt=class{constructor(o){t(this,o),this.type=void 0,this.value=void 0,this.currency=void 0,this.country=void 0,this.format=void 0}render(){var t,e;let s;const i=this.type;switch(i){default:s=B(this.value,i);break;case"email":s=o("a",{href:"mailto:"+this.value},B(this.value,i));break;case"phone":s=o("a",{href:"tel:"+this.value},B(this.value,i,this.country));break;case"postal-code":s=B(this.value,i,this.country);break;case"price":s=B(this.value,i,this.currency);break;case"date":s=null===(t=P(this.type,yt()))||void 0===t?void 0:t.toString(this.value);break;case"date-time":s=this.format?p.localize(this.value,this.format,yt()):null===(e=P(this.type,yt()))||void 0===e?void 0:e.toString(this.value)}return s}};function yt(){const t=navigator.language;return b.is(t)?t:m.is(t)?b.toLocale(t):void 0}pt.style=".sc-smoothly-display-h{display:block}[hidden].sc-smoothly-display-h{display:none}";const bt=class{constructor(o){t(this,o),this.amount=void 0,this.currency=void 0,this.toInteger=!1}format(t){const o=y.decimalDigits(this.currency)?y.decimalDigits(this.currency):2;let e,s=t.length,i=t;""==i&&(i="0"),t.includes(".")?(e=t.indexOf("."),0==e&&(i="0"+i,e++),s=e,i=i.padEnd(e+o+1,"0"),i=i.substring(0,e+o+1)):this.toInteger||(i+=".",e=i.length-1,i=i.padEnd(e+o+1,"0"));const l=Math.ceil(s/3)-1;if(l>0)for(let t=0;t<l;t++){const o=s-3*(l-t);i=i.slice(0,o)+" "+i.slice(o,i.length),s++}return i}render(){return[this.format("number"==typeof this.amount?this.amount.toString():this.amount)," ",this.currency]}};bt.style=".sc-smoothly-display-amount-h{display:block}[hidden].sc-smoothly-display-amount-h{display:none}";const gt=class{constructor(o){t(this,o),this.datetime=void 0}componentWillLoad(){console.warn('Component <smoothly-display-date-time> is deprecated, use <smoothly-display type="date-time">.')}render(){const t=this.datetime.split("T");return[t[0]," ",t[1]]}};gt.style=".sc-smoothly-display-date-time-h{display:block}[hidden].sc-smoothly-display-date-time-h{display:none}";const vt=class{constructor(o){t(this,o),this.notice=s(this,"notice",7)}noticeWarning(t){console.log("emit",t),this.notice.emit(t)}render(){return[o("main",null,o("smoothly-popup",null,o("div",null,"Popup, click me"),o("div",{color:"dark",slot:"popup"},"1 line popup")),o("smoothly-display-date-time",{datetime:"2019-08-15T08:08:17.65Z"}),o("dl",null,o("dt",null,"text"),o("dd",null,o("smoothly-display",{type:"text",value:"text"})),o("dt",null,"postal code"),o("dd",null,o("smoothly-display",{type:"postal-code",value:"752 31"})),o("dt",null,"password"),o("dd",null,o("smoothly-display",{type:"password",value:"password"})),o("dt",null,"email"),o("dd",null,o("smoothly-display",{type:"email",value:"test@example.com"})),o("dt",null,"price"),o("dd",null,o("smoothly-display",{type:"price",value:"13.37",currency:"SEK"})),o("dt",null,"display amount without decimals"),o("dd",null,o("smoothly-display-amount",{amount:200,currency:"SEK",toInteger:!0})),o("dt",null,"display amount with decimals if they are set, otherwise no decimal"),o("dd",null,o("smoothly-display-amount",{amount:200.2,currency:"SEK",toInteger:!0})),o("dt",null,"display amount with decimals"),o("dd",null,o("smoothly-display-amount",{amount:200.2,currency:"SEK"})),o("dt",null,"percent"),o("dd",null,o("smoothly-display",{type:"percent",value:"42"})),o("dt",null,"phone"),o("dd",null,o("smoothly-display",{type:"phone",value:"0101881108"})),o("dt",null,"card number"),o("dd",null,o("smoothly-display",{type:"card-number",value:"4111111111111111"})),o("dt",null,"card expires"),o("dd",null,o("smoothly-display",{type:"card-expires",value:"7/22"})),o("dt",null,"card csc"),o("dd",null,o("smoothly-display",{type:"card-csc",value:"987"})),o("dt",null,"date"),o("dd",null,o("smoothly-display",{type:"date",value:"2022-07-07"})),o("dt",null,"date time"),o("dd",null,o("smoothly-display",{type:"date-time",format:{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T02:02:02Z"})),o("dd",null,o("smoothly-display",{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",null,o("smoothly-display",{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",null,o("smoothly-display",{type:"date-time",format:{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),o("dd",null,o("smoothly-display",{type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),o("dd",null,o("smoothly-display",{type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),o("dd",null,o("smoothly-display",{type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZone:"+01:00"},value:"2022-07-07T12:15Z"})),o("dt",null,"Deprecated display date time"),o("dd",null,o("smoothly-display-date-time",{datetime:"2019-01-31T20:01:34"})),o("dt",null,"Display amount"),o("dd",null,o("smoothly-display-amount",{currency:"SEK",amount:"1289.5"})),o("dt",null,"Quiet"),o("dd",null,o("smoothly-quiet",{color:"dark"},"-"))),o("smoothly-skeleton",{period:3,distance:"20rem",width:"20rem"}),o("smoothly-skeleton",{period:3,distance:"20rem",color:"200,200,255"}),o("smoothly-skeleton",{period:3,distance:"20rem",color:"var(--smoothly-warning-color)"}),o("smoothly-skeleton",{period:3,distance:"20rem"}),o("smoothly-skeleton",{align:"center",period:3,distance:"20rem",width:"20rem"}),o("smoothly-skeleton",{align:"center",period:3,distance:"20rem"}),o("smoothly-skeleton",{align:"center",period:3,distance:"20rem"}),o("smoothly-skeleton",{align:"center",period:3,distance:"20rem"}),o("smoothly-skeleton",{align:"right",period:3,distance:"20rem",width:"20rem"}),o("smoothly-skeleton",{align:"right",period:3,distance:"20rem"}),o("smoothly-skeleton",{align:"right",period:3,distance:"20rem"}),o("smoothly-skeleton",{align:"right",period:3,distance:"20rem"}),o("smoothly-urlencoded",{data:"hej=hopp&tjena=moss"}),o("div",{style:{display:"flex",justifyContent:"space-between"}},o("smoothly-popup",{direction:"down"},"Click for popup",o("span",{slot:"popup",color:"dark",style:{whiteSpace:"nowrap"}},"Some popup stuff that has a lot of text")),o("smoothly-popup",{direction:"down"},"Click for popup",o("span",{slot:"popup",color:"dark",style:{whiteSpace:"nowrap"}},"Some popup with a bunch of text."))),o("p",null,"Test of diffrent kinds of notifier:"),o("button",{onClick:()=>this.noticeWarning(r.warn("This is a test warning notice."))},"warning"),o("button",{onClick:()=>this.noticeWarning(r.succeded("This is a test success notice."))},"success"),o("button",{onClick:()=>this.noticeWarning(r.failed("This is a test danger notice."))},"danger"),o("button",{onClick:()=>this.noticeWarning(r.execute("This is a test execute notice.",(()=>new Promise((t=>window.setTimeout((()=>t([!0,"This went great"])),3e3))))))},"execute"),o("button",{onClick:()=>this.noticeWarning(r.delay("This is a test delay notice.",(()=>new Promise((t=>window.setTimeout((()=>t([!0,"This went great"])),3e3))))))},"delay"),o("div",{style:{position:"relative",height:"10em"}},"Large Spinner",o("smoothly-spinner",{active:!0,size:"large",style:{"--background-color":"255,255,255","--background-opacity":"0.2","--spinner-color":"0,130,0"}})),o("div",{style:{position:"relative",height:"10em"}},"Medium Spinner",o("smoothly-spinner",{active:!0,size:"medium"})),o("div",{style:{position:"relative",height:"10em"}},"Small Spinner",o("smoothly-spinner",{active:!0,size:"small"})),o("div",{style:{position:"absolute",left:"500px",top:"150px"}},o("smoothly-svg",{url:"https://theme.payfunc.com/intergiro/animated-logo.svg"})))]}},ft=class{constructor(o){t(this,o),this.trigger=s(this,"trigger",7),this.message=s(this,"message",7),this.url=void 0,this.name=void 0,this.origin=void 0}get contentWindow(){const t=this.element&&this.element.firstElementChild?this.element.firstElementChild:void 0;return t&&t.contentWindow||void 0}get defaultOrigin(){const t=this.url.match(/^(([a-z]+\+)*[a-z]+:\/\/)?[^/^\n]+/);return t?t[0]:"*"}componentDidLoad(){var t;this.contentWindow&&h.listen(null!==(t=this.origin)&&void 0!==t?t:this.defaultOrigin,((t,o)=>{t==this.name&&(a.is(o)?this.trigger.emit(o):this.message.emit({destination:t,content:o}))}),window)}async send(t,o){var e,s;"string"==typeof t?h.send((null!==(e=this.origin)&&void 0!==e?e:this.defaultOrigin)+"#"+t,o,this.contentWindow):h.is(t)&&this.contentWindow&&h.send({destination:(null!==(s=this.origin)&&void 0!==s?s:this.defaultOrigin)+"#"+t.destination,content:t.destination},this.contentWindow)}render(){return o("iframe",{src:this.url+"#"+window.location.origin,height:"100%",width:"100%"})}get element(){return e(this)}};ft.style=".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 wt=class{constructor(o){t(this,o),this.color=void 0,this.fill="solid",this.name=void 0,this.size="medium",this.toolTip=void 0,this.document=void 0}async loadDocument(){if(this.name)try{this.document=await c.load(this.name)}catch(t){console.log(t)}}async componentWillLoad(){await this.loadDocument()}hostData(){return{innerHTML:this.document?this.document.replace(' width="512" height="512"',"").replace(/(<title>)[\w\d\s-]*(<\/title>)/,`<title>${this.toolTip||""}</title>`).replace(/stroke:#000;/gi,""):'<img src="undefined.jpg"/>'}}__stencil_render(){return[]}static get watchers(){return{name:["loadDocument"]}}render(){return o(i,this.hostData(),this.__stencil_render())}};wt.style="[size].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:block;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}[hidden].sc-smoothly-icon-h{display:none}[size=tiny].sc-smoothly-icon-h{width:1.2em;height:1.2em}[size=small].sc-smoothly-icon-h{width:1.4em;height:1.4em}[size=medium].sc-smoothly-icon-h{width:1.8em;height:1.8em}[size=large].sc-smoothly-icon-h{width:2.8em;height:2.8em}[size=xlarge].sc-smoothly-icon-h{width:4em;height:4em}";const xt=class{constructor(o){t(this,o)}render(){return[o("h1",null,"Icons"),o("div",null,["add-circle","add","airplane","alarm","albums","alert-circle","alert","american-football","analytics","aperture","apps","archive","arrow-back-circle","arrow-back","arrow-down-circle","arrow-down","arrow-forward-circle","arrow-forward","arrow-redo-circle","arrow-redo","arrow-undo-circle","arrow-undo","arrow-up-circle","arrow-up","at-circle","at","attach","backspace","bandage","barbell","bar-chart","barcode","baseball","basketball","basket","battery-charging","battery-dead","battery-full","battery-half","beaker","bed","beer","bicycle","bluetooth","boat","body","bonfire","bookmarks","bookmark","book","briefcase","browsers","brush","bug","build","bulb","business","bus","cafe","calculator","calendar","call","camera-reverse","camera","card","caret-back-circle","caret-back","caret-down-circle","caret-down","caret-forward-circle","caret-forward","caret-up-circle","caret-up","car-sport","car","cart","cash","cellular","chatbox-ellipses","chatbox","chatbubble-ellipses","chatbubbles","chatbubble","checkbox","checkmark-circle","checkmark-done-circle","checkmark-done","checkmark","chevron-back-circle","chevron-back","chevron-down-circle","chevron-down","chevron-forward-circle","chevron-forward","chevron-up-circle","chevron-up","clipboard","close-circle","close","cloud-circle","cloud-done","cloud-download","cloud-offline","cloud","cloud-upload","cloudy-night","cloudy","code-download","code-slash","code","code-working","cog","color-fill","color-filter","color-palette","color-wand","compass","construct","contract","contrast","copy","create","crop","cube","cut","desktop","disc","document-attach","documents","document","document-text","download","duplicate","ear","earth","easel","egg","ellipse","ellipsis-horizontal-circle","ellipsis-horizontal","ellipsis-vertical-circle","ellipsis-vertical","enter","exit","expand","eyedrop","eye-off","eye","fast-food","female","file-tray-full","file-tray-stacked","file-tray","film","filter","finger-print","fitness","flag","flame","flashlight","flash-off","flash","flask","flower","folder-open","folder","football","funnel","game-controller","gift","git-branch","git-commit","git-compare","git-merge","git-network","git-pull-request","glasses","globe","golf","grid","hammer","hand-left","hand-right","happy","hardware-chip","headset","heart-circle","heart-dislike-circle","heart-dislike","heart-half","heart","help-buoy","help-circle","help","home","hourglass","ice-cream","images","image","infinite","information-circle","information","journal","keypad","key","language","laptop","layers","leaf","library","link","list-circle","list","locate","location","lock-closed","lock-open","log-in","logo-amazon","logo-amplify","logo-android","logo-angular","logo-apple-appstore","logo-apple","logo-behance","logo-bitbucket","logo-bitcoin","logo-buffer","logo-capacitor","logo-chrome","logo-closed-captioning","logo-codepen","logo-css3","logo-designernews","logo-docker","logo-dribbble","logo-dropbox","logo-edge","logo-electron","logo-euro","logo-facebook","logo-firebase","logo-firefox","logo-flickr","logo-foursquare","logo-github","logo-gitlab","logo-google-playstore","logo-google","logo-hackernews","logo-html5","logo-instagram","logo-ionic","logo-ionitron","logo-javascript","logo-laravel","logo-linkedin","logo-markdown","logo-medium","logo-nodejs","logo-no-smoking","logo-npm","logo-octocat","logo-paypal","logo-pinterest","logo-playstation","logo-pwa","logo-python","logo-react","logo-reddit","logo-rss","logo-sass","logo-skype","logo-slack","logo-snapchat","logo-soundcloud","logo-stackoverflow","logo-steam","logo-stencil","logo-tiktok","logo-tumblr","logo-tux","logo-twitch","logo-twitter","logo-usd","log-out","logo-web-component","logo-venmo","logo-whatsapp","logo-vimeo","logo-windows","logo-vk","logo-wordpress","logo-vue","logo-xbox","logo-xing","logo-yahoo","logo-yen","logo-youtube","magnet","mail-open","mail","mail-unread","male-female","male","man","map","medal","medical","medkit","megaphone","menu","mic-circle","mic-off-circle","mic-off","mic","moon","move","musical-notes","musical-note","navigate-circle","navigate","newspaper","notifications-circle","notifications-off-circle","notifications-off","notifications","nuclear","nutrition","open","options","paper-plane","partly-sunny","pause-circle","pause","paw","pencil","people-circle","people","person-add","person-circle","person-remove","person","phone-landscape","phone-portrait","pie-chart","pin","pint","pizza","planet","play-back-circle","play-back","play-circle","play-forward-circle","play-forward","play-skip-back-circle","play-skip-back","play-skip-forward-circle","play-skip-forward","play","podium","power","pricetags","pricetag","print","pulse","push","qr-code","radio-button-off","radio-button-on","radio","rainy","reader","receipt","recording","refresh-circle","refresh","reload-circle","reload","remove-circle","remove","reorder-four","reorder-three","reorder-two","repeat","resize","restaurant","return-down-back","return-down-forward","return-up-back","return-up-forward","ribbon","rocket","rose","sad","save","scan-circle","scan","school","search-circle","search","send","server","settings","shapes","share-social","share","shield-checkmark","shield","shirt","shuffle","skull","snow","speedometer","square","star-half","star","stats-chart","stop-circle","stop","stopwatch","subway","sunny","swap-horizontal","swap-vertical","sync-circle","sync","tablet-landscape","tablet-portrait","tennisball","terminal","text","thermometer","thumbs-down","thumbs-up","thunderstorm","timer","time","today","toggle","trail-sign","train","transgender","trash-bin","trash","trending-down","trending-up","triangle","trophy","tv","umbrella","walk","wallet","warning","watch","water","videocam","wifi","wine","volume-high","volume-low","volume-medium","volume-mute","volume-off","woman"].map((t=>o("smoothly-icon",{name:t,toolTip:t}))))]}};xt.style=".sc-smoothly-icon-demo-h{display:block;padding:1rem;max-width:900px;margin:auto}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-wrap:wrap;justify-content:center}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{margin:1.5rem}";const kt=class{constructor(o){t(this,o),this.smoothlyBlur=s(this,"smoothlyBlur",7),this.smoothlyChange=s(this,"smoothlyChange",7),this.smoothlyInput=s(this,"smoothlyInput",7),this.keepFocusOnReRender=!1,this.name=void 0,this.value=void 0,this.type="text",this.required=!1,this.minLength=0,this.showLabel=!0,this.maxLength=Number.POSITIVE_INFINITY,this.autocomplete=!0,this.pattern=void 0,this.placeholder=void 0,this.disabled=!1,this.readonly=!1,this.currency=void 0,this.initialValue=void 0}get formatter(){let t;return t="price"===this.type?P("price",this.currency):P(this.type,function(){const t=navigator.language;return b.is(t)?t:m.is(t)?b.toLocale(t):void 0}()),t||P("text")}newState(t){const o=this.formatter;return o.format(N.copy(o.unformat(N.copy(t))))}valueWatcher(t,o){this.lastValue!=t&&(this.lastValue=t,this.state=Object.assign(Object.assign({},this.state),{value:this.newState({value:this.formatter.toString(t),selection:this.state.selection}).value})),t!=o&&("string"==typeof t&&(t=t.trim()),this.smoothlyInput.emit({name:this.name,value:t}))}onCurrency(){this.state=Object.assign(Object.assign({},this.state),{value:this.newState({value:this.formatter.toString(this.value),selection:this.state.selection}).value,pattern:this.newState({value:this.formatter.toString(this.value),selection:this.state.selection}).pattern})}componentWillLoad(){const t=this.formatter.toString(this.value)||"";this.lastValue=this.value;const o=t.length;this.state=this.newState({value:t,selection:{start:o,end:o,direction:"none"}})}componentDidRender(){this.keepFocusOnReRender&&(this.inputElement.focus(),this.keepFocusOnReRender=!1)}async getFormData(t){const o={},e=document.forms.namedItem(t);if(e){const t=e.elements;for(let e=0;e<t.length;e++){const s=t.item(e);this.hasNameAndValue(s)&&s.name&&(o[s.name]=s.value)}const s=e.getElementsByTagName("smoothly-input");for(let t=0;t<s.length;t++){const e=s.item(t);this.hasNameAndValue(e)&&e.name&&(o[e.name]=e.value)}}return o}hasNameAndValue(t){return"string"==typeof t.name&&"string"==typeof t.value}async setKeepFocusOnReRender(t){this.keepFocusOnReRender=t}async setSelectionRange(t,o,e){this.state=this.newState(Object.assign(Object.assign({},this.state),{selection:{start:t,end:o,direction:null!=e?e:this.state.selection.direction}}));const s=this.formatter.format(N.copy(this.formatter.unformat(N.copy(Object.assign({},this.state)))));this.updateBackend(s,this.inputElement)}onBlur(t){this.smoothlyBlur.emit(),this.initialValue!=this.value&&this.smoothlyChange.emit({name:this.name,value:this.value}),this.initialValue=void 0}onFocus(t){this.initialValue=this.value;const o=this.formatter.format(N.copy(this.formatter.unformat(N.copy(Object.assign({},this.state)))));t.target&&this.updateBackend(o,t.target)}onClick(t){const o=t.target;this.state=Object.assign(Object.assign({},this.state),{value:o.value,selection:{start:null!=o.selectionStart?o.selectionStart:o.value.length,end:null!=o.selectionEnd?o.selectionEnd:o.value.length,direction:o.selectionDirection?o.selectionDirection:"none"}});const e=this.newState(Object.assign({},this.state));this.updateBackend(e,o)}onKeyDown(t){if(t.key&&"Unidentified"!=t.key){const o=t.target;this.state=Object.assign(Object.assign({},this.state),{value:o.value,selection:{start:null!=o.selectionStart?o.selectionStart:o.value.length,end:null!=o.selectionEnd?o.selectionEnd:o.value.length,direction:o.selectionDirection?o.selectionDirection:"none"}}),(!t.ctrlKey&&!t.metaKey||"v"!=t.key&&"x"!=t.key&&"c"!=t.key)&&1==t.key.length||"ArrowLeft"==t.key||"ArrowRight"==t.key||"Delete"==t.key||"Backspace"==t.key||"Home"==t.key||"End"==t.key?(t.preventDefault(),this.processKey(t,o)):"ArrowUp"!=t.key&&"ArrowDown"!=t.key||t.preventDefault()}}onPaste(t){t.preventDefault();let o=t.clipboardData?t.clipboardData.getData("text").trim():"";const e=t.target;o=this.expiresAutocompleteFix(e,o),this.processPaste(o,e)}onInput(t){var o;if("insertReplacementText"==t.inputType)this.processKey({key:"a",ctrlKey:!0},t.target),[...null!==(o=t.data)&&void 0!==o?o:""].forEach((o=>this.processKey({key:o},t.target)));else{const o=t.target;let e=o.value;if(e){t.preventDefault(),this.processKey({key:"a",ctrlKey:!0},o),e=this.expiresAutocompleteFix(o,e);for(const t of e)this.processKey({key:t},o)}}}expiresAutocompleteFix(t,o){var e;return"cc-exp"==(null===(e=t.attributes.getNamedItem("autocomplete"))||void 0===e?void 0:e.value)&&(o=o.match(/^20\d\d[.\D]*\d\d$/)?o.substring(o.length-2,o.length)+o.substring(2,4):o.match(/^(1[3-9]|[2-9]\d)[.\D]*\d\d$/)?o.substring(o.length-2,o.length)+o.substring(0,2):o.match(/^\d\d[.\D]*20\d\d$/)?o.substring(0,2)+o.substring(o.length-2,o.length):o),o}processPaste(t,o){if(!this.readonly){const e=M.paste(this.formatter,this.state,t);this.updateBackend(e,o)}}processKey(t,o){if(!this.readonly){const e=M.apply(this.formatter,this.state,t);this.updateBackend(e,o)}}updateBackend(t,o){t.value!=o.value&&(o.value=t.value),null!=o.selectionStart&&t.selection.start!=o.selectionStart&&(o.selectionStart=t.selection.start),null!=o.selectionEnd&&t.selection.end!=o.selectionEnd&&(o.selectionEnd=t.selection.end),o.selectionDirection=t.selection.direction?t.selection.direction:o.selectionDirection,this.state=t,this.value=this.lastValue=this.formatter.fromString(this.formatter.unformat(N.copy(Object.assign({},this.state))).value)}render(){var t,e,s,l,n,r,a;return o(i,{class:{"has-value":null!=(null===(t=this.state)||void 0===t?void 0:t.value)&&""!=(null===(e=this.state)||void 0===e?void 0:e.value)},onclick:()=>{var t;return null===(t=this.inputElement)||void 0===t?void 0:t.focus()}},o("div",null,o("input",{name:this.name,type:null===(s=this.state)||void 0===s?void 0:s.type,placeholder:this.placeholder,required:this.required,autocomplete:this.autocomplete?null===(l=this.state)||void 0===l?void 0:l.autocomplete:"off",disabled:this.disabled,readOnly:this.readonly,pattern:(null===(n=this.state)||void 0===n?void 0:n.pattern)&&(null===(r=this.state)||void 0===r?void 0:r.pattern.source),value:null===(a=this.state)||void 0===a?void 0:a.value,onInput:t=>this.onInput(t),onFocus:t=>this.onFocus(t),onClick:t=>this.onClick(t),onBlur:t=>this.onBlur(t),onKeyDown:t=>this.onKeyDown(t),ref:t=>this.inputElement=t,onPaste:t=>this.onPaste(t)}),o("label",{htmlFor:this.name},o("slot",null)),o("smoothly-icon",{name:"alert-circle",color:"danger",fill:"clear",size:"small"})))}static get watchers(){return{value:["valueWatcher"],currency:["onCurrency"]}}};kt.style=".sc-smoothly-input-h{display:block;position:relative;font-weight:var(--smoothly-font-weight);padding:var(--padding);overflow:hidden;background-color:rgb(var(--background-color));color:rgb(var(--text-color, var(--smoothly-default-contrast)))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}label.sc-smoothly-input{position:absolute;left:0.4em;top:0.6em;color:rgb(var(--text-color, var(--smoothly-default-contrast)));opacity:0.8;user-select:none;cursor:inherit;transition:transform 0.1s;transform-origin:top left;transition-timing-function:ease}.sc-smoothly-input-h:not([show-label]) label.sc-smoothly-input{display:none}.sc-smoothly-input-h:not([show-label]) input.sc-smoothly-input{padding:0.7em 0.3em 0.7em 0.4em}input.sc-smoothly-input{padding:1.2em 0.3em 0.2em 0.4em;box-sizing:border-box;width:100%;height:100%;background:none;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family);background-color:rgb(var(--background-color))}smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}input.sc-smoothly-input:invalid+label.sc-smoothly-input+smoothly-icon.sc-smoothly-input{display:block}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.has-value.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.sc-smoothly-input-h:focus-within>div.sc-smoothly-input>label.sc-smoothly-input{top:0.4em;transform:scale(0.6)}input.sc-smoothly-input:focus{outline:none}input.sc-smoothly-input:-webkit-autofill,input.sc-smoothly-input:-webkit-autofill:hover,input.sc-smoothly-input:-webkit-autofill:focus,input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--background-color)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--background-color)) inset}input.sc-smoothly-input:-webkit-autofill,input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--text-color, var(--smoothly-default-contrast)))}";const St=class{constructor(o){t(this,o),this.valueChanged=s(this,"valueChanged",7),this.name=void 0,this.value=void 0,this.open=void 0,this.max=void 0,this.min=void 0,this.disabled=void 0,this.flexible=!1,this.color="default"}onStart(t){this.valueChanged.emit(t)}dateSetHandler(t){this.open=!1,t.stopPropagation()}render(){var t;return[o("smoothly-input",{name:this.name,onFocus:()=>this.open=!this.open,onClick:()=>this.open=!this.open,disabled:this.disabled,type:"date",value:this.value,onSmoothlyInput:t=>this.value=t.detail.value},o("slot",null)),this.open&&!this.disabled?[o("div",{onClick:()=>this.open=!1}),o("nav",{class:{flexible:this.flexible}},o("div",{class:"arrow",color:this.color}),o("smoothly-calendar",{doubleInput:!1,value:null!==(t=this.value)&&void 0!==t?t:d.now(),onValueChanged:t=>{this.value=t.detail,t.stopPropagation()},color:this.color,max:this.max,min:this.min}))]:[]]}static get watchers(){return{value:["onStart"]}}};St.style=".sc-smoothly-input-date-h{position:relative;max-width:100vw}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-color-shade));min-width:18em}.sc-smoothly-input-date-h>.flexible.sc-smoothly-input-date{min-width:unset}.sc-smoothly-input-date-h>div.sc-smoothly-input-date{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>.arrow.sc-smoothly-input-date{position:absolute;z-index:9;transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-color-shade))}@media screen and (min-width: 400px){nav.sc-smoothly-input-date{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-color-shade));max-width:22em}}";const Ct=class{constructor(o){t(this,o),this.valueChanged=s(this,"valueChanged",7),this.dateRangeClear=s(this,"dateRangeClear",7),this.dateRangeSelected=s(this,"dateRangeSelected",7),this.value=void 0,this.start=void 0,this.end=void 0,this.max=void 0,this.min=void 0,this.open=void 0,this.disabled=!1,this.showLabel=!0,this.labelStart="from",this.labelEnd="to",this.clearable=!1}onValue(t){this.valueChanged.emit(t)}onStartChanged(t){this.start=t.detail}onEndChanged(t){this.end=t.detail}onDateRangeSet(t){this.open=!1,t.stopPropagation(),g.is(t.detail)&&this.dateRangeSelected.emit(t.detail)}async clear(){this.start=void 0,this.end=void 0,this.value=void 0,this.dateRangeClear.emit()}render(){var t;return[o("section",null,o("div",{onClick:()=>this.open=!this.disabled&&!this.open},o("smoothly-input",{type:"date",value:this.start,showLabel:this.showLabel,onSmoothlyInput:t=>this.start=t.detail.value},`${this.labelStart}`),o("span",null,"–"),o("smoothly-input",{type:"date",showLabel:this.showLabel,value:this.end,onSmoothlyInput:t=>this.end=t.detail.value},`${this.labelEnd}`)),this.clearable&&o("smoothly-icon",{name:"close-circle",size:"small",onClick:this.clear.bind(this)})),this.open?o("div",{onClick:()=>this.open=!1}):[],this.open?o("nav",null,o("div",{class:"arrow"}),o("smoothly-calendar",{doubleInput:!0,value:null!==(t=this.value)&&void 0!==t?t:d.now(),onValueChanged:t=>{this.value=t.detail,t.stopPropagation()},start:this.start,end:this.end,max:this.max,min:this.min})):[]]}static get watchers(){return{value:["onValue"]}}};Ct.style=".sc-smoothly-input-date-range-h{position:relative;display:block;width:fit-content}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));max-width:22em}.sc-smoothly-input-date-range-h>div.sc-smoothly-input-date-range{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>.arrow.sc-smoothly-input-date-range{position:absolute;z-index:9;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-default-shade))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;background-color:var(--background, transparent);border-radius:0.25rem;cursor:pointer;align-items:center}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range{display:flex;align-items:center}smoothly-icon.sc-smoothly-input-date-range{margin-right:0.5rem}smoothly-input.sc-smoothly-input-date-range{border-radius:var(--border-radius, none);background-color:transparent;width:var(--input-width)}span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}";const zt=class{constructor(o){t(this,o)}render(){return[o("form",{action:"done",style:{position:"relative"}},o("header",null,o("h5",null,"Form")),o("main",null,o("fieldset",null,o("h2",null,"Smoothly Input"),o("h3",null,"Card"),o("smoothly-input",{type:"text",name:"name",readonly:!0,value:"Readonly",onSmoothlyBlur:()=>console.log("smoothly blur")},"Readonly"),o("smoothly-input",{type:"text",name:"name.last",onSmoothlyChange:()=>console.log("smoothly change event")},"Name"),o("smoothly-input",{type:"text",name:"name.first",onSmoothlyChange:()=>console.log("smoothly change event")},"Name"),o("smoothly-input-date",null),o("smoothly-input",{type:"date",name:"date"},"Date"),o("smoothly-input",{type:"date-time",name:"date-time"},"Date-Time"),o("smoothly-input",{type:"divisor",name:"divisor"},"Divisor"),o("smoothly-input",{type:"text",name:"street",value:"street"},"Street"),o("smoothly-input",{type:"card-number",name:"card"},"Card #"),o("smoothly-input",{type:"card-expires",name:"card",style:{width:"calc(60% - 2px)"}},"Expires"),o("smoothly-input",{type:"card-csc",name:"card",style:{width:"calc(40% - 1px)",borderLeft:"none"}},"CVV/CVC"),o("h3",null,"Contact"),o("smoothly-input",{type:"postal-code",name:"zip",style:{width:"calc(60% - 2px)"}},"ZipCode"),o("smoothly-input",{type:"text",name:"testing"},"Texttest"),o("smoothly-input",{type:"password",name:"password"},"Password"),o("smoothly-input",{type:"email",name:"email"},"Email"),o("smoothly-input",{type:"price",currency:"SEK",name:"price"},"Price"),o("smoothly-input",{type:"percent",name:"percent"},"Percent"),o("smoothly-input",{type:"phone",name:"phone"},"Phone"),o("smoothly-input-date",{name:"some-date"},"Calendar"),o("smoothly-input-date",{name:"some-date",color:"tertiary"},"Calendar (chosen color)"),o("smoothly-input-date",{name:"some-date",flexible:!0},"Calendar (no min-width)")),o("fieldset",null,o("h2",null,"Smoothly Radio"),o("h3",null,"Deselectable Radio List with button"),o("smoothly-radio-button",{deselectable:!0,decoration:"button"},o("smoothly-radio-button-item",{value:{some:"content",yes:"sir"},color:"primary",iconColor:"medium"},o("span",null,"Option 1"),o("span",{slot:"expansion"},"Some description.")),o("smoothly-radio-button-item",{value:{some:"thing",yes:"miss"},iconColor:"light"},o("span",null,"Option 2"),o("span",{slot:"expansion"},"Some other description.")),o("smoothly-radio-button-item",{value:{some:"one",yes:"kid"},iconColor:"danger"},o("span",null,"Option 3")),o("smoothly-radio-button-item",{value:{some:"some",yes:"thing"},disabled:!0},o("span",null,"Option 4 (Disabled)"))),o("h3",null,"Radio List with button"),o("smoothly-radio-button",{decoration:"button"},o("smoothly-radio-button-item",{value:{some:"content",yes:"sir"},color:"warning"},o("span",null,"Option 1"),o("span",{slot:"expansion"},"Some description.")),o("smoothly-radio-button-item",{value:{some:"thing",yes:"miss"}},o("span",null,"Option 2"),o("span",{slot:"expansion"},"Some other description.")),o("smoothly-radio-button-item",{value:{some:"one",yes:"kid"}},o("span",null,"Option 3"))),o("h3",null,"Radio List ",o("b",null,"without button")),o("smoothly-radio-button",null,o("smoothly-radio-button-item",{value:{some:"content",yes:"sir"},selected:!0,color:"light"},o("span",null,"Option 1"),o("span",{slot:"expansion"},"Some description.")),o("smoothly-radio-button-item",{value:{some:"thing",yes:"miss"},color:"light"},o("span",null,"Option 2"),o("span",{slot:"expansion"},"Some other description.")),o("smoothly-radio-button-item",{value:{some:"one",yes:"kid"},color:"light"},o("span",null,"Option 3"))),o("smoothly-radio",{name:"option",value:"1"},"option 1"),o("smoothly-radio",{name:"option",value:"2",checked:!0},"option 2"),o("smoothly-radio",{name:"option",value:"3"},"option 3")),o("fieldset",null,o("h2",null,"Smoothly Accordion"),o("smoothly-accordion",null,o("smoothly-accordion-item",{name:"A",open:!0},o("smoothly-radio",{name:"a",value:"1"},"a 1"),o("smoothly-radio",{name:"a",value:"2",checked:!0},"a 2"),o("smoothly-radio",{name:"a",value:"3"},"a 3")),o("smoothly-accordion-item",{name:"B"},o("smoothly-radio",{name:"b",value:"1"},"b 1"),o("smoothly-radio",{name:"b",value:"2"},"b 2"),o("smoothly-radio",{name:"b",value:"3"},"b 3")))),o("fieldset",null,o("h2",null,"Smoothly checkbox"),o("smoothly-checkbox",{selectAll:!0,intermediate:!0}),o("smoothly-checkbox",null),o("smoothly-checkbox",{disabled:!0})),o("fieldset",null,o("h2",null,"Smoothly addresses"),o("smoothly-address-display",{value:'{ "countryCode": "SE", "street": "Korkstigen 2", "zipCode": "654 31", "city": "Fejksala" }'}),o("smoothly-address",{editable:!1,value:'{ "countryCode": "SE", "street": "Stigvägen 34", "zipCode": "123 45", "city": "Hobbiton" }'}),o("smoothly-addresses",{allowed:"billing delivery visit",editable:!0,value:'{ "billing": { "countryCode": "SE", "street": "Rundslingan 3", "zipCode": "987 65", "city": "Klotby" }, "visit": { "countryCode": "SE", "street": "Gångbanan 34", "zipCode": "543 21", "city": "Traskträsk" } }'}))),o("footer",null,o("smoothly-submit",{expand:"block",onSubmit:t=>alert(t),color:"success"},"Submit"),o("smoothly-submit",{disabled:!0,expand:"block",onClick:t=>console.log(t),onSubmit:t=>alert(t),color:"success"},"Submit"),o("smoothly-trigger",{expand:"block",color:"success",onClick:t=>console.log(t.detail)},"Trigger"))),o("smoothly-backtotop",null)]}},Dt=class{constructor(o){t(this,o),this.valueChanged=s(this,"valueChanged",7),this.value=void 0}onValueChanged(t){this.valueChanged.emit(t)}adjustMonth(t){var o;const e=d.parse(null!==(o=this.value)&&void 0!==o?o:d.now());e.setMonth(e.getMonth()+t),this.value=d.create(e)}render(){var t,e;return[o("div",{onClick:()=>this.adjustMonth(-1)},o("smoothly-icon",{name:"chevron-back-outline",size:"tiny"})),o("smoothly-selector",{onSelected:t=>this.value=t.detail},z(null!==(t=this.value)&&void 0!==t?t:d.now()).map((t=>o("smoothly-item",{value:t.date,selected:t.selected},t.name)))),o("smoothly-selector",{onSelected:t=>this.value=t.detail},C(null!==(e=this.value)&&void 0!==e?e:d.now()).map((t=>o("smoothly-item",{value:t.date,selected:t.selected},t.name)))),o("div",{onClick:()=>this.adjustMonth(1)},o("smoothly-icon",{name:"chevron-forward-outline",size:"tiny"}))]}static get watchers(){return{value:["onValueChanged"]}}};Dt.style=".sc-smoothly-input-month-h{display:flex;justify-content:space-between;font-size:large;align-items:center}smoothly-icon.sc-smoothly-input-month{font-size:smaller}";const _t=class{constructor(o){t(this,o),this.itemSelected=s(this,"itemSelected",7),this.value=void 0,this.selected=void 0,this.marked=void 0}onSelectedChanged(t,o){t&&!o&&this.itemSelected.emit()}onClick(){this.selected=!0,this.itemSelected.emit()}componentDidLoad(){this.selected&&this.itemSelected.emit()}async filter(t){return!(this.element.hidden=!!t&&!(("string"==typeof this.value?this.value:JSON.stringify(this.value)).toLowerCase().includes(t)||this.element.innerText.toLowerCase().includes(t)))}render(){return o(i,{tabIndex:-1},o("slot",null))}get element(){return e(this)}static get watchers(){return{selected:["onSelectedChanged"]}}};_t.style="[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-primary-shade));color:rgb(var(--smoothly-primary-contrast))}.sc-smoothly-item-h{padding:0.5em;cursor:pointer;background-color:rgb(var(--smoothly-default-shade));color:rgb(var(--smoothly-default-contrast));border:rgb(var(--smoothly-default-shade) solid 1px)}[marked].sc-smoothly-item-h,.sc-smoothly-item-h:hover{background-color:rgb(var(--smoothly-primary-color));color:rgb(var(--smoothly-primary-contrast))}";const Yt=class{constructor(o){t(this,o),this.menuEmpty=s(this,"menuEmpty",7),this.optionElements=[],this.filteredOptions=[],this.highlightIndex=0,this.keyword=void 0,this.toggle=!1,this.emptyMenuLabel="No Options",this.newOptionLabel="Add:",this.maxMenuHeight=void 0,this.order=!1,this.optionStyle=void 0,this.options=[],this.resetHighlightOnOptionsChange=!0,this.mutable=!1}optionsChangeHandler(){this.highlightIndex=this.resetHighlightOnOptionsChange?0:this.highlightIndex}optionHoverHandler(t){t.detail.value&&this.setHighlight(t.detail.value),t.stopPropagation()}async moveHighlight(t){this.filteredOptions.length>0&&this.setHighlight((this.highlightIndex+t+this.filteredOptions.length)%this.filteredOptions.length,!0)}async setHighlight(t,o=!1){if("number"==typeof t)this.highlightIndex=t,o&&this.scrollTo(this.highlightIndex);else{const e=t;let s=!1;this.filteredOptions.forEach(((t,i)=>{const l=t.value==e;this.highlightIndex=l?i:this.highlightIndex,l&&o&&this.scrollTo(i),s=!!l||s})),s||this.setHighlight(0,!0)}}async getHighlighted(){let t;return null!=this.highlightIndex&&this.filteredOptions.length>0&&(t=this.filteredOptions[this.highlightIndex]),t}async filterOptions(t,o=[]){this.keyword=t;const e=t.toLowerCase();if(this.filteredOptions=[],""==e)this.showAllOptions();else for(const t of this.options)(t.name+(t.aliases?t.aliases.join(" "):"")).toLowerCase().includes(e)&&!o.includes(t.value)&&this.filteredOptions.push(t);this.menuEmpty.emit(!this.filteredOptions.length),this.order&&this.sortOptions(t)}showAllOptions(){this.filteredOptions=[...this.options]}sortOptions(t){const o=t.toLowerCase();this.filteredOptions.sort(((t,e)=>this.getPriorityScore(t,o)-this.getPriorityScore(e,o)))}getPriorityScore(t,o){let e=Number.MAX_SAFE_INTEGER;const s=t.name,i=`${s||""} ${(t.aliases?t.aliases.join(" "):"")||""}`.toLowerCase();return s&&(e=i.split(" ").reduce(((t,e)=>{const s=e.indexOf(o);return-1!=s&&s<t?s:t}),Number.MAX_SAFE_INTEGER)),e}scrollTo(t){var o;const e=null===(o=this.firstOptionsElement)||void 0===o?void 0:o.getBoundingClientRect().height;if(e){const o=this.element.getBoundingClientRect().height,s=this.element.scrollTop,i=t*e,l=Math.floor(o/e);i-e/2<s?this.element.scrollTo({top:(t-1)*e}):s<i+e-o&&this.element.scrollTo({top:(t+1-l)*e})}}render(){return o(i,{style:{"--max-menu-height":this.maxMenuHeight}},this.filteredOptions.length>0?this.filteredOptions.map(((t,e)=>{var s;return o("smoothly-option",{style:this.optionStyle,key:t.value,toggle:null!==(s=t.toggle)&&void 0!==s?s:this.toggle,ref:t=>{0==e&&(this.firstOptionsElement=null!=t?t:this.firstOptionsElement),t&&(this.optionElements[e]=t)},checked:t.checked,value:t.value,name:t.name,divider:t.divider,"data-highlight":this.highlightIndex==e},t.hint?o("div",{slot:"hint"},t.hint):void 0)})):this.mutable?o("smoothly-option",{style:this.optionStyle,value:this.keyword,name:this.keyword,"data-highlight":0,new:!0},o("div",{slot:"left"},o("smoothly-icon",{name:"square-outline",size:"small"})," ",this.newOptionLabel)):o("div",null,this.emptyMenuLabel))}get element(){return e(this)}static get watchers(){return{options:["optionsChangeHandler"]}}};Yt.style=":host{max-height:18.75rem;width:85%;max-height:var(--max-menu-height);box-sizing:border-box;background-color:rgb(var(--smoothly-default-color));border-radius:0.25em;color:rgb(var(--smoothly-primary-color));stroke:rgb(var(--smoothly-primary-color));fill:rgb(var(--smoothly-primary-color));box-shadow:0px 2px 1.5rem rgba(64, 60, 57, 0.08), inset 0px 0px 1px rgba(64, 60, 57, 0.4);overflow-y:auto;cursor:pointer}:host:first-child{margin:10em}";const $t=class{constructor(o){t(this,o),this.remove=s(this,"remove",7),this.listener=t=>{console.log("changed: ",t),"closed"==t.state?this.remove.emit(t):this.tick={}},this.notice=void 0,this.tick={}}get color(){let t;switch(this.notice.state){case"delayed":case"warning":t="warning";break;case"success":t="success";break;case"executing":default:t="light";break;case"failed":t="danger"}return t}onTrigger(t){"close"==t.detail.name&&(t.stopPropagation(),this.notice.close())}onUpdatedNotice(t,o){o&&o.unlisten(this.listener),t.listen(this.listener)}componentDidLoad(){this.onUpdatedNotice(this.notice)}render(){return o(i,{color:this.color,fill:"solid"},o("smoothly-trigger",{fill:"clear",name:"close"},o("smoothly-icon",{name:"close-circle-outline"})),o("p",null,this.notice.message))}static get watchers(){return{notice:["onUpdatedNotice"]}}};$t.style=".sc-smoothly-notification-h{display:block;min-width:32.6%;min-height:3em;border-radius:5px;margin:0.5em}[hidden].sc-smoothly-notification-h{display:none}smoothly-trigger.sc-smoothly-notification{float:right;text-align:right;margin-right:0.2em}";const Ot=class{constructor(o){t(this,o),this.notices=[]}onNotice(t){this.notices=[...this.notices,t.detail]}onRemove(t){this.notices=[...this.notices.filter((o=>o!=t.detail))]}render(){return[o("slot",null),o("aside",null,this.notices.map((t=>o("smoothly-notification",{notice:t}))))]}};Ot.style=".sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>aside.sc-smoothly-notifier{display:flex;flex-wrap:wrap-reverse;align-content:stretch;justify-content:flex-start;position:fixed;bottom:3em;left:0;text-align:center;width:100%;z-index:100}";const jt=class{constructor(o){t(this,o),this.optionHover=s(this,"optionHover",7),this.optionSelect=s(this,"optionSelect",7),this.optionUnselect=s(this,"optionUnselect",7),this.optionAdd=s(this,"optionAdd",7),this.aliases=void 0,this.dataHighlight=!1,this.name=void 0,this.value=void 0,this.divider=!1,this.checkbox=void 0,this.new=void 0,this.toggle=!1,this.checked=!1}onHover(t){this.optionHover.emit({name:this.name,value:this.value})}onSelect(t){if(!this.value)throw`smoothly-option ${this.element.innerHTML} lacks value-property and can therefore not be selected`;this.new?this.optionAdd.emit({name:this.name,value:this.value}):!this.toggle||this.toggle&&!this.checked?this.optionSelect.emit({name:this.name,value:this.value}):this.optionUnselect.emit({name:this.name,value:this.value}),this.toggle&&(this.checked=!this.checked)}render(){return o(i,{onMouseDown:t=>this.onSelect(t),onMouseOver:t=>this.onHover(t)},this.toggle&&o("smoothly-icon",{name:this.checked?"checkbox":"square-outline"}),o("div",{class:"name"},this.name),o("smoothly-quiet",null,o("slot",{name:"hint"})))}get element(){return e(this)}};jt.style=':host{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:0.7em 1em;margin-left:1px;margin-right:1px;background-color:transparent;position:relative}:host([data-highlight]){background-color:rgb(var(--smoothly-default-shade))}:host>div.name{padding-left:0.5em;flex-shrink:1;width:100%}:host([divider]){margin-bottom:0.5em}::slotted([slot=right]){font-style:italic;white-space:nowrap}:host([divider])::after{position:absolute;height:1px;width:100%;left:0;bottom:-0.25em;content:"";background-color:rgba(var(--smoothly-dark-color))}::slotted([slot=hint]){display:flex;align-items:center;gap:1ch;font-style:italic;white-space:nowrap}';const Lt=class{constructor(o){t(this,o),this.menuClose=s(this,"menuClose",7),this.notice=s(this,"notice",7),this.keepFocusOnReRender=!1,this.isOpen=void 0,this.empty=void 0,this.disabled=!1,this.readonly=!1,this.maxMenuHeight="inherit",this.maxHeight=void 0,this.emptyMenuLabel="No Options",this.multiple=!1,this.mutable=!1,this.optionStyle=void 0,this.options=[],this.labelSetting=void 0,this.label=void 0,this.selections=[],this.selectNoneName="Select None",this.selectAllName="Select All",this.selectAllEnabled=!0,this.selectionName="items selected",this.newOptionLabel="Add:",this.valueValidator=()=>[!0,void 0]}isOpenChangeHandler(){0==this.isOpen&&this.menuClose.emit(this.selections)}componentDidRender(){this.filterOptions(),this.keepFocusOnReRender&&(this.inputElement.focus(),this.keepFocusOnReRender=!1)}optionSelectHandler(t){this.toggle(t.detail),t.stopPropagation()}optionAddHandler(t){if(this.mutable){const[o,e]=this.valueValidator(t.detail.value);if(o){const o=Object.assign({},t.detail);this.options=[...this.options,o],this.select(o)}e&&this.notice.emit(e)}t.stopPropagation()}emptyHandler(t){this.empty=t.detail,t.stopPropagation()}toggle(t){"select-none"==t.value?this.toggleAll():this.selections.map((t=>t.value)).includes(t.value)?this.unselect(t):this.select(t)}toggleAll(){var t;this.selections=this.selections.length!=(null===(t=this.options)||void 0===t?void 0:t.length)&&this.selectAllEnabled?this.options:[],this.inputElement.focus(),this.keepFocusOnReRender=!0}unselect(t){const o=this.selections.map((t=>t.value)).indexOf(t.value);-1!=o&&(this.selections=[...this.selections.slice(0,o),...this.selections.slice(o+1,this.selections.length)],this.keepFocusOnReRender=!0)}select(t){this.selections.reduce(((o,e)=>o&&e.value!=t.value),!0)&&(this.selections=this.multiple?[...this.selections,t]:[t]),this.keepFocusOnReRender=!0,this.isOpen=this.multiple}toggleHighlighted(){var t;if(this.mutable&&this.empty){const[t,o]=this.valueValidator(this.inputElement.value);if(t){const t={name:this.inputElement.value,value:this.inputElement.value};this.options=[...this.options,t],this.select(t)}o&&this.notice.emit(o)}else null===(t=this.menuElement)||void 0===t||t.getHighlighted().then((t=>{t&&this.toggle(t)}))}highlightDefault(){var t;this.filterOptions(),null===(t=this.menuElement)||void 0===t||t.setHighlight(this.multiple||0==this.selections.length?0:this.selections[0].value)}filterOptions(){var t;null===(t=this.menuElement)||void 0===t||t.filterOptions(this.inputElement.value,[])}onInput(t){this.isOpen=""!=this.inputElement.value||this.isOpen,this.highlightDefault()}onKeyDown(t){var o;"ArrowUp"==t.key||"ArrowDown"==t.key?(null===(o=this.menuElement)||void 0===o||o.moveHighlight("ArrowUp"==t.key?-1:1),t.preventDefault()):"Enter"==t.key&&this.isOpen?this.toggleHighlighted():"Escape"==t.key?(this.inputElement.value="",this.isOpen=!1):" "==t.key&&""==this.inputElement.value&&(t.preventDefault(),this.isOpen=!0,this.filterOptions())}onClick(){this.readonly||this.disabled||(this.isOpen=!this.isOpen,this.inputElement.focus(),this.highlightDefault())}onBlur(){this.inputElement.value="",this.isOpen=!1}render(){var t,e,s;const l={"--max-height":null!==(t=this.maxHeight)&&void 0!==t?t:"inherit","--label-display":"hide"==this.labelSetting?"none":"absolute"};null===(e=this.options)||void 0===e||e.forEach((t=>{t.checked=this.selections.map((t=>t.value)).includes(t.value)}));const n=[...this.multiple?[{value:"select-none",name:this.selections.length!=this.options.length&&this.selectAllEnabled?this.selectAllName:this.selectNoneName,checked:this.selectAllEnabled?this.selections.length==this.options.length:void 0,divider:!0,toggle:this.selectAllEnabled}]:[],...null!==(s=this.options)&&void 0!==s?s:[]];return o(i,{style:l,"has-selection":this.selections.length>0,"is-open":this.isOpen?"":void 0,onMouseDown:t=>t.preventDefault(),onClick:()=>this.onClick()},o("div",null,o("smoothly-icon",{part:"search",class:"search",name:"search-outline",size:"tiny"}),o("label",{part:"label-element"},this.label),o("input",{part:"input",disabled:this.disabled,readonly:this.readonly,type:"text",ref:t=>this.inputElement=t||this.inputElement,onBlur:()=>this.onBlur(),placeholder:this.selections.length>3?this.selections.length.toString()+" "+this.selectionName:this.selections.map((t=>t.name)).join(", "),onKeyDown:t=>this.onKeyDown(t),onInput:t=>this.onInput(t)}),o("smoothly-icon",{part:"chevron",class:"down",name:"chevron-down",size:"tiny"}),o("smoothly-icon",{part:"chevron",class:"up",name:"chevron-up",size:"tiny"})),o("smoothly-menu-options",{part:"menu-options",style:{width:"100%"},toggle:!0,optionStyle:Object.assign({},this.optionStyle),order:!1,emptyMenuLabel:this.emptyMenuLabel,newOptionLabel:this.newOptionLabel,"max-menu-height":this.maxMenuHeight,mutable:this.mutable,ref:t=>this.menuElement=null!=t?t:this.menuElement,onClick:t=>t.stopPropagation(),resetHighlightOnOptionsChange:!1,options:n}))}get element(){return e(this)}static get watchers(){return{isOpen:["isOpenChangeHandler"]}}};Lt.style=':host{--background-color:var(--smoothly-default-color), 1;--color:var(--smoothly-secondary-contrast);--border-color:var(--smoothly-default-shade), 1;--border-highlight-color:var(--smoothly-secondary-contrast), 1;--label-color:var(--smoothly-secondary-contrast), 0.8;--selected-item-border-radius:0.25rem;--selected-item-background-color:var(--smoothly-secondary-color), 1;--selected-item-color:255, 255, 255, 1}:host{display:block;position:relative;background-color:rgba(var(--background-color));width:100%;cursor:pointer;--intergiro-transition:border-color 200ms cubic-bezier(0.645, 0.045, 0.355, 1);transition:var(--intergiro-transition);border:1px solid rgb(var(--border-color));margin:1px;height:2.5rem;border-radius:0.25rem}:host([disabled]){cursor:default}:host([disabled]) div>input{cursor:default}:host(:focus-within){border-color:rgb(var(--smoothly-primary-shade));border-width:2px;margin:0px}:host>div{display:flex;background-color:transparent;min-height:2.5rem;align-items:center;align-self:center;border:none;max-height:var(--max-height)}:host>div .icons>smoothly-icon{flex-shrink:0;padding-left:0.6em;stroke:rgba(var(--color), 0.4);fill:rgba(var(--color), 0.4);width:1.5em !important;height:1.5em !important}:host>div .icons>smoothly-icon:hover{fill:rgba(var(--color), 1)}:host>div input{width:100%;background-color:transparent;outline:none;border:none;cursor:pointer;color:rgb(var(--color));padding:0 0.6rem;font-family:var(--smoothly-font-family);font-size:1.05rem}:host>div input::placeholder{opacity:1;text-overflow:ellipsis}:host([is-open])>div input{color:rgb(var(--smoothly-medium-color))}:host(:not(:focus-within)[multiple]) ul>li:last-child{position:absolute;pointer-events:none}:host([label=""]) ul,:host:not([label]) ul,:host([label-setting=hide]) ul{padding-top:0.1rem;padding-bottom:0.1rem}label{padding-left:0.6rem;white-space:nowrap;color:rgba(var(--label-color));transition:var(--intergiro-transition);font-family:var(--smoothly-font-family);pointer-events:none;transform-origin:left}:host([has-selection]) label{display:var(--label-display)}:host([has-selection]) label,:host(:focus-within) label{display:none}:host(:hover) smoothly-icon[data-arrow],:host(:focus-within) smoothly-icon[data-arrow]{stroke:rgba(var(--color), 1)}:host smoothly-icon[data-arrow]{pointer-events:none}:host smoothly-icon{flex-shrink:0;width:1rem;height:1rem}:host(:not([is-open])) smoothly-icon.up,:host([is-open]) smoothly-icon.down{display:none}smoothly-icon.search{display:flex;align-self:center;padding-left:0.8rem}smoothly-icon.up,smoothly-icon.down{display:flex;align-self:center;padding-right:0.8rem;stroke:rgb(var(--smoothly-primary-shade))}:host smoothly-menu-options{margin-top:0.5rem;padding-top:0.5rem;padding-bottom:0.5rem;position:absolute;z-index:1}:host(:not([is-open]))>smoothly-menu-options{display:none}';const At=class{constructor(o){t(this,o),this.popup=s(this,"popup",7),this.visible=!1,this.direction="down",this.cssVariables={"--left":"0.1em"}}onClick(){var t,o,e,s,i,l;0==this.visible&&(null===(t=this.aside)||void 0===t||t.style.setProperty("display","block"),this.cssVariables=(null!==(e=null===(o=this.aside)||void 0===o?void 0:o.getBoundingClientRect().right)&&void 0!==e?e:0)>=window.innerWidth?{"--right":"0.1em"}:(null!==(i=null===(s=this.aside)||void 0===s?void 0:s.getBoundingClientRect().left)&&void 0!==i?i:0)<0?{"--left":"0.1em"}:this.cssVariables,null===(l=this.aside)||void 0===l||l.style.removeProperty("display")),this.visible=!this.visible,this.popup.emit(this.visible)}render(){return o(i,{style:Object.assign({},this.cssVariables)},o("content",{class:"pointer",onClick:()=>this.onClick()},o("slot",null)),o("div",{class:"background",onClick:()=>this.onClick()}),o("div",{class:"arrow",onClick:()=>this.onClick()}),o("aside",{ref:t=>this.aside=t},o("slot",{name:"popup"})))}};At.style='.sc-smoothly-popup-h{display:inline-flex;position:relative}[hidden].sc-smoothly-popup-h{display:none}.sc-smoothly-popup-h:not([visible]) aside.sc-smoothly-popup{display:none}.sc-smoothly-popup-h aside.sc-smoothly-popup{display:inline;position:absolute;padding:0.3em;left:var(--left);right:var(--right);background-color:rgb(238, 238, 238);border-color:rgb(238, 238, 238);border-style:solid;border-width:0.1em;border-radius:0.6em;z-index:3}[direction=down].sc-smoothly-popup-h aside.sc-smoothly-popup{top:2.2em;box-shadow:6px 5px 9px -9px black, 5px 6px 9px -9px black}[direction=up].sc-smoothly-popup-h aside.sc-smoothly-popup{bottom:2.2em;box-shadow:-6px -5px 9px -9px black, -5px -6px 9px -9px black}.sc-smoothly-popup-h:not([visible]) .background.sc-smoothly-popup{display:none}.sc-smoothly-popup-h .background.sc-smoothly-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2}.sc-smoothly-popup-h:not([visible]) .arrow.sc-smoothly-popup{display:none}.sc-smoothly-popup-h .arrow.sc-smoothly-popup{background-color:rgb(238, 238, 238);border-color:rgb(238, 238, 238);z-index:2;content:"";position:absolute;width:12px;height:12px;transform:rotate(45deg);left:calc(var(--left) + 1em);right:calc(var(--right) + 1em)}[direction=down].sc-smoothly-popup-h .arrow.sc-smoothly-popup{top:2em;border-top-style:solid;border-top-width:1px;border-left-style:solid;border-left-width:1px}[direction=up].sc-smoothly-popup-h .arrow.sc-smoothly-popup{bottom:2em;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px}.sc-smoothly-popup-h .pointer.sc-smoothly-popup{cursor:pointer}';const Et=class{constructor(o){t(this,o),this.color=void 0}render(){return o(i,{color:this.color},o("slot",null))}};Et.style=".sc-smoothly-quiet-h{opacity:0.5}";const It=class{constructor(o){t(this,o),this.smoothlySelected=s(this,"smoothlySelected",7),this.name=void 0,this.value=void 0,this.checked=void 0,this.tabIndex=void 0}async onInput(t){return t.target&&t.target.value&&(this.checked=t.target.checked)&&this.smoothlySelected.emit({name:this.name,value:this.value}),!0}render(){return[o("input",{type:"radio",name:this.name,id:this.value,tabindex:this.tabIndex,checked:this.checked,value:this.value,onChange:t=>this.onInput(t)}),o("label",{htmlFor:this.value},o("slot",null))]}};It.style=".sc-smoothly-radio-h{display:block;position:relative}[hidden].sc-smoothly-radio-h{display:none}label.sc-smoothly-radio{display:block;width:calc(100% - 2 * 0.4em);padding:0.2em 0.4em 0.2em 0.4em}input[type=radio].sc-smoothly-radio{position:absolute;left:0;top:0;width:calc(100%);height:100%;margin:0;appearance:none;-webkit-appearance:none}input[type=radio].sc-smoothly-radio~label.sc-smoothly-radio{border:1px solid rgb(var(--smoothly-default-color));color:rgba(var(--smoothly-default-contrast), 0.5);background:rgb(var(--smoothly-default-color))}input[type=radio].sc-smoothly-radio:checked~label.sc-smoothly-radio{background-color:rgb(var(--smoothly-default-shade));color:rgb(var(--smoothly-default-contrast))}";const Tt=class{constructor(o){t(this,o),this.radioButtonSelected=s(this,"radioButtonSelected",7),this.name=void 0,this.value=void 0,this.deselectable=void 0,this.decoration="radio"}radioSelectHandler(t){var o,e;(this.deselectable||(null===(o=this.active)||void 0===o?void 0:o.value)!=t.detail.value)&&(null===(e=this.active)||void 0===e||e.select(!1),this.active=t.detail,this.radioButtonSelected.emit({name:this.name,value:this.value=this.active.selected?this.active.value:void 0}),this.active.select(this.active.selected))}render(){return o(i,null,o("slot",null))}};Tt.style=".sc-smoothly-radio-button-h{display:block}";const Mt=class{constructor(o){t(this,o),this.radioItemSelectInternal=s(this,"radioItemSelectInternal",7),this.value=void 0,this.selected=void 0,this.color="medium",this.iconColor="medium",this.disabled=void 0}componentWillLoad(){this.selected&&this.select(this.selected)}select(t=!1){this.radioItemSelectInternal.emit({value:this.value,selected:t,select:t=>this.selected=t})}render(){return o(i,null,o("header",{onClick:()=>this.select(!this.selected)},o("smoothly-icon",{color:this.selected?"success":this.iconColor,fill:"outline",name:this.selected?"checkmark-circle":"ellipse-outline",size:"tiny",toolTip:"Select"}),o("slot",null),o("slot",{name:"end"})),o("slot",{name:"expansion"}))}};Mt.style='smoothly-radio-button[decoration=radio] .sc-smoothly-radio-button-item-h{transition:0.1s}smoothly-radio-button[decoration=radio] .sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item{padding:0.5rem}smoothly-radio-button[decoration=radio] .sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item>smoothly-icon.sc-smoothly-radio-button-item{display:none}smoothly-radio-button[decoration=radio] [selected].sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item{color:rgb(var(--smoothly-secondary-contrast));background:rgb(var(--smoothly-secondary-color))}smoothly-radio-button[decoration=radio].sc-smoothly-radio-button-item-s>[slot=expansion]::before,smoothly-radio-button[decoration=radio] .sc-smoothly-radio-button-item-s>[slot=expansion]::before{content:unset}@media screen and (min-width: 900px){smoothly-radio-button[decoration=radio] .sc-smoothly-radio-button-item-h:hover{background:rgb(var(--smoothly-secondary-shade));cursor:pointer}}smoothly-radio-button[decoration=button] .sc-smoothly-radio-button-item-h{padding:0.3rem}smoothly-radio-button[decoration=button] .sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item>smoothly-icon.sc-smoothly-radio-button-item{margin-right:0.5rem;border-radius:100%;font-size:1.3rem;display:flex}smoothly-radio-button[decoration=button].sc-smoothly-radio-button-item-s>[slot=expansion],smoothly-radio-button[decoration=button] .sc-smoothly-radio-button-item-s>[slot=expansion]{background:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color-contrast));border-radius:5px;margin-top:0.5rem}html smoothly-radio-button[decoration=button]>.sc-smoothly-radio-button-item-h{background-color:inherit;color:inherit}smoothly-radio-button[decoration=button].sc-smoothly-radio-button-item-s>[slot=expansion]::before,smoothly-radio-button[decoration=button] .sc-smoothly-radio-button-item-s>[slot=expansion]::before{content:"\\25B2";position:absolute;top:-0.8rem;left:3rem;color:rgb(var(--smoothly-color))}@media screen and (min-width: 900px){smoothly-radio-button[decoration=button] .sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item:hover>smoothly-icon.sc-smoothly-radio-button-item{cursor:pointer}smoothly-radio-button[deselectable] [selected].sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item:hover>smoothly-icon.sc-smoothly-radio-button-item{cursor:pointer}}.sc-smoothly-radio-button-item-h{display:block}.sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item{display:flex;align-items:center}.sc-smoothly-radio-button-item-s>[slot=expansion]{display:none;padding:0;position:relative;transition:0.1s}[selected].sc-smoothly-radio-button-item-s>[slot=expansion]{display:block;padding:0.5rem}[disabled].sc-smoothly-radio-button-item-h{pointer-events:none}[disabled].sc-smoothly-radio-button-item-h>header.sc-smoothly-radio-button-item>smoothly-icon.sc-smoothly-radio-button-item{opacity:0.25}';const Nt=class{constructor(o){t(this,o),this.label=void 0,this.icon=void 0,this.path=void 0,this.to=void 0}render(){return o("slot",null)}},Ht=class{constructor(o){t(this,o),this.selectionChanged=s(this,"selectionChanged",7),this.identifier=void 0,this.background=void 0,this.value=void 0}optionSelected(){this.selectElement&&this.selectionChanged.emit({identifier:this.identifier,value:this.value=this.selectElement.value})}componentDidLoad(){var t;this.selectElement&&(this.value=null===(t=this.selectElement)||void 0===t?void 0:t.value)}render(){return[o("select",{ref:t=>this.selectElement=t,id:this.identifier,onChange:()=>this.optionSelected(),style:{background:this.background}},o("slot",null))]}};Ht.style=".sc-smoothly-select-h{display:block}[hidden].sc-smoothly-select-h{display:none}select.sc-smoothly-select{min-width:1.5em;padding-top:0.5em;border:none;-webkit-appearance:none;background-color:rgb(var(--smoothly-color));padding:0.3em}select.sc-smoothly-select>option.sc-smoothly-select{background-color:inherit}select.sc-smoothly-select:focus{outline:none}";const Rt=class{constructor(o){t(this,o),this.currencies=["SEK","EUR"],this.currency="SEK"}alertf(){var t;console.log(this.quantityElement),alert(null===(t=this.quantityElement)||void 0===t?void 0:t.value)}handleSelectionChanged(t){console.log("selectionChanged",t.detail)}handleDateRangeClear(){console.log("dateRangeClear")}render(){return[o("smoothly-select",{identifier:"currency"},this.currencies.map((t=>o("option",this.currency==t?{value:t,selected:!0}:{value:t},t)))),o("smoothly-select",{identifier:"language"},o("optgroup",{label:"Nordic"},o("option",{value:"sv"},"Swedish"),o("option",{value:"da",selected:!0},"Danish"),o("option",{value:"no"},"Norwegian")),o("optgroup",{label:"Other"},o("option",{value:"en"},"English"))),o("smoothly-select",{identifier:"quantity",ref:t=>this.quantityElement=t},o("option",{value:"1"},"1"),o("option",{value:"2"},"2"),o("option",{value:"3"},"3")),o("smoothly-input-date",null,"Date"),o("smoothly-input-date",{value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),o("smoothly-input-date-range",{clearable:!0,min:d.previous(d.now(),40),max:d.next(d.now(),40)}),o("smoothly-input-date-range",{start:d.previous(d.now(),1),end:d.next(d.now(),1),min:d.previous(d.now(),30),max:d.next(d.now(),30),showLabel:!1,style:{"--background":"rgb(var(--smoothly-dark-shade))","--border-radius":"4px","--padding":"0 0.75em","--input-width":"6rem"}}),o("smoothly-selector",{initialPrompt:"Select...",ref:t=>this.selectorElement=t},o("smoothly-item",{value:"1"},"January"),o("smoothly-item",{value:"2"},"February"),o("smoothly-item",{value:"3"},"March"),o("smoothly-item",{value:"4"},"April"),o("smoothly-item",{value:"5"},"May"),o("smoothly-item",{value:"6"},"June"),o("smoothly-item",{value:"7"},"July"),o("smoothly-item",{value:"8"},"August"),o("smoothly-item",{value:"9"},"September"),o("smoothly-item",{value:"10"},"October"),o("smoothly-item",{value:"11"},"November"),o("smoothly-item",{value:"12"},"December")),o("button",{onClick:async()=>this.selectorElement.reset()},"reset selector"),o("button",{onClick:()=>this.alertf()},"press here"),o("smoothly-picker",{label:"Filter","empty-menu-label":"Sorry, we're out of options.","max-height":"58px",maxMenuHeight:"20rem",multiple:!0,options:[{name:"Big Dog",value:"dog",aliases:["WOFF"]},{name:"Cat Stevens",value:"cat",aliases:["moew"],hint:"moew"},{name:"Noble Pig",value:"pig"},{name:"Turtle Wax",value:"turtle",hint:"slow"},{name:"Spider Man",value:"spider"},{name:"Phoenix Order Long Wooord",value:"phoenix"},{name:"Horse Back",value:"horse"},{name:"Unicorn Horn",value:"unicorn"},{name:"Talking Parrot Parrot",value:"parrot"},{name:"Hidden Dragon",value:"dragon"},{name:"Scary Kraken",value:"kraken"}]}),o("br",null),o("smoothly-picker",{label:"Multiple","empty-menu-label":"Sorry, we're out of options.","max-height":"58px",multiple:!0,options:[{name:"Big Dog",value:"dog",aliases:["WOFF"]},{name:"Cat Stevens",value:"cat",aliases:["moew"]},{name:"Noble Pig",value:"pig"},{name:"Turtle Wax",value:"turtle"},{name:"Spider Man",value:"spider"},{name:"Phoenix Order Long Wooord",value:"phoenix"},{name:"Horse Back",value:"horse"},{name:"Unicorn Horn",value:"unicorn"},{name:"Talking Parrot Parrot",value:"parrot"},{name:"Hidden Dragon",value:"dragon"},{name:"Scary Kraken",value:"kraken"}]}),o("br",null),o("smoothly-picker",{label:"Multiple mutable","max-height":"58px",multiple:!0,mutable:!0,newOptionLabel:"Invite:",options:[{name:"john@example.com",value:"john@example.com"},{name:"jane@example.com",value:"jane@example.com"},{name:"james@example.com",value:"james@example.com"},{name:"jessie@example.com",value:"jessie@example.com"}],valueValidator:t=>t.match(/^\w+@\w+/)?[!0,void 0]:[!1,r.failed("Incorrectly formatted email")]}),o("br",null),o("smoothly-picker",{label:"Single select",multiple:!1,"max-menu-height":"200px",options:[{name:"Dog",value:"dog",aliases:["WOFF"],hint:"Woof 🐶"},{name:"Cat",value:"cat",aliases:["moew"]},{name:"Pig",value:"pig"},{name:"Turtle",value:"turtle"},{name:"Spider",value:"spider"},{name:"Phoenix",value:"phoenix"},{name:"Horse",value:"horse"},{name:"Unicorn",value:"unicorn"},{name:"Parrot",value:"parrot"},{name:"Dragon",value:"dragon"},{name:"Kraken",value:"kraken"}]}),o("br",null),o("smoothly-picker",{label:"readonly",readonly:!0,options:[{name:"readonly",value:"readonly"}]}),o("br",null),o("smoothly-tab-switch",null,o("smoothly-tab",{label:"test1",open:!0},"Hello world!"),o("smoothly-tab",{label:"test2"},"this is a test message!"),o("smoothly-tab",{label:"test3"},"this is a test message again!")),o("smoothly-selector",{initialPrompt:"select",style:{maxWidth:"25px"},disableFilter:!0},o("smoothly-item",null,o("img",{src:"assets/images/da-DK.svg",alt:"danish",style:{width:"25px"}})),o("smoothly-item",null,o("img",{src:"assets/images/en-GB.svg",alt:"british english"})),o("smoothly-item",null,o("img",{src:"assets/images/en-US.svg",alt:"american english"})))]}};Rt.style=".sc-smoothly-select-demo-h{display:block}[hidden].sc-smoothly-select-demo-h{display:none}button.sc-smoothly-select-demo:focus{outline:none}smoothly-selector.sc-smoothly-select-demo{outline:none}button.sc-smoothly-select-demo{display:block}";const Pt=class{constructor(o){t(this,o),this.selected=s(this,"selected",7),this.items=[],this.initialPrompt=void 0,this.disableFilter=!1,this.opened=!1,this.selectedElement=void 0,this.missing=!1,this.filter=""}async reset(){var t;this.selectedElement=void 0,this.mainElement&&(this.mainElement.innerHTML=null!==(t=this.initialPrompt)&&void 0!==t?t:"(none)")}onSelectedChange(t,o){o&&(o.selected=!1),this.selected.emit(null==t?void 0:t.value)}async onFilterChange(t){t=t.toLowerCase(),(await Promise.all(this.items.map((o=>o.filter(t))))).some((t=>t))?this.missing=!1:(this.missing=!0,this.items.forEach((t=>t.filter(""))))}onClick(t){t.stopPropagation(),this.opened=!this.opened}onItemSelected(t){this.selectedElement=t.target,this.mainElement&&(this.mainElement.innerHTML=this.selectedElement.innerHTML)}onClosed(){if(!this.opened){const t=this.items.find((t=>t.marked));t&&(t.marked=!1)}}onKeyDown(t){if(!this.disableFilter)if(t.stopPropagation(),t.preventDefault(),this.opened){let o=0;switch(t.key){case"ArrowUp":o=-1;break;case"ArrowDown":o=1;break;case"Escape":this.filter="";break;case"Backspace":this.filter=this.filter.slice(0,-1);break;case"Enter":const e=this.items.find((t=>t.marked));(null==e?void 0:e.value)&&(e.selected=!0),this.opened=!1,this.filter="";break;default:1==t.key.length&&(this.filter+=t.key)}this.move(o)}else"Enter"==t.key&&(this.opened=!0)}move(t){if(t){let o=this.items.findIndex((t=>t.marked));-1==o&&(o=this.items.findIndex((t=>t.selected))),this.items[o]&&(this.items[o].marked=!1);do{o=(o+t+this.items.length)%this.items.length}while(this.items[o].hidden);this.items[o].marked=!0,this.items[o].focus()}}render(){var t;return o(i,{tabIndex:2,class:this.missing?"missing":""},o("main",{ref:t=>this.mainElement=t},null!==(t=this.initialPrompt)&&void 0!==t?t:"(none)"),0!=this.filter.length?o("aside",{ref:t=>this.aside=t},this.filter,o("button",{onClick:t=>{t.stopPropagation(),this.filter=""}},o("smoothly-icon",{name:"close",size:"small"}))):void 0,this.opened?o("section",{onClick:()=>this.opened=!0}):[],o("div",{class:this.opened?"":"hidden"},o("nav",null,o("slot",null))))}componentDidRender(){const t=[],o=this.element.querySelectorAll("div > nav > smoothly-item");for(let s=0;s<o.length;s++){const i=o.item(s);"object"!=typeof(e=i)||"boolean"!=typeof e.selected&&null!=e.selected||"function"!=typeof e.filter||t.push(i)}var e;this.items=t}get element(){return e(this)}static get watchers(){return{selectedElement:["onSelectedChange"],filter:["onFilterChange"],opened:["onClosed"]}}};Pt.style=".sc-smoothly-selector-h{position:relative;height:100%}.sc-smoothly-selector-h>main.sc-smoothly-selector,.sc-smoothly-selector-h>main.sc-smoothly-selector>*.sc-smoothly-selector{min-width:25px;max-width:inherit;height:100%;display:flex;align-items:center;border:1px transparent;margin:0.5em}.sc-smoothly-selector-h>div.sc-smoothly-selector>nav.sc-smoothly-selector{display:flex;flex-direction:column;position:absolute;z-index:10;height:var(--menu-height, unset);overflow-y:scroll}.sc-smoothly-selector-h>aside.sc-smoothly-selector{position:absolute;top:0;left:5em;z-index:10;background-color:rgb(var(--smoothly-tertiary-color));color:rgb(var(--smoothly-tertiary-contrast));height:1.25rem;border-radius:0.3rem;padding:0.3rem;display:flex;align-items:center}.missing.sc-smoothly-selector-h>aside.sc-smoothly-selector{background-color:rgb(var(--smoothly-warning-color));color:rgb(var(--smoothly-warning-contast))}.hidden.sc-smoothly-selector{display:none}";const Bt=class{constructor(o){t(this,o),this.widths=["8rem","9rem","10rem"],this.width=void 0,this.color=void 0,this.period=void 0,this.distance=void 0,this.align="left"}componentWillLoad(){var t;this.width=null!==(t=this.width)&&void 0!==t?t:this.widths[Math.floor(Math.random()*this.widths.length)]}render(){var t;const e=Object.assign(Object.assign({"--width":this.width,"--distance":null!==(t=this.distance)&&void 0!==t?t:"10rem"},this.color?{"--color":this.color}:void 0),this.period?{"--period":this.period+"s"}:void 0);return o(i,{style:e})}};Bt.style='.sc-smoothly-skeleton-h{display:block;height:1rem}.sc-smoothly-skeleton-h::before{content:"";display:block;width:var(--width);height:100%;border-radius:0.4rem;background-image:linear-gradient(90deg, rgb(var(--color, var(--smoothly-dark-color))) 0, transparent 2.5rem, rgb(var(--color, var(--smoothly-dark-color))) 5rem);background-size:calc(var(--distance) + 5rem);animation-duration:var(--period, 1.6s);animation-iteration-count:infinite;animation-timing-function:linear;animation-name:shine-lines-left}@keyframes shine-lines-left{0%{background-position:-5rem}40%,100%{background-position:var(--distance)}}[align=center].sc-smoothly-skeleton-h::before{margin:0 auto;animation-name:shine-lines-center}@keyframes shine-lines-center{0%{background-position:calc((var(--width) - var(--distance)) / 2 - 5rem)}40%,100%{background-position:calc(var(--width) + (var(--distance) - var(--width)) / 2)}}[align=right].sc-smoothly-skeleton-h::before{margin:0;margin-left:auto;animation-name:shine-lines-right}@keyframes shine-lines-right{0%{background-position:calc(var(--width) - var(--distance) - 5rem)}40%,100%{background-position:var(--width)}}';const Wt=class{constructor(o){t(this,o),this.active=void 0,this.size="large"}render(){const t="large"==this.size?6:"medium"==this.size?8:12;return o(i,{style:{"--color":"var(--spinner-color)","--size":"large"==this.size?"5em":"medium"==this.size?"3em":"1.2em"}},o("svg",{class:"spinner",viewBox:`0 0 ${60+t} ${60+t}`,xmlns:"http://www.w3.org/2000/svg"},o("circle",{class:"path",fill:"none","stroke-width":t,"stroke-linecap":"round",cx:""+(30+t/2),cy:""+(30+t/2),r:"30"})))}};var Ft;Wt.style=".sc-smoothly-spinner-h:not([active]){display:none}[hidden].sc-smoothly-spinner-h{display:none}.sc-smoothly-spinner-h{display:block;stroke:rgb(var(--spinner-color, var(--smoothly-primary-tint)));position:absolute;inset:0;width:100%;height:100%;background-color:rgba(var(--background-color, var(--smoothly-default-color)), var(--background-opacity, var(--smoothly-semitransparent, 0.8)))}.sc-smoothly-spinner-h svg.sc-smoothly-spinner{position:absolute;left:calc(50% - var(--size) / 2);top:calc(50% - var(--size) / 2);width:var(--size);animation:SPIN-SVG 1.4s linear infinite}.sc-smoothly-spinner-h svg.sc-smoothly-spinner circle.sc-smoothly-spinner{transform-origin:center;animation:SPIN-CIRCLE 1.4s 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)}}",function(t){function o(t,[e,...s],i){const l=t[e];return Object.assign(Object.assign({},t),{[e]:s.length?o("object"==typeof l?l:{},s,i):i})}t.set=o,t.deepen=function(t){return Object.entries(t).reduce(((t,[e,s])=>o(t,e.split("."),s)),{})}}(Ft||(Ft={}));const Kt=class{constructor(o){t(this,o),this.submitEvent=s(this,"submit",7),this.processing=void 0,this.color=void 0,this.expand=void 0,this.fill=void 0,this.disabled=!1,this.prevent=void 0}get form(){return this.button&&this.button.form||void 0}async handleSubmit(t){if(!this.processing){this.processing=!0,this.prevent&&t.preventDefault();const o={};if(this.form){const t=this.form.elements;for(let e=0;e<t.length;e++){const s=t.item(e);Ut(s)&&s.name&&(o[s.name]=s.value)}const e=this.form.getElementsByTagName("smoothly-input");for(let t=0;t<e.length;t++){const s=e.item(t);Ut(s)&&s.name&&(o[s.name]=s.value)}}this.submitEvent.emit(Ft.deepen(o)),this.processing=!1}}handleClick(t){this.disabled&&t.stopImmediatePropagation()}async submit(){let t;return(t=!!this.form)&&this.form.submit(),t}render(){return o(i,{onClick:t=>this.handleClick(t)},o("smoothly-spinner",{active:this.processing}),o("button",{type:"submit",disabled:this.disabled||this.processing,ref:t=>this.button=t},o("slot",null)))}};function Ut(t){return"string"==typeof t.name&&"string"==typeof t.value}Kt.style=".sc-smoothly-submit-h{display:block;border-width:1px;border-style:solid;border-radius:3px}[hidden].sc-smoothly-submit-h{display:none}[disabled].sc-smoothly-submit-h{opacity:0.5}button.sc-smoothly-submit{padding:0.2em 0.3em;font-size:110%;font-weight:400}[processing].sc-smoothly-submit-h{border-color:rgb(var(--smoothly-light-color))}[processing].sc-smoothly-submit-h>button.sc-smoothly-submit{color:rgb(var(--smoothly-light-contrast));background:rgb(var(--smoothly-light-color))}.sc-smoothly-submit-h:not([processing]):not([disabled]):hover,.sc-smoothly-submit-h:not([processing]):not([disabled]):focus,.sc-smoothly-submit-h:not([processing]):not([disabled]):active{border-color:rgb(var(--smoothly-submit-border))}[expand=fill].sc-smoothly-submit-h>button.sc-smoothly-submit,[expand=block].sc-smoothly-submit-h>button.sc-smoothly-submit{width:100%}[expand=fill].sc-smoothly-submit-h{border-left:none;border-right:none}";const Vt=class{constructor(o){t(this,o),this.defaultSizes={large:{height:"50rem",width:"50rem"},medium:{height:"30rem",width:"30rem"},small:{height:"10rem",width:"10rem"},tiny:{height:"5rem",width:"5rem"}},this.url=void 0,this.size=void 0,this.color=void 0}render(){const t=this.size?"object"==typeof this.size?this.size.height:this.defaultSizes[this.size].height:"10rem",e=this.size?"object"==typeof this.size?this.size.width:this.defaultSizes[this.size].width:"10rem";return o(i,{style:{"min-height":t,"min-width":e,"--size-height":t,"--size-width":e,"--color":this.color}},o("object",{height:t,width:e,type:"image/svg+xml",data:this.url}))}};Vt.style=".sc-smoothly-svg-h{display:block;min-width:var(--size-width);min-height:var(--size-height);background-color:rgb(var(--color))}object.sc-smoothly-svg{min-width:var(--size-width);min-height:var(--size-height);background-color:rgb(var(--color))}";const qt=class{constructor(o){t(this,o),this.expansionOpen=s(this,"expansionOpen",7),this.label=void 0,this.open=void 0}openChanged(){this.expansionElement&&this.expansionOpen.emit(this.expansionElement)}onClick(t){this.open=!this.open,t.stopPropagation()}componentDidLoad(){this.expansionElement&&this.open&&this.expansionOpen.emit(this.expansionElement)}render(){return o(i,null,o("label",null,this.label),o("div",{ref:t=>this.expansionElement=t,class:this.open?"":"hide"},o("slot",null)))}static get watchers(){return{open:["openChanged"]}}};qt.style="[open].sc-smoothly-tab-h{border-bottom:3px solid rgb(var(--smoothly-primary-color));box-sizing:border-box;margin-bottom:-3px}.hide.sc-smoothly-tab{display:none}label.sc-smoothly-tab{display:block;padding:.5rem;background-color:transparent;width:auto}";const Zt=class{constructor(o){t(this,o),this.selectedElement=void 0}openChanged(t){t.stopPropagation(),this.selectedElement=t.target,this.selectedElement.open=!0,this.element.after(t.detail)}onSelectedChange(t,o){o&&(o.open=!1)}render(){return o(i,null,o("slot",null))}get element(){return e(this)}static get watchers(){return{selectedElement:["onSelectedChange"]}}};Zt.style=".sc-smoothly-tab-switch-h{display:flex;flex-direction:row;justify-content:space-around;border-bottom:3px solid rgb(var(--smoothly-default-shade))}";const Gt=class{constructor(o){t(this,o),this.smoothlyNestedTable=s(this,"smoothlyNestedTable",7),this.spotlightChange=s(this,"spotlightChange",7),this.tableLoad=s(this,"tableLoad",7),this.expandable=new Map,this.expanded=new Set,this.root=!0}componentWillLoad(){this.smoothlyNestedTable.emit((()=>this.root=!1)),this.tableLoad.emit((t=>this.owner=t))}handleExpandableLoaded(t){t.stopPropagation(),t.target&&this.expandable.set(t.target,t.detail)}handleExpandableState(t){t.stopPropagation(),t.target&&(t.detail?this.expanded.add(t.target):this.expanded.delete(t.target)),this.spotlightChange.emit({allowSpotlight:!this.expanded.size,owner:this.owner})}handleSpotlightState(t){var o;t.target!=this.element&&(t.stopPropagation(),t.detail.owner&&(null===(o=this.expandable.get(t.detail.owner))||void 0===o||o.allowSpotlight(t.detail.allowSpotlight)))}handleNestedTable(t){t.target!=this.element&&(t.stopPropagation(),t.detail())}handleEvents(t){t.stopPropagation()}render(){return[o("slot",null)]}get element(){return e(this)}};Gt.style=".sc-smoothly-table-h{display:table;width:var(--table-width, 80%);box-sizing:border-box;background-color:rgb(var(--smoothly-default-color))}[root].sc-smoothly-table-h{margin-left:auto;margin-right:auto;margin-left:1.5rem;margin-right:1.5rem}.sc-smoothly-table-h:not([root]){margin:0;width:100%}";const Jt=class{constructor(o){t(this,o)}render(){return o(i,null,o("div",null,o("div",null,o("slot",null)),o("smoothly-icon",{name:"chevron-forward",size:"tiny"})))}};Jt.style=".sc-smoothly-table-cell-h{display:table-cell;line-height:1.5rem;white-space:nowrap;padding:0.3rem 0 0.3rem 1rem;border-bottom:1px solid rgb(var(--smoothly-dark-color))}.sc-smoothly-table-cell-h smoothly-icon.sc-smoothly-table-cell{display:none}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell{display:flex;align-items:center}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell>div.sc-smoothly-table-cell{width:100%}.sc-smoothly-table-cell-h smoothly-icon.sc-smoothly-table-cell{width:0.6rem;height:0.6rem;margin:0 0.3rem;transition:transform 0.2s}";const Qt=class{constructor(o){t(this,o)}render(){return[o("smoothly-table",null,o("smoothly-table-row",null,o("smoothly-table-header",null,"Header A"),o("smoothly-table-header",null,"Header B"),o("smoothly-table-header",null,"Header C"),o("smoothly-table-header",null,"Header D")),o("smoothly-table-row",null,o("smoothly-table-expandable-cell",{open:!0},"normal row (exp.cell)",o("div",{slot:"detail"},"expandable cell 1 content")),o("smoothly-table-expandable-cell",null,"expandable cell",o("div",{slot:"detail"},"expandable cell 2 content")),o("smoothly-table-expandable-cell",null,"expandable cell",o("div",{slot:"detail"},"expandable cell 3 content")),o("smoothly-table-expandable-cell",null,"expandable cell",o("div",{slot:"detail"},"expandable cell 4 content"))),o("smoothly-table-row",null,o("smoothly-table-cell",null,'normal row (nor.cell)"'),o("smoothly-table-cell",null,"normal cell"),o("smoothly-table-expandable-cell",{open:!0},"expandable cell",o("div",{slot:"detail"},"expandable cell details.")),o("smoothly-table-expandable-cell",null,"expandable cell",o("div",{slot:"detail"},"expandable cell details."))),o("smoothly-table-expandable-row",null,o("smoothly-table-cell",null,"expandable row (nor.cell)"),o("smoothly-table-cell",null,"Normal cell"),o("smoothly-table-cell",null,"normal cell"),o("smoothly-table-cell",null,"Normal cell"),o("div",{slot:"detail"},"expandable row content"))),o("smoothly-table",null,o("smoothly-table-row",null,o("smoothly-table-header",null,"Header A")),o("smoothly-table-expandable-row",null,o("smoothly-table-cell",null,"A Content"),o("div",{slot:"detail"},o("smoothly-tab-switch",null,o("smoothly-tab",{label:"innertable 1",open:!0},o("smoothly-table",null,o("smoothly-table-row",null,o("smoothly-table-header",null,"Header B")),o("smoothly-table-expandable-row",null,"B Content"))),o("smoothly-tab",{label:"innertable 2"},o("smoothly-table",null,o("smoothly-table-row",null,o("smoothly-table-header",null,"Header C")),o("smoothly-table-expandable-row",null,o("smoothly-table-cell",null,"C Content")))))))),o("smoothly-table",null,o("smoothly-table-row",null,o("smoothly-table-header",null,"A"),o("smoothly-table-header",null,"B")),o("smoothly-table-expandable-row",null,o("smoothly-table-cell",null,"a row"),o("smoothly-table-cell",null,"b row"),o("div",{slot:"detail"},o("smoothly-table",null,o("smoothly-table-row",null,o("smoothly-table-header",null,"C"),o("smoothly-table-header",null,"D")),o("smoothly-table-expandable-row",null,o("smoothly-table-cell",null,"c"),o("smoothly-table-cell",null,"d"),o("div",{slot:"detail"},o("smoothly-table",null,o("smoothly-table-row",null,o("smoothly-table-header",null,"E"),o("smoothly-table-header",null,"F")),o("smoothly-table-expandable-row",null,o("smoothly-table-cell",null,"e row"),o("smoothly-table-cell",null,"f row"),o("div",{slot:"detail"},"nested expandable row expansion e f")))))))),o("smoothly-table-expandable-row",null,o("smoothly-table-cell",null,o("span",null,"one"),o("span",null,"two"),o("span",null,"three")),o("smoothly-table-cell",null,"five",o("smoothly-icon",{name:"paper-plane-sharp",size:"small"})),o("div",{slot:"detail"},"four")),o("smoothly-table-row",null,o("smoothly-table-expandable-cell",null,"a cell",o("div",{slot:"detail"},o("smoothly-table",null,o("smoothly-table-row",null,o("smoothly-table-header",null,"E"),o("smoothly-table-header",null,"F")),o("smoothly-table-row",null,o("smoothly-table-expandable-cell",null,"e cell",o("div",{slot:"detail"},"nested expandable cell expansion e")),o("smoothly-table-expandable-cell",null,"f cell",o("div",{slot:"detail"},"nested expandable cell expansion f")))))),o("smoothly-table-expandable-cell",null,"b cell",o("div",{slot:"detail"},o("smoothly-table",null,o("smoothly-table-row",null,o("smoothly-table-header",null,"C"),o("smoothly-table-header",null,"D")),o("smoothly-table-row",null,o("smoothly-table-expandable-cell",null,"c cell",o("div",{slot:"detail"},"nested expandable cell expansion c")),o("smoothly-table-expandable-cell",null,"d cell",o("div",{slot:"detail"},"nested expandable cell expansion d")))))))),o("smoothly-table",null,o("smoothly-table-row",null,o("smoothly-table-header",null,"display"),o("smoothly-table-header",null,"contents")),o("smoothly-table-expandable-row",null,o("div",{class:"content"},o("smoothly-table-cell",null,"A"),o("smoothly-table-cell",null,"B")),o("div",{slot:"detail"},"expansion")))]}};Qt.style=".sc-smoothly-table-demo-h{display:flex;flex-direction:column;align-items:center;gap:3rem;padding-bottom:10rem}.content.sc-smoothly-table-demo{display:contents}";const Xt=class{constructor(o){t(this,o),this.expansionOpen=s(this,"expansionOpen",7),this.expansionLoad=s(this,"expansionLoad",7),this.expandableChange=s(this,"expandableChange",7),this.expandableLoad=s(this,"expandableLoad",7),this.allowSpotlight=!0,this.spotlight=!0,this.align="left",this.open=void 0}openChanged(t){this.expansionElement&&(t?this.beginOpen=!0:this.element.append(this.expansionElement)),this.expandableChange.emit(this.open)}handleSpotlight(){this.spotlight=this.open&&this.allowSpotlight}componentWillLoad(){this.expansionLoad.emit(),this.expandableLoad.emit({allowSpotlight:t=>this.allowSpotlight=t})}componentDidRender(){this.beginOpen&&(this.beginOpen=!1,this.expansionOpen.emit(this.expansionElement))}componentDidLoad(){var t;this.open&&this.expansionElement&&(null===(t=this.element.parentElement)||void 0===t||t.after(this.expansionElement))}onClick(){this.open=!this.open}handleTableLoaded(t){t.stopPropagation(),t.detail(this.element)}render(){return o(i,{style:{textAlign:this.align}},o("aside",null,o("smoothly-icon",{name:"chevron-forward",size:"tiny"}),o("slot",null)),o("tr",{class:this.spotlight?"spotlight":"",ref:t=>this.expansionElement=t},o("td",{colSpan:999,class:this.open?"":"hide"},o("slot",{name:"detail"}))))}get element(){return e(this)}static get watchers(){return{open:["openChanged","handleSpotlight"],allowSpotlight:["handleSpotlight"]}}};Xt.style='.sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.3rem 0 0.3rem 0;cursor:pointer;line-height:1.5rem;border-bottom:1px solid rgb(var(--smoothly-dark-color))}[open].sc-smoothly-table-expandable-cell-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-default-color));box-shadow:-1px 0 0 rgb(var(--smoothly-dark-color)) inset, \n\t\t1px 0 0 rgb(var(--smoothly-dark-color)) inset;border-bottom:none}.sc-smoothly-table-expandable-cell-h smoothly-icon.sc-smoothly-table-expandable-cell{width:0.6rem;float:left;padding:0 0.3rem;transition:transform 0.2s;display:flex;height:100%;align-self:center}[open].sc-smoothly-table-expandable-cell-h smoothly-icon.sc-smoothly-table-expandable-cell{transform:rotate(90deg)}aside.sc-smoothly-table-expandable-cell{display:flex}.hide.sc-smoothly-table-expandable-cell{display:none}td.sc-smoothly-table-expandable-cell-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-default-color));width:calc(100% + 3rem - var(--expansion-border-width));left:calc(-1 * var(--expansion-width));border-left:var(--expansion-border-width) solid rgb(0, 0, 0, 0);box-shadow:0px 0px 4px 2px rgb(var(--smoothly-dark-color));box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - var(--expansion-border-width));border-bottom:1px solid rgb(var(--smoothly-dark-color));border-left-width:3px}tr.spotlight>td.sc-smoothly-table-expandable-cell-s>*{border-left-color:rgb(var(--smoothly-tertiary-color))}td.sc-smoothly-table-expandable-cell-s>*::before{content:"";position:absolute;display:flex;top:-1px;bottom:0;left:-3px;width:calc(var(--expansion-width) + 1px);border-top:1px solid rgb(var(--smoothly-dark-color))}td.sc-smoothly-table-expandable-cell-s>*::after{content:"";position:absolute;display:flex;top:-1px;bottom:0;right:0;width:calc(var(--expansion-width) -1px);border-top:1px solid rgb(var(--smoothly-dark-color))}';const to=class{constructor(o){t(this,o),this.expansionOpen=s(this,"expansionOpen",7),this.expandableChange=s(this,"expandableChange",7),this.expandableLoad=s(this,"expandableLoad",7),this.allowSpotlight=!0,this.spotlight=!0,this.align="left",this.open=void 0}openChanged(){this.expansionElement&&this.element.after(this.expansionElement),this.expandableChange.emit(this.open)}handleSpotlight(){this.spotlight=this.open&&this.allowSpotlight}componentWillLoad(){this.expandableLoad.emit({allowSpotlight:t=>this.allowSpotlight=t})}componentDidRender(){this.expansionOpen.emit(this.expansionElement),this.expansionElement&&this.open&&this.element.after(this.expansionElement)}onClick(t){t.stopPropagation(),this.open=!this.open}handleTableLoaded(t){t.stopPropagation(),t.detail(this.element)}render(){return o(i,{style:{textAlign:this.align}},o("slot",null),o("tr",{class:this.spotlight?"spotlight":"",ref:t=>this.expansionElement=t},o("td",{colSpan:999,class:this.open?"":"hide"},o("slot",{name:"detail"}))))}get element(){return e(this)}static get watchers(){return{open:["openChanged","handleSpotlight"],allowSpotlight:["handleSpotlight"]}}};to.style='.sc-smoothly-table-expandable-row-h{display:table-row;cursor:pointer;line-height:1.5rem}[open].sc-smoothly-table-expandable-row-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-default-color));box-shadow:-1px 0 0 0 rgb(var(--smoothly-dark-color)) inset, \n\t\t1px 0 0 0 rgb(var(--smoothly-dark-color)) inset}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell,.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s>smoothly-table-cell{border-bottom:none}.hide.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>tr.sc-smoothly-table-expandable-row>td.sc-smoothly-table-expandable-row{position:relative}td.sc-smoothly-table-expandable-row-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-default-color));width:calc(100% + 3rem - var(--expansion-border-width));left:calc(-1 * var(--expansion-width));border-left:var(--expansion-border-width) solid rgb(0, 0, 0, 0);box-shadow:0px 0px 4px 2px rgb(var(--smoothly-dark-color));box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - var(--expansion-border-width));border-bottom:1px solid rgb(var(--smoothly-dark-color));border-left-width:3px}tr.spotlight>td.sc-smoothly-table-expandable-row-s>*{border-left-color:rgb(var(--smoothly-tertiary-color))}td.sc-smoothly-table-expandable-row-s>*::before{content:"";position:absolute;display:flex;top:0;bottom:0;left:-3px;width:calc(var(--expansion-width) + 1px);border-top:1px solid rgb(var(--smoothly-dark-color))}td.sc-smoothly-table-expandable-row-s>*::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:0;width:calc(var(--expansion-width) -1px);border-top:1px solid rgb(var(--smoothly-dark-color))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s smoothly-table-cell:last-of-type>div>smoothly-icon:last-of-type,.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>smoothly-table-cell:last-of-type>div>smoothly-icon:last-of-type{display:flex}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell:last-of-type>div>smoothly-icon:last-of-type,.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s>smoothly-table-cell:last-of-type>div>smoothly-icon:last-of-type{transform:rotate(90deg)}';const oo=class{constructor(o){t(this,o),this.name=void 0}render(){return o(i,null,o("slot",null))}};oo.style=".sc-smoothly-table-header-h{display:table-cell;line-height:2.5rem;border-bottom:1px solid rgb(var(--smoothly-dark-color));border-top:1px solid rgb(var(--smoothly-dark-color));padding-left:1rem;font-weight:bold}";const eo=class{constructor(o){t(this,o),this.expansions=[]}onExpansionLoad(t){this.expansions.push(t.target)}onExpansionOpen(t){this.expansions.forEach((o=>{o!=t.target&&(o.open=!1)})),t.detail&&this.element.after(t.detail)}render(){return o("slot",null)}get element(){return e(this)}};eo.style=".sc-smoothly-table-row-h{display:table-row;cursor:default;line-height:1.5rem}.hide.sc-smoothly-table-row{display:none}";const so=class{constructor(o){t(this,o),this.trigger=s(this,"trigger",7),this.color=void 0,this.expand=void 0,this.fill=void 0,this.disabled=!1,this.type="button",this.name=void 0,this.value=void 0}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",{disabled:this.disabled,name:this.name},o("slot",null))}return t}};so.style=".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}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=fill].sc-smoothly-trigger-h>button.sc-smoothly-trigger,[expand=block].sc-smoothly-trigger-h>button.sc-smoothly-trigger{width:100%}[expand=fill].sc-smoothly-trigger-h{border-left:none;border-right:none}";const io=class{constructor(o){t(this,o),this.tuple=void 0}render(){return[o("b",null,this.tuple[0]),": ",this.tuple[1],o("br",null)]}},lo=class{constructor(o){t(this,o),this.data=void 0}render(){return this.data.split("&").map((t=>t.split("="))).map((t=>o("smoothly-tuple",{tuple:t})))}};export{v as smoothly_accordion,f as smoothly_accordion_item,w as smoothly_app,x as smoothly_app_demo,k as smoothly_backtotop,S as smoothly_button,D as smoothly_calendar,j as smoothly_checkbox,L as smoothly_dialog,A as smoothly_dialog_demo,pt as smoothly_display,bt as smoothly_display_amount,gt as smoothly_display_date_time,vt as smoothly_display_demo,ft as smoothly_frame,wt as smoothly_icon,xt as smoothly_icon_demo,kt as smoothly_input,St as smoothly_input_date,Ct as smoothly_input_date_range,zt as smoothly_input_demo,Dt as smoothly_input_month,_t as smoothly_item,Yt as smoothly_menu_options,$t as smoothly_notification,Ot as smoothly_notifier,jt as smoothly_option,Lt as smoothly_picker,At as smoothly_popup,Et as smoothly_quiet,It as smoothly_radio,Tt as smoothly_radio_button,Mt as smoothly_radio_button_item,Nt as smoothly_room,Ht as smoothly_select,Rt as smoothly_select_demo,Pt as smoothly_selector,Bt as smoothly_skeleton,Wt as smoothly_spinner,Kt as smoothly_submit,Vt as smoothly_svg,qt as smoothly_tab,Zt as smoothly_tab_switch,Gt as smoothly_table,Jt as smoothly_table_cell,Qt as smoothly_table_demo,Xt as smoothly_table_expandable_cell,to as smoothly_table_expandable_row,oo as smoothly_table_header,eo as smoothly_table_row,so as smoothly_trigger,io as smoothly_tuple,lo as smoothly_urlencoded}

package/dist/smoothly/smoothly.esm.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,b as o}from"./p-c88ae468.js";export{s as setNonce}from"./p-c88ae468.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-a19a824a",[[2,"smoothly-country",{value:[1],text:[1],language:[32]}]]],["p-0ed63b7b",[[2,"smoothly-google-font",{value:[1]}]]],["p-5fb08944",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-607abd83",[[0,"smoothly-reorder"]]],["p-e5e0e577",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-8b76a2f7",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-~~389c9358~~",[[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"],[0,"dateRangeClear","handleDateRangeClear"]]],[0,"smoothly-display-demo"],[2,"smoothly-table-demo"],[4,"smoothly-app",{color:[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[6,"smoothly-button",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],link:[1],download:[4]}],[4,"smoothly-room",{label:[1],icon:[1],path:[1],to:[1]}],[2,"smoothly-input-date-range",{value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],open:[1028],disabled:[516],showLabel:[516,"show-label"],labelStart:[1,"label-start"],labelEnd:[1,"label-end"],clearable:[4]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[1,"smoothly-picker",{disabled:[516],readonly:[516],maxMenuHeight:[1,"max-menu-height"],maxHeight:[1,"max-height"],emptyMenuLabel:[1025,"empty-menu-label"],multiple:[516],mutable:[4],optionStyle:[8,"option-style"],options:[1040],labelSetting:[513,"label-setting"],label:[513],selections:[1040],selectNoneName:[1025,"select-none-name"],selectAllName:[1025,"select-all-name"],selectAllEnabled:[1028,"select-all-enabled"],selectionName:[1025,"selection-name"],newOptionLabel:[1025,"new-option-label"],valueValidator:[16],isOpen:[32],empty:[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[6,"smoothly-notifier",{notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{color:[513],open:[1540],closable:[516],header:[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-backtotop",{opacity:[1],bottom:[1],right:[1],visible:[32]}],[2,"smoothly-checkbox",{selectAll:[4,"select-all"],size:[1],intermediate:[1540],selected:[1540],disabled:[1540],t:[32]}],[6,"smoothly-radio-button-item",{value:[8],selected:[1540],color:[513],iconColor:[1,"icon-color"],disabled:[1540]}],[6,"smoothly-submit",{processing:[1540],color:[513],expand:[513],fill:[513],disabled:[516],prevent:[4],submit:[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{align:[1],open:[1540],allowSpotlight:[32],spotlight:[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[0,"smoothly-urlencoded",{data:[1]}],[6,"smoothly-accordion",{value:[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{name:[1],brand:[1],open:[1540]}],[2,"smoothly-display",{type:[1],value:[8],currency:[1],country:[1],format:[16]}],[2,"smoothly-display-amount",{amount:[8],currency:[1],toInteger:[4,"to-integer"]}],[2,"smoothly-display-date-time",{datetime:[1]}],[2,"smoothly-frame",{url:[1],name:[1],origin:[1],send:[64]}],[6,"smoothly-popup",{visible:[1540],direction:[1537],cssVariables:[32]}],[6,"smoothly-radio",{name:[1],value:[1],checked:[1540],tabIndex:[2,"tab-index"]}],[6,"smoothly-radio-button",{name:[1],value:[1032],deselectable:[516],decoration:[513]},[[2,"radioItemSelectInternal","radioSelectHandler"]]],[6,"smoothly-select",{identifier:[1],background:[513],value:[1025]}],[2,"smoothly-skeleton",{widths:[16],width:[1025],color:[1],period:[2],distance:[1],align:[513]}],[2,"smoothly-svg",{url:[513],size:[513],color:[1]}],[6,"smoothly-table",{root:[1540]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-expandable-row",{align:[1],open:[1540],allowSpotlight:[32],spotlight:[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-table-header",{name:[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[6,"smoothly-input-date",{name:[513],value:[1025],open:[1028],max:[1025],min:[1025],disabled:[1028],flexible:[516],color:[1025]},[[0,"dateSet","dateSetHandler"]]],[1,"smoothly-menu-options",{toggle:[4],emptyMenuLabel:[1025,"empty-menu-label"],newOptionLabel:[1,"new-option-label"],maxMenuHeight:[1,"max-menu-height"],order:[4],optionStyle:[8,"option-style"],options:[1040],resetHighlightOnOptionsChange:[1028,"reset-highlight-on-options-change"],mutable:[4],filteredOptions:[32],highlightIndex:[32],keyword:[32],moveHighlight:[64],setHighlight:[64],getHighlighted:[64],filterOptions:[64]},[[0,"optionHover","optionHoverHandler"]]],[2,"smoothly-notification",{notice:[16],tick:[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-tab",{label:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{selectedElement:[32]},[[0,"expansionOpen","openChanged"]]],[0,"smoothly-tuple",{tuple:[16]}],[1,"smoothly-option",{aliases:[513],dataHighlight:[1540,"data-highlight"],name:[1537],value:[1537],divider:[1540],checkbox:[4],new:[4],toggle:[4],checked:[1028]}],[2,"smoothly-spinner",{active:[516],size:[513]}],[2,"smoothly-calendar",{month:[1025],value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],doubleInput:[516,"double-input"],color:[513],firstSelected:[32]}],[6,"smoothly-input",{name:[513],value:[1032],type:[513],required:[1540],minLength:[1026,"min-length"],showLabel:[516,"show-label"],maxLength:[1026,"max-length"],autocomplete:[1028],pattern:[1040],placeholder:[1025],disabled:[1028],readonly:[1028],currency:[513],initialValue:[32],getFormData:[64],setKeepFocusOnReRender:[64],setSelectionRange:[64]}],[2,"smoothly-input-month",{value:[1025]}],[6,"smoothly-quiet",{color:[1]}],[6,"smoothly-selector",{initialPrompt:[1,"initial-prompt"],disableFilter:[4,"disable-filter"],opened:[32],selectedElement:[32],missing:[32],filter:[32],reset:[64]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{value:[8],selected:[1540],marked:[1540],filter:[64]},[[0,"click","onClick"]]],[6,"smoothly-trigger",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],name:[1],value:[8]},[[0,"click","onClick"]]],[2,"smoothly-icon",{color:[513],fill:[513],name:[1],size:[513],toolTip:[1,"tool-tip"],document:[32]}]]]],e)));
1	+ import{p as e,b as o}from"./p-c88ae468.js";export{s as setNonce}from"./p-c88ae468.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-a19a824a",[[2,"smoothly-country",{value:[1],text:[1],language:[32]}]]],["p-0ed63b7b",[[2,"smoothly-google-font",{value:[1]}]]],["p-5fb08944",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-607abd83",[[0,"smoothly-reorder"]]],["p-e5e0e577",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-8b76a2f7",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-06dc5d78",[[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"],[0,"dateRangeClear","handleDateRangeClear"]]],[0,"smoothly-display-demo"],[2,"smoothly-table-demo"],[4,"smoothly-app",{color:[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[6,"smoothly-button",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],link:[1],download:[4]}],[4,"smoothly-room",{label:[1],icon:[1],path:[1],to:[1]}],[2,"smoothly-input-date-range",{value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],open:[1028],disabled:[516],showLabel:[516,"show-label"],labelStart:[1,"label-start"],labelEnd:[1,"label-end"],clearable:[4],clear:[64]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[1,"smoothly-picker",{disabled:[516],readonly:[516],maxMenuHeight:[1,"max-menu-height"],maxHeight:[1,"max-height"],emptyMenuLabel:[1025,"empty-menu-label"],multiple:[516],mutable:[4],optionStyle:[8,"option-style"],options:[1040],labelSetting:[513,"label-setting"],label:[513],selections:[1040],selectNoneName:[1025,"select-none-name"],selectAllName:[1025,"select-all-name"],selectAllEnabled:[1028,"select-all-enabled"],selectionName:[1025,"selection-name"],newOptionLabel:[1025,"new-option-label"],valueValidator:[16],isOpen:[32],empty:[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[6,"smoothly-notifier",{notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{color:[513],open:[1540],closable:[516],header:[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-backtotop",{opacity:[1],bottom:[1],right:[1],visible:[32]}],[2,"smoothly-checkbox",{selectAll:[4,"select-all"],size:[1],intermediate:[1540],selected:[1540],disabled:[1540],t:[32]}],[6,"smoothly-radio-button-item",{value:[8],selected:[1540],color:[513],iconColor:[1,"icon-color"],disabled:[1540]}],[6,"smoothly-submit",{processing:[1540],color:[513],expand:[513],fill:[513],disabled:[516],prevent:[4],submit:[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{align:[1],open:[1540],allowSpotlight:[32],spotlight:[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[0,"smoothly-urlencoded",{data:[1]}],[6,"smoothly-accordion",{value:[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{name:[1],brand:[1],open:[1540]}],[2,"smoothly-display",{type:[1],value:[8],currency:[1],country:[1],format:[16]}],[2,"smoothly-display-amount",{amount:[8],currency:[1],toInteger:[4,"to-integer"]}],[2,"smoothly-display-date-time",{datetime:[1]}],[2,"smoothly-frame",{url:[1],name:[1],origin:[1],send:[64]}],[6,"smoothly-popup",{visible:[1540],direction:[1537],cssVariables:[32]}],[6,"smoothly-radio",{name:[1],value:[1],checked:[1540],tabIndex:[2,"tab-index"]}],[6,"smoothly-radio-button",{name:[1],value:[1032],deselectable:[516],decoration:[513]},[[2,"radioItemSelectInternal","radioSelectHandler"]]],[6,"smoothly-select",{identifier:[1],background:[513],value:[1025]}],[2,"smoothly-skeleton",{widths:[16],width:[1025],color:[1],period:[2],distance:[1],align:[513]}],[2,"smoothly-svg",{url:[513],size:[513],color:[1]}],[6,"smoothly-table",{root:[1540]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-expandable-row",{align:[1],open:[1540],allowSpotlight:[32],spotlight:[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-table-header",{name:[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[6,"smoothly-input-date",{name:[513],value:[1025],open:[1028],max:[1025],min:[1025],disabled:[1028],flexible:[516],color:[1025]},[[0,"dateSet","dateSetHandler"]]],[1,"smoothly-menu-options",{toggle:[4],emptyMenuLabel:[1025,"empty-menu-label"],newOptionLabel:[1,"new-option-label"],maxMenuHeight:[1,"max-menu-height"],order:[4],optionStyle:[8,"option-style"],options:[1040],resetHighlightOnOptionsChange:[1028,"reset-highlight-on-options-change"],mutable:[4],filteredOptions:[32],highlightIndex:[32],keyword:[32],moveHighlight:[64],setHighlight:[64],getHighlighted:[64],filterOptions:[64]},[[0,"optionHover","optionHoverHandler"]]],[2,"smoothly-notification",{notice:[16],tick:[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-tab",{label:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{selectedElement:[32]},[[0,"expansionOpen","openChanged"]]],[0,"smoothly-tuple",{tuple:[16]}],[1,"smoothly-option",{aliases:[513],dataHighlight:[1540,"data-highlight"],name:[1537],value:[1537],divider:[1540],checkbox:[4],new:[4],toggle:[4],checked:[1028]}],[2,"smoothly-spinner",{active:[516],size:[513]}],[2,"smoothly-calendar",{month:[1025],value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],doubleInput:[516,"double-input"],color:[513],firstSelected:[32]}],[6,"smoothly-input",{name:[513],value:[1032],type:[513],required:[1540],minLength:[1026,"min-length"],showLabel:[516,"show-label"],maxLength:[1026,"max-length"],autocomplete:[1028],pattern:[1040],placeholder:[1025],disabled:[1028],readonly:[1028],currency:[513],initialValue:[32],getFormData:[64],setKeepFocusOnReRender:[64],setSelectionRange:[64]}],[2,"smoothly-input-month",{value:[1025]}],[6,"smoothly-quiet",{color:[1]}],[6,"smoothly-selector",{initialPrompt:[1,"initial-prompt"],disableFilter:[4,"disable-filter"],opened:[32],selectedElement:[32],missing:[32],filter:[32],reset:[64]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{value:[8],selected:[1540],marked:[1540],filter:[64]},[[0,"click","onClick"]]],[6,"smoothly-trigger",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],name:[1],value:[8]},[[0,"click","onClick"]]],[2,"smoothly-icon",{color:[513],fill:[513],name:[1],size:[513],toolTip:[1,"tool-tip"],document:[32]}]]]],e)));

package/dist/types/components/input-date-range/index.d.ts CHANGED Viewed

@@ -22,6 +22,6 @@ export declare class InputDateRange {
   onStartChanged(event: CustomEvent<Date>): void;
   onEndChanged(event: CustomEvent<Date>): void;
   onDateRangeSet(event: CustomEvent<DateRange>): void;
-  clearDateRange(): void;
+  clear(): Promise<void>;
   render(): any[];
 }

package/dist/types/components.d.ts CHANGED Viewed

@@ -136,6 +136,7 @@ export namespace Components {
         "value"?: Date;
     }
     interface SmoothlyInputDateRange {
+        "clear": () => Promise<void>;
         "clearable": boolean;
         "disabled": boolean;
         "end"?: Date;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "smoothly",
-	"version": "0.3.62",
+	"version": "0.3.64",
 	"description": "Web component library written in Stencil.",
 	"author": "PayFunc",
 	"license": "MIT",