smoothly 1.120.0 → 1.122.0

package/dist/components/p-CDbQFx9i.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as o,h as a,d as s,t as c}from"./p-BsZrGTcp.js";import{i as m}from"./p-BVKhAhsB.js";import{d}from"./p-CCwzp3Kg.js";import{d as l}from"./p-mmAi00ak.js";import{d as i}from"./p-Cl8L61mt.js";import{d as f}from"./p-CHjWijPI.js";import{d as b}from"./p-BE5E3Jm6.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-vvQg46ti.js";import{d as k}from"./p-DFSiKg4M.js";import{d as v}from"./p-o8kM0Soe.js";import{d as j}from"./p-Dd9tz4Tj.js";import{d as g}from"./p-BX-sEZyq.js";import{d as E}from"./p-CaQWZMN4.js";import{d as x}from"./p-B1VLjp0y.js";import{d as C}from"./p-CtVEKtM6.js";import{d as S}from"./p-DbQqZdoI.js";import{d as w}from"./p-KZeR_6LG.js";import{d as D}from"./p-BSHxNVcQ.js";import{d as L}from"./p-tD13Ef_1.js";import{d as z}from"./p-Ch1HU37X.js";import{d as I}from"./p-CYxd1Pkd.js";import{d as M}from"./p-gEWA_tZo.js";import{d as A}from"./p-MqffyRVU.js";import{d as N}from"./p-CKD_8Dn1.js";import{d as B}from"./p-wjlHVReJ.js";import{d as F}from"./p-4Xn3Nprv.js";import{d as Z}from"./p-PwCtk_DY.js";import{d as H}from"./p-Cfvi2T1F.js";import{d as K}from"./p-C22G-tNF.js";import{d as V}from"./p-BplZiuMF.js";import{d as _}from"./p-BLdivqFr.js";import{d as J}from"./p-CVdJ19AA.js";import{d as Q}from"./p-DvOr53No.js";import{d as R}from"./p-Cs0CtSI2.js";import{d as q}from"./p-2Y5tLcQ1.js";import{d as T}from"./p-BsHachOX.js";const X=()=>`.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=o(this,"smoothlyUrlUpdate");this.duration={hours:8};this.alphanumeric="!@##";this.numbers=[1,2,3,4,5,6,7,8,9]}render(){return a(s,{key:"9abde760302f7d14296fc58d56b168ccd992c88a"},a("smoothly-input-demo-standard",{key:"7145773de0c84eab437b1dc065202dc2cb19b37a"}),a("smoothly-input-date-demo",{key:"c0304ad310674ae499009d58ddce974f7412c33f"}),a("smoothly-input-demo-user-input",{key:"efde7d5d40929dcc96890f54a91797d0251db2bc"}),a("smoothly-input-demo-radio",{key:"9cde328a31101ee88b7ac3fd7f86abb00b8aedca"}),a("div",{key:"066262aa80f355d87120622b163621c209b0f43c",class:"inputs"},a("h2",{key:"bc38dbe23f7eb3611cac8cf83c5ce0634cb4e722"},"Calendar"),a("smoothly-input-date",{key:"f56708f29f4fa6158ea18b55d806215ee414c599",name:"some-date"},"Calendar"),a("smoothly-input-date-time",{key:"5fe8d855011464f877d70981663f27980080c16a",name:"someDateTime",value:m.DateTime.now()},"DateTime"),a("h2",{key:"f060f3978aeb3707d20c26cdf03724ffb8b25220"},"Date Range"),a("smoothly-input-date-range",{key:"397960f5adb2f9cdb84883e4a4a73134054e23be",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-01",max:"2025-01-31"}),a("smoothly-input-date-range",{key:"37e2a88696a6c59498b203a00067c96028b8b7a9",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2024-12-30"},a("smoothly-input-reset",{key:"e50dcde7cd3ce5a5286f5a9e6dfd8bbee00be2f9",slot:"end",size:"icon"})),a("smoothly-input-date-range",{key:"ab99b94f110b3861c6b0350e555442325332f42a",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"}},a("smoothly-input-clear",{key:"7f6081c65f5280584d04b6ce8f7905ac77634a3e",slot:"end",size:"icon"})),a("h2",{key:"37f34f036ee7dc8fb75c4c00659da25e601ff5b1"},"Date"),a("smoothly-input-date",{key:"511529a03ebe91114a24ac5a1942bf2007e1c338"},"Date"),a("smoothly-input-date",{key:"f0b777d7e776387614b9cbeb866f91fd20c86710",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),a("smoothly-input-date",{key:"11c9d53699c3f56ab059fcc4ae23ae3ede7c3ef7",value:"2021-10-28"},"Date",a("smoothly-input-reset",{key:"d8f02f6d1c3a5866f9666199b8dff8bffa2f020a",slot:"end",size:"icon"})),a("smoothly-input-date",{key:"b818db6b9c7b7a3e52bd110795f814f440eab4f7",value:"2021-10-28"},"Date",a("smoothly-input-clear",{key:"c099251b5d2925af72bf10d4e897f4102f62be43",slot:"end",size:"icon"})),a("h2",{key:"8033cbfa7ee22ca7440d58952676a43f092c1304"},"Select"),a("div",{key:"1de49162035bde4ab43a46cea27a2e4ef016c784",class:"select-div"},a("smoothly-input-select",{key:"2d2acbd594c6a260b1bd571f00a35e53db9f904f",name:"select-dessert",looks:"border"},a("label",{key:"4a1ebbb1757580ebfba6c58651fa8207a186274c",slot:"label"},"Select with clear button"),a("smoothly-item",{key:"10fe2d4eec5af17e61f704b594be8a700dde57e8",value:"1"},"Ice cream"),a("smoothly-item",{key:"50f3be0902fa5d9989e0827df63cbbc1e4969a4e",value:"2"},"Sponge cake"),a("smoothly-item",{key:"54d4950affc3378a23311d30f01a6b75877921a8",value:"3",disabled:true},"Disabled Item"),a("smoothly-item",{key:"2b669d8c3138b6bef8b2c0a5b0a17f07ea2b1fc3",value:"4"},"Cookie"),a("smoothly-item",{key:"1d222cd2827315a43f1d8412777f2deab42c707e",value:"5"},"Croissant"),a("smoothly-item",{key:"f5582ec1306d69273508415467d56ef166d59592",value:"6"},"Chocolate fondue"),a("smoothly-input-clear",{key:"903c91c69080f05179a1d4c5c4176f651bbac1a7",size:"icon",slot:"end"})),a("smoothly-input-select",{key:"a73b2cdcca14bddac369727f65113cfe2e36f9c8",multiple:true,name:"select-dessert-multiple",looks:"border"},a("label",{key:"264c0c5c870d69ccd4acd552c0c69b75bdf41322",slot:"label"},"Select multiple with reset button"),a("smoothly-item",{key:"1b013b6fce5892e21cec768704c1c7847f9c2d6b",value:"ice cream"},"Ice cream"),a("smoothly-item",{key:"cbf0fb98cd04b4c21d56c4640ebc7fea61de1b8e",value:"sponge cake"},"Sponge cake"),a("smoothly-item",{key:"5244238b76c116e31888c36887b3f4ac5c88f2d0",selected:true,value:"cookie"},"Cookie"),a("smoothly-item",{key:"665cd5efa69f937a8de2e16549f6b5030f87aadd",value:"croissant"},"Croissant"),a("smoothly-item",{key:"f33f606105a30eadeb8ad91d1d098b59f03f1de2",selected:true,value:"chocolate fondue"},"Chocolate fondue"),a("smoothly-input-reset",{key:"903d7955210a152bdd397bf011ede1bdff121949",size:"icon",slot:"end"})),a("smoothly-input-select",{key:"a3b64c46106cc3059130d7c3a91d7f490d1d2751",name:"spirit-animals",looks:"border",mutable:true},a("label",{key:"a004cf922bae1aad8f4df3af6898096e965cfc6a",slot:"label"},"Select or add new options"),a("smoothly-item",{key:"4aa4ef91d108edb11936203365632dfc604e6973",value:"manatee"},"Manatee"),a("smoothly-item",{key:"12985b2fd02dec4a942274c1ecd0b8d64045fb62",selected:true,value:"cthulu"},"Cthulu")),a("smoothly-input-select",{key:"926065319fff2eb3024955686991469cf4128a36",name:"select-icon",clearable:false,showSelected:false},a("smoothly-item",{key:"1ac998cba750b6779c9d2159cef8245ab915f528",value:"folder",selected:true},a("smoothly-icon",{key:"30d4832563d4b16c0bbb77cb33e0da404b743090",size:"small",name:"folder-outline"})),a("smoothly-item",{key:"b04f79adc06b65369baed20874f53ef04a33f80f",value:"camera"},a("smoothly-icon",{key:"b16eaceb42a9e0b56587ce78e8cfdc6452dddd7b",size:"small",name:"camera-outline"}))),a("smoothly-input-select",{key:"5e225cc4758897b81015db7495c7d7a224776e53",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},a("label",{key:"4b9bcc2a3fe30dabc8669888a19ce86f369cc41e",slot:"label"},"Alphabet ordered select"),Array.from({length:26}).map(((e,t)=>String.fromCharCode(t+65))).map((e=>a("smoothly-item",{value:e,selected:e=="H"},e)))),a("smoothly-input-select",{key:"a171d4ffb8e1bfc698f0fc9ae4ed69e98ced36c9",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},a("label",{key:"a23c78b0a859472f5e0123b0c02c010911417369",slot:"label"},"Month multiple select"),a("smoothly-item",{key:"a733057d56e91b60e5baa989e26dddbd91e0241a",value:"1"},"January"),a("smoothly-item",{key:"376d92471d5d2eaa9dd88812a8fc583153410198",value:"2"},"February"),a("smoothly-item",{key:"7a1fce8efd0b7974e5528a5fa5662c1dfd778394",value:"3"},"March"),a("smoothly-item",{key:"cb9baf077486cb9bcdbbf89649530a5e0d6063c7",value:"4"},"April"),a("smoothly-item",{key:"0a3473edcc3c472a629ba3d8a79f902acb2e26f3",value:"5"},"May"),a("smoothly-item",{key:"5fdae912db41bffabf3b295d2c3032277dffaa94",value:"6"},"June"),a("smoothly-item",{key:"80047591254fd32dc669b14753e4786d43d3c97d",value:"7"},"July"),a("smoothly-item",{key:"c9df20403a3c394c64aba952b9fedf32e79ccb4d",value:"8"},"August"),a("smoothly-item",{key:"68313242691a68d57283d668fe9b515793737c7e",value:"9"},"September"),a("smoothly-item",{key:"443d7a691c41599d0d89db84b537eb1f257ef517",value:"10"},"October"),a("smoothly-item",{key:"9744bb0bda7582ad2b8b1f90fdf8032258463c54",value:"11"},"November"),a("smoothly-item",{key:"a96a75320e5c546549c4fa35f4176f35a82f5441",value:"12"},"December")),a("div",{key:"3e7603380ceba63da34a828e2516632da73e39c4",class:"select-div-row"},a("smoothly-input-select",{key:"408634ba59447206b05b3cd1fd1cc33d1eb8c65d",name:"select-icon",clearable:false,showSelected:false},a("smoothly-item",{key:"ee676953d6e5787b02d09f18296c90f0de191c1d",value:"folder",selected:true},a("smoothly-icon",{key:"a904b9c0a3606d2427f70b0de7038c58e126eb8f",size:"small",name:"folder-outline"})),a("smoothly-item",{key:"3005772f6f0db186e465eaa8cdf0664acc8df98a",value:"camera"},a("smoothly-icon",{key:"d6d6da52e16928ffae5914bb57c5d507dcd753d7",size:"small",name:"camera-outline"})),a("smoothly-item",{key:"e7f997b52e887a470a300bde751cb2972a8a6d1c",value:"boat"},a("smoothly-icon",{key:"7d2fa7593473fea8a742b06451b86234dc2c984f",size:"small",name:"boat-outline"}))),a("smoothly-input-select",{key:"72b7dd2b8193e7daa76e87e2b2c0229e6542b95d",name:"select-number",clearable:false},this.numbers.map((e=>a("smoothly-item",{value:"number",selected:e===3},e)))),a("smoothly-input",{key:"2eaf99ab88e42d799677b83d1e7cac4bf27b2cab",name:"name",value:"Sten Qvist"},"Name"))),a("h2",{key:"bdf117c705543939f57d4f8c001b9bd6b0f6d419"},"Duration"),a("smoothly-input",{key:"8c58c7e2d86e031ffb41a6a46fc738bd87d73a8d",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:e=>this.duration=e.detail.duration},"Duration"),a("smoothly-input",{key:"0e0b25be2290f7adfc1dc72807e11791965a1ad8",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:e=>{const t=e.detail.duration;this.duration=t}},"Duration"),a("h2",{key:"ed1c66a6809ae277a848826be61161405e712e89"},"Integer with Min/Max"),a("smoothly-input",{key:"220dca7d4c2fe1111025b6e44d23a40d105efe89",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),a("smoothly-input",{key:"e2b1ae2d00b98366ee26f02d37915e319736f002",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),a("smoothly-input",{key:"1ecd944814b02bbd94314507d76bea0f988352f4",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),a("smoothly-input",{key:"b8990cc9cad14d470ca47ab3c6c04b4f685a0c55",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),a("h2",{key:"2a747aa7ff1fb76fa374c730b59802c8f3a508cd"},"Invalid text with warning icon and tooltip"),a("smoothly-input",{key:"817b52d0ef2e31056e8ee8a7faab79990797c732",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"),a("h2",{key:"cd628bebd9e2b9de77eb82b0f9591cfe8d7b3ca2"},"Identifiers"),a("smoothly-input",{key:"fe1d2d89f25cd8a60fd537bfb5a9580548491604",type:"identifier-code"},"Code"),a("smoothly-input",{key:"14d47570684ca9165381718becda2f318c9c88bf",type:"identifier-attribute"},"Attribute"),a("smoothly-input",{key:"fb5ed7f2a284640369bf648a548161d233756dd5",type:"identifier-snake"},"Snake"),a("smoothly-input",{key:"cde9cde9c787d99c0eaf75085f0567139b8130c8",type:"identifier-pascal"},"Pascal"),a("smoothly-input",{key:"509c743780e2d2f0d759ab3cff67893318256443",type:"identifier-camel"},"Camel"),a("h2",{key:"81ea90cb970b799945d3aeb14b70bb8184d911e4"},"Input Alternatives"),a("smoothly-input",{key:"01ba72593f0e056a20d87c8722e2bc4317932962",type:"text",name:"name.last"},a("smoothly-icon",{key:"70491c3ed08d7f0d13a3cd8eba72e47fa1de1008",name:"checkmark-circle",slot:"start"}),"First Name"),a("smoothly-input",{key:"ab3a45839ee4d8bacfac8ca96bcd7ec260ce36d9",type:"text",name:"name.first"},"Last Name",a("smoothly-icon",{key:"a7996638a9ec278f74d967e0fcb03dcaf4445315",name:"checkmark-circle",slot:"end"})),a("smoothly-input",{key:"f524fc067947a8637a1c416a74d3de0c37744255",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",a("smoothly-icon",{key:"ec440199d9625155037e1cd9e614266748997f7a",name:"checkmark-circle",slot:"end"})),a("smoothly-input",{key:"27cc6d614a7bae4893462b5e708cb663bcffcec1",placeholder:"test"}),a("smoothly-input-submit",{key:"789ee37616c3c27e8e6414992be1f9ee2117a5d3",slot:"submit",fill:"solid",onSubmit:e=>alert(e),color:"success"}),a("h4",{key:"5c256926b8f451dca0b5297992f6a6312a2f5494"},"Smoothly checkboxes"),a("div",{key:"6650b3b1b27d5fbca72ef5679f03d11c3c5cc1a7",class:"checkbox-group"},a("smoothly-input-checkbox",{key:"9030dedf496556b87212376fbd15617f6abebf48",disabled:true,name:"first-checkbox"},a("smoothly-icon",{key:"e3a47da2376066cdfc082fbf4100adf340b70f36",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),a("smoothly-input-checkbox",{key:"d86dbe0e70d983c82791caf5729ed0510df48b4d",name:"second-checkbox",checked:true},a("smoothly-icon",{key:"28505106b36406f9a24fdd0f8f27dea211544f38",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",a("smoothly-input-clear",{key:"7240cc38a40cfe3ca5ee3cdbb5ae971ebbf23efb",size:"icon",slot:"end"})),a("smoothly-input-checkbox",{key:"64df44307f15d6ca5878b5933b847931973a4bd4",name:"third-checkbox"},"3rd")),a("h4",{key:"d6cd694e036d14b16241a4664ed9e9a6b9257c80"},"Smoothly Radio Buttons"),a("smoothly-input-radio",{key:"43f5fe05e6889b3f009a85a996ca9f3df8418d85",clearable:true,name:"radioFirstInput"},a("smoothly-icon",{key:"67303cd42725a67937687862934c5eb4efb08617",name:"checkmark-circle",slot:"start"}),a("label",{key:"20faf3230a26de4d0578cc142212f849447826b0",slot:"label"},"Clearable"),a("smoothly-input-radio-item",{key:"c8f0663f1aca55d837179e535675837b8c5dc486",value:"first"},"Label 1"),a("smoothly-input-radio-item",{key:"f699d87b7edd1e815068671279f6454a071dd26f",selected:true,value:"second"},"Label 2"),a("smoothly-input-radio-item",{key:"6c76a26cbcf6c0279ea178a8c2fa5cb70d592614",value:"third"},"Label 3"),a("smoothly-input-clear",{key:"146770892b8d84fe6686d7d360b2c119271b068e",size:"icon",slot:"end"})),a("smoothly-input-radio",{key:"d15590998dacc095683e2a2149bd4d0008458c6c",name:"radioSecondInput"},a("label",{key:"91206150e39f16cc6b63c27e936e0890d085dd3c",slot:"label"},"Not clearable"),a("smoothly-input-radio-item",{key:"4be57f196fceca8c421b1a76539383e583815d47",value:"first"},"Label 1"),a("smoothly-input-radio-item",{key:"64fb53d589cbc3c41d2716bcd0a94e0852b61984",value:"second"},"Label 2"),a("smoothly-input-radio-item",{key:"cfd1618ca1085b04f892a0f7c41c3ba015817f8e",value:"third"},"Label 3"),a("smoothly-input-radio-item",{key:"5204c85dc39eb90eb2203f7bc95465fd3505e0ee",value:"fourth"},"Label 4"),a("smoothly-input-radio-item",{key:"7beb685e25cd77b0c4ee67d52c08d3dda77bbb43",value:"fifth"},"Label 5"),a("smoothly-input-radio-item",{key:"2e540abce5ef3a5ef00f9bf66e28d4dcc2dcf033",value:"sixth"},"Label 6")),a("smoothly-input-range-demo",{key:"0734d3ef8222645914a3de1baca3a564658155b2"}),a("smoothly-input-color-demo",{key:"4efc6abf40e3b21f406e0bc0c56e0b1549bf7c62"}),a("smoothly-input-price-demo",{key:"bd457e1f8ac312ee0feb1685bee15b7ec9cfd451"}),a("smoothly-back-to-top",{key:"a1795f547d9bcfc820f76df3e60f9611a8d654e8"})))}static get style(){return X()}},[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),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))){j()}break;case"smoothly-input-clear":if(!customElements.get(c(e))){g()}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))){C()}break;case"smoothly-input-date-demo":if(!customElements.get(c(e))){S()}break;case"smoothly-input-date-range":if(!customElements.get(c(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(c(e))){D()}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))){N()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){B()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){F()}break;case"smoothly-input-range":if(!customElements.get(c(e))){Z()}break;case"smoothly-input-range-demo":if(!customElements.get(c(e))){H()}break;case"smoothly-input-reset":if(!customElements.get(c(e))){K()}break;case"smoothly-input-select":if(!customElements.get(c(e))){V()}break;case"smoothly-input-submit":if(!customElements.get(c(e))){_()}break;case"smoothly-item":if(!customElements.get(c(e))){J()}break;case"smoothly-spinner":if(!customElements.get(c(e))){Q()}break;case"smoothly-tab":if(!customElements.get(c(e))){R()}break;case"smoothly-tabs":if(!customElements.get(c(e))){q()}break;case"smoothly-toggle-switch":if(!customElements.get(c(e))){T()}break}}))}O();export{G as S,O as d};
+//# sourceMappingURL=p-CDbQFx9i.js.map

package/dist/components/{p-DDtRlhit.js → p-CF7MePy1.js}

@@ -1,2 +1,2 @@
-import{p as s,H as t,c as i,h as e,d as o,t as h}from"./p-BsZrGTcp.js";import{S as r}from"./p-DoFURPl2.js";const l=s(class s extends t{constructor(s){super();if(s!==false){this.__registerHost()}this.smoothlyLoadMore=i(this,"smoothlyLoadMore");this.triggerMode="intersection";this.name="";this.multiple=false}checkInView(){if(this.inView){this.smoothlyLoadMore.emit(this.name)}}connectedCallback(){var s;this.observer=new IntersectionObserver(((s,t)=>this.observationHandler(t,s)));this.observer.observe(this.element);if(this.triggerMode=="scroll"){this.inView&&this.smoothlyLoadMore.emit(this.name);if(this.multiple||!this.multiple&&!this.inView){this.scrollableParent=r.findParent(this.element);(s=this.scrollableParent)===null||s===void 0?void 0:s.addEventListener("scroll",this.checkInView.bind(this),{once:!this.multiple})}}}disconnectedCallback(){var s;(s=this.scrollableParent)===null||s===void 0?void 0:s.removeEventListener("scroll",this.checkInView.bind(this));this.observer.disconnect()}observationHandler(s,t){var i,e;this.inView=((e=(i=t.find((s=>s.target==this.element)))===null||i===void 0?void 0:i.intersectionRatio)!==null&&e!==void 0?e:0)>0;if(this.inView){this.smoothlyLoadMore.emit(this.name);!this.multiple&&(s.unobserve(this.element),s.disconnect())}}render(){return e(o,{key:"c53981c4ea71c41217b4a4262c971dab45a84fe9"})}get element(){return this}},[2,"smoothly-load-more",{triggerMode:[1,"trigger-mode"],name:[1],multiple:[4],inView:[32]}]);function n(){if(typeof customElements==="undefined"){return}const s=["smoothly-load-more"];s.forEach((s=>{switch(s){case"smoothly-load-more":if(!customElements.get(h(s))){customElements.define(h(s),l)}break}}))}n();export{l as L,n as d};
-//# sourceMappingURL=p-DDtRlhit.js.map
+import{p as s,H as t,c as i,h as e,d as o,t as h}from"./p-BsZrGTcp.js";import{S as r}from"./p-DoFURPl2.js";const l=s(class s extends t{constructor(s){super();if(s!==false){this.__registerHost()}this.smoothlyLoadMore=i(this,"smoothlyLoadMore");this.triggerMode="intersection";this.name="";this.multiple=false}checkInView(){if(this.inView){this.smoothlyLoadMore.emit(this.name)}}connectedCallback(){var s;this.observer=new IntersectionObserver(((s,t)=>this.observationHandler(t,s)));this.observer.observe(this.element);if(this.triggerMode=="scroll"){this.inView&&this.smoothlyLoadMore.emit(this.name);if(this.multiple||!this.multiple&&!this.inView){this.scrollableParent=r.findParent(this.element);(s=this.scrollableParent)===null||s===void 0?void 0:s.addEventListener("scroll",this.checkInView.bind(this),{once:!this.multiple})}}}disconnectedCallback(){var s;(s=this.scrollableParent)===null||s===void 0?void 0:s.removeEventListener("scroll",this.checkInView.bind(this));this.observer.disconnect()}observationHandler(s,t){var i,e;this.inView=((e=(i=t.find((s=>s.target==this.element)))===null||i===void 0?void 0:i.intersectionRatio)!==null&&e!==void 0?e:0)>0;if(this.inView){this.smoothlyLoadMore.emit(this.name);!this.multiple&&(s.unobserve(this.element),s.disconnect())}}render(){return e(o,{key:"e0443cf851d13bd9825e8d36d5995be9cd80b241"})}get element(){return this}},[2,"smoothly-load-more",{triggerMode:[1,"trigger-mode"],name:[1],multiple:[4],inView:[32]}]);function n(){if(typeof customElements==="undefined"){return}const s=["smoothly-load-more"];s.forEach((s=>{switch(s){case"smoothly-load-more":if(!customElements.get(h(s))){customElements.define(h(s),l)}break}}))}n();export{l as L,n as d};
+//# sourceMappingURL=p-CF7MePy1.js.map

package/dist/components/p-CGfga7g-.js

@@ -0,0 +1,2 @@
+import{p as s,H as o,h as t,d as e,t as a}from"./p-BsZrGTcp.js";import{d as c}from"./p-CF7MePy1.js";const l=()=>`.sc-smoothly-lazy-h{display:block}`;const d=s(class s extends o{constructor(s){super();if(s!==false){this.__registerHost()}this.show=false}loadMoreHandler(s){s.stopPropagation();this.show=true}render(){return t(e,{key:"50d332d965cae055754032d40db1cc5c3b2d5015"},t("slot",{key:"b9d235d7cf347bcf4bd9a3736d0db572633b8a1a",name:"before"}),t("smoothly-load-more",{key:"c54a2473376d12954c0d7a661a47285827317999",onSmoothlyLoadMore:s=>this.loadMoreHandler(s)}),this.show&&(typeof this.content=="function"?t(this.content,null):this.content),t("slot",{key:"7304f07a8ebac3104c8a491dd42934c016bc44a8"}))}static get style(){return l()}},[262,"smoothly-lazy",{show:[1028],content:[16]}]);function r(){if(typeof customElements==="undefined"){return}const s=["smoothly-lazy","smoothly-load-more"];s.forEach((s=>{switch(s){case"smoothly-lazy":if(!customElements.get(a(s))){customElements.define(a(s),d)}break;case"smoothly-load-more":if(!customElements.get(a(s))){c()}break}}))}r();export{d as S,r as d};
+//# sourceMappingURL=p-CGfga7g-.js.map

package/dist/components/{p-jq25vUmm.js → p-CHjWijPI.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as s,h as a,F as l,t as e}from"./p-BsZrGTcp.js";import{i as r}from"./p-BVKhAhsB.js";import{w as c,m as n,d as h}from"./p-BagcEQ4o.js";import{d}from"./p-DDYB8QLF.js";import{d as i}from"./p-C88eMND6.js";import{d as m}from"./p-ByRyVRgY.js";const y=()=>`.sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));-webkit-user-select:none;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{position:relative;cursor:pointer}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity))}>table>tr>td.sc-smoothly-calendar-h:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.today.sc-smoothly-calendar::before{content:"";inset:2px;position:absolute;border:1px solid currentColor}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;opacity:0.5}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyDateSet=s(this,"smoothlyDateSet");this.smoothlyDateRangeSet=s(this,"smoothlyDateRangeSet");this.clickCounter=0}componentWillLoad(){this.onStart();this.onEnd()}onStart(){this.startInternal=this.start}onEnd(){this.endInternal=this.end}async jumpTo(t){var o,s,a,l;const e=r.Date.Year.is(t.Y)?t.Y:(s=(o=this.month)===null||o===void 0?void 0:o.substring(0,4))!==null&&s!==void 0?s:r.Date.now().substring(0,4);const c=r.Date.Month.is(t.M)?t.M:(l=(a=this.month)===null||a===void 0?void 0:a.substring(5,7))!==null&&l!==void 0?l:r.Date.now().substring(5,7);const n=`${e}-${c}-01`;if(r.Date.is(n)){this.month=n}}onClick(t){this.value=t;this.smoothlyDateSet.emit(this.value)}onClickDoubleInput(t){this.clickCounter+=1;if(this.clickCounter%2==1){this.startInternal=this.endInternal=this.frozenDate=t}else{const o=this.startInternal>t?t:this.startInternal;const s=this.endInternal<t?t:this.endInternal;this.startInternal=o;this.endInternal=s}this.clickCounter%2==0&&this.startInternal&&this.endInternal&&this.smoothlyDateRangeSet.emit({start:this.startInternal,end:this.endInternal})}onHover(t){if(this.doubleInput&&this.clickCounter%2==1){if(t<this.frozenDate){this.startInternal=t;this.endInternal=this.frozenDate}else{this.startInternal=this.frozenDate;this.endInternal=t}}}withinLimit(t){return(!this.min||t>=this.min)&&(!this.max||t<=this.max)}render(){var t,o,s;return a(l,{key:"51ec0570b1b71eb9ff8bca9984ecf40550abe435"},a("smoothly-input-month",{key:"1beb2d18f5a08e93d88fddca59675078d8662715",name:"month",value:(t=this.month)!==null&&t!==void 0?t:this.value,min:this.min,max:this.max,inCalendar:true,next:true,previous:true,showLabel:false,onSmoothlyInput:t=>{t.stopPropagation();"month"in t.detail&&typeof t.detail.month=="string"&&(this.month=t.detail.month)},onSmoothlyUserInput:t=>t.stopPropagation()},a("div",{key:"14ed1a3cc6dd8fe89d7ac4f1450f391ccb0bff77",slot:"year-label"},a("slot",{key:"c07b485adf7b6b4aa71d3ceb10d530aa029c652d",name:"year-label"})),a("div",{key:"cd1e232ded9c2ac84156de7419bc46bdd4e01680",slot:"month-label"},a("slot",{key:"1255e6cef5898b90aba12716639774957e09cd86",name:"month-label"}))),a("table",{key:"8ada3e2ac6abf42710c8611d9264ddbc7691e307"},a("thead",{key:"1f686102dc5f57bbc838d11d984e85407d44fdda"},a("tr",{key:"41ab20afc9b1a4491f5070345f779dc6238dd8d3"},c().map((t=>a("th",null,t))))),n((s=(o=this.month)!==null&&o!==void 0?o:this.value)!==null&&s!==void 0?s:r.Date.now()).map((t=>a("tr",null,t.map((t=>{var o,s,l,e;return a("td",{tabindex:1,onMouseOver:this.withinLimit(t)?()=>this.onHover(t):undefined,onClick:this.withinLimit(t)?()=>this.doubleInput?this.onClickDoubleInput(t):this.onClick(t):undefined,class:{selected:t==this.value||this.doubleInput&&(t==this.startInternal||t==this.endInternal),today:t==r.Date.now(),currentMonth:r.Date.firstOfMonth((s=(o=this.month)!==null&&o!==void 0?o:this.value)!==null&&s!==void 0?s:r.Date.now())==r.Date.firstOfMonth(t),dateRange:this.doubleInput&&t>((l=this.startInternal)!==null&&l!==void 0?l:"")&&t<((e=this.endInternal)!==null&&e!==void 0?e:""),disable:!this.withinLimit(t)}},t.substring(8,10))})))))))}get element(){return this}static get watchers(){return{start:[{onStart:0}],end:[{onEnd:0}]}}static get style(){return y()}},[262,"smoothly-calendar",{month:[1025],value:[1025],start:[1],end:[1],max:[1025],min:[1025],doubleInput:[516,"double-input"],startInternal:[32],endInternal:[32],jumpTo:[64]},undefined,{start:[{onStart:0}],end:[{onEnd:0}]}]);function u(){if(typeof customElements==="undefined"){return}const t=["smoothly-calendar","smoothly-icon","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-calendar":if(!customElements.get(e(t))){customElements.define(e(t),b)}break;case"smoothly-icon":if(!customElements.get(e(t))){d()}break;case"smoothly-input-month":if(!customElements.get(e(t))){h()}break;case"smoothly-input-select":if(!customElements.get(e(t))){i()}break;case"smoothly-item":if(!customElements.get(e(t))){m()}break}}))}u();export{b as C,u as d};
-//# sourceMappingURL=p-jq25vUmm.js.map
+import{p as t,H as o,c as s,h as a,F as l,t as e}from"./p-BsZrGTcp.js";import{i as r}from"./p-BVKhAhsB.js";import{w as c,m as n,d as h}from"./p-MqffyRVU.js";import{d}from"./p-DFSiKg4M.js";import{d as i}from"./p-BplZiuMF.js";import{d as m}from"./p-CVdJ19AA.js";const y=()=>`.sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));-webkit-user-select:none;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{position:relative;cursor:pointer}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity))}>table>tr>td.sc-smoothly-calendar-h:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.today.sc-smoothly-calendar::before{content:"";inset:2px;position:absolute;border:1px solid currentColor}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;opacity:0.5}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyDateSet=s(this,"smoothlyDateSet");this.smoothlyDateRangeSet=s(this,"smoothlyDateRangeSet");this.clickCounter=0}componentWillLoad(){this.onStart();this.onEnd()}onStart(){this.startInternal=this.start}onEnd(){this.endInternal=this.end}async jumpTo(t){var o,s,a,l;const e=r.Date.Year.is(t.Y)?t.Y:(s=(o=this.month)===null||o===void 0?void 0:o.substring(0,4))!==null&&s!==void 0?s:r.Date.now().substring(0,4);const c=r.Date.Month.is(t.M)?t.M:(l=(a=this.month)===null||a===void 0?void 0:a.substring(5,7))!==null&&l!==void 0?l:r.Date.now().substring(5,7);const n=`${e}-${c}-01`;if(r.Date.is(n)){this.month=n}}onClick(t){this.value=t;this.smoothlyDateSet.emit(this.value)}onClickDoubleInput(t){this.clickCounter+=1;if(this.clickCounter%2==1){this.startInternal=this.endInternal=this.frozenDate=t}else{const o=this.startInternal>t?t:this.startInternal;const s=this.endInternal<t?t:this.endInternal;this.startInternal=o;this.endInternal=s}this.clickCounter%2==0&&this.startInternal&&this.endInternal&&this.smoothlyDateRangeSet.emit({start:this.startInternal,end:this.endInternal})}onHover(t){if(this.doubleInput&&this.clickCounter%2==1){if(t<this.frozenDate){this.startInternal=t;this.endInternal=this.frozenDate}else{this.startInternal=this.frozenDate;this.endInternal=t}}}withinLimit(t){return(!this.min||t>=this.min)&&(!this.max||t<=this.max)}render(){var t,o,s;return a(l,{key:"51ec0570b1b71eb9ff8bca9984ecf40550abe435"},a("smoothly-input-month",{key:"1beb2d18f5a08e93d88fddca59675078d8662715",name:"month",value:(t=this.month)!==null&&t!==void 0?t:this.value,min:this.min,max:this.max,inCalendar:true,next:true,previous:true,showLabel:false,onSmoothlyInput:t=>{t.stopPropagation();"month"in t.detail&&typeof t.detail.month=="string"&&(this.month=t.detail.month)},onSmoothlyUserInput:t=>t.stopPropagation()},a("div",{key:"14ed1a3cc6dd8fe89d7ac4f1450f391ccb0bff77",slot:"year-label"},a("slot",{key:"c07b485adf7b6b4aa71d3ceb10d530aa029c652d",name:"year-label"})),a("div",{key:"cd1e232ded9c2ac84156de7419bc46bdd4e01680",slot:"month-label"},a("slot",{key:"1255e6cef5898b90aba12716639774957e09cd86",name:"month-label"}))),a("table",{key:"8ada3e2ac6abf42710c8611d9264ddbc7691e307"},a("thead",{key:"1f686102dc5f57bbc838d11d984e85407d44fdda"},a("tr",{key:"41ab20afc9b1a4491f5070345f779dc6238dd8d3"},c().map((t=>a("th",null,t))))),n((s=(o=this.month)!==null&&o!==void 0?o:this.value)!==null&&s!==void 0?s:r.Date.now()).map((t=>a("tr",null,t.map((t=>{var o,s,l,e;return a("td",{tabindex:1,onMouseOver:this.withinLimit(t)?()=>this.onHover(t):undefined,onClick:this.withinLimit(t)?()=>this.doubleInput?this.onClickDoubleInput(t):this.onClick(t):undefined,class:{selected:t==this.value||this.doubleInput&&(t==this.startInternal||t==this.endInternal),today:t==r.Date.now(),currentMonth:r.Date.firstOfMonth((s=(o=this.month)!==null&&o!==void 0?o:this.value)!==null&&s!==void 0?s:r.Date.now())==r.Date.firstOfMonth(t),dateRange:this.doubleInput&&t>((l=this.startInternal)!==null&&l!==void 0?l:"")&&t<((e=this.endInternal)!==null&&e!==void 0?e:""),disable:!this.withinLimit(t)}},t.substring(8,10))})))))))}get element(){return this}static get watchers(){return{start:[{onStart:0}],end:[{onEnd:0}]}}static get style(){return y()}},[262,"smoothly-calendar",{month:[1025],value:[1025],start:[1],end:[1],max:[1025],min:[1025],doubleInput:[516,"double-input"],startInternal:[32],endInternal:[32],jumpTo:[64]},undefined,{start:[{onStart:0}],end:[{onEnd:0}]}]);function u(){if(typeof customElements==="undefined"){return}const t=["smoothly-calendar","smoothly-icon","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-calendar":if(!customElements.get(e(t))){customElements.define(e(t),b)}break;case"smoothly-icon":if(!customElements.get(e(t))){d()}break;case"smoothly-input-month":if(!customElements.get(e(t))){h()}break;case"smoothly-input-select":if(!customElements.get(e(t))){i()}break;case"smoothly-item":if(!customElements.get(e(t))){m()}break}}))}u();export{b as C,u as d};
+//# sourceMappingURL=p-CHjWijPI.js.map

package/dist/components/p-CKD_8Dn1.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as o,d as s,t as c}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as n}from"./p-DFSiKg4M.js";import{d as r}from"./p-o8kM0Soe.js";import{d as m}from"./p-wjlHVReJ.js";import{d as a}from"./p-4Xn3Nprv.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:"2643df3e90deb2ae7492de2e95307210c9d96a1a"},o("h2",{key:"8d7c08032c0fd5d42ea0a4b83bbc789ee12ad60c"},"State demo on smoothly-input"),o("p",{key:"7bd734e458356493b22a048bf6b3cc33eb089a88"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"9129cc133c3e16c1473ce93c4bf4e85f02e1dc76"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"100da1f7a7e0a4e8ccb610211dc1ef0f9a324853",name:"currency",onSmoothlyInput:e=>this.currency=i.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:"b60680c3c0a27ab6e1616844da966aaf5add80fe",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(c(e))){customElements.define(c(e),d)}break;case"smoothly-icon":if(!customElements.get(c(e))){n()}break;case"smoothly-input":if(!customElements.get(c(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){m()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){a()}break}}))}u();export{d as S,u as d};
+//# sourceMappingURL=p-CKD_8Dn1.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyInputPriceDemo","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","currencies","currency","render","h","Host","key","name","onSmoothlyInput","e","isoly","Currency","is","detail","undefined","map","selected","value","type"],"sources":["src/components/input/demo/price/style.css?tag=smoothly-input-price-demo&encapsulation=scoped","src/components/input/demo/price/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n","import { Component, h, Host, State, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-price-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputPriceDemo {\n\t@State() currencies: isoly.Currency[] = [\"EUR\", \"USD\", \"GBP\"]\n\t@State() currency?: isoly.Currency = \"USD\"\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>State demo on smoothly-input</h2>\n\t\t\t\t<p>This demo/test the internal state of the smoothly-input component.</p>\n\t\t\t\t<p>The currency of the price should update when switching between the currencies.</p>\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tname={\"currency\"}\n\t\t\t\t\tonSmoothlyInput={e => (this.currency = isoly.Currency.is(e.detail.currency) ? e.detail.currency : undefined)}>\n\t\t\t\t\t{this.currencies.map(currency => (\n\t\t\t\t\t\t<smoothly-input-radio-item key={currency} selected={currency == this.currency} value={currency}>\n\t\t\t\t\t\t\t{currency}\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-radio>\n\t\t\t\t<smoothly-input type={\"price\"} currency={this.currency}>\n\t\t\t\t\tprice\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"oPAAA,MAAMA,EAAW,IAAM,iD,MCQVC,EAAsBC,EAAA,MAAAD,UAAAE,EALnC,WAAAC,CAAAC,G,4CAMUC,KAAAC,WAA+B,CAAC,MAAO,MAAO,OAC9CD,KAAAE,SAA4B,KAuBrC,CArBA,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,MAAAE,IAAA,4EACAF,EAAA,KAAAE,IAAA,kHACAF,EAAA,KAAAE,IAAA,8HACAF,EAAA,wBAAAE,IAAA,2CACCC,KAAM,WACNC,gBAAiBC,GAAMT,KAAKE,SAAWQ,EAAMC,SAASC,GAAGH,EAAEI,OAAOX,UAAYO,EAAEI,OAAOX,SAAWY,WACjGd,KAAKC,WAAWc,KAAIb,GACpBE,EAAA,6BAA2BE,IAAKJ,EAAUc,SAAUd,GAAYF,KAAKE,SAAUe,MAAOf,GACpFA,MAIJE,EAAA,kBAAAE,IAAA,2CAAgBY,KAAM,QAAShB,SAAUF,KAAKE,UAAQ,S","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyInputPriceDemo","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","currencies","currency","render","h","Host","key","name","onSmoothlyInput","e","isoly","Currency","is","detail","undefined","map","selected","value","type"],"sources":["src/components/input/demo/price/style.css?tag=smoothly-input-price-demo&encapsulation=scoped","src/components/input/demo/price/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n","import { Component, h, Host, State, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-price-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputPriceDemo {\n\t@State() currencies: isoly.Currency[] = [\"EUR\", \"USD\", \"GBP\"]\n\t@State() currency?: isoly.Currency = \"USD\"\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>State demo on smoothly-input</h2>\n\t\t\t\t<p>This demo/test the internal state of the smoothly-input component.</p>\n\t\t\t\t<p>The currency of the price should update when switching between the currencies.</p>\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tname={\"currency\"}\n\t\t\t\t\tonSmoothlyInput={e => (this.currency = isoly.Currency.is(e.detail.currency) ? e.detail.currency : undefined)}>\n\t\t\t\t\t{this.currencies.map(currency => (\n\t\t\t\t\t\t<smoothly-input-radio-item key={currency} selected={currency == this.currency} value={currency}>\n\t\t\t\t\t\t\t{currency}\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-radio>\n\t\t\t\t<smoothly-input type={\"price\"} currency={this.currency}>\n\t\t\t\t\tprice\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"+OAAA,MAAMA,EAAW,IAAM,iD,MCQVC,EAAsBC,EAAA,MAAAD,UAAAE,EALnC,WAAAC,CAAAC,G,4CAMUC,KAAAC,WAA+B,CAAC,MAAO,MAAO,OAC9CD,KAAAE,SAA4B,KAuBrC,CArBA,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,MAAAE,IAAA,4EACAF,EAAA,KAAAE,IAAA,kHACAF,EAAA,KAAAE,IAAA,8HACAF,EAAA,wBAAAE,IAAA,2CACCC,KAAM,WACNC,gBAAiBC,GAAMT,KAAKE,SAAWQ,EAAMC,SAASC,GAAGH,EAAEI,OAAOX,UAAYO,EAAEI,OAAOX,SAAWY,WACjGd,KAAKC,WAAWc,KAAIb,GACpBE,EAAA,6BAA2BE,IAAKJ,EAAUc,SAAUd,GAAYF,KAAKE,SAAUe,MAAOf,GACpFA,MAIJE,EAAA,kBAAAE,IAAA,2CAAgBY,KAAM,QAAShB,SAAUF,KAAKE,UAAQ,S","ignoreList":[]}

package/dist/components/p-CPhreyuD.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as s,d as o,t as c}from"./p-BsZrGTcp.js";import{d as m}from"./p-DFSiKg4M.js";import{d as l}from"./p-BplZiuMF.js";import{d as n}from"./p-CVdJ19AA.js";const i=()=>``;const a=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.element="smoothly-css"}render(){return s(o,{key:"f3041c36aed21fc2bb574fe471136d352b9c4af7"},s("smoothly-input-select",{key:"9c0436083a8c694a5c71eb7d0baca1961cce2deb",name:"theme",looks:"border",onSmoothlyInput:e=>{const t=document.querySelector(`#${this.element}`);if(t instanceof HTMLLinkElement&&typeof e.detail.theme=="string"){t.href=e.detail.theme}}},s("label",{key:"25ab17959d5d58a305f7c66b44d045766d41fce2",slot:"label"},"Select theme"),s("slot",{key:"80d00e64a289d0e1ce3218ecd7c322317148e34e"})))}static get style(){return i()}},[262,"smoothly-theme-picker",{element:[1]}]);function r(){if(typeof customElements==="undefined"){return}const e=["smoothly-theme-picker","smoothly-icon","smoothly-input-select","smoothly-item"];e.forEach((e=>{switch(e){case"smoothly-theme-picker":if(!customElements.get(c(e))){customElements.define(c(e),a)}break;case"smoothly-icon":if(!customElements.get(c(e))){m()}break;case"smoothly-input-select":if(!customElements.get(c(e))){l()}break;case"smoothly-item":if(!customElements.get(c(e))){n()}break}}))}r();export{a as S,r as d};
+//# sourceMappingURL=p-CPhreyuD.js.map

