smoothly 1.117.0 → 1.118.0

package/dist/collection/components/input/radio/item/style.css

@@ -28,7 +28,6 @@ smoothly-input-radio:not([disabled]):not([readonly]) :host>smoothly-icon[name=ch
 	width: 1.5em;
 	height: 1.5em;
 	position: absolute;
-	transform: translateX(50%);
 }
 :host>label {
 	padding: 0 .3em;

package/dist/components/{p-BJCnnn2u.js → p-0WCHC4VI.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as a,h as o,d as s,t as c}from"./p-BsZrGTcp.js";import{i as m}from"./p-BVKhAhsB.js";import{d}from"./p-zLhQ1mMe.js";import{d as l}from"./p-mmAi00ak.js";import{d as i}from"./p-MHAaISnU.js";import{d as f}from"./p-CmV6S6tx.js";import{d as b}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as y}from"./p-DG2pfnCV.js";import{d as r}from"./p-uFR5K4vd.js";import{d as u}from"./p-DvZK__s-.js";import{d as h}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DPlYDxyJ.js";import{d as k}from"./p-DDYB8QLF.js";import{d as v}from"./p-BHTAR2x1.js";import{d as g}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 x}from"./p-CIXMGKGQ.js";import{d as D}from"./p-DJ-iHxJr.js";import{d as w}from"./p-gq882NJF.js";import{d as S}from"./p-5l1ov6SU.js";import{d as C}from"./p-DkiBtdrU.js";import{d as L}from"./p-BOwhmPm8.js";import{d as z}from"./p-HdZxIc2m.js";import{d as I}from"./p-BnJAC2Zf.js";import{d as A}from"./p-UqPFIGlg.js";import{d as B}from"./p-DIy2lHMf.js";import{d as M}from"./p-KtTME3nN.js";import{d as N}from"./p-Bo1NnbuT.js";import{d as F}from"./p-5ac0hPYS.js";import{d as H}from"./p-Dq8EU803.js";import{d as U}from"./p-Cppqe_PV.js";import{d as Z}from"./p-CLqKhHZ8.js";import{d as J}from"./p-CZIRwPwA.js";import{d as P}from"./p-ycoVDLCD.js";import{d as R}from"./p-ByRyVRgY.js";import{d as q}from"./p-CmUug44L.js";import{d as K}from"./p-BcEDrfmP.js";import{d as Q}from"./p-2Y5tLcQ1.js";import{d as T}from"./p-BCwizh6U.js";const V=()=>`.sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{max-width:min(calc(100% - 2rem), 56rem);margin:auto}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 18rem));flex-basis:40%}`;const G=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.smoothlyUrlUpdate=a(this,"smoothlyUrlUpdate");this.duration={hours:8};this.alphanumeric="!@##";this.numbers=[1,2,3,4,5,6,7,8,9]}render(){return o(s,{key:"ef33e129690f3cd0a771a1b12dcb8f9c79fa566e"},o("smoothly-input-demo-standard",{key:"5e12871414915755af5fb0e896b2ae9cbaeec449"}),o("smoothly-input-date-demo",{key:"cd9a7179d6d78b58c64a37329d170dafa3c4d4ee"}),o("smoothly-input-demo-user-input",{key:"1dc3897e7c1bb3de9b45084c880745abfadb568c"}),o("smoothly-input-demo-radio",{key:"3a6b7c1417ea8a91a62d4c911562175ba623c1e5"}),o("div",{key:"d218e51f2785f7caed4318ea33aaab6dca63d05e",class:"inputs"},o("h2",{key:"53ac6e802dd3e3581ad3dc2feb629537dbeaf9b6"},"Calendar"),o("smoothly-input-date",{key:"25127e4d56c34404d0dc25d63b7cc96c5e8c3645",name:"some-date"},"Calendar"),o("smoothly-input-date-time",{key:"e3025c6634241fa1347c7b2c93a918288a2371d6",name:"someDateTime",value:m.DateTime.now()},"DateTime"),o("h2",{key:"6db99859de7c13e9d6d40aa5c7cbdc25cddffd14"},"Date Range"),o("smoothly-input-date-range",{key:"c56da60bdb19ea3c0305d1881180845f848cb625",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-01",max:"2025-01-31"}),o("smoothly-input-date-range",{key:"556c9c8b45219b64f966252c9ea23b8a02bf78a2",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2024-12-30"},o("smoothly-input-reset",{key:"d6e08652074753d81334f6f26872f16a4ad27120",slot:"end",size:"icon"})),o("smoothly-input-date-range",{key:"65bffbaab83f117517cd37087c028d1ed2b4936c",looks:"grid",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--smoothly-input-border-radius":"0.5rem"}},o("smoothly-input-clear",{key:"e61e9737c489a68b612e38490fa4b2f95de72a6a",slot:"end",size:"icon"})),o("h2",{key:"d7f0223de99a710561a28daf86ceb69d7aef1da1"},"Date"),o("smoothly-input-date",{key:"2cf84ece02042c92ac3754379268a94ef536c91a"},"Date"),o("smoothly-input-date",{key:"b1b465843e3562c30e589af11004a09bf2b6157a",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),o("smoothly-input-date",{key:"5810635fbfd26dd8735f8abd2c2e58f30affd61c",value:"2021-10-28"},"Date",o("smoothly-input-reset",{key:"d63d51b77f52243dfa9f13fe2754e53919d21c06",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"7815c1afc2b1d38d3263630d8ef8d5a4cfa0a096",value:"2021-10-28"},"Date",o("smoothly-input-clear",{key:"cf8b725f54894024063bb6735e17ed692195c994",slot:"end",size:"icon"})),o("h2",{key:"db2776f12559673b653e4671f92c578471e65a7a"},"Select"),o("div",{key:"64ef6bd07f27d07cf6ea6dd23ae434503fdcc740",class:"select-div"},o("smoothly-input-select",{key:"0a0f832b86bdb2fc7aeb964d52f320a6d76cf40d",name:"select-dessert",looks:"border"},o("label",{key:"d95e443f3df2398ca64bd6bcd64d6cdd629d0a8d",slot:"label"},"Select with clear button"),o("smoothly-item",{key:"c081a219a330aac151711e87423b474037b79628",value:"1"},"Ice cream"),o("smoothly-item",{key:"c168ee280c6dea09c54d86ae72fe2c79e134d448",value:"2"},"Sponge cake"),o("smoothly-item",{key:"cfea0b38d63995c108f0277ca248647725d22a60",value:"3",disabled:true},"Disabled Item"),o("smoothly-item",{key:"b93622e1a391c980d0c0371a0918dfca7ae7b456",value:"4"},"Cookie"),o("smoothly-item",{key:"e8733a8a51b09cea7ee31e4017f58152b58f5827",value:"5"},"Croissant"),o("smoothly-item",{key:"90731e217754cb6c096cc190fb8b0c56c2bac593",value:"6"},"Chocolate fondue"),o("smoothly-input-clear",{key:"0129f30c20777f9a37fc19ee8051e377507c9368",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"94d3b7ca28b5fe5f9c9a3c587d995c65c8be45ad",multiple:true,name:"select-dessert-multiple",looks:"border"},o("label",{key:"2d935f7418f8db300bf20412c4dd15934da5c0d3",slot:"label"},"Select multiple with reset button"),o("smoothly-item",{key:"3c2579bffcde279703cfc041b315560a6dcc098e",value:"ice cream"},"Ice cream"),o("smoothly-item",{key:"a49fcce300b665b0de07fe67b5ea798e2fa94626",value:"sponge cake"},"Sponge cake"),o("smoothly-item",{key:"4678f38edab9f88113c056ff820df2bd07e2fe33",selected:true,value:"cookie"},"Cookie"),o("smoothly-item",{key:"fdcf2ecd485fe75a35ca96ed89352a343819b770",value:"croissant"},"Croissant"),o("smoothly-item",{key:"f5cafb0e4b020489c72db9cd2362936449826dbd",selected:true,value:"chocolate fondue"},"Chocolate fondue"),o("smoothly-input-reset",{key:"8c49833f66cee2e2ebac320c67ee5452a77636f7",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"146806189c90cecb94e0bc9a01c713695689a2bc",name:"spirit-animals",looks:"border",mutable:true},o("label",{key:"56bc9c8ef474ce79b1af47086b65847877d6a03c",slot:"label"},"Select or add new options"),o("smoothly-item",{key:"b13d4158fadfb725ff6c1ca236f4724ba95936df",value:"manatee"},"Manatee"),o("smoothly-item",{key:"85d95f128731e5fd3ec1c1f3df672d98ff3a199a",selected:true,value:"cthulu"},"Cthulu")),o("smoothly-input-select",{key:"3bffa0bfbce0ab015208bdff0d648bf8f6d497bf",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"05d80d05561b9a716ea94d8e3fb3e3d5afc66c4c",value:"folder",selected:true},o("smoothly-icon",{key:"f86490ab381f59ed6fcdacb1d7441697fe645fd8",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"ec29517ce6ee5b7353bc20fc3c4365751815bfc6",value:"camera"},o("smoothly-icon",{key:"75c27c69a18c0c37a6d989a2268ed9fa7ffb6daf",size:"small",name:"camera-outline"}))),o("smoothly-input-select",{key:"7ff7efc5b6f7a47da43fbd859a0c20cfb013c1c3",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"3eb848081a594d164a7144ac8fe91719c11dd950",slot:"label"},"Alphabet ordered select"),Array.from({length:26}).map(((e,t)=>String.fromCharCode(t+65))).map((e=>o("smoothly-item",{value:e,selected:e=="H"},e)))),o("smoothly-input-select",{key:"36db6fdd61728c21488000fb0e588858726de95d",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"b3a93c5d2b02f5c5ca50e2041db860082432ba0f",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"5b3f4d4dda6ca6bac04d3d58e14b1bc6808a515d",value:"1"},"January"),o("smoothly-item",{key:"2137f933a08f0bff7661ef7eedb566ef0613b2c0",value:"2"},"February"),o("smoothly-item",{key:"2b60b2706c7a4e560dc61969fe8bff8bae2ee3b4",value:"3"},"March"),o("smoothly-item",{key:"10f7a805783997893080eba61a3a293901273b7e",value:"4"},"April"),o("smoothly-item",{key:"fbb81488473ab771ba92650e7f6c0d1e385a5486",value:"5"},"May"),o("smoothly-item",{key:"bb9a696e13859137773158b219807224c9e456d5",value:"6"},"June"),o("smoothly-item",{key:"cb9cb347df1ab4551d11a6104fea41e53646f7fe",value:"7"},"July"),o("smoothly-item",{key:"f636d5874c7b810b59d9aea7454ee060093946ff",value:"8"},"August"),o("smoothly-item",{key:"d7882ebaf8e4b13216201b04201f19d0152c7997",value:"9"},"September"),o("smoothly-item",{key:"30815b5d8ae477d52a6896083f58d5e913fc6ec9",value:"10"},"October"),o("smoothly-item",{key:"70658c05936d61c7e4faf8ab265d5e7ae448774a",value:"11"},"November"),o("smoothly-item",{key:"c737ec283e42443c75334f925d7fab3df2527a4f",value:"12"},"December")),o("div",{key:"a149cf4a6ebc5828e095c10e9d6d57abbc43c359",class:"select-div-row"},o("smoothly-input-select",{key:"0b32d71db9eb24afd885c46ea5f414be1e55133c",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"1c4fb8eeb730b8cfe6e4818ca16c565014a159a7",value:"folder",selected:true},o("smoothly-icon",{key:"082d0bba96283c4bceb9f92c3e772bd3fd8b7011",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"ea4df02bbe52f26a1888b2f74ed587beb09890fe",value:"camera"},o("smoothly-icon",{key:"166ec449cff9acf04d866ac4786ba9f30b2a3b42",size:"small",name:"camera-outline"})),o("smoothly-item",{key:"65aa76f7da4c5677b031fe45a5a86fca0a3d29ee",value:"boat"},o("smoothly-icon",{key:"32d5688b2e74006e65131f11ee06890d8d52b5dd",size:"small",name:"boat-outline"}))),o("smoothly-input-select",{key:"fccc2a0bad4e53a6fee2a5ceca85a59b91d70090",name:"select-number",clearable:false},this.numbers.map((e=>o("smoothly-item",{value:"number",selected:e===3},e)))),o("smoothly-input",{key:"f8a91a3e5d64b5058bb91a50dde94d3eb128f7b5",name:"name",value:"Sten Qvist"},"Name"))),o("h2",{key:"012a2aeb69da69b0ab9cff4b761500892f2c9aba"},"Duration"),o("smoothly-input",{key:"55df5644b13c507f13d0efec711da4c3ae59dc95",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:e=>this.duration=e.detail.duration},"Duration"),o("smoothly-input",{key:"4aa5fe278bfd9e37e3a625b67304cadb164bdd78",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:e=>{const t=e.detail.duration;this.duration=t}},"Duration"),o("h2",{key:"bb855c65c4b59aef87c9d4d18ac6db6b6d21bdec"},"Integer with Min/Max"),o("smoothly-input",{key:"1a5e0092eb5330cc384aafce47e1438abca4a590",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),o("smoothly-input",{key:"359faaba1e62172b0224c8d8ec58e49cb5a81f09",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),o("smoothly-input",{key:"6ce0655a6b0134ce4175d65f80792287e48eefbe",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),o("smoothly-input",{key:"3ce841cda01cbb2c4f346009648faa281831a4b2",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),o("h2",{key:"e63ebb0b5996cbf653c6b6c969df48d635e28c30"},"Invalid text with warning icon and tooltip"),o("smoothly-input",{key:"62873bd1d9eadab148e0502f44fdbc779aa5a789",copyable:true,name:"alphanumeric",invalid:!/^[a-zA-Z0-9]+$/.test(this.alphanumeric),errorMessage:"Only alphanumeric allowed",value:this.alphanumeric,onSmoothlyInput:e=>this.alphanumeric=e.detail.alphanumeric},"Alphanumeric"),o("h2",{key:"04dffd24a3af57da6ae369a8fbe9372893e6e380"},"Identifiers"),o("smoothly-input",{key:"3d18b596880f98b84a07742cb9778d0095719294",type:"identifier-code"},"Code"),o("smoothly-input",{key:"190651f4f4263eaacd8b80f90f4074fef28da183",type:"identifier-attribute"},"Attribute"),o("smoothly-input",{key:"3a8802a9a173f518f975717cbe23cd1150316fc5",type:"identifier-snake"},"Snake"),o("smoothly-input",{key:"00ec5419cd67a7217d23f95513f451f2c8e98f8e",type:"identifier-pascal"},"Pascal"),o("smoothly-input",{key:"93eac4cce148e22640908d0d2f7c19a04b66d3f9",type:"identifier-camel"},"Camel"),o("h2",{key:"98b93a5cb9daf216199adb5fa089ddd84bc96c61"},"Input Alternatives"),o("smoothly-input",{key:"a031c081e8531bad8400469ae449757958d7324a",type:"text",name:"name.last"},o("smoothly-icon",{key:"bf00331aeef0f1046c5505911d7db6ba845e636c",name:"checkmark-circle",slot:"start"}),"First Name"),o("smoothly-input",{key:"7824cf3b501d802ff40e4a750dd46defa9cac8b6",type:"text",name:"name.first"},"Last Name",o("smoothly-icon",{key:"497b0417f5e7b0714753b0e5d78a78ab18130007",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"ba93dadda8140d398c1d350f98c53d2a08c440db",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",o("smoothly-icon",{key:"28e8478b908bb51c6c5949e986c69930d1b10cb5",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"fcb8531d6fe4129585e9a6d6e641022f2f14cb94",placeholder:"test"}),o("smoothly-input-submit",{key:"97a4d319d250ecd00ede7a5beb2c06b077e8e82c",slot:"submit",fill:"solid",onSubmit:e=>alert(e),color:"success"}),o("h4",{key:"50579aad1a91b0c728a127076a37be38273b3635"},"Smoothly checkboxes"),o("div",{key:"ceee0a83b7626132ac6323dfd894d8ece7ea2f69",class:"checkbox-group"},o("smoothly-input-checkbox",{key:"0eab1d5ac670458ab57af847c9996fcf874fd985",disabled:true,name:"first-checkbox"},o("smoothly-icon",{key:"aa4259b0bc0193a0e31b2bdc2f9550d1e7a9cd66",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),o("smoothly-input-checkbox",{key:"38fe8ffc98f95b0a81aba7dadb0a46f876ec09f4",name:"second-checkbox",checked:true},o("smoothly-icon",{key:"40b2451d7fb2f705251abfb2158bc91a31ae9d3d",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",o("smoothly-input-clear",{key:"34675173c8447131c978ca934fdde0d8764f44a8",size:"icon",slot:"end"})),o("smoothly-input-checkbox",{key:"42c6dd2f0fd6bb72d8ce31158f0451c5f500fe2b",name:"third-checkbox"},"3rd")),o("h4",{key:"94ddf8048c28f947c3d20a2440c49e9340448c58"},"Smoothly Radio Buttons"),o("smoothly-input-radio",{key:"0e308b17b5783bb23ce817cb30fbb9237a1b5b65",clearable:true,name:"radioFirstInput"},o("smoothly-icon",{key:"61ab423d103c3f04fbaae7d02d0a1685d576fcfe",name:"checkmark-circle",slot:"start"}),o("label",{key:"f75b6164630e97ad5f1174c08afe841e7321fe28",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"fd4284b27663aed055dce8671b46881789ba7dfb",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"9554d37989867953cefb248a039d1c6217ea0c4f",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"7643fa634aa9693163de7926468ea47ea99d232f",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"ef750494dee99f5bf962f93f143a80a540834f20",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"3cf94704be4ce872a79a97abb4dc1828ade9ad71",name:"radioSecondInput"},o("label",{key:"d3feeed0e6debeaba6e95eec7c6effa4e3aa0484",slot:"label"},"Not clearable"),o("smoothly-input-radio-item",{key:"ed5bc06f71277cc4ad5e644d4b07c42c80dd1027",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"944215e958076b552f4ee8e5728897f63e88657c",value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"273705d445c5b1c1c01f6cea30bf8ad4036f932a",value:"third"},"Label 3"),o("smoothly-input-radio-item",{key:"c16dee456ac64f1aa945dcf6934ff6734c63e597",value:"fourth"},"Label 4"),o("smoothly-input-radio-item",{key:"d9795190e66042dedd027a4780900e2a32548ebc",value:"fifth"},"Label 5"),o("smoothly-input-radio-item",{key:"985a353d4d42885a3597807d9b3a1d6fe2692520",value:"sixth"},"Label 6")),o("smoothly-input-range-demo",{key:"011666bd072c688123437302f21ef556b9bc45cf"}),o("smoothly-input-color-demo",{key:"a7e2fedb5277f19eee2c670bf88c1089ead1eb92"}),o("smoothly-input-price-demo",{key:"3e2f3d6d9e0e368ad4b8c7f3294bbc8cb19d3358"}),o("smoothly-back-to-top",{key:"c2ecc189b026a4eae72d521e4cdffcfbd58ddbd9"})))}static get style(){return V()}},[2,"smoothly-input-demo",{duration:[32],alphanumeric:[32]}]);function Y(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo","smoothly-back-to-top","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-color-demo","smoothly-input-date","smoothly-input-date-demo","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-demo-radio","smoothly-input-demo-standard","smoothly-input-demo-user-input","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-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo":if(!customElements.get(c(e))){customElements.define(c(e),G)}break;case"smoothly-back-to-top":if(!customElements.get(c(e))){d()}break;case"smoothly-button":if(!customElements.get(c(e))){l()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){i()}break;case"smoothly-calendar":if(!customElements.get(c(e))){f()}break;case"smoothly-date-text":if(!customElements.get(c(e))){b()}break;case"smoothly-display":if(!customElements.get(c(e))){n()}break;case"smoothly-display-json":if(!customElements.get(c(e))){y()}break;case"smoothly-display-json-object":if(!customElements.get(c(e))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(c(e))){u()}break;case"smoothly-display-json-record-key":if(!customElements.get(c(e))){h()}break;case"smoothly-form":if(!customElements.get(c(e))){p()}break;case"smoothly-icon":if(!customElements.get(c(e))){k()}break;case"smoothly-input":if(!customElements.get(c(e))){v()}break;case"smoothly-input-checkbox":if(!customElements.get(c(e))){g()}break;case"smoothly-input-clear":if(!customElements.get(c(e))){j()}break;case"smoothly-input-color":if(!customElements.get(c(e))){E()}break;case"smoothly-input-color-demo":if(!customElements.get(c(e))){x()}break;case"smoothly-input-date":if(!customElements.get(c(e))){D()}break;case"smoothly-input-date-demo":if(!customElements.get(c(e))){w()}break;case"smoothly-input-date-range":if(!customElements.get(c(e))){S()}break;case"smoothly-input-date-time":if(!customElements.get(c(e))){C()}break;case"smoothly-input-demo-radio":if(!customElements.get(c(e))){L()}break;case"smoothly-input-demo-standard":if(!customElements.get(c(e))){z()}break;case"smoothly-input-demo-user-input":if(!customElements.get(c(e))){I()}break;case"smoothly-input-file":if(!customElements.get(c(e))){A()}break;case"smoothly-input-month":if(!customElements.get(c(e))){B()}break;case"smoothly-input-price-demo":if(!customElements.get(c(e))){M()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){N()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){F()}break;case"smoothly-input-range":if(!customElements.get(c(e))){H()}break;case"smoothly-input-range-demo":if(!customElements.get(c(e))){U()}break;case"smoothly-input-reset":if(!customElements.get(c(e))){Z()}break;case"smoothly-input-select":if(!customElements.get(c(e))){J()}break;case"smoothly-input-submit":if(!customElements.get(c(e))){P()}break;case"smoothly-item":if(!customElements.get(c(e))){R()}break;case"smoothly-spinner":if(!customElements.get(c(e))){q()}break;case"smoothly-tab":if(!customElements.get(c(e))){K()}break;case"smoothly-tabs":if(!customElements.get(c(e))){Q()}break;case"smoothly-toggle-switch":if(!customElements.get(c(e))){T()}break}}))}Y();export{G as S,Y as d};
-//# sourceMappingURL=p-BJCnnn2u.js.map
+import{p as e,H as t,c as a,h as o,d as s,t as c}from"./p-BsZrGTcp.js";import{i as m}from"./p-BVKhAhsB.js";import{d}from"./p-zLhQ1mMe.js";import{d as l}from"./p-mmAi00ak.js";import{d as i}from"./p-MHAaISnU.js";import{d as f}from"./p-CmV6S6tx.js";import{d as b}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as y}from"./p-DG2pfnCV.js";import{d as r}from"./p-uFR5K4vd.js";import{d as u}from"./p-DvZK__s-.js";import{d as h}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DPlYDxyJ.js";import{d as k}from"./p-DDYB8QLF.js";import{d as v}from"./p-BHTAR2x1.js";import{d as g}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 x}from"./p-CIXMGKGQ.js";import{d as D}from"./p-DJ-iHxJr.js";import{d as w}from"./p-gq882NJF.js";import{d as S}from"./p-5l1ov6SU.js";import{d as C}from"./p-DkiBtdrU.js";import{d as L}from"./p-DGTXEwvN.js";import{d as z}from"./p-9Fd6-bL0.js";import{d as I}from"./p-Dh6ItMz4.js";import{d as M}from"./p-UqPFIGlg.js";import{d as A}from"./p-DIy2lHMf.js";import{d as B}from"./p-CMMaSJvr.js";import{d as F}from"./p-Bo1NnbuT.js";import{d as N}from"./p-BQOdxeHU.js";import{d as U}from"./p-Dq8EU803.js";import{d as H}from"./p-Cppqe_PV.js";import{d as J}from"./p-CLqKhHZ8.js";import{d as R}from"./p-CZIRwPwA.js";import{d as Q}from"./p-ycoVDLCD.js";import{d as Z}from"./p-ByRyVRgY.js";import{d as q}from"./p-CmUug44L.js";import{d as G}from"./p-BcEDrfmP.js";import{d as P}from"./p-2Y5tLcQ1.js";import{d as T}from"./p-BCwizh6U.js";const V=()=>`.sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{max-width:min(calc(100% - 2rem), 56rem);margin:auto}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 18rem));flex-basis:40%}`;const K=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.smoothlyUrlUpdate=a(this,"smoothlyUrlUpdate");this.duration={hours:8};this.alphanumeric="!@##";this.numbers=[1,2,3,4,5,6,7,8,9]}render(){return o(s,{key:"ef33e129690f3cd0a771a1b12dcb8f9c79fa566e"},o("smoothly-input-demo-standard",{key:"5e12871414915755af5fb0e896b2ae9cbaeec449"}),o("smoothly-input-date-demo",{key:"cd9a7179d6d78b58c64a37329d170dafa3c4d4ee"}),o("smoothly-input-demo-user-input",{key:"1dc3897e7c1bb3de9b45084c880745abfadb568c"}),o("smoothly-input-demo-radio",{key:"3a6b7c1417ea8a91a62d4c911562175ba623c1e5"}),o("div",{key:"d218e51f2785f7caed4318ea33aaab6dca63d05e",class:"inputs"},o("h2",{key:"53ac6e802dd3e3581ad3dc2feb629537dbeaf9b6"},"Calendar"),o("smoothly-input-date",{key:"25127e4d56c34404d0dc25d63b7cc96c5e8c3645",name:"some-date"},"Calendar"),o("smoothly-input-date-time",{key:"e3025c6634241fa1347c7b2c93a918288a2371d6",name:"someDateTime",value:m.DateTime.now()},"DateTime"),o("h2",{key:"6db99859de7c13e9d6d40aa5c7cbdc25cddffd14"},"Date Range"),o("smoothly-input-date-range",{key:"c56da60bdb19ea3c0305d1881180845f848cb625",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-01",max:"2025-01-31"}),o("smoothly-input-date-range",{key:"556c9c8b45219b64f966252c9ea23b8a02bf78a2",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2024-12-30"},o("smoothly-input-reset",{key:"d6e08652074753d81334f6f26872f16a4ad27120",slot:"end",size:"icon"})),o("smoothly-input-date-range",{key:"65bffbaab83f117517cd37087c028d1ed2b4936c",looks:"grid",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--smoothly-input-border-radius":"0.5rem"}},o("smoothly-input-clear",{key:"e61e9737c489a68b612e38490fa4b2f95de72a6a",slot:"end",size:"icon"})),o("h2",{key:"d7f0223de99a710561a28daf86ceb69d7aef1da1"},"Date"),o("smoothly-input-date",{key:"2cf84ece02042c92ac3754379268a94ef536c91a"},"Date"),o("smoothly-input-date",{key:"b1b465843e3562c30e589af11004a09bf2b6157a",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),o("smoothly-input-date",{key:"5810635fbfd26dd8735f8abd2c2e58f30affd61c",value:"2021-10-28"},"Date",o("smoothly-input-reset",{key:"d63d51b77f52243dfa9f13fe2754e53919d21c06",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"7815c1afc2b1d38d3263630d8ef8d5a4cfa0a096",value:"2021-10-28"},"Date",o("smoothly-input-clear",{key:"cf8b725f54894024063bb6735e17ed692195c994",slot:"end",size:"icon"})),o("h2",{key:"db2776f12559673b653e4671f92c578471e65a7a"},"Select"),o("div",{key:"64ef6bd07f27d07cf6ea6dd23ae434503fdcc740",class:"select-div"},o("smoothly-input-select",{key:"0a0f832b86bdb2fc7aeb964d52f320a6d76cf40d",name:"select-dessert",looks:"border"},o("label",{key:"d95e443f3df2398ca64bd6bcd64d6cdd629d0a8d",slot:"label"},"Select with clear button"),o("smoothly-item",{key:"c081a219a330aac151711e87423b474037b79628",value:"1"},"Ice cream"),o("smoothly-item",{key:"c168ee280c6dea09c54d86ae72fe2c79e134d448",value:"2"},"Sponge cake"),o("smoothly-item",{key:"cfea0b38d63995c108f0277ca248647725d22a60",value:"3",disabled:true},"Disabled Item"),o("smoothly-item",{key:"b93622e1a391c980d0c0371a0918dfca7ae7b456",value:"4"},"Cookie"),o("smoothly-item",{key:"e8733a8a51b09cea7ee31e4017f58152b58f5827",value:"5"},"Croissant"),o("smoothly-item",{key:"90731e217754cb6c096cc190fb8b0c56c2bac593",value:"6"},"Chocolate fondue"),o("smoothly-input-clear",{key:"0129f30c20777f9a37fc19ee8051e377507c9368",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"94d3b7ca28b5fe5f9c9a3c587d995c65c8be45ad",multiple:true,name:"select-dessert-multiple",looks:"border"},o("label",{key:"2d935f7418f8db300bf20412c4dd15934da5c0d3",slot:"label"},"Select multiple with reset button"),o("smoothly-item",{key:"3c2579bffcde279703cfc041b315560a6dcc098e",value:"ice cream"},"Ice cream"),o("smoothly-item",{key:"a49fcce300b665b0de07fe67b5ea798e2fa94626",value:"sponge cake"},"Sponge cake"),o("smoothly-item",{key:"4678f38edab9f88113c056ff820df2bd07e2fe33",selected:true,value:"cookie"},"Cookie"),o("smoothly-item",{key:"fdcf2ecd485fe75a35ca96ed89352a343819b770",value:"croissant"},"Croissant"),o("smoothly-item",{key:"f5cafb0e4b020489c72db9cd2362936449826dbd",selected:true,value:"chocolate fondue"},"Chocolate fondue"),o("smoothly-input-reset",{key:"8c49833f66cee2e2ebac320c67ee5452a77636f7",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"146806189c90cecb94e0bc9a01c713695689a2bc",name:"spirit-animals",looks:"border",mutable:true},o("label",{key:"56bc9c8ef474ce79b1af47086b65847877d6a03c",slot:"label"},"Select or add new options"),o("smoothly-item",{key:"b13d4158fadfb725ff6c1ca236f4724ba95936df",value:"manatee"},"Manatee"),o("smoothly-item",{key:"85d95f128731e5fd3ec1c1f3df672d98ff3a199a",selected:true,value:"cthulu"},"Cthulu")),o("smoothly-input-select",{key:"3bffa0bfbce0ab015208bdff0d648bf8f6d497bf",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"05d80d05561b9a716ea94d8e3fb3e3d5afc66c4c",value:"folder",selected:true},o("smoothly-icon",{key:"f86490ab381f59ed6fcdacb1d7441697fe645fd8",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"ec29517ce6ee5b7353bc20fc3c4365751815bfc6",value:"camera"},o("smoothly-icon",{key:"75c27c69a18c0c37a6d989a2268ed9fa7ffb6daf",size:"small",name:"camera-outline"}))),o("smoothly-input-select",{key:"7ff7efc5b6f7a47da43fbd859a0c20cfb013c1c3",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"3eb848081a594d164a7144ac8fe91719c11dd950",slot:"label"},"Alphabet ordered select"),Array.from({length:26}).map(((e,t)=>String.fromCharCode(t+65))).map((e=>o("smoothly-item",{value:e,selected:e=="H"},e)))),o("smoothly-input-select",{key:"36db6fdd61728c21488000fb0e588858726de95d",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"b3a93c5d2b02f5c5ca50e2041db860082432ba0f",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"5b3f4d4dda6ca6bac04d3d58e14b1bc6808a515d",value:"1"},"January"),o("smoothly-item",{key:"2137f933a08f0bff7661ef7eedb566ef0613b2c0",value:"2"},"February"),o("smoothly-item",{key:"2b60b2706c7a4e560dc61969fe8bff8bae2ee3b4",value:"3"},"March"),o("smoothly-item",{key:"10f7a805783997893080eba61a3a293901273b7e",value:"4"},"April"),o("smoothly-item",{key:"fbb81488473ab771ba92650e7f6c0d1e385a5486",value:"5"},"May"),o("smoothly-item",{key:"bb9a696e13859137773158b219807224c9e456d5",value:"6"},"June"),o("smoothly-item",{key:"cb9cb347df1ab4551d11a6104fea41e53646f7fe",value:"7"},"July"),o("smoothly-item",{key:"f636d5874c7b810b59d9aea7454ee060093946ff",value:"8"},"August"),o("smoothly-item",{key:"d7882ebaf8e4b13216201b04201f19d0152c7997",value:"9"},"September"),o("smoothly-item",{key:"30815b5d8ae477d52a6896083f58d5e913fc6ec9",value:"10"},"October"),o("smoothly-item",{key:"70658c05936d61c7e4faf8ab265d5e7ae448774a",value:"11"},"November"),o("smoothly-item",{key:"c737ec283e42443c75334f925d7fab3df2527a4f",value:"12"},"December")),o("div",{key:"a149cf4a6ebc5828e095c10e9d6d57abbc43c359",class:"select-div-row"},o("smoothly-input-select",{key:"0b32d71db9eb24afd885c46ea5f414be1e55133c",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"1c4fb8eeb730b8cfe6e4818ca16c565014a159a7",value:"folder",selected:true},o("smoothly-icon",{key:"082d0bba96283c4bceb9f92c3e772bd3fd8b7011",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"ea4df02bbe52f26a1888b2f74ed587beb09890fe",value:"camera"},o("smoothly-icon",{key:"166ec449cff9acf04d866ac4786ba9f30b2a3b42",size:"small",name:"camera-outline"})),o("smoothly-item",{key:"65aa76f7da4c5677b031fe45a5a86fca0a3d29ee",value:"boat"},o("smoothly-icon",{key:"32d5688b2e74006e65131f11ee06890d8d52b5dd",size:"small",name:"boat-outline"}))),o("smoothly-input-select",{key:"fccc2a0bad4e53a6fee2a5ceca85a59b91d70090",name:"select-number",clearable:false},this.numbers.map((e=>o("smoothly-item",{value:"number",selected:e===3},e)))),o("smoothly-input",{key:"f8a91a3e5d64b5058bb91a50dde94d3eb128f7b5",name:"name",value:"Sten Qvist"},"Name"))),o("h2",{key:"012a2aeb69da69b0ab9cff4b761500892f2c9aba"},"Duration"),o("smoothly-input",{key:"55df5644b13c507f13d0efec711da4c3ae59dc95",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:e=>this.duration=e.detail.duration},"Duration"),o("smoothly-input",{key:"4aa5fe278bfd9e37e3a625b67304cadb164bdd78",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:e=>{const t=e.detail.duration;this.duration=t}},"Duration"),o("h2",{key:"bb855c65c4b59aef87c9d4d18ac6db6b6d21bdec"},"Integer with Min/Max"),o("smoothly-input",{key:"1a5e0092eb5330cc384aafce47e1438abca4a590",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),o("smoothly-input",{key:"359faaba1e62172b0224c8d8ec58e49cb5a81f09",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),o("smoothly-input",{key:"6ce0655a6b0134ce4175d65f80792287e48eefbe",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),o("smoothly-input",{key:"3ce841cda01cbb2c4f346009648faa281831a4b2",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),o("h2",{key:"e63ebb0b5996cbf653c6b6c969df48d635e28c30"},"Invalid text with warning icon and tooltip"),o("smoothly-input",{key:"62873bd1d9eadab148e0502f44fdbc779aa5a789",copyable:true,name:"alphanumeric",invalid:!/^[a-zA-Z0-9]+$/.test(this.alphanumeric),errorMessage:"Only alphanumeric allowed",value:this.alphanumeric,onSmoothlyInput:e=>this.alphanumeric=e.detail.alphanumeric},"Alphanumeric"),o("h2",{key:"04dffd24a3af57da6ae369a8fbe9372893e6e380"},"Identifiers"),o("smoothly-input",{key:"3d18b596880f98b84a07742cb9778d0095719294",type:"identifier-code"},"Code"),o("smoothly-input",{key:"190651f4f4263eaacd8b80f90f4074fef28da183",type:"identifier-attribute"},"Attribute"),o("smoothly-input",{key:"3a8802a9a173f518f975717cbe23cd1150316fc5",type:"identifier-snake"},"Snake"),o("smoothly-input",{key:"00ec5419cd67a7217d23f95513f451f2c8e98f8e",type:"identifier-pascal"},"Pascal"),o("smoothly-input",{key:"93eac4cce148e22640908d0d2f7c19a04b66d3f9",type:"identifier-camel"},"Camel"),o("h2",{key:"98b93a5cb9daf216199adb5fa089ddd84bc96c61"},"Input Alternatives"),o("smoothly-input",{key:"a031c081e8531bad8400469ae449757958d7324a",type:"text",name:"name.last"},o("smoothly-icon",{key:"bf00331aeef0f1046c5505911d7db6ba845e636c",name:"checkmark-circle",slot:"start"}),"First Name"),o("smoothly-input",{key:"7824cf3b501d802ff40e4a750dd46defa9cac8b6",type:"text",name:"name.first"},"Last Name",o("smoothly-icon",{key:"497b0417f5e7b0714753b0e5d78a78ab18130007",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"ba93dadda8140d398c1d350f98c53d2a08c440db",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",o("smoothly-icon",{key:"28e8478b908bb51c6c5949e986c69930d1b10cb5",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"fcb8531d6fe4129585e9a6d6e641022f2f14cb94",placeholder:"test"}),o("smoothly-input-submit",{key:"97a4d319d250ecd00ede7a5beb2c06b077e8e82c",slot:"submit",fill:"solid",onSubmit:e=>alert(e),color:"success"}),o("h4",{key:"50579aad1a91b0c728a127076a37be38273b3635"},"Smoothly checkboxes"),o("div",{key:"ceee0a83b7626132ac6323dfd894d8ece7ea2f69",class:"checkbox-group"},o("smoothly-input-checkbox",{key:"0eab1d5ac670458ab57af847c9996fcf874fd985",disabled:true,name:"first-checkbox"},o("smoothly-icon",{key:"aa4259b0bc0193a0e31b2bdc2f9550d1e7a9cd66",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),o("smoothly-input-checkbox",{key:"38fe8ffc98f95b0a81aba7dadb0a46f876ec09f4",name:"second-checkbox",checked:true},o("smoothly-icon",{key:"40b2451d7fb2f705251abfb2158bc91a31ae9d3d",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",o("smoothly-input-clear",{key:"34675173c8447131c978ca934fdde0d8764f44a8",size:"icon",slot:"end"})),o("smoothly-input-checkbox",{key:"42c6dd2f0fd6bb72d8ce31158f0451c5f500fe2b",name:"third-checkbox"},"3rd")),o("h4",{key:"94ddf8048c28f947c3d20a2440c49e9340448c58"},"Smoothly Radio Buttons"),o("smoothly-input-radio",{key:"0e308b17b5783bb23ce817cb30fbb9237a1b5b65",clearable:true,name:"radioFirstInput"},o("smoothly-icon",{key:"61ab423d103c3f04fbaae7d02d0a1685d576fcfe",name:"checkmark-circle",slot:"start"}),o("label",{key:"f75b6164630e97ad5f1174c08afe841e7321fe28",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"fd4284b27663aed055dce8671b46881789ba7dfb",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"9554d37989867953cefb248a039d1c6217ea0c4f",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"7643fa634aa9693163de7926468ea47ea99d232f",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"ef750494dee99f5bf962f93f143a80a540834f20",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"3cf94704be4ce872a79a97abb4dc1828ade9ad71",name:"radioSecondInput"},o("label",{key:"d3feeed0e6debeaba6e95eec7c6effa4e3aa0484",slot:"label"},"Not clearable"),o("smoothly-input-radio-item",{key:"ed5bc06f71277cc4ad5e644d4b07c42c80dd1027",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"944215e958076b552f4ee8e5728897f63e88657c",value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"273705d445c5b1c1c01f6cea30bf8ad4036f932a",value:"third"},"Label 3"),o("smoothly-input-radio-item",{key:"c16dee456ac64f1aa945dcf6934ff6734c63e597",value:"fourth"},"Label 4"),o("smoothly-input-radio-item",{key:"d9795190e66042dedd027a4780900e2a32548ebc",value:"fifth"},"Label 5"),o("smoothly-input-radio-item",{key:"985a353d4d42885a3597807d9b3a1d6fe2692520",value:"sixth"},"Label 6")),o("smoothly-input-range-demo",{key:"011666bd072c688123437302f21ef556b9bc45cf"}),o("smoothly-input-color-demo",{key:"a7e2fedb5277f19eee2c670bf88c1089ead1eb92"}),o("smoothly-input-price-demo",{key:"3e2f3d6d9e0e368ad4b8c7f3294bbc8cb19d3358"}),o("smoothly-back-to-top",{key:"c2ecc189b026a4eae72d521e4cdffcfbd58ddbd9"})))}static get style(){return V()}},[2,"smoothly-input-demo",{duration:[32],alphanumeric:[32]}]);function O(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo","smoothly-back-to-top","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-color-demo","smoothly-input-date","smoothly-input-date-demo","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-demo-radio","smoothly-input-demo-standard","smoothly-input-demo-user-input","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-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo":if(!customElements.get(c(e))){customElements.define(c(e),K)}break;case"smoothly-back-to-top":if(!customElements.get(c(e))){d()}break;case"smoothly-button":if(!customElements.get(c(e))){l()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){i()}break;case"smoothly-calendar":if(!customElements.get(c(e))){f()}break;case"smoothly-date-text":if(!customElements.get(c(e))){b()}break;case"smoothly-display":if(!customElements.get(c(e))){n()}break;case"smoothly-display-json":if(!customElements.get(c(e))){y()}break;case"smoothly-display-json-object":if(!customElements.get(c(e))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(c(e))){u()}break;case"smoothly-display-json-record-key":if(!customElements.get(c(e))){h()}break;case"smoothly-form":if(!customElements.get(c(e))){p()}break;case"smoothly-icon":if(!customElements.get(c(e))){k()}break;case"smoothly-input":if(!customElements.get(c(e))){v()}break;case"smoothly-input-checkbox":if(!customElements.get(c(e))){g()}break;case"smoothly-input-clear":if(!customElements.get(c(e))){j()}break;case"smoothly-input-color":if(!customElements.get(c(e))){E()}break;case"smoothly-input-color-demo":if(!customElements.get(c(e))){x()}break;case"smoothly-input-date":if(!customElements.get(c(e))){D()}break;case"smoothly-input-date-demo":if(!customElements.get(c(e))){w()}break;case"smoothly-input-date-range":if(!customElements.get(c(e))){S()}break;case"smoothly-input-date-time":if(!customElements.get(c(e))){C()}break;case"smoothly-input-demo-radio":if(!customElements.get(c(e))){L()}break;case"smoothly-input-demo-standard":if(!customElements.get(c(e))){z()}break;case"smoothly-input-demo-user-input":if(!customElements.get(c(e))){I()}break;case"smoothly-input-file":if(!customElements.get(c(e))){M()}break;case"smoothly-input-month":if(!customElements.get(c(e))){A()}break;case"smoothly-input-price-demo":if(!customElements.get(c(e))){B()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){F()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){N()}break;case"smoothly-input-range":if(!customElements.get(c(e))){U()}break;case"smoothly-input-range-demo":if(!customElements.get(c(e))){H()}break;case"smoothly-input-reset":if(!customElements.get(c(e))){J()}break;case"smoothly-input-select":if(!customElements.get(c(e))){R()}break;case"smoothly-input-submit":if(!customElements.get(c(e))){Q()}break;case"smoothly-item":if(!customElements.get(c(e))){Z()}break;case"smoothly-spinner":if(!customElements.get(c(e))){q()}break;case"smoothly-tab":if(!customElements.get(c(e))){G()}break;case"smoothly-tabs":if(!customElements.get(c(e))){P()}break;case"smoothly-toggle-switch":if(!customElements.get(c(e))){T()}break}}))}O();export{K as S,O as d};
+//# sourceMappingURL=p-0WCHC4VI.js.map

package/dist/components/{p-HdZxIc2m.js → p-9Fd6-bL0.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{C as d}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{L as i,d as c}from"./p-DPlYDxyJ.js";import{d as l}from"./p-mmAi00ak.js";import{d as m}from"./p-CmV6S6tx.js";import{d as r}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as h}from"./p-DG2pfnCV.js";import{d as b}from"./p-uFR5K4vd.js";import{d as f}from"./p-DvZK__s-.js";import{d as y}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DDYB8QLF.js";import{d as u}from"./p-BHTAR2x1.js";import{d as k}from"./p-B-jhX7aN.js";import{d as g}from"./p-Dk4OvZyQ.js";import{d as v}from"./p-CDzU4-Ri.js";import{d as j}from"./p-DJ-iHxJr.js";import{d as w}from"./p-5l1ov6SU.js";import{d as E}from"./p-DkiBtdrU.js";import{d as x}from"./p-UqPFIGlg.js";import{d as D}from"./p-DIy2lHMf.js";import{d as L}from"./p-Bo1NnbuT.js";import{d as R}from"./p-5ac0hPYS.js";import{d as C}from"./p-Dq8EU803.js";import{d as S}from"./p-CLqKhHZ8.js";import{d as B}from"./p-CZIRwPwA.js";import{d as M}from"./p-ByRyVRgY.js";import{d as T}from"./p-CmUug44L.js";import{d as F}from"./p-BCwizh6U.js";const A=()=>`.sc-smoothly-input-demo-standard-h{max-width:min(calc(100% - 0.5rem), 48rem);margin:auto}.sc-smoothly-input-demo-standard-h h2.sc-smoothly-input-demo-standard,.sc-smoothly-input-demo-standard-h p.sc-smoothly-input-demo-standard{margin:.5rem 0}.sc-smoothly-input-demo-standard-h>.description.sc-smoothly-input-demo-standard{--smoothly-form-input-min-width:18rem}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:1fr 9rem;gap:1rem;position:relative;justify-content:space-around}div.input-wrapper.sc-smoothly-input-demo-standard>[name].sc-smoothly-input-demo-standard{grid-column:1 / 2}div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard{width:100%;text-align:center;border-bottom:1px dashed black}div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard{align-content:center;grid-column:2 / 3;border-left:1px dashed black;padding-left:1rem;content:"hello"}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{width:0.5rem;grid-column:1 / 2;white-space:nowrap;overflow:visible;position:relative;cursor:default}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard::before{content:"";position:absolute;width:100%;top:1.5rem;bottom:-1rem;border:1px  dashed black;z-index:2}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard:hover::before{bottom:-100vh}`;const U=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.duration={hours:8};this.options={}}connectedCallback(){this.updateInputHeightText()}componentDidRender(){this.updateInputHeightText()}updateInputHeightText(){const e=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));this.element.querySelectorAll(".height").forEach((t=>{const o=t.clientHeight;t.innerHTML=`<b>${o/e}rem</b> (${o}pixels)`}))}render(){return o(s,{key:"2e355c9aa093b8466d23357c9aae6d88011170be"},o("div",{key:"b212cbda84e5965666cce503713c85baaa045d32",class:"description"},o("h2",{key:"21f4edf40038c44f1b745a0f0ae5c15a4d909ee6"},"Input Standard"),o("p",{key:"3f4cf3c1e07effe5cb728f54311cf92f438eecf5"},"Height of input should be ",o("code",{key:"e5c546b13ce7c73522216a1509e50022c786a36a"},"3rem")," including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."),o("smoothly-form",{key:"6c3be1205cf4699ae45248278c21a217f5d35e9c",looks:"grid",onSmoothlyFormInput:e=>this.options=e.detail},o("smoothly-input-select",{key:"c76494d9a20e705a7a9350f621104aec46b0e857",name:"color"},o("span",{key:"c1ccb2f1c17b46e976fadd5331f07c4d7a699791",slot:"label"},"Color"),d.values.map((e=>o("smoothly-item",{value:e},o("span",{color:e},e)))),o("smoothly-input-clear",{key:"dbaa782144733cdcbec4d5257e21b0a4f170e5e5",slot:"end"})),o("smoothly-input-select",{key:"28b28e354ac6fc5637ecf14acccfe30bfef11ff6",name:"looks"},o("span",{key:"f1452804684f0a76d78542a9cb64928a478f03ec",slot:"label"},"Looks"),i.values.map((e=>o("smoothly-item",{value:e},e)))),o("smoothly-input-range",{key:"3ca928155a582e8b5ab68ebdc2de073c390b58ed",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"99e0f80359bb1d1813b4445fc642aeff881d0d12",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"fb4e997a1751c7a05fb97d40ae5e151ad62e7a53",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"78a9cf0fe349660d1f6869a4051051006b0f13ac",name:"invalid"},"Invalid"),o("smoothly-input",{key:"01b1d2c7089b8d24d40de9799f6296d8e2e1c34a",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"3a8c24b67d02e7e040ea452bcb74dfcf8176eb6c",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"143f2e8974ac80899bcac6c582cfe071c370b491",name:"placeholder"},"Placeholder"),o("smoothly-input-checkbox",{key:"d16643507059700194c9b5b5d402d83d68ac7d42",name:"alwaysShowGuide"},"Always Show Guide (for date inputs)"))),o("div",{key:"5c3a8ad043a7d87f872343009acf3b09c9c61b40",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"2f5cde81d501ffd5c2bce64e1b54586f489cd11f",class:"width"},"width: 100%"),o("div",{key:"a055e7019d888ca2c12161581c2c77a35fa247ba",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"f7840a4c2c7197895adabac250b283dd1209d440",name:"text",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"5983ef639593b4f877b77b99d58f08d9fd47b98d"},"Text"),o("smoothly-input-clear",{key:"252b68a3efdc6b70a0532eacb18cbcd137b207b3",slot:"end"})),o("div",{key:"37c4139e98071dec4901519ba10a075219e270bf",class:"height"}),o("smoothly-input-select",{key:"6ed894124eadea113968089eba5c38c7fff2caf4",name:"month",color:this.options.color,looks:this.options.looks,menuHeight:"6.7items",readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"2229eee3d5a4cab69d203a4f3b8f313693d1852c",slot:"label"},"Select"),o("smoothly-item",{key:"bfb7e1e1302677b556256f5c871eaabf83a1a22d",value:"1"},"January"),o("smoothly-item",{key:"37b4e1404f0d93c3cfec6ae778a009cccc481f37",value:"2"},"February"),o("smoothly-item",{key:"7804e2f534c4cd279e5f29e212bc8b3f07d3be9e",value:"3"},"March"),o("smoothly-item",{key:"7de014b6870276d1afbc3f8b4780dd789b42501e",value:"4"},"April"),o("smoothly-item",{key:"e30eac74368b6ae4eaf58f371c8bdd0d030c76c1",value:"5"},"May"),o("smoothly-item",{key:"90e999da893c3c3d6c9aea57d500808fac2f64d4",value:"6"},"June"),o("smoothly-item",{key:"0c3ae02ce9a1c9ab4fca7c06fd3809ee8067bce5",value:"7"},"July"),o("smoothly-item",{key:"689c71f20be3bc6fb057445c5ceaa60718f05603",value:"8"},"August"),o("smoothly-item",{key:"b1443376f5fa483d15873c9232290f6b6e270f1c",value:"9"},"September"),o("smoothly-item",{key:"5055f6a2b1e136f911f32bc053d35c1931faaf02",value:"10"},"October"),o("smoothly-item",{key:"512f871512f7bdd02462b286f724b66b7a845c48",value:"11"},"November"),o("smoothly-item",{key:"4b6c5608cd060744cdd798803e67f2188ada562f",value:"12"},"December"),o("smoothly-input-clear",{key:"7fd619f654ad16a0048a12793092d214bb87a7dc",slot:"end"})),o("div",{key:"ab13b70b196dbc83d694145abd870bee5d121be1",class:"height"}),o("smoothly-input-checkbox",{key:"2eb487f1b741e7b12b50bc1b6eed8990a89b059e",name:"checkbox",checked:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled},"Check",o("smoothly-input-reset",{key:"df9db551b674bb4df52b7c84bafbf25adab266fa",slot:"end"})),o("div",{key:"bb29d6b57fdf27d523c4690ce4903187590c5b18",class:"height"}),o("smoothly-input-radio",{key:"12e400081cb687023137e7f1a3834915c846ac3f",name:"radio",clearable:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("label",{key:"d0646e2ca2ddd5ec6d7b6cdcddace55e907f4f59",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"5f2dd2ecb3289f99f82367cc0ab4c14b578ca0a3",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"5abdb6fb7897c18e088c85ec08313769e744583c",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"2bba28393706691b0973bd9f92836bd28c890b07",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"5853dbcda5ed68ce1401245bba244f19a248ccbe",slot:"end"})),o("div",{key:"7b1fc6de01785728d758ea07c55c3f2ff47415c8",class:"height"}),o("smoothly-input-file",{key:"1eac17bd99f215911b95f67312164ed294952b6d",name:"file",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"43d11a34c076520aed899bceb035c829836fd725",slot:"label"},"File"),o("smoothly-input-clear",{key:"106b3c31ae10b64bdc4bc309a3512d58e929f4e2",slot:"end"})),o("div",{key:"d13c20742bb1e088160b7cc59efb5f75dbfa4eaf",class:"height"}),o("smoothly-input-range",{key:"d81378e953c5fe82ec020e544de7cf15d0e76434",name:"range",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,label:this.options.showLabel?"Range":undefined},o("smoothly-input-clear",{key:"27e6247aa7c628859ebab11d8da32cf8be3dfd03",slot:"end"})),o("div",{key:"ae21676a75148c438d070bf932e96b09f2237325",class:"height"}),o("smoothly-input-color",{key:"718f8309dd37c5e4552de5a2d5c00483b6397127",name:"color",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"eaadb8d6f5fa9f6143f2d2549e1b7901e32b2bef"},"Color"),o("smoothly-input-clear",{key:"f396f11146e3fb840e559086cf45ec745fe9dad8",slot:"end"})),o("div",{key:"60c4fcb685302ae33a5ff3f700b1b3c0010fd316",class:"height"}),o("smoothly-input-date",{key:"9eadbb8a6648c0986b83bc6c044683ddc7012472",name:"date",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide},this.options.showLabel&&o("span",{key:"f2502eeec674553779739ba3bf9d6beaa55566a2"},"Date"),o("smoothly-input-clear",{key:"f36a9a9403e5aa756a5c1a955cc526b2b349aeb3",slot:"end"})),o("div",{key:"d0a81dd6a18ae37f0c55e7aa448d4323197b4e40",class:"height"}),o("smoothly-input-date-time",{key:"a2c25b754dab6b88d1e25a8abecbe227153eab18",name:"dateTime",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel},"DateTime",o("smoothly-input-clear",{key:"8e392cdd2f0c92a9aca8f1e468c236065fd3c2b0",slot:"end"})),o("div",{key:"76f81fc46a552dd4ebe1b15b888b85e0faabf5bb",class:"height"}),o("smoothly-input-date-range",{key:"3837975fd0e591d52386c1b12f3171d64e91cf80",name:"dateRange",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"676c2f53a26198524881f0221c73e6b654bb13dc"},"Date Range"),o("smoothly-input-clear",{key:"1e4740db4bf043f74cfafa1e7e91312878b71b86",slot:"end"})),o("div",{key:"db0449b44b24dd20fccdb99329b876d938d5f68c",class:"height"})))}get element(){return this}static get style(){return A()}},[2,"smoothly-input-demo-standard",{duration:[32],options:[32]}]);function G(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-standard","smoothly-button","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-date-time","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-standard":if(!customElements.get(a(e))){customElements.define(a(e),U)}break;case"smoothly-button":if(!customElements.get(a(e))){l()}break;case"smoothly-calendar":if(!customElements.get(a(e))){m()}break;case"smoothly-date-text":if(!customElements.get(a(e))){r()}break;case"smoothly-display":if(!customElements.get(a(e))){n()}break;case"smoothly-display-json":if(!customElements.get(a(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){b()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){f()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){y()}break;case"smoothly-form":if(!customElements.get(a(e))){c()}break;case"smoothly-icon":if(!customElements.get(a(e))){p()}break;case"smoothly-input":if(!customElements.get(a(e))){u()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){k()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){g()}break;case"smoothly-input-color":if(!customElements.get(a(e))){v()}break;case"smoothly-input-date":if(!customElements.get(a(e))){j()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(a(e))){E()}break;case"smoothly-input-file":if(!customElements.get(a(e))){x()}break;case"smoothly-input-month":if(!customElements.get(a(e))){D()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){L()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){R()}break;case"smoothly-input-range":if(!customElements.get(a(e))){C()}break;case"smoothly-input-reset":if(!customElements.get(a(e))){S()}break;case"smoothly-input-select":if(!customElements.get(a(e))){B()}break;case"smoothly-item":if(!customElements.get(a(e))){M()}break;case"smoothly-spinner":if(!customElements.get(a(e))){T()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){F()}break}}))}G();export{U as S,G as d};
-//# sourceMappingURL=p-HdZxIc2m.js.map
+import{p as e,H as t,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{C as d}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{L as i,d as c}from"./p-DPlYDxyJ.js";import{d as l}from"./p-mmAi00ak.js";import{d as m}from"./p-CmV6S6tx.js";import{d as r}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as h}from"./p-DG2pfnCV.js";import{d as b}from"./p-uFR5K4vd.js";import{d as f}from"./p-DvZK__s-.js";import{d as y}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DDYB8QLF.js";import{d as u}from"./p-BHTAR2x1.js";import{d as k}from"./p-B-jhX7aN.js";import{d as g}from"./p-Dk4OvZyQ.js";import{d as v}from"./p-CDzU4-Ri.js";import{d as j}from"./p-DJ-iHxJr.js";import{d as w}from"./p-5l1ov6SU.js";import{d as x}from"./p-DkiBtdrU.js";import{d as E}from"./p-UqPFIGlg.js";import{d as D}from"./p-DIy2lHMf.js";import{d as L}from"./p-Bo1NnbuT.js";import{d as R}from"./p-BQOdxeHU.js";import{d as B}from"./p-Dq8EU803.js";import{d as C}from"./p-CLqKhHZ8.js";import{d as S}from"./p-CZIRwPwA.js";import{d as M}from"./p-ByRyVRgY.js";import{d as T}from"./p-CmUug44L.js";import{d as F}from"./p-BCwizh6U.js";const U=()=>`.sc-smoothly-input-demo-standard-h{max-width:min(calc(100% - 0.5rem), 48rem);margin:auto}.sc-smoothly-input-demo-standard-h h2.sc-smoothly-input-demo-standard,.sc-smoothly-input-demo-standard-h p.sc-smoothly-input-demo-standard{margin:.5rem 0}.sc-smoothly-input-demo-standard-h>.description.sc-smoothly-input-demo-standard{--smoothly-form-input-min-width:18rem}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:1fr 9rem;gap:1rem;position:relative;justify-content:space-around}div.input-wrapper.sc-smoothly-input-demo-standard>[name].sc-smoothly-input-demo-standard{grid-column:1 / 2}div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard{width:100%;text-align:center;border-bottom:1px dashed black}div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard{align-content:center;grid-column:2 / 3;border-left:1px dashed black;padding-left:1rem;content:"hello"}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{width:0.5rem;grid-column:1 / 2;white-space:nowrap;overflow:visible;position:relative;cursor:default}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard::before{content:"";position:absolute;width:100%;top:1.5rem;bottom:-1rem;border:1px  dashed black;z-index:2}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard:hover::before{bottom:-100vh}`;const A=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.duration={hours:8};this.options={}}connectedCallback(){this.updateInputHeightText()}componentDidRender(){this.updateInputHeightText()}updateInputHeightText(){const e=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));this.element.querySelectorAll(".height").forEach((t=>{const o=t.clientHeight;t.innerHTML=`<b>${o/e}rem</b> (${o}pixels)`}))}render(){return o(s,{key:"2e355c9aa093b8466d23357c9aae6d88011170be"},o("div",{key:"b212cbda84e5965666cce503713c85baaa045d32",class:"description"},o("h2",{key:"21f4edf40038c44f1b745a0f0ae5c15a4d909ee6"},"Input Standard"),o("p",{key:"3f4cf3c1e07effe5cb728f54311cf92f438eecf5"},"Height of input should be ",o("code",{key:"e5c546b13ce7c73522216a1509e50022c786a36a"},"3rem")," including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."),o("smoothly-form",{key:"6c3be1205cf4699ae45248278c21a217f5d35e9c",looks:"grid",onSmoothlyFormInput:e=>this.options=e.detail},o("smoothly-input-select",{key:"c76494d9a20e705a7a9350f621104aec46b0e857",name:"color"},o("span",{key:"c1ccb2f1c17b46e976fadd5331f07c4d7a699791",slot:"label"},"Color"),d.values.map((e=>o("smoothly-item",{value:e},o("span",{color:e},e)))),o("smoothly-input-clear",{key:"dbaa782144733cdcbec4d5257e21b0a4f170e5e5",slot:"end"})),o("smoothly-input-select",{key:"28b28e354ac6fc5637ecf14acccfe30bfef11ff6",name:"looks"},o("span",{key:"f1452804684f0a76d78542a9cb64928a478f03ec",slot:"label"},"Looks"),i.values.map((e=>o("smoothly-item",{value:e},e)))),o("smoothly-input-range",{key:"3ca928155a582e8b5ab68ebdc2de073c390b58ed",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"99e0f80359bb1d1813b4445fc642aeff881d0d12",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"fb4e997a1751c7a05fb97d40ae5e151ad62e7a53",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"78a9cf0fe349660d1f6869a4051051006b0f13ac",name:"invalid"},"Invalid"),o("smoothly-input",{key:"01b1d2c7089b8d24d40de9799f6296d8e2e1c34a",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"3a8c24b67d02e7e040ea452bcb74dfcf8176eb6c",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"143f2e8974ac80899bcac6c582cfe071c370b491",name:"placeholder"},"Placeholder"),o("smoothly-input-checkbox",{key:"d16643507059700194c9b5b5d402d83d68ac7d42",name:"alwaysShowGuide"},"Always Show Guide (for date inputs)"))),o("div",{key:"5c3a8ad043a7d87f872343009acf3b09c9c61b40",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"2f5cde81d501ffd5c2bce64e1b54586f489cd11f",class:"width"},"width: 100%"),o("div",{key:"a055e7019d888ca2c12161581c2c77a35fa247ba",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"f7840a4c2c7197895adabac250b283dd1209d440",name:"text",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"5983ef639593b4f877b77b99d58f08d9fd47b98d"},"Text"),o("smoothly-input-clear",{key:"252b68a3efdc6b70a0532eacb18cbcd137b207b3",slot:"end"})),o("div",{key:"37c4139e98071dec4901519ba10a075219e270bf",class:"height"}),o("smoothly-input-select",{key:"6ed894124eadea113968089eba5c38c7fff2caf4",name:"month",color:this.options.color,looks:this.options.looks,menuHeight:"6.7items",readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"2229eee3d5a4cab69d203a4f3b8f313693d1852c",slot:"label"},"Select"),o("smoothly-item",{key:"bfb7e1e1302677b556256f5c871eaabf83a1a22d",value:"1"},"January"),o("smoothly-item",{key:"37b4e1404f0d93c3cfec6ae778a009cccc481f37",value:"2"},"February"),o("smoothly-item",{key:"7804e2f534c4cd279e5f29e212bc8b3f07d3be9e",value:"3"},"March"),o("smoothly-item",{key:"7de014b6870276d1afbc3f8b4780dd789b42501e",value:"4"},"April"),o("smoothly-item",{key:"e30eac74368b6ae4eaf58f371c8bdd0d030c76c1",value:"5"},"May"),o("smoothly-item",{key:"90e999da893c3c3d6c9aea57d500808fac2f64d4",value:"6"},"June"),o("smoothly-item",{key:"0c3ae02ce9a1c9ab4fca7c06fd3809ee8067bce5",value:"7"},"July"),o("smoothly-item",{key:"689c71f20be3bc6fb057445c5ceaa60718f05603",value:"8"},"August"),o("smoothly-item",{key:"b1443376f5fa483d15873c9232290f6b6e270f1c",value:"9"},"September"),o("smoothly-item",{key:"5055f6a2b1e136f911f32bc053d35c1931faaf02",value:"10"},"October"),o("smoothly-item",{key:"512f871512f7bdd02462b286f724b66b7a845c48",value:"11"},"November"),o("smoothly-item",{key:"4b6c5608cd060744cdd798803e67f2188ada562f",value:"12"},"December"),o("smoothly-input-clear",{key:"7fd619f654ad16a0048a12793092d214bb87a7dc",slot:"end"})),o("div",{key:"ab13b70b196dbc83d694145abd870bee5d121be1",class:"height"}),o("smoothly-input-checkbox",{key:"2eb487f1b741e7b12b50bc1b6eed8990a89b059e",name:"checkbox",checked:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled},"Check",o("smoothly-input-reset",{key:"df9db551b674bb4df52b7c84bafbf25adab266fa",slot:"end"})),o("div",{key:"bb29d6b57fdf27d523c4690ce4903187590c5b18",class:"height"}),o("smoothly-input-radio",{key:"12e400081cb687023137e7f1a3834915c846ac3f",name:"radio",clearable:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("label",{key:"d0646e2ca2ddd5ec6d7b6cdcddace55e907f4f59",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"5f2dd2ecb3289f99f82367cc0ab4c14b578ca0a3",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"5abdb6fb7897c18e088c85ec08313769e744583c",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"2bba28393706691b0973bd9f92836bd28c890b07",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"5853dbcda5ed68ce1401245bba244f19a248ccbe",slot:"end"})),o("div",{key:"7b1fc6de01785728d758ea07c55c3f2ff47415c8",class:"height"}),o("smoothly-input-file",{key:"1eac17bd99f215911b95f67312164ed294952b6d",name:"file",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"43d11a34c076520aed899bceb035c829836fd725",slot:"label"},"File"),o("smoothly-input-clear",{key:"106b3c31ae10b64bdc4bc309a3512d58e929f4e2",slot:"end"})),o("div",{key:"d13c20742bb1e088160b7cc59efb5f75dbfa4eaf",class:"height"}),o("smoothly-input-range",{key:"d81378e953c5fe82ec020e544de7cf15d0e76434",name:"range",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,label:this.options.showLabel?"Range":undefined},o("smoothly-input-clear",{key:"27e6247aa7c628859ebab11d8da32cf8be3dfd03",slot:"end"})),o("div",{key:"ae21676a75148c438d070bf932e96b09f2237325",class:"height"}),o("smoothly-input-color",{key:"718f8309dd37c5e4552de5a2d5c00483b6397127",name:"color",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"eaadb8d6f5fa9f6143f2d2549e1b7901e32b2bef"},"Color"),o("smoothly-input-clear",{key:"f396f11146e3fb840e559086cf45ec745fe9dad8",slot:"end"})),o("div",{key:"60c4fcb685302ae33a5ff3f700b1b3c0010fd316",class:"height"}),o("smoothly-input-date",{key:"9eadbb8a6648c0986b83bc6c044683ddc7012472",name:"date",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide},this.options.showLabel&&o("span",{key:"f2502eeec674553779739ba3bf9d6beaa55566a2"},"Date"),o("smoothly-input-clear",{key:"f36a9a9403e5aa756a5c1a955cc526b2b349aeb3",slot:"end"})),o("div",{key:"d0a81dd6a18ae37f0c55e7aa448d4323197b4e40",class:"height"}),o("smoothly-input-date-time",{key:"a2c25b754dab6b88d1e25a8abecbe227153eab18",name:"dateTime",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel},"DateTime",o("smoothly-input-clear",{key:"8e392cdd2f0c92a9aca8f1e468c236065fd3c2b0",slot:"end"})),o("div",{key:"76f81fc46a552dd4ebe1b15b888b85e0faabf5bb",class:"height"}),o("smoothly-input-date-range",{key:"3837975fd0e591d52386c1b12f3171d64e91cf80",name:"dateRange",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"676c2f53a26198524881f0221c73e6b654bb13dc"},"Date Range"),o("smoothly-input-clear",{key:"1e4740db4bf043f74cfafa1e7e91312878b71b86",slot:"end"})),o("div",{key:"db0449b44b24dd20fccdb99329b876d938d5f68c",class:"height"})))}get element(){return this}static get style(){return U()}},[2,"smoothly-input-demo-standard",{duration:[32],options:[32]}]);function H(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-standard","smoothly-button","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-date-time","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-standard":if(!customElements.get(a(e))){customElements.define(a(e),A)}break;case"smoothly-button":if(!customElements.get(a(e))){l()}break;case"smoothly-calendar":if(!customElements.get(a(e))){m()}break;case"smoothly-date-text":if(!customElements.get(a(e))){r()}break;case"smoothly-display":if(!customElements.get(a(e))){n()}break;case"smoothly-display-json":if(!customElements.get(a(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){b()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){f()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){y()}break;case"smoothly-form":if(!customElements.get(a(e))){c()}break;case"smoothly-icon":if(!customElements.get(a(e))){p()}break;case"smoothly-input":if(!customElements.get(a(e))){u()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){k()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){g()}break;case"smoothly-input-color":if(!customElements.get(a(e))){v()}break;case"smoothly-input-date":if(!customElements.get(a(e))){j()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(a(e))){x()}break;case"smoothly-input-file":if(!customElements.get(a(e))){E()}break;case"smoothly-input-month":if(!customElements.get(a(e))){D()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){L()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){R()}break;case"smoothly-input-range":if(!customElements.get(a(e))){B()}break;case"smoothly-input-reset":if(!customElements.get(a(e))){C()}break;case"smoothly-input-select":if(!customElements.get(a(e))){S()}break;case"smoothly-item":if(!customElements.get(a(e))){M()}break;case"smoothly-spinner":if(!customElements.get(a(e))){T()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){F()}break}}))}H();export{A as S,H as d};
+//# sourceMappingURL=p-9Fd6-bL0.js.map

package/dist/components/p-BQOdxeHU.js

@@ -0,0 +1,2 @@
+import{p as t,H as o,c as i,h as s,d as e,t as l}from"./p-BsZrGTcp.js";import{I as a}from"./p-DPlYDxyJ.js";import{d as m}from"./p-DDYB8QLF.js";const c=()=>`.sc-smoothly-input-radio-item-h{display:flex;flex-wrap:wrap;align-items:center;position:relative}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:pointer}smoothly-input-radio[disabled] .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:not-allowed}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>smoothly-icon.sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-input-foreground)}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>smoothly-icon[name=checkmark-circle].sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-success-color)}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}.sc-smoothly-input-radio-item-h[selected].sc-smoothly-input-radio-item-s>[slot="detail"],.sc-smoothly-input-radio-item-h[selected] .sc-smoothly-input-radio-item-s>[slot="detail"]{display:block;width:100%}.sc-smoothly-input-radio-item-h.sc-smoothly-input-radio-item-s>[slot="detail"],.sc-smoothly-input-radio-item-h .sc-smoothly-input-radio-item-s>[slot="detail"]{display:none}`;const n=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyRadioItemSelect=i(this,"smoothlyRadioItemSelect");this.smoothlyRadioItemRegister=i(this,"smoothlyRadioItemRegister");this.selected=false}componentWillLoad(){this.smoothlyRadioItemRegister.emit((t=>{this.name=t.name;t.listen((async t=>{if(a.is(t)){this.disabled=t.disabled}}))}));this.selected&&this.inputHandler(false)}inputHandler(t){this.smoothlyRadioItemSelect.emit({value:this.value,selected:this.selected,select:t=>this.selected=t,userInitiated:t})}render(){return s(e,{key:"6cda60049d14ae191ab196ba44e1b865b337638c",onClick:()=>this.inputHandler(true)},s("input",{key:"5e312eb0fef6fde4eeaa6f450447b0d2cd0536fe",name:this.name,type:"radio",checked:this.selected,disabled:this.disabled}),s("smoothly-icon",{key:"ac4eed680c8cb314f1b5f4a9857e6646aac6cb82",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",tooltip:"Select"}),s("label",{key:"c96f7fcd07b7687db703519960ae88101abb17c6"},s("slot",{key:"a3628941ed9b7a933c3a92908b0b5fd03d20d98e"})),s("slot",{key:"f689489ccc1616f2715c1336979f674d64f56a9c",name:"detail"}))}get element(){return this}static get style(){return c()}},[262,"smoothly-input-radio-item",{value:[1032],selected:[1540],looks:[1537],name:[1025],disabled:[32]}]);function d(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-radio-item","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input-radio-item":if(!customElements.get(l(t))){customElements.define(l(t),n)}break;case"smoothly-icon":if(!customElements.get(l(t))){m()}break}}))}d();export{n as S,d};
+//# sourceMappingURL=p-BQOdxeHU.js.map

package/dist/components/p-BQOdxeHU.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styleCss","SmoothlyInputRadioItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","selected","componentWillLoad","smoothlyRadioItemRegister","emit","parent","name","listen","async","p","Input","is","disabled","inputHandler","userInitiated","smoothlyRadioItemSelect","value","select","s","render","h","Host","key","onClick","type","checked","size","tooltip"],"sources":["src/components/input/radio/item/style.css?tag=smoothly-input-radio-item&encapsulation=scoped","src/components/input/radio/item/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tposition: relative;\n}\nsmoothly-input-radio:not([disabled]):not([readonly]) :host>* {\n\tcursor: pointer;\n}\nsmoothly-input-radio[disabled] :host>* {\n\tcursor: not-allowed;\n}\n\n:host>input:focus-visible+smoothly-icon {\n\toutline: 2px solid rgb(var(--smoothly-primary-color));\n\tborder-radius: 1px;\n}\n:host>smoothly-icon {\n\t--smoothly-color-contrast: var(--smoothly-input-foreground);\n}\nsmoothly-input-radio:not([disabled]):not([readonly]) :host>smoothly-icon[name=checkmark-circle] {\n\t--smoothly-color-contrast: var(--smoothly-success-color);\n}\n\n:host>input {\n\topacity: 0;\n\tz-index: 1;\n\twidth: 1.5em;\n\theight: 1.5em;\n\tposition: absolute;\n}\n:host>label {\n\tpadding: 0 .3em;\n\twhite-space: nowrap;\n}\n\n:host[selected] ::slotted([slot=\"detail\"]) { \n\tdisplay: block; \n\twidth: 100%; \n} \n:host ::slotted([slot=\"detail\"]) { \n\tdisplay: none; \n}\n\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State, VNode } from \"@stencil/core\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { SmoothlyInputRadio } from \"../index\"\nimport { RadioItemSelect } from \"../RadioItemSelect\"\n\n@Component({\n\ttag: \"smoothly-input-radio-item\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputRadioItem {\n\t@Element() element: HTMLInputElement\n\t@Prop({ mutable: true }) value: any\n\t@Prop({ mutable: true, reflect: true }) selected = false\n\t@Prop({ mutable: true, reflect: true }) looks?: Looks\n\t@Prop({ mutable: true }) name: string\n\t@State() disabled?: boolean\n\t@Event() smoothlyRadioItemSelect: EventEmitter<RadioItemSelect>\n\t@Event() smoothlyRadioItemRegister: EventEmitter<(parent: SmoothlyInputRadio) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyRadioItemRegister.emit(parent => {\n\t\t\tthis.name = parent.name\n\t\t\tparent.listen(async p => {\n\t\t\t\tif (Input.is(p)) {\n\t\t\t\t\tthis.disabled = p.disabled\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t\tthis.selected && this.inputHandler(false)\n\t}\n\tinputHandler(userInitiated: boolean): void {\n\t\tthis.smoothlyRadioItemSelect.emit({\n\t\t\tvalue: this.value,\n\t\t\tselected: this.selected,\n\t\t\tselect: s => (this.selected = s),\n\t\t\tuserInitiated,\n\t\t})\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host onClick={() => this.inputHandler(true)}>\n\t\t\t\t<input name={this.name} type=\"radio\" checked={this.selected} disabled={this.disabled} />\n\t\t\t\t<smoothly-icon name={this.selected ? \"checkmark-circle\" : \"ellipse-outline\"} size=\"small\" tooltip=\"Select\" />\n\t\t\t\t<label>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t\t<slot name=\"detail\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"+IAAA,MAAMA,EAAW,IAAM,+8C,MCWVC,EAAsBC,EAAA,MAAAD,UAAAE,EALnC,WAAAC,CAAAC,G,8KAQyCC,KAAAC,SAAW,KAsCnD,CAhCA,iBAAAC,GACCF,KAAKG,0BAA0BC,MAAKC,IACnCL,KAAKM,KAAOD,EAAOC,KACnBD,EAAOE,QAAOC,MAAMC,IACnB,GAAIC,EAAMC,GAAGF,GAAI,CAChBT,KAAKY,SAAWH,EAAEG,Q,IAElB,IAEHZ,KAAKC,UAAYD,KAAKa,aAAa,M,CAEpC,YAAAA,CAAaC,GACZd,KAAKe,wBAAwBX,KAAK,CACjCY,MAAOhB,KAAKgB,MACZf,SAAUD,KAAKC,SACfgB,OAAQC,GAAMlB,KAAKC,SAAWiB,EAC9BJ,iB,CAIF,MAAAK,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,QAAS,IAAMvB,KAAKa,aAAa,OACtCO,EAAA,SAAAE,IAAA,2CAAOhB,KAAMN,KAAKM,KAAMkB,KAAK,QAAQC,QAASzB,KAAKC,SAAUW,SAAUZ,KAAKY,WAC5EQ,EAAA,iBAAAE,IAAA,2CAAehB,KAAMN,KAAKC,SAAW,mBAAqB,kBAAmByB,KAAK,QAAQC,QAAQ,WAClGP,EAAA,SAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,8CAEDF,EAAA,QAAAE,IAAA,2CAAMhB,KAAK,W","ignoreList":[]}

package/dist/components/{p-KtTME3nN.js → p-CMMaSJvr.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,d as s,t as i}from"./p-BsZrGTcp.js";import{i as c}from"./p-BVKhAhsB.js";import{d as n}from"./p-DDYB8QLF.js";import{d as r}from"./p-BHTAR2x1.js";import{d as m}from"./p-Bo1NnbuT.js";import{d as a}from"./p-5ac0hPYS.js";const p=()=>`.sc-smoothly-input-price-demo-h{display:block}`;const d=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.currencies=["EUR","USD","GBP"];this.currency="USD"}render(){return o(s,{key:"c467c7cb0bc71a80d80b0249bbdaf6b6be48af4b"},o("h2",{key:"216b76ae5cb923903331b846f0897471ae96bd87"},"State demo on smoothly-input"),o("p",{key:"50522fbe29c228cf83f1450dbcb32e96d37b2587"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"5393c97d661ad1dd1fe8bbac11a2f731ad7fea77"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"f782f50671c0b67344238121e6d742df328672bc",name:"currency",onSmoothlyInput:e=>this.currency=c.Currency.is(e.detail.currency)?e.detail.currency:undefined},this.currencies.map((e=>o("smoothly-input-radio-item",{key:e,selected:e==this.currency,value:e},e)))),o("smoothly-input",{key:"18a4f7dbfc952fcfa6db9188f8ad98c0c7f98731",type:"price",currency:this.currency},"price"))}static get style(){return p()}},[2,"smoothly-input-price-demo",{currencies:[32],currency:[32]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-price-demo","smoothly-icon","smoothly-input","smoothly-input-radio","smoothly-input-radio-item"];e.forEach((e=>{switch(e){case"smoothly-input-price-demo":if(!customElements.get(i(e))){customElements.define(i(e),d)}break;case"smoothly-icon":if(!customElements.get(i(e))){n()}break;case"smoothly-input":if(!customElements.get(i(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){m()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){a()}break}}))}u();export{d as S,u as d};
-//# sourceMappingURL=p-KtTME3nN.js.map
+import{p as e,H as t,h as o,d as s,t as i}from"./p-BsZrGTcp.js";import{i as c}from"./p-BVKhAhsB.js";import{d as n}from"./p-DDYB8QLF.js";import{d as r}from"./p-BHTAR2x1.js";import{d as m}from"./p-Bo1NnbuT.js";import{d as a}from"./p-BQOdxeHU.js";const p=()=>`.sc-smoothly-input-price-demo-h{display:block}`;const d=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.currencies=["EUR","USD","GBP"];this.currency="USD"}render(){return o(s,{key:"c467c7cb0bc71a80d80b0249bbdaf6b6be48af4b"},o("h2",{key:"216b76ae5cb923903331b846f0897471ae96bd87"},"State demo on smoothly-input"),o("p",{key:"50522fbe29c228cf83f1450dbcb32e96d37b2587"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"5393c97d661ad1dd1fe8bbac11a2f731ad7fea77"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"f782f50671c0b67344238121e6d742df328672bc",name:"currency",onSmoothlyInput:e=>this.currency=c.Currency.is(e.detail.currency)?e.detail.currency:undefined},this.currencies.map((e=>o("smoothly-input-radio-item",{key:e,selected:e==this.currency,value:e},e)))),o("smoothly-input",{key:"18a4f7dbfc952fcfa6db9188f8ad98c0c7f98731",type:"price",currency:this.currency},"price"))}static get style(){return p()}},[2,"smoothly-input-price-demo",{currencies:[32],currency:[32]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-price-demo","smoothly-icon","smoothly-input","smoothly-input-radio","smoothly-input-radio-item"];e.forEach((e=>{switch(e){case"smoothly-input-price-demo":if(!customElements.get(i(e))){customElements.define(i(e),d)}break;case"smoothly-icon":if(!customElements.get(i(e))){n()}break;case"smoothly-input":if(!customElements.get(i(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){m()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){a()}break}}))}u();export{d as S,u as d};
+//# sourceMappingURL=p-CMMaSJvr.js.map

package/dist/components/{p-BOwhmPm8.js → p-DGTXEwvN.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,d as a,t as i}from"./p-BsZrGTcp.js";import{d as s}from"./p-DDYB8QLF.js";import{d}from"./p-Bo1NnbuT.js";import{d as c}from"./p-5ac0hPYS.js";import{d as m}from"./p-BcEDrfmP.js";import{d as n}from"./p-2Y5tLcQ1.js";const r=()=>`.sc-smoothly-input-demo-radio-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(56rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-demo-radio-h .sc-smoothly-input-demo-radio:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const l=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}selectedChange(){console.log("selected",this.selected)}render(){return o(a,{key:"926c46d5493184b5562db849fe49f8bc69467635"},o("h2",{key:"482f5b5dad79420a7d17fd32f8ca364fff3fea40"},"radio input - column direction"),o("smoothly-input-radio",{key:"56b8f69f400852f3476747d3cfca4e208659a55a",name:"radio",direction:"column",onSmoothlyInput:e=>this.selected=e.detail.radio},o("smoothly-input-radio-item",{key:"f8efa9578d1cd57ed8a1c39f99d1ceb61dc15c0a",value:"1"},o("span",{key:"e8a9613c4be5a9a5f22e27376e2a5c3dc9432e9e"},"Option 1"),o("span",{key:"59f7cb9ed2fb5ca96e16af28567e6ac29c920ee7",slot:"detail"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),o("smoothly-input-radio-item",{key:"6c4733d75808282a051c25ccafdbffae1efec8b4",value:"2",selected:true},o("span",{key:"135b8ad7de02530fb2ec7b1748c706ed7ad6a275"},"Option 2"),o("div",{key:"8d8beb1041e44e46afe0423540b385ad7aa0a0d1",slot:"detail"},o("smoothly-tabs",{key:"9295b932c4f29d8672003b063930beb56075662c"},o("smoothly-tab",{key:"970586efae1aa46ddeb1c6ef203b89682251d77f",label:"Dog",name:"dog",open:true},"🐕"),o("smoothly-tab",{key:"8faade213577e3d7cd4481f8c09ca80210f8312b",label:"Cat",name:"cat"},"🐈"),o("smoothly-tab",{key:"00c1e6c7f8fa0e3d2ee17f20ac212463f515c7a3",label:"Rat",name:"rat"},"🐀"))))))}static get watchers(){return{selected:[{selectedChange:0}]}}static get style(){return r()}},[2,"smoothly-input-demo-radio",{selected:[32]},undefined,{selected:[{selectedChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-radio","smoothly-icon","smoothly-input-radio","smoothly-input-radio-item","smoothly-tab","smoothly-tabs"];e.forEach((e=>{switch(e){case"smoothly-input-demo-radio":if(!customElements.get(i(e))){customElements.define(i(e),l)}break;case"smoothly-icon":if(!customElements.get(i(e))){s()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){d()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){c()}break;case"smoothly-tab":if(!customElements.get(i(e))){m()}break;case"smoothly-tabs":if(!customElements.get(i(e))){n()}break}}))}u();export{l as S,u as d};
-//# sourceMappingURL=p-BOwhmPm8.js.map
+import{p as e,H as t,h as o,d as a,t as i}from"./p-BsZrGTcp.js";import{d as s}from"./p-DDYB8QLF.js";import{d}from"./p-Bo1NnbuT.js";import{d as c}from"./p-BQOdxeHU.js";import{d as m}from"./p-BcEDrfmP.js";import{d as n}from"./p-2Y5tLcQ1.js";const r=()=>`.sc-smoothly-input-demo-radio-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(56rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-demo-radio-h .sc-smoothly-input-demo-radio:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const l=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}selectedChange(){console.log("selected",this.selected)}render(){return o(a,{key:"926c46d5493184b5562db849fe49f8bc69467635"},o("h2",{key:"482f5b5dad79420a7d17fd32f8ca364fff3fea40"},"radio input - column direction"),o("smoothly-input-radio",{key:"56b8f69f400852f3476747d3cfca4e208659a55a",name:"radio",direction:"column",onSmoothlyInput:e=>this.selected=e.detail.radio},o("smoothly-input-radio-item",{key:"f8efa9578d1cd57ed8a1c39f99d1ceb61dc15c0a",value:"1"},o("span",{key:"e8a9613c4be5a9a5f22e27376e2a5c3dc9432e9e"},"Option 1"),o("span",{key:"59f7cb9ed2fb5ca96e16af28567e6ac29c920ee7",slot:"detail"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),o("smoothly-input-radio-item",{key:"6c4733d75808282a051c25ccafdbffae1efec8b4",value:"2",selected:true},o("span",{key:"135b8ad7de02530fb2ec7b1748c706ed7ad6a275"},"Option 2"),o("div",{key:"8d8beb1041e44e46afe0423540b385ad7aa0a0d1",slot:"detail"},o("smoothly-tabs",{key:"9295b932c4f29d8672003b063930beb56075662c"},o("smoothly-tab",{key:"970586efae1aa46ddeb1c6ef203b89682251d77f",label:"Dog",name:"dog",open:true},"🐕"),o("smoothly-tab",{key:"8faade213577e3d7cd4481f8c09ca80210f8312b",label:"Cat",name:"cat"},"🐈"),o("smoothly-tab",{key:"00c1e6c7f8fa0e3d2ee17f20ac212463f515c7a3",label:"Rat",name:"rat"},"🐀"))))))}static get watchers(){return{selected:[{selectedChange:0}]}}static get style(){return r()}},[2,"smoothly-input-demo-radio",{selected:[32]},undefined,{selected:[{selectedChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-radio","smoothly-icon","smoothly-input-radio","smoothly-input-radio-item","smoothly-tab","smoothly-tabs"];e.forEach((e=>{switch(e){case"smoothly-input-demo-radio":if(!customElements.get(i(e))){customElements.define(i(e),l)}break;case"smoothly-icon":if(!customElements.get(i(e))){s()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){d()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){c()}break;case"smoothly-tab":if(!customElements.get(i(e))){m()}break;case"smoothly-tabs":if(!customElements.get(i(e))){n()}break}}))}u();export{l as S,u as d};
+//# sourceMappingURL=p-DGTXEwvN.js.map

package/dist/components/{p-BnJAC2Zf.js → p-Dh6ItMz4.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as m}from"./p-mmAi00ak.js";import{d as n}from"./p-CmV6S6tx.js";import{d as r}from"./p-DnvyyAaF.js";import{d as l}from"./p-CN3iME9d.js";import{d as c}from"./p-DG2pfnCV.js";import{d}from"./p-uFR5K4vd.js";import{d as h}from"./p-DvZK__s-.js";import{d as u}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DDYB8QLF.js";import{d as f}from"./p-BHTAR2x1.js";import{d as y}from"./p-B-jhX7aN.js";import{d as b}from"./p-CDzU4-Ri.js";import{d as k}from"./p-DJ-iHxJr.js";import{d as j}from"./p-5l1ov6SU.js";import{d as g}from"./p-DkiBtdrU.js";import{d as x}from"./p-DIy2lHMf.js";import{d as E}from"./p-Bo1NnbuT.js";import{d as v}from"./p-5ac0hPYS.js";import{d as C}from"./p-Dq8EU803.js";import{d as I}from"./p-CZIRwPwA.js";import{d as U}from"./p-ByRyVRgY.js";import{d as S}from"./p-BCwizh6U.js";const w=()=>`.sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}@media (max-width: 48rem){.sc-smoothly-input-demo-user-input-h{grid-template-columns:1fr}}`;const D=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.values=["zero","one","two","three","four","five"];this.colors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"]}increment(e){return e===undefined?0:(e+1)%this.values.length}render(){var e,t;return o(s,{key:"3707001c9bf5406f3770f566924f8983d4444e18"},o("div",{key:"6970bb763108f56a34284bb1f3cb73545f2dba2c"},o("h2",{key:"e5f96a2b6c360e8f9a81dd90d148822758719850"},"User Input Event"),o("p",{key:"e1fb246660c29ddb2791f4dc6f9779ed5f1c18a7"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"5a9145c2d8517baff49e70fd4aeed1f38600ba7f"},"smoothlyUserInput")," event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).",o("br",{key:"15459234d2bf75b83479ff0786a20d2433e2dec3"}),"Check the console to see the details of each ",o("code",{key:"bc857f9996667580c4ba88a74eca429fbc0d9c83"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"66a1190b2266b0650ba087572545780f93d86ac0",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"a8630cec4bbada0c7084172822b3eeef576066ce",looks:"border",name:"demo-user-input-text",value:this.textIndex===undefined?"":this.values[this.textIndex],onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Text input"),o("smoothly-button",{key:"74fe6cc20fa495f2d6c79d13bb016bc76cada1bc",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"5f1ad8448db267de3fc98b820be7aca9b64c2a9e",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"507fcecb4e27938be38144991221dfe3603c0667",slot:"label"},"Select input"),this.values.map(((e,t)=>o("smoothly-item",{value:t,selected:t==this.selectIndex},e)))),o("smoothly-button",{key:"883f987123234566bdfd192ebd71605b078434ab",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"26a326a43a44339392cca252cace5148c55305d9",looks:"border",name:"demo-user-input-checkbox",checked:this.checkboxChecked,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Checkbox input"),o("smoothly-button",{key:"39dfbc581f8468c49969d5186c9a39304c8b805c",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"f26209ed69e401cacbf6ea0094c1e3c8c6640181",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"30b7f2d96d68bbeef6578e5c3fa07d5c56e8131e",slot:"label"},"Radio input"),this.values.map(((e,t)=>o("smoothly-input-radio-item",{value:e,selected:t==this.radioIndex},e)))),o("smoothly-button",{key:"7d1e0c7d7175bae2453a2392e47a84e21faaa4ea",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"0d90079afa3c0beaf9562af7b6db39c0a2795008",looks:"border",name:"demo-user-input-range",step:1,min:0,max:this.values.length,value:this.rangeValue,label:"Range Input",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)}),o("smoothly-button",{key:"2161ee4b978c2c37049cfc3d1bfd6ea5de6e16ea",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"271b3aaeba445473425259990276cf6803eeba55",looks:"border",name:"demo-user-input-color",value:typeof this.colorIndex=="number"?this.colors[this.colorIndex]:undefined,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Color input"),o("smoothly-button",{key:"5d21c601bdd2b921e6d6cd6596e871fe0ce0d486",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?i.Date.next(this.dateValue):i.Date.now()},"Next day"),o("smoothly-input-date",{key:"176fda15f938f2b90134e186c75869db175621a3",looks:"border",name:"demo-user-input-date",value:this.dateValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date input"),o("smoothly-button",{key:"50ee6d7e90187eca79dea958e43fe4d38bb4e544",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?i.DateTime.nextDay(this.datetimeValue):i.DateTime.now()},"Next date time"),o("smoothly-input-date-time",{key:"b688a44b6ae626c27a5e3e26d4c9be570d0f59f1",looks:"border",name:"demo-user-input-datetime",value:this.datetimeValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date time input"),o("smoothly-button",{key:"9172cca5a258985cda5f244d38d56b692ea75e00",color:"tertiary",onClick:()=>this.dateRangeValue=this.dateRangeValue?{start:i.Date.next(this.dateRangeValue.start),end:i.Date.next(this.dateRangeValue.end)}:{start:i.Date.now(),end:i.Date.next(i.Date.now(),10)}},"Next date range"),o("smoothly-input-date-range",{key:"4ee747fb66efa022a9e31fda59f4ca839e4b0c5d",looks:"border",name:"demo-user-input-daterange",start:(e=this.dateRangeValue)===null||e===void 0?void 0:e.start,end:(t=this.dateRangeValue)===null||t===void 0?void 0:t.end,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date range input"))}static get style(){return w()}},[2,"smoothly-input-demo-user-input",{textIndex:[32],selectIndex:[32],checkboxChecked:[32],radioIndex:[32],rangeValue:[32],colorIndex:[32],dateValue:[32],datetimeValue:[32],dateRangeValue:[32]}]);function B(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-user-input","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-user-input":if(!customElements.get(a(e))){customElements.define(a(e),D)}break;case"smoothly-button":if(!customElements.get(a(e))){m()}break;case"smoothly-calendar":if(!customElements.get(a(e))){n()}break;case"smoothly-date-text":if(!customElements.get(a(e))){r()}break;case"smoothly-display":if(!customElements.get(a(e))){l()}break;case"smoothly-display-json":if(!customElements.get(a(e))){c()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){h()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){u()}break;case"smoothly-icon":if(!customElements.get(a(e))){p()}break;case"smoothly-input":if(!customElements.get(a(e))){f()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){y()}break;case"smoothly-input-color":if(!customElements.get(a(e))){b()}break;case"smoothly-input-date":if(!customElements.get(a(e))){k()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){j()}break;case"smoothly-input-date-time":if(!customElements.get(a(e))){g()}break;case"smoothly-input-month":if(!customElements.get(a(e))){x()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){E()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){v()}break;case"smoothly-input-range":if(!customElements.get(a(e))){C()}break;case"smoothly-input-select":if(!customElements.get(a(e))){I()}break;case"smoothly-item":if(!customElements.get(a(e))){U()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){S()}break}}))}B();export{D as S,B as d};
-//# sourceMappingURL=p-BnJAC2Zf.js.map
+import{p as e,H as t,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as m}from"./p-mmAi00ak.js";import{d as n}from"./p-CmV6S6tx.js";import{d as r}from"./p-DnvyyAaF.js";import{d as l}from"./p-CN3iME9d.js";import{d as c}from"./p-DG2pfnCV.js";import{d}from"./p-uFR5K4vd.js";import{d as h}from"./p-DvZK__s-.js";import{d as u}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DDYB8QLF.js";import{d as f}from"./p-BHTAR2x1.js";import{d as y}from"./p-B-jhX7aN.js";import{d as b}from"./p-CDzU4-Ri.js";import{d as k}from"./p-DJ-iHxJr.js";import{d as j}from"./p-5l1ov6SU.js";import{d as x}from"./p-DkiBtdrU.js";import{d as g}from"./p-DIy2lHMf.js";import{d as E}from"./p-Bo1NnbuT.js";import{d as v}from"./p-BQOdxeHU.js";import{d as C}from"./p-Dq8EU803.js";import{d as I}from"./p-CZIRwPwA.js";import{d as U}from"./p-ByRyVRgY.js";import{d as w}from"./p-BCwizh6U.js";const D=()=>`.sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}@media (max-width: 48rem){.sc-smoothly-input-demo-user-input-h{grid-template-columns:1fr}}`;const S=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.values=["zero","one","two","three","four","five"];this.colors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"]}increment(e){return e===undefined?0:(e+1)%this.values.length}render(){var e,t;return o(s,{key:"3707001c9bf5406f3770f566924f8983d4444e18"},o("div",{key:"6970bb763108f56a34284bb1f3cb73545f2dba2c"},o("h2",{key:"e5f96a2b6c360e8f9a81dd90d148822758719850"},"User Input Event"),o("p",{key:"e1fb246660c29ddb2791f4dc6f9779ed5f1c18a7"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"5a9145c2d8517baff49e70fd4aeed1f38600ba7f"},"smoothlyUserInput")," event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).",o("br",{key:"15459234d2bf75b83479ff0786a20d2433e2dec3"}),"Check the console to see the details of each ",o("code",{key:"bc857f9996667580c4ba88a74eca429fbc0d9c83"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"66a1190b2266b0650ba087572545780f93d86ac0",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"a8630cec4bbada0c7084172822b3eeef576066ce",looks:"border",name:"demo-user-input-text",value:this.textIndex===undefined?"":this.values[this.textIndex],onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Text input"),o("smoothly-button",{key:"74fe6cc20fa495f2d6c79d13bb016bc76cada1bc",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"5f1ad8448db267de3fc98b820be7aca9b64c2a9e",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"507fcecb4e27938be38144991221dfe3603c0667",slot:"label"},"Select input"),this.values.map(((e,t)=>o("smoothly-item",{value:t,selected:t==this.selectIndex},e)))),o("smoothly-button",{key:"883f987123234566bdfd192ebd71605b078434ab",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"26a326a43a44339392cca252cace5148c55305d9",looks:"border",name:"demo-user-input-checkbox",checked:this.checkboxChecked,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Checkbox input"),o("smoothly-button",{key:"39dfbc581f8468c49969d5186c9a39304c8b805c",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"f26209ed69e401cacbf6ea0094c1e3c8c6640181",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"30b7f2d96d68bbeef6578e5c3fa07d5c56e8131e",slot:"label"},"Radio input"),this.values.map(((e,t)=>o("smoothly-input-radio-item",{value:e,selected:t==this.radioIndex},e)))),o("smoothly-button",{key:"7d1e0c7d7175bae2453a2392e47a84e21faaa4ea",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"0d90079afa3c0beaf9562af7b6db39c0a2795008",looks:"border",name:"demo-user-input-range",step:1,min:0,max:this.values.length,value:this.rangeValue,label:"Range Input",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)}),o("smoothly-button",{key:"2161ee4b978c2c37049cfc3d1bfd6ea5de6e16ea",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"271b3aaeba445473425259990276cf6803eeba55",looks:"border",name:"demo-user-input-color",value:typeof this.colorIndex=="number"?this.colors[this.colorIndex]:undefined,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Color input"),o("smoothly-button",{key:"5d21c601bdd2b921e6d6cd6596e871fe0ce0d486",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?i.Date.next(this.dateValue):i.Date.now()},"Next day"),o("smoothly-input-date",{key:"176fda15f938f2b90134e186c75869db175621a3",looks:"border",name:"demo-user-input-date",value:this.dateValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date input"),o("smoothly-button",{key:"50ee6d7e90187eca79dea958e43fe4d38bb4e544",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?i.DateTime.nextDay(this.datetimeValue):i.DateTime.now()},"Next date time"),o("smoothly-input-date-time",{key:"b688a44b6ae626c27a5e3e26d4c9be570d0f59f1",looks:"border",name:"demo-user-input-datetime",value:this.datetimeValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date time input"),o("smoothly-button",{key:"9172cca5a258985cda5f244d38d56b692ea75e00",color:"tertiary",onClick:()=>this.dateRangeValue=this.dateRangeValue?{start:i.Date.next(this.dateRangeValue.start),end:i.Date.next(this.dateRangeValue.end)}:{start:i.Date.now(),end:i.Date.next(i.Date.now(),10)}},"Next date range"),o("smoothly-input-date-range",{key:"4ee747fb66efa022a9e31fda59f4ca839e4b0c5d",looks:"border",name:"demo-user-input-daterange",start:(e=this.dateRangeValue)===null||e===void 0?void 0:e.start,end:(t=this.dateRangeValue)===null||t===void 0?void 0:t.end,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date range input"))}static get style(){return D()}},[2,"smoothly-input-demo-user-input",{textIndex:[32],selectIndex:[32],checkboxChecked:[32],radioIndex:[32],rangeValue:[32],colorIndex:[32],dateValue:[32],datetimeValue:[32],dateRangeValue:[32]}]);function B(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-user-input","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-user-input":if(!customElements.get(a(e))){customElements.define(a(e),S)}break;case"smoothly-button":if(!customElements.get(a(e))){m()}break;case"smoothly-calendar":if(!customElements.get(a(e))){n()}break;case"smoothly-date-text":if(!customElements.get(a(e))){r()}break;case"smoothly-display":if(!customElements.get(a(e))){l()}break;case"smoothly-display-json":if(!customElements.get(a(e))){c()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){h()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){u()}break;case"smoothly-icon":if(!customElements.get(a(e))){p()}break;case"smoothly-input":if(!customElements.get(a(e))){f()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){y()}break;case"smoothly-input-color":if(!customElements.get(a(e))){b()}break;case"smoothly-input-date":if(!customElements.get(a(e))){k()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){j()}break;case"smoothly-input-date-time":if(!customElements.get(a(e))){x()}break;case"smoothly-input-month":if(!customElements.get(a(e))){g()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){E()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){v()}break;case"smoothly-input-range":if(!customElements.get(a(e))){C()}break;case"smoothly-input-select":if(!customElements.get(a(e))){I()}break;case"smoothly-item":if(!customElements.get(a(e))){U()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){w()}break}}))}B();export{S,B as d};
+//# sourceMappingURL=p-Dh6ItMz4.js.map

package/dist/components/{p-B37ZIkLI.js → p-DrVm8NNB.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as t,d as c,t as a}from"./p-BsZrGTcp.js";import{d as l}from"./p-zLhQ1mMe.js";import{d as s}from"./p-mmAi00ak.js";import{d}from"./p-MHAaISnU.js";import{d as f}from"./p-C8r10chB.js";import{d as b}from"./p-DPlYDxyJ.js";import{d as i}from"./p-DDYB8QLF.js";import{d as n}from"./p-BHTAR2x1.js";import{d as m}from"./p-B-jhX7aN.js";import{d as r}from"./p-Dk4OvZyQ.js";import{d as y}from"./p-Bo1NnbuT.js";import{d as h}from"./p-5ac0hPYS.js";import{d as k}from"./p-CZIRwPwA.js";import{d as u}from"./p-ByRyVRgY.js";import{d as p}from"./p-CmUug44L.js";import{d as g}from"./p-BCwizh6U.js";import{d as w}from"./p-Dw1KwhCp.js";const z=()=>`smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}`;const C=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(c,{key:"41fbe591e1a0c9ab6d1d73335a9b9f4a5a3c4d93"},t("section",{key:"59b6da9df3532752d3e5dcf9763c527d165bcf1f"},t("smoothly-button-demo-standard",{key:"27bf9cd1746a1718bf887dcef5d79230b01318ff"})),t("section",{key:"e7e87e4c84c0e8df43d56f217196e27a9bb5670e"},t("h4",{key:"8bf5cff46e4146474a9b91bfe8b83db89dd13c3a"},"Confirm button (two clicks)"),t("div",{key:"3c341489427dbf76dc4e9a200c23f58174696591"},t("smoothly-button-confirm",{key:"75793866c6111afbd5aeadf1bc6251f1efa9d592",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),t("smoothly-button-confirm",{key:"14bdceddb01044ae6979af4a0c8efe0970e81e3d",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},t("smoothly-icon",{key:"33058b7d3638a0ca28aee23a5fb238d60356b16d",name:"checkmark-outline",size:"tiny"})),t("smoothly-button-confirm",{key:"d7d306d14262d7b43c5c37af91ffb79f0be82b14",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},t("smoothly-icon",{key:"7ea300edde779ca34db97bb2fe60f0051b1e366d",name:"trash-outline",size:"tiny",fill:"outline"}))),t("smoothly-toggle-switch-demo",{key:"c6e8b4c78605733c73bab3c1aa8ae5e770cc14e4"}),t("h4",{key:"8e92524469b1b4e0a59d14907e8df2f4e7680887"},"Links with icons"),t("smoothly-button",{key:"4ca461c47396b88dd9c276248d2fb425255e26f8",type:"link"},t("smoothly-icon",{key:"07c089e06c38afc5d0abe83491c38716486225c6",name:"checkmark-circle",slot:"start"}),"type link"),t("smoothly-button",{key:"b1c765d706ee22acb4368b8a67b1faddb591581a",type:"button",color:"warning",fill:"default"},t("smoothly-icon",{key:"d3188cb32fd389fb88a3a1e760fe33867265c5fc",name:"call",slot:"start"}),t("a",{key:"9bdf562304a25ce3024ca58cb53fff7c4b04acb6",href:"https://google.com"},"link")),t("smoothly-button",{key:"5da225cc3dfd1638a54fc9ce533cd038cccc808e",link:"https://google.com",type:"link"},t("smoothly-icon",{key:"a2417e1fbdff1b064e1cc3f61c4fc1615291e44d",name:"arrow-forward",slot:"end"}),"link + type link"),t("h4",{key:"54a1da928e2c9c48638a12dd3768c001ba38a77f"},"Size and Color test"),t("smoothly-button",{key:"bce9b7538f39f17b0377f723310eadbad511ed80",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),t("smoothly-button",{key:"210799c91bfe94fb54b3434fd99e67075cc91b43",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),t("smoothly-button",{key:"374856692cefcb96deb1a38758eb4fec6f7808ab",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),t("smoothly-button",{key:"e807e6793fb358e6ced92caecb1d0feab2f011c7",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),t("smoothly-button",{key:"9bcde023dd0e12a84835bdd3d0c93d7602485246",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),t("smoothly-button",{key:"f98fb61b19dfbc7bbf29a740e7a5ae1997861c80",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),t("smoothly-button",{key:"6a46ea925f111b8c1d8b4510577d57f10e49ed1e",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),t("smoothly-button",{key:"3ced819c355f03ef775ace7ccfbb0206bbc07b6a",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),t("smoothly-button",{key:"3257cef08250f67f8ec2666130e3ea0645a8e2c7",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),t("h4",{key:"0a0800062a9f545328408b50f91d9f080cdee158"},"Expand examples"),t("smoothly-button",{key:"02fabfb6c3583fb8853d82c4b97245428253774a",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),t("smoothly-button",{key:"51ddb0b657a2648909072cac84055478db97f95d",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),t("h4",{key:"52624dee081a11c096585822d810cf4288059379"},"Fill examples"),t("div",{key:"2c1eeadd860b6115dd7fdd0b2f4f8538a564269a"},t("smoothly-button",{key:"9e5454cac152c3eaea53cb55f607ca32ab09ff62",shape:"rounded",color:"primary",fill:"solid"},t("smoothly-icon",{key:"188d4c19f60645acb41e0f47f4a96da2e544b8c0",name:"checkmark-circle",slot:"start"}),"Fill Solid"),t("smoothly-button",{key:"8587e3a0015b27248dd5b0cfa801e8abd962c5ab",shape:"rounded",color:"secondary",fill:"outline"},t("smoothly-icon",{key:"557848720b2df5e0425ba66f892b5bf29fa5ea2f",name:"checkmark-circle",slot:"start"}),"Fill Outline"),t("smoothly-button",{key:"bb9406a007325c258a6a7b1039fcb1665c0abd3a",shape:"rounded",color:"tertiary",fill:"clear"},t("smoothly-icon",{key:"ed23a5661e678f293cbfa5745d684e6b10dc8c1a",name:"checkmark-circle",slot:"start"}),"Fill Clear"),t("smoothly-button",{key:"910b4a12a963dc64747c0d37eac3ce437215982f",size:"icon",shape:"rounded",color:"success",fill:"solid"},t("smoothly-icon",{key:"f32e72f63b447d69655d51eb23fb23671132c34f",name:"basketball"}))),t("h4",{key:"13a6bf24881c6eb2c7753b6cc5a23dfe8c16f5bc"},'Buttons with Icon in "start"'),t("div",{key:"cc0e96b1435883957159795474f8cf7aead9586d"},t("smoothly-button",{key:"963d08b7ffe3533daa1a933ce66263616258f92b",shape:"rounded",fill:"solid",color:"warning"},t("smoothly-icon",{key:"6fd017cf57e5ebdf63078003e02d92c68c8f4af5",name:"checkmark-circle",slot:"start"}),"Check"),t("smoothly-button",{key:"0bfde99dba0e56974c4132d2ef6c727c9a2a809f",shape:"rounded",fill:"solid",color:"secondary"},t("smoothly-icon",{key:"5780d006fe5a007b68f17c537934ebae8fb23480",name:"basketball",slot:"start"}),"Check"),t("smoothly-button",{key:"00e418dec2de5f78e40f56a38bff2e66f0ea8744",shape:"rounded",fill:"solid",color:"success"},t("smoothly-icon",{key:"eed0a2bb3c839dd3d914dc0a07e1e3c51e3c5bf3",name:"call",slot:"start"}),"Check"),t("smoothly-button",{key:"7ccffbe4c12666ce4f167f0fdc9b6bc7078faeb0",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"56531f0dd24f7c5bb0ae63fcf7b82935b60d24f2",name:"call"})),t("smoothly-button",{key:"8466fd4b388ad0e5411ba5f31975aaf6a1b0680b",size:"flexible",fill:"solid",color:"success"},t("smoothly-icon",{key:"1472f81c21140b5a8ee4408a947657cd673bd1dc",name:"airplane"}))),t("h4",{key:"0e2ac17f379dd54737037e4d3b32ad256ebf8494"},'Buttons with Icon in "end"'),t("smoothly-button",{key:"a4350f353ce14cb9adb6b362b0b11e527c0cd9fe",fill:"solid",color:"light"},"Go Forward",t("smoothly-icon",{key:"c8e56f3ab255349c872b991ec76de6c6ab878066",name:"arrow-forward",slot:"end"})),t("h4",{key:"4a318ff840e33a41e1afbdc2e328430ac4bbc830"},"Test for icon button"),t("div",{key:"9305973351f925768f74b64f7b790c92b1588839"},t("smoothly-button",{key:"da959f375b10df462b6bf8df9d5104dce89fb9d0",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"141d5fa125a2a34220c4cf0320ec45ca3fe31139",name:"call"})),t("smoothly-button",{key:"0987067c106765e51df6f9586aa1d45d942ef125",size:"icon",shape:"rounded",color:"warning",fill:"solid"},t("smoothly-icon",{key:"5fa23e7a1d9b315af5354b55fc4eefd9835e0a44",name:"search-outline"})),t("smoothly-button",{key:"60e76fbb66064799f114cc841c813f9ee1d7d065",size:"icon",shape:"rounded",color:"secondary"},t("smoothly-icon",{key:"1ae4510d90d1b47baadee8f6ed7dd492066bd3e9",name:"checkmark-circle"}))),t("h4",{key:"fadbc9d0a253d68f24b030d2d52d73d5947d335a"},"Link examples"),t("div",{key:"8b4ced5d7bbb2e479073f04cfb98e7f98b41f01c"},t("smoothly-button",{key:"128369132e142d37361b6d640fde4d2743e145a7",type:"link"},"type link"),t("smoothly-button",{key:"b9f05aa9925ca88c1aa65f4e0b3040bed9d01e83",type:"button",fill:"clear"},t("a",{key:"9b565879faf7af07377103494a04b9c3c3a53c8a",href:"https://google.com"},"link")),t("smoothly-button",{key:"69355e4bbbf46fd49597bc3db62d31548d112f87",link:"https://google.com",type:"link"},"link + type link")),t("h4",{key:"dbc23f33d5d74c0147f658672f7a4fcfb166df9d"},"Disabled buttons"),t("div",{key:"0b6d087a8e7ca3a3c1b94159f126962b6c622b20"},t("smoothly-button",{key:"636c5d7b4ddfee2ca6b912b8c8f65e06b5a64136",disabled:true,fill:"solid",color:"secondary"},"Disabled"),t("smoothly-button",{key:"da4a2457eef26c077d603bd3482764ce357918ad",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),t("smoothly-back-to-top",{key:"2906fd515608fe4a3c880755bbb9dfee63d94889"}))}static get style(){return z()}},[0,"smoothly-button-demo"]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-button-demo","smoothly-back-to-top","smoothly-button","smoothly-button-confirm","smoothly-button-demo-standard","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch","smoothly-toggle-switch-demo"];e.forEach((e=>{switch(e){case"smoothly-button-demo":if(!customElements.get(a(e))){customElements.define(a(e),C)}break;case"smoothly-back-to-top":if(!customElements.get(a(e))){l()}break;case"smoothly-button":if(!customElements.get(a(e))){s()}break;case"smoothly-button-confirm":if(!customElements.get(a(e))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(a(e))){f()}break;case"smoothly-form":if(!customElements.get(a(e))){b()}break;case"smoothly-icon":if(!customElements.get(a(e))){i()}break;case"smoothly-input":if(!customElements.get(a(e))){n()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){m()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){y()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){h()}break;case"smoothly-input-select":if(!customElements.get(a(e))){k()}break;case"smoothly-item":if(!customElements.get(a(e))){u()}break;case"smoothly-spinner":if(!customElements.get(a(e))){p()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){g()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(a(e))){w()}break}}))}E();export{C as S,E as d};
-//# sourceMappingURL=p-B37ZIkLI.js.map
+import{p as e,H as o,h as t,d as c,t as a}from"./p-BsZrGTcp.js";import{d as l}from"./p-zLhQ1mMe.js";import{d as s}from"./p-mmAi00ak.js";import{d}from"./p-MHAaISnU.js";import{d as f}from"./p-DukbAK5F.js";import{d as b}from"./p-DPlYDxyJ.js";import{d as i}from"./p-DDYB8QLF.js";import{d as n}from"./p-BHTAR2x1.js";import{d as m}from"./p-B-jhX7aN.js";import{d as r}from"./p-Dk4OvZyQ.js";import{d as y}from"./p-Bo1NnbuT.js";import{d as h}from"./p-BQOdxeHU.js";import{d as k}from"./p-CZIRwPwA.js";import{d as u}from"./p-ByRyVRgY.js";import{d as p}from"./p-CmUug44L.js";import{d as g}from"./p-BCwizh6U.js";import{d as w}from"./p-Dw1KwhCp.js";const z=()=>`smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}`;const C=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(c,{key:"41fbe591e1a0c9ab6d1d73335a9b9f4a5a3c4d93"},t("section",{key:"59b6da9df3532752d3e5dcf9763c527d165bcf1f"},t("smoothly-button-demo-standard",{key:"27bf9cd1746a1718bf887dcef5d79230b01318ff"})),t("section",{key:"e7e87e4c84c0e8df43d56f217196e27a9bb5670e"},t("h4",{key:"8bf5cff46e4146474a9b91bfe8b83db89dd13c3a"},"Confirm button (two clicks)"),t("div",{key:"3c341489427dbf76dc4e9a200c23f58174696591"},t("smoothly-button-confirm",{key:"75793866c6111afbd5aeadf1bc6251f1efa9d592",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),t("smoothly-button-confirm",{key:"14bdceddb01044ae6979af4a0c8efe0970e81e3d",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},t("smoothly-icon",{key:"33058b7d3638a0ca28aee23a5fb238d60356b16d",name:"checkmark-outline",size:"tiny"})),t("smoothly-button-confirm",{key:"d7d306d14262d7b43c5c37af91ffb79f0be82b14",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},t("smoothly-icon",{key:"7ea300edde779ca34db97bb2fe60f0051b1e366d",name:"trash-outline",size:"tiny",fill:"outline"}))),t("smoothly-toggle-switch-demo",{key:"c6e8b4c78605733c73bab3c1aa8ae5e770cc14e4"}),t("h4",{key:"8e92524469b1b4e0a59d14907e8df2f4e7680887"},"Links with icons"),t("smoothly-button",{key:"4ca461c47396b88dd9c276248d2fb425255e26f8",type:"link"},t("smoothly-icon",{key:"07c089e06c38afc5d0abe83491c38716486225c6",name:"checkmark-circle",slot:"start"}),"type link"),t("smoothly-button",{key:"b1c765d706ee22acb4368b8a67b1faddb591581a",type:"button",color:"warning",fill:"default"},t("smoothly-icon",{key:"d3188cb32fd389fb88a3a1e760fe33867265c5fc",name:"call",slot:"start"}),t("a",{key:"9bdf562304a25ce3024ca58cb53fff7c4b04acb6",href:"https://google.com"},"link")),t("smoothly-button",{key:"5da225cc3dfd1638a54fc9ce533cd038cccc808e",link:"https://google.com",type:"link"},t("smoothly-icon",{key:"a2417e1fbdff1b064e1cc3f61c4fc1615291e44d",name:"arrow-forward",slot:"end"}),"link + type link"),t("h4",{key:"54a1da928e2c9c48638a12dd3768c001ba38a77f"},"Size and Color test"),t("smoothly-button",{key:"bce9b7538f39f17b0377f723310eadbad511ed80",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),t("smoothly-button",{key:"210799c91bfe94fb54b3434fd99e67075cc91b43",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),t("smoothly-button",{key:"374856692cefcb96deb1a38758eb4fec6f7808ab",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),t("smoothly-button",{key:"e807e6793fb358e6ced92caecb1d0feab2f011c7",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),t("smoothly-button",{key:"9bcde023dd0e12a84835bdd3d0c93d7602485246",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),t("smoothly-button",{key:"f98fb61b19dfbc7bbf29a740e7a5ae1997861c80",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),t("smoothly-button",{key:"6a46ea925f111b8c1d8b4510577d57f10e49ed1e",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),t("smoothly-button",{key:"3ced819c355f03ef775ace7ccfbb0206bbc07b6a",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),t("smoothly-button",{key:"3257cef08250f67f8ec2666130e3ea0645a8e2c7",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),t("h4",{key:"0a0800062a9f545328408b50f91d9f080cdee158"},"Expand examples"),t("smoothly-button",{key:"02fabfb6c3583fb8853d82c4b97245428253774a",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),t("smoothly-button",{key:"51ddb0b657a2648909072cac84055478db97f95d",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),t("h4",{key:"52624dee081a11c096585822d810cf4288059379"},"Fill examples"),t("div",{key:"2c1eeadd860b6115dd7fdd0b2f4f8538a564269a"},t("smoothly-button",{key:"9e5454cac152c3eaea53cb55f607ca32ab09ff62",shape:"rounded",color:"primary",fill:"solid"},t("smoothly-icon",{key:"188d4c19f60645acb41e0f47f4a96da2e544b8c0",name:"checkmark-circle",slot:"start"}),"Fill Solid"),t("smoothly-button",{key:"8587e3a0015b27248dd5b0cfa801e8abd962c5ab",shape:"rounded",color:"secondary",fill:"outline"},t("smoothly-icon",{key:"557848720b2df5e0425ba66f892b5bf29fa5ea2f",name:"checkmark-circle",slot:"start"}),"Fill Outline"),t("smoothly-button",{key:"bb9406a007325c258a6a7b1039fcb1665c0abd3a",shape:"rounded",color:"tertiary",fill:"clear"},t("smoothly-icon",{key:"ed23a5661e678f293cbfa5745d684e6b10dc8c1a",name:"checkmark-circle",slot:"start"}),"Fill Clear"),t("smoothly-button",{key:"910b4a12a963dc64747c0d37eac3ce437215982f",size:"icon",shape:"rounded",color:"success",fill:"solid"},t("smoothly-icon",{key:"f32e72f63b447d69655d51eb23fb23671132c34f",name:"basketball"}))),t("h4",{key:"13a6bf24881c6eb2c7753b6cc5a23dfe8c16f5bc"},'Buttons with Icon in "start"'),t("div",{key:"cc0e96b1435883957159795474f8cf7aead9586d"},t("smoothly-button",{key:"963d08b7ffe3533daa1a933ce66263616258f92b",shape:"rounded",fill:"solid",color:"warning"},t("smoothly-icon",{key:"6fd017cf57e5ebdf63078003e02d92c68c8f4af5",name:"checkmark-circle",slot:"start"}),"Check"),t("smoothly-button",{key:"0bfde99dba0e56974c4132d2ef6c727c9a2a809f",shape:"rounded",fill:"solid",color:"secondary"},t("smoothly-icon",{key:"5780d006fe5a007b68f17c537934ebae8fb23480",name:"basketball",slot:"start"}),"Check"),t("smoothly-button",{key:"00e418dec2de5f78e40f56a38bff2e66f0ea8744",shape:"rounded",fill:"solid",color:"success"},t("smoothly-icon",{key:"eed0a2bb3c839dd3d914dc0a07e1e3c51e3c5bf3",name:"call",slot:"start"}),"Check"),t("smoothly-button",{key:"7ccffbe4c12666ce4f167f0fdc9b6bc7078faeb0",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"56531f0dd24f7c5bb0ae63fcf7b82935b60d24f2",name:"call"})),t("smoothly-button",{key:"8466fd4b388ad0e5411ba5f31975aaf6a1b0680b",size:"flexible",fill:"solid",color:"success"},t("smoothly-icon",{key:"1472f81c21140b5a8ee4408a947657cd673bd1dc",name:"airplane"}))),t("h4",{key:"0e2ac17f379dd54737037e4d3b32ad256ebf8494"},'Buttons with Icon in "end"'),t("smoothly-button",{key:"a4350f353ce14cb9adb6b362b0b11e527c0cd9fe",fill:"solid",color:"light"},"Go Forward",t("smoothly-icon",{key:"c8e56f3ab255349c872b991ec76de6c6ab878066",name:"arrow-forward",slot:"end"})),t("h4",{key:"4a318ff840e33a41e1afbdc2e328430ac4bbc830"},"Test for icon button"),t("div",{key:"9305973351f925768f74b64f7b790c92b1588839"},t("smoothly-button",{key:"da959f375b10df462b6bf8df9d5104dce89fb9d0",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"141d5fa125a2a34220c4cf0320ec45ca3fe31139",name:"call"})),t("smoothly-button",{key:"0987067c106765e51df6f9586aa1d45d942ef125",size:"icon",shape:"rounded",color:"warning",fill:"solid"},t("smoothly-icon",{key:"5fa23e7a1d9b315af5354b55fc4eefd9835e0a44",name:"search-outline"})),t("smoothly-button",{key:"60e76fbb66064799f114cc841c813f9ee1d7d065",size:"icon",shape:"rounded",color:"secondary"},t("smoothly-icon",{key:"1ae4510d90d1b47baadee8f6ed7dd492066bd3e9",name:"checkmark-circle"}))),t("h4",{key:"fadbc9d0a253d68f24b030d2d52d73d5947d335a"},"Link examples"),t("div",{key:"8b4ced5d7bbb2e479073f04cfb98e7f98b41f01c"},t("smoothly-button",{key:"128369132e142d37361b6d640fde4d2743e145a7",type:"link"},"type link"),t("smoothly-button",{key:"b9f05aa9925ca88c1aa65f4e0b3040bed9d01e83",type:"button",fill:"clear"},t("a",{key:"9b565879faf7af07377103494a04b9c3c3a53c8a",href:"https://google.com"},"link")),t("smoothly-button",{key:"69355e4bbbf46fd49597bc3db62d31548d112f87",link:"https://google.com",type:"link"},"link + type link")),t("h4",{key:"dbc23f33d5d74c0147f658672f7a4fcfb166df9d"},"Disabled buttons"),t("div",{key:"0b6d087a8e7ca3a3c1b94159f126962b6c622b20"},t("smoothly-button",{key:"636c5d7b4ddfee2ca6b912b8c8f65e06b5a64136",disabled:true,fill:"solid",color:"secondary"},"Disabled"),t("smoothly-button",{key:"da4a2457eef26c077d603bd3482764ce357918ad",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),t("smoothly-back-to-top",{key:"2906fd515608fe4a3c880755bbb9dfee63d94889"}))}static get style(){return z()}},[0,"smoothly-button-demo"]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-button-demo","smoothly-back-to-top","smoothly-button","smoothly-button-confirm","smoothly-button-demo-standard","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch","smoothly-toggle-switch-demo"];e.forEach((e=>{switch(e){case"smoothly-button-demo":if(!customElements.get(a(e))){customElements.define(a(e),C)}break;case"smoothly-back-to-top":if(!customElements.get(a(e))){l()}break;case"smoothly-button":if(!customElements.get(a(e))){s()}break;case"smoothly-button-confirm":if(!customElements.get(a(e))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(a(e))){f()}break;case"smoothly-form":if(!customElements.get(a(e))){b()}break;case"smoothly-icon":if(!customElements.get(a(e))){i()}break;case"smoothly-input":if(!customElements.get(a(e))){n()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){m()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){y()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){h()}break;case"smoothly-input-select":if(!customElements.get(a(e))){k()}break;case"smoothly-item":if(!customElements.get(a(e))){u()}break;case"smoothly-spinner":if(!customElements.get(a(e))){p()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){g()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(a(e))){w()}break}}))}E();export{C as S,E as d};
+//# sourceMappingURL=p-DrVm8NNB.js.map

package/dist/components/{p-C8r10chB.js → p-DukbAK5F.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{C as l,F as d,I as m}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{d as n}from"./p-mmAi00ak.js";import{d as c}from"./p-DPlYDxyJ.js";import{d as i}from"./p-DDYB8QLF.js";import{d as b}from"./p-BHTAR2x1.js";import{d as r}from"./p-B-jhX7aN.js";import{d as u}from"./p-Dk4OvZyQ.js";import{d as h}from"./p-Bo1NnbuT.js";import{d as y}from"./p-5ac0hPYS.js";import{d as p}from"./p-CZIRwPwA.js";import{d as f}from"./p-ByRyVRgY.js";import{d as k}from"./p-CmUug44L.js";const x=()=>`.sc-smoothly-button-demo-standard-h smoothly-input-select.sc-smoothly-button-demo-standard smoothly-item.sc-smoothly-button-demo-standard{display:flex}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard{display:flex;flex-wrap:wrap;gap:0.5rem}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard>smoothly-button.sc-smoothly-button-demo-standard{margin-block:0}.sc-smoothly-button-demo-standard-h .height-text.sc-smoothly-button-demo-standard{border-left:3px dotted rgb(var(--smoothly-default-contrast));padding-inline:1rem;align-content:center}`;const g=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.props={};this.heightText=""}updateInputHeightText(){setTimeout((()=>{const t=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));if(this.lastButton){const e=this.lastButton.clientHeight;this.heightText=`${e/t}rem (${e}px)`}}),100)}render(){return o(s,{key:"d6e6ca6091ae99e7203ec3d88a00d4b486f5f3bd"},o("h2",{key:"b62fd377ec00749b0f0f7b8cff1e2e2fdceb318d"},"Button Standard"),o("smoothly-form",{key:"c9c1113d5c7073b66d0cfbd90bfa552ca3104d37",onSmoothlyFormInput:t=>this.props=t.detail,looks:"grid"},o("smoothly-input-checkbox",{key:"0666c152084c24ec1596ab16d09b04da4f885752",name:"text.useColor",checked:true},"Use Color as Text"),o("smoothly-input-select",{key:"77fa423c1bed60c446bad2fee6ef4927610ac8af",name:"size"},o("span",{key:"d5cd74d1252542454a5fb6441d2099da14a53023",slot:"label"},"Size"),["small","large","icon","flexible"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input",{key:"b6df255a745261b34ef164f04c5458c77a9c286b",name:"text.value",value:"Button"},"Text",o("smoothly-input-clear",{key:"0ee5dff1bd206c5db7d1928773cef6890fb2ed80",slot:"end"})),o("smoothly-input-radio",{key:"f6f3027ea26fc6c6d077b79bbb228b6cd0809e54",name:"expand",clearable:true},o("span",{key:"33436d08686b4714e0cfdb0cea7ba6b082b666ed",slot:"label"},"Expand"),o("smoothly-input-radio-item",{key:"be55407c3191954aca07baf6aa027ac6bbe9d106",value:"block"},"block"),o("smoothly-input-radio-item",{key:"1e94daa9639011bf686019ba4883524f0073fae6",value:"full"},"full"),o("smoothly-input-clear",{key:"3b51e51710dbac5a260d3396546285234f55ad9e",slot:"end"})),o("smoothly-input-select",{key:"73b66b593f926e9035e4502bb8978deac7675d76",name:"fill"},o("span",{key:"5b143acb8c018f8c37d50788d77c8935fb5e014f",slot:"label"},"Fill"),d.values.map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"ef134a75c0dc58a8ef42ab5f382132eb8163452a",name:"disabled"},"Disabled"),o("smoothly-input-select",{key:"ad79838c8c83d40eeb08b1c5b83d6e82a9b6c87c",name:"type"},o("span",{key:"1581c9346c7c2443324996f8e2b79d03f31241da",slot:"label"},"Type"),["button","submit","reset","link"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"05a368b01328adf76df30553a714934b582c16f6",name:"rounded"},"Rounded"),o("smoothly-input-select",{key:"a8298ce4893589cdef6de8b311d393e1d4d7bd1d",name:"icon",menuHeight:"8items"},o("span",{key:"f0a06face2985f21d7159adb1ce523483268644a",slot:"label"},"Icon"),m.Name.values.map((t=>o("smoothly-item",{value:t,key:t},o("smoothly-icon",{name:t,size:"small",tooltip:t})))),o("smoothly-input-clear",{key:"5791bab3057dac0dfcbd69b3c593b331878b4ed0",slot:"end"})),o("smoothly-input",{key:"8c650a560e278a4aac4040ee101e4e1346ca3a54",name:"tooltip",value:"Tooltip"},"Tooltip",o("smoothly-input-clear",{key:"e67bfad19b0bc374f025055140a689bb45ec4dbb",slot:"end"}))),o("div",{key:"0c312b6d27ddb2a1a80c04661345c703b2622414",class:"buttons"},l.values.map(((t,e,s)=>{var a,l;return o("smoothly-button",{onClick:e=>console.log(`Clicked button with color: ${t}`,e),tooltip:this.props.tooltip,ref:t=>s.length-1==e&&(this.lastButton=t),color:t,expand:this.props.expand,fill:this.props.fill,disabled:this.props.disabled,shape:this.props.rounded?"rounded":undefined,size:this.props.size,type:this.props.type,key:t},this.props.icon?o("smoothly-icon",{name:this.props.icon}):undefined,((a=this.props.text)===null||a===void 0?void 0:a.useColor)?t:(l=this.props.text)===null||l===void 0?void 0:l.value)})),o("div",{key:"638acf6f59bd885acb4262f43e377afc22e35b79",class:"height-text"},this.heightText)))}static get watchers(){return{props:[{updateInputHeightText:0}]}}static get style(){return x()}},[2,"smoothly-button-demo-standard",{props:[32],heightText:[32],lastButton:[32]},undefined,{props:[{updateInputHeightText:0}]}]);function v(){if(typeof customElements==="undefined"){return}const t=["smoothly-button-demo-standard","smoothly-button","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-select","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-button-demo-standard":if(!customElements.get(a(t))){customElements.define(a(t),g)}break;case"smoothly-button":if(!customElements.get(a(t))){n()}break;case"smoothly-form":if(!customElements.get(a(t))){c()}break;case"smoothly-icon":if(!customElements.get(a(t))){i()}break;case"smoothly-input":if(!customElements.get(a(t))){b()}break;case"smoothly-input-checkbox":if(!customElements.get(a(t))){r()}break;case"smoothly-input-clear":if(!customElements.get(a(t))){u()}break;case"smoothly-input-radio":if(!customElements.get(a(t))){h()}break;case"smoothly-input-radio-item":if(!customElements.get(a(t))){y()}break;case"smoothly-input-select":if(!customElements.get(a(t))){p()}break;case"smoothly-item":if(!customElements.get(a(t))){f()}break;case"smoothly-spinner":if(!customElements.get(a(t))){k()}break}}))}v();export{g as S,v as d};
-//# sourceMappingURL=p-C8r10chB.js.map
+import{p as t,H as e,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{C as l,F as d,I as m}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{d as n}from"./p-mmAi00ak.js";import{d as c}from"./p-DPlYDxyJ.js";import{d as i}from"./p-DDYB8QLF.js";import{d as b}from"./p-BHTAR2x1.js";import{d as r}from"./p-B-jhX7aN.js";import{d as u}from"./p-Dk4OvZyQ.js";import{d as h}from"./p-Bo1NnbuT.js";import{d as y}from"./p-BQOdxeHU.js";import{d as p}from"./p-CZIRwPwA.js";import{d as f}from"./p-ByRyVRgY.js";import{d as k}from"./p-CmUug44L.js";const x=()=>`.sc-smoothly-button-demo-standard-h smoothly-input-select.sc-smoothly-button-demo-standard smoothly-item.sc-smoothly-button-demo-standard{display:flex}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard{display:flex;flex-wrap:wrap;gap:0.5rem}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard>smoothly-button.sc-smoothly-button-demo-standard{margin-block:0}.sc-smoothly-button-demo-standard-h .height-text.sc-smoothly-button-demo-standard{border-left:3px dotted rgb(var(--smoothly-default-contrast));padding-inline:1rem;align-content:center}`;const g=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.props={};this.heightText=""}updateInputHeightText(){setTimeout((()=>{const t=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));if(this.lastButton){const e=this.lastButton.clientHeight;this.heightText=`${e/t}rem (${e}px)`}}),100)}render(){return o(s,{key:"d6e6ca6091ae99e7203ec3d88a00d4b486f5f3bd"},o("h2",{key:"b62fd377ec00749b0f0f7b8cff1e2e2fdceb318d"},"Button Standard"),o("smoothly-form",{key:"c9c1113d5c7073b66d0cfbd90bfa552ca3104d37",onSmoothlyFormInput:t=>this.props=t.detail,looks:"grid"},o("smoothly-input-checkbox",{key:"0666c152084c24ec1596ab16d09b04da4f885752",name:"text.useColor",checked:true},"Use Color as Text"),o("smoothly-input-select",{key:"77fa423c1bed60c446bad2fee6ef4927610ac8af",name:"size"},o("span",{key:"d5cd74d1252542454a5fb6441d2099da14a53023",slot:"label"},"Size"),["small","large","icon","flexible"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input",{key:"b6df255a745261b34ef164f04c5458c77a9c286b",name:"text.value",value:"Button"},"Text",o("smoothly-input-clear",{key:"0ee5dff1bd206c5db7d1928773cef6890fb2ed80",slot:"end"})),o("smoothly-input-radio",{key:"f6f3027ea26fc6c6d077b79bbb228b6cd0809e54",name:"expand",clearable:true},o("span",{key:"33436d08686b4714e0cfdb0cea7ba6b082b666ed",slot:"label"},"Expand"),o("smoothly-input-radio-item",{key:"be55407c3191954aca07baf6aa027ac6bbe9d106",value:"block"},"block"),o("smoothly-input-radio-item",{key:"1e94daa9639011bf686019ba4883524f0073fae6",value:"full"},"full"),o("smoothly-input-clear",{key:"3b51e51710dbac5a260d3396546285234f55ad9e",slot:"end"})),o("smoothly-input-select",{key:"73b66b593f926e9035e4502bb8978deac7675d76",name:"fill"},o("span",{key:"5b143acb8c018f8c37d50788d77c8935fb5e014f",slot:"label"},"Fill"),d.values.map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"ef134a75c0dc58a8ef42ab5f382132eb8163452a",name:"disabled"},"Disabled"),o("smoothly-input-select",{key:"ad79838c8c83d40eeb08b1c5b83d6e82a9b6c87c",name:"type"},o("span",{key:"1581c9346c7c2443324996f8e2b79d03f31241da",slot:"label"},"Type"),["button","submit","reset","link"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"05a368b01328adf76df30553a714934b582c16f6",name:"rounded"},"Rounded"),o("smoothly-input-select",{key:"a8298ce4893589cdef6de8b311d393e1d4d7bd1d",name:"icon",menuHeight:"8items"},o("span",{key:"f0a06face2985f21d7159adb1ce523483268644a",slot:"label"},"Icon"),m.Name.values.map((t=>o("smoothly-item",{value:t,key:t},o("smoothly-icon",{name:t,size:"small",tooltip:t})))),o("smoothly-input-clear",{key:"5791bab3057dac0dfcbd69b3c593b331878b4ed0",slot:"end"})),o("smoothly-input",{key:"8c650a560e278a4aac4040ee101e4e1346ca3a54",name:"tooltip",value:"Tooltip"},"Tooltip",o("smoothly-input-clear",{key:"e67bfad19b0bc374f025055140a689bb45ec4dbb",slot:"end"}))),o("div",{key:"0c312b6d27ddb2a1a80c04661345c703b2622414",class:"buttons"},l.values.map(((t,e,s)=>{var a,l;return o("smoothly-button",{onClick:e=>console.log(`Clicked button with color: ${t}`,e),tooltip:this.props.tooltip,ref:t=>s.length-1==e&&(this.lastButton=t),color:t,expand:this.props.expand,fill:this.props.fill,disabled:this.props.disabled,shape:this.props.rounded?"rounded":undefined,size:this.props.size,type:this.props.type,key:t},this.props.icon?o("smoothly-icon",{name:this.props.icon}):undefined,((a=this.props.text)===null||a===void 0?void 0:a.useColor)?t:(l=this.props.text)===null||l===void 0?void 0:l.value)})),o("div",{key:"638acf6f59bd885acb4262f43e377afc22e35b79",class:"height-text"},this.heightText)))}static get watchers(){return{props:[{updateInputHeightText:0}]}}static get style(){return x()}},[2,"smoothly-button-demo-standard",{props:[32],heightText:[32],lastButton:[32]},undefined,{props:[{updateInputHeightText:0}]}]);function v(){if(typeof customElements==="undefined"){return}const t=["smoothly-button-demo-standard","smoothly-button","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-select","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-button-demo-standard":if(!customElements.get(a(t))){customElements.define(a(t),g)}break;case"smoothly-button":if(!customElements.get(a(t))){n()}break;case"smoothly-form":if(!customElements.get(a(t))){c()}break;case"smoothly-icon":if(!customElements.get(a(t))){i()}break;case"smoothly-input":if(!customElements.get(a(t))){b()}break;case"smoothly-input-checkbox":if(!customElements.get(a(t))){r()}break;case"smoothly-input-clear":if(!customElements.get(a(t))){u()}break;case"smoothly-input-radio":if(!customElements.get(a(t))){h()}break;case"smoothly-input-radio-item":if(!customElements.get(a(t))){y()}break;case"smoothly-input-select":if(!customElements.get(a(t))){p()}break;case"smoothly-item":if(!customElements.get(a(t))){f()}break;case"smoothly-spinner":if(!customElements.get(a(t))){k()}break}}))}v();export{g as S,v as d};
+//# sourceMappingURL=p-DukbAK5F.js.map

package/dist/components/{p-DA7cE1vV.js → p-VpeNK8XH.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,F as a,d as s,t as m}from"./p-BsZrGTcp.js";import{R as c}from"./p-Br0kWrBT.js";import{d as i}from"./p-mmAi00ak.js";import{d as r}from"./p-MHAaISnU.js";import{d}from"./p-CmV6S6tx.js";import{d as l}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as f}from"./p-DG2pfnCV.js";import{d as y}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as p}from"./p-F8qX8ZuL.js";import{d as h}from"./p-DPlYDxyJ.js";import{d as u}from"./p-DDYB8QLF.js";import{d as k}from"./p-BHTAR2x1.js";import{d as j}from"./p-B-jhX7aN.js";import{d as g}from"./p-Dk4OvZyQ.js";import{d as v}from"./p-CDzU4-Ri.js";import{d as E}from"./p-DJ-iHxJr.js";import{d as w}from"./p-5l1ov6SU.js";import{d as O}from"./p-DkiBtdrU.js";import{d as S}from"./p-UqPFIGlg.js";import{d as D}from"./p-DIy2lHMf.js";import{d as P}from"./p-Bo1NnbuT.js";import{d as x}from"./p-5ac0hPYS.js";import{d as F}from"./p-Dq8EU803.js";import{d as z}from"./p-CLqKhHZ8.js";import{d as H}from"./p-CZIRwPwA.js";import{d as C}from"./p-ycoVDLCD.js";import{d as I}from"./p-ByRyVRgY.js";import{d as R}from"./p-CmUug44L.js";import{d as B}from"./p-BcEDrfmP.js";import{d as N}from"./p-2Y5tLcQ1.js";import{d as U}from"./p-BCwizh6U.js";const L=()=>`.sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name="hasOwner"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}`;const q=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.hasOwner=false;this.owner={}}render(){var e,t;return o(s,{key:"1e20a61c9db6aafdf47e54ed7aaef6c1ca3d8bfa"},o("h2",{key:"45492fefcf3cc0fb1a4010711cf10f0bded34893"},"Pet"),o("h3",{key:"bc05c80a795091886b94ba85dd89746e58159ea3"},"Value"),o("smoothly-form",{key:"42a8ccf63773aa8b235931cc66415cfd0f1f0c14",looks:"border",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail)),onSmoothlyFormInput:e=>this.value=Object.assign({},e.detail)},o("smoothly-input",{key:"3606396ae683768fb6ef5e5940f43fbef81800c9",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"1128b00ce30571d90960f0747caf90394d08f093",slot:"end"})),o("smoothly-input",{key:"fbd205ba349d3f754af21ebdc40434946bb712a4",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"e4465a244c36403f0869f5d739d9cdea595136ce",name:"hasOwner",onSmoothlyInputLoad:e=>e.stopPropagation(),onSmoothlyInput:e=>{this.hasOwner=e.detail.hasOwner;e.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"7be8886cdeedbdeb87c28b2024c26bd4532f07ed",slot:"end"})),this.hasOwner&&o(a,{key:"972c8da03c31ff920a5131daa1d046f7e80418c1"},o("smoothly-input",{key:"4fd076e713c449b56e4d3b38b47009a3301c81df",type:"text",name:"owner.firstName",value:this.owner.firstName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{firstName:e.detail["owner.firstName"]})},"Owner First Name",o("smoothly-input-reset",{key:"2af7bfb23d1d67903be625827d5d237640fc16b0",slot:"end"})),o("smoothly-input",{key:"ba357c367c5006c2002dee8f597b0344572c6238",type:"text",name:"owner.lastName",value:this.owner.lastName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{lastName:e.detail["owner.lastName"]})},"Owner Last Name"),o("smoothly-input-file",{key:"8caa1d54740a0e1fb3b29d709f6feb32c8c45a31",name:"owner.picture"},o("span",{key:"10332335746aadd62719e024aaa6f825a5b2800b",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"c8c1afc04ae737af2b45c061ee21b4dfb1713869",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:e.detail["owner.birthday"]})},"Owner birthday",o("smoothly-input-reset",{key:"e13a649d0d308340d419d2355d7d48fbfce257e7",slot:"end"})),o("smoothly-input-date-range",{key:"952264d17218340e89fe16c40b6003ee94f34c9e",name:"owner.ownedRange",start:(e=this.owner.ownedRange)===null||e===void 0?void 0:e.start,end:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.end,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:e.detail["owner.ownedRange"]})},"Owner ownedRange",o("smoothly-input-reset",{key:"f99d74c312b6b7ddc3d3b169b672d3cc478cb3a3",slot:"end"})),o("smoothly-input-range",{key:"d799c177fa826a5a582d1785add6d9ac512434a2",name:"owner.height",step:1,max:250,value:this.owner.height,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{height:e.detail["owner.height"]})},"Owner's Height",o("smoothly-input-reset",{key:"a872fe1b4ae49293daad5ca2c781fe9abe514b95",slot:"end"})),o("smoothly-input-select",{key:"cc6a5ef5238abc4dce3c2321c8f5c184c0dfe320",name:"owner.favoriteHat"},o("span",{key:"a073973ff9b090a82a23b81ca82875ac5155f822",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t,selected:this.owner.favoriteHat==e},e))),o("smoothly-input-reset",{key:"c39f9d320b08362f082749f5338de8d4530f9da5",slot:"end"})),o("smoothly-input-color",{key:"50e462d1f87b19685f627deb90d9eb3d2798c15a",name:"owner.favoriteColor",value:this.owner.favoriteColor?c.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:e.detail["owner.favoriteColor"]})},"Owner's Favorite Color",o("smoothly-input-reset",{key:"d63535ee7ac6bae7424f60bff48cc5342594ced6",slot:"end"})),o("smoothly-input-radio",{key:"f015946e2a17358be9f8279c5f92566101dd69ef",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:e.detail["owner.favoritePizza"]})},o("span",{key:"0e33220f442cf7e1b2908259c68bbf196fe2d2b2",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"7db7129193020bc6375b859f8eed9bbd3a774b72",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:e.detail["owner.hasPet"]})},"Has Pet")),o("smoothly-tabs",{key:"c02261545ec207a2be19261796ff1ab0322221c7"},o("smoothly-tab",{key:"64fc9145089d8175e87b77746a301d2a300227ff",label:"Dog",name:"dog"},o("smoothly-input",{key:"93efb08d77a27ebeb0ec1ffaa31d8f20ad1c5c79",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"fbb759287fbb384110dab6bd67e526e0e1b87061",name:"dog.picture"},o("span",{key:"75354c72313adfbf2f0590a4a1d629b056a584d0",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"67cb08aae3427ea09418763cd4f5c89f4c12885c",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"bfc8d1878f5e8c0b9e06dd6db93c5414d072aade",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"d89333abe0b84513f7b59d0910ec979dc63e4f76",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"0ca96cd6cd0ed9d0d0b6e3212c4e545b1783edda",name:"dog.favoriteHat"},o("span",{key:"e9bb41040522fc010702793420c2f448fa2fc0af",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-color",{key:"609b660e2980b33ac4c437fd3a2cecc212fb700d",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"496506fd830c3da16c3cbb32ed7a93b54e1d023f",name:"dog.favoritePizza"},o("span",{key:"59bdad0dc97036ca753d7de08dadcd9ab888df47",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"2ad32725e92f4eb3f6402751facf72563491a5a7",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"09d4b79adbbf8772285a13ce1bb45fea67c3c019",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"2a298883bf58261ec42cd8a7cb220421604233f2",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"6ded1101edaf7025402e2084cfa3d530a9440497",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"c6fec8eff6ed07080cfcfd7e04a1accd9be5e698",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"1ef6c74c21f3a530ea18a5fb843c0f39c5d09a5c",name:"parrot.picture"},o("span",{key:"1506866be3f7d5032caa07277ddb4900adf796e4",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"2768b4e77018167d8c5459561627c7176f6af19e",slot:"end"})),o("smoothly-input-date",{key:"4482cadd8c81d8cf68d01d940759c9c8fa302889",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"1db7a128f9fe548e64a26b106f0428cf027515dd",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"f61bb824149c3927ee9e7df5474bc1140b557c2d",slot:"end"})),o("smoothly-input-range",{key:"455be79335de1c32001a9baf41bc6601600a6f2b",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"f0c5284602a08d52331e2fca63bf561212bce4f9",slot:"end"})),o("smoothly-input-select",{key:"2b5d15b9bdda780755ddb704019bdf9b075f7593",name:"parrot.favoriteHat"},o("span",{key:"e23e7228157f39f8d5b565c6283e65d848d662f2",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-month",{key:"282eb367f0a8bbcc9b296358933c83a2ab1246a2",name:"parrot.month"},o("span",{key:"46678c21d019c38d586da52a8ca5ba14e54f9545",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"74de10bf1eb9a54f1f5139f9b7549b84d90f521e",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"2135343dbedb74df58a88e011921ed5cf93a8f69",name:"parrot.favoritePizza"},o("span",{key:"b549ce953d14b96b12496f989cf8c237fa697d6d",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"e4fd4673ea5c4feb91142062527f7537f715738e",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"c757eec9af05b183a036119430533a2fdfa7ff26",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"94108e7af02550ba3ea038b879e0db56fe057833",type:"json",value:this.value}))}static get style(){return L()}},[2,"smoothly-form-demo-pet",{hasOwner:[32],owner:[32],value:[32]}]);function A(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-pet","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-date-time","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-tab","smoothly-tabs","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-form-demo-pet":if(!customElements.get(m(e))){customElements.define(m(e),q)}break;case"smoothly-button":if(!customElements.get(m(e))){i()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){r()}break;case"smoothly-calendar":if(!customElements.get(m(e))){d()}break;case"smoothly-date-text":if(!customElements.get(m(e))){l()}break;case"smoothly-display":if(!customElements.get(m(e))){n()}break;case"smoothly-display-json":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){h()}break;case"smoothly-icon":if(!customElements.get(m(e))){u()}break;case"smoothly-input":if(!customElements.get(m(e))){k()}break;case"smoothly-input-checkbox":if(!customElements.get(m(e))){j()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){g()}break;case"smoothly-input-color":if(!customElements.get(m(e))){v()}break;case"smoothly-input-date":if(!customElements.get(m(e))){E()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(m(e))){O()}break;case"smoothly-input-file":if(!customElements.get(m(e))){S()}break;case"smoothly-input-month":if(!customElements.get(m(e))){D()}break;case"smoothly-input-radio":if(!customElements.get(m(e))){P()}break;case"smoothly-input-radio-item":if(!customElements.get(m(e))){x()}break;case"smoothly-input-range":if(!customElements.get(m(e))){F()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){z()}break;case"smoothly-input-select":if(!customElements.get(m(e))){H()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){C()}break;case"smoothly-item":if(!customElements.get(m(e))){I()}break;case"smoothly-spinner":if(!customElements.get(m(e))){R()}break;case"smoothly-tab":if(!customElements.get(m(e))){B()}break;case"smoothly-tabs":if(!customElements.get(m(e))){N()}break;case"smoothly-toggle-switch":if(!customElements.get(m(e))){U()}break}}))}A();export{q as S,A as d};
-//# sourceMappingURL=p-DA7cE1vV.js.map
+import{p as e,H as t,h as o,F as a,d as s,t as m}from"./p-BsZrGTcp.js";import{R as c}from"./p-Br0kWrBT.js";import{d as i}from"./p-mmAi00ak.js";import{d}from"./p-MHAaISnU.js";import{d as r}from"./p-CmV6S6tx.js";import{d as l}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as f}from"./p-DG2pfnCV.js";import{d as y}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as p}from"./p-F8qX8ZuL.js";import{d as h}from"./p-DPlYDxyJ.js";import{d as u}from"./p-DDYB8QLF.js";import{d as k}from"./p-BHTAR2x1.js";import{d as j}from"./p-B-jhX7aN.js";import{d as g}from"./p-Dk4OvZyQ.js";import{d as v}from"./p-CDzU4-Ri.js";import{d as E}from"./p-DJ-iHxJr.js";import{d as w}from"./p-5l1ov6SU.js";import{d as O}from"./p-DkiBtdrU.js";import{d as S}from"./p-UqPFIGlg.js";import{d as D}from"./p-DIy2lHMf.js";import{d as x}from"./p-Bo1NnbuT.js";import{d as P}from"./p-BQOdxeHU.js";import{d as F}from"./p-Dq8EU803.js";import{d as H}from"./p-CLqKhHZ8.js";import{d as z}from"./p-CZIRwPwA.js";import{d as C}from"./p-ycoVDLCD.js";import{d as I}from"./p-ByRyVRgY.js";import{d as R}from"./p-CmUug44L.js";import{d as B}from"./p-BcEDrfmP.js";import{d as N}from"./p-2Y5tLcQ1.js";import{d as U}from"./p-BCwizh6U.js";const L=()=>`.sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name="hasOwner"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}`;const q=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.hasOwner=false;this.owner={}}render(){var e,t;return o(s,{key:"1e20a61c9db6aafdf47e54ed7aaef6c1ca3d8bfa"},o("h2",{key:"45492fefcf3cc0fb1a4010711cf10f0bded34893"},"Pet"),o("h3",{key:"bc05c80a795091886b94ba85dd89746e58159ea3"},"Value"),o("smoothly-form",{key:"42a8ccf63773aa8b235931cc66415cfd0f1f0c14",looks:"border",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail)),onSmoothlyFormInput:e=>this.value=Object.assign({},e.detail)},o("smoothly-input",{key:"3606396ae683768fb6ef5e5940f43fbef81800c9",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"1128b00ce30571d90960f0747caf90394d08f093",slot:"end"})),o("smoothly-input",{key:"fbd205ba349d3f754af21ebdc40434946bb712a4",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"e4465a244c36403f0869f5d739d9cdea595136ce",name:"hasOwner",onSmoothlyInputLoad:e=>e.stopPropagation(),onSmoothlyInput:e=>{this.hasOwner=e.detail.hasOwner;e.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"7be8886cdeedbdeb87c28b2024c26bd4532f07ed",slot:"end"})),this.hasOwner&&o(a,{key:"972c8da03c31ff920a5131daa1d046f7e80418c1"},o("smoothly-input",{key:"4fd076e713c449b56e4d3b38b47009a3301c81df",type:"text",name:"owner.firstName",value:this.owner.firstName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{firstName:e.detail["owner.firstName"]})},"Owner First Name",o("smoothly-input-reset",{key:"2af7bfb23d1d67903be625827d5d237640fc16b0",slot:"end"})),o("smoothly-input",{key:"ba357c367c5006c2002dee8f597b0344572c6238",type:"text",name:"owner.lastName",value:this.owner.lastName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{lastName:e.detail["owner.lastName"]})},"Owner Last Name"),o("smoothly-input-file",{key:"8caa1d54740a0e1fb3b29d709f6feb32c8c45a31",name:"owner.picture"},o("span",{key:"10332335746aadd62719e024aaa6f825a5b2800b",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"c8c1afc04ae737af2b45c061ee21b4dfb1713869",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:e.detail["owner.birthday"]})},"Owner birthday",o("smoothly-input-reset",{key:"e13a649d0d308340d419d2355d7d48fbfce257e7",slot:"end"})),o("smoothly-input-date-range",{key:"952264d17218340e89fe16c40b6003ee94f34c9e",name:"owner.ownedRange",start:(e=this.owner.ownedRange)===null||e===void 0?void 0:e.start,end:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.end,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:e.detail["owner.ownedRange"]})},"Owner ownedRange",o("smoothly-input-reset",{key:"f99d74c312b6b7ddc3d3b169b672d3cc478cb3a3",slot:"end"})),o("smoothly-input-range",{key:"d799c177fa826a5a582d1785add6d9ac512434a2",name:"owner.height",step:1,max:250,value:this.owner.height,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{height:e.detail["owner.height"]})},"Owner's Height",o("smoothly-input-reset",{key:"a872fe1b4ae49293daad5ca2c781fe9abe514b95",slot:"end"})),o("smoothly-input-select",{key:"cc6a5ef5238abc4dce3c2321c8f5c184c0dfe320",name:"owner.favoriteHat"},o("span",{key:"a073973ff9b090a82a23b81ca82875ac5155f822",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t,selected:this.owner.favoriteHat==e},e))),o("smoothly-input-reset",{key:"c39f9d320b08362f082749f5338de8d4530f9da5",slot:"end"})),o("smoothly-input-color",{key:"50e462d1f87b19685f627deb90d9eb3d2798c15a",name:"owner.favoriteColor",value:this.owner.favoriteColor?c.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:e.detail["owner.favoriteColor"]})},"Owner's Favorite Color",o("smoothly-input-reset",{key:"d63535ee7ac6bae7424f60bff48cc5342594ced6",slot:"end"})),o("smoothly-input-radio",{key:"f015946e2a17358be9f8279c5f92566101dd69ef",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:e.detail["owner.favoritePizza"]})},o("span",{key:"0e33220f442cf7e1b2908259c68bbf196fe2d2b2",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"7db7129193020bc6375b859f8eed9bbd3a774b72",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:e.detail["owner.hasPet"]})},"Has Pet")),o("smoothly-tabs",{key:"c02261545ec207a2be19261796ff1ab0322221c7"},o("smoothly-tab",{key:"64fc9145089d8175e87b77746a301d2a300227ff",label:"Dog",name:"dog"},o("smoothly-input",{key:"93efb08d77a27ebeb0ec1ffaa31d8f20ad1c5c79",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"fbb759287fbb384110dab6bd67e526e0e1b87061",name:"dog.picture"},o("span",{key:"75354c72313adfbf2f0590a4a1d629b056a584d0",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"67cb08aae3427ea09418763cd4f5c89f4c12885c",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"bfc8d1878f5e8c0b9e06dd6db93c5414d072aade",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"d89333abe0b84513f7b59d0910ec979dc63e4f76",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"0ca96cd6cd0ed9d0d0b6e3212c4e545b1783edda",name:"dog.favoriteHat"},o("span",{key:"e9bb41040522fc010702793420c2f448fa2fc0af",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-color",{key:"609b660e2980b33ac4c437fd3a2cecc212fb700d",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"496506fd830c3da16c3cbb32ed7a93b54e1d023f",name:"dog.favoritePizza"},o("span",{key:"59bdad0dc97036ca753d7de08dadcd9ab888df47",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"2ad32725e92f4eb3f6402751facf72563491a5a7",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"09d4b79adbbf8772285a13ce1bb45fea67c3c019",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"2a298883bf58261ec42cd8a7cb220421604233f2",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"6ded1101edaf7025402e2084cfa3d530a9440497",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"c6fec8eff6ed07080cfcfd7e04a1accd9be5e698",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"1ef6c74c21f3a530ea18a5fb843c0f39c5d09a5c",name:"parrot.picture"},o("span",{key:"1506866be3f7d5032caa07277ddb4900adf796e4",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"2768b4e77018167d8c5459561627c7176f6af19e",slot:"end"})),o("smoothly-input-date",{key:"4482cadd8c81d8cf68d01d940759c9c8fa302889",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"1db7a128f9fe548e64a26b106f0428cf027515dd",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"f61bb824149c3927ee9e7df5474bc1140b557c2d",slot:"end"})),o("smoothly-input-range",{key:"455be79335de1c32001a9baf41bc6601600a6f2b",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"f0c5284602a08d52331e2fca63bf561212bce4f9",slot:"end"})),o("smoothly-input-select",{key:"2b5d15b9bdda780755ddb704019bdf9b075f7593",name:"parrot.favoriteHat"},o("span",{key:"e23e7228157f39f8d5b565c6283e65d848d662f2",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-month",{key:"282eb367f0a8bbcc9b296358933c83a2ab1246a2",name:"parrot.month"},o("span",{key:"46678c21d019c38d586da52a8ca5ba14e54f9545",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"74de10bf1eb9a54f1f5139f9b7549b84d90f521e",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"2135343dbedb74df58a88e011921ed5cf93a8f69",name:"parrot.favoritePizza"},o("span",{key:"b549ce953d14b96b12496f989cf8c237fa697d6d",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"e4fd4673ea5c4feb91142062527f7537f715738e",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"c757eec9af05b183a036119430533a2fdfa7ff26",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"94108e7af02550ba3ea038b879e0db56fe057833",type:"json",value:this.value}))}static get style(){return L()}},[2,"smoothly-form-demo-pet",{hasOwner:[32],owner:[32],value:[32]}]);function A(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-pet","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-date-time","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-tab","smoothly-tabs","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-form-demo-pet":if(!customElements.get(m(e))){customElements.define(m(e),q)}break;case"smoothly-button":if(!customElements.get(m(e))){i()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){d()}break;case"smoothly-calendar":if(!customElements.get(m(e))){r()}break;case"smoothly-date-text":if(!customElements.get(m(e))){l()}break;case"smoothly-display":if(!customElements.get(m(e))){n()}break;case"smoothly-display-json":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){h()}break;case"smoothly-icon":if(!customElements.get(m(e))){u()}break;case"smoothly-input":if(!customElements.get(m(e))){k()}break;case"smoothly-input-checkbox":if(!customElements.get(m(e))){j()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){g()}break;case"smoothly-input-color":if(!customElements.get(m(e))){v()}break;case"smoothly-input-date":if(!customElements.get(m(e))){E()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(m(e))){O()}break;case"smoothly-input-file":if(!customElements.get(m(e))){S()}break;case"smoothly-input-month":if(!customElements.get(m(e))){D()}break;case"smoothly-input-radio":if(!customElements.get(m(e))){x()}break;case"smoothly-input-radio-item":if(!customElements.get(m(e))){P()}break;case"smoothly-input-range":if(!customElements.get(m(e))){F()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){H()}break;case"smoothly-input-select":if(!customElements.get(m(e))){z()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){C()}break;case"smoothly-item":if(!customElements.get(m(e))){I()}break;case"smoothly-spinner":if(!customElements.get(m(e))){R()}break;case"smoothly-tab":if(!customElements.get(m(e))){B()}break;case"smoothly-tabs":if(!customElements.get(m(e))){N()}break;case"smoothly-toggle-switch":if(!customElements.get(m(e))){U()}break}}))}A();export{q as S,A as d};
+//# sourceMappingURL=p-VpeNK8XH.js.map