smoothly 1.119.0 → 1.120.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-CE-IZkWY.js";import{d as a}from"./p-CKGlbozb.js";import{d as l}from"./p-zLhQ1mMe.js";import{d as r}from"./p-D2AakJMz.js";import{d as i}from"./p-mmAi00ak.js";import{d as c}from"./p-MHAaISnU.js";import{d}from"./p-Df80nM_T.js";import{d as p}from"./p-C9Wv8Ynb.js";import{d as n}from"./p-bQGZECIZ.js";import{d as f}from"./p-DnvyyAaF.js";import{d as y}from"./p-vB-efyHR.js";import{d as h}from"./p-C7rAw-Sf.js";import{d as b}from"./p-CN3iME9d.js";import{d as u}from"./p-w1uPMi4U.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-DPlYDxyJ.js";import{d as B}from"./p-Cq3zOYlg.js";import{d as D}from"./p-BFa-ypRu.js";import{d as v}from"./p-7UXKt7wZ.js";import{d as x}from"./p-DeslbBen.js";import{d as T}from"./p-CauRo4fz.js";import{d as U}from"./p-CT5ZkMDd.js";import{d as I}from"./p-CZERsWDV.js";import{d as R}from"./p-CuBPxYv2.js";import{d as H}from"./p-WiBL-FFH.js";import{d as M}from"./p-BH3GbIqq.js";import{d as Z}from"./p-CEYFnw7c.js";import{d as z}from"./p-C9BPfP8V.js";import{d as F}from"./p-Bt-mtf0k.js";import{d as Y}from"./p-DDYB8QLF.js";import{d as q}from"./p-C0OwGHaZ.js";import{d as G}from"./p-BHTAR2x1.js";import{d as L}from"./p-B-jhX7aN.js";import{d as N}from"./p-Dk4OvZyQ.js";import{d as A}from"./p-CDzU4-Ri.js";import{d as P}from"./p-CIXMGKGQ.js";import{d as V}from"./p-BAMFAtTN.js";import{d as X}from"./p-ACHjKlBz.js";import{d as K}from"./p-BrYTMGo3.js";import{d as Q}from"./p-BdhEVyZ3.js";import{d as W}from"./p-CXcvp4fs.js";import{d as S}from"./p-DGTXEwvN.js";import{d as _}from"./p-DRyQsXc9.js";import{d as O}from"./p-B2GxOEjl.js";import{d as J}from"./p-BOzzNfNj.js";import{d as $}from"./p-UqPFIGlg.js";import{d as oo}from"./p-UCcJDJNC.js";import{d as eo}from"./p-CMMaSJvr.js";import{d as to}from"./p-Bo1NnbuT.js";import{d as so}from"./p-BQOdxeHU.js";import{d as mo}from"./p-Dq8EU803.js";import{d as ao}from"./p-Cppqe_PV.js";import{d as lo}from"./p-CLqKhHZ8.js";import{d as ro}from"./p-vN0nUvmF.js";import{d as io}from"./p-ycoVDLCD.js";import{d as co}from"./p-ByRyVRgY.js";import{d as po}from"./p-VQuZJp8X.js";import{d as no}from"./p-Bv6ll-a-.js";import{d as fo}from"./p-DDtRlhit.js";import{d as yo}from"./p-jSrgQO7o.js";import{d as ho}from"./p-CCaI37_s.js";import{d as bo}from"./p-BdYr9Wou.js";import{d as uo}from"./p-CUmpHIzY.js";import{d as ko}from"./p-CmUug44L.js";import{d as jo}from"./p-M0gzpGV-.js";import{d as Eo}from"./p-BcEDrfmP.js";import{d as go}from"./p-C77C00Ii.js";import{d as Co}from"./p-DvMoIxws.js";import{d as wo}from"./p-l818BCpp.js";import{d as Bo}from"./p-B8I-Yh5P.js";import{d as Do}from"./p-BLIeXp8k.js";import{d as vo}from"./p-5Z_db2DH.js";import{d as xo}from"./p-DUZEz-6n.js";import{d as To}from"./p-CNEHa0dN.js";import{d as Uo}from"./p-BDuUY4CB.js";import{d as Io}from"./p-BvTs7KUn.js";import{d as Ro}from"./p-Cuq_eaHi.js";import{d as Ho}from"./p-CFwdTUm-.js";import{d as Mo}from"./p-Cu0ProBU.js";import{d as Zo}from"./p-C7PxdEtX.js";import{d as zo}from"./p-Iph4bHku.js";import{d as Fo}from"./p-BWT1q2tN.js";import{d as Yo}from"./p-CTvqaqVm.js";import{d as qo}from"./p-2Y5tLcQ1.js";import{d as Go}from"./p-UyMXVF_R.js";import{d as Lo}from"./p-BTjay9Fy.js";import{d as No}from"./p-BnYCDLp0.js";import{d as Ao}from"./p-mgqCIR9Q.js";import{d as Po}from"./p-DjX23A0S.js";import{d as Vo}from"./p-e7wZ4-5T.js";import{d as Xo}from"./p-CcBRUK1s.js";import{d as Ko}from"./p-BCwizh6U.js";import{d as Qo}from"./p-Dw1KwhCp.js";import{d as Wo}from"./p-DFPMixk-.js";const So=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 _o(){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),So)}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))){B()}break;case"smoothly-form-demo-all":if(!customElements.get(s(o))){D()}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))){U()}break;case"smoothly-form-demo-login":if(!customElements.get(s(o))){I()}break;case"smoothly-form-demo-pet":if(!customElements.get(s(o))){R()}break;case"smoothly-form-demo-prices":if(!customElements.get(s(o))){H()}break;case"smoothly-form-demo-schedule":if(!customElements.get(s(o))){M()}break;case"smoothly-form-demo-transparent":if(!customElements.get(s(o))){Z()}break;case"smoothly-form-demo-typed":if(!customElements.get(s(o))){z()}break;case"smoothly-frame":if(!customElements.get(s(o))){F()}break;case"smoothly-icon":if(!customElements.get(s(o))){Y()}break;case"smoothly-icon-demo":if(!customElements.get(s(o))){q()}break;case"smoothly-input":if(!customElements.get(s(o))){G()}break;case"smoothly-input-checkbox":if(!customElements.get(s(o))){L()}break;case"smoothly-input-clear":if(!customElements.get(s(o))){N()}break;case"smoothly-input-color":if(!customElements.get(s(o))){A()}break;case"smoothly-input-color-demo":if(!customElements.get(s(o))){P()}break;case"smoothly-input-date":if(!customElements.get(s(o))){V()}break;case"smoothly-input-date-demo":if(!customElements.get(s(o))){X()}break;case"smoothly-input-date-range":if(!customElements.get(s(o))){K()}break;case"smoothly-input-date-time":if(!customElements.get(s(o))){Q()}break;case"smoothly-input-demo":if(!customElements.get(s(o))){W()}break;case"smoothly-input-demo-radio":if(!customElements.get(s(o))){S()}break;case"smoothly-input-demo-standard":if(!customElements.get(s(o))){_()}break;case"smoothly-input-demo-user-input":if(!customElements.get(s(o))){O()}break;case"smoothly-input-edit":if(!customElements.get(s(o))){J()}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))){Bo()}break;case"smoothly-table-demo-colspan":if(!customElements.get(s(o))){Do()}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))){Uo()}break;case"smoothly-table-demo-simple":if(!customElements.get(s(o))){Io()}break;case"smoothly-table-expandable-cell":if(!customElements.get(s(o))){Ro()}break;case"smoothly-table-expandable-row":if(!customElements.get(s(o))){Ho()}break;case"smoothly-table-filler-row":if(!customElements.get(s(o))){Mo()}break;case"smoothly-table-foot":if(!customElements.get(s(o))){Zo()}break;case"smoothly-table-head":if(!customElements.get(s(o))){zo()}break;case"smoothly-table-row":if(!customElements.get(s(o))){Fo()}break;case"smoothly-table-row-group":if(!customElements.get(s(o))){Yo()}break;case"smoothly-tabs":if(!customElements.get(s(o))){qo()}break;case"smoothly-tabs-demo":if(!customElements.get(s(o))){Go()}break;case"smoothly-theme-color":if(!customElements.get(s(o))){Lo()}break;case"smoothly-theme-color-variant":if(!customElements.get(s(o))){No()}break;case"smoothly-theme-colors":if(!customElements.get(s(o))){Ao()}break;case"smoothly-theme-demo":if(!customElements.get(s(o))){Po()}break;case"smoothly-theme-guide":if(!customElements.get(s(o))){Vo()}break;case"smoothly-theme-picker":if(!customElements.get(s(o))){Xo()}break;case"smoothly-toggle-switch":if(!customElements.get(s(o))){Ko()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(s(o))){Qo()}break;case"smoothly-trigger":if(!customElements.get(s(o))){Wo()}break}}))}_o();const Oo=So;const Jo=_o;export{Oo as SmoothlyAppDemo,Jo 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-CE-IZkWY.js";import{d as a}from"./p-CKGlbozb.js";import{d as l}from"./p-zLhQ1mMe.js";import{d as r}from"./p-D2AakJMz.js";import{d as i}from"./p-mmAi00ak.js";import{d as c}from"./p-MHAaISnU.js";import{d}from"./p-DOfA_yvr.js";import{d as p}from"./p-DZmJ-Ege.js";import{d as n}from"./p-jq25vUmm.js";import{d as f}from"./p-DnvyyAaF.js";import{d as y}from"./p-vB-efyHR.js";import{d as h}from"./p-C7rAw-Sf.js";import{d as b}from"./p-CN3iME9d.js";import{d as u}from"./p-w1uPMi4U.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-DPlYDxyJ.js";import{d as D}from"./p-B31ti0xn.js";import{d as B}from"./p-FdEf_vHE.js";import{d as v}from"./p-7UXKt7wZ.js";import{d as x}from"./p-DRRy5oLc.js";import{d as U}from"./p-BX3JvEPG.js";import{d as T}from"./p-DcANjqvU.js";import{d as I}from"./p-CZERsWDV.js";import{d as R}from"./p-BjQjh8et.js";import{d as H}from"./p-WiBL-FFH.js";import{d as z}from"./p-CzyIIFz6.js";import{d as F}from"./p-CdufQoGg.js";import{d as L}from"./p-8Z_nWblq.js";import{d as M}from"./p-Bt-mtf0k.js";import{d as Z}from"./p-DDYB8QLF.js";import{d as q}from"./p-BXS5v02h.js";import{d as N}from"./p-BHTAR2x1.js";import{d as Q}from"./p-B-jhX7aN.js";import{d as Y}from"./p-Dk4OvZyQ.js";import{d as A}from"./p-CDzU4-Ri.js";import{d as W}from"./p-CIXMGKGQ.js";import{d as X}from"./p-DhchoEO3.js";import{d as K}from"./p-B-XoCWgd.js";import{d as V}from"./p-CMLWVZ3h.js";import{d as G}from"./p-Cyl9K1If.js";import{d as P}from"./p-DASRY4Rq.js";import{d as S}from"./p-DGTXEwvN.js";import{d as _}from"./p-BncQwsFC.js";import{d as O}from"./p-BNjhlyw7.js";import{d as J}from"./p-BOzzNfNj.js";import{d as $}from"./p-UqPFIGlg.js";import{d as oo}from"./p-BagcEQ4o.js";import{d as eo}from"./p-CMMaSJvr.js";import{d as to}from"./p-Bo1NnbuT.js";import{d as so}from"./p-BQOdxeHU.js";import{d as mo}from"./p-Dq8EU803.js";import{d as ao}from"./p-Cppqe_PV.js";import{d as lo}from"./p-CLqKhHZ8.js";import{d as ro}from"./p-C88eMND6.js";import{d as io}from"./p-ycoVDLCD.js";import{d as co}from"./p-ByRyVRgY.js";import{d as po}from"./p-VQuZJp8X.js";import{d as no}from"./p-Bv6ll-a-.js";import{d as fo}from"./p-DDtRlhit.js";import{d as yo}from"./p-jSrgQO7o.js";import{d as ho}from"./p-CCaI37_s.js";import{d as bo}from"./p-BdYr9Wou.js";import{d as uo}from"./p-CUmpHIzY.js";import{d as ko}from"./p-CmUug44L.js";import{d as jo}from"./p-M0gzpGV-.js";import{d as Eo}from"./p-BcEDrfmP.js";import{d as go}from"./p-C77C00Ii.js";import{d as Co}from"./p-DvMoIxws.js";import{d as wo}from"./p-l818BCpp.js";import{d as Do}from"./p-B8I-Yh5P.js";import{d as Bo}from"./p-BLIeXp8k.js";import{d as vo}from"./p-5Z_db2DH.js";import{d as xo}from"./p-DUZEz-6n.js";import{d as Uo}from"./p-CNEHa0dN.js";import{d as To}from"./p-BDuUY4CB.js";import{d as Io}from"./p-BvTs7KUn.js";import{d as Ro}from"./p-Cuq_eaHi.js";import{d as Ho}from"./p-CFwdTUm-.js";import{d as zo}from"./p-Cu0ProBU.js";import{d as Fo}from"./p-C7PxdEtX.js";import{d as Lo}from"./p-Iph4bHku.js";import{d as Mo}from"./p-BWT1q2tN.js";import{d as Zo}from"./p-CTvqaqVm.js";import{d as qo}from"./p-2Y5tLcQ1.js";import{d as No}from"./p-UyMXVF_R.js";import{d as Qo}from"./p-BTjay9Fy.js";import{d as Yo}from"./p-BnYCDLp0.js";import{d as Ao}from"./p-mgqCIR9Q.js";import{d as Wo}from"./p-DfuAOOKY.js";import{d as Xo}from"./p-e7wZ4-5T.js";import{d as Ko}from"./p-BvTceaHt.js";import{d as Vo}from"./p-BCwizh6U.js";import{d as Go}from"./p-Dw1KwhCp.js";import{d as Po}from"./p-DFPMixk-.js";const So=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 _o(){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),So)}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))){U()}break;case"smoothly-form-demo-date-range":if(!customElements.get(s(o))){T()}break;case"smoothly-form-demo-login":if(!customElements.get(s(o))){I()}break;case"smoothly-form-demo-pet":if(!customElements.get(s(o))){R()}break;case"smoothly-form-demo-prices":if(!customElements.get(s(o))){H()}break;case"smoothly-form-demo-schedule":if(!customElements.get(s(o))){z()}break;case"smoothly-form-demo-transparent":if(!customElements.get(s(o))){F()}break;case"smoothly-form-demo-typed":if(!customElements.get(s(o))){L()}break;case"smoothly-frame":if(!customElements.get(s(o))){M()}break;case"smoothly-icon":if(!customElements.get(s(o))){Z()}break;case"smoothly-icon-demo":if(!customElements.get(s(o))){q()}break;case"smoothly-input":if(!customElements.get(s(o))){N()}break;case"smoothly-input-checkbox":if(!customElements.get(s(o))){Q()}break;case"smoothly-input-clear":if(!customElements.get(s(o))){Y()}break;case"smoothly-input-color":if(!customElements.get(s(o))){A()}break;case"smoothly-input-color-demo":if(!customElements.get(s(o))){W()}break;case"smoothly-input-date":if(!customElements.get(s(o))){X()}break;case"smoothly-input-date-demo":if(!customElements.get(s(o))){K()}break;case"smoothly-input-date-range":if(!customElements.get(s(o))){V()}break;case"smoothly-input-date-time":if(!customElements.get(s(o))){G()}break;case"smoothly-input-demo":if(!customElements.get(s(o))){P()}break;case"smoothly-input-demo-radio":if(!customElements.get(s(o))){S()}break;case"smoothly-input-demo-standard":if(!customElements.get(s(o))){_()}break;case"smoothly-input-demo-user-input":if(!customElements.get(s(o))){O()}break;case"smoothly-input-edit":if(!customElements.get(s(o))){J()}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))){Uo()}break;case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(s(o))){To()}break;case"smoothly-table-demo-simple":if(!customElements.get(s(o))){Io()}break;case"smoothly-table-expandable-cell":if(!customElements.get(s(o))){Ro()}break;case"smoothly-table-expandable-row":if(!customElements.get(s(o))){Ho()}break;case"smoothly-table-filler-row":if(!customElements.get(s(o))){zo()}break;case"smoothly-table-foot":if(!customElements.get(s(o))){Fo()}break;case"smoothly-table-head":if(!customElements.get(s(o))){Lo()}break;case"smoothly-table-row":if(!customElements.get(s(o))){Mo()}break;case"smoothly-table-row-group":if(!customElements.get(s(o))){Zo()}break;case"smoothly-tabs":if(!customElements.get(s(o))){qo()}break;case"smoothly-tabs-demo":if(!customElements.get(s(o))){No()}break;case"smoothly-theme-color":if(!customElements.get(s(o))){Qo()}break;case"smoothly-theme-color-variant":if(!customElements.get(s(o))){Yo()}break;case"smoothly-theme-colors":if(!customElements.get(s(o))){Ao()}break;case"smoothly-theme-demo":if(!customElements.get(s(o))){Wo()}break;case"smoothly-theme-guide":if(!customElements.get(s(o))){Xo()}break;case"smoothly-theme-picker":if(!customElements.get(s(o))){Ko()}break;case"smoothly-toggle-switch":if(!customElements.get(s(o))){Vo()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(s(o))){Go()}break;case"smoothly-trigger":if(!customElements.get(s(o))){Po()}break}}))}_o();const Oo=So;const Jo=_o;export{Oo as SmoothlyAppDemo,Jo as defineCustomElement};
 //# sourceMappingURL=smoothly-app-demo.js.map

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

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-C9Wv8Ynb.js";const t=o;const n=s;export{t as SmoothlyButtonDemoStandard,n as defineCustomElement};
+import{S as o,d as s}from"./p-DZmJ-Ege.js";const t=o;const m=s;export{t as SmoothlyButtonDemoStandard,m as defineCustomElement};
 //# sourceMappingURL=smoothly-button-demo-standard.js.map

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

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-Df80nM_T.js";const t=o;const n=s;export{t as SmoothlyButtonDemo,n as defineCustomElement};
+import{S as o,d as s}from"./p-DOfA_yvr.js";const r=o;const t=s;export{r as SmoothlyButtonDemo,t as defineCustomElement};
 //# sourceMappingURL=smoothly-button-demo.js.map