package/dist/components/{p-DZmJ-Ege.js → p-CTwHHE82.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-BQOdxeHU.js";import{d as p}from"./p-C88eMND6.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-DZmJ-Ege.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-vvQg46ti.js";import{d as i}from"./p-DFSiKg4M.js";import{d as b}from"./p-o8kM0Soe.js";import{d as r}from"./p-Dd9tz4Tj.js";import{d as u}from"./p-BX-sEZyq.js";import{d as h}from"./p-wjlHVReJ.js";import{d as p}from"./p-4Xn3Nprv.js";import{d as f}from"./p-BplZiuMF.js";import{d as y}from"./p-CVdJ19AA.js";import{d as k}from"./p-DvOr53No.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 v=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 g(){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),v)}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))){p()}break;case"smoothly-input-select":if(!customElements.get(a(t))){f()}break;case"smoothly-item":if(!customElements.get(a(t))){y()}break;case"smoothly-spinner":if(!customElements.get(a(t))){k()}break}}))}g();export{v as S,g as d};
+//# sourceMappingURL=p-CTwHHE82.js.map

package/dist/components/{p-ByRyVRgY.js → p-CVdJ19AA.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as o,h as s,d as r,t as i}from"./p-BsZrGTcp.js";const l=()=>`[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-item-selected-background));color:rgb(var(--smoothly-item-selected-foreground));border-left:.3em solid rgb(var(--smoothly-item-selected-border))}[disabled].sc-smoothly-item-h,.sc-smoothly-item-h[disabled].sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-disabled-background));color:rgb(var(--smoothly-item-disabled-foreground));opacity:var(--smoothly-item-disabled-opacity);cursor:not-allowed}.sc-smoothly-item-h:not([hidden]){display:flex;align-items:center;padding:0.5em;cursor:pointer;border-left:.3em solid transparent;color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground));box-sizing:border-box;min-height:3rem}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground))}.sc-smoothly-item-h:not([disabled])[marked],.sc-smoothly-item-h:not([disabled]):hover,.sc-smoothly-item-h:not([disabled])[marked].sc-smoothly-item-s>*,.sc-smoothly-item-h:not([disabled]):hover.sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-hover-background));color:rgb(var(--smoothly-item-hover-foreground));fill:rgb(var(--smoothly-item-hover-foreground));stroke:rgb(var(--smoothly-item-hover-foreground))}`;const h=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyItemSelect=o(this,"smoothlyItemSelect");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyItemDOMChange=o(this,"smoothlyItemDOMChange");this.userInitiated=false;this.selected=false;this.disabled=false;this.deselectable=true}clickHandler(){if(!this.disabled&&(!this.selected||this.deselectable)){this.userInitiated=true;this.selected=!this.selected}}selectedWatcher(){this.smoothlyItemSelect.emit({userInitiated:this.userInitiated,item:this.element});this.userInitiated=false}componentWillLoad(){this.smoothlyInputLoad.emit((()=>{}))}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>this.smoothlyItemDOMChange.emit()));this.mutationObserver.observe(this.element,{childList:true,subtree:true,characterData:true});if(this.selected&&!this.disabled){this.smoothlyItemSelect.emit({userInitiated:false,item:this.element})}}async filter(t){var e;const o=typeof this.value==="string"?this.value:JSON.stringify((e=this.value)!==null&&e!==void 0?e:"");this.element.hidden=t?!(o.includes(t)||this.element.innerText.toLowerCase().includes(t)):false}render(){return s(r,{key:"f86c77b9ed66eeca4f9521883517fea9a8ce3292",tabIndex:-1},s("slot",{key:"9a72363e41c726d78c213179afcebafcafa48abc"}))}get element(){return this}static get watchers(){return{selected:[{selectedWatcher:0}]}}static get style(){return l()}},[262,"smoothly-item",{value:[8],selected:[1540],marked:[1540],disabled:[516],deselectable:[4],filter:[64]},[[0,"click","clickHandler"]],{selected:[{selectedWatcher:0}]}]);function a(){if(typeof customElements==="undefined"){return}const t=["smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-item":if(!customElements.get(i(t))){customElements.define(i(t),h)}break}}))}a();export{h as S,a as d};
-//# sourceMappingURL=p-ByRyVRgY.js.map
+import{p as e,H as t,c as o,h as s,d as r,t as i}from"./p-BsZrGTcp.js";const l=()=>`[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-item-selected-background));color:rgb(var(--smoothly-item-selected-foreground));border-left:.3em solid rgb(var(--smoothly-item-selected-border))}[disabled].sc-smoothly-item-h,.sc-smoothly-item-h[disabled].sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-disabled-background));color:rgb(var(--smoothly-item-disabled-foreground));opacity:var(--smoothly-item-disabled-opacity);cursor:not-allowed}.sc-smoothly-item-h:not([hidden]){display:flex;align-items:center;padding:0.5em;cursor:pointer;border-left:.3em solid transparent;color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground));box-sizing:border-box;min-height:3rem}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground))}.sc-smoothly-item-h:not([disabled])[marked],.sc-smoothly-item-h:not([disabled]):hover,.sc-smoothly-item-h:not([disabled])[marked].sc-smoothly-item-s>*,.sc-smoothly-item-h:not([disabled]):hover.sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-hover-background));color:rgb(var(--smoothly-item-hover-foreground));fill:rgb(var(--smoothly-item-hover-foreground));stroke:rgb(var(--smoothly-item-hover-foreground))}`;const h=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.smoothlyItemSelect=o(this,"smoothlyItemSelect");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyItemDOMChange=o(this,"smoothlyItemDOMChange");this.userInitiated=false;this.selected=false;this.disabled=false;this.deselectable=true}clickHandler(){if(!this.disabled&&(!this.selected||this.deselectable)){this.userInitiated=true;this.selected=!this.selected}}selectedWatcher(){this.smoothlyItemSelect.emit({userInitiated:this.userInitiated,item:this.element});this.userInitiated=false}componentWillLoad(){this.smoothlyInputLoad.emit((()=>{}))}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>this.smoothlyItemDOMChange.emit()));this.mutationObserver.observe(this.element,{childList:true,subtree:true,characterData:true});if(this.selected&&!this.disabled){this.smoothlyItemSelect.emit({userInitiated:false,item:this.element})}}async filter(e){var t;const o=typeof this.value==="string"?this.value:JSON.stringify((t=this.value)!==null&&t!==void 0?t:"");this.element.hidden=e?!(o.includes(e)||this.element.innerText.toLowerCase().includes(e)):false}render(){return s(r,{key:"b0d6998fcd5645acb5e00e9f733b2a614d375858",tabIndex:-1},s("slot",{key:"44c9550fe4711d850eeee02ace037e97a39b9ab7"}))}get element(){return this}static get watchers(){return{selected:[{selectedWatcher:0}]}}static get style(){return l()}},[262,"smoothly-item",{value:[8],selected:[1540],marked:[1540],disabled:[516],deselectable:[4],filter:[64]},[[0,"click","clickHandler"]],{selected:[{selectedWatcher:0}]}]);function m(){if(typeof customElements==="undefined"){return}const e=["smoothly-item"];e.forEach((e=>{switch(e){case"smoothly-item":if(!customElements.get(i(e))){customElements.define(i(e),h)}break}}))}m();export{h as S,m as d};
+//# sourceMappingURL=p-CVdJ19AA.js.map

