smoothly 1.119.0 → 1.120.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/smoothly-app_99.cjs.entry.js +13 -4
- package/dist/cjs/smoothly-app_99.cjs.entry.js.map +1 -1
- package/dist/collection/components/input/select/index.js +12 -3
- package/dist/collection/components/input/select/index.js.map +1 -1
- package/dist/collection/components/input/select/style.css +3 -2
- package/dist/components/{p-C9BPfP8V.js → p-8Z_nWblq.js} +2 -2
- package/dist/components/{p-ACHjKlBz.js → p-B-XoCWgd.js} +2 -2
- package/dist/components/p-B31ti0xn.js +2 -0
- package/dist/components/{p-B2GxOEjl.js → p-BNjhlyw7.js} +2 -2
- package/dist/components/p-BX3JvEPG.js +2 -0
- package/dist/components/{p-C0OwGHaZ.js → p-BXS5v02h.js} +2 -2
- package/dist/components/{p-UCcJDJNC.js → p-BagcEQ4o.js} +2 -2
- package/dist/components/{p-CuBPxYv2.js → p-BjQjh8et.js} +2 -2
- package/dist/components/{p-DRyQsXc9.js → p-BncQwsFC.js} +2 -2
- package/dist/components/{p-CcBRUK1s.js → p-BvTceaHt.js} +2 -2
- package/dist/components/p-C88eMND6.js +2 -0
- package/dist/components/p-C88eMND6.js.map +1 -0
- package/dist/components/{p-BrYTMGo3.js → p-CMLWVZ3h.js} +2 -2
- package/dist/components/{p-CEYFnw7c.js → p-CdufQoGg.js} +2 -2
- package/dist/components/{p-BdhEVyZ3.js → p-Cyl9K1If.js} +2 -2
- package/dist/components/{p-BH3GbIqq.js → p-CzyIIFz6.js} +2 -2
- package/dist/components/{p-CXcvp4fs.js → p-DASRY4Rq.js} +2 -2
- package/dist/components/{p-Df80nM_T.js → p-DOfA_yvr.js} +2 -2
- package/dist/components/{p-DeslbBen.js → p-DRRy5oLc.js} +2 -2
- package/dist/components/{p-C9Wv8Ynb.js → p-DZmJ-Ege.js} +2 -2
- package/dist/components/{p-CT5ZkMDd.js → p-DcANjqvU.js} +2 -2
- package/dist/components/{p-DjX23A0S.js → p-DfuAOOKY.js} +2 -2
- package/dist/components/{p-BAMFAtTN.js → p-DhchoEO3.js} +2 -2
- package/dist/components/{p-BFa-ypRu.js → p-FdEf_vHE.js} +2 -2
- package/dist/components/{p-bQGZECIZ.js → p-jq25vUmm.js} +2 -2
- package/dist/components/smoothly-app-demo.js +1 -1
- package/dist/components/smoothly-button-demo-standard.js +1 -1
- package/dist/components/smoothly-button-demo.js +1 -1
- package/dist/components/smoothly-calendar.js +1 -1
- package/dist/components/smoothly-form-demo-all.js +1 -1
- package/dist/components/smoothly-form-demo-controlled.js +1 -1
- package/dist/components/smoothly-form-demo-date-range.js +1 -1
- package/dist/components/smoothly-form-demo-date.js +1 -1
- package/dist/components/smoothly-form-demo-pet.js +1 -1
- package/dist/components/smoothly-form-demo-schedule.js +1 -1
- package/dist/components/smoothly-form-demo-transparent.js +1 -1
- package/dist/components/smoothly-form-demo-typed.js +1 -1
- package/dist/components/smoothly-form-demo.js +1 -1
- package/dist/components/smoothly-icon-demo.js +1 -1
- package/dist/components/smoothly-input-checkbox-demo.js +1 -1
- package/dist/components/smoothly-input-date-demo.js +1 -1
- package/dist/components/smoothly-input-date-range.js +1 -1
- package/dist/components/smoothly-input-date-time.js +1 -1
- package/dist/components/smoothly-input-date.js +1 -1
- package/dist/components/smoothly-input-demo-standard.js +1 -1
- package/dist/components/smoothly-input-demo-user-input.js +1 -1
- package/dist/components/smoothly-input-demo.js +1 -1
- package/dist/components/smoothly-input-month.js +1 -1
- package/dist/components/smoothly-input-select.js +1 -1
- package/dist/components/smoothly-theme-demo.js +1 -1
- package/dist/components/smoothly-theme-picker.js +1 -1
- package/dist/esm/smoothly-app_99.entry.js +13 -4
- package/dist/esm/smoothly-app_99.entry.js.map +1 -1
- package/dist/smoothly/{p-b962448b.entry.js → p-8bbbab14.entry.js} +2 -2
- package/dist/smoothly/p-8bbbab14.entry.js.map +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/input/select/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components/p-CauRo4fz.js +0 -2
- package/dist/components/p-Cq3zOYlg.js +0 -2
- package/dist/components/p-vN0nUvmF.js +0 -2
- package/dist/components/p-vN0nUvmF.js.map +0 -1
- package/dist/smoothly/p-b962448b.entry.js.map +0 -1
- /package/dist/components/{p-C9BPfP8V.js.map → p-8Z_nWblq.js.map} +0 -0
- /package/dist/components/{p-ACHjKlBz.js.map → p-B-XoCWgd.js.map} +0 -0
- /package/dist/components/{p-Cq3zOYlg.js.map → p-B31ti0xn.js.map} +0 -0
- /package/dist/components/{p-B2GxOEjl.js.map → p-BNjhlyw7.js.map} +0 -0
- /package/dist/components/{p-CauRo4fz.js.map → p-BX3JvEPG.js.map} +0 -0
- /package/dist/components/{p-C0OwGHaZ.js.map → p-BXS5v02h.js.map} +0 -0
- /package/dist/components/{p-UCcJDJNC.js.map → p-BagcEQ4o.js.map} +0 -0
- /package/dist/components/{p-CuBPxYv2.js.map → p-BjQjh8et.js.map} +0 -0
- /package/dist/components/{p-DRyQsXc9.js.map → p-BncQwsFC.js.map} +0 -0
- /package/dist/components/{p-CcBRUK1s.js.map → p-BvTceaHt.js.map} +0 -0
- /package/dist/components/{p-BrYTMGo3.js.map → p-CMLWVZ3h.js.map} +0 -0
- /package/dist/components/{p-CEYFnw7c.js.map → p-CdufQoGg.js.map} +0 -0
- /package/dist/components/{p-BdhEVyZ3.js.map → p-Cyl9K1If.js.map} +0 -0
- /package/dist/components/{p-BH3GbIqq.js.map → p-CzyIIFz6.js.map} +0 -0
- /package/dist/components/{p-CXcvp4fs.js.map → p-DASRY4Rq.js.map} +0 -0
- /package/dist/components/{p-Df80nM_T.js.map → p-DOfA_yvr.js.map} +0 -0
- /package/dist/components/{p-DeslbBen.js.map → p-DRRy5oLc.js.map} +0 -0
- /package/dist/components/{p-C9Wv8Ynb.js.map → p-DZmJ-Ege.js.map} +0 -0
- /package/dist/components/{p-CT5ZkMDd.js.map → p-DcANjqvU.js.map} +0 -0
- /package/dist/components/{p-DjX23A0S.js.map → p-DfuAOOKY.js.map} +0 -0
- /package/dist/components/{p-BAMFAtTN.js.map → p-DhchoEO3.js.map} +0 -0
- /package/dist/components/{p-BFa-ypRu.js.map → p-FdEf_vHE.js.map} +0 -0
- /package/dist/components/{p-bQGZECIZ.js.map → p-jq25vUmm.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as t,c as a,h as o,d as s,t as c}from"./p-BsZrGTcp.js";import{i as m}from"./p-BVKhAhsB.js";import{d}from"./p-zLhQ1mMe.js";import{d as l}from"./p-mmAi00ak.js";import{d as i}from"./p-MHAaISnU.js";import{d as f}from"./p-bQGZECIZ.js";import{d as b}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as y}from"./p-DG2pfnCV.js";import{d as r}from"./p-uFR5K4vd.js";import{d as u}from"./p-DvZK__s-.js";import{d as h}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DPlYDxyJ.js";import{d as k}from"./p-DDYB8QLF.js";import{d as v}from"./p-BHTAR2x1.js";import{d as j}from"./p-B-jhX7aN.js";import{d as g}from"./p-Dk4OvZyQ.js";import{d as E}from"./p-CDzU4-Ri.js";import{d as x}from"./p-CIXMGKGQ.js";import{d as D}from"./p-BAMFAtTN.js";import{d as C}from"./p-ACHjKlBz.js";import{d as w}from"./p-BrYTMGo3.js";import{d as S}from"./p-BdhEVyZ3.js";import{d as z}from"./p-DGTXEwvN.js";import{d as L}from"./p-DRyQsXc9.js";import{d as A}from"./p-B2GxOEjl.js";import{d as B}from"./p-UqPFIGlg.js";import{d as I}from"./p-UCcJDJNC.js";import{d as M}from"./p-CMMaSJvr.js";import{d as N}from"./p-Bo1NnbuT.js";import{d as F}from"./p-BQOdxeHU.js";import{d as U}from"./p-Dq8EU803.js";import{d as G}from"./p-Cppqe_PV.js";import{d as H}from"./p-CLqKhHZ8.js";import{d as Q}from"./p-vN0nUvmF.js";import{d as Z}from"./p-ycoVDLCD.js";import{d as R}from"./p-ByRyVRgY.js";import{d as T}from"./p-CmUug44L.js";import{d as J}from"./p-BcEDrfmP.js";import{d as K}from"./p-2Y5tLcQ1.js";import{d as V}from"./p-BCwizh6U.js";const q=()=>`.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 O=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.smoothlyUrlUpdate=a(this,"smoothlyUrlUpdate");this.duration={hours:8};this.alphanumeric="!@##";this.numbers=[1,2,3,4,5,6,7,8,9]}render(){return o(s,{key:"ef33e129690f3cd0a771a1b12dcb8f9c79fa566e"},o("smoothly-input-demo-standard",{key:"5e12871414915755af5fb0e896b2ae9cbaeec449"}),o("smoothly-input-date-demo",{key:"cd9a7179d6d78b58c64a37329d170dafa3c4d4ee"}),o("smoothly-input-demo-user-input",{key:"1dc3897e7c1bb3de9b45084c880745abfadb568c"}),o("smoothly-input-demo-radio",{key:"3a6b7c1417ea8a91a62d4c911562175ba623c1e5"}),o("div",{key:"d218e51f2785f7caed4318ea33aaab6dca63d05e",class:"inputs"},o("h2",{key:"53ac6e802dd3e3581ad3dc2feb629537dbeaf9b6"},"Calendar"),o("smoothly-input-date",{key:"25127e4d56c34404d0dc25d63b7cc96c5e8c3645",name:"some-date"},"Calendar"),o("smoothly-input-date-time",{key:"e3025c6634241fa1347c7b2c93a918288a2371d6",name:"someDateTime",value:m.DateTime.now()},"DateTime"),o("h2",{key:"6db99859de7c13e9d6d40aa5c7cbdc25cddffd14"},"Date Range"),o("smoothly-input-date-range",{key:"c56da60bdb19ea3c0305d1881180845f848cb625",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-01",max:"2025-01-31"}),o("smoothly-input-date-range",{key:"556c9c8b45219b64f966252c9ea23b8a02bf78a2",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2024-12-30"},o("smoothly-input-reset",{key:"d6e08652074753d81334f6f26872f16a4ad27120",slot:"end",size:"icon"})),o("smoothly-input-date-range",{key:"65bffbaab83f117517cd37087c028d1ed2b4936c",looks:"grid",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--smoothly-input-border-radius":"0.5rem"}},o("smoothly-input-clear",{key:"e61e9737c489a68b612e38490fa4b2f95de72a6a",slot:"end",size:"icon"})),o("h2",{key:"d7f0223de99a710561a28daf86ceb69d7aef1da1"},"Date"),o("smoothly-input-date",{key:"2cf84ece02042c92ac3754379268a94ef536c91a"},"Date"),o("smoothly-input-date",{key:"b1b465843e3562c30e589af11004a09bf2b6157a",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),o("smoothly-input-date",{key:"5810635fbfd26dd8735f8abd2c2e58f30affd61c",value:"2021-10-28"},"Date",o("smoothly-input-reset",{key:"d63d51b77f52243dfa9f13fe2754e53919d21c06",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"7815c1afc2b1d38d3263630d8ef8d5a4cfa0a096",value:"2021-10-28"},"Date",o("smoothly-input-clear",{key:"cf8b725f54894024063bb6735e17ed692195c994",slot:"end",size:"icon"})),o("h2",{key:"db2776f12559673b653e4671f92c578471e65a7a"},"Select"),o("div",{key:"64ef6bd07f27d07cf6ea6dd23ae434503fdcc740",class:"select-div"},o("smoothly-input-select",{key:"0a0f832b86bdb2fc7aeb964d52f320a6d76cf40d",name:"select-dessert",looks:"border"},o("label",{key:"d95e443f3df2398ca64bd6bcd64d6cdd629d0a8d",slot:"label"},"Select with clear button"),o("smoothly-item",{key:"c081a219a330aac151711e87423b474037b79628",value:"1"},"Ice cream"),o("smoothly-item",{key:"c168ee280c6dea09c54d86ae72fe2c79e134d448",value:"2"},"Sponge cake"),o("smoothly-item",{key:"cfea0b38d63995c108f0277ca248647725d22a60",value:"3",disabled:true},"Disabled Item"),o("smoothly-item",{key:"b93622e1a391c980d0c0371a0918dfca7ae7b456",value:"4"},"Cookie"),o("smoothly-item",{key:"e8733a8a51b09cea7ee31e4017f58152b58f5827",value:"5"},"Croissant"),o("smoothly-item",{key:"90731e217754cb6c096cc190fb8b0c56c2bac593",value:"6"},"Chocolate fondue"),o("smoothly-input-clear",{key:"0129f30c20777f9a37fc19ee8051e377507c9368",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"94d3b7ca28b5fe5f9c9a3c587d995c65c8be45ad",multiple:true,name:"select-dessert-multiple",looks:"border"},o("label",{key:"2d935f7418f8db300bf20412c4dd15934da5c0d3",slot:"label"},"Select multiple with reset button"),o("smoothly-item",{key:"3c2579bffcde279703cfc041b315560a6dcc098e",value:"ice cream"},"Ice cream"),o("smoothly-item",{key:"a49fcce300b665b0de07fe67b5ea798e2fa94626",value:"sponge cake"},"Sponge cake"),o("smoothly-item",{key:"4678f38edab9f88113c056ff820df2bd07e2fe33",selected:true,value:"cookie"},"Cookie"),o("smoothly-item",{key:"fdcf2ecd485fe75a35ca96ed89352a343819b770",value:"croissant"},"Croissant"),o("smoothly-item",{key:"f5cafb0e4b020489c72db9cd2362936449826dbd",selected:true,value:"chocolate fondue"},"Chocolate fondue"),o("smoothly-input-reset",{key:"8c49833f66cee2e2ebac320c67ee5452a77636f7",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"146806189c90cecb94e0bc9a01c713695689a2bc",name:"spirit-animals",looks:"border",mutable:true},o("label",{key:"56bc9c8ef474ce79b1af47086b65847877d6a03c",slot:"label"},"Select or add new options"),o("smoothly-item",{key:"b13d4158fadfb725ff6c1ca236f4724ba95936df",value:"manatee"},"Manatee"),o("smoothly-item",{key:"85d95f128731e5fd3ec1c1f3df672d98ff3a199a",selected:true,value:"cthulu"},"Cthulu")),o("smoothly-input-select",{key:"3bffa0bfbce0ab015208bdff0d648bf8f6d497bf",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"05d80d05561b9a716ea94d8e3fb3e3d5afc66c4c",value:"folder",selected:true},o("smoothly-icon",{key:"f86490ab381f59ed6fcdacb1d7441697fe645fd8",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"ec29517ce6ee5b7353bc20fc3c4365751815bfc6",value:"camera"},o("smoothly-icon",{key:"75c27c69a18c0c37a6d989a2268ed9fa7ffb6daf",size:"small",name:"camera-outline"}))),o("smoothly-input-select",{key:"7ff7efc5b6f7a47da43fbd859a0c20cfb013c1c3",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"3eb848081a594d164a7144ac8fe91719c11dd950",slot:"label"},"Alphabet ordered select"),Array.from({length:26}).map(((e,t)=>String.fromCharCode(t+65))).map((e=>o("smoothly-item",{value:e,selected:e=="H"},e)))),o("smoothly-input-select",{key:"36db6fdd61728c21488000fb0e588858726de95d",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"b3a93c5d2b02f5c5ca50e2041db860082432ba0f",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"5b3f4d4dda6ca6bac04d3d58e14b1bc6808a515d",value:"1"},"January"),o("smoothly-item",{key:"2137f933a08f0bff7661ef7eedb566ef0613b2c0",value:"2"},"February"),o("smoothly-item",{key:"2b60b2706c7a4e560dc61969fe8bff8bae2ee3b4",value:"3"},"March"),o("smoothly-item",{key:"10f7a805783997893080eba61a3a293901273b7e",value:"4"},"April"),o("smoothly-item",{key:"fbb81488473ab771ba92650e7f6c0d1e385a5486",value:"5"},"May"),o("smoothly-item",{key:"bb9a696e13859137773158b219807224c9e456d5",value:"6"},"June"),o("smoothly-item",{key:"cb9cb347df1ab4551d11a6104fea41e53646f7fe",value:"7"},"July"),o("smoothly-item",{key:"f636d5874c7b810b59d9aea7454ee060093946ff",value:"8"},"August"),o("smoothly-item",{key:"d7882ebaf8e4b13216201b04201f19d0152c7997",value:"9"},"September"),o("smoothly-item",{key:"30815b5d8ae477d52a6896083f58d5e913fc6ec9",value:"10"},"October"),o("smoothly-item",{key:"70658c05936d61c7e4faf8ab265d5e7ae448774a",value:"11"},"November"),o("smoothly-item",{key:"c737ec283e42443c75334f925d7fab3df2527a4f",value:"12"},"December")),o("div",{key:"a149cf4a6ebc5828e095c10e9d6d57abbc43c359",class:"select-div-row"},o("smoothly-input-select",{key:"0b32d71db9eb24afd885c46ea5f414be1e55133c",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"1c4fb8eeb730b8cfe6e4818ca16c565014a159a7",value:"folder",selected:true},o("smoothly-icon",{key:"082d0bba96283c4bceb9f92c3e772bd3fd8b7011",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"ea4df02bbe52f26a1888b2f74ed587beb09890fe",value:"camera"},o("smoothly-icon",{key:"166ec449cff9acf04d866ac4786ba9f30b2a3b42",size:"small",name:"camera-outline"})),o("smoothly-item",{key:"65aa76f7da4c5677b031fe45a5a86fca0a3d29ee",value:"boat"},o("smoothly-icon",{key:"32d5688b2e74006e65131f11ee06890d8d52b5dd",size:"small",name:"boat-outline"}))),o("smoothly-input-select",{key:"fccc2a0bad4e53a6fee2a5ceca85a59b91d70090",name:"select-number",clearable:false},this.numbers.map((e=>o("smoothly-item",{value:"number",selected:e===3},e)))),o("smoothly-input",{key:"f8a91a3e5d64b5058bb91a50dde94d3eb128f7b5",name:"name",value:"Sten Qvist"},"Name"))),o("h2",{key:"012a2aeb69da69b0ab9cff4b761500892f2c9aba"},"Duration"),o("smoothly-input",{key:"55df5644b13c507f13d0efec711da4c3ae59dc95",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:e=>this.duration=e.detail.duration},"Duration"),o("smoothly-input",{key:"4aa5fe278bfd9e37e3a625b67304cadb164bdd78",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:e=>{const t=e.detail.duration;this.duration=t}},"Duration"),o("h2",{key:"bb855c65c4b59aef87c9d4d18ac6db6b6d21bdec"},"Integer with Min/Max"),o("smoothly-input",{key:"1a5e0092eb5330cc384aafce47e1438abca4a590",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),o("smoothly-input",{key:"359faaba1e62172b0224c8d8ec58e49cb5a81f09",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),o("smoothly-input",{key:"6ce0655a6b0134ce4175d65f80792287e48eefbe",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),o("smoothly-input",{key:"3ce841cda01cbb2c4f346009648faa281831a4b2",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),o("h2",{key:"e63ebb0b5996cbf653c6b6c969df48d635e28c30"},"Invalid text with warning icon and tooltip"),o("smoothly-input",{key:"62873bd1d9eadab148e0502f44fdbc779aa5a789",copyable:true,name:"alphanumeric",invalid:!/^[a-zA-Z0-9]+$/.test(this.alphanumeric),errorMessage:"Only alphanumeric allowed",value:this.alphanumeric,onSmoothlyInput:e=>this.alphanumeric=e.detail.alphanumeric},"Alphanumeric"),o("h2",{key:"04dffd24a3af57da6ae369a8fbe9372893e6e380"},"Identifiers"),o("smoothly-input",{key:"3d18b596880f98b84a07742cb9778d0095719294",type:"identifier-code"},"Code"),o("smoothly-input",{key:"190651f4f4263eaacd8b80f90f4074fef28da183",type:"identifier-attribute"},"Attribute"),o("smoothly-input",{key:"3a8802a9a173f518f975717cbe23cd1150316fc5",type:"identifier-snake"},"Snake"),o("smoothly-input",{key:"00ec5419cd67a7217d23f95513f451f2c8e98f8e",type:"identifier-pascal"},"Pascal"),o("smoothly-input",{key:"93eac4cce148e22640908d0d2f7c19a04b66d3f9",type:"identifier-camel"},"Camel"),o("h2",{key:"98b93a5cb9daf216199adb5fa089ddd84bc96c61"},"Input Alternatives"),o("smoothly-input",{key:"a031c081e8531bad8400469ae449757958d7324a",type:"text",name:"name.last"},o("smoothly-icon",{key:"bf00331aeef0f1046c5505911d7db6ba845e636c",name:"checkmark-circle",slot:"start"}),"First Name"),o("smoothly-input",{key:"7824cf3b501d802ff40e4a750dd46defa9cac8b6",type:"text",name:"name.first"},"Last Name",o("smoothly-icon",{key:"497b0417f5e7b0714753b0e5d78a78ab18130007",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"ba93dadda8140d398c1d350f98c53d2a08c440db",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",o("smoothly-icon",{key:"28e8478b908bb51c6c5949e986c69930d1b10cb5",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"fcb8531d6fe4129585e9a6d6e641022f2f14cb94",placeholder:"test"}),o("smoothly-input-submit",{key:"97a4d319d250ecd00ede7a5beb2c06b077e8e82c",slot:"submit",fill:"solid",onSubmit:e=>alert(e),color:"success"}),o("h4",{key:"50579aad1a91b0c728a127076a37be38273b3635"},"Smoothly checkboxes"),o("div",{key:"ceee0a83b7626132ac6323dfd894d8ece7ea2f69",class:"checkbox-group"},o("smoothly-input-checkbox",{key:"0eab1d5ac670458ab57af847c9996fcf874fd985",disabled:true,name:"first-checkbox"},o("smoothly-icon",{key:"aa4259b0bc0193a0e31b2bdc2f9550d1e7a9cd66",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),o("smoothly-input-checkbox",{key:"38fe8ffc98f95b0a81aba7dadb0a46f876ec09f4",name:"second-checkbox",checked:true},o("smoothly-icon",{key:"40b2451d7fb2f705251abfb2158bc91a31ae9d3d",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",o("smoothly-input-clear",{key:"34675173c8447131c978ca934fdde0d8764f44a8",size:"icon",slot:"end"})),o("smoothly-input-checkbox",{key:"42c6dd2f0fd6bb72d8ce31158f0451c5f500fe2b",name:"third-checkbox"},"3rd")),o("h4",{key:"94ddf8048c28f947c3d20a2440c49e9340448c58"},"Smoothly Radio Buttons"),o("smoothly-input-radio",{key:"0e308b17b5783bb23ce817cb30fbb9237a1b5b65",clearable:true,name:"radioFirstInput"},o("smoothly-icon",{key:"61ab423d103c3f04fbaae7d02d0a1685d576fcfe",name:"checkmark-circle",slot:"start"}),o("label",{key:"f75b6164630e97ad5f1174c08afe841e7321fe28",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"fd4284b27663aed055dce8671b46881789ba7dfb",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"9554d37989867953cefb248a039d1c6217ea0c4f",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"7643fa634aa9693163de7926468ea47ea99d232f",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"ef750494dee99f5bf962f93f143a80a540834f20",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"3cf94704be4ce872a79a97abb4dc1828ade9ad71",name:"radioSecondInput"},o("label",{key:"d3feeed0e6debeaba6e95eec7c6effa4e3aa0484",slot:"label"},"Not clearable"),o("smoothly-input-radio-item",{key:"ed5bc06f71277cc4ad5e644d4b07c42c80dd1027",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"944215e958076b552f4ee8e5728897f63e88657c",value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"273705d445c5b1c1c01f6cea30bf8ad4036f932a",value:"third"},"Label 3"),o("smoothly-input-radio-item",{key:"c16dee456ac64f1aa945dcf6934ff6734c63e597",value:"fourth"},"Label 4"),o("smoothly-input-radio-item",{key:"d9795190e66042dedd027a4780900e2a32548ebc",value:"fifth"},"Label 5"),o("smoothly-input-radio-item",{key:"985a353d4d42885a3597807d9b3a1d6fe2692520",value:"sixth"},"Label 6")),o("smoothly-input-range-demo",{key:"011666bd072c688123437302f21ef556b9bc45cf"}),o("smoothly-input-color-demo",{key:"a7e2fedb5277f19eee2c670bf88c1089ead1eb92"}),o("smoothly-input-price-demo",{key:"3e2f3d6d9e0e368ad4b8c7f3294bbc8cb19d3358"}),o("smoothly-back-to-top",{key:"c2ecc189b026a4eae72d521e4cdffcfbd58ddbd9"})))}static get style(){return q()}},[2,"smoothly-input-demo",{duration:[32],alphanumeric:[32]}]);function P(){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),O)}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))){D()}break;case"smoothly-input-date-demo":if(!customElements.get(c(e))){C()}break;case"smoothly-input-date-range":if(!customElements.get(c(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(c(e))){S()}break;case"smoothly-input-demo-radio":if(!customElements.get(c(e))){z()}break;case"smoothly-input-demo-standard":if(!customElements.get(c(e))){L()}break;case"smoothly-input-demo-user-input":if(!customElements.get(c(e))){A()}break;case"smoothly-input-file":if(!customElements.get(c(e))){B()}break;case"smoothly-input-month":if(!customElements.get(c(e))){I()}break;case"smoothly-input-price-demo":if(!customElements.get(c(e))){M()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){N()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){F()}break;case"smoothly-input-range":if(!customElements.get(c(e))){U()}break;case"smoothly-input-range-demo":if(!customElements.get(c(e))){G()}break;case"smoothly-input-reset":if(!customElements.get(c(e))){H()}break;case"smoothly-input-select":if(!customElements.get(c(e))){Q()}break;case"smoothly-input-submit":if(!customElements.get(c(e))){Z()}break;case"smoothly-item":if(!customElements.get(c(e))){R()}break;case"smoothly-spinner":if(!customElements.get(c(e))){T()}break;case"smoothly-tab":if(!customElements.get(c(e))){J()}break;case"smoothly-tabs":if(!customElements.get(c(e))){K()}break;case"smoothly-toggle-switch":if(!customElements.get(c(e))){V()}break}}))}P();export{O as S,P as d};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as t,c as a,h as o,d as s,t as c}from"./p-BsZrGTcp.js";import{i as m}from"./p-BVKhAhsB.js";import{d}from"./p-zLhQ1mMe.js";import{d as l}from"./p-mmAi00ak.js";import{d as i}from"./p-MHAaISnU.js";import{d as f}from"./p-jq25vUmm.js";import{d as b}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as y}from"./p-DG2pfnCV.js";import{d as r}from"./p-uFR5K4vd.js";import{d as u}from"./p-DvZK__s-.js";import{d as h}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DPlYDxyJ.js";import{d as k}from"./p-DDYB8QLF.js";import{d as v}from"./p-BHTAR2x1.js";import{d as g}from"./p-B-jhX7aN.js";import{d as j}from"./p-Dk4OvZyQ.js";import{d as E}from"./p-CDzU4-Ri.js";import{d as x}from"./p-CIXMGKGQ.js";import{d as D}from"./p-DhchoEO3.js";import{d as w}from"./p-B-XoCWgd.js";import{d as C}from"./p-CMLWVZ3h.js";import{d as S}from"./p-Cyl9K1If.js";import{d as L}from"./p-DGTXEwvN.js";import{d as z}from"./p-BncQwsFC.js";import{d as B}from"./p-BNjhlyw7.js";import{d as I}from"./p-UqPFIGlg.js";import{d as M}from"./p-BagcEQ4o.js";import{d as A}from"./p-CMMaSJvr.js";import{d as N}from"./p-Bo1NnbuT.js";import{d as F}from"./p-BQOdxeHU.js";import{d as U}from"./p-Dq8EU803.js";import{d as Q}from"./p-Cppqe_PV.js";import{d as H}from"./p-CLqKhHZ8.js";import{d as R}from"./p-C88eMND6.js";import{d as Z}from"./p-ycoVDLCD.js";import{d as q}from"./p-ByRyVRgY.js";import{d as G}from"./p-CmUug44L.js";import{d as K}from"./p-BcEDrfmP.js";import{d as T}from"./p-2Y5tLcQ1.js";import{d as V}from"./p-BCwizh6U.js";const J=()=>`.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 O=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.smoothlyUrlUpdate=a(this,"smoothlyUrlUpdate");this.duration={hours:8};this.alphanumeric="!@##";this.numbers=[1,2,3,4,5,6,7,8,9]}render(){return o(s,{key:"ef33e129690f3cd0a771a1b12dcb8f9c79fa566e"},o("smoothly-input-demo-standard",{key:"5e12871414915755af5fb0e896b2ae9cbaeec449"}),o("smoothly-input-date-demo",{key:"cd9a7179d6d78b58c64a37329d170dafa3c4d4ee"}),o("smoothly-input-demo-user-input",{key:"1dc3897e7c1bb3de9b45084c880745abfadb568c"}),o("smoothly-input-demo-radio",{key:"3a6b7c1417ea8a91a62d4c911562175ba623c1e5"}),o("div",{key:"d218e51f2785f7caed4318ea33aaab6dca63d05e",class:"inputs"},o("h2",{key:"53ac6e802dd3e3581ad3dc2feb629537dbeaf9b6"},"Calendar"),o("smoothly-input-date",{key:"25127e4d56c34404d0dc25d63b7cc96c5e8c3645",name:"some-date"},"Calendar"),o("smoothly-input-date-time",{key:"e3025c6634241fa1347c7b2c93a918288a2371d6",name:"someDateTime",value:m.DateTime.now()},"DateTime"),o("h2",{key:"6db99859de7c13e9d6d40aa5c7cbdc25cddffd14"},"Date Range"),o("smoothly-input-date-range",{key:"c56da60bdb19ea3c0305d1881180845f848cb625",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-01",max:"2025-01-31"}),o("smoothly-input-date-range",{key:"556c9c8b45219b64f966252c9ea23b8a02bf78a2",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2024-12-30"},o("smoothly-input-reset",{key:"d6e08652074753d81334f6f26872f16a4ad27120",slot:"end",size:"icon"})),o("smoothly-input-date-range",{key:"65bffbaab83f117517cd37087c028d1ed2b4936c",looks:"grid",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--smoothly-input-border-radius":"0.5rem"}},o("smoothly-input-clear",{key:"e61e9737c489a68b612e38490fa4b2f95de72a6a",slot:"end",size:"icon"})),o("h2",{key:"d7f0223de99a710561a28daf86ceb69d7aef1da1"},"Date"),o("smoothly-input-date",{key:"2cf84ece02042c92ac3754379268a94ef536c91a"},"Date"),o("smoothly-input-date",{key:"b1b465843e3562c30e589af11004a09bf2b6157a",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),o("smoothly-input-date",{key:"5810635fbfd26dd8735f8abd2c2e58f30affd61c",value:"2021-10-28"},"Date",o("smoothly-input-reset",{key:"d63d51b77f52243dfa9f13fe2754e53919d21c06",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"7815c1afc2b1d38d3263630d8ef8d5a4cfa0a096",value:"2021-10-28"},"Date",o("smoothly-input-clear",{key:"cf8b725f54894024063bb6735e17ed692195c994",slot:"end",size:"icon"})),o("h2",{key:"db2776f12559673b653e4671f92c578471e65a7a"},"Select"),o("div",{key:"64ef6bd07f27d07cf6ea6dd23ae434503fdcc740",class:"select-div"},o("smoothly-input-select",{key:"0a0f832b86bdb2fc7aeb964d52f320a6d76cf40d",name:"select-dessert",looks:"border"},o("label",{key:"d95e443f3df2398ca64bd6bcd64d6cdd629d0a8d",slot:"label"},"Select with clear button"),o("smoothly-item",{key:"c081a219a330aac151711e87423b474037b79628",value:"1"},"Ice cream"),o("smoothly-item",{key:"c168ee280c6dea09c54d86ae72fe2c79e134d448",value:"2"},"Sponge cake"),o("smoothly-item",{key:"cfea0b38d63995c108f0277ca248647725d22a60",value:"3",disabled:true},"Disabled Item"),o("smoothly-item",{key:"b93622e1a391c980d0c0371a0918dfca7ae7b456",value:"4"},"Cookie"),o("smoothly-item",{key:"e8733a8a51b09cea7ee31e4017f58152b58f5827",value:"5"},"Croissant"),o("smoothly-item",{key:"90731e217754cb6c096cc190fb8b0c56c2bac593",value:"6"},"Chocolate fondue"),o("smoothly-input-clear",{key:"0129f30c20777f9a37fc19ee8051e377507c9368",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"94d3b7ca28b5fe5f9c9a3c587d995c65c8be45ad",multiple:true,name:"select-dessert-multiple",looks:"border"},o("label",{key:"2d935f7418f8db300bf20412c4dd15934da5c0d3",slot:"label"},"Select multiple with reset button"),o("smoothly-item",{key:"3c2579bffcde279703cfc041b315560a6dcc098e",value:"ice cream"},"Ice cream"),o("smoothly-item",{key:"a49fcce300b665b0de07fe67b5ea798e2fa94626",value:"sponge cake"},"Sponge cake"),o("smoothly-item",{key:"4678f38edab9f88113c056ff820df2bd07e2fe33",selected:true,value:"cookie"},"Cookie"),o("smoothly-item",{key:"fdcf2ecd485fe75a35ca96ed89352a343819b770",value:"croissant"},"Croissant"),o("smoothly-item",{key:"f5cafb0e4b020489c72db9cd2362936449826dbd",selected:true,value:"chocolate fondue"},"Chocolate fondue"),o("smoothly-input-reset",{key:"8c49833f66cee2e2ebac320c67ee5452a77636f7",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"146806189c90cecb94e0bc9a01c713695689a2bc",name:"spirit-animals",looks:"border",mutable:true},o("label",{key:"56bc9c8ef474ce79b1af47086b65847877d6a03c",slot:"label"},"Select or add new options"),o("smoothly-item",{key:"b13d4158fadfb725ff6c1ca236f4724ba95936df",value:"manatee"},"Manatee"),o("smoothly-item",{key:"85d95f128731e5fd3ec1c1f3df672d98ff3a199a",selected:true,value:"cthulu"},"Cthulu")),o("smoothly-input-select",{key:"3bffa0bfbce0ab015208bdff0d648bf8f6d497bf",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"05d80d05561b9a716ea94d8e3fb3e3d5afc66c4c",value:"folder",selected:true},o("smoothly-icon",{key:"f86490ab381f59ed6fcdacb1d7441697fe645fd8",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"ec29517ce6ee5b7353bc20fc3c4365751815bfc6",value:"camera"},o("smoothly-icon",{key:"75c27c69a18c0c37a6d989a2268ed9fa7ffb6daf",size:"small",name:"camera-outline"}))),o("smoothly-input-select",{key:"7ff7efc5b6f7a47da43fbd859a0c20cfb013c1c3",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"3eb848081a594d164a7144ac8fe91719c11dd950",slot:"label"},"Alphabet ordered select"),Array.from({length:26}).map(((e,t)=>String.fromCharCode(t+65))).map((e=>o("smoothly-item",{value:e,selected:e=="H"},e)))),o("smoothly-input-select",{key:"36db6fdd61728c21488000fb0e588858726de95d",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"b3a93c5d2b02f5c5ca50e2041db860082432ba0f",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"5b3f4d4dda6ca6bac04d3d58e14b1bc6808a515d",value:"1"},"January"),o("smoothly-item",{key:"2137f933a08f0bff7661ef7eedb566ef0613b2c0",value:"2"},"February"),o("smoothly-item",{key:"2b60b2706c7a4e560dc61969fe8bff8bae2ee3b4",value:"3"},"March"),o("smoothly-item",{key:"10f7a805783997893080eba61a3a293901273b7e",value:"4"},"April"),o("smoothly-item",{key:"fbb81488473ab771ba92650e7f6c0d1e385a5486",value:"5"},"May"),o("smoothly-item",{key:"bb9a696e13859137773158b219807224c9e456d5",value:"6"},"June"),o("smoothly-item",{key:"cb9cb347df1ab4551d11a6104fea41e53646f7fe",value:"7"},"July"),o("smoothly-item",{key:"f636d5874c7b810b59d9aea7454ee060093946ff",value:"8"},"August"),o("smoothly-item",{key:"d7882ebaf8e4b13216201b04201f19d0152c7997",value:"9"},"September"),o("smoothly-item",{key:"30815b5d8ae477d52a6896083f58d5e913fc6ec9",value:"10"},"October"),o("smoothly-item",{key:"70658c05936d61c7e4faf8ab265d5e7ae448774a",value:"11"},"November"),o("smoothly-item",{key:"c737ec283e42443c75334f925d7fab3df2527a4f",value:"12"},"December")),o("div",{key:"a149cf4a6ebc5828e095c10e9d6d57abbc43c359",class:"select-div-row"},o("smoothly-input-select",{key:"0b32d71db9eb24afd885c46ea5f414be1e55133c",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"1c4fb8eeb730b8cfe6e4818ca16c565014a159a7",value:"folder",selected:true},o("smoothly-icon",{key:"082d0bba96283c4bceb9f92c3e772bd3fd8b7011",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"ea4df02bbe52f26a1888b2f74ed587beb09890fe",value:"camera"},o("smoothly-icon",{key:"166ec449cff9acf04d866ac4786ba9f30b2a3b42",size:"small",name:"camera-outline"})),o("smoothly-item",{key:"65aa76f7da4c5677b031fe45a5a86fca0a3d29ee",value:"boat"},o("smoothly-icon",{key:"32d5688b2e74006e65131f11ee06890d8d52b5dd",size:"small",name:"boat-outline"}))),o("smoothly-input-select",{key:"fccc2a0bad4e53a6fee2a5ceca85a59b91d70090",name:"select-number",clearable:false},this.numbers.map((e=>o("smoothly-item",{value:"number",selected:e===3},e)))),o("smoothly-input",{key:"f8a91a3e5d64b5058bb91a50dde94d3eb128f7b5",name:"name",value:"Sten Qvist"},"Name"))),o("h2",{key:"012a2aeb69da69b0ab9cff4b761500892f2c9aba"},"Duration"),o("smoothly-input",{key:"55df5644b13c507f13d0efec711da4c3ae59dc95",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:e=>this.duration=e.detail.duration},"Duration"),o("smoothly-input",{key:"4aa5fe278bfd9e37e3a625b67304cadb164bdd78",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:e=>{const t=e.detail.duration;this.duration=t}},"Duration"),o("h2",{key:"bb855c65c4b59aef87c9d4d18ac6db6b6d21bdec"},"Integer with Min/Max"),o("smoothly-input",{key:"1a5e0092eb5330cc384aafce47e1438abca4a590",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),o("smoothly-input",{key:"359faaba1e62172b0224c8d8ec58e49cb5a81f09",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),o("smoothly-input",{key:"6ce0655a6b0134ce4175d65f80792287e48eefbe",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),o("smoothly-input",{key:"3ce841cda01cbb2c4f346009648faa281831a4b2",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),o("h2",{key:"e63ebb0b5996cbf653c6b6c969df48d635e28c30"},"Invalid text with warning icon and tooltip"),o("smoothly-input",{key:"62873bd1d9eadab148e0502f44fdbc779aa5a789",copyable:true,name:"alphanumeric",invalid:!/^[a-zA-Z0-9]+$/.test(this.alphanumeric),errorMessage:"Only alphanumeric allowed",value:this.alphanumeric,onSmoothlyInput:e=>this.alphanumeric=e.detail.alphanumeric},"Alphanumeric"),o("h2",{key:"04dffd24a3af57da6ae369a8fbe9372893e6e380"},"Identifiers"),o("smoothly-input",{key:"3d18b596880f98b84a07742cb9778d0095719294",type:"identifier-code"},"Code"),o("smoothly-input",{key:"190651f4f4263eaacd8b80f90f4074fef28da183",type:"identifier-attribute"},"Attribute"),o("smoothly-input",{key:"3a8802a9a173f518f975717cbe23cd1150316fc5",type:"identifier-snake"},"Snake"),o("smoothly-input",{key:"00ec5419cd67a7217d23f95513f451f2c8e98f8e",type:"identifier-pascal"},"Pascal"),o("smoothly-input",{key:"93eac4cce148e22640908d0d2f7c19a04b66d3f9",type:"identifier-camel"},"Camel"),o("h2",{key:"98b93a5cb9daf216199adb5fa089ddd84bc96c61"},"Input Alternatives"),o("smoothly-input",{key:"a031c081e8531bad8400469ae449757958d7324a",type:"text",name:"name.last"},o("smoothly-icon",{key:"bf00331aeef0f1046c5505911d7db6ba845e636c",name:"checkmark-circle",slot:"start"}),"First Name"),o("smoothly-input",{key:"7824cf3b501d802ff40e4a750dd46defa9cac8b6",type:"text",name:"name.first"},"Last Name",o("smoothly-icon",{key:"497b0417f5e7b0714753b0e5d78a78ab18130007",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"ba93dadda8140d398c1d350f98c53d2a08c440db",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",o("smoothly-icon",{key:"28e8478b908bb51c6c5949e986c69930d1b10cb5",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"fcb8531d6fe4129585e9a6d6e641022f2f14cb94",placeholder:"test"}),o("smoothly-input-submit",{key:"97a4d319d250ecd00ede7a5beb2c06b077e8e82c",slot:"submit",fill:"solid",onSubmit:e=>alert(e),color:"success"}),o("h4",{key:"50579aad1a91b0c728a127076a37be38273b3635"},"Smoothly checkboxes"),o("div",{key:"ceee0a83b7626132ac6323dfd894d8ece7ea2f69",class:"checkbox-group"},o("smoothly-input-checkbox",{key:"0eab1d5ac670458ab57af847c9996fcf874fd985",disabled:true,name:"first-checkbox"},o("smoothly-icon",{key:"aa4259b0bc0193a0e31b2bdc2f9550d1e7a9cd66",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),o("smoothly-input-checkbox",{key:"38fe8ffc98f95b0a81aba7dadb0a46f876ec09f4",name:"second-checkbox",checked:true},o("smoothly-icon",{key:"40b2451d7fb2f705251abfb2158bc91a31ae9d3d",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",o("smoothly-input-clear",{key:"34675173c8447131c978ca934fdde0d8764f44a8",size:"icon",slot:"end"})),o("smoothly-input-checkbox",{key:"42c6dd2f0fd6bb72d8ce31158f0451c5f500fe2b",name:"third-checkbox"},"3rd")),o("h4",{key:"94ddf8048c28f947c3d20a2440c49e9340448c58"},"Smoothly Radio Buttons"),o("smoothly-input-radio",{key:"0e308b17b5783bb23ce817cb30fbb9237a1b5b65",clearable:true,name:"radioFirstInput"},o("smoothly-icon",{key:"61ab423d103c3f04fbaae7d02d0a1685d576fcfe",name:"checkmark-circle",slot:"start"}),o("label",{key:"f75b6164630e97ad5f1174c08afe841e7321fe28",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"fd4284b27663aed055dce8671b46881789ba7dfb",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"9554d37989867953cefb248a039d1c6217ea0c4f",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"7643fa634aa9693163de7926468ea47ea99d232f",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"ef750494dee99f5bf962f93f143a80a540834f20",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"3cf94704be4ce872a79a97abb4dc1828ade9ad71",name:"radioSecondInput"},o("label",{key:"d3feeed0e6debeaba6e95eec7c6effa4e3aa0484",slot:"label"},"Not clearable"),o("smoothly-input-radio-item",{key:"ed5bc06f71277cc4ad5e644d4b07c42c80dd1027",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"944215e958076b552f4ee8e5728897f63e88657c",value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"273705d445c5b1c1c01f6cea30bf8ad4036f932a",value:"third"},"Label 3"),o("smoothly-input-radio-item",{key:"c16dee456ac64f1aa945dcf6934ff6734c63e597",value:"fourth"},"Label 4"),o("smoothly-input-radio-item",{key:"d9795190e66042dedd027a4780900e2a32548ebc",value:"fifth"},"Label 5"),o("smoothly-input-radio-item",{key:"985a353d4d42885a3597807d9b3a1d6fe2692520",value:"sixth"},"Label 6")),o("smoothly-input-range-demo",{key:"011666bd072c688123437302f21ef556b9bc45cf"}),o("smoothly-input-color-demo",{key:"a7e2fedb5277f19eee2c670bf88c1089ead1eb92"}),o("smoothly-input-price-demo",{key:"3e2f3d6d9e0e368ad4b8c7f3294bbc8cb19d3358"}),o("smoothly-back-to-top",{key:"c2ecc189b026a4eae72d521e4cdffcfbd58ddbd9"})))}static get style(){return J()}},[2,"smoothly-input-demo",{duration:[32],alphanumeric:[32]}]);function P(){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),O)}break;case"smoothly-back-to-top":if(!customElements.get(c(e))){d()}break;case"smoothly-button":if(!customElements.get(c(e))){l()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){i()}break;case"smoothly-calendar":if(!customElements.get(c(e))){f()}break;case"smoothly-date-text":if(!customElements.get(c(e))){b()}break;case"smoothly-display":if(!customElements.get(c(e))){n()}break;case"smoothly-display-json":if(!customElements.get(c(e))){y()}break;case"smoothly-display-json-object":if(!customElements.get(c(e))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(c(e))){u()}break;case"smoothly-display-json-record-key":if(!customElements.get(c(e))){h()}break;case"smoothly-form":if(!customElements.get(c(e))){p()}break;case"smoothly-icon":if(!customElements.get(c(e))){k()}break;case"smoothly-input":if(!customElements.get(c(e))){v()}break;case"smoothly-input-checkbox":if(!customElements.get(c(e))){g()}break;case"smoothly-input-clear":if(!customElements.get(c(e))){j()}break;case"smoothly-input-color":if(!customElements.get(c(e))){E()}break;case"smoothly-input-color-demo":if(!customElements.get(c(e))){x()}break;case"smoothly-input-date":if(!customElements.get(c(e))){D()}break;case"smoothly-input-date-demo":if(!customElements.get(c(e))){w()}break;case"smoothly-input-date-range":if(!customElements.get(c(e))){C()}break;case"smoothly-input-date-time":if(!customElements.get(c(e))){S()}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))){B()}break;case"smoothly-input-file":if(!customElements.get(c(e))){I()}break;case"smoothly-input-month":if(!customElements.get(c(e))){M()}break;case"smoothly-input-price-demo":if(!customElements.get(c(e))){A()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){N()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){F()}break;case"smoothly-input-range":if(!customElements.get(c(e))){U()}break;case"smoothly-input-range-demo":if(!customElements.get(c(e))){Q()}break;case"smoothly-input-reset":if(!customElements.get(c(e))){H()}break;case"smoothly-input-select":if(!customElements.get(c(e))){R()}break;case"smoothly-input-submit":if(!customElements.get(c(e))){Z()}break;case"smoothly-item":if(!customElements.get(c(e))){q()}break;case"smoothly-spinner":if(!customElements.get(c(e))){G()}break;case"smoothly-tab":if(!customElements.get(c(e))){K()}break;case"smoothly-tabs":if(!customElements.get(c(e))){T()}break;case"smoothly-toggle-switch":if(!customElements.get(c(e))){V()}break}}))}P();export{O as S,P as d};
|
|
2
|
+
//# sourceMappingURL=p-DASRY4Rq.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as o,h as t,d as c,t as a}from"./p-BsZrGTcp.js";import{d as l}from"./p-zLhQ1mMe.js";import{d as s}from"./p-mmAi00ak.js";import{d}from"./p-MHAaISnU.js";import{d as f}from"./p-C9Wv8Ynb.js";import{d as b}from"./p-DPlYDxyJ.js";import{d as n}from"./p-DDYB8QLF.js";import{d as i}from"./p-BHTAR2x1.js";import{d as m}from"./p-B-jhX7aN.js";import{d as r}from"./p-Dk4OvZyQ.js";import{d as y}from"./p-Bo1NnbuT.js";import{d as h}from"./p-BQOdxeHU.js";import{d as k}from"./p-vN0nUvmF.js";import{d as u}from"./p-ByRyVRgY.js";import{d as p}from"./p-CmUug44L.js";import{d as g}from"./p-BCwizh6U.js";import{d as w}from"./p-Dw1KwhCp.js";const z=()=>`smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}`;const C=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(c,{key:"41fbe591e1a0c9ab6d1d73335a9b9f4a5a3c4d93"},t("section",{key:"59b6da9df3532752d3e5dcf9763c527d165bcf1f"},t("smoothly-button-demo-standard",{key:"27bf9cd1746a1718bf887dcef5d79230b01318ff"})),t("section",{key:"e7e87e4c84c0e8df43d56f217196e27a9bb5670e"},t("h4",{key:"8bf5cff46e4146474a9b91bfe8b83db89dd13c3a"},"Confirm button (two clicks)"),t("div",{key:"3c341489427dbf76dc4e9a200c23f58174696591"},t("smoothly-button-confirm",{key:"75793866c6111afbd5aeadf1bc6251f1efa9d592",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),t("smoothly-button-confirm",{key:"14bdceddb01044ae6979af4a0c8efe0970e81e3d",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},t("smoothly-icon",{key:"33058b7d3638a0ca28aee23a5fb238d60356b16d",name:"checkmark-outline",size:"tiny"})),t("smoothly-button-confirm",{key:"d7d306d14262d7b43c5c37af91ffb79f0be82b14",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},t("smoothly-icon",{key:"7ea300edde779ca34db97bb2fe60f0051b1e366d",name:"trash-outline",size:"tiny",fill:"outline"}))),t("smoothly-toggle-switch-demo",{key:"c6e8b4c78605733c73bab3c1aa8ae5e770cc14e4"}),t("h4",{key:"8e92524469b1b4e0a59d14907e8df2f4e7680887"},"Links with icons"),t("smoothly-button",{key:"4ca461c47396b88dd9c276248d2fb425255e26f8",type:"link"},t("smoothly-icon",{key:"07c089e06c38afc5d0abe83491c38716486225c6",name:"checkmark-circle",slot:"start"}),"type link"),t("smoothly-button",{key:"b1c765d706ee22acb4368b8a67b1faddb591581a",type:"button",color:"warning",fill:"default"},t("smoothly-icon",{key:"d3188cb32fd389fb88a3a1e760fe33867265c5fc",name:"call",slot:"start"}),t("a",{key:"9bdf562304a25ce3024ca58cb53fff7c4b04acb6",href:"https://google.com"},"link")),t("smoothly-button",{key:"5da225cc3dfd1638a54fc9ce533cd038cccc808e",link:"https://google.com",type:"link"},t("smoothly-icon",{key:"a2417e1fbdff1b064e1cc3f61c4fc1615291e44d",name:"arrow-forward",slot:"end"}),"link + type link"),t("h4",{key:"54a1da928e2c9c48638a12dd3768c001ba38a77f"},"Size and Color test"),t("smoothly-button",{key:"bce9b7538f39f17b0377f723310eadbad511ed80",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),t("smoothly-button",{key:"210799c91bfe94fb54b3434fd99e67075cc91b43",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),t("smoothly-button",{key:"374856692cefcb96deb1a38758eb4fec6f7808ab",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),t("smoothly-button",{key:"e807e6793fb358e6ced92caecb1d0feab2f011c7",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),t("smoothly-button",{key:"9bcde023dd0e12a84835bdd3d0c93d7602485246",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),t("smoothly-button",{key:"f98fb61b19dfbc7bbf29a740e7a5ae1997861c80",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),t("smoothly-button",{key:"6a46ea925f111b8c1d8b4510577d57f10e49ed1e",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),t("smoothly-button",{key:"3ced819c355f03ef775ace7ccfbb0206bbc07b6a",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),t("smoothly-button",{key:"3257cef08250f67f8ec2666130e3ea0645a8e2c7",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),t("h4",{key:"0a0800062a9f545328408b50f91d9f080cdee158"},"Expand examples"),t("smoothly-button",{key:"02fabfb6c3583fb8853d82c4b97245428253774a",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),t("smoothly-button",{key:"51ddb0b657a2648909072cac84055478db97f95d",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),t("h4",{key:"52624dee081a11c096585822d810cf4288059379"},"Fill examples"),t("div",{key:"2c1eeadd860b6115dd7fdd0b2f4f8538a564269a"},t("smoothly-button",{key:"9e5454cac152c3eaea53cb55f607ca32ab09ff62",shape:"rounded",color:"primary",fill:"solid"},t("smoothly-icon",{key:"188d4c19f60645acb41e0f47f4a96da2e544b8c0",name:"checkmark-circle",slot:"start"}),"Fill Solid"),t("smoothly-button",{key:"8587e3a0015b27248dd5b0cfa801e8abd962c5ab",shape:"rounded",color:"secondary",fill:"outline"},t("smoothly-icon",{key:"557848720b2df5e0425ba66f892b5bf29fa5ea2f",name:"checkmark-circle",slot:"start"}),"Fill Outline"),t("smoothly-button",{key:"bb9406a007325c258a6a7b1039fcb1665c0abd3a",shape:"rounded",color:"tertiary",fill:"clear"},t("smoothly-icon",{key:"ed23a5661e678f293cbfa5745d684e6b10dc8c1a",name:"checkmark-circle",slot:"start"}),"Fill Clear"),t("smoothly-button",{key:"910b4a12a963dc64747c0d37eac3ce437215982f",size:"icon",shape:"rounded",color:"success",fill:"solid"},t("smoothly-icon",{key:"f32e72f63b447d69655d51eb23fb23671132c34f",name:"basketball"}))),t("h4",{key:"13a6bf24881c6eb2c7753b6cc5a23dfe8c16f5bc"},'Buttons with Icon in "start"'),t("div",{key:"cc0e96b1435883957159795474f8cf7aead9586d"},t("smoothly-button",{key:"963d08b7ffe3533daa1a933ce66263616258f92b",shape:"rounded",fill:"solid",color:"warning"},t("smoothly-icon",{key:"6fd017cf57e5ebdf63078003e02d92c68c8f4af5",name:"checkmark-circle",slot:"start"}),"Check"),t("smoothly-button",{key:"0bfde99dba0e56974c4132d2ef6c727c9a2a809f",shape:"rounded",fill:"solid",color:"secondary"},t("smoothly-icon",{key:"5780d006fe5a007b68f17c537934ebae8fb23480",name:"basketball",slot:"start"}),"Check"),t("smoothly-button",{key:"00e418dec2de5f78e40f56a38bff2e66f0ea8744",shape:"rounded",fill:"solid",color:"success"},t("smoothly-icon",{key:"eed0a2bb3c839dd3d914dc0a07e1e3c51e3c5bf3",name:"call",slot:"start"}),"Check"),t("smoothly-button",{key:"7ccffbe4c12666ce4f167f0fdc9b6bc7078faeb0",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"56531f0dd24f7c5bb0ae63fcf7b82935b60d24f2",name:"call"})),t("smoothly-button",{key:"8466fd4b388ad0e5411ba5f31975aaf6a1b0680b",size:"flexible",fill:"solid",color:"success"},t("smoothly-icon",{key:"1472f81c21140b5a8ee4408a947657cd673bd1dc",name:"airplane"}))),t("h4",{key:"0e2ac17f379dd54737037e4d3b32ad256ebf8494"},'Buttons with Icon in "end"'),t("smoothly-button",{key:"a4350f353ce14cb9adb6b362b0b11e527c0cd9fe",fill:"solid",color:"light"},"Go Forward",t("smoothly-icon",{key:"c8e56f3ab255349c872b991ec76de6c6ab878066",name:"arrow-forward",slot:"end"})),t("h4",{key:"4a318ff840e33a41e1afbdc2e328430ac4bbc830"},"Test for icon button"),t("div",{key:"9305973351f925768f74b64f7b790c92b1588839"},t("smoothly-button",{key:"da959f375b10df462b6bf8df9d5104dce89fb9d0",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"141d5fa125a2a34220c4cf0320ec45ca3fe31139",name:"call"})),t("smoothly-button",{key:"0987067c106765e51df6f9586aa1d45d942ef125",size:"icon",shape:"rounded",color:"warning",fill:"solid"},t("smoothly-icon",{key:"5fa23e7a1d9b315af5354b55fc4eefd9835e0a44",name:"search-outline"})),t("smoothly-button",{key:"60e76fbb66064799f114cc841c813f9ee1d7d065",size:"icon",shape:"rounded",color:"secondary"},t("smoothly-icon",{key:"1ae4510d90d1b47baadee8f6ed7dd492066bd3e9",name:"checkmark-circle"}))),t("h4",{key:"fadbc9d0a253d68f24b030d2d52d73d5947d335a"},"Link examples"),t("div",{key:"8b4ced5d7bbb2e479073f04cfb98e7f98b41f01c"},t("smoothly-button",{key:"128369132e142d37361b6d640fde4d2743e145a7",type:"link"},"type link"),t("smoothly-button",{key:"b9f05aa9925ca88c1aa65f4e0b3040bed9d01e83",type:"button",fill:"clear"},t("a",{key:"9b565879faf7af07377103494a04b9c3c3a53c8a",href:"https://google.com"},"link")),t("smoothly-button",{key:"69355e4bbbf46fd49597bc3db62d31548d112f87",link:"https://google.com",type:"link"},"link + type link")),t("h4",{key:"dbc23f33d5d74c0147f658672f7a4fcfb166df9d"},"Disabled buttons"),t("div",{key:"0b6d087a8e7ca3a3c1b94159f126962b6c622b20"},t("smoothly-button",{key:"636c5d7b4ddfee2ca6b912b8c8f65e06b5a64136",disabled:true,fill:"solid",color:"secondary"},"Disabled"),t("smoothly-button",{key:"da4a2457eef26c077d603bd3482764ce357918ad",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),t("smoothly-back-to-top",{key:"2906fd515608fe4a3c880755bbb9dfee63d94889"}))}static get style(){return z()}},[0,"smoothly-button-demo"]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-button-demo","smoothly-back-to-top","smoothly-button","smoothly-button-confirm","smoothly-button-demo-standard","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch","smoothly-toggle-switch-demo"];e.forEach((e=>{switch(e){case"smoothly-button-demo":if(!customElements.get(a(e))){customElements.define(a(e),C)}break;case"smoothly-back-to-top":if(!customElements.get(a(e))){l()}break;case"smoothly-button":if(!customElements.get(a(e))){s()}break;case"smoothly-button-confirm":if(!customElements.get(a(e))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(a(e))){f()}break;case"smoothly-form":if(!customElements.get(a(e))){b()}break;case"smoothly-icon":if(!customElements.get(a(e))){n()}break;case"smoothly-input":if(!customElements.get(a(e))){i()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){m()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){y()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){h()}break;case"smoothly-input-select":if(!customElements.get(a(e))){k()}break;case"smoothly-item":if(!customElements.get(a(e))){u()}break;case"smoothly-spinner":if(!customElements.get(a(e))){p()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){g()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(a(e))){w()}break}}))}E();export{C as S,E as d};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as o,h as t,d as c,t as a}from"./p-BsZrGTcp.js";import{d as l}from"./p-zLhQ1mMe.js";import{d as s}from"./p-mmAi00ak.js";import{d}from"./p-MHAaISnU.js";import{d as f}from"./p-DZmJ-Ege.js";import{d as b}from"./p-DPlYDxyJ.js";import{d as i}from"./p-DDYB8QLF.js";import{d as n}from"./p-BHTAR2x1.js";import{d as m}from"./p-B-jhX7aN.js";import{d as r}from"./p-Dk4OvZyQ.js";import{d as y}from"./p-Bo1NnbuT.js";import{d as h}from"./p-BQOdxeHU.js";import{d as k}from"./p-C88eMND6.js";import{d as u}from"./p-ByRyVRgY.js";import{d as p}from"./p-CmUug44L.js";import{d as g}from"./p-BCwizh6U.js";import{d as w}from"./p-Dw1KwhCp.js";const z=()=>`smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}`;const C=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(c,{key:"41fbe591e1a0c9ab6d1d73335a9b9f4a5a3c4d93"},t("section",{key:"59b6da9df3532752d3e5dcf9763c527d165bcf1f"},t("smoothly-button-demo-standard",{key:"27bf9cd1746a1718bf887dcef5d79230b01318ff"})),t("section",{key:"e7e87e4c84c0e8df43d56f217196e27a9bb5670e"},t("h4",{key:"8bf5cff46e4146474a9b91bfe8b83db89dd13c3a"},"Confirm button (two clicks)"),t("div",{key:"3c341489427dbf76dc4e9a200c23f58174696591"},t("smoothly-button-confirm",{key:"75793866c6111afbd5aeadf1bc6251f1efa9d592",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),t("smoothly-button-confirm",{key:"14bdceddb01044ae6979af4a0c8efe0970e81e3d",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},t("smoothly-icon",{key:"33058b7d3638a0ca28aee23a5fb238d60356b16d",name:"checkmark-outline",size:"tiny"})),t("smoothly-button-confirm",{key:"d7d306d14262d7b43c5c37af91ffb79f0be82b14",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},t("smoothly-icon",{key:"7ea300edde779ca34db97bb2fe60f0051b1e366d",name:"trash-outline",size:"tiny",fill:"outline"}))),t("smoothly-toggle-switch-demo",{key:"c6e8b4c78605733c73bab3c1aa8ae5e770cc14e4"}),t("h4",{key:"8e92524469b1b4e0a59d14907e8df2f4e7680887"},"Links with icons"),t("smoothly-button",{key:"4ca461c47396b88dd9c276248d2fb425255e26f8",type:"link"},t("smoothly-icon",{key:"07c089e06c38afc5d0abe83491c38716486225c6",name:"checkmark-circle",slot:"start"}),"type link"),t("smoothly-button",{key:"b1c765d706ee22acb4368b8a67b1faddb591581a",type:"button",color:"warning",fill:"default"},t("smoothly-icon",{key:"d3188cb32fd389fb88a3a1e760fe33867265c5fc",name:"call",slot:"start"}),t("a",{key:"9bdf562304a25ce3024ca58cb53fff7c4b04acb6",href:"https://google.com"},"link")),t("smoothly-button",{key:"5da225cc3dfd1638a54fc9ce533cd038cccc808e",link:"https://google.com",type:"link"},t("smoothly-icon",{key:"a2417e1fbdff1b064e1cc3f61c4fc1615291e44d",name:"arrow-forward",slot:"end"}),"link + type link"),t("h4",{key:"54a1da928e2c9c48638a12dd3768c001ba38a77f"},"Size and Color test"),t("smoothly-button",{key:"bce9b7538f39f17b0377f723310eadbad511ed80",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),t("smoothly-button",{key:"210799c91bfe94fb54b3434fd99e67075cc91b43",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),t("smoothly-button",{key:"374856692cefcb96deb1a38758eb4fec6f7808ab",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),t("smoothly-button",{key:"e807e6793fb358e6ced92caecb1d0feab2f011c7",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),t("smoothly-button",{key:"9bcde023dd0e12a84835bdd3d0c93d7602485246",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),t("smoothly-button",{key:"f98fb61b19dfbc7bbf29a740e7a5ae1997861c80",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),t("smoothly-button",{key:"6a46ea925f111b8c1d8b4510577d57f10e49ed1e",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),t("smoothly-button",{key:"3ced819c355f03ef775ace7ccfbb0206bbc07b6a",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),t("smoothly-button",{key:"3257cef08250f67f8ec2666130e3ea0645a8e2c7",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),t("h4",{key:"0a0800062a9f545328408b50f91d9f080cdee158"},"Expand examples"),t("smoothly-button",{key:"02fabfb6c3583fb8853d82c4b97245428253774a",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),t("smoothly-button",{key:"51ddb0b657a2648909072cac84055478db97f95d",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),t("h4",{key:"52624dee081a11c096585822d810cf4288059379"},"Fill examples"),t("div",{key:"2c1eeadd860b6115dd7fdd0b2f4f8538a564269a"},t("smoothly-button",{key:"9e5454cac152c3eaea53cb55f607ca32ab09ff62",shape:"rounded",color:"primary",fill:"solid"},t("smoothly-icon",{key:"188d4c19f60645acb41e0f47f4a96da2e544b8c0",name:"checkmark-circle",slot:"start"}),"Fill Solid"),t("smoothly-button",{key:"8587e3a0015b27248dd5b0cfa801e8abd962c5ab",shape:"rounded",color:"secondary",fill:"outline"},t("smoothly-icon",{key:"557848720b2df5e0425ba66f892b5bf29fa5ea2f",name:"checkmark-circle",slot:"start"}),"Fill Outline"),t("smoothly-button",{key:"bb9406a007325c258a6a7b1039fcb1665c0abd3a",shape:"rounded",color:"tertiary",fill:"clear"},t("smoothly-icon",{key:"ed23a5661e678f293cbfa5745d684e6b10dc8c1a",name:"checkmark-circle",slot:"start"}),"Fill Clear"),t("smoothly-button",{key:"910b4a12a963dc64747c0d37eac3ce437215982f",size:"icon",shape:"rounded",color:"success",fill:"solid"},t("smoothly-icon",{key:"f32e72f63b447d69655d51eb23fb23671132c34f",name:"basketball"}))),t("h4",{key:"13a6bf24881c6eb2c7753b6cc5a23dfe8c16f5bc"},'Buttons with Icon in "start"'),t("div",{key:"cc0e96b1435883957159795474f8cf7aead9586d"},t("smoothly-button",{key:"963d08b7ffe3533daa1a933ce66263616258f92b",shape:"rounded",fill:"solid",color:"warning"},t("smoothly-icon",{key:"6fd017cf57e5ebdf63078003e02d92c68c8f4af5",name:"checkmark-circle",slot:"start"}),"Check"),t("smoothly-button",{key:"0bfde99dba0e56974c4132d2ef6c727c9a2a809f",shape:"rounded",fill:"solid",color:"secondary"},t("smoothly-icon",{key:"5780d006fe5a007b68f17c537934ebae8fb23480",name:"basketball",slot:"start"}),"Check"),t("smoothly-button",{key:"00e418dec2de5f78e40f56a38bff2e66f0ea8744",shape:"rounded",fill:"solid",color:"success"},t("smoothly-icon",{key:"eed0a2bb3c839dd3d914dc0a07e1e3c51e3c5bf3",name:"call",slot:"start"}),"Check"),t("smoothly-button",{key:"7ccffbe4c12666ce4f167f0fdc9b6bc7078faeb0",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"56531f0dd24f7c5bb0ae63fcf7b82935b60d24f2",name:"call"})),t("smoothly-button",{key:"8466fd4b388ad0e5411ba5f31975aaf6a1b0680b",size:"flexible",fill:"solid",color:"success"},t("smoothly-icon",{key:"1472f81c21140b5a8ee4408a947657cd673bd1dc",name:"airplane"}))),t("h4",{key:"0e2ac17f379dd54737037e4d3b32ad256ebf8494"},'Buttons with Icon in "end"'),t("smoothly-button",{key:"a4350f353ce14cb9adb6b362b0b11e527c0cd9fe",fill:"solid",color:"light"},"Go Forward",t("smoothly-icon",{key:"c8e56f3ab255349c872b991ec76de6c6ab878066",name:"arrow-forward",slot:"end"})),t("h4",{key:"4a318ff840e33a41e1afbdc2e328430ac4bbc830"},"Test for icon button"),t("div",{key:"9305973351f925768f74b64f7b790c92b1588839"},t("smoothly-button",{key:"da959f375b10df462b6bf8df9d5104dce89fb9d0",size:"icon",fill:"solid",shape:"rounded",color:"success"},t("smoothly-icon",{key:"141d5fa125a2a34220c4cf0320ec45ca3fe31139",name:"call"})),t("smoothly-button",{key:"0987067c106765e51df6f9586aa1d45d942ef125",size:"icon",shape:"rounded",color:"warning",fill:"solid"},t("smoothly-icon",{key:"5fa23e7a1d9b315af5354b55fc4eefd9835e0a44",name:"search-outline"})),t("smoothly-button",{key:"60e76fbb66064799f114cc841c813f9ee1d7d065",size:"icon",shape:"rounded",color:"secondary"},t("smoothly-icon",{key:"1ae4510d90d1b47baadee8f6ed7dd492066bd3e9",name:"checkmark-circle"}))),t("h4",{key:"fadbc9d0a253d68f24b030d2d52d73d5947d335a"},"Link examples"),t("div",{key:"8b4ced5d7bbb2e479073f04cfb98e7f98b41f01c"},t("smoothly-button",{key:"128369132e142d37361b6d640fde4d2743e145a7",type:"link"},"type link"),t("smoothly-button",{key:"b9f05aa9925ca88c1aa65f4e0b3040bed9d01e83",type:"button",fill:"clear"},t("a",{key:"9b565879faf7af07377103494a04b9c3c3a53c8a",href:"https://google.com"},"link")),t("smoothly-button",{key:"69355e4bbbf46fd49597bc3db62d31548d112f87",link:"https://google.com",type:"link"},"link + type link")),t("h4",{key:"dbc23f33d5d74c0147f658672f7a4fcfb166df9d"},"Disabled buttons"),t("div",{key:"0b6d087a8e7ca3a3c1b94159f126962b6c622b20"},t("smoothly-button",{key:"636c5d7b4ddfee2ca6b912b8c8f65e06b5a64136",disabled:true,fill:"solid",color:"secondary"},"Disabled"),t("smoothly-button",{key:"da4a2457eef26c077d603bd3482764ce357918ad",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),t("smoothly-back-to-top",{key:"2906fd515608fe4a3c880755bbb9dfee63d94889"}))}static get style(){return z()}},[0,"smoothly-button-demo"]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-button-demo","smoothly-back-to-top","smoothly-button","smoothly-button-confirm","smoothly-button-demo-standard","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch","smoothly-toggle-switch-demo"];e.forEach((e=>{switch(e){case"smoothly-button-demo":if(!customElements.get(a(e))){customElements.define(a(e),C)}break;case"smoothly-back-to-top":if(!customElements.get(a(e))){l()}break;case"smoothly-button":if(!customElements.get(a(e))){s()}break;case"smoothly-button-confirm":if(!customElements.get(a(e))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(a(e))){f()}break;case"smoothly-form":if(!customElements.get(a(e))){b()}break;case"smoothly-icon":if(!customElements.get(a(e))){i()}break;case"smoothly-input":if(!customElements.get(a(e))){n()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){m()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){y()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){h()}break;case"smoothly-input-select":if(!customElements.get(a(e))){k()}break;case"smoothly-item":if(!customElements.get(a(e))){u()}break;case"smoothly-spinner":if(!customElements.get(a(e))){p()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){g()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(a(e))){w()}break}}))}E();export{C as S,E as d};
|
|
2
|
+
//# sourceMappingURL=p-DOfA_yvr.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as o,h as t,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as n}from"./p-mmAi00ak.js";import{d as i}from"./p-MHAaISnU.js";import{d as l}from"./p-DPlYDxyJ.js";import{d as c}from"./p-DDYB8QLF.js";import{d as r}from"./p-BHTAR2x1.js";import{d as f}from"./p-BOzzNfNj.js";import{d}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as o,h as t,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as n}from"./p-mmAi00ak.js";import{d as i}from"./p-MHAaISnU.js";import{d as l}from"./p-DPlYDxyJ.js";import{d as c}from"./p-DDYB8QLF.js";import{d as r}from"./p-BHTAR2x1.js";import{d as f}from"./p-BOzzNfNj.js";import{d}from"./p-BagcEQ4o.js";import{d as u}from"./p-CLqKhHZ8.js";import{d as p}from"./p-C88eMND6.js";import{d as y}from"./p-ycoVDLCD.js";import{d as h}from"./p-ByRyVRgY.js";import{d as b}from"./p-CmUug44L.js";const k=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.name="Initial name";this.currency="EUR";this.date=a.Date.now();this.currencies=["GBP","SEK","EUR","USD"]}nameChanged(e,o){console.log(`updated name from '${o}' to '${e}'`)}async submitHandler(e){e.stopPropagation();console.log("Received event. Processing...",e.detail);if(!(typeof e.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof e.detail.value.date=="string")){console.error("Bad input. Resolving false.")}else if(!a.Currency.is(e.detail.value.currency)){console.error("Bad input. Resolving false.")}else{await new Promise((e=>window.setTimeout(e,1e3)));this.name=e.detail.value.name;this.date=e.detail.value.date;this.currency=e.detail.value.currency;console.log("Finished processing successfully. Resolving true.");e.detail.result(true)}e.detail.result(false)}render(){return t(s,{key:"be70b1b758bbe11772a1ba8ba7dca4f5405ea651"},t("h2",{key:"68973a8cf2107ecaa72790a917cf14191cfd0fa9"},"Controlled"),t("smoothly-form",{key:"4da1c66f41c89d78c180b55b3ae1df15190eae0c",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"201cb10b36c39d6a5a98d456459b82ef9d3f0a7d",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"a434d27014de8a28230f7bc60a3b5c6b706005b6",name:"currency"},t("span",{key:"eefb198ba0a863dd7c6ff37162383522c722803c",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"4813e2c249bd21afc6a2c1a6ab78793b49fa2d68"},"Dummy"),t("smoothly-input-month",{key:"7225723a71776a7d9d88a21361443128a5893d42",name:"date",value:this.date,next:true,previous:true},t("span",{key:"be0572c78ce576807a459738426416e941a997fd",slot:"year-label"},"Year"),t("span",{key:"99bb6cf5516bccb1721013e87ca2bec463341983",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"b7be05116d563ee33665f502c45bd01d9aaf61e1",slot:"edit",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"bf423459f9b8717e9de26e4c900d054ea90baf7a",slot:"reset",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"fd42172c00aae5c33f2b22e3d3bdccb6e71ec294",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:[{nameChanged:0}]}}},[2,"smoothly-form-demo-controlled",{name:[32],currency:[32],date:[32]},undefined,{name:[{nameChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-controlled","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-edit","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-controlled":if(!customElements.get(m(e))){customElements.define(m(e),k)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){i()}break;case"smoothly-form":if(!customElements.get(m(e))){l()}break;case"smoothly-icon":if(!customElements.get(m(e))){c()}break;case"smoothly-input":if(!customElements.get(m(e))){r()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){f()}break;case"smoothly-input-month":if(!customElements.get(m(e))){d()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){u()}break;case"smoothly-input-select":if(!customElements.get(m(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){y()}break;case"smoothly-item":if(!customElements.get(m(e))){h()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
|
|
2
|
+
//# sourceMappingURL=p-DRRy5oLc.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=p-DZmJ-Ege.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as o,H as t,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i as r}from"./p-BVKhAhsB.js";import{o as i}from"./p-Dr7iZPxA.js";import{f as n}from"./p-Br0kWrBT.js";import{N as c}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as l}from"./p-mmAi00ak.js";import{d as p}from"./p-MHAaISnU.js";import{d as f}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as o,H as t,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i as r}from"./p-BVKhAhsB.js";import{o as i}from"./p-Dr7iZPxA.js";import{f as n}from"./p-Br0kWrBT.js";import{N as c}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as l}from"./p-mmAi00ak.js";import{d as p}from"./p-MHAaISnU.js";import{d as f}from"./p-jq25vUmm.js";import{d as y}from"./p-DnvyyAaF.js";import{d as h}from"./p-DPlYDxyJ.js";import{d as b}from"./p-DDYB8QLF.js";import{d}from"./p-CMLWVZ3h.js";import{d as u}from"./p-BagcEQ4o.js";import{d as k}from"./p-C88eMND6.js";import{d as j}from"./p-ycoVDLCD.js";import{d as g}from"./p-ByRyVRgY.js";import{d as E}from"./p-CmUug44L.js";const D=()=>`.sc-smoothly-form-demo-date-range-h{display:block}`;const B=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.notice=s(this,"notice");this.validator=i({range:n("isoly.DateRange",r.DateRange.is)})}async submitHandler(o){o.stopPropagation();if(!this.validator.is(o.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(c.failed(`Type is incomplete.`))}else{this.notice.emit(c.succeeded(`Type is complete!`));o.detail.result(true)}o.detail.result(false)}render(){return e(m,{key:"3833e26bb2993e1c9e34f9ae0e769667be96068f"},e("h2",{key:"22a384e50f46467bcbafa7be795461024c25b8b0"},"Date-range input"),e("smoothly-form",{key:"201517c3e9cd58a086d978da2b80d94cbb4b7a36",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:o=>this.submitHandler(o)},e("smoothly-input-date-range",{key:"6cb457ad45877b3e36c60cba1c8f364133648478",name:"range"},"Range"),e("smoothly-input-submit",{key:"91e289602933e30ee845516efc85094ff03c453d",slot:"submit"},e("smoothly-icon",{key:"93d0acb0034106aeadfb8727cb2bb7e6b1bad52a",name:"checkmark-outline"}))))}static get style(){return D()}},[2,"smoothly-form-demo-date-range"]);function x(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo-date-range","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input-date-range","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];o.forEach((o=>{switch(o){case"smoothly-form-demo-date-range":if(!customElements.get(a(o))){customElements.define(a(o),B)}break;case"smoothly-button":if(!customElements.get(a(o))){l()}break;case"smoothly-button-confirm":if(!customElements.get(a(o))){p()}break;case"smoothly-calendar":if(!customElements.get(a(o))){f()}break;case"smoothly-date-text":if(!customElements.get(a(o))){y()}break;case"smoothly-form":if(!customElements.get(a(o))){h()}break;case"smoothly-icon":if(!customElements.get(a(o))){b()}break;case"smoothly-input-date-range":if(!customElements.get(a(o))){d()}break;case"smoothly-input-month":if(!customElements.get(a(o))){u()}break;case"smoothly-input-select":if(!customElements.get(a(o))){k()}break;case"smoothly-input-submit":if(!customElements.get(a(o))){j()}break;case"smoothly-item":if(!customElements.get(a(o))){g()}break;case"smoothly-spinner":if(!customElements.get(a(o))){E()}break}}))}x();export{B as S,x as d};
|
|
2
|
+
//# sourceMappingURL=p-DcANjqvU.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as t,h as s,d as o,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-mmAi00ak.js";import{d as c}from"./p-CN3iME9d.js";import{d}from"./p-DG2pfnCV.js";import{d as l}from"./p-uFR5K4vd.js";import{d as i}from"./p-DvZK__s-.js";import{d as r}from"./p-F8qX8ZuL.js";import{d as y}from"./p-DDYB8QLF.js";import{d as h}from"./p-C88eMND6.js";import{d as p}from"./p-ByRyVRgY.js";import{d as n}from"./p-BTjay9Fy.js";import{d as f}from"./p-BnYCDLp0.js";import{d as b}from"./p-mgqCIR9Q.js";import{d as u}from"./p-e7wZ4-5T.js";import{d as k}from"./p-BvTceaHt.js";const j=()=>`.sc-smoothly-theme-demo-h{max-width:min(calc(100% - 2rem), 56rem);margin:auto;display:flex;flex-direction:column;gap:2em;margin-top:2em}.sc-smoothly-theme-demo-h>smoothly-theme-picker.sc-smoothly-theme-demo{width:20em}.sc-smoothly-theme-demo-h>div.sc-smoothly-theme-demo{display:flex;flex-direction:row;justify-content:space-between;gap:1rem}`;const v=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return s(o,{key:"3e505cbc2317099fa9c7a8ce39eb009f2c3024ca"},s("h2",{key:"5cf6837bdc6d17642828e4328265929512384435"},"Theme"),s("smoothly-theme-picker",{key:"be136a3fae2657ac4e26ad1fbd3aaeb25645a8d5"},s("smoothly-item",{key:"fa5fc77333513622192574123bf36506e52e3269",selected:true,value:"assets/style/smoothly.css"},"Smoothly"),s("smoothly-item",{key:"2961c2261191e11a1c592906b80da6145bd404fd",value:"https://app.issuefab.com/assets/style/index.css"},"Issuefab"),s("smoothly-item",{key:"dd127647b610afd4840859d7c8c10ff451dc2b56",value:"https://app.proquse.com/assets/style/index.css"},"Proquse"),s("smoothly-item",{key:"5e8ad2191b20cd08d6d1cb35816dc0454611fd71",value:"https://app.weekmeter.com/assets/style/index.css"},"Weekmeter"),s("smoothly-item",{key:"24410b3ba716c13887406e39d8269ad0f5623434",value:"https://test.dash.pax2pay.app/p2pdash.css"},"Pax2Pay Dashboard"),s("smoothly-item",{key:"0aeb4c24f7610227b1ddcd85c4a6768fac6169ab",value:"https://ui.pax2pay.app/assets/style/pax2pay.css"},"Pax2Pay Portal"),s("smoothly-item",{key:"54ab7e4db39f5011d1575b08a7454edd3c8c0afa",value:"https://theme.payfunc.com/intergiro/index.css"},"Intergiro Monitor"),s("smoothly-item",{key:"8f80758dacf77044e05035ad32620cd62129e9b5",value:"https://theme.payfunc.com/light/index.css"},"Payfunc Light"),s("smoothly-item",{key:"d505ed591e6379bc67fc3958361c4895a57e1ee9",value:"https://theme.payfunc.com/dark/index.css"},"Payfunc Dark")),s("div",{key:"b9419547eb4bbda394e480e58b7dff8dc0ebcb1d"},s("smoothly-theme-colors",{key:"3bf0624cac39fbcb490bc7992dfa530f3043122b"}),s("smoothly-theme-guide",{key:"388b8841be3ddfd0a42a5ecbe098b512210ad26a"})),s("smoothly-button",{key:"3a56e3439212da68889c98cfe64141730732aefa",type:"link",link:"/redirect"},"To redirect"),s("smoothly-button",{key:"56add7b4f875bb0521b32e34719c703591e21961",type:"link",link:"/redirect"},"To /redirect"),s("smoothly-button",{key:"6319b234d80bb29370f55225bae9fef3278dee83",type:"link",link:new URL("/redirect",window.location.origin).href},'To new URL("redirect")'),s("smoothly-button",{key:"a842d75971928d0a6d0738009da122244d7b95a0",type:"link",link:"redirect/nested"},"To redirect nested"))}static get style(){return j()}},[2,"smoothly-theme-demo"]);function x(){if(typeof customElements==="undefined"){return}const e=["smoothly-theme-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-select","smoothly-item","smoothly-theme-color","smoothly-theme-color-variant","smoothly-theme-colors","smoothly-theme-guide","smoothly-theme-picker"];e.forEach((e=>{switch(e){case"smoothly-theme-demo":if(!customElements.get(m(e))){customElements.define(m(e),v)}break;case"smoothly-button":if(!customElements.get(m(e))){a()}break;case"smoothly-display":if(!customElements.get(m(e))){c()}break;case"smoothly-display-json":if(!customElements.get(m(e))){d()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){l()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){i()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){r()}break;case"smoothly-icon":if(!customElements.get(m(e))){y()}break;case"smoothly-input-select":if(!customElements.get(m(e))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){p()}break;case"smoothly-theme-color":if(!customElements.get(m(e))){n()}break;case"smoothly-theme-color-variant":if(!customElements.get(m(e))){f()}break;case"smoothly-theme-colors":if(!customElements.get(m(e))){b()}break;case"smoothly-theme-guide":if(!customElements.get(m(e))){u()}break;case"smoothly-theme-picker":if(!customElements.get(m(e))){k()}break}}))}x();export{v as S,x as d};
|
|
2
|
+
//# sourceMappingURL=p-DfuAOOKY.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as o,c as s,h as e,d as a,t as l}from"./p-BsZrGTcp.js";import{E as i}from"./p-iQDU7l2c.js";import{I as n}from"./p-DPlYDxyJ.js";import{d as h}from"./p-bQGZECIZ.js";import{d}from"./p-DnvyyAaF.js";import{d as r}from"./p-DDYB8QLF.js";import{d as m}from"./p-UCcJDJNC.js";import{d as c}from"./p-vN0nUvmF.js";import{d as u}from"./p-ByRyVRgY.js";const p=()=>`.sc-smoothly-input-date-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-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-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-date-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-date-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-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-date-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-h,[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-h>input.sc-smoothly-input-date,[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-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-date-h.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .label.sc-smoothly-input-date{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-h.floating-label.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.floating-label .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder] .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly] .sc-smoothly-input-date-s>[slot=label],.floating-label.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-value.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-text.sc-smoothly-input-date-h .label.sc-smoothly-input-date,[placeholder].sc-smoothly-input-date-h .label.sc-smoothly-input-date,[readonly].sc-smoothly-input-date-h .label.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-h .smoothly-date-placeholder.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-placeholder.sc-smoothly-input-date{opacity:0.5;display:block}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date{visibility:hidden}.sc-smoothly-input-date-h>.label.sc-smoothly-input-date{left:var(--input-padding-side)}[show-label].sc-smoothly-input-date-h>.smoothly-date-placeholder.sc-smoothly-input-date,[show-label].sc-smoothly-input-date-h>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side);margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-h:not([show-label])>.smoothly-date-placeholder.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([show-label])>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side) auto;margin-block:auto}.sc-smoothly-input-date-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-h{cursor:not-allowed}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date::before{content:"";position:absolute;left:2rem;top:-0.55rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;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))}.sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center;margin-left:auto}.sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date>.smoothly-invalid.sc-smoothly-input-date{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date>.smoothly-invalid.sc-smoothly-input-date{display:flex}`;const y=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyValueChange=s(this,"smoothlyValueChange");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.readonly=false;this.invalid=false;this.alwaysShowGuide=false;this.changed=false;this.isDifferentFromInitial=false;this.hasFocus=false;this.observer=i.Observer.create(this);this.showLabel=true;this.hasText=false}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){n.formRename(this,o)}async register(){n.formAdd(this)}async unregister(){n.formRemove(this)}async getValue(){return this.value}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined}onValueChange(t){var o;if(!this.hasFocus){(o=this.dateTextElement)===null||o===void 0?void 0:o.setValue(t)}this.isDifferentFromInitial=this.initialValue!=this.value;this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){n.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}onClick(t){var o;const s=!!this.dateTextElement&&t.composedPath().includes(this.dateTextElement);const e=!!this.calendarElement&&t.composedPath().includes(this.calendarElement);const a=!!this.iconsElement&&t.composedPath().includes(this.iconsElement);if(!this.readonly&&!this.disabled&&!s&&!e&&!a){(o=this.dateTextElement)===null||o===void 0?void 0:o.select()}if(!this.readonly&&!this.disabled&&!e&&!a){this.open=!this.open||s}}onUserChangedValue(t){var o;t.stopPropagation();const s=(o=t.detail)!==null&&o!==void 0?o:undefined;if(this.value!=s){this.value=s;this.smoothlyUserInput.emit({name:this.name,value:this.value})}}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.isDifferentFromInitial=false}dateSetHandler(t){this.open=false;t.stopPropagation()}render(){return e(a,{key:"d610c101e778aa42a9369aa03f1caf8e14b8b5c8",tabindex:this.disabled?undefined:0,class:{"has-value":!!this.value,"has-text":this.hasText,"floating-label":this.alwaysShowGuide},onClick:t=>this.onClick(t)},e("slot",{key:"44cfdeb10640f183b8d5aee0a40630dc6d3e994e",name:"start"}),e("label",{key:"d7b5fdb309c4cbe5ca865169953f50e57bae8d4d",class:"label float-on-focus"},e("slot",{key:"7230b56a3bdbb7a83a8c45800f056734b01bcb90"})),this.placeholder&&e("span",{key:"4a0606f9f3d1bf1610393006ee6238b386b56655",class:"smoothly-date-placeholder"},this.placeholder),e("smoothly-date-text",{key:"19e00959912e9a0ba57bb0989d86a54fbd06006d",ref:t=>this.dateTextElement=t,locale:this.locale,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,value:this.value,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.hasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var o;return t.stopPropagation(),(o=this.calendarElement)===null||o===void 0?void 0:o.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onUserChangedValue(t)),onSmoothlyDateTextDone:t=>{var o;return t.stopPropagation(),this.open=false,(o=this.dateTextElement)===null||o===void 0?void 0:o.deselect()}}),e("span",{key:"2f7b6396f29e43ff06f86749b20358fd9067def3",class:"smoothly-icons",ref:t=>this.iconsElement=t},e("smoothly-icon",{key:"384b7d43cebf3f16a8f14687acd424bcd790a55a",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),e("slot",{key:"445ed1618b342123b180cecc999a2899176095c6",name:"end"})),this.open&&!this.readonly&&e("smoothly-calendar",{key:"6345ea59f7dc66a47dcb0b33b01f15b9a3c7720d",ref:t=>this.calendarElement=t,doubleInput:false,value:this.value,onSmoothlyDateSet:t=>(t.stopPropagation(),this.onUserChangedValue(t)),max:this.max,min:this.min},e("div",{key:"6a2d605946629fafeb1a951aa4ce923d5c3cca53",slot:"year-label"},e("slot",{key:"7352785fb90f97fe59dcc2662e81c12ae3544e70",name:"year-label"})),e("div",{key:"9433f633d73a13a3638df8374cc807e7adfe11d0",slot:"month-label"},e("slot",{key:"2f9176a79690a41028a1633e5bb6b4bd9c464722",name:"month-label"}))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{onValueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return p()}},[262,"smoothly-input-date",{locale:[513],color:[1537],looks:[1537],name:[513],readonly:[1540],disabled:[516],invalid:[516],errorMessage:[513,"error-message"],placeholder:[513],alwaysShowGuide:[516,"always-show-guide"],value:[1025],open:[1028],max:[1025],min:[1025],showLabel:[516,"show-label"],hasText:[32],register:[64],unregister:[64],getValue:[64],listen:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"],[0,"smoothlyDateSet","dateSetHandler"]],{name:[{nameChange:0}],value:[{onValueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date":if(!customElements.get(l(t))){customElements.define(l(t),y)}break;case"smoothly-calendar":if(!customElements.get(l(t))){h()}break;case"smoothly-date-text":if(!customElements.get(l(t))){d()}break;case"smoothly-icon":if(!customElements.get(l(t))){r()}break;case"smoothly-input-month":if(!customElements.get(l(t))){m()}break;case"smoothly-input-select":if(!customElements.get(l(t))){c()}break;case"smoothly-item":if(!customElements.get(l(t))){u()}break}}))}b();export{y as S,b as d};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as t,H as o,c as s,h as e,d as a,t as l}from"./p-BsZrGTcp.js";import{E as i}from"./p-iQDU7l2c.js";import{I as n}from"./p-DPlYDxyJ.js";import{d as h}from"./p-jq25vUmm.js";import{d}from"./p-DnvyyAaF.js";import{d as r}from"./p-DDYB8QLF.js";import{d as m}from"./p-BagcEQ4o.js";import{d as c}from"./p-C88eMND6.js";import{d as u}from"./p-ByRyVRgY.js";const p=()=>`.sc-smoothly-input-date-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-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-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-date-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-date-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-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-date-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-h,[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-h>input.sc-smoothly-input-date,[looks="transparent"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-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-date-h.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .label.sc-smoothly-input-date{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-h.floating-label.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.floating-label .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder] .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly] .sc-smoothly-input-date-s>[slot=label],.floating-label.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-value.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-text.sc-smoothly-input-date-h .label.sc-smoothly-input-date,[placeholder].sc-smoothly-input-date-h .label.sc-smoothly-input-date,[readonly].sc-smoothly-input-date-h .label.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-h .smoothly-date-placeholder.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-placeholder.sc-smoothly-input-date{opacity:0.5;display:block}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date{visibility:hidden}.sc-smoothly-input-date-h>.label.sc-smoothly-input-date{left:var(--input-padding-side)}[show-label].sc-smoothly-input-date-h>.smoothly-date-placeholder.sc-smoothly-input-date,[show-label].sc-smoothly-input-date-h>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side);margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-h:not([show-label])>.smoothly-date-placeholder.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([show-label])>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side) auto;margin-block:auto}.sc-smoothly-input-date-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-h{cursor:not-allowed}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date::before{content:"";position:absolute;left:2rem;top:-0.55rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;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))}.sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center;margin-left:auto}.sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date>.smoothly-invalid.sc-smoothly-input-date{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date>.smoothly-invalid.sc-smoothly-input-date{display:flex}`;const y=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyValueChange=s(this,"smoothlyValueChange");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.readonly=false;this.invalid=false;this.alwaysShowGuide=false;this.changed=false;this.isDifferentFromInitial=false;this.hasFocus=false;this.observer=i.Observer.create(this);this.showLabel=true;this.hasText=false}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){n.formRename(this,o)}async register(){n.formAdd(this)}async unregister(){n.formRemove(this)}async getValue(){return this.value}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined}onValueChange(t){var o;if(!this.hasFocus){(o=this.dateTextElement)===null||o===void 0?void 0:o.setValue(t)}this.isDifferentFromInitial=this.initialValue!=this.value;this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){n.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}onClick(t){var o;const s=!!this.dateTextElement&&t.composedPath().includes(this.dateTextElement);const e=!!this.calendarElement&&t.composedPath().includes(this.calendarElement);const a=!!this.iconsElement&&t.composedPath().includes(this.iconsElement);if(!this.readonly&&!this.disabled&&!s&&!e&&!a){(o=this.dateTextElement)===null||o===void 0?void 0:o.select()}if(!this.readonly&&!this.disabled&&!e&&!a){this.open=!this.open||s}}onUserChangedValue(t){var o;t.stopPropagation();const s=(o=t.detail)!==null&&o!==void 0?o:undefined;if(this.value!=s){this.value=s;this.smoothlyUserInput.emit({name:this.name,value:this.value})}}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.isDifferentFromInitial=false}dateSetHandler(t){this.open=false;t.stopPropagation()}render(){return e(a,{key:"d610c101e778aa42a9369aa03f1caf8e14b8b5c8",tabindex:this.disabled?undefined:0,class:{"has-value":!!this.value,"has-text":this.hasText,"floating-label":this.alwaysShowGuide},onClick:t=>this.onClick(t)},e("slot",{key:"44cfdeb10640f183b8d5aee0a40630dc6d3e994e",name:"start"}),e("label",{key:"d7b5fdb309c4cbe5ca865169953f50e57bae8d4d",class:"label float-on-focus"},e("slot",{key:"7230b56a3bdbb7a83a8c45800f056734b01bcb90"})),this.placeholder&&e("span",{key:"4a0606f9f3d1bf1610393006ee6238b386b56655",class:"smoothly-date-placeholder"},this.placeholder),e("smoothly-date-text",{key:"19e00959912e9a0ba57bb0989d86a54fbd06006d",ref:t=>this.dateTextElement=t,locale:this.locale,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,value:this.value,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.hasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var o;return t.stopPropagation(),(o=this.calendarElement)===null||o===void 0?void 0:o.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onUserChangedValue(t)),onSmoothlyDateTextDone:t=>{var o;return t.stopPropagation(),this.open=false,(o=this.dateTextElement)===null||o===void 0?void 0:o.deselect()}}),e("span",{key:"2f7b6396f29e43ff06f86749b20358fd9067def3",class:"smoothly-icons",ref:t=>this.iconsElement=t},e("smoothly-icon",{key:"384b7d43cebf3f16a8f14687acd424bcd790a55a",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),e("slot",{key:"445ed1618b342123b180cecc999a2899176095c6",name:"end"})),this.open&&!this.readonly&&e("smoothly-calendar",{key:"6345ea59f7dc66a47dcb0b33b01f15b9a3c7720d",ref:t=>this.calendarElement=t,doubleInput:false,value:this.value,onSmoothlyDateSet:t=>(t.stopPropagation(),this.onUserChangedValue(t)),max:this.max,min:this.min},e("div",{key:"6a2d605946629fafeb1a951aa4ce923d5c3cca53",slot:"year-label"},e("slot",{key:"7352785fb90f97fe59dcc2662e81c12ae3544e70",name:"year-label"})),e("div",{key:"9433f633d73a13a3638df8374cc807e7adfe11d0",slot:"month-label"},e("slot",{key:"2f9176a79690a41028a1633e5bb6b4bd9c464722",name:"month-label"}))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{onValueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return p()}},[262,"smoothly-input-date",{locale:[513],color:[1537],looks:[1537],name:[513],readonly:[1540],disabled:[516],invalid:[516],errorMessage:[513,"error-message"],placeholder:[513],alwaysShowGuide:[516,"always-show-guide"],value:[1025],open:[1028],max:[1025],min:[1025],showLabel:[516,"show-label"],hasText:[32],register:[64],unregister:[64],getValue:[64],listen:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"],[0,"smoothlyDateSet","dateSetHandler"]],{name:[{nameChange:0}],value:[{onValueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date":if(!customElements.get(l(t))){customElements.define(l(t),y)}break;case"smoothly-calendar":if(!customElements.get(l(t))){h()}break;case"smoothly-date-text":if(!customElements.get(l(t))){d()}break;case"smoothly-icon":if(!customElements.get(l(t))){r()}break;case"smoothly-input-month":if(!customElements.get(l(t))){m()}break;case"smoothly-input-select":if(!customElements.get(l(t))){c()}break;case"smoothly-item":if(!customElements.get(l(t))){u()}break}}))}b();export{y as S,b as d};
|
|
2
|
+
//# sourceMappingURL=p-DhchoEO3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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-MHAaISnU.js";import{d as c}from"./p-CN3iME9d.js";import{d as i}from"./p-DG2pfnCV.js";import{d as f}from"./p-uFR5K4vd.js";import{d}from"./p-DvZK__s-.js";import{d as b}from"./p-F8qX8ZuL.js";import{d as r}from"./p-DPlYDxyJ.js";import{d as n}from"./p-DDYB8QLF.js";import{d as y}from"./p-BHTAR2x1.js";import{d as p}from"./p-B-jhX7aN.js";import{d as u}from"./p-Dk4OvZyQ.js";import{d as h}from"./p-CDzU4-Ri.js";import{d as k}from"./p-BOzzNfNj.js";import{d as j}from"./p-UqPFIGlg.js";import{d as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
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-MHAaISnU.js";import{d as c}from"./p-CN3iME9d.js";import{d as i}from"./p-DG2pfnCV.js";import{d as f}from"./p-uFR5K4vd.js";import{d}from"./p-DvZK__s-.js";import{d as b}from"./p-F8qX8ZuL.js";import{d as r}from"./p-DPlYDxyJ.js";import{d as n}from"./p-DDYB8QLF.js";import{d as y}from"./p-BHTAR2x1.js";import{d as p}from"./p-B-jhX7aN.js";import{d as u}from"./p-Dk4OvZyQ.js";import{d as h}from"./p-CDzU4-Ri.js";import{d as k}from"./p-BOzzNfNj.js";import{d as j}from"./p-UqPFIGlg.js";import{d as E}from"./p-Bo1NnbuT.js";import{d as g}from"./p-BQOdxeHU.js";import{d as v}from"./p-Dq8EU803.js";import{d as x}from"./p-CLqKhHZ8.js";import{d as D}from"./p-C88eMND6.js";import{d as z}from"./p-ycoVDLCD.js";import{d as C}from"./p-ByRyVRgY.js";import{d as F}from"./p-CmUug44L.js";import{d as L}from"./p-BCwizh6U.js";const N=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-file",{key:"cd15c39915ea43095e237f4f1952ed271f6e756b",name:"profile",placeholder:"Click or drag your profile picture here..."},t("span",{key:"a6138d70fbf10e1cf7cc4ad624422315d05c9619",slot:"label"},"Profile"),t("smoothly-icon",{key:"5c53d92dd91402c2db9d57dc3dfd274cbea4b730",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),t("smoothly-input",{key:"497261e5f152c2af406dcc6860a6092df8bbe1af",type:"duration",name:"duration",value:{}},"Duration"),t("smoothly-input-clear",{key:"7ba91aa6d31f7ff2ebbb3d07bd958610aad0fc1f",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),t("smoothly-input-edit",{key:"fd6a01b3f7417aa4074bbf2ca385cec9d437e429",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),t("smoothly-input-reset",{key:"3221d6e405488a7af0b917c99ee7f5acd9ca9f1d",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"e81eff668f6592a23f3f13262c123e97d1ca6c30",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"334bca3eb505ccd23c75efe1d3d66faa7638f4e0",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}},[2,"smoothly-form-demo-all"]);function P(){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),N)}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))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(s(e))){d()}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))){E()}break;case"smoothly-input-radio-item":if(!customElements.get(s(e))){g()}break;case"smoothly-input-range":if(!customElements.get(s(e))){v()}break;case"smoothly-input-reset":if(!customElements.get(s(e))){x()}break;case"smoothly-input-select":if(!customElements.get(s(e))){D()}break;case"smoothly-input-submit":if(!customElements.get(s(e))){z()}break;case"smoothly-item":if(!customElements.get(s(e))){C()}break;case"smoothly-spinner":if(!customElements.get(s(e))){F()}break;case"smoothly-toggle-switch":if(!customElements.get(s(e))){L()}break}}))}P();export{N as S,P as d};
|
|
2
|
+
//# sourceMappingURL=p-FdEf_vHE.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=p-jq25vUmm.js.map
|