smoothly 1.121.0 → 1.122.0

package/dist/components/smoothly-app-demo.js

@@ -1,2 +1,2 @@
-import{p as o,H as e,h as t,t as s}from"./p-BsZrGTcp.js";import{d as m}from"./p-BaXCWr8l.js";import{d as a}from"./p-zRKK2Cul.js";import{d as l}from"./p-CCwzp3Kg.js";import{d as r}from"./p-BWdGj6F8.js";import{d as i}from"./p-mmAi00ak.js";import{d as c}from"./p-Cl8L61mt.js";import{d}from"./p-BsimTIMh.js";import{d as p}from"./p-CTwHHE82.js";import{d as n}from"./p-CHjWijPI.js";import{d as f}from"./p-BE5E3Jm6.js";import{d as y}from"./p-7_LLYsTi.js";import{d as h}from"./p-DN8CxJxb.js";import{d as b}from"./p-CN3iME9d.js";import{d as u}from"./p-DFh4J14i.js";import{d as k}from"./p-CY71xgKe.js";import{d as j}from"./p-DG2pfnCV.js";import{d as E}from"./p-uFR5K4vd.js";import{d as g}from"./p-DvZK__s-.js";import{d as C}from"./p-F8qX8ZuL.js";import{d as w}from"./p-vvQg46ti.js";import{d as D}from"./p-CrDAs9xy.js";import{d as B}from"./p-CM72sJqO.js";import{d as v}from"./p-D5xdTtVs.js";import{d as x}from"./p-MduEqLch.js";import{d as T}from"./p-B3S9rR8a.js";import{d as _}from"./p-Bzg8bBIr.js";import{d as K}from"./p-EsCYK0HQ.js";import{d as L}from"./p-BrBilp2f.js";import{d as V}from"./p-DWcI5nnM.js";import{d as F}from"./p-BI_XG1Oj.js";import{d as M}from"./p-U7a1lSmf.js";import{d as S}from"./p-C-5nbahV.js";import{d as A}from"./p-Bt-mtf0k.js";import{d as G}from"./p-DFSiKg4M.js";import{d as I}from"./p-DZ4052aB.js";import{d as Q}from"./p-o8kM0Soe.js";import{d as R}from"./p-Dd9tz4Tj.js";import{d as W}from"./p-BX-sEZyq.js";import{d as H}from"./p-y6VfFBKz.js";import{d as U}from"./p-C0Vb-3iG.js";import{d as X}from"./p-CtVEKtM6.js";import{d as J}from"./p-DbQqZdoI.js";import{d as O}from"./p-KZeR_6LG.js";import{d as Z}from"./p-BSHxNVcQ.js";import{d as q}from"./p-BbI_Odg-.js";import{d as z}from"./p-tD13Ef_1.js";import{d as N}from"./p-ChiRe9cW.js";import{d as Y}from"./p-DUoSHWe1.js";import{d as P}from"./p-DLgeylX5.js";import{d as $}from"./p-gEWA_tZo.js";import{d as oo}from"./p-MqffyRVU.js";import{d as eo}from"./p-CKD_8Dn1.js";import{d as to}from"./p-wjlHVReJ.js";import{d as so}from"./p-4Xn3Nprv.js";import{d as mo}from"./p-j4UEmpTa.js";import{d as ao}from"./p-D97PTGAK.js";import{d as lo}from"./p-C22G-tNF.js";import{d as ro}from"./p-BplZiuMF.js";import{d as io}from"./p-BLdivqFr.js";import{d as co}from"./p-CVdJ19AA.js";import{d as po}from"./p-BJA3pU4q.js";import{d as no}from"./p-CGfga7g-.js";import{d as fo}from"./p-CF7MePy1.js";import{d as yo}from"./p-Dff2v1VD.js";import{d as ho}from"./p-1eBV_fsy.js";import{d as bo}from"./p-QtHFbgfu.js";import{d as uo}from"./p-DLtJSM-r.js";import{d as ko}from"./p-DvOr53No.js";import{d as jo}from"./p-B7WG3bLU.js";import{d as Eo}from"./p-Cs0CtSI2.js";import{d as go}from"./p-Cx_sM6Sy.js";import{d as Co}from"./p-DO3QrEu1.js";import{d as wo}from"./p-D57O7AkC.js";import{d as Do}from"./p-CrnjoFOX.js";import{d as Bo}from"./p-BcV_X5mg.js";import{d as vo}from"./p-DA4pyC19.js";import{d as xo}from"./p-ewmy4_JT.js";import{d as To}from"./p-B2eJc1lR.js";import{d as _o}from"./p-B7BXt5wC.js";import{d as Ko}from"./p-DY_crgmf.js";import{d as Lo}from"./p-C9_7A_n7.js";import{d as Vo}from"./p-XZAGPm4i.js";import{d as Fo}from"./p-B7y_cC4v.js";import{d as Mo}from"./p-DYvlD9aR.js";import{d as So}from"./p-DlkQKgfQ.js";import{d as Ao}from"./p-CceVYEd4.js";import{d as Go}from"./p-CttQUOE5.js";import{d as Io}from"./p-2Y5tLcQ1.js";import{d as Qo}from"./p-BKiQn3aG.js";import{d as Ro}from"./p-0Oak1FtC.js";import{d as Wo}from"./p-BnYCDLp0.js";import{d as Ho}from"./p--44NQk1v.js";import{d as Uo}from"./p-Cyi2S_Qh.js";import{d as Xo}from"./p-KhaLdt5K.js";import{d as Jo}from"./p-CPhreyuD.js";import{d as Oo}from"./p-BsHachOX.js";import{d as Zo}from"./p-Cs1TuGgV.js";import{d as qo}from"./p-C2woWb9T.js";const zo=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}}urlChangeHandler(o){console.log("smoothlyUrlChange",o.detail)}render(){return t("smoothly-app",{key:"86d6cc67b58d8c7c04b9fd7e33891dfacb529943",color:"dark",label:"Smoothly Demo",home:"/root",ref:o=>this.app=o},t("smoothly-app-room",{key:"7012500cb2629c53e1156372722e8ef2b6d047eb",path:"/"},t("section",{key:"759dafafbd63e7fff5bf0acd0502e8eec36e8c64",style:{padding:"1em",maxWidth:"32em",margin:"0 auto"}},t("header",{key:"0ed18baa408a674f906abc32425ce6037662a476"},t("h1",{key:"22cb0dc61fece9d2d7acae6a55db19ccc57261df"},"Welcome")),t("p",{key:"d914f970b834d217cd2dfd7d2d05cd0c4b5dcb65"},"Smoothly is a component library written in ",t("a",{key:"3626d6388b49307f475e4071ef114039dcb51f60",href:"http://stenciljs.com"},"Stencil"),". It can therefore be used across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML."),t("p",{key:"319549bf6b8cca5d5f9042b1f74c29e884545a59"},"This is particularly useful when trying to unifying the user experience across projects written in different technology stacks. It is also written to minimize the amount of code you need to write to achieve a nice user experience."))),t("smoothly-app-room",{key:"4c752059c00ad39c3bee1d36bdac99bfad027f5f",path:"/form",label:"Forms",content:t("smoothly-form-demo",null)}),t("smoothly-app-room",{key:"02b7dd008a64194f348bfb0679217ebbea05fac9",path:"/input",label:"Inputs",content:t("smoothly-input-demo",null)}),t("smoothly-app-room",{key:"41c7489608d0da9a8d4a2ab9b1a56c425cc36f21",path:"/table",label:"Tables",content:t("smoothly-table-demo",null)}),t("smoothly-app-room",{key:"b10b3c95084e9f27a6ebeaf5170bb10be8226c87",path:"/button",label:"Buttons",content:t("smoothly-button-demo",null)}),t("smoothly-app-room",{key:"f20620084dd779b954fa440b559db2bdccf0b3a3",path:"/icon",label:"Icons",content:t("smoothly-icon-demo",null)}),t("smoothly-app-room",{key:"5078c24c13064315cf8f761809e60cdfc1734c41",path:"/theme",label:"Theming",content:t("smoothly-theme-demo",null)}),t("smoothly-app-room",{key:"2a54a53a694e23460e96b9fb04483204f9e1c347",path:"/notifier",label:"Notices",content:t("smoothly-notifier-demo",null)}),t("smoothly-app-room",{key:"d57766baebf8df0791e1e5f845c2bac7d7b8729f",path:"/dialog",label:"Dialogs",content:t("smoothly-dialog-demo",null),slot:"nav-end"}),t("smoothly-app-room",{key:"d5bde6145e9950a3ddcda8e24d811203a4b69f27",path:"/display",label:"Display",content:t("smoothly-display-demo",null),slot:"nav-end"}),t("smoothly-app-room",{key:"3d56ef533e12cb88ec84bd2fdc63a60e64031083",path:"/tabs",label:"Tabs",slot:"nav-end"},t("smoothly-tabs-demo",{key:"271d70eb22cc0152161d42c137a3d00c19c6bba3"})),t("smoothly-app-room",{key:"c0cbe202e3d74ceacd8e88795c58ece2c1392bf5",path:"/links",label:"Links",slot:"nav-end"},t("smoothly-input",{key:"a39f0e568b614baaf271585da4ee013e48ff24fe",type:"text"},"Default"),t("div",{key:"a75dc6524b85da5e0c81b75a9b74d020c2723384",style:{padding:"1em",maxWidth:"12em"}},t("smoothly-button",{key:"a3820b0c802acc358ee3ab4ca9483411bdff04a8",fill:"solid",color:"danger",link:"https://google.com"},"open"),t("smoothly-button",{key:"fd1c12e214b53d8acdb8828cb616356ae8fe94e9",fill:"solid",color:"danger",link:"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",type:"download"},"download"),t("smoothly-button",{key:"f7c9c0a9eb4ca942f56e02b840087398a2688cd8",fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),t("smoothly-button",{key:"ebce581340217e91d6abf1bbff7538f77c5842ae",disabled:true,fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),t("smoothly-button",{key:"01c20890774174c6ec793de4711d8e0530630108",type:"link",fill:"clear",color:"danger",onClick:()=>alert("clicked")},"action link"))),t("smoothly-app-room",{key:"42945bb6698943a783d0502f3ff0a08cb6ad583e",path:"/redirect",label:"Redirect",slot:"nav-end"},t("smoothly-button",{key:"b022c14f0680b1ca5f511cd87ab152a9ffb5b15d",type:"link",link:"/input"},"To input"),t("smoothly-button",{key:"566a1821001da85b67ce9f68f74b590c5319f060",type:"link",link:"../button"},"To button"),t("smoothly-button",{key:"e99bbe6cbb348b2c8b2dba558458c08dea22db21",type:"link",link:new URL("/hidden",window.location.origin).href},"To hidden"),t("smoothly-button",{key:"61e59ec9039a63b1d9c50c6705dc0098027be92a",type:"link",link:"/redirect"},"To redirect"),t("smoothly-button",{key:"511eba63ae34b4151e99ce482cb532849ab91dd7",type:"link",link:"nested"},"To redirect nested, relative path")),t("smoothly-app-room",{key:"bac6fa14c1c0dd2ebda292fe70255e53f466dc00",path:"/hidden"},t("p",{key:"1acd1207b775790f189fd8d8c3fb96a5b8d8a991"},"hello world!")),t("smoothly-app-room",{key:"2ecda7ecb183b382bb2987195af5a96e13e3b8b1",path:"/redirect/nested"},"this is a nested room"))}},[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]},[[8,"smoothlyUrlChange","urlChangeHandler"]]]);function No(){if(typeof customElements==="undefined"){return}const o=["smoothly-app-demo","smoothly-app","smoothly-app-room","smoothly-back-to-top","smoothly-burger","smoothly-button","smoothly-button-confirm","smoothly-button-demo","smoothly-button-demo-standard","smoothly-calendar","smoothly-date-text","smoothly-dialog","smoothly-dialog-demo","smoothly-display","smoothly-display-demo","smoothly-display-demo-json","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-form-demo","smoothly-form-demo-all","smoothly-form-demo-card","smoothly-form-demo-controlled","smoothly-form-demo-date","smoothly-form-demo-date-range","smoothly-form-demo-login","smoothly-form-demo-pet","smoothly-form-demo-prices","smoothly-form-demo-schedule","smoothly-form-demo-transparent","smoothly-form-demo-typed","smoothly-frame","smoothly-icon","smoothly-icon-demo","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-color-demo","smoothly-input-date","smoothly-input-date-demo","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-demo","smoothly-input-demo-radio","smoothly-input-demo-standard","smoothly-input-demo-user-input","smoothly-input-edit","smoothly-input-file","smoothly-input-month","smoothly-input-price-demo","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-range-demo","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-label","smoothly-lazy","smoothly-load-more","smoothly-modal","smoothly-notification","smoothly-notifier","smoothly-notifier-demo","smoothly-spinner","smoothly-summary","smoothly-tab","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-demo","smoothly-table-demo-colspan","smoothly-table-demo-filler-row","smoothly-table-demo-group","smoothly-table-demo-nested-no-cell","smoothly-table-demo-nested-no-cell-inner","smoothly-table-demo-simple","smoothly-table-expandable-cell","smoothly-table-expandable-row","smoothly-table-filler-row","smoothly-table-foot","smoothly-table-head","smoothly-table-row","smoothly-table-row-group","smoothly-tabs","smoothly-tabs-demo","smoothly-theme-color","smoothly-theme-color-variant","smoothly-theme-colors","smoothly-theme-demo","smoothly-theme-guide","smoothly-theme-picker","smoothly-toggle-switch","smoothly-toggle-switch-demo","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-app-demo":if(!customElements.get(s(o))){customElements.define(s(o),zo)}break;case"smoothly-app":if(!customElements.get(s(o))){m()}break;case"smoothly-app-room":if(!customElements.get(s(o))){a()}break;case"smoothly-back-to-top":if(!customElements.get(s(o))){l()}break;case"smoothly-burger":if(!customElements.get(s(o))){r()}break;case"smoothly-button":if(!customElements.get(s(o))){i()}break;case"smoothly-button-confirm":if(!customElements.get(s(o))){c()}break;case"smoothly-button-demo":if(!customElements.get(s(o))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(s(o))){p()}break;case"smoothly-calendar":if(!customElements.get(s(o))){n()}break;case"smoothly-date-text":if(!customElements.get(s(o))){f()}break;case"smoothly-dialog":if(!customElements.get(s(o))){y()}break;case"smoothly-dialog-demo":if(!customElements.get(s(o))){h()}break;case"smoothly-display":if(!customElements.get(s(o))){b()}break;case"smoothly-display-demo":if(!customElements.get(s(o))){u()}break;case"smoothly-display-demo-json":if(!customElements.get(s(o))){k()}break;case"smoothly-display-json":if(!customElements.get(s(o))){j()}break;case"smoothly-display-json-object":if(!customElements.get(s(o))){E()}break;case"smoothly-display-json-primitive":if(!customElements.get(s(o))){g()}break;case"smoothly-display-json-record-key":if(!customElements.get(s(o))){C()}break;case"smoothly-form":if(!customElements.get(s(o))){w()}break;case"smoothly-form-demo":if(!customElements.get(s(o))){D()}break;case"smoothly-form-demo-all":if(!customElements.get(s(o))){B()}break;case"smoothly-form-demo-card":if(!customElements.get(s(o))){v()}break;case"smoothly-form-demo-controlled":if(!customElements.get(s(o))){x()}break;case"smoothly-form-demo-date":if(!customElements.get(s(o))){T()}break;case"smoothly-form-demo-date-range":if(!customElements.get(s(o))){_()}break;case"smoothly-form-demo-login":if(!customElements.get(s(o))){K()}break;case"smoothly-form-demo-pet":if(!customElements.get(s(o))){L()}break;case"smoothly-form-demo-prices":if(!customElements.get(s(o))){V()}break;case"smoothly-form-demo-schedule":if(!customElements.get(s(o))){F()}break;case"smoothly-form-demo-transparent":if(!customElements.get(s(o))){M()}break;case"smoothly-form-demo-typed":if(!customElements.get(s(o))){S()}break;case"smoothly-frame":if(!customElements.get(s(o))){A()}break;case"smoothly-icon":if(!customElements.get(s(o))){G()}break;case"smoothly-icon-demo":if(!customElements.get(s(o))){I()}break;case"smoothly-input":if(!customElements.get(s(o))){Q()}break;case"smoothly-input-checkbox":if(!customElements.get(s(o))){R()}break;case"smoothly-input-clear":if(!customElements.get(s(o))){W()}break;case"smoothly-input-color":if(!customElements.get(s(o))){H()}break;case"smoothly-input-color-demo":if(!customElements.get(s(o))){U()}break;case"smoothly-input-date":if(!customElements.get(s(o))){X()}break;case"smoothly-input-date-demo":if(!customElements.get(s(o))){J()}break;case"smoothly-input-date-range":if(!customElements.get(s(o))){O()}break;case"smoothly-input-date-time":if(!customElements.get(s(o))){Z()}break;case"smoothly-input-demo":if(!customElements.get(s(o))){q()}break;case"smoothly-input-demo-radio":if(!customElements.get(s(o))){z()}break;case"smoothly-input-demo-standard":if(!customElements.get(s(o))){N()}break;case"smoothly-input-demo-user-input":if(!customElements.get(s(o))){Y()}break;case"smoothly-input-edit":if(!customElements.get(s(o))){P()}break;case"smoothly-input-file":if(!customElements.get(s(o))){$()}break;case"smoothly-input-month":if(!customElements.get(s(o))){oo()}break;case"smoothly-input-price-demo":if(!customElements.get(s(o))){eo()}break;case"smoothly-input-radio":if(!customElements.get(s(o))){to()}break;case"smoothly-input-radio-item":if(!customElements.get(s(o))){so()}break;case"smoothly-input-range":if(!customElements.get(s(o))){mo()}break;case"smoothly-input-range-demo":if(!customElements.get(s(o))){ao()}break;case"smoothly-input-reset":if(!customElements.get(s(o))){lo()}break;case"smoothly-input-select":if(!customElements.get(s(o))){ro()}break;case"smoothly-input-submit":if(!customElements.get(s(o))){io()}break;case"smoothly-item":if(!customElements.get(s(o))){co()}break;case"smoothly-label":if(!customElements.get(s(o))){po()}break;case"smoothly-lazy":if(!customElements.get(s(o))){no()}break;case"smoothly-load-more":if(!customElements.get(s(o))){fo()}break;case"smoothly-modal":if(!customElements.get(s(o))){yo()}break;case"smoothly-notification":if(!customElements.get(s(o))){ho()}break;case"smoothly-notifier":if(!customElements.get(s(o))){bo()}break;case"smoothly-notifier-demo":if(!customElements.get(s(o))){uo()}break;case"smoothly-spinner":if(!customElements.get(s(o))){ko()}break;case"smoothly-summary":if(!customElements.get(s(o))){jo()}break;case"smoothly-tab":if(!customElements.get(s(o))){Eo()}break;case"smoothly-table":if(!customElements.get(s(o))){go()}break;case"smoothly-table-body":if(!customElements.get(s(o))){Co()}break;case"smoothly-table-cell":if(!customElements.get(s(o))){wo()}break;case"smoothly-table-demo":if(!customElements.get(s(o))){Do()}break;case"smoothly-table-demo-colspan":if(!customElements.get(s(o))){Bo()}break;case"smoothly-table-demo-filler-row":if(!customElements.get(s(o))){vo()}break;case"smoothly-table-demo-group":if(!customElements.get(s(o))){xo()}break;case"smoothly-table-demo-nested-no-cell":if(!customElements.get(s(o))){To()}break;case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(s(o))){_o()}break;case"smoothly-table-demo-simple":if(!customElements.get(s(o))){Ko()}break;case"smoothly-table-expandable-cell":if(!customElements.get(s(o))){Lo()}break;case"smoothly-table-expandable-row":if(!customElements.get(s(o))){Vo()}break;case"smoothly-table-filler-row":if(!customElements.get(s(o))){Fo()}break;case"smoothly-table-foot":if(!customElements.get(s(o))){Mo()}break;case"smoothly-table-head":if(!customElements.get(s(o))){So()}break;case"smoothly-table-row":if(!customElements.get(s(o))){Ao()}break;case"smoothly-table-row-group":if(!customElements.get(s(o))){Go()}break;case"smoothly-tabs":if(!customElements.get(s(o))){Io()}break;case"smoothly-tabs-demo":if(!customElements.get(s(o))){Qo()}break;case"smoothly-theme-color":if(!customElements.get(s(o))){Ro()}break;case"smoothly-theme-color-variant":if(!customElements.get(s(o))){Wo()}break;case"smoothly-theme-colors":if(!customElements.get(s(o))){Ho()}break;case"smoothly-theme-demo":if(!customElements.get(s(o))){Uo()}break;case"smoothly-theme-guide":if(!customElements.get(s(o))){Xo()}break;case"smoothly-theme-picker":if(!customElements.get(s(o))){Jo()}break;case"smoothly-toggle-switch":if(!customElements.get(s(o))){Oo()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(s(o))){Zo()}break;case"smoothly-trigger":if(!customElements.get(s(o))){qo()}break}}))}No();const Yo=zo;const Po=No;export{Yo as SmoothlyAppDemo,Po as defineCustomElement};
+import{p as o,H as e,h as t,t as s}from"./p-BsZrGTcp.js";import{d as m}from"./p-BaXCWr8l.js";import{d as a}from"./p-zRKK2Cul.js";import{d as l}from"./p-CCwzp3Kg.js";import{d as r}from"./p-BWdGj6F8.js";import{d as i}from"./p-mmAi00ak.js";import{d as c}from"./p-Cl8L61mt.js";import{d}from"./p-BsimTIMh.js";import{d as p}from"./p-CTwHHE82.js";import{d as n}from"./p-CHjWijPI.js";import{d as f}from"./p-BE5E3Jm6.js";import{d as y}from"./p-7_LLYsTi.js";import{d as h}from"./p-DN8CxJxb.js";import{d as b}from"./p-CN3iME9d.js";import{d as u}from"./p-DFh4J14i.js";import{d as k}from"./p-CY71xgKe.js";import{d as j}from"./p-DG2pfnCV.js";import{d as E}from"./p-uFR5K4vd.js";import{d as g}from"./p-DvZK__s-.js";import{d as C}from"./p-F8qX8ZuL.js";import{d as w}from"./p-vvQg46ti.js";import{d as D}from"./p-CsTmaH-Y.js";import{d as B}from"./p-Ch5M1RA7.js";import{d as v}from"./p-D5xdTtVs.js";import{d as x}from"./p-MduEqLch.js";import{d as T}from"./p-B3S9rR8a.js";import{d as _}from"./p-Bzg8bBIr.js";import{d as L}from"./p-EsCYK0HQ.js";import{d as Q}from"./p-WvQaS_J6.js";import{d as F}from"./p-DWcI5nnM.js";import{d as K}from"./p-BI_XG1Oj.js";import{d as M}from"./p-U7a1lSmf.js";import{d as V}from"./p-C-5nbahV.js";import{d as S}from"./p-Bt-mtf0k.js";import{d as H}from"./p-DFSiKg4M.js";import{d as R}from"./p-BbtmZQlk.js";import{d as W}from"./p-o8kM0Soe.js";import{d as A}from"./p-Dd9tz4Tj.js";import{d as I}from"./p-BX-sEZyq.js";import{d as X}from"./p-CaQWZMN4.js";import{d as G}from"./p-B1VLjp0y.js";import{d as Y}from"./p-CtVEKtM6.js";import{d as Z}from"./p-DbQqZdoI.js";import{d as J}from"./p-KZeR_6LG.js";import{d as U}from"./p-BSHxNVcQ.js";import{d as N}from"./p-CDbQFx9i.js";import{d as O}from"./p-tD13Ef_1.js";import{d as q}from"./p-Ch1HU37X.js";import{d as z}from"./p-CYxd1Pkd.js";import{d as P}from"./p-DLgeylX5.js";import{d as $}from"./p-gEWA_tZo.js";import{d as oo}from"./p-MqffyRVU.js";import{d as eo}from"./p-CKD_8Dn1.js";import{d as to}from"./p-wjlHVReJ.js";import{d as so}from"./p-4Xn3Nprv.js";import{d as mo}from"./p-PwCtk_DY.js";import{d as ao}from"./p-Cfvi2T1F.js";import{d as lo}from"./p-C22G-tNF.js";import{d as ro}from"./p-BplZiuMF.js";import{d as io}from"./p-BLdivqFr.js";import{d as co}from"./p-CVdJ19AA.js";import{d as po}from"./p-BJA3pU4q.js";import{d as no}from"./p-CGfga7g-.js";import{d as fo}from"./p-CF7MePy1.js";import{d as yo}from"./p-Dff2v1VD.js";import{d as ho}from"./p-1eBV_fsy.js";import{d as bo}from"./p-QtHFbgfu.js";import{d as uo}from"./p-DLtJSM-r.js";import{d as ko}from"./p-DvOr53No.js";import{d as jo}from"./p-B7WG3bLU.js";import{d as Eo}from"./p-Cs0CtSI2.js";import{d as go}from"./p-Cx_sM6Sy.js";import{d as Co}from"./p-DO3QrEu1.js";import{d as wo}from"./p-D57O7AkC.js";import{d as Do}from"./p-CrnjoFOX.js";import{d as Bo}from"./p-BcV_X5mg.js";import{d as vo}from"./p-DA4pyC19.js";import{d as xo}from"./p-ewmy4_JT.js";import{d as To}from"./p-B2eJc1lR.js";import{d as _o}from"./p-B7BXt5wC.js";import{d as Lo}from"./p-DY_crgmf.js";import{d as Qo}from"./p-C9_7A_n7.js";import{d as Fo}from"./p-XZAGPm4i.js";import{d as Ko}from"./p-B7y_cC4v.js";import{d as Mo}from"./p-DYvlD9aR.js";import{d as Vo}from"./p-DlkQKgfQ.js";import{d as So}from"./p-CceVYEd4.js";import{d as Ho}from"./p-CttQUOE5.js";import{d as Ro}from"./p-2Y5tLcQ1.js";import{d as Wo}from"./p-BKiQn3aG.js";import{d as Ao}from"./p-0Oak1FtC.js";import{d as Io}from"./p-BnYCDLp0.js";import{d as Xo}from"./p--44NQk1v.js";import{d as Go}from"./p-Cyi2S_Qh.js";import{d as Yo}from"./p-KhaLdt5K.js";import{d as Zo}from"./p-CPhreyuD.js";import{d as Jo}from"./p-BsHachOX.js";import{d as Uo}from"./p-Cs1TuGgV.js";import{d as No}from"./p-C2woWb9T.js";const Oo=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}}urlChangeHandler(o){console.log("smoothlyUrlChange",o.detail)}render(){return t("smoothly-app",{key:"86d6cc67b58d8c7c04b9fd7e33891dfacb529943",color:"dark",label:"Smoothly Demo",home:"/root",ref:o=>this.app=o},t("smoothly-app-room",{key:"7012500cb2629c53e1156372722e8ef2b6d047eb",path:"/"},t("section",{key:"759dafafbd63e7fff5bf0acd0502e8eec36e8c64",style:{padding:"1em",maxWidth:"32em",margin:"0 auto"}},t("header",{key:"0ed18baa408a674f906abc32425ce6037662a476"},t("h1",{key:"22cb0dc61fece9d2d7acae6a55db19ccc57261df"},"Welcome")),t("p",{key:"d914f970b834d217cd2dfd7d2d05cd0c4b5dcb65"},"Smoothly is a component library written in ",t("a",{key:"3626d6388b49307f475e4071ef114039dcb51f60",href:"http://stenciljs.com"},"Stencil"),". It can therefore be used across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML."),t("p",{key:"319549bf6b8cca5d5f9042b1f74c29e884545a59"},"This is particularly useful when trying to unifying the user experience across projects written in different technology stacks. It is also written to minimize the amount of code you need to write to achieve a nice user experience."))),t("smoothly-app-room",{key:"4c752059c00ad39c3bee1d36bdac99bfad027f5f",path:"/form",label:"Forms",content:t("smoothly-form-demo",null)}),t("smoothly-app-room",{key:"02b7dd008a64194f348bfb0679217ebbea05fac9",path:"/input",label:"Inputs",content:t("smoothly-input-demo",null)}),t("smoothly-app-room",{key:"41c7489608d0da9a8d4a2ab9b1a56c425cc36f21",path:"/table",label:"Tables",content:t("smoothly-table-demo",null)}),t("smoothly-app-room",{key:"b10b3c95084e9f27a6ebeaf5170bb10be8226c87",path:"/button",label:"Buttons",content:t("smoothly-button-demo",null)}),t("smoothly-app-room",{key:"f20620084dd779b954fa440b559db2bdccf0b3a3",path:"/icon",label:"Icons",content:t("smoothly-icon-demo",null)}),t("smoothly-app-room",{key:"5078c24c13064315cf8f761809e60cdfc1734c41",path:"/theme",label:"Theming",content:t("smoothly-theme-demo",null)}),t("smoothly-app-room",{key:"2a54a53a694e23460e96b9fb04483204f9e1c347",path:"/notifier",label:"Notices",content:t("smoothly-notifier-demo",null)}),t("smoothly-app-room",{key:"d57766baebf8df0791e1e5f845c2bac7d7b8729f",path:"/dialog",label:"Dialogs",content:t("smoothly-dialog-demo",null),slot:"nav-end"}),t("smoothly-app-room",{key:"d5bde6145e9950a3ddcda8e24d811203a4b69f27",path:"/display",label:"Display",content:t("smoothly-display-demo",null),slot:"nav-end"}),t("smoothly-app-room",{key:"3d56ef533e12cb88ec84bd2fdc63a60e64031083",path:"/tabs",label:"Tabs",slot:"nav-end"},t("smoothly-tabs-demo",{key:"271d70eb22cc0152161d42c137a3d00c19c6bba3"})),t("smoothly-app-room",{key:"c0cbe202e3d74ceacd8e88795c58ece2c1392bf5",path:"/links",label:"Links",slot:"nav-end"},t("smoothly-input",{key:"a39f0e568b614baaf271585da4ee013e48ff24fe",type:"text"},"Default"),t("div",{key:"a75dc6524b85da5e0c81b75a9b74d020c2723384",style:{padding:"1em",maxWidth:"12em"}},t("smoothly-button",{key:"a3820b0c802acc358ee3ab4ca9483411bdff04a8",fill:"solid",color:"danger",link:"https://google.com"},"open"),t("smoothly-button",{key:"fd1c12e214b53d8acdb8828cb616356ae8fe94e9",fill:"solid",color:"danger",link:"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",type:"download"},"download"),t("smoothly-button",{key:"f7c9c0a9eb4ca942f56e02b840087398a2688cd8",fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),t("smoothly-button",{key:"ebce581340217e91d6abf1bbff7538f77c5842ae",disabled:true,fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),t("smoothly-button",{key:"01c20890774174c6ec793de4711d8e0530630108",type:"link",fill:"clear",color:"danger",onClick:()=>alert("clicked")},"action link"))),t("smoothly-app-room",{key:"42945bb6698943a783d0502f3ff0a08cb6ad583e",path:"/redirect",label:"Redirect",slot:"nav-end"},t("smoothly-button",{key:"b022c14f0680b1ca5f511cd87ab152a9ffb5b15d",type:"link",link:"/input"},"To input"),t("smoothly-button",{key:"566a1821001da85b67ce9f68f74b590c5319f060",type:"link",link:"../button"},"To button"),t("smoothly-button",{key:"e99bbe6cbb348b2c8b2dba558458c08dea22db21",type:"link",link:new URL("/hidden",window.location.origin).href},"To hidden"),t("smoothly-button",{key:"61e59ec9039a63b1d9c50c6705dc0098027be92a",type:"link",link:"/redirect"},"To redirect"),t("smoothly-button",{key:"511eba63ae34b4151e99ce482cb532849ab91dd7",type:"link",link:"nested"},"To redirect nested, relative path")),t("smoothly-app-room",{key:"bac6fa14c1c0dd2ebda292fe70255e53f466dc00",path:"/hidden"},t("p",{key:"1acd1207b775790f189fd8d8c3fb96a5b8d8a991"},"hello world!")),t("smoothly-app-room",{key:"2ecda7ecb183b382bb2987195af5a96e13e3b8b1",path:"/redirect/nested"},"this is a nested room"))}},[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]},[[8,"smoothlyUrlChange","urlChangeHandler"]]]);function qo(){if(typeof customElements==="undefined"){return}const o=["smoothly-app-demo","smoothly-app","smoothly-app-room","smoothly-back-to-top","smoothly-burger","smoothly-button","smoothly-button-confirm","smoothly-button-demo","smoothly-button-demo-standard","smoothly-calendar","smoothly-date-text","smoothly-dialog","smoothly-dialog-demo","smoothly-display","smoothly-display-demo","smoothly-display-demo-json","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-form-demo","smoothly-form-demo-all","smoothly-form-demo-card","smoothly-form-demo-controlled","smoothly-form-demo-date","smoothly-form-demo-date-range","smoothly-form-demo-login","smoothly-form-demo-pet","smoothly-form-demo-prices","smoothly-form-demo-schedule","smoothly-form-demo-transparent","smoothly-form-demo-typed","smoothly-frame","smoothly-icon","smoothly-icon-demo","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-color-demo","smoothly-input-date","smoothly-input-date-demo","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-demo","smoothly-input-demo-radio","smoothly-input-demo-standard","smoothly-input-demo-user-input","smoothly-input-edit","smoothly-input-file","smoothly-input-month","smoothly-input-price-demo","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-range-demo","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-label","smoothly-lazy","smoothly-load-more","smoothly-modal","smoothly-notification","smoothly-notifier","smoothly-notifier-demo","smoothly-spinner","smoothly-summary","smoothly-tab","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-demo","smoothly-table-demo-colspan","smoothly-table-demo-filler-row","smoothly-table-demo-group","smoothly-table-demo-nested-no-cell","smoothly-table-demo-nested-no-cell-inner","smoothly-table-demo-simple","smoothly-table-expandable-cell","smoothly-table-expandable-row","smoothly-table-filler-row","smoothly-table-foot","smoothly-table-head","smoothly-table-row","smoothly-table-row-group","smoothly-tabs","smoothly-tabs-demo","smoothly-theme-color","smoothly-theme-color-variant","smoothly-theme-colors","smoothly-theme-demo","smoothly-theme-guide","smoothly-theme-picker","smoothly-toggle-switch","smoothly-toggle-switch-demo","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-app-demo":if(!customElements.get(s(o))){customElements.define(s(o),Oo)}break;case"smoothly-app":if(!customElements.get(s(o))){m()}break;case"smoothly-app-room":if(!customElements.get(s(o))){a()}break;case"smoothly-back-to-top":if(!customElements.get(s(o))){l()}break;case"smoothly-burger":if(!customElements.get(s(o))){r()}break;case"smoothly-button":if(!customElements.get(s(o))){i()}break;case"smoothly-button-confirm":if(!customElements.get(s(o))){c()}break;case"smoothly-button-demo":if(!customElements.get(s(o))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(s(o))){p()}break;case"smoothly-calendar":if(!customElements.get(s(o))){n()}break;case"smoothly-date-text":if(!customElements.get(s(o))){f()}break;case"smoothly-dialog":if(!customElements.get(s(o))){y()}break;case"smoothly-dialog-demo":if(!customElements.get(s(o))){h()}break;case"smoothly-display":if(!customElements.get(s(o))){b()}break;case"smoothly-display-demo":if(!customElements.get(s(o))){u()}break;case"smoothly-display-demo-json":if(!customElements.get(s(o))){k()}break;case"smoothly-display-json":if(!customElements.get(s(o))){j()}break;case"smoothly-display-json-object":if(!customElements.get(s(o))){E()}break;case"smoothly-display-json-primitive":if(!customElements.get(s(o))){g()}break;case"smoothly-display-json-record-key":if(!customElements.get(s(o))){C()}break;case"smoothly-form":if(!customElements.get(s(o))){w()}break;case"smoothly-form-demo":if(!customElements.get(s(o))){D()}break;case"smoothly-form-demo-all":if(!customElements.get(s(o))){B()}break;case"smoothly-form-demo-card":if(!customElements.get(s(o))){v()}break;case"smoothly-form-demo-controlled":if(!customElements.get(s(o))){x()}break;case"smoothly-form-demo-date":if(!customElements.get(s(o))){T()}break;case"smoothly-form-demo-date-range":if(!customElements.get(s(o))){_()}break;case"smoothly-form-demo-login":if(!customElements.get(s(o))){L()}break;case"smoothly-form-demo-pet":if(!customElements.get(s(o))){Q()}break;case"smoothly-form-demo-prices":if(!customElements.get(s(o))){F()}break;case"smoothly-form-demo-schedule":if(!customElements.get(s(o))){K()}break;case"smoothly-form-demo-transparent":if(!customElements.get(s(o))){M()}break;case"smoothly-form-demo-typed":if(!customElements.get(s(o))){V()}break;case"smoothly-frame":if(!customElements.get(s(o))){S()}break;case"smoothly-icon":if(!customElements.get(s(o))){H()}break;case"smoothly-icon-demo":if(!customElements.get(s(o))){R()}break;case"smoothly-input":if(!customElements.get(s(o))){W()}break;case"smoothly-input-checkbox":if(!customElements.get(s(o))){A()}break;case"smoothly-input-clear":if(!customElements.get(s(o))){I()}break;case"smoothly-input-color":if(!customElements.get(s(o))){X()}break;case"smoothly-input-color-demo":if(!customElements.get(s(o))){G()}break;case"smoothly-input-date":if(!customElements.get(s(o))){Y()}break;case"smoothly-input-date-demo":if(!customElements.get(s(o))){Z()}break;case"smoothly-input-date-range":if(!customElements.get(s(o))){J()}break;case"smoothly-input-date-time":if(!customElements.get(s(o))){U()}break;case"smoothly-input-demo":if(!customElements.get(s(o))){N()}break;case"smoothly-input-demo-radio":if(!customElements.get(s(o))){O()}break;case"smoothly-input-demo-standard":if(!customElements.get(s(o))){q()}break;case"smoothly-input-demo-user-input":if(!customElements.get(s(o))){z()}break;case"smoothly-input-edit":if(!customElements.get(s(o))){P()}break;case"smoothly-input-file":if(!customElements.get(s(o))){$()}break;case"smoothly-input-month":if(!customElements.get(s(o))){oo()}break;case"smoothly-input-price-demo":if(!customElements.get(s(o))){eo()}break;case"smoothly-input-radio":if(!customElements.get(s(o))){to()}break;case"smoothly-input-radio-item":if(!customElements.get(s(o))){so()}break;case"smoothly-input-range":if(!customElements.get(s(o))){mo()}break;case"smoothly-input-range-demo":if(!customElements.get(s(o))){ao()}break;case"smoothly-input-reset":if(!customElements.get(s(o))){lo()}break;case"smoothly-input-select":if(!customElements.get(s(o))){ro()}break;case"smoothly-input-submit":if(!customElements.get(s(o))){io()}break;case"smoothly-item":if(!customElements.get(s(o))){co()}break;case"smoothly-label":if(!customElements.get(s(o))){po()}break;case"smoothly-lazy":if(!customElements.get(s(o))){no()}break;case"smoothly-load-more":if(!customElements.get(s(o))){fo()}break;case"smoothly-modal":if(!customElements.get(s(o))){yo()}break;case"smoothly-notification":if(!customElements.get(s(o))){ho()}break;case"smoothly-notifier":if(!customElements.get(s(o))){bo()}break;case"smoothly-notifier-demo":if(!customElements.get(s(o))){uo()}break;case"smoothly-spinner":if(!customElements.get(s(o))){ko()}break;case"smoothly-summary":if(!customElements.get(s(o))){jo()}break;case"smoothly-tab":if(!customElements.get(s(o))){Eo()}break;case"smoothly-table":if(!customElements.get(s(o))){go()}break;case"smoothly-table-body":if(!customElements.get(s(o))){Co()}break;case"smoothly-table-cell":if(!customElements.get(s(o))){wo()}break;case"smoothly-table-demo":if(!customElements.get(s(o))){Do()}break;case"smoothly-table-demo-colspan":if(!customElements.get(s(o))){Bo()}break;case"smoothly-table-demo-filler-row":if(!customElements.get(s(o))){vo()}break;case"smoothly-table-demo-group":if(!customElements.get(s(o))){xo()}break;case"smoothly-table-demo-nested-no-cell":if(!customElements.get(s(o))){To()}break;case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(s(o))){_o()}break;case"smoothly-table-demo-simple":if(!customElements.get(s(o))){Lo()}break;case"smoothly-table-expandable-cell":if(!customElements.get(s(o))){Qo()}break;case"smoothly-table-expandable-row":if(!customElements.get(s(o))){Fo()}break;case"smoothly-table-filler-row":if(!customElements.get(s(o))){Ko()}break;case"smoothly-table-foot":if(!customElements.get(s(o))){Mo()}break;case"smoothly-table-head":if(!customElements.get(s(o))){Vo()}break;case"smoothly-table-row":if(!customElements.get(s(o))){So()}break;case"smoothly-table-row-group":if(!customElements.get(s(o))){Ho()}break;case"smoothly-tabs":if(!customElements.get(s(o))){Ro()}break;case"smoothly-tabs-demo":if(!customElements.get(s(o))){Wo()}break;case"smoothly-theme-color":if(!customElements.get(s(o))){Ao()}break;case"smoothly-theme-color-variant":if(!customElements.get(s(o))){Io()}break;case"smoothly-theme-colors":if(!customElements.get(s(o))){Xo()}break;case"smoothly-theme-demo":if(!customElements.get(s(o))){Go()}break;case"smoothly-theme-guide":if(!customElements.get(s(o))){Yo()}break;case"smoothly-theme-picker":if(!customElements.get(s(o))){Zo()}break;case"smoothly-toggle-switch":if(!customElements.get(s(o))){Jo()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(s(o))){Uo()}break;case"smoothly-trigger":if(!customElements.get(s(o))){No()}break}}))}qo();const zo=Oo;const Po=qo;export{zo as SmoothlyAppDemo,Po as defineCustomElement};
 //# sourceMappingURL=smoothly-app-demo.js.map