package/dist/components/smoothly-calendar.js

@@ -1,2 +1,2 @@
-import{C as o,d as s}from"./p-bQGZECIZ.js";const t=o;const p=s;export{t as SmoothlyCalendar,p as defineCustomElement};
+import{C as o,d as s}from"./p-jq25vUmm.js";const m=o;const t=s;export{m as SmoothlyCalendar,t as defineCustomElement};
 //# sourceMappingURL=smoothly-calendar.js.map

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

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-BFa-ypRu.js";const p=o;const t=s;export{p as SmoothlyFormDemoAll,t as defineCustomElement};
+import{S as o,d as s}from"./p-FdEf_vHE.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-controlled.js

@@ -1,2 +1,2 @@
-import{S as s,d as o}from"./p-DeslbBen.js";const t=s;const e=o;export{t as SmoothlyFormDemoControlled,e as defineCustomElement};
+import{S as o,d as s}from"./p-DRRy5oLc.js";const t=o;const c=s;export{t as SmoothlyFormDemoControlled,c as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-controlled.js.map

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

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-CT5ZkMDd.js";const t=o;const p=s;export{t as SmoothlyFormDemoDateRange,p as defineCustomElement};
+import{S as o,d as s}from"./p-DcANjqvU.js";const t=o;const c=s;export{t as SmoothlyFormDemoDateRange,c as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-date-range.js.map

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

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-CauRo4fz.js";const t=o;const a=s;export{t as SmoothlyFormDemoDate,a as defineCustomElement};
+import{S as o,d as s}from"./p-BX3JvEPG.js";const t=o;const p=s;export{t as SmoothlyFormDemoDate,p as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-date.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-CEYFnw7c.js";const t=o;const c=s;export{t as SmoothlyFormDemoTransparent,c as defineCustomElement};
+import{S as o,d as s}from"./p-CdufQoGg.js";const t=o;const p=s;export{t as SmoothlyFormDemoTransparent,p as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-transparent.js.map

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

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-C9BPfP8V.js";const t=o;const p=s;export{t as SmoothlyFormDemoTyped,p as defineCustomElement};
+import{S as o,d as s}from"./p-8Z_nWblq.js";const t=o;const n=s;export{t as SmoothlyFormDemoTyped,n as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-typed.js.map

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

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-Cq3zOYlg.js";const t=o;const p=s;export{t as SmoothlyFormDemo,p as defineCustomElement};
+import{S as o,d as s}from"./p-B31ti0xn.js";const t=o;const n=s;export{t as SmoothlyFormDemo,n 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-C0OwGHaZ.js";const t=o;const a=s;export{t as SmoothlyIconDemo,a as defineCustomElement};
+import{S as o,d as s}from"./p-BXS5v02h.js";const t=o;const p=s;export{t as SmoothlyIconDemo,p 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 l}from"./p-mmAi00ak.js";import{d as c}from"./p-MHAaISnU.js";import{d as i}from"./p-bQGZECIZ.js";import{d}from"./p-DnvyyAaF.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-DPlYDxyJ.js";import{d as u}from"./p-DDYB8QLF.js";import{d as h}from"./p-BHTAR2x1.js";import{d as k}from"./p-B-jhX7aN.js";import{d as j}from"./p-Dk4OvZyQ.js";import{d as E}from"./p-CDzU4-Ri.js";import{d as g}from"./p-BAMFAtTN.js";import{d as v}from"./p-BrYTMGo3.js";import{d as x}from"./p-BOzzNfNj.js";import{d as D}from"./p-UqPFIGlg.js";import{d as z}from"./p-UCcJDJNC.js";import{d as C}from"./p-Bo1NnbuT.js";import{d as A}from"./p-BQOdxeHU.js";import{d as B}from"./p-Dq8EU803.js";import{d as F}from"./p-CLqKhHZ8.js";import{d as N}from"./p-vN0nUvmF.js";import{d as P}from"./p-ycoVDLCD.js";import{d as L}from"./p-ByRyVRgY.js";import{d as U}from"./p-CmUug44L.js";import{d as w}from"./p-BCwizh6U.js";const J=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"b87b050eb78e63350fdef9978b8ab3f6f75f90ba"},t("h2",{key:"b59d7d2132935b59925b3d486334adaa57d34111"},"All inputs"),t("smoothly-form",{key:"2cf49373621aa3b4952816aa554835ab9a1dc75a",looks:"grid",readonly:true,action:"https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4"},t("smoothly-input",{key:"342a601528a1e72db8a79995d906d2f2d8ebd85d",readonly:true,name:"First Name",value:"John"},"First name"),t("smoothly-input",{key:"6ffb6868dc9fb8b91a535712012a2f1c12137afc",name:"Last name",value:"Doe"},"Last name",t("smoothly-input-clear",{key:"a61b4f80fa1a58b159870fcf6c3633ced18634ae",size:"icon",slot:"end"})),t("smoothly-input",{key:"774574e34066312584d662925f47ca07809e4e78",type:"phone",name:"Phone",value:"777888999"},"Phone",t("smoothly-input-reset",{key:"b60d029086821dc8b5e754776c5e62233e5cc3b8",size:"icon",slot:"end"})),t("smoothly-input-radio",{key:"3c9969ce5448170cc919b40944981f5ad43edd7e",clearable:true,name:"radioFirstInput"},t("p",{key:"d8410427e1341ff530ecb7dee9823c21852fa3a7",slot:"label"},"Clearable"),t("smoothly-input-radio-item",{key:"61c64bbe7250b4eb4290bd2c75caf62528c355c1",slot:"options",value:"first"},"Label 1"),t("smoothly-input-radio-item",{key:"44bbffb4103eb379652bbf436761458a14a7175f",selected:true,slot:"options",value:"second"},"Label 2"),t("smoothly-input-radio-item",{key:"c5dcb3b19adec142097e43ed1b10f80984477c49",slot:"options",value:"third"},"Label 3")),t("smoothly-input-color",{key:"e1cc8f36aa4dd9c84750797073c5d8ed0f2bad10",name:"color",value:"#479f56",output:"rgb"},"Color"),t("smoothly-input-select",{key:"9543a9f9cc6ac7402415825a9872ec37d3048b3e",menuHeight:"7.5items",placeholder:"Select...",multiple:true,name:"select-month"},t("label",{key:"41cbb2fab7585029ee91ea45d2b1d2f360a6a732",slot:"label"},"Month"),t("smoothly-item",{key:"498d55992f8539e09c3862c0a147c271a645038d",value:"1"},"January"),t("smoothly-item",{key:"1609ea60cb94e9ef195f4a18c61465c5319fb44d",value:"2"},"February"),t("smoothly-item",{key:"1312da1f050e2e4ffde8c4b13dce23cb22711a2d",value:"3"},"March"),t("smoothly-item",{key:"ada60354212087fc55fb81939f831d6551d6ef7d",value:"4"},"April"),t("smoothly-item",{key:"00da4e1699a9e1fc127a6f48ea7f440b0e3199da",value:"5"},"May"),t("smoothly-item",{key:"93c3f12dd68334918a5f6a96b37506b548bba081",value:"6"},"June"),t("smoothly-item",{key:"16c5a1d2d4a76312933e4c75312e29bbc4e77bc2",value:"7"},"July"),t("smoothly-item",{key:"fd8b80bb3b8e643f533543ea16041aed0e36a304",value:"8"},"August"),t("smoothly-item",{key:"5f85430c08aa753b36b31f9de1a7a1d7d8d793e6",value:"9"},"September"),t("smoothly-item",{key:"1c9447ee0e21fc37b625c4a2c9699659a6a03d80",value:"10"},"October"),t("smoothly-item",{key:"648214d00c82a87a5403650e289dfc16470417d5",value:"11"},"November"),t("smoothly-item",{key:"9b680e645e7589c8a8ece5f7fe951d3e818b04d2",value:"12"},"December"),t("smoothly-input-clear",{key:"2cc62e638bd2037f1ff2f841c070840763b4ad32",size:"icon",slot:"end"})),t("smoothly-input-select",{key:"958f4e3773a9002b8b531defd76b69723abd8f3f",name:"select-icon",clearable:false,showSelected:false},t("smoothly-item",{key:"962f4103e460087672484eb3f88045027d32a130",value:"folder",selected:true},t("smoothly-icon",{key:"6345e8422873c99e0dbab80025984b73aa4bbf68",size:"small",name:"folder-outline"})),t("smoothly-item",{key:"848077e1177766f84d6c7d59d9ffec16792631d4",value:"camera"},t("smoothly-icon",{key:"d2c00f76124a9b7be6fc25fb9c07b4de189af3da",size:"small",name:"camera-outline"}))),t("smoothly-input-checkbox",{key:"66a99e5d40cc59d07b203c88596def4a04f80616",name:"checkbox"},"Check the box"),t("smoothly-input-checkbox",{key:"a1c6b415241594b64b0faf73f363d16f78124cd9",name:"checkbox2",checked:true},"Check the box 2"),t("smoothly-input-date-range",{key:"100e28190aaddd73697716b92ec4fb9ad8dd4924",start:m.Date.now(),end:m.Date.now()}),t("smoothly-input-date",{key:"ed20d251ffc8bc5a1ddf527da2b2995b9e3bd4bf",name:"date"},"Date",t("smoothly-input-clear",{key:"92228279c6a86738a4674bd44288a524b83e6307",slot:"end"})),t("smoothly-input-range",{key:"e4fe8940464d23127d57edcfc79a3f808122107a",step:1,name:"range3",value:2e4},"Select"),t("smoothly-input",{key:"62f3734c6b281d314d585eba4667860ed93860d3",name:"pets.0.name"},"First Pet's Name"),t("smoothly-input-range",{key:"67a043f52e277658892f34af93b8ab2d50451dd9",name:"pets.0.age",max:100,step:1},"First Pet's Age"),t("smoothly-input",{key:"133126812e7dbae7f1491640dab148f4feb1c561",name:"pets.1.name"},"Second Pet's Name"),t("smoothly-input-range",{key:"24cde6c2ea0b981781248e2bd4bad76612bde4ae",name:"pets.1.age",max:100,step:1},"Second Pet's Age"),t("smoothly-input",{key:"b3da2cca79cf80972d6d2eb2370c46bcfe75a7ed",name:"pets.2.name"},"Third Pet's Name"),t("smoothly-input-range",{key:"352432da59dfba1eac043d8b150b2740faf38384",name:"pets.2.age",max:100,step:1},"Third Pet's Age"),t("smoothly-input-file",{key:"f711a241f53cfb5803979dc19c0421aa5b4b9936",name:"profile",placeholder:"Click or drag your profile picture here..."},t("span",{key:"9f0ab930a4b1159d0373f9e33490c54dc070f71f",slot:"label"},"Profile"),t("smoothly-icon",{key:"114f04898200155379a21c30fd6fe0bc9fac29c1",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),t("smoothly-input-clear",{key:"e13dfab8e36f03e1862a73ad36e7a16e2f55cd00",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),t("smoothly-input-edit",{key:"667402ebc3bdfef1b6cd11be423cd95259d096b9",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),t("smoothly-input-reset",{key:"8bf6222df1f9e450a44c28eba57774ab0b00aa43",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"3d628aed8faa2698a051915c01a6487b59ffa28c",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"f82e58a33a25824d8ff34103072d404f4b4b98fb",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}},[2,"smoothly-input-checkbox-demo"]);function M(){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),J)}break;case"smoothly-button":if(!customElements.get(a(e))){l()}break;case"smoothly-button-confirm":if(!customElements.get(a(e))){c()}break;case"smoothly-calendar":if(!customElements.get(a(e))){i()}break;case"smoothly-date-text":if(!customElements.get(a(e))){d()}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))){D()}break;case"smoothly-input-month":if(!customElements.get(a(e))){z()}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))){B()}break;case"smoothly-input-reset":if(!customElements.get(a(e))){F()}break;case"smoothly-input-select":if(!customElements.get(a(e))){N()}break;case"smoothly-input-submit":if(!customElements.get(a(e))){P()}break;case"smoothly-item":if(!customElements.get(a(e))){L()}break;case"smoothly-spinner":if(!customElements.get(a(e))){U()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){w()}break}}))}M();const S=J;const T=M;export{S as SmoothlyInputCheckboxDemo,T 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 l}from"./p-mmAi00ak.js";import{d as c}from"./p-MHAaISnU.js";import{d as i}from"./p-jq25vUmm.js";import{d}from"./p-DnvyyAaF.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-DPlYDxyJ.js";import{d as u}from"./p-DDYB8QLF.js";import{d as h}from"./p-BHTAR2x1.js";import{d as k}from"./p-B-jhX7aN.js";import{d as j}from"./p-Dk4OvZyQ.js";import{d as E}from"./p-CDzU4-Ri.js";import{d as g}from"./p-DhchoEO3.js";import{d as v}from"./p-CMLWVZ3h.js";import{d as x}from"./p-BOzzNfNj.js";import{d as D}from"./p-UqPFIGlg.js";import{d as z}from"./p-BagcEQ4o.js";import{d as C}from"./p-Bo1NnbuT.js";import{d as B}from"./p-BQOdxeHU.js";import{d as A}from"./p-Dq8EU803.js";import{d as F}from"./p-CLqKhHZ8.js";import{d as L}from"./p-C88eMND6.js";import{d as N}from"./p-ycoVDLCD.js";import{d as P}from"./p-ByRyVRgY.js";import{d as U}from"./p-CmUug44L.js";import{d as w}from"./p-BCwizh6U.js";const M=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"b87b050eb78e63350fdef9978b8ab3f6f75f90ba"},t("h2",{key:"b59d7d2132935b59925b3d486334adaa57d34111"},"All inputs"),t("smoothly-form",{key:"2cf49373621aa3b4952816aa554835ab9a1dc75a",looks:"grid",readonly:true,action:"https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4"},t("smoothly-input",{key:"342a601528a1e72db8a79995d906d2f2d8ebd85d",readonly:true,name:"First Name",value:"John"},"First name"),t("smoothly-input",{key:"6ffb6868dc9fb8b91a535712012a2f1c12137afc",name:"Last name",value:"Doe"},"Last name",t("smoothly-input-clear",{key:"a61b4f80fa1a58b159870fcf6c3633ced18634ae",size:"icon",slot:"end"})),t("smoothly-input",{key:"774574e34066312584d662925f47ca07809e4e78",type:"phone",name:"Phone",value:"777888999"},"Phone",t("smoothly-input-reset",{key:"b60d029086821dc8b5e754776c5e62233e5cc3b8",size:"icon",slot:"end"})),t("smoothly-input-radio",{key:"3c9969ce5448170cc919b40944981f5ad43edd7e",clearable:true,name:"radioFirstInput"},t("p",{key:"d8410427e1341ff530ecb7dee9823c21852fa3a7",slot:"label"},"Clearable"),t("smoothly-input-radio-item",{key:"61c64bbe7250b4eb4290bd2c75caf62528c355c1",slot:"options",value:"first"},"Label 1"),t("smoothly-input-radio-item",{key:"44bbffb4103eb379652bbf436761458a14a7175f",selected:true,slot:"options",value:"second"},"Label 2"),t("smoothly-input-radio-item",{key:"c5dcb3b19adec142097e43ed1b10f80984477c49",slot:"options",value:"third"},"Label 3")),t("smoothly-input-color",{key:"e1cc8f36aa4dd9c84750797073c5d8ed0f2bad10",name:"color",value:"#479f56",output:"rgb"},"Color"),t("smoothly-input-select",{key:"9543a9f9cc6ac7402415825a9872ec37d3048b3e",menuHeight:"7.5items",placeholder:"Select...",multiple:true,name:"select-month"},t("label",{key:"41cbb2fab7585029ee91ea45d2b1d2f360a6a732",slot:"label"},"Month"),t("smoothly-item",{key:"498d55992f8539e09c3862c0a147c271a645038d",value:"1"},"January"),t("smoothly-item",{key:"1609ea60cb94e9ef195f4a18c61465c5319fb44d",value:"2"},"February"),t("smoothly-item",{key:"1312da1f050e2e4ffde8c4b13dce23cb22711a2d",value:"3"},"March"),t("smoothly-item",{key:"ada60354212087fc55fb81939f831d6551d6ef7d",value:"4"},"April"),t("smoothly-item",{key:"00da4e1699a9e1fc127a6f48ea7f440b0e3199da",value:"5"},"May"),t("smoothly-item",{key:"93c3f12dd68334918a5f6a96b37506b548bba081",value:"6"},"June"),t("smoothly-item",{key:"16c5a1d2d4a76312933e4c75312e29bbc4e77bc2",value:"7"},"July"),t("smoothly-item",{key:"fd8b80bb3b8e643f533543ea16041aed0e36a304",value:"8"},"August"),t("smoothly-item",{key:"5f85430c08aa753b36b31f9de1a7a1d7d8d793e6",value:"9"},"September"),t("smoothly-item",{key:"1c9447ee0e21fc37b625c4a2c9699659a6a03d80",value:"10"},"October"),t("smoothly-item",{key:"648214d00c82a87a5403650e289dfc16470417d5",value:"11"},"November"),t("smoothly-item",{key:"9b680e645e7589c8a8ece5f7fe951d3e818b04d2",value:"12"},"December"),t("smoothly-input-clear",{key:"2cc62e638bd2037f1ff2f841c070840763b4ad32",size:"icon",slot:"end"})),t("smoothly-input-select",{key:"958f4e3773a9002b8b531defd76b69723abd8f3f",name:"select-icon",clearable:false,showSelected:false},t("smoothly-item",{key:"962f4103e460087672484eb3f88045027d32a130",value:"folder",selected:true},t("smoothly-icon",{key:"6345e8422873c99e0dbab80025984b73aa4bbf68",size:"small",name:"folder-outline"})),t("smoothly-item",{key:"848077e1177766f84d6c7d59d9ffec16792631d4",value:"camera"},t("smoothly-icon",{key:"d2c00f76124a9b7be6fc25fb9c07b4de189af3da",size:"small",name:"camera-outline"}))),t("smoothly-input-checkbox",{key:"66a99e5d40cc59d07b203c88596def4a04f80616",name:"checkbox"},"Check the box"),t("smoothly-input-checkbox",{key:"a1c6b415241594b64b0faf73f363d16f78124cd9",name:"checkbox2",checked:true},"Check the box 2"),t("smoothly-input-date-range",{key:"100e28190aaddd73697716b92ec4fb9ad8dd4924",start:m.Date.now(),end:m.Date.now()}),t("smoothly-input-date",{key:"ed20d251ffc8bc5a1ddf527da2b2995b9e3bd4bf",name:"date"},"Date",t("smoothly-input-clear",{key:"92228279c6a86738a4674bd44288a524b83e6307",slot:"end"})),t("smoothly-input-range",{key:"e4fe8940464d23127d57edcfc79a3f808122107a",step:1,name:"range3",value:2e4},"Select"),t("smoothly-input",{key:"62f3734c6b281d314d585eba4667860ed93860d3",name:"pets.0.name"},"First Pet's Name"),t("smoothly-input-range",{key:"67a043f52e277658892f34af93b8ab2d50451dd9",name:"pets.0.age",max:100,step:1},"First Pet's Age"),t("smoothly-input",{key:"133126812e7dbae7f1491640dab148f4feb1c561",name:"pets.1.name"},"Second Pet's Name"),t("smoothly-input-range",{key:"24cde6c2ea0b981781248e2bd4bad76612bde4ae",name:"pets.1.age",max:100,step:1},"Second Pet's Age"),t("smoothly-input",{key:"b3da2cca79cf80972d6d2eb2370c46bcfe75a7ed",name:"pets.2.name"},"Third Pet's Name"),t("smoothly-input-range",{key:"352432da59dfba1eac043d8b150b2740faf38384",name:"pets.2.age",max:100,step:1},"Third Pet's Age"),t("smoothly-input-file",{key:"f711a241f53cfb5803979dc19c0421aa5b4b9936",name:"profile",placeholder:"Click or drag your profile picture here..."},t("span",{key:"9f0ab930a4b1159d0373f9e33490c54dc070f71f",slot:"label"},"Profile"),t("smoothly-icon",{key:"114f04898200155379a21c30fd6fe0bc9fac29c1",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),t("smoothly-input-clear",{key:"e13dfab8e36f03e1862a73ad36e7a16e2f55cd00",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),t("smoothly-input-edit",{key:"667402ebc3bdfef1b6cd11be423cd95259d096b9",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),t("smoothly-input-reset",{key:"8bf6222df1f9e450a44c28eba57774ab0b00aa43",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"3d628aed8faa2698a051915c01a6487b59ffa28c",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"f82e58a33a25824d8ff34103072d404f4b4b98fb",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}},[2,"smoothly-input-checkbox-demo"]);function S(){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),M)}break;case"smoothly-button":if(!customElements.get(a(e))){l()}break;case"smoothly-button-confirm":if(!customElements.get(a(e))){c()}break;case"smoothly-calendar":if(!customElements.get(a(e))){i()}break;case"smoothly-date-text":if(!customElements.get(a(e))){d()}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))){D()}break;case"smoothly-input-month":if(!customElements.get(a(e))){z()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){C()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){B()}break;case"smoothly-input-range":if(!customElements.get(a(e))){A()}break;case"smoothly-input-reset":if(!customElements.get(a(e))){F()}break;case"smoothly-input-select":if(!customElements.get(a(e))){L()}break;case"smoothly-input-submit":if(!customElements.get(a(e))){N()}break;case"smoothly-item":if(!customElements.get(a(e))){P()}break;case"smoothly-spinner":if(!customElements.get(a(e))){U()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){w()}break}}))}S();const Z=M;const q=S;export{Z as SmoothlyInputCheckboxDemo,q as defineCustomElement};
 //# sourceMappingURL=smoothly-input-checkbox-demo.js.map

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

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

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

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