package/dist/components/{p-BNjhlyw7.js → p-CYxd1Pkd.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-jq25vUmm.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-DhchoEO3.js";import{d as j}from"./p-CMLWVZ3h.js";import{d as g}from"./p-Cyl9K1If.js";import{d as x}from"./p-BagcEQ4o.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-C88eMND6.js";import{d as U}from"./p-ByRyVRgY.js";import{d as D}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 B=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 N(){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),B)}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))){D()}break}}))}N();export{B as S,N as d};
-//# sourceMappingURL=p-BNjhlyw7.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-CHjWijPI.js";import{d as r}from"./p-BE5E3Jm6.js";import{d as c}from"./p-CN3iME9d.js";import{d as l}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-DFSiKg4M.js";import{d as f}from"./p-o8kM0Soe.js";import{d as y}from"./p-Dd9tz4Tj.js";import{d as b}from"./p-CaQWZMN4.js";import{d as k}from"./p-CtVEKtM6.js";import{d as j}from"./p-KZeR_6LG.js";import{d as g}from"./p-BSHxNVcQ.js";import{d as x}from"./p-MqffyRVU.js";import{d as E}from"./p-wjlHVReJ.js";import{d as v}from"./p-4Xn3Nprv.js";import{d as C}from"./p-PwCtk_DY.js";import{d as I}from"./p-BplZiuMF.js";import{d as S}from"./p-CVdJ19AA.js";import{d as U}from"./p-BsHachOX.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 N=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:"3835c578ea7d246169e793bf4aa2c7a51fa5363d"},o("div",{key:"7b58c28df58685c05871b3b2e0ac1be312929ade"},o("h2",{key:"51ad8ea9e3aac7d2b86c8fd174f3e9a48697c15e"},"User Input Event"),o("p",{key:"47cea5b74881ab7616adfae6ebce65da42dbb313"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"2866d17687a295b23b453f5b1379e5e66bcbff41"},"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:"e16f064c937a6f9308630304c583ea341f832ad9"}),"Check the console to see the details of each ",o("code",{key:"78979ae82ed46d5a06a595e02df97ba33c89d2c0"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"138b41ca59399b09ff53e52b129ae97748ed387f",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"7d09fa4861e311009ab12e3c60002de3301927ec",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:"0d502c95cb5db26bdce3ba41d15556da80d64433",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"435dd06d5ce59811c106ca7c69b6dfa1be50c12a",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"33a6bd3e72cf03ec750a14924a837b7e684a8773",slot:"label"},"Select input"),this.values.map(((e,t)=>o("smoothly-item",{value:t,selected:t==this.selectIndex},e)))),o("smoothly-button",{key:"21adcb09ac47b9478957c45905170a860c49e1a8",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"359e7c7c033b09f9245ebc6be57bd34219d78ecf",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:"51fa448a76d00d5f1998ad57f03d21a054e8113a",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"b59321ca66af38b90a01d2eb3d0e17f18a904095",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"fc5fb9f656c6c6e999a552dced58d28a8acd1ef8",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:"b200be8a41c98d4f219a9f3530f3558fa971689c",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"dd284aa8c1ea6ad1cf4f0881250c105cb2a6ff0c",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:"20cc5a84fa556220aef39a2ae15ae412ea2fef0c",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"7590af1c0425b6219743d81726e05164b970187c",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:"3b3cc2b584fc194bd1386a710cbbbbf50e2968fc",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?i.Date.next(this.dateValue):i.Date.now()},"Next day"),o("smoothly-input-date",{key:"f38b4dd2f3e9bbf56f998ba8ede15b3c47b8dfee",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:"dc47c4b5003bfe3c2b9408d56a2b0646fa7d60b9",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?i.DateTime.nextDay(this.datetimeValue):i.DateTime.now()},"Next date time"),o("smoothly-input-date-time",{key:"564c412728fabb0a62c8344fb4f8f833805eda2a",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:"4028e3bc5a9625b4c0d302c1e856f618bf59fb22",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:"6416081389e857c3c18d2fad0dc11159a2aa93a6",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 V(){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),N)}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))){c()}break;case"smoothly-display-json":if(!customElements.get(a(e))){l()}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))){S()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){U()}break}}))}V();export{N as S,V as d};
+//# sourceMappingURL=p-CYxd1Pkd.js.map

package/dist/components/p-CaQWZMN4.js

@@ -0,0 +1,2 @@
+import{p as o,H as t,c as s,h as l,d as i,t as r}from"./p-BsZrGTcp.js";import{C as n}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as e}from"./p-iQDU7l2c.js";import{I as h}from"./p-vvQg46ti.js";import{d as c}from"./p-CN3iME9d.js";import{d as a}from"./p-DG2pfnCV.js";import{d as u}from"./p-uFR5K4vd.js";import{d}from"./p-DvZK__s-.js";import{d as m}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DFSiKg4M.js";import{d as y}from"./p-o8kM0Soe.js";import{d as b}from"./p-PwCtk_DY.js";import{d as g}from"./p-BsHachOX.js";const v=()=>`.sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-color-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-color-h,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-color-h .label.sc-smoothly-input-color{transform-origin:top right}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1rem 0 1rem 2.5rem;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:20;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:"";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}`;const f=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=e.Observer.create(this);this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined;this.readonly=false;this.output="rgb";this.showLabel=true;this.open=false;this.sliderMode="rgb"}async componentWillLoad(){this.value&&this.setInitialValue();this.value&&(this.rgb=n.Hex.toRGB(this.value));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,this.color=t}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((o=>this.parent=o));!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o))}smoothlyInputLooksHandler(o){if(o.target!=this.element){o.stopPropagation()}}smoothlyInputLoadHandler(o){h.registerSubAction(this,o)}onWindowClick(o){!o.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(o,t){h.formRename(this,t)}watchingReadonly(){this.observer.publish()}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.output==="rgb"?{r:this.rgb.r===undefined?undefined:Math.round(this.rgb.r),g:this.rgb.g===undefined?undefined:Math.round(this.rgb.g),b:this.rgb.b===undefined?undefined:Math.round(this.rgb.b)}:this.value?this.value:undefined}async clear(){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o;this.open=false}async reset(){this.value=this.initialValue;this.open=false}async setInitialValue(){this.initialValue=this.value;this.open=false}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}handleSwitchMode(o){o.stopPropagation();this.sliderMode=o.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=n.Hex.toRGB(this.value))}else{this.value&&(this.hsl=n.RGB.toHSL(n.Hex.toRGB(this.value)))}}async hexInputHandler(o){if(o!==this.value){if(o&&n.Hex.type.is(o)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=n.Hex.toRGB(o)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=n.RGB.toHSL(n.Hex.toRGB(o))}}else if(!o||!n.Hex.type.is(o)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=o;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}sliderInputHandler(o){var t;o.stopPropagation();const s=Object.keys(o.detail)[0];let l=this.sliderMode==="rgb"?this.rgb:this.hsl;if(!(o.detail[s]===undefined)){for(const i of Object.keys(l)){if(i===s){l=Object.assign(Object.assign({},l),{[i]:i==="s"||i==="l"?+((t=o.detail[s])!==null&&t!==void 0?t:0)*100:o.detail[s]})}else if(l[i]===undefined){l=Object.assign(Object.assign({},l),{[i]:0})}}if(this.sliderMode==="rgb"){this.rgb=Object.assign({},l);this.hsl=n.RGB.toHSL(this.rgb);this.hexInputHandler(n.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},l);this.rgb=n.HSL.toRGB(this.hsl);this.hexInputHandler(n.RGB.toHex(n.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var o,t,s,r,n,e;return l(i,{key:"4db4d9329eaee9cad54871a66e4ea406e04a5b92",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((o=this.rgb.r)!==null&&o!==void 0?o:0)}`,"--rgb-g":`${Math.round((t=this.rgb.g)!==null&&t!==void 0?t:0)}`,"--rgb-b":`${Math.round((s=this.rgb.b)!==null&&s!==void 0?s:0)}`,"--hsl-h":`${Math.round((r=this.hsl.h)!==null&&r!==void 0?r:0)}`,"--hsl-s":`${Math.round((n=this.hsl.s)!==null&&n!==void 0?n:0)}%`,"--hsl-l":`${Math.round((e=this.hsl.l)!==null&&e!==void 0?e:0)}%`,"--element-height":`${this.element.clientHeight}px`}},l("smoothly-input",{key:"d3fe0aeedcd45bacc1d38e75d7d5e97be3992a34",value:this.value,color:this.color,looks:undefined,name:this.name,type:"hex-color",readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,onSmoothlyInput:o=>(o===null||o===void 0?void 0:o.stopPropagation(),this.hexInputHandler(o.detail[this.name]))},l("slot",{key:"77f78c79097fc43d15b453044170290e25c1bfc2"})),l("div",{key:"f8c144c3cfdc9ef249c941f492b009030eb97dda",class:"color-sample"}),l("smoothly-icon",{key:"8d29d95ef7cbc08cdf429088e9f005a02544ecad",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),l("div",{key:"8efce2fd4ca6fbde9968bddd60b54cb6e097091e"},l("slot",{key:"fd99776b1a150dd549d69e013124308ab6d2f16f",name:"end"})),this.open&&!this.readonly&&!this.disabled&&l("div",{key:"67b8c3fb973292a65257eedb64ac7a01044843d2",class:"rgb-sliders"},l("smoothly-toggle-switch",{key:"f576c2ce5b277209b94c8560e559299c715ea1e1",title:`${this.sliderMode==="rgb"?"To HSL":"To RGB"}`,onSmoothlyToggleSwitchChange:o=>this.handleSwitchMode(o),size:"tiny",checkmark:false,selected:this.sliderMode==="hsl"}),Object.entries(this.rgb).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:o,min:0,max:255,color:undefined,type:"text",value:t,step:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()}))),Object.entries(this.hsl).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="hsl"?{display:"none"}:{},name:o,min:0,max:o==="h"?359:1,color:undefined,type:o==="s"||o==="l"?"percent":"text",value:(o==="s"||o==="l")&&t?t/100:t,step:o==="s"||o==="l"?.01:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()})))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}}static get style(){return v()}},[262,"smoothly-input-color",{value:[1025],looks:[1537],color:[1537],readonly:[1540],disabled:[516],output:[1],name:[513],showLabel:[516,"show-label"],open:[32],sliderMode:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}]);function k(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-color","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-range","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-input-color":if(!customElements.get(r(o))){customElements.define(r(o),f)}break;case"smoothly-display":if(!customElements.get(r(o))){c()}break;case"smoothly-display-json":if(!customElements.get(r(o))){a()}break;case"smoothly-display-json-object":if(!customElements.get(r(o))){u()}break;case"smoothly-display-json-primitive":if(!customElements.get(r(o))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(r(o))){m()}break;case"smoothly-icon":if(!customElements.get(r(o))){p()}break;case"smoothly-input":if(!customElements.get(r(o))){y()}break;case"smoothly-input-range":if(!customElements.get(r(o))){b()}break;case"smoothly-toggle-switch":if(!customElements.get(r(o))){g()}break}}))}k();export{f as S,k as d};
+//# sourceMappingURL=p-CaQWZMN4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["styleCss","SmoothlyInputColor","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","observer","Editable","Observer","create","rgb","r","undefined","g","b","hsl","h","s","l","value","readonly","output","showLabel","open","sliderMode","componentWillLoad","setInitialValue","Color","Hex","toRGB","smoothlyInputLooks","emit","looks","color","_a","smoothlyInput","name","getValue","smoothlyInputLoad","parent","smoothlyFormDisable","smoothlyInputLooksHandler","event","target","element","stopPropagation","smoothlyInputLoadHandler","Input","registerSubAction","onWindowClick","composedPath","includes","disconnectedCallback","isConnected","unregister","nameChange","_","oldName","formRename","watchingReadonly","publish","register","formAdd","formRemove","Math","round","clear","listen","listener","subscribe","edit","editable","reset","initialValue","valueChanged","handleSwitchMode","detail","RGB","toHSL","hexInputHandler","type","is","smoothlyUserInput","sliderInputHandler","Object","keys","temporaryColor","key","assign","toHex","HSL","openDropdown","render","Host","style","_b","_c","_d","_e","_f","clientHeight","disabled","onSmoothlyInput","class","size","onClick","title","onSmoothlyToggleSwitchChange","checkmark","selected","entries","map","display","min","max","step","outputSide","onSmoothlyUserInput","label","toUpperCase"],"sources":["src/components/input/color/style.css?tag=smoothly-input-color&encapsulation=scoped","src/components/input/color/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\talign-items: center;\n\tjustify-content: center;\n}\n:host>smoothly-input {\n\twidth: 100%;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n\t--smoothly-input-border-focus: none;\n}\n:host div.color-sample {\n\theight: 2em;\n\twidth: 3em;\n\tmargin-right: 0.5rem;\n\tbackground-color: var(--hexCode);\n\toutline: 1px solid rgb(var(--smoothly-input-border));\n\tborder-radius: 3px;\n}\n:host smoothly-icon[name=options-outline] {\n\tpadding-right: var(--input-padding-side);\n}\n:host[readonly] smoothly-icon[name=options-outline],\n:host[disabled] smoothly-icon[name=options-outline] {\n\tdisplay: none;\n}\n:host:not([readonly]):not([disabled]) smoothly-icon[name=options-outline] {\n\tcursor: pointer;\n}\n:host>div.rgb-sliders {\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tposition: absolute;\n\tpadding: 1rem 0 1rem 2.5rem;\n\ttop: calc(var(--element-height) + .8em);\n\tleft: 0;\n\tbox-sizing: border-box;\n\tz-index: 20;\n\tborder: 1px solid rgb(var(--smoothly-input-border));\n}\n:host>div.rgb-sliders::before {\n\tcontent: \"\";\n\ttransform: translate(2em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n\tposition: absolute;\n\tz-index: 100;\n\ttop: 0em\n}\n:host>div.rgb-sliders>smoothly-toggle-switch {\n\tmargin-left: auto;\n\tmargin-right: 1em;\n\tmargin-bottom: 1em;\n}\ndiv.rgb-sliders smoothly-input-range {\n\tpadding: .5em 0\n}\ndiv.rgb-sliders smoothly-input-range label {\n\twidth: 4em;\n}\n\n/* -------------RGB SLIDERS------------------- */\n\n/* --------------------R------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-moz-range-thumb {\n\tbackground-color: red;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-webkit-slider-thumb {\n\tbackground-color: red;\n}\n\n/* --------------------G------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-moz-range-thumb {\n\tbackground-color: green;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-webkit-slider-thumb {\n\tbackground-color: green;\n}\n\n/* --------------------B------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-moz-range-thumb { \n\tbackground-color: blue;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-webkit-slider-thumb  {\n\tbackground-color: blue;\n}\n\n/* -------------HSL SLIDERS------------------- */\n\n/* --------------------H------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to right in hsl longer hue, red, red)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-moz-range-track {\n\tbackground: linear-gradient(to right in hsl longer hue, red, red)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-webkit-slider-thumb {\n\tbackground-color: hsl(var(--hsl-h), 100%, 50%)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-moz-range-thumb {\n\tbackground-color: hsl(var(--hsl-h), 100%, 50%)\n}\n\n\n/* --------------------S------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-webkit-slider-runnable-track { \n\tbackground: linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%)); \n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-moz-range-track {\n\tbackground: linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%)); \n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-moz-range-thumb {\n\tbackground-color: hsl(var(--hsl-h), var(--hsl-s), 50%)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-webkit-slider-thumb {\n\tbackground-color: hsl(var(--hsl-h), var(--hsl-s), 50%)\n}\n\n/* --------------------L------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-moz-range-track {\n\tbackground: linear-gradient(to right, black, white)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to right, black, white)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-moz-range-thumb {\n\tbackground-color: #777;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-webkit-slider-thumb {\n\tbackground-color: #777;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { HSL } from \"../../../model/Color/HSL\"\nimport { RGB } from \"../../../model/Color/RGB\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-color\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputColor implements Input, Clearable, Editable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate rgb: RGB = { r: undefined, g: undefined, b: undefined }\n\tprivate hsl: HSL = { h: undefined, s: undefined, l: undefined }\n\tprivate initialValue: string | undefined\n\t@Prop({ mutable: true }) value: string | undefined = undefined\n\t@Prop({ mutable: true, reflect: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() output: \"rgb\" | \"hex\" = \"rgb\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Element() element: HTMLSmoothlyInputColorElement\n\t@State() open = false\n\t@State() sliderMode: \"rgb\" | \"hsl\" = \"rgb\"\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.value && this.setInitialValue()\n\t\tthis.value && (this.rgb = Color.Hex.toRGB(this.value))\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputColor) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<RGB | string | undefined> {\n\t\treturn this.output === \"rgb\"\n\t\t\t? {\n\t\t\t\t\tr: this.rgb.r === undefined ? undefined : Math.round(this.rgb.r),\n\t\t\t\t\tg: this.rgb.g === undefined ? undefined : Math.round(this.rgb.g),\n\t\t\t\t\tb: this.rgb.b === undefined ? undefined : Math.round(this.rgb.b),\n\t\t\t\t}\n\t\t\t: this.value\n\t\t\t\t? this.value\n\t\t\t\t: undefined\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.rgb = { r: undefined, g: undefined, b: undefined }\n\t\tthis.hsl = { h: undefined, s: undefined, l: undefined }\n\t\tthis.value = undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.open = false\n\t}\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\thandleSwitchMode(event: CustomEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.sliderMode = event.detail ? \"hsl\" : \"rgb\"\n\t\tif (this.sliderMode === \"rgb\") {\n\t\t\tthis.value && (this.rgb = Color.Hex.toRGB(this.value))\n\t\t} else {\n\t\t\tthis.value && (this.hsl = Color.RGB.toHSL(Color.Hex.toRGB(this.value)))\n\t\t}\n\t}\n\tasync hexInputHandler(value: string): Promise<void> {\n\t\tif (value !== this.value) {\n\t\t\tif (value && Color.Hex.type.is(value)) {\n\t\t\t\tif (this.sliderMode === \"hsl\" || this.rgb.r === undefined) {\n\t\t\t\t\tthis.rgb = Color.Hex.toRGB(value)\n\t\t\t\t}\n\t\t\t\tif (this.sliderMode === \"rgb\" || this.hsl.h === undefined) {\n\t\t\t\t\tthis.hsl = Color.RGB.toHSL(Color.Hex.toRGB(value))\n\t\t\t\t}\n\t\t\t} else if (!value || !Color.Hex.type.is(value)) {\n\t\t\t\tthis.rgb = { r: undefined, g: undefined, b: undefined }\n\t\t\t\tthis.hsl = { h: undefined, s: undefined, l: undefined }\n\t\t\t}\n\t\t\tthis.value = value\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\tsliderInputHandler(event: CustomEvent<Data>): void {\n\t\tevent.stopPropagation()\n\t\tconst color = Object.keys(event.detail)[0]\n\t\tlet temporaryColor = this.sliderMode === \"rgb\" ? this.rgb : this.hsl\n\t\ttype ColorType = HSL | RGB\n\t\tif (!(event.detail[color] === undefined)) {\n\t\t\tfor (const key of Object.keys(temporaryColor)) {\n\t\t\t\tif (key === color) {\n\t\t\t\t\ttemporaryColor = {\n\t\t\t\t\t\t...temporaryColor,\n\t\t\t\t\t\t[key]: key === \"s\" || key === \"l\" ? +(event.detail[color] ?? 0) * 100 : event.detail[color],\n\t\t\t\t\t}\n\t\t\t\t} else if (temporaryColor[key as keyof ColorType] === undefined) {\n\t\t\t\t\ttemporaryColor = { ...temporaryColor, [key]: 0 }\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (this.sliderMode === \"rgb\") {\n\t\t\t\tthis.rgb = { ...temporaryColor } as RGB\n\t\t\t\tthis.hsl = Color.RGB.toHSL(this.rgb)\n\t\t\t\tthis.hexInputHandler(Color.RGB.toHex(this.rgb))\n\t\t\t} else {\n\t\t\t\tthis.hsl = { ...temporaryColor } as HSL\n\t\t\t\tthis.rgb = Color.HSL.toRGB(this.hsl)\n\t\t\t\tthis.hexInputHandler(Color.RGB.toHex(Color.HSL.toRGB(this.hsl)))\n\t\t\t}\n\t\t}\n\t}\n\topenDropdown(): void {\n\t\tthis.open = !this.open\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{\n\t\t\t\t\t\"--hexCode\": this.value,\n\t\t\t\t\t\"--rgb-r\": `${Math.round(this.rgb.r ?? 0)}`,\n\t\t\t\t\t\"--rgb-g\": `${Math.round(this.rgb.g ?? 0)}`,\n\t\t\t\t\t\"--rgb-b\": `${Math.round(this.rgb.b ?? 0)}`,\n\t\t\t\t\t\"--hsl-h\": `${Math.round(this.hsl.h ?? 0)}`,\n\t\t\t\t\t\"--hsl-s\": `${Math.round(this.hsl.s ?? 0)}%`,\n\t\t\t\t\t\"--hsl-l\": `${Math.round(this.hsl.l ?? 0)}%`,\n\t\t\t\t\t\"--element-height\": `${this.element.clientHeight}px`,\n\t\t\t\t}}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={undefined}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={\"hex-color\"}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={event => (event?.stopPropagation(), this.hexInputHandler(event.detail[this.name]))}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<div class=\"color-sample\" />\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tname=\"options-outline\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonClick={() => !this.readonly && !this.disabled && this.openDropdown()}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t{/* Extra div needed otherwise stencil sets hidden on the slot for no apparent reason */}\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</div>\n\t\t\t\t{this.open && !this.readonly && !this.disabled && (\n\t\t\t\t\t<div class=\"rgb-sliders\">\n\t\t\t\t\t\t<smoothly-toggle-switch\n\t\t\t\t\t\t\ttitle={`${this.sliderMode === \"rgb\" ? \"To HSL\" : \"To RGB\"}`}\n\t\t\t\t\t\t\tonSmoothlyToggleSwitchChange={event => this.handleSwitchMode(event)}\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tcheckmark={false}\n\t\t\t\t\t\t\tselected={this.sliderMode === \"hsl\"}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{Object.entries(this.rgb).map(([key, value]) => (\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tstyle={this.sliderMode != \"rgb\" ? { display: \"none\" } : {}}\n\t\t\t\t\t\t\t\tname={key}\n\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\tmax={255}\n\t\t\t\t\t\t\t\tcolor={undefined}\n\t\t\t\t\t\t\t\ttype={\"text\"}\n\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\tstep={1}\n\t\t\t\t\t\t\t\toutputSide=\"right\"\n\t\t\t\t\t\t\t\tonSmoothlyInput={event => this.sliderInputHandler(event)}\n\t\t\t\t\t\t\t\tonSmoothlyUserInput={event => event.stopPropagation()}\n\t\t\t\t\t\t\t\tlabel={key.toUpperCase()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t{Object.entries(this.hsl).map(([key, value]) => (\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tstyle={this.sliderMode != \"hsl\" ? { display: \"none\" } : {}}\n\t\t\t\t\t\t\t\tname={key}\n\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\tmax={key === \"h\" ? 359 : 1}\n\t\t\t\t\t\t\t\tcolor={undefined}\n\t\t\t\t\t\t\t\ttype={key === \"s\" || key === \"l\" ? \"percent\" : \"text\"}\n\t\t\t\t\t\t\t\tvalue={(key === \"s\" || key === \"l\") && value ? value / 100 : value}\n\t\t\t\t\t\t\t\tstep={key === \"s\" || key === \"l\" ? 0.01 : 1}\n\t\t\t\t\t\t\t\toutputSide=\"right\"\n\t\t\t\t\t\t\t\tonSmoothlyInput={event => this.sliderInputHandler(event)}\n\t\t\t\t\t\t\t\tonSmoothlyUserInput={event => event.stopPropagation()}\n\t\t\t\t\t\t\t\tlabel={key.toUpperCase()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-BWT1q2tN.js → p-CceVYEd4.js}

@@ -1,2 +1,2 @@
-import{p as e,H as l,h as o,d as t,t as a}from"./p-BsZrGTcp.js";const s=()=>`.sc-smoothly-table-row-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;box-sizing:border-box;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-row-h .smoothly-table-cell.sc-smoothly-table-row,.sc-smoothly-table-row-h.sc-smoothly-table-row-s>.smoothly-table-cell{display:flex;grid-column:span var(--smoothly-table-cell-span, 1);align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell){grid-template-rows:auto 0fr 0fr}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell[open]){grid-template-rows:auto 1fr 0fr}`;const r=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.expandableCells=new Set}smoothlyTableExpandableCellRegisterHandler(e){e.stopPropagation();this.expandableCells.add(e.target)}smoothlyTableExpandableCellChangeHandler(e){if(e.detail){for(const l of this.expandableCells){e.target!=l&&l.close()}}}render(){return o(t,{key:"a7150d8e85573818c5253287f7a16af0726cd566"},o("slot",{key:"11a1f41ac92bfdfbbe55a5d56998395ffbe7f1df"}))}static get style(){return s()}},[262,"smoothly-table-row",undefined,[[0,"smoothlyTableExpandableCellRegister","smoothlyTableExpandableCellRegisterHandler"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChangeHandler"]]]);function n(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-row":if(!customElements.get(a(e))){customElements.define(a(e),r)}break}}))}n();export{r as S,n as d};
-//# sourceMappingURL=p-BWT1q2tN.js.map
+import{p as e,H as l,h as o,d as t,t as a}from"./p-BsZrGTcp.js";const s=()=>`.sc-smoothly-table-row-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;box-sizing:border-box;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-row-h .smoothly-table-cell.sc-smoothly-table-row,.sc-smoothly-table-row-h.sc-smoothly-table-row-s>.smoothly-table-cell{display:flex;grid-column:span var(--smoothly-table-cell-span, 1);align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell){grid-template-rows:auto 0fr 0fr}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell[open]){grid-template-rows:auto 1fr 0fr}`;const r=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.expandableCells=new Set}smoothlyTableExpandableCellRegisterHandler(e){e.stopPropagation();this.expandableCells.add(e.target)}smoothlyTableExpandableCellChangeHandler(e){if(e.detail){for(const l of this.expandableCells){e.target!=l&&l.close()}}}render(){return o(t,{key:"41eeaab614f1b034c4035258b315855fc402b8c2"},o("slot",{key:"23b870fd478af837fcc1747da8b9e7bf731a0dbe"}))}static get style(){return s()}},[262,"smoothly-table-row",undefined,[[0,"smoothlyTableExpandableCellRegister","smoothlyTableExpandableCellRegisterHandler"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChangeHandler"]]]);function n(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-row":if(!customElements.get(a(e))){customElements.define(a(e),r)}break}}))}n();export{r as S,n as d};
+//# sourceMappingURL=p-CceVYEd4.js.map

package/dist/components/p-Cfvi2T1F.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as s,d as a,t as o}from"./p-BsZrGTcp.js";import{d as m}from"./p-mmAi00ak.js";import{d as n}from"./p-CN3iME9d.js";import{d as c}from"./p-DG2pfnCV.js";import{d}from"./p-uFR5K4vd.js";import{d as r}from"./p-DvZK__s-.js";import{d as l}from"./p-F8qX8ZuL.js";import{d as i}from"./p-DFSiKg4M.js";import{d as f}from"./p-o8kM0Soe.js";import{d as p}from"./p-BX-sEZyq.js";import{d as b}from"./p-PwCtk_DY.js";const y=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return s(a,{key:"850a5ea8cc3b512e2661333525b28eb5019287b3"},s("h2",{key:"0a0f623f23a6739f5aeb96c4b5f1679e9e0fcb34"},"Range"),s("h3",{key:"53535b3d6a89421a97851d0bd9fae947cc13b9ac"},"Phone Number"),s("smoothly-input-range",{key:"87041e028b3e3679261c04f13a0a191f382a19a5",name:"first",min:7e8,max:799999999,step:1,label:"Phone Number"}),s("h3",{key:"9875d80de18b17eca10c223004f8860e49057b8d"},"Stars out of ten"),s("smoothly-input-range",{key:"45a7669fc4115edec078db9d7d02038f5ebd0b7d",name:"stars",max:10,step:1,label:"Stars"}),s("h3",{key:"7b0dfeef448af88731df524c2616062d97fade53"},"Percent"),s("smoothly-input-range",{key:"16cc894decd70155beb121fd8ca3d6e4e743f3b3",name:"percent",type:"percent",max:1,step:.01,label:"Percent"}),s("h3",{key:"f71216975dea018c658b0501eb20cf266750e210"},"With icon at start and clear button"),s("smoothly-input-range",{key:"2acb17d8d7173d3c8f2cbddf7b0626fba989fdb0",step:1,name:"withClear",label:"Select"},s("smoothly-icon",{key:"773be31ffa04141dac37b6a9b54fde28c1499cf2",name:"checkmark-circle",slot:"start"}),s("smoothly-input-clear",{key:"c72262a6951103b03fa1af298a94152937e76338",size:"icon",slot:"end"})),s("h3",{key:"de256bcef1e529daf7df1f49c5874def1e5e6248"},"Dual (start / end)"),s("smoothly-input-range",{key:"0021e39e8db099b1afa54c9716e6923f535a2a05",dual:true,min:90.86,max:1e7,step:1,name:"dualRange",label:"Range"}),s("h3",{key:"add2d05dc7abb04da120eaea454b8ea2bd2cc552"},"Dual percent"),s("smoothly-input-range",{key:"199cdddf49337ffb96121ecc851e02523357007d",dual:true,name:"dualRangePercent",type:"percent",min:0,max:1,step:.01},s("smoothly-input-clear",{key:"7518efbb06a3c36182ddbfa8b22c8d3c960ef808",size:"icon",slot:"end"})))}},[0,"smoothly-input-range-demo"]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-range-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-clear","smoothly-input-range"];e.forEach((e=>{switch(e){case"smoothly-input-range-demo":if(!customElements.get(o(e))){customElements.define(o(e),y)}break;case"smoothly-button":if(!customElements.get(o(e))){m()}break;case"smoothly-display":if(!customElements.get(o(e))){n()}break;case"smoothly-display-json":if(!customElements.get(o(e))){c()}break;case"smoothly-display-json-object":if(!customElements.get(o(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(o(e))){r()}break;case"smoothly-display-json-record-key":if(!customElements.get(o(e))){l()}break;case"smoothly-icon":if(!customElements.get(o(e))){i()}break;case"smoothly-input":if(!customElements.get(o(e))){f()}break;case"smoothly-input-clear":if(!customElements.get(o(e))){p()}break;case"smoothly-input-range":if(!customElements.get(o(e))){b()}break}}))}u();export{y as S,u as d};
+//# sourceMappingURL=p-Cfvi2T1F.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SmoothlyInputRangeDemo","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","name","min","max","step","label","type","slot","size","dual"],"sources":["src/components/input/range/demo/index.tsx"],"sourcesContent":["import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-range-demo\",\n})\nexport class SmoothlyInputRangeDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Range</h2>\n\t\t\t\t<h3>Phone Number</h3>\n\t\t\t\t<smoothly-input-range name=\"first\" min={700000000} max={799999999} step={1} label={\"Phone Number\"} />\n\t\t\t\t<h3>Stars out of ten</h3>\n\t\t\t\t<smoothly-input-range name=\"stars\" max={10} step={1} label={\"Stars\"} />\n\t\t\t\t<h3>Percent</h3>\n\t\t\t\t<smoothly-input-range name=\"percent\" type=\"percent\" max={1} step={0.01} label={\"Percent\"} />\n\t\t\t\t<h3>With icon at start and clear button</h3>\n\t\t\t\t<smoothly-input-range step={1} name=\"withClear\" label=\"Select\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t</smoothly-input-range>\n\t\t\t\t<h3>Dual (start / end)</h3>\n\t\t\t\t<smoothly-input-range dual min={90.86} max={10000000} step={1} name=\"dualRange\" label=\"Range\" />\n\t\t\t\t<h3>Dual percent</h3>\n\t\t\t\t<smoothly-input-range dual name=\"dualRangePercent\" type=\"percent\" min={0} max={1} step={0.01}>\n\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t</smoothly-input-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"yaAKaA,EAAsBC,EAAA,MAAAD,UAAAE,E,4DAClC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,MAAAE,IAAA,qDACAF,EAAA,MAAAE,IAAA,4DACAF,EAAA,wBAAAE,IAAA,2CAAsBC,KAAK,QAAQC,IAAK,IAAWC,IAAK,UAAWC,KAAM,EAAGC,MAAO,iBACnFP,EAAA,MAAAE,IAAA,gEACAF,EAAA,wBAAAE,IAAA,2CAAsBC,KAAK,QAAQE,IAAK,GAAIC,KAAM,EAAGC,MAAO,UAC5DP,EAAA,MAAAE,IAAA,uDACAF,EAAA,wBAAAE,IAAA,2CAAsBC,KAAK,UAAUK,KAAK,UAAUH,IAAK,EAAGC,KAAM,IAAMC,MAAO,YAC/EP,EAAA,MAAAE,IAAA,mFACAF,EAAA,wBAAAE,IAAA,2CAAsBI,KAAM,EAAGH,KAAK,YAAYI,MAAM,UACrDP,EAAA,iBAAAE,IAAA,2CAAeC,KAAK,mBAAmBM,KAAK,UAC5CT,EAAA,wBAAAE,IAAA,2CAAsBQ,KAAK,OAAOD,KAAK,SAExCT,EAAA,MAAAE,IAAA,kEACAF,EAAA,wBAAAE,IAAA,2CAAsBS,KAAI,KAACP,IAAK,MAAOC,IAAK,IAAUC,KAAM,EAAGH,KAAK,YAAYI,MAAM,UACtFP,EAAA,MAAAE,IAAA,4DACAF,EAAA,wBAAAE,IAAA,2CAAsBS,KAAI,KAACR,KAAK,mBAAmBK,KAAK,UAAUJ,IAAK,EAAGC,IAAK,EAAGC,KAAM,KACvFN,EAAA,wBAAAE,IAAA,2CAAsBQ,KAAK,OAAOD,KAAK,S","ignoreList":[]}

package/dist/components/p-Ch1HU37X.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as o,d as a,t as s}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-vvQg46ti.js";import{d as l}from"./p-mmAi00ak.js";import{d as m}from"./p-CHjWijPI.js";import{d as r}from"./p-BE5E3Jm6.js";import{d as n}from"./p-CN3iME9d.js";import{d as h}from"./p-DG2pfnCV.js";import{d as f}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as p}from"./p-F8qX8ZuL.js";import{d as y}from"./p-DFSiKg4M.js";import{d as u}from"./p-o8kM0Soe.js";import{d as k}from"./p-Dd9tz4Tj.js";import{d as g}from"./p-BX-sEZyq.js";import{d as v}from"./p-CaQWZMN4.js";import{d as j}from"./p-CtVEKtM6.js";import{d as w}from"./p-KZeR_6LG.js";import{d as E}from"./p-BSHxNVcQ.js";import{d as x}from"./p-gEWA_tZo.js";import{d as L}from"./p-MqffyRVU.js";import{d as M}from"./p-wjlHVReJ.js";import{d as C}from"./p-4Xn3Nprv.js";import{d as R}from"./p-PwCtk_DY.js";import{d as S}from"./p-C22G-tNF.js";import{d as D}from"./p-BplZiuMF.js";import{d as B}from"./p-CVdJ19AA.js";import{d as F}from"./p-DvOr53No.js";import{d as T}from"./p-BsHachOX.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 G=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(a,{key:"54cf2b88dfb0ae3326c332e0d608b5e2aab4e2af"},o("div",{key:"c549a1f2bf55faa1db79e85170fd5106269400d0",class:"description"},o("h2",{key:"4cd8be6f457b84c4363c93262a0a8c57d6ad794a"},"Input Standard"),o("p",{key:"d704b09fb11c51a92fa618c106039ed01695ce58"},"Height of input should be ",o("code",{key:"abee88ddb4d762af1cde9a6f7c94ad13fd069152"},"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:"0922d6713e44cffa51cc253e94fb1ae98a823f24",looks:"grid",onSmoothlyFormInput:e=>this.options=e.detail},o("smoothly-input-select",{key:"1cdba85a6cddb32a49a763394b8cdb7b36d2c24a",name:"color"},o("span",{key:"58013cb8ab43cc7cc05f6ab58670ec5f41eab179",slot:"label"},"Color"),d.values.map((e=>o("smoothly-item",{value:e},o("span",{color:e},e)))),o("smoothly-input-clear",{key:"0eae109840ebc9b0101fb08f7daa61253826da9c",slot:"end"})),o("smoothly-input-select",{key:"f48cf9bd8f86d1eb5e68e3383bf9178ea27b5f22",name:"looks"},o("span",{key:"d6f665f4cbc8e871229312e611180bc0bf9607d1",slot:"label"},"Looks"),i.values.map((e=>o("smoothly-item",{value:e},e)))),o("smoothly-input-range",{key:"955d191d8da75e9dace4c57e6f6f3d427bdac864",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"cbd64dab264df038bf40efa6c2d8733f6c767185",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"e5a2a80fba021019871563ac7197360060ccb451",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"f1bca93555a7cc9fa7a56a39e6bbdfc5b7570edc",name:"invalid"},"Invalid"),o("smoothly-input",{key:"15361ba7d104e800e627aebc52d8fff1623782b9",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"649cc21e6575e27e765e17443678f14ac73ba84f",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"59125e661fdf79f98c9d5a0f8f2c97eeb52f2b52",name:"placeholder"},"Placeholder"),o("smoothly-input-checkbox",{key:"bc3803d7f0e97f5f8b7c863153aa0ce0d382e1de",name:"alwaysShowGuide"},"Always Show Guide (for date inputs)"))),o("div",{key:"44d87477325a59e8b62c1f7ce3a29cdc29705916",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"0adfeb398a2f6f969d206cb46eb4776808fd4fc9",class:"width"},"width: 100%"),o("div",{key:"1e617acd8e12c75a00259062602a8ef8775651cf",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"9521d2afdc06788925f96c2d0702fd3f00466359",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:"75e835255286d02e1b8185902b4df7fc2b0a1147"},"Text"),o("smoothly-input-clear",{key:"ddd739321caa1aad97518efcde5068fef178b456",slot:"end"})),o("div",{key:"a4ad7dae327fc4cf6fb5caa803f388f31d06ecff",class:"height"}),o("smoothly-input-select",{key:"f231934cefc5d3821b6f520e72ce616c8df1edf2",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:"a2b4eebb1dea9f2d1b22fd1be6b93a93b0597f7c",slot:"label"},"Select"),o("smoothly-item",{key:"1fb2b0202b27ce56ca8e2fa06caed522ff0b5b3a",value:"1"},"January"),o("smoothly-item",{key:"72aa6742664a98052cc7141e5a687b1cf813faff",value:"2"},"February"),o("smoothly-item",{key:"27a92cf4d1d270763606d11a1b2b863d714a18b9",value:"3"},"March"),o("smoothly-item",{key:"376e37b6c878d72052c0567c7ea8c5ddaedde42c",value:"4"},"April"),o("smoothly-item",{key:"ee5cb30a384b68ac775d4f2dd14d999876cc6e01",value:"5"},"May"),o("smoothly-item",{key:"1cccb653d2ba1e1c26f71b9d6d8d21b10c21640b",value:"6"},"June"),o("smoothly-item",{key:"53d755ca36cda89d4940b7870a2deab407b4aa8e",value:"7"},"July"),o("smoothly-item",{key:"bd2d030a7572e8deab0c4fb4bb5d46909e2152f5",value:"8"},"August"),o("smoothly-item",{key:"4aced24179d7ea64fd2e2974d121ede5530cbc4e",value:"9"},"September"),o("smoothly-item",{key:"175e1169c83cc572769b74b6e3423ed8c2cf16ff",value:"10"},"October"),o("smoothly-item",{key:"c9c658f19451bb0fa45deb3b1474ea26d303ec6d",value:"11"},"November"),o("smoothly-item",{key:"02072c3b0f758a906a37c389d74dc9d1f5afd448",value:"12"},"December"),o("smoothly-input-clear",{key:"363af4a49d65196a12635c968b2c8c4af91a056f",slot:"end"})),o("div",{key:"c81bee8b491579b8707397127ecbf54f3539034b",class:"height"}),o("smoothly-input-checkbox",{key:"edf6953cc408b492b44e68c62607a530a8874438",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:"eb5e4c9ac0a1589a42aa19923232cfe13fa64361",slot:"end"})),o("div",{key:"97202244d11753ea46184bec8c5b9dfe31e2e0d3",class:"height"}),o("smoothly-input-radio",{key:"8302f3b0ed032f66c75c286b4f0cf4aae285c35a",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:"cd39ed8dc900e22b6efa93e2ef5b4255dad1660d",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"8bb8c65b1e90e4e442de1d1329965112667d2eba",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"933fbb50487b72cd8f1ecc196547de5aee5e1e3a",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"6ae375b8ea906bc5f8cfa8f8407a9aee8eb29ab0",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"78c245bd8bf62b9df6937d572f3f815e84cd9bd3",slot:"end"})),o("div",{key:"f5df508ced55175718eaa0f19431f900ff0d2788",class:"height"}),o("smoothly-input-file",{key:"5d4ae4418d3f7013cf22f8fb0f78bd93f0ecb979",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:"d462612c0e9e13643f4a7df616edcbee8f006b1d",slot:"label"},"File"),o("smoothly-input-clear",{key:"ffc7bd441f3dff66eacb3ed51f5844d63aee7ef5",slot:"end"})),o("div",{key:"c29124164ed913c99cfe804486c354ffa7653132",class:"height"}),o("smoothly-input-range",{key:"6aa933677354590b9ddd1f95fea3a1cf541f7696",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:"46d9c421bf413d7af9f4a8d2cdd695600af7ded5",slot:"end"})),o("div",{key:"93acf05936faabd3aa658e2ea7bb9dcf012d908d",class:"height"}),o("smoothly-input-color",{key:"93b1fe1b0383b938248d54827bf9983a9914b3ef",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:"b796f92deb8e0d60d1ac58cd8106009e2ed1c2cd"},"Color"),o("smoothly-input-clear",{key:"b28f8a1870a419d0afe6cfa8e0f9fc7302909e86",slot:"end"})),o("div",{key:"aea88b754fff22bae5ab652fbcd1a41d9c8cf895",class:"height"}),o("smoothly-input-date",{key:"1c910d8bc7eb1d7348afc5206d6d934e645cec82",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:"ba7c7b9530c8890283b2357bb21e92bc25d64f7f"},"Date"),o("smoothly-input-clear",{key:"6abc2e55907861115339e3e13171751c0db11bac",slot:"end"})),o("div",{key:"164956934ba95e7edaf0631840da001d195ac246",class:"height"}),o("smoothly-input-date-time",{key:"6cfe15912a517a36a9398bb9aaa8bf0d18a67171",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:"79304b822a99ca3c24573e6383bf53855352ce0e",slot:"end"})),o("div",{key:"8a7d1e32a5e7599813f9e3e1c6e53ccfcb0ac546",class:"height"}),o("smoothly-input-date-range",{key:"ad46ae4f0436a0387daf5a8f4dd9f408d96454f8",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:"f2855738add5a20423d72a6faeacf9184feb27af"},"Date Range"),o("smoothly-input-clear",{key:"f84b6db52dafa6b2c85f8cb807daf0c6199007a1",slot:"end"})),o("div",{key:"54f5a41d2d404c7d17ab212ddbd07c85a2b45966",class:"height"})))}get element(){return this}static get style(){return A()}},[2,"smoothly-input-demo-standard",{duration:[32],options:[32]}]);function N(){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(s(e))){customElements.define(s(e),G)}break;case"smoothly-button":if(!customElements.get(s(e))){l()}break;case"smoothly-calendar":if(!customElements.get(s(e))){m()}break;case"smoothly-date-text":if(!customElements.get(s(e))){r()}break;case"smoothly-display":if(!customElements.get(s(e))){n()}break;case"smoothly-display-json":if(!customElements.get(s(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(s(e))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(s(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(s(e))){p()}break;case"smoothly-form":if(!customElements.get(s(e))){c()}break;case"smoothly-icon":if(!customElements.get(s(e))){y()}break;case"smoothly-input":if(!customElements.get(s(e))){u()}break;case"smoothly-input-checkbox":if(!customElements.get(s(e))){k()}break;case"smoothly-input-clear":if(!customElements.get(s(e))){g()}break;case"smoothly-input-color":if(!customElements.get(s(e))){v()}break;case"smoothly-input-date":if(!customElements.get(s(e))){j()}break;case"smoothly-input-date-range":if(!customElements.get(s(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(s(e))){E()}break;case"smoothly-input-file":if(!customElements.get(s(e))){x()}break;case"smoothly-input-month":if(!customElements.get(s(e))){L()}break;case"smoothly-input-radio":if(!customElements.get(s(e))){M()}break;case"smoothly-input-radio-item":if(!customElements.get(s(e))){C()}break;case"smoothly-input-range":if(!customElements.get(s(e))){R()}break;case"smoothly-input-reset":if(!customElements.get(s(e))){S()}break;case"smoothly-input-select":if(!customElements.get(s(e))){D()}break;case"smoothly-item":if(!customElements.get(s(e))){B()}break;case"smoothly-spinner":if(!customElements.get(s(e))){F()}break;case"smoothly-toggle-switch":if(!customElements.get(s(e))){T()}break}}))}N();export{G as S,N as d};
+//# sourceMappingURL=p-Ch1HU37X.js.map

package/dist/components/p-Ch5M1RA7.js

@@ -0,0 +1,2 @@
+import{p as e,H as o,h as t,d as a,t as s}from"./p-BsZrGTcp.js";import{d as m}from"./p-mmAi00ak.js";import{d as l}from"./p-Cl8L61mt.js";import{d as c}from"./p-CN3iME9d.js";import{d as i}from"./p-DG2pfnCV.js";import{d}from"./p-uFR5K4vd.js";import{d as f}from"./p-DvZK__s-.js";import{d as b}from"./p-F8qX8ZuL.js";import{d as r}from"./p-vvQg46ti.js";import{d as n}from"./p-DFSiKg4M.js";import{d as y}from"./p-o8kM0Soe.js";import{d as p}from"./p-Dd9tz4Tj.js";import{d as u}from"./p-BX-sEZyq.js";import{d as h}from"./p-CaQWZMN4.js";import{d as k}from"./p-DLgeylX5.js";import{d as j}from"./p-gEWA_tZo.js";import{d as g}from"./p-wjlHVReJ.js";import{d as v}from"./p-4Xn3Nprv.js";import{d as E}from"./p-PwCtk_DY.js";import{d as x}from"./p-C22G-tNF.js";import{d as F}from"./p-BplZiuMF.js";import{d as C}from"./p-BLdivqFr.js";import{d as z}from"./p-CVdJ19AA.js";import{d as D}from"./p-DvOr53No.js";import{d as A}from"./p-BsHachOX.js";const L=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(a,{key:"2b2e779dc35f9f35173515a6db59425654d7446a"},t("h2",{key:"b2423e5f45a6841b6fedcb7db17626ed192ee15d"},"All inputs"),t("smoothly-form",{key:"ac6fc721d22456edb5104ba9553c423d6f8bdebe",looks:"grid",type:"create",readonly:true,action:"https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4",onSmoothlyFormSubmit:e=>{Object.entries(e.detail.value).forEach((([e,o])=>console.log(e,o)))}},t("smoothly-input",{key:"4ec033bb9d51a7edc81cce2a1fde55bd21458318",readonly:true,name:"First Name",value:"John"},"First name"),t("smoothly-input",{key:"8d6abee797b1c9b60efeb068c828453174401012",showLabel:false,name:"Last name",value:"Doe"},"Last name",t("smoothly-input-clear",{key:"8caeac3cbd2290eaeeda549aea083d4499b960c5",size:"icon",slot:"end"})),t("smoothly-input",{key:"9a22277ed064a84b98a8c68c5f176758735748f0",type:"phone",name:"Phone",value:"777888999"},"Phone",t("smoothly-input-reset",{key:"2b45ff8ceaf71289d350e102d53123dc1c82600f",size:"icon",slot:"end"})),t("smoothly-input-radio",{key:"15856b48204c21b5f7318df22130e17aa3e14e8d",clearable:true,name:"radioFirstInput"},t("label",{key:"c94b6e0c185c8ab4325161a6e4249863017e5eb2",slot:"label"},"Clearable"),t("smoothly-input-radio-item",{key:"e978bde5ec519ab872eac3fb2a7d75b493099f31",value:"first"},"Label 1"),t("smoothly-input-radio-item",{key:"3c30fd0d9b549f93c912759f8329570db377df79",selected:true,value:"second"},"Label 2"),t("smoothly-input-radio-item",{key:"2f3f773cade1c39fa2a121b24ba2778a42d9a9b0",value:"third"},"Label 3")),t("smoothly-input-color",{key:"f1e0b0b1e759c85c5de1f3a8af9818b41c692bdb",name:"color"},"Color"),t("smoothly-input-select",{key:"7e1069ff0515224e17145539afefec11979ed88c",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},t("label",{key:"c42749acb44e6e7db99f4e7981f20ad0c09f1694",slot:"label"},"Month multiple select"),t("smoothly-item",{key:"fdd0c90294bdf50d77ccf187777fdd804760b8ac",value:"1"},"January"),t("smoothly-item",{key:"4f0c9d90f6909eaacccd5d385e317832f5a8b213",value:"2"},"February"),t("smoothly-item",{key:"7779ea4af1f17cb48ef0249b7857262deb6c485d",value:"3"},"March"),t("smoothly-item",{key:"5f15c3d32240bfb7c3b8d0a61f90599697b8e2a0",value:"4"},"April"),t("smoothly-item",{key:"0952c95b2cf623f5573d70b5fa39b1c1ce008f16",value:"5"},"May"),t("smoothly-item",{key:"1352e9245e39341d99d1bc8d051691b6b70dac37",value:"6"},"June"),t("smoothly-item",{key:"7eddedff608a9148cb2b9c17f23ac2108b2190fd",value:"7"},"July"),t("smoothly-item",{key:"627e81c5c7ddd5e1230b6eead20ac7932edbff9a",value:"8"},"August"),t("smoothly-item",{key:"587bcf666e0bc92c14f5665f975563f06a419bac",value:"9"},"September"),t("smoothly-item",{key:"896f05e2b88d7613cbc7f21b2aa4c58f1ae3938d",value:"10"},"October"),t("smoothly-item",{key:"fb539afa5edd3fe8391df5fc9d63fcb84940512c",value:"11"},"November"),t("smoothly-item",{key:"959e9af2c479a299431f302041649bd86f5db331",value:"12"},"December")),t("smoothly-input-select",{key:"64e83fb7dba19c8c21b5697eade0c7c5404d330c",name:"select-icon",clearable:false,showSelected:false},t("smoothly-item",{key:"b1a055ab1c73f28e0b49e626561aeff83efb124b",value:"folder",selected:true},t("smoothly-icon",{key:"9ba931c9dd28c9f88168f5ab94fd80bc6f7f6bc0",size:"small",name:"folder-outline"})),t("smoothly-item",{key:"acd791714a16504b5dc6a56f2fbfc89cf1ef4600",value:"camera"},t("smoothly-icon",{key:"d65e7beb3c74941bf494769126124ef79ce800d0",size:"small",name:"camera-outline"}))),t("smoothly-input-checkbox",{key:"d6f2f199daf447bb0992ca8839b89e4e14166846",name:"checkbox"},"Check the box"),t("smoothly-input-checkbox",{key:"79885d84642626f7cba6d348d0044f2c8037007e",name:"checkbox2",checked:true},"Check the box 2"),t("smoothly-input-range",{key:"7e791279c3b1bd2898d4c5e9e35ef9df76aa14cf",step:1,name:"range3",value:20,label:"Range"}),t("smoothly-input",{key:"f7b07cef9882952dc91be6484c04ba459ef5db62",name:"pets.0.name"},"First Pet's Name"),t("smoothly-input-range",{key:"44b404105c6d9aa19c7f14ac529e7b8ab3f964e9",name:"pets.0.age",max:100,step:1,label:"First Pet's Age"}),t("smoothly-input",{key:"aca9bc7aebd243f8e82158d1c60b7a69886e9a02",name:"pets.1.name"},"Second Pet's Name"),t("smoothly-input-range",{key:"674b16d94949bcbd3fd4980b0b262ba580efbd5b",name:"pets.1.age",max:100,step:1,label:"Second Pet's Age"}),t("smoothly-input",{key:"b25175ffa941b70d606a66db0f97e61547faf5b9",name:"pets.2.name"},"Third Pet's Name"),t("smoothly-input-range",{key:"0113d466fc09afc4734a65500cdc20b06267d77d",name:"pets.2.age",max:100,step:1,label:"Third Pet's Age"}),t("smoothly-input-range",{key:"d06183dd7731f6a70070ff0d823fb18ad8e4a10f",dual:true,name:"dualRange",min:0,max:100,step:1,label:"Dual Range"}),t("smoothly-input-file",{key:"ed5cf91c1db69c748cf52d4a99601fc2ddd675eb",name:"profile",placeholder:"Click or drag your profile picture here..."},t("span",{key:"f72fba530a1ee1d6f6a021544863dbb892f5a955",slot:"label"},"Profile"),t("smoothly-icon",{key:"dae1cc212fb3ea87ec62ac7e40c7d489bcb5cb1d",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),t("smoothly-input",{key:"0e9e8dc38f055440bba351cb5b7c3186d480f661",type:"duration",name:"duration",value:{}},"Duration"),t("smoothly-input-clear",{key:"ce7946c654f4a4cef855455a94311b08eee47108",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),t("smoothly-input-edit",{key:"c77b9febf666fac99980b868327a3a03946edb1a",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),t("smoothly-input-reset",{key:"d1597484a38571db597eecca554f706f484b8d08",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"0fb965b190a21ff54bb69a34b41bf8b264b06b81",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"2003e45ab3c0fa5301cbbc39717b9c2dd3b74af5",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}},[2,"smoothly-form-demo-all"]);function N(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-all","smoothly-button","smoothly-button-confirm","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-edit","smoothly-input-file","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-form-demo-all":if(!customElements.get(s(e))){customElements.define(s(e),L)}break;case"smoothly-button":if(!customElements.get(s(e))){m()}break;case"smoothly-button-confirm":if(!customElements.get(s(e))){l()}break;case"smoothly-display":if(!customElements.get(s(e))){c()}break;case"smoothly-display-json":if(!customElements.get(s(e))){i()}break;case"smoothly-display-json-object":if(!customElements.get(s(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(s(e))){f()}break;case"smoothly-display-json-record-key":if(!customElements.get(s(e))){b()}break;case"smoothly-form":if(!customElements.get(s(e))){r()}break;case"smoothly-icon":if(!customElements.get(s(e))){n()}break;case"smoothly-input":if(!customElements.get(s(e))){y()}break;case"smoothly-input-checkbox":if(!customElements.get(s(e))){p()}break;case"smoothly-input-clear":if(!customElements.get(s(e))){u()}break;case"smoothly-input-color":if(!customElements.get(s(e))){h()}break;case"smoothly-input-edit":if(!customElements.get(s(e))){k()}break;case"smoothly-input-file":if(!customElements.get(s(e))){j()}break;case"smoothly-input-radio":if(!customElements.get(s(e))){g()}break;case"smoothly-input-radio-item":if(!customElements.get(s(e))){v()}break;case"smoothly-input-range":if(!customElements.get(s(e))){E()}break;case"smoothly-input-reset":if(!customElements.get(s(e))){x()}break;case"smoothly-input-select":if(!customElements.get(s(e))){F()}break;case"smoothly-input-submit":if(!customElements.get(s(e))){C()}break;case"smoothly-item":if(!customElements.get(s(e))){z()}break;case"smoothly-spinner":if(!customElements.get(s(e))){D()}break;case"smoothly-toggle-switch":if(!customElements.get(s(e))){A()}break}}))}N();export{L as S,N as d};
+//# sourceMappingURL=p-Ch5M1RA7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SmoothlyFormDemoAll","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","looks","type","readonly","action","onSmoothlyFormSubmit","e","Object","entries","detail","value","forEach","console","log","name","showLabel","size","slot","clearable","selected","multiple","menuHeight","placeholder","showSelected","checked","step","label","max","dual","min","fill","color","shape","delete"],"sources":["src/components/form/demo/all/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-all\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoAll {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>All inputs</h2>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks=\"grid\"\n\t\t\t\t\ttype=\"create\"\n\t\t\t\t\treadonly\n\t\t\t\t\taction=\"https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4\"\n\t\t\t\t\tonSmoothlyFormSubmit={e => {\n\t\t\t\t\t\tObject.entries(e.detail.value).forEach(([key, value]) => console.log(key, value))\n\t\t\t\t\t}}>\n\t\t\t\t\t<smoothly-input readonly name=\"First Name\" value=\"John\">\n\t\t\t\t\t\tFirst name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input showLabel={false} name=\"Last name\" value=\"Doe\">\n\t\t\t\t\t\tLast name\n\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"phone\" name=\"Phone\" value={\"777888999\"}>\n\t\t\t\t\t\tPhone\n\t\t\t\t\t\t<smoothly-input-reset size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-radio clearable name=\"radioFirstInput\">\n\t\t\t\t\t\t<label slot=\"label\">Clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-color name=\"color\">Color</smoothly-input-color>\n\t\t\t\t\t<smoothly-input-select multiple menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t<label slot=\"label\">Month multiple select</label>\n\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-checkbox name=\"checkbox\">Check the box</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-checkbox name=\"checkbox2\" checked>\n\t\t\t\t\t\tCheck the box 2\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-range step={1} name=\"range3\" value={20} label=\"Range\" />\n\t\t\t\t\t<smoothly-input name=\"pets.0.name\">First Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.0.age\" max={100} step={1} label=\"First Pet's Age\" />\n\t\t\t\t\t<smoothly-input name=\"pets.1.name\">Second Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.1.age\" max={100} step={1} label=\"Second Pet's Age\" />\n\t\t\t\t\t<smoothly-input name=\"pets.2.name\">Third Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.2.age\" max={100} step={1} label=\"Third Pet's Age\" />\n\t\t\t\t\t<smoothly-input-range dual name=\"dualRange\" min={0} max={100} step={1} label=\"Dual Range\" />\n\t\t\t\t\t<smoothly-input-file name={\"profile\"} placeholder={\"Click or drag your profile picture here...\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Profile</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"person-circle-outline\"} size={\"tiny\"} fill={\"default\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type=\"duration\" name=\"duration\" value={{}}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-clear fill=\"default\" type=\"form\" color=\"warning\" slot=\"clear\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-edit fill=\"default\" type=\"form\" color=\"tertiary\" slot=\"edit\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-reset fill=\"default\" type=\"form\" color=\"warning\" slot=\"reset\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-submit delete slot=\"delete\" color=\"danger\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-submit fill=\"default\" color=\"success\" slot=\"submit\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-MHAaISnU.js → p-Cl8L61mt.js}

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as o,h as i,d as e,t as n}from"./p-BsZrGTcp.js";import{d as h}from"./p-mmAi00ak.js";import{d as l}from"./p-DDYB8QLF.js";const c=()=>`.sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}`;const a=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyConfirm=o(this,"smoothlyConfirm");this.doubleClickTime=.2;this.disabled=false}clickHandler(t){if(this.clickTimeStamp&&t.timeStamp-this.clickTimeStamp>this.doubleClickTime*1e3){this.timer&&window.clearTimeout(this.timer);this.clickTimeStamp=undefined;this.smoothlyConfirm.emit({[this.name]:true})}else{this.clickTimeStamp=t.timeStamp;this.timer=window.setTimeout((()=>{this.clickTimeStamp=undefined}),2e3)}}render(){return i(e,{key:"4412f32553a126e383e1d9bf32d1d0013eb85bc9",warning:this.clickTimeStamp},i("smoothly-button",{key:"8f53b5dfa7d10e669536b87c7d91a9fe2f05a240",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:"warning",disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},i("smoothly-icon",{key:"be8bbedf8b038e06468c5aac4c813a5af41205ff",name:"alert-outline",fill:this.fill,color:"warning",size:this.size==="icon"?"tiny":"small"})),i("smoothly-button",{key:"719d905afde3e78e2297eba4bb7cc37e1a8728d6",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:this.color,disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},i("slot",{key:"f3add649906ef5e0d5dd6a7fb504a2af4efe0e66"})))}static get style(){return c()}},[262,"smoothly-button-confirm",{color:[1],name:[513],doubleClickTime:[2,"double-click-time"],expand:[513],fill:[1],disabled:[516],shape:[1],size:[1],clickTimeStamp:[32]}]);function m(){if(typeof customElements==="undefined"){return}const t=["smoothly-button-confirm","smoothly-button","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-button-confirm":if(!customElements.get(n(t))){customElements.define(n(t),a)}break;case"smoothly-button":if(!customElements.get(n(t))){h()}break;case"smoothly-icon":if(!customElements.get(n(t))){l()}break}}))}m();export{a as S,m as d};
-//# sourceMappingURL=p-MHAaISnU.js.map
+import{p as t,H as s,c as o,h as i,d as e,t as n}from"./p-BsZrGTcp.js";import{d as h}from"./p-mmAi00ak.js";import{d as l}from"./p-DFSiKg4M.js";const c=()=>`.sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}`;const a=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyConfirm=o(this,"smoothlyConfirm");this.doubleClickTime=.2;this.disabled=false}clickHandler(t){if(this.clickTimeStamp&&t.timeStamp-this.clickTimeStamp>this.doubleClickTime*1e3){this.timer&&window.clearTimeout(this.timer);this.clickTimeStamp=undefined;this.smoothlyConfirm.emit({[this.name]:true})}else{this.clickTimeStamp=t.timeStamp;this.timer=window.setTimeout((()=>{this.clickTimeStamp=undefined}),2e3)}}render(){return i(e,{key:"4412f32553a126e383e1d9bf32d1d0013eb85bc9",warning:this.clickTimeStamp},i("smoothly-button",{key:"8f53b5dfa7d10e669536b87c7d91a9fe2f05a240",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:"warning",disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},i("smoothly-icon",{key:"be8bbedf8b038e06468c5aac4c813a5af41205ff",name:"alert-outline",fill:this.fill,color:"warning",size:this.size==="icon"?"tiny":"small"})),i("smoothly-button",{key:"719d905afde3e78e2297eba4bb7cc37e1a8728d6",fill:this.fill,expand:this.expand,size:this.size,shape:this.shape,color:this.color,disabled:this.disabled,type:"button",onClick:t=>this.clickHandler(t)},i("slot",{key:"f3add649906ef5e0d5dd6a7fb504a2af4efe0e66"})))}static get style(){return c()}},[262,"smoothly-button-confirm",{color:[1],name:[513],doubleClickTime:[2,"double-click-time"],expand:[513],fill:[1],disabled:[516],shape:[1],size:[1],clickTimeStamp:[32]}]);function m(){if(typeof customElements==="undefined"){return}const t=["smoothly-button-confirm","smoothly-button","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-button-confirm":if(!customElements.get(n(t))){customElements.define(n(t),a)}break;case"smoothly-button":if(!customElements.get(n(t))){h()}break;case"smoothly-icon":if(!customElements.get(n(t))){l()}break}}))}m();export{a as S,m as d};
+//# sourceMappingURL=p-Cl8L61mt.js.map