package/dist/components/smoothly-form-demo-all.js

@@ -1,2 +1,2 @@
-import{S as s,d as o}from"./p-CM72sJqO.js";const t=s;const p=o;export{t as SmoothlyFormDemoAll,p as defineCustomElement};
+import{S as o,d as s}from"./p-Ch5M1RA7.js";const t=o;const p=s;export{t as SmoothlyFormDemoAll,p as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-all.js.map

package/dist/components/smoothly-form-demo-pet.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-BrBilp2f.js";const p=o;const r=s;export{p as SmoothlyFormDemoPet,r as defineCustomElement};
+import{S as o,d as s}from"./p-WvQaS_J6.js";const t=o;const a=s;export{t as SmoothlyFormDemoPet,a as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-pet.js.map

package/dist/components/smoothly-form-demo.js

@@ -1,2 +1,2 @@
-import{S as s,d as o}from"./p-CrDAs9xy.js";const r=s;const t=o;export{r as SmoothlyFormDemo,t as defineCustomElement};
+import{S as s,d as o}from"./p-CsTmaH-Y.js";const t=s;const a=o;export{t as SmoothlyFormDemo,a as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo.js.map

package/dist/components/smoothly-icon-demo.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-DZ4052aB.js";const t=o;const a=s;export{t as SmoothlyIconDemo,a as defineCustomElement};
+import{S as o,d as s}from"./p-BbtmZQlk.js";const t=o;const m=s;export{t as SmoothlyIconDemo,m as defineCustomElement};
 //# sourceMappingURL=smoothly-icon-demo.js.map

package/dist/components/smoothly-input-checkbox-demo.js

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as t,d as s,t as a}from"./p-BsZrGTcp.js";import{i as m}from"./p-BVKhAhsB.js";import{d as c}from"./p-mmAi00ak.js";import{d as l}from"./p-Cl8L61mt.js";import{d}from"./p-CHjWijPI.js";import{d as i}from"./p-BE5E3Jm6.js";import{d as f}from"./p-CN3iME9d.js";import{d as n}from"./p-DG2pfnCV.js";import{d as r}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as y}from"./p-F8qX8ZuL.js";import{d as p}from"./p-vvQg46ti.js";import{d as u}from"./p-DFSiKg4M.js";import{d as h}from"./p-o8kM0Soe.js";import{d as k}from"./p-Dd9tz4Tj.js";import{d as j}from"./p-BX-sEZyq.js";import{d as E}from"./p-y6VfFBKz.js";import{d as g}from"./p-CtVEKtM6.js";import{d as v}from"./p-KZeR_6LG.js";import{d as x}from"./p-DLgeylX5.js";import{d as z}from"./p-gEWA_tZo.js";import{d as F}from"./p-MqffyRVU.js";import{d as C}from"./p-wjlHVReJ.js";import{d as A}from"./p-4Xn3Nprv.js";import{d as L}from"./p-j4UEmpTa.js";import{d as P}from"./p-C22G-tNF.js";import{d as B}from"./p-BplZiuMF.js";import{d as D}from"./p-BLdivqFr.js";import{d as M}from"./p-CVdJ19AA.js";import{d as N}from"./p-DvOr53No.js";import{d as S}from"./p-BsHachOX.js";const w=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"b352bdfbee661343cf47d50f12abebfc0cf6ab16"},t("h2",{key:"91c946ac08fdd45e077f83fc330b2ab936b3a1e4"},"All inputs"),t("smoothly-form",{key:"6fff86e68d54df3d04c6aff0dd68cc159b59db8a",looks:"grid",readonly:true,action:"https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4"},t("smoothly-input",{key:"6dc3fd3c8e17bd65c40e10c209d5c9e9af05606c",readonly:true,name:"First Name",value:"John"},"First name"),t("smoothly-input",{key:"7d7acb5d57428af599b670ffb305d1deec054ebe",name:"Last name",value:"Doe"},"Last name",t("smoothly-input-clear",{key:"27c3f25370ebcd5cccce3db547b28a10570679fb",size:"icon",slot:"end"})),t("smoothly-input",{key:"49aa72aa749938f51ffdf9ebd7a466d94845ee9d",type:"phone",name:"Phone",value:"777888999"},"Phone",t("smoothly-input-reset",{key:"286f46fa39c7ad3786b62730fd58be655d447917",size:"icon",slot:"end"})),t("smoothly-input-radio",{key:"91ad70640e71a52489c855e1852c609a88bb2eb6",clearable:true,name:"radioFirstInput"},t("p",{key:"3068f8e03da6c743c9041d00e6206674d8647db6",slot:"label"},"Clearable"),t("smoothly-input-radio-item",{key:"d636989038d98000ba11ce424ccc27ab625d0515",slot:"options",value:"first"},"Label 1"),t("smoothly-input-radio-item",{key:"5b5e6959f78fc2e3d08eb38e1be5d8e72e46972b",selected:true,slot:"options",value:"second"},"Label 2"),t("smoothly-input-radio-item",{key:"1bbb84c8f3a50612a1fd0b54d08e12486ed98fc7",slot:"options",value:"third"},"Label 3")),t("smoothly-input-color",{key:"cd125a26f203f4d1aeb056bee95ae5acb632ff46",name:"color",value:"#479f56",output:"rgb"},"Color"),t("smoothly-input-select",{key:"814ebdf5fde8126970fdf5b333bdf9fa78a528bc",menuHeight:"7.5items",placeholder:"Select...",multiple:true,name:"select-month"},t("label",{key:"01b6346ec1df5a391709de9619eaffd6b5eb3142",slot:"label"},"Month"),t("smoothly-item",{key:"edccdd1fa584a1d1e8c4d0eb79236cca0da371d1",value:"1"},"January"),t("smoothly-item",{key:"d1e30185f0fe5d7be1fb93caa0858760c3ece3ea",value:"2"},"February"),t("smoothly-item",{key:"87b05bb03e14c13271e9a4d91d1d61dcf2ccdb4e",value:"3"},"March"),t("smoothly-item",{key:"a2f732d3a5e1e2257fc63d1777d5ff9440e5a6ea",value:"4"},"April"),t("smoothly-item",{key:"2a4355ba7020386bd68f3064e758f3c302c914b1",value:"5"},"May"),t("smoothly-item",{key:"4e2ca1c70ebab9644f0b9f23f8838349a2af5662",value:"6"},"June"),t("smoothly-item",{key:"c28b5bf4614565fb363e96f1419f642a5a1e511a",value:"7"},"July"),t("smoothly-item",{key:"29f55d2c10ea35f64d372b4bacf3d16ce6158462",value:"8"},"August"),t("smoothly-item",{key:"af6f0893b6c8f74ab2ec83c994fa4c283ccd50d1",value:"9"},"September"),t("smoothly-item",{key:"bb9dd4309de5f13ee8b09413ed140656f0cd8993",value:"10"},"October"),t("smoothly-item",{key:"4494fc9fde1fcae901228b8a3bc59f66f39062e6",value:"11"},"November"),t("smoothly-item",{key:"8e30882cfc9d205c27455edc3dddcef27c5f3f6e",value:"12"},"December"),t("smoothly-input-clear",{key:"95012437948deee3d15b981e9fd2782dd2e69bf8",size:"icon",slot:"end"})),t("smoothly-input-select",{key:"488a3819d8b5f9d67c7d6a438f23c2f82fddf711",name:"select-icon",clearable:false,showSelected:false},t("smoothly-item",{key:"246ee9908f5b491020a9e4bc983b11ded6a584a9",value:"folder",selected:true},t("smoothly-icon",{key:"c08ecd57f6eb097c243f291a3c81fb9d2348dd53",size:"small",name:"folder-outline"})),t("smoothly-item",{key:"fae16d67f4e6d37db50eaa88b5f7c4a8c864a524",value:"camera"},t("smoothly-icon",{key:"2599688d7fea657f0fc6eff69ef2418b972574a6",size:"small",name:"camera-outline"}))),t("smoothly-input-checkbox",{key:"322949e94c629f7e145dcecf9018fbf76d12288f",name:"checkbox"},"Check the box"),t("smoothly-input-checkbox",{key:"9cc5b47dc19012948e305a5757ce8db32e8604a6",name:"checkbox2",checked:true},"Check the box 2"),t("smoothly-input-date-range",{key:"90fd7d3c0be11f0392facadb1d222a103cb70229",start:m.Date.now(),end:m.Date.now()}),t("smoothly-input-date",{key:"4c2763206ed70c88dd68be14d7dd052b343e9ed4",name:"date"},"Date",t("smoothly-input-clear",{key:"0d0d5e29aa88d9813233f37c4a44b03716b0b0c7",slot:"end"})),t("smoothly-input-range",{key:"7b9629770c6f9a0cf56bf6b2879622a1c3916bf8",step:1,name:"range3",value:2e4},"Select"),t("smoothly-input",{key:"2189012b707e0c9d59ce9d98a2934e46d4757cd6",name:"pets.0.name"},"First Pet's Name"),t("smoothly-input-range",{key:"ec909bac6b45f203d3b62c3a4bf4edb1786ab29c",name:"pets.0.age",max:100,step:1},"First Pet's Age"),t("smoothly-input",{key:"e4a149d8f21fe0183c1c02af96b36dd45372464e",name:"pets.1.name"},"Second Pet's Name"),t("smoothly-input-range",{key:"b12f8a0caa8efadc3517e4d49ac10a28a77c3113",name:"pets.1.age",max:100,step:1},"Second Pet's Age"),t("smoothly-input",{key:"5c0efcf118ca8fe07c45801b1ce0a40ec6ae057f",name:"pets.2.name"},"Third Pet's Name"),t("smoothly-input-range",{key:"ea359e74dfe9cbde7b72843d57c8a220b3b47fed",name:"pets.2.age",max:100,step:1},"Third Pet's Age"),t("smoothly-input-file",{key:"ad4abed80bcd4d341202927e20f53348be67c254",name:"profile",placeholder:"Click or drag your profile picture here..."},t("span",{key:"316576fc7488e1858fcb80431d9ca4550bfda77c",slot:"label"},"Profile"),t("smoothly-icon",{key:"5e5c1586fa0728fcf8ca296a666fdf5557e3ef04",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),t("smoothly-input-clear",{key:"344bc835f9590416000916aa48b9e66a16dab543",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),t("smoothly-input-edit",{key:"46567f5f92d87e3352e61ee14115086804e8de1c",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),t("smoothly-input-reset",{key:"6857cae3aed0fe81e2600295af74e6be32b7a46a",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"5959f0903bfa4179c95609c9fa05adb4ccbc4eec",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"1503fb2488ea528635f4b7f162df3a28729d47b1",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}},[2,"smoothly-input-checkbox-demo"]);function J(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-checkbox-demo","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-edit","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-checkbox-demo":if(!customElements.get(a(e))){customElements.define(a(e),w)}break;case"smoothly-button":if(!customElements.get(a(e))){c()}break;case"smoothly-button-confirm":if(!customElements.get(a(e))){l()}break;case"smoothly-calendar":if(!customElements.get(a(e))){d()}break;case"smoothly-date-text":if(!customElements.get(a(e))){i()}break;case"smoothly-display":if(!customElements.get(a(e))){f()}break;case"smoothly-display-json":if(!customElements.get(a(e))){n()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){y()}break;case"smoothly-form":if(!customElements.get(a(e))){p()}break;case"smoothly-icon":if(!customElements.get(a(e))){u()}break;case"smoothly-input":if(!customElements.get(a(e))){h()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){k()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){j()}break;case"smoothly-input-color":if(!customElements.get(a(e))){E()}break;case"smoothly-input-date":if(!customElements.get(a(e))){g()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){v()}break;case"smoothly-input-edit":if(!customElements.get(a(e))){x()}break;case"smoothly-input-file":if(!customElements.get(a(e))){z()}break;case"smoothly-input-month":if(!customElements.get(a(e))){F()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){C()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){A()}break;case"smoothly-input-range":if(!customElements.get(a(e))){L()}break;case"smoothly-input-reset":if(!customElements.get(a(e))){P()}break;case"smoothly-input-select":if(!customElements.get(a(e))){B()}break;case"smoothly-input-submit":if(!customElements.get(a(e))){D()}break;case"smoothly-item":if(!customElements.get(a(e))){M()}break;case"smoothly-spinner":if(!customElements.get(a(e))){N()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){S()}break}}))}J();const K=w;const V=J;export{K as SmoothlyInputCheckboxDemo,V as defineCustomElement};
+import{p as e,H as o,h as t,d as s,t as a}from"./p-BsZrGTcp.js";import{i as m}from"./p-BVKhAhsB.js";import{d as c}from"./p-mmAi00ak.js";import{d as l}from"./p-Cl8L61mt.js";import{d}from"./p-CHjWijPI.js";import{d as i}from"./p-BE5E3Jm6.js";import{d as f}from"./p-CN3iME9d.js";import{d as n}from"./p-DG2pfnCV.js";import{d as r}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as y}from"./p-F8qX8ZuL.js";import{d as p}from"./p-vvQg46ti.js";import{d as u}from"./p-DFSiKg4M.js";import{d as h}from"./p-o8kM0Soe.js";import{d as k}from"./p-Dd9tz4Tj.js";import{d as j}from"./p-BX-sEZyq.js";import{d as E}from"./p-CaQWZMN4.js";import{d as g}from"./p-CtVEKtM6.js";import{d as v}from"./p-KZeR_6LG.js";import{d as x}from"./p-DLgeylX5.js";import{d as C}from"./p-gEWA_tZo.js";import{d as z}from"./p-MqffyRVU.js";import{d as F}from"./p-wjlHVReJ.js";import{d as A}from"./p-4Xn3Nprv.js";import{d as P}from"./p-PwCtk_DY.js";import{d as D}from"./p-C22G-tNF.js";import{d as L}from"./p-BplZiuMF.js";import{d as M}from"./p-BLdivqFr.js";import{d as N}from"./p-CVdJ19AA.js";import{d as w}from"./p-DvOr53No.js";import{d as B}from"./p-BsHachOX.js";const S=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"b352bdfbee661343cf47d50f12abebfc0cf6ab16"},t("h2",{key:"91c946ac08fdd45e077f83fc330b2ab936b3a1e4"},"All inputs"),t("smoothly-form",{key:"6fff86e68d54df3d04c6aff0dd68cc159b59db8a",looks:"grid",readonly:true,action:"https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4"},t("smoothly-input",{key:"6dc3fd3c8e17bd65c40e10c209d5c9e9af05606c",readonly:true,name:"First Name",value:"John"},"First name"),t("smoothly-input",{key:"7d7acb5d57428af599b670ffb305d1deec054ebe",name:"Last name",value:"Doe"},"Last name",t("smoothly-input-clear",{key:"27c3f25370ebcd5cccce3db547b28a10570679fb",size:"icon",slot:"end"})),t("smoothly-input",{key:"49aa72aa749938f51ffdf9ebd7a466d94845ee9d",type:"phone",name:"Phone",value:"777888999"},"Phone",t("smoothly-input-reset",{key:"286f46fa39c7ad3786b62730fd58be655d447917",size:"icon",slot:"end"})),t("smoothly-input-radio",{key:"91ad70640e71a52489c855e1852c609a88bb2eb6",clearable:true,name:"radioFirstInput"},t("p",{key:"3068f8e03da6c743c9041d00e6206674d8647db6",slot:"label"},"Clearable"),t("smoothly-input-radio-item",{key:"d636989038d98000ba11ce424ccc27ab625d0515",slot:"options",value:"first"},"Label 1"),t("smoothly-input-radio-item",{key:"5b5e6959f78fc2e3d08eb38e1be5d8e72e46972b",selected:true,slot:"options",value:"second"},"Label 2"),t("smoothly-input-radio-item",{key:"1bbb84c8f3a50612a1fd0b54d08e12486ed98fc7",slot:"options",value:"third"},"Label 3")),t("smoothly-input-color",{key:"cd125a26f203f4d1aeb056bee95ae5acb632ff46",name:"color",value:"#479f56",output:"rgb"},"Color"),t("smoothly-input-select",{key:"814ebdf5fde8126970fdf5b333bdf9fa78a528bc",menuHeight:"7.5items",placeholder:"Select...",multiple:true,name:"select-month"},t("label",{key:"01b6346ec1df5a391709de9619eaffd6b5eb3142",slot:"label"},"Month"),t("smoothly-item",{key:"edccdd1fa584a1d1e8c4d0eb79236cca0da371d1",value:"1"},"January"),t("smoothly-item",{key:"d1e30185f0fe5d7be1fb93caa0858760c3ece3ea",value:"2"},"February"),t("smoothly-item",{key:"87b05bb03e14c13271e9a4d91d1d61dcf2ccdb4e",value:"3"},"March"),t("smoothly-item",{key:"a2f732d3a5e1e2257fc63d1777d5ff9440e5a6ea",value:"4"},"April"),t("smoothly-item",{key:"2a4355ba7020386bd68f3064e758f3c302c914b1",value:"5"},"May"),t("smoothly-item",{key:"4e2ca1c70ebab9644f0b9f23f8838349a2af5662",value:"6"},"June"),t("smoothly-item",{key:"c28b5bf4614565fb363e96f1419f642a5a1e511a",value:"7"},"July"),t("smoothly-item",{key:"29f55d2c10ea35f64d372b4bacf3d16ce6158462",value:"8"},"August"),t("smoothly-item",{key:"af6f0893b6c8f74ab2ec83c994fa4c283ccd50d1",value:"9"},"September"),t("smoothly-item",{key:"bb9dd4309de5f13ee8b09413ed140656f0cd8993",value:"10"},"October"),t("smoothly-item",{key:"4494fc9fde1fcae901228b8a3bc59f66f39062e6",value:"11"},"November"),t("smoothly-item",{key:"8e30882cfc9d205c27455edc3dddcef27c5f3f6e",value:"12"},"December"),t("smoothly-input-clear",{key:"95012437948deee3d15b981e9fd2782dd2e69bf8",size:"icon",slot:"end"})),t("smoothly-input-select",{key:"488a3819d8b5f9d67c7d6a438f23c2f82fddf711",name:"select-icon",clearable:false,showSelected:false},t("smoothly-item",{key:"246ee9908f5b491020a9e4bc983b11ded6a584a9",value:"folder",selected:true},t("smoothly-icon",{key:"c08ecd57f6eb097c243f291a3c81fb9d2348dd53",size:"small",name:"folder-outline"})),t("smoothly-item",{key:"fae16d67f4e6d37db50eaa88b5f7c4a8c864a524",value:"camera"},t("smoothly-icon",{key:"2599688d7fea657f0fc6eff69ef2418b972574a6",size:"small",name:"camera-outline"}))),t("smoothly-input-checkbox",{key:"322949e94c629f7e145dcecf9018fbf76d12288f",name:"checkbox"},"Check the box"),t("smoothly-input-checkbox",{key:"9cc5b47dc19012948e305a5757ce8db32e8604a6",name:"checkbox2",checked:true},"Check the box 2"),t("smoothly-input-date-range",{key:"90fd7d3c0be11f0392facadb1d222a103cb70229",start:m.Date.now(),end:m.Date.now()}),t("smoothly-input-date",{key:"4c2763206ed70c88dd68be14d7dd052b343e9ed4",name:"date"},"Date",t("smoothly-input-clear",{key:"0d0d5e29aa88d9813233f37c4a44b03716b0b0c7",slot:"end"})),t("smoothly-input-range",{key:"7b9629770c6f9a0cf56bf6b2879622a1c3916bf8",step:1,name:"range3",value:2e4},"Select"),t("smoothly-input",{key:"2189012b707e0c9d59ce9d98a2934e46d4757cd6",name:"pets.0.name"},"First Pet's Name"),t("smoothly-input-range",{key:"ec909bac6b45f203d3b62c3a4bf4edb1786ab29c",name:"pets.0.age",max:100,step:1},"First Pet's Age"),t("smoothly-input",{key:"e4a149d8f21fe0183c1c02af96b36dd45372464e",name:"pets.1.name"},"Second Pet's Name"),t("smoothly-input-range",{key:"b12f8a0caa8efadc3517e4d49ac10a28a77c3113",name:"pets.1.age",max:100,step:1},"Second Pet's Age"),t("smoothly-input",{key:"5c0efcf118ca8fe07c45801b1ce0a40ec6ae057f",name:"pets.2.name"},"Third Pet's Name"),t("smoothly-input-range",{key:"ea359e74dfe9cbde7b72843d57c8a220b3b47fed",name:"pets.2.age",max:100,step:1},"Third Pet's Age"),t("smoothly-input-file",{key:"ad4abed80bcd4d341202927e20f53348be67c254",name:"profile",placeholder:"Click or drag your profile picture here..."},t("span",{key:"316576fc7488e1858fcb80431d9ca4550bfda77c",slot:"label"},"Profile"),t("smoothly-icon",{key:"5e5c1586fa0728fcf8ca296a666fdf5557e3ef04",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),t("smoothly-input-clear",{key:"344bc835f9590416000916aa48b9e66a16dab543",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),t("smoothly-input-edit",{key:"46567f5f92d87e3352e61ee14115086804e8de1c",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),t("smoothly-input-reset",{key:"6857cae3aed0fe81e2600295af74e6be32b7a46a",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"5959f0903bfa4179c95609c9fa05adb4ccbc4eec",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"1503fb2488ea528635f4b7f162df3a28729d47b1",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}},[2,"smoothly-input-checkbox-demo"]);function Z(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-checkbox-demo","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-edit","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-checkbox-demo":if(!customElements.get(a(e))){customElements.define(a(e),S)}break;case"smoothly-button":if(!customElements.get(a(e))){c()}break;case"smoothly-button-confirm":if(!customElements.get(a(e))){l()}break;case"smoothly-calendar":if(!customElements.get(a(e))){d()}break;case"smoothly-date-text":if(!customElements.get(a(e))){i()}break;case"smoothly-display":if(!customElements.get(a(e))){f()}break;case"smoothly-display-json":if(!customElements.get(a(e))){n()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){y()}break;case"smoothly-form":if(!customElements.get(a(e))){p()}break;case"smoothly-icon":if(!customElements.get(a(e))){u()}break;case"smoothly-input":if(!customElements.get(a(e))){h()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){k()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){j()}break;case"smoothly-input-color":if(!customElements.get(a(e))){E()}break;case"smoothly-input-date":if(!customElements.get(a(e))){g()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){v()}break;case"smoothly-input-edit":if(!customElements.get(a(e))){x()}break;case"smoothly-input-file":if(!customElements.get(a(e))){C()}break;case"smoothly-input-month":if(!customElements.get(a(e))){z()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){F()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){A()}break;case"smoothly-input-range":if(!customElements.get(a(e))){P()}break;case"smoothly-input-reset":if(!customElements.get(a(e))){D()}break;case"smoothly-input-select":if(!customElements.get(a(e))){L()}break;case"smoothly-input-submit":if(!customElements.get(a(e))){M()}break;case"smoothly-item":if(!customElements.get(a(e))){N()}break;case"smoothly-spinner":if(!customElements.get(a(e))){w()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){B()}break}}))}Z();const J=S;const K=Z;export{J as SmoothlyInputCheckboxDemo,K as defineCustomElement};
 //# sourceMappingURL=smoothly-input-checkbox-demo.js.map

package/dist/components/smoothly-input-color-demo.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-C0Vb-3iG.js";const t=o;const p=s;export{t as SmoothlyInputColorDemo,p as defineCustomElement};
+import{S as o,d as s}from"./p-B1VLjp0y.js";const p=o;const t=s;export{p as SmoothlyInputColorDemo,t as defineCustomElement};
 //# sourceMappingURL=smoothly-input-color-demo.js.map

package/dist/components/smoothly-input-color.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-y6VfFBKz.js";const t=o;const p=s;export{t as SmoothlyInputColor,p as defineCustomElement};
+import{S as o,d as s}from"./p-CaQWZMN4.js";const t=o;const a=s;export{t as SmoothlyInputColor,a as defineCustomElement};
 //# sourceMappingURL=smoothly-input-color.js.map

package/dist/components/smoothly-input-demo-standard.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-ChiRe9cW.js";const t=o;const c=s;export{t as SmoothlyInputDemoStandard,c as defineCustomElement};
+import{S as o,d as s}from"./p-Ch1HU37X.js";const t=o;const p=s;export{t as SmoothlyInputDemoStandard,p as defineCustomElement};
 //# sourceMappingURL=smoothly-input-demo-standard.js.map

package/dist/components/smoothly-input-demo-user-input.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-DUoSHWe1.js";const t=o;const p=s;export{t as SmoothlyInputDemoUserInput,p as defineCustomElement};
+import{S as o,d as s}from"./p-CYxd1Pkd.js";const t=o;const d=s;export{t as SmoothlyInputDemoUserInput,d as defineCustomElement};
 //# sourceMappingURL=smoothly-input-demo-user-input.js.map

package/dist/components/smoothly-input-demo.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-BbI_Odg-.js";const t=o;const p=s;export{t as SmoothlyInputDemo,p as defineCustomElement};
+import{S as o,d as s}from"./p-CDbQFx9i.js";const t=o;const p=s;export{t as SmoothlyInputDemo,p as defineCustomElement};
 //# sourceMappingURL=smoothly-input-demo.js.map

package/dist/components/smoothly-input-range-demo.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-D97PTGAK.js";const t=o;const p=s;export{t as SmoothlyInputRangeDemo,p as defineCustomElement};
+import{S as o,d as s}from"./p-Cfvi2T1F.js";const t=o;const p=s;export{t as SmoothlyInputRangeDemo,p as defineCustomElement};
 //# sourceMappingURL=smoothly-input-range-demo.js.map

package/dist/components/smoothly-input-range.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-j4UEmpTa.js";const p=o;const t=s;export{p as SmoothlyInputRange,t as defineCustomElement};
+import{S as o,d as s}from"./p-PwCtk_DY.js";const t=o;const p=s;export{t as SmoothlyInputRange,p as defineCustomElement};
 //# sourceMappingURL=smoothly-input-range.js.map

package/dist/esm/smoothly-app_99.entry.js

@@ -7737,7 +7737,7 @@ var Range;
     Range.percent = percent;
 })(Range || (Range = {}));
 
-const styleCss$E = () => `.sc-smoothly-input-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-range-h .label.sc-smoothly-input-range{transform-origin:top right}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}.sc-smoothly-input-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:6rem;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dual.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:6rem;flex:0 0 auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range{position:relative;flex:1;height:1.5em;display:flex;align-items:center}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range::before{content:"";position:absolute;left:.4em;right:.4em;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h .fill.sc-smoothly-input-range{position:absolute;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-primary-color));pointer-events:none}.dual[readonly].sc-smoothly-input-range-h .fill.sc-smoothly-input-range,.dual[disabled].sc-smoothly-input-range-h .fill.sc-smoothly-input-range{background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{position:absolute;left:0;right:0;width:100%;margin:0;background:transparent;pointer-events:none}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background:transparent}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background:transparent}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{pointer-events:auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{pointer-events:auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{height:.3rem}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;margin-top:-.25em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h:not([disabled]):not([readonly]) .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h:not([disabled]):not([readonly]) .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.dual[disabled].sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,.dual[disabled].sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{cursor:not-allowed}`;
+const styleCss$E = () => `.sc-smoothly-input-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-range-h .label.sc-smoothly-input-range{transform-origin:top right}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}.sc-smoothly-input-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:6rem;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dual.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:7rem;flex:0 0 auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range{position:relative;flex:1;height:1.5em;display:flex;align-items:center}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range::before{content:"";position:absolute;left:.4em;right:.4em;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h .fill.sc-smoothly-input-range{position:absolute;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-primary-color));pointer-events:none}.dual[readonly].sc-smoothly-input-range-h .fill.sc-smoothly-input-range,.dual[disabled].sc-smoothly-input-range-h .fill.sc-smoothly-input-range{background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{position:absolute;left:0;right:0;width:100%;margin:0;background:transparent;pointer-events:none}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background:transparent}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background:transparent}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{pointer-events:auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{pointer-events:auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{height:.3rem}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;margin-top:-.25em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h:not([disabled]):not([readonly]) .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h:not([disabled]):not([readonly]) .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.dual[disabled].sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,.dual[disabled].sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{cursor:not-allowed}`;
 
 const SmoothlyInputRange = class {
     constructor(hostRef) {
@@ -7902,7 +7902,7 @@ const SmoothlyInputRange = class {
         ];
     }
     renderField(part, value) {
-        return (h("smoothly-input", { ref: e => (part == "start" ? (this.startInput = e) : (this.endInput = e)), class: part, color: this.color, name: `${this.name}-${part}`, showLabel: true, type: this.type, onSmoothlyBlur: e => (e.stopPropagation(), this.commitField(part)), onSmoothlyKeydown: e => void (e.detail.key == "Enter" && this.commitField(part)), onSmoothlyInput: e => e.stopPropagation(), onSmoothlyUserInput: e => e.stopPropagation(), value: this.type == "percent" ? value : value === null || value === void 0 ? void 0 : value.toString(), readonly: this.readonly, disabled: this.disabled, right: part == "start" }, part == "start" ? "From" : "To"));
+        return (h("smoothly-input", { ref: e => (part == "start" ? (this.startInput = e) : (this.endInput = e)), class: part, color: this.color, name: `${this.name}-${part}`, showLabel: true, type: this.type, onSmoothlyBlur: e => (e.stopPropagation(), this.commitField(part)), onSmoothlyKeydown: e => void (e.detail.key == "Enter" && this.commitField(part)), onSmoothlyInput: e => e.stopPropagation(), onSmoothlyUserInput: e => e.stopPropagation(), value: this.type == "percent" ? value : value === null || value === void 0 ? void 0 : value.toString(), readonly: this.readonly, disabled: this.disabled, right: part == "start" }, `${this.label ? this.label : ""} ${part == "start" ? "From" : "To"}`));
     }
     renderRangeInput(part, value) {
         var _a;
@@ -7922,11 +7922,11 @@ const SmoothlyInputRange = class {
             }, value: value !== null && value !== void 0 ? value : (part == "start" ? this.min : this.max) }));
     }
     render() {
-        return (h(Host, { key: '93a4e9afcd01c8eda143e413360f20e14bcaa920', class: {
+        return (h(Host, { key: '7e69877d633e5cd9052202f8e556018053101b34', class: {
                 "output-side-right": this.outputSide === "right",
-                "show-label": this.outputSide === "left" && !!this.label,
+                "show-label": this.dual || (this.outputSide === "left" && !!this.label),
                 dual: this.dual,
-            } }, h("slot", { key: '72711b5578bab0320901dbd513bb312b54b3ff40', name: "start" }), h("div", { key: 'be83442baeb8cd97fd650ac17717a0e4d703976e' }, h("label", { key: '17c0d638d8a9550c01de699efae66f55e1b27b8c', htmlFor: this.name }, this.label), this.dual ? this.renderDual() : this.renderSingle()), h("slot", { key: '1162b21a65fdd05c5703ff547201765b28858554', name: "end" })));
+            } }, h("slot", { key: 'dc821324171d047270222d1b127887f28311fe5b', name: "start" }), h("div", { key: '29c8fc53b306df07ed0781a4fb8f8650a8f04d45' }, h("label", { key: '44505c248cff4062e54c1383cebdec3c2dd3ac5f', htmlFor: this.name }, this.label), this.dual ? this.renderDual() : this.renderSingle()), h("slot", { key: 'd65e624e57acc9da5b14409d5ffe2bb1717449fd', name: "end" })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -7951,7 +7951,7 @@ const SmoothlyInputRangeDemo = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '850a5ea8cc3b512e2661333525b28eb5019287b3' }, h("h2", { key: '0a0f623f23a6739f5aeb96c4b5f1679e9e0fcb34' }, "Range"), h("h3", { key: '53535b3d6a89421a97851d0bd9fae947cc13b9ac' }, "Phone Number"), h("smoothly-input-range", { key: '87041e028b3e3679261c04f13a0a191f382a19a5', name: "first", min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '9875d80de18b17eca10c223004f8860e49057b8d' }, "Stars out of ten"), h("smoothly-input-range", { key: '45a7669fc4115edec078db9d7d02038f5ebd0b7d', name: "stars", max: 10, step: 1, label: "Stars" }), h("h3", { key: '7b0dfeef448af88731df524c2616062d97fade53' }, "Percent"), h("smoothly-input-range", { key: '16cc894decd70155beb121fd8ca3d6e4e743f3b3', name: "percent", type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: 'f71216975dea018c658b0501eb20cf266750e210' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '2acb17d8d7173d3c8f2cbddf7b0626fba989fdb0', step: 1, name: "withClear", label: "Select" }, h("smoothly-icon", { key: '773be31ffa04141dac37b6a9b54fde28c1499cf2', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: 'c72262a6951103b03fa1af298a94152937e76338', size: "icon", slot: "end" })), h("h3", { key: 'de256bcef1e529daf7df1f49c5874def1e5e6248' }, "Dual (start / end)"), h("smoothly-input-range", { key: '0021e39e8db099b1afa54c9716e6923f535a2a05', dual: true, min: 90.86, max: 10000000, step: 1, name: "dualRange", label: "Range" }), h("h3", { key: 'add2d05dc7abb04da120eaea454b8ea2bd2cc552' }, "Dual percent"), h("smoothly-input-range", { key: '65fc586b860a04e5253b560800d1dd55ba05b2d4', dual: true, name: "dualRangePercent", type: "percent", min: 0, max: 1, step: 0.01, label: "Percent range" }, h("smoothly-input-clear", { key: '0ab70bea08f1d4473f85652f8f1ef1a1ae22f10c', size: "icon", slot: "end" }))));
+        return (h(Host, { key: '850a5ea8cc3b512e2661333525b28eb5019287b3' }, h("h2", { key: '0a0f623f23a6739f5aeb96c4b5f1679e9e0fcb34' }, "Range"), h("h3", { key: '53535b3d6a89421a97851d0bd9fae947cc13b9ac' }, "Phone Number"), h("smoothly-input-range", { key: '87041e028b3e3679261c04f13a0a191f382a19a5', name: "first", min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '9875d80de18b17eca10c223004f8860e49057b8d' }, "Stars out of ten"), h("smoothly-input-range", { key: '45a7669fc4115edec078db9d7d02038f5ebd0b7d', name: "stars", max: 10, step: 1, label: "Stars" }), h("h3", { key: '7b0dfeef448af88731df524c2616062d97fade53' }, "Percent"), h("smoothly-input-range", { key: '16cc894decd70155beb121fd8ca3d6e4e743f3b3', name: "percent", type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: 'f71216975dea018c658b0501eb20cf266750e210' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '2acb17d8d7173d3c8f2cbddf7b0626fba989fdb0', step: 1, name: "withClear", label: "Select" }, h("smoothly-icon", { key: '773be31ffa04141dac37b6a9b54fde28c1499cf2', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: 'c72262a6951103b03fa1af298a94152937e76338', size: "icon", slot: "end" })), h("h3", { key: 'de256bcef1e529daf7df1f49c5874def1e5e6248' }, "Dual (start / end)"), h("smoothly-input-range", { key: '0021e39e8db099b1afa54c9716e6923f535a2a05', dual: true, min: 90.86, max: 10000000, step: 1, name: "dualRange", label: "Range" }), h("h3", { key: 'add2d05dc7abb04da120eaea454b8ea2bd2cc552' }, "Dual percent"), h("smoothly-input-range", { key: '199cdddf49337ffb96121ecc851e02523357007d', dual: true, name: "dualRangePercent", type: "percent", min: 0, max: 1, step: 0.01 }, h("smoothly-input-clear", { key: '7518efbb06a3c36182ddbfa8b22c8d3c960ef808', size: "icon", slot: "end" }))));
     }
 };