package/dist/components/smoothly-input-date-time.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-BdhEVyZ3.js";const t=o;const p=s;export{t as SmoothlyInputDateTime,p as defineCustomElement};
+import{S as o,d as s}from"./p-Cyl9K1If.js";const t=o;const p=s;export{t as SmoothlyInputDateTime,p as defineCustomElement};
 //# sourceMappingURL=smoothly-input-date-time.js.map

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

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-BAMFAtTN.js";const t=o;const p=s;export{t as SmoothlyInputDate,p as defineCustomElement};
+import{S as o,d as s}from"./p-DhchoEO3.js";const t=o;const c=s;export{t as SmoothlyInputDate,c as defineCustomElement};
 //# sourceMappingURL=smoothly-input-date.js.map

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

@@ -1,2 +1,2 @@
-import{S as s,d as o}from"./p-DRyQsXc9.js";const t=s;const c=o;export{t as SmoothlyInputDemoStandard,c as defineCustomElement};
+import{S as s,d as o}from"./p-BncQwsFC.js";const t=s;const c=o;export{t as SmoothlyInputDemoStandard,c 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-B2GxOEjl.js";const t=o;const p=s;export{t as SmoothlyInputDemoUserInput,p as defineCustomElement};
+import{S as o,d as s}from"./p-BNjhlyw7.js";const t=o;const p=s;export{t as SmoothlyInputDemoUserInput,p as defineCustomElement};
 //# sourceMappingURL=smoothly-input-demo-user-input.js.map

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

@@ -1,2 +1,2 @@
-import{S as s,d as o}from"./p-CXcvp4fs.js";const p=s;const t=o;export{p as SmoothlyInputDemo,t as defineCustomElement};
+import{S as o,d as s}from"./p-DASRY4Rq.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-month.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-UCcJDJNC.js";const t=o;const c=s;export{t as SmoothlyInputMonth,c as defineCustomElement};
+import{S as o,d as s}from"./p-BagcEQ4o.js";const t=o;const a=s;export{t as SmoothlyInputMonth,a as defineCustomElement};
 //# sourceMappingURL=smoothly-input-month.js.map

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

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-vN0nUvmF.js";const t=o;const m=s;export{t as SmoothlyInputSelect,m as defineCustomElement};
+import{S as o,d as s}from"./p-C88eMND6.js";const t=o;const p=s;export{t as SmoothlyInputSelect,p as defineCustomElement};
 //# sourceMappingURL=smoothly-input-select.js.map

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

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-DjX23A0S.js";const t=o;const p=s;export{t as SmoothlyThemeDemo,p as defineCustomElement};
+import{S as o,d as s}from"./p-DfuAOOKY.js";const t=o;const p=s;export{t as SmoothlyThemeDemo,p as defineCustomElement};
 //# sourceMappingURL=smoothly-theme-demo.js.map

package/dist/components/smoothly-theme-picker.js

@@ -1,2 +1,2 @@
-import{S as s,d as o}from"./p-CcBRUK1s.js";const t=s;const c=o;export{t as SmoothlyThemePicker,c as defineCustomElement};
+import{S as o,d as s}from"./p-BvTceaHt.js";const t=o;const a=s;export{t as SmoothlyThemePicker,a as defineCustomElement};
 //# sourceMappingURL=smoothly-theme-picker.js.map

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

@@ -7967,7 +7967,7 @@ var scroll;
     scroll.centerInView = centerInView;
 })(scroll || (scroll = {}));
 
-const styleCss$C = () => `.sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-select-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-select-h,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background-color:transparent}[looks="transparent"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-select-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.floating-label.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-text.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h smoothly-icon.smoothly-invalid.sc-smoothly-input-select{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;width:100%;white-space:nowrap;gap:1rem}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select>div.sc-smoothly-input-select{overflow:hidden;text-overflow:ellipsis}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:20;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));inset-inline:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}.sc-smoothly-input-select-h:not(.open)>.dropdown.sc-smoothly-input-select{border:0}[looks="grid"].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{inset-inline:-1px}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{display:flex;position:sticky;align-items:center;top:0;gap:1rem;padding:.7rem .7rem .7rem .25rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h:not(.has-filter)>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{height:0;padding:0;overflow:hidden;pointer-events:none}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select::before{content:"";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>.search-input.sc-smoothly-input-select{width:100%;background-color:transparent;border:none;outline:none}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>smoothly-icon[name="search-outline"].sc-smoothly-input-select,.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item{position:relative}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:0.5rem;border:1px solid rgb(var(--smoothly-input-foreground));border-radius:0.15rem;vertical-align:middle}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item[selected]::before{border-color:rgb(var(--smoothly-item-selected-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item:hover::before{border:1px solid rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item[selected]::after{content:"✔";position:absolute;left:0.65rem;color:rgb(var(--smoothly-item-selected-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item:hover::after{color:rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{min-width:fit-content}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.menu[hidden].sc-smoothly-input-select{display:none}`;
+const styleCss$C = () => `.sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-select-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-select-h,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background-color:transparent}[looks="transparent"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-select-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.floating-label.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-text.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h smoothly-icon.smoothly-invalid.sc-smoothly-input-select{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;width:100%;white-space:nowrap;gap:1rem}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select>.value.sc-smoothly-input-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:20;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));inset-inline:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}.sc-smoothly-input-select-h:not(.open)>.dropdown.sc-smoothly-input-select{border:0}[looks="grid"].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{inset-inline:-1px}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{display:flex;position:sticky;align-items:center;top:0;gap:1rem;padding:.7rem .7rem .7rem .25rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h:not(.has-filter)>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{height:0;padding:0;overflow:hidden;pointer-events:none}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select::before{content:"";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>.search-input.sc-smoothly-input-select{width:100%;background-color:transparent;border:none;outline:none}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>smoothly-icon[name="search-outline"].sc-smoothly-input-select,.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item{position:relative}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:0.5rem;border:1px solid rgb(var(--smoothly-input-foreground));border-radius:0.15rem;vertical-align:middle}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item[selected]::before{border-color:rgb(var(--smoothly-item-selected-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item:hover::before{border:1px solid rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item[selected]::after{content:"✔";position:absolute;left:0.65rem;color:rgb(var(--smoothly-item-selected-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item:hover::after{color:rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{min-width:fit-content}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.menu[hidden].sc-smoothly-input-select{display:none}`;
 
 const SmoothlyInputSelect = class {
     constructor(hostRef) {
@@ -7984,6 +7984,7 @@ const SmoothlyInputSelect = class {
         this.initialValueHandled = false;
         this.observer = Editable.Observer.create(this);
         this.items = [];
+        this.displaySeparator = '<span style="display:inline-block;width:0.8rem"></span>';
         this.invalid = false;
         this.name = "selected";
         this.showLabel = true;
@@ -8155,7 +8156,15 @@ const SmoothlyInputSelect = class {
         return selected.length === initialValue.length && initialValue.every(value => selected.includes(value));
     }
     displaySelected() {
-        this.display = this.selected.map(option => option.innerHTML);
+        this.display = this.selected.map(option => {
+            const clone = option.cloneNode(true);
+            clone.querySelectorAll("smoothly-icon").forEach(icon => {
+                const style = icon.style;
+                style.display = "inline-flex";
+                style.verticalAlign = "middle";
+            });
+            return clone.innerHTML;
+        });
     }
     onKeyDown(event) {
         event.stopPropagation();
@@ -8250,11 +8259,11 @@ const SmoothlyInputSelect = class {
         }
     }
     render() {
-        return (h(Host, { key: '65a7d8d8f4e241d01e6e5862cb399cbc575f561b', class: { "has-value": this.selected.length !== 0, open: this.open, "has-filter": this.filter !== "" }, onClick: (e) => this.onClick(e) }, h("div", { key: 'ac6e093f04b7ab37032aad27f1c82a02d255def9', class: "select-display" }, this.display.length > 0 ? h("div", { innerHTML: this.display.join(", ") }) : this.placeholder), h("div", { key: 'b80e14fcd129d7abf5836055f4a2e28a4ed16d0f', class: "icons", ref: element => (this.iconsElement = element) }, h("smoothly-icon", { key: '32de16a9eab82526f2f38dfaedc737cdd12f6d92', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), h("slot", { key: 'af50968ee2c894126b83d7813c82a0d0402cf7a9', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: '0c0f8945582eae4e322f0e17a997995d4f4bd02c', ref: element => (this.toggleElement = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: '1d4c5b7cc174c6ef6e10f4556b1d2387b4150619', name: "label" }), h("div", { key: '45417fef3b11e8e1da9347f60ef03e6fc0a5a421', class: "dropdown", ref: (el) => (this.dropdownElement = el) }, h("div", { key: 'b6556702655db2d495fc5a4e6ecca75886739c77', class: "search" }, h("smoothly-icon", { key: 'a638f9dffd30ed31bad8dadfe521402ce4133623', name: "search-outline", size: "small" }), h("input", { key: 'ee2c1fc1595145211c41d249ec734aabc97d9a00', class: "search-input", ref: el => (this.searchElement = el), disabled: this.searchDisabled, onKeyDown: e => this.onKeyDown(e), onInput: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); }, onPaste: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); } }), h("smoothly-icon", { key: '10d79827edb6792f0ff65a8f91102a8bdc33ea0f', name: "backspace-outline", size: "small", onClick: () => {
+        return (h(Host, { key: '3e0fb760fe368b2b74eea48d9d183b97cf794f2d', class: { "has-value": this.selected.length !== 0, open: this.open, "has-filter": this.filter !== "" }, onClick: (e) => this.onClick(e) }, h("div", { key: '093370e8318262aae88d50d0877a5e8c50697287', class: "select-display" }, this.display.length > 0 ? (h("div", { class: "value", innerHTML: this.display.join(this.displaySeparator) })) : (this.placeholder)), h("div", { key: 'a17051b19a572ca7a5c2330118313475b73d3b0e', class: "icons", ref: element => (this.iconsElement = element) }, h("smoothly-icon", { key: '1de61f7d6a65aae29f1610ff8c02db970612db65', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), h("slot", { key: '65fadcc4eb21dce38f1e6c657313145f71c61ab2', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: 'e191a32e1bd9a639ed6b509672195d283ee74d89', ref: element => (this.toggleElement = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: '35786f1d6fe50659bbfaa97932051596fe603335', name: "label" }), h("div", { key: 'c9337f0730d15ea0c0fbdf7e2720f55b18743a37', class: "dropdown", ref: (el) => (this.dropdownElement = el) }, h("div", { key: '6c991544d402f9fef1439fcfd76a7dc53e63f88e', class: "search" }, h("smoothly-icon", { key: 'e995e70cebd736be774ac822a334ddfbeb201cba', name: "search-outline", size: "small" }), h("input", { key: '711637b32f5e1b76ed9ac35fa857985a26fce797', class: "search-input", ref: el => (this.searchElement = el), disabled: this.searchDisabled, onKeyDown: e => this.onKeyDown(e), onInput: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); }, onPaste: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); } }), h("smoothly-icon", { key: '0aa02170ba85eb23f915418507e2ccea48a5caa9', name: "backspace-outline", size: "small", onClick: () => {
                 var _a;
                 this.resetFilter();
                 (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.focus();
-            } }), this.mutable && h("smoothly-icon", { key: 'c9845fdf253eb126f440178a7667a0c1839086d1', name: "add", size: "small", onClick: () => this.addItem() })), h("div", { key: 'c2decc722e32db1d3fcdcf734b6cc57867618a7a', class: "menu", hidden: !this.open }, h("slot", { key: '8e6e54b0dd4a7f1951fdfc312dd1573d43f0bdec' }), this.addedItems))));
+            } }), this.mutable && h("smoothly-icon", { key: 'df57784da6d166eed71b016ac48ee2d4e3735d68', name: "add", size: "small", onClick: () => this.addItem() })), h("div", { key: '5d60c8f17c8b2b011d2477a969ff13d35b25e166', class: "menu", hidden: !this.open }, h("slot", { key: 'ecd9ff35b2ef45ec5bf6e0e61717ab670ee05c7a' }), this.addedItems))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {