smoothly 1.109.0 → 1.111.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.
Files changed (89) hide show
  1. package/dist/cjs/smoothly-app_98.cjs.entry.js +1 -1
  2. package/dist/cjs/smoothly-app_98.cjs.entry.js.map +1 -1
  3. package/dist/collection/components/input/select/style.css +9 -3
  4. package/dist/components/{p-CSvGZiNH.js → p-3dApo-uA.js} +2 -2
  5. package/dist/components/p-BgXgncGY.js +2 -0
  6. package/dist/components/{p-ipbPbq1N.js.map → p-BgXgncGY.js.map} +1 -1
  7. package/dist/components/{p-rfh5VPMG.js → p-BqAN7jax.js} +2 -2
  8. package/dist/components/{p-DOH-q32V.js → p-C5Bgwjpo.js} +2 -2
  9. package/dist/components/{p-BlwcMiTW.js → p-C629G4I1.js} +2 -2
  10. package/dist/components/{p-DsrnECl3.js → p-C8cvGmGP.js} +2 -2
  11. package/dist/components/{p-_Om7ydYw.js → p-C9zTTp-4.js} +2 -2
  12. package/dist/components/p-CG636AEF.js.map +1 -1
  13. package/dist/components/{p-B5Gl6MB6.js → p-CGG77xzV.js} +2 -2
  14. package/dist/components/{p-BaZ7epwA.js → p-CKxNCxBn.js} +2 -2
  15. package/dist/components/{p-mBKOQrQy.js → p-CMiST1Tm.js} +2 -2
  16. package/dist/components/{p-BvFi_Lkx.js → p-CUiFFtAw.js} +2 -2
  17. package/dist/components/{p-CaAY8by4.js → p-CdYYtJX2.js} +2 -2
  18. package/dist/components/{p-gB0mpakH.js → p-CrNizZqW.js} +2 -2
  19. package/dist/components/{p-Cwlv34G5.js → p-CyhRVB6K.js} +2 -2
  20. package/dist/components/{p-E3K_mUkm.js → p-D1cLYdzg.js} +2 -2
  21. package/dist/components/{p-DdDIWpAG.js → p-DA_1vtmU.js} +2 -2
  22. package/dist/components/{p-CrSX7reE.js → p-DBkHnJdp.js} +2 -2
  23. package/dist/components/p-DBuVH8IL.js.map +1 -1
  24. package/dist/components/{p-NG2uN2mW.js → p-DKggy9E3.js} +2 -2
  25. package/dist/components/{p-vJp_rBtb.js → p-DR3KUEvE.js} +2 -2
  26. package/dist/components/{p-Bl9o-Dl8.js → p-DTqtObrT.js} +2 -2
  27. package/dist/components/p-DZ4ogW8V.js.map +1 -1
  28. package/dist/components/{p-DbRWsqqh.js → p-DgHAvBgB.js} +2 -2
  29. package/dist/components/{p-CSjcf7-u.js → p-HKrMuYSD.js} +2 -2
  30. package/dist/components/p-RNCr3p17.js +2 -0
  31. package/dist/components/p-RNCr3p17.js.map +1 -0
  32. package/dist/components/{p-CBdAZLYa.js → p-fJkfUsWz.js} +2 -2
  33. package/dist/components/smoothly-app-demo.js +1 -1
  34. package/dist/components/smoothly-button-demo-standard.js +1 -1
  35. package/dist/components/smoothly-button-demo.js +1 -1
  36. package/dist/components/smoothly-calendar.js +1 -1
  37. package/dist/components/smoothly-form-demo-all.js +1 -1
  38. package/dist/components/smoothly-form-demo-controlled.js +1 -1
  39. package/dist/components/smoothly-form-demo-date-range.js +1 -1
  40. package/dist/components/smoothly-form-demo-date.js +1 -1
  41. package/dist/components/smoothly-form-demo-pet.js +1 -1
  42. package/dist/components/smoothly-form-demo-schedule.js +1 -1
  43. package/dist/components/smoothly-form-demo-transparent.js +1 -1
  44. package/dist/components/smoothly-form-demo-typed.js +1 -1
  45. package/dist/components/smoothly-form-demo.js +1 -1
  46. package/dist/components/smoothly-icon-demo.js +1 -1
  47. package/dist/components/smoothly-input-checkbox-demo.js +1 -1
  48. package/dist/components/smoothly-input-date-demo.js +1 -1
  49. package/dist/components/smoothly-input-date-range.js +1 -1
  50. package/dist/components/smoothly-input-date-time.js +1 -1
  51. package/dist/components/smoothly-input-date.js +1 -1
  52. package/dist/components/smoothly-input-demo-standard.js +1 -1
  53. package/dist/components/smoothly-input-demo-user-input.js +1 -1
  54. package/dist/components/smoothly-input-demo.js +1 -1
  55. package/dist/components/smoothly-input-month.js +1 -1
  56. package/dist/components/smoothly-input-select.js +1 -1
  57. package/dist/components/smoothly-theme-demo.js +1 -1
  58. package/dist/components/smoothly-theme-picker.js +1 -1
  59. package/dist/esm/smoothly-app_98.entry.js +1 -1
  60. package/dist/esm/smoothly-app_98.entry.js.map +1 -1
  61. package/dist/smoothly/{p-907a0178.entry.js → p-0a7de225.entry.js} +2 -2
  62. package/dist/smoothly/{p-907a0178.entry.js.map → p-0a7de225.entry.js.map} +1 -1
  63. package/dist/smoothly/smoothly.esm.js +1 -1
  64. package/package.json +1 -1
  65. package/dist/components/p-ipbPbq1N.js +0 -2
  66. package/dist/components/p-kD9ZndMg.js +0 -2
  67. package/dist/components/p-kD9ZndMg.js.map +0 -1
  68. /package/dist/components/{p-CSvGZiNH.js.map → p-3dApo-uA.js.map} +0 -0
  69. /package/dist/components/{p-rfh5VPMG.js.map → p-BqAN7jax.js.map} +0 -0
  70. /package/dist/components/{p-DOH-q32V.js.map → p-C5Bgwjpo.js.map} +0 -0
  71. /package/dist/components/{p-BlwcMiTW.js.map → p-C629G4I1.js.map} +0 -0
  72. /package/dist/components/{p-DsrnECl3.js.map → p-C8cvGmGP.js.map} +0 -0
  73. /package/dist/components/{p-_Om7ydYw.js.map → p-C9zTTp-4.js.map} +0 -0
  74. /package/dist/components/{p-B5Gl6MB6.js.map → p-CGG77xzV.js.map} +0 -0
  75. /package/dist/components/{p-BaZ7epwA.js.map → p-CKxNCxBn.js.map} +0 -0
  76. /package/dist/components/{p-mBKOQrQy.js.map → p-CMiST1Tm.js.map} +0 -0
  77. /package/dist/components/{p-BvFi_Lkx.js.map → p-CUiFFtAw.js.map} +0 -0
  78. /package/dist/components/{p-CaAY8by4.js.map → p-CdYYtJX2.js.map} +0 -0
  79. /package/dist/components/{p-gB0mpakH.js.map → p-CrNizZqW.js.map} +0 -0
  80. /package/dist/components/{p-Cwlv34G5.js.map → p-CyhRVB6K.js.map} +0 -0
  81. /package/dist/components/{p-E3K_mUkm.js.map → p-D1cLYdzg.js.map} +0 -0
  82. /package/dist/components/{p-DdDIWpAG.js.map → p-DA_1vtmU.js.map} +0 -0
  83. /package/dist/components/{p-CrSX7reE.js.map → p-DBkHnJdp.js.map} +0 -0
  84. /package/dist/components/{p-NG2uN2mW.js.map → p-DKggy9E3.js.map} +0 -0
  85. /package/dist/components/{p-vJp_rBtb.js.map → p-DR3KUEvE.js.map} +0 -0
  86. /package/dist/components/{p-Bl9o-Dl8.js.map → p-DTqtObrT.js.map} +0 -0
  87. /package/dist/components/{p-DbRWsqqh.js.map → p-DgHAvBgB.js.map} +0 -0
  88. /package/dist/components/{p-CSjcf7-u.js.map → p-HKrMuYSD.js.map} +0 -0
  89. /package/dist/components/{p-CBdAZLYa.js.map → p-fJkfUsWz.js.map} +0 -0
@@ -1,2 +1,2 @@
1
- import{p as e,H as t,h as o,d as s,t as i}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as n}from"./p-rfh5VPMG.js";import{d as r}from"./p-B8ljN4o0.js";import{d as l}from"./p-DM5CKilY.js";import{d as c}from"./p-CR3Ni_o7.js";import{d}from"./p-B-l1S16Z.js";import{d as h}from"./p-Ud7Qhkgt.js";import{d as u}from"./p-C3FORjes.js";import{d as p}from"./p-BiQsRsV4.js";import{d as f}from"./p-R4uIvvER.js";import{d as y}from"./p-C_f8s6n5.js";import{d as b}from"./p-nrkV1PqR.js";import{d as k}from"./p-_Om7ydYw.js";import{d as j}from"./p-NG2uN2mW.js";import{d as g}from"./p-B5Gl6MB6.js";import{d as x}from"./p-Bl9o-Dl8.js";import{d as E}from"./p-BDhPxj59.js";import{d as v}from"./p-DXHBXAV0.js";import{d as I}from"./p-D2FsRCII.js";import{d as C}from"./p-kD9ZndMg.js";import{d as U}from"./p-BS2SWUX6.js";import{d as S}from"./p-DMzn0Iz0.js";const B=()=>`.sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}@media (max-width: 48rem){.sc-smoothly-input-demo-user-input-h{grid-template-columns:1fr}}`;const w=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.values=["zero","one","two","three","four","five"];this.colors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"]}increment(e){return e===undefined?0:(e+1)%this.values.length}render(){var e,t;return o(s,{key:"e5373df530143e9be043fef3040f0c28e4e6befd"},o("div",{key:"e43682af956adff7d7717bc0460eed3b1bb95d84"},o("h2",{key:"4332098a4a62650fee3ff36df29bbab86ece7e9d"},"User Input Event"),o("p",{key:"b20f95a50866658227c61b92cd110ec481da9aea"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"d7966a4bf162c151d82b4202e72cd090eaf54ea0"},"smoothlyUserInput")," event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).",o("br",{key:"c491689d80addd8399ee02ab7cfc6c14f599bb85"}),"Check the console to see the details of each ",o("code",{key:"919ebbf26937841a5396d0d8b1f7d56a268ac292"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"241df770721275520a479cac831b972062cf0fce",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"1c8afb64233081bd049d91a0dd0e8071aad85856",looks:"border",name:"demo-user-input-text",value:this.textIndex===undefined?"":this.values[this.textIndex],onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Text input"),o("smoothly-button",{key:"5fe334fb6629980fec2ee42d22df173f86b9bec2",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"0972c18426ec3adf17de6b187c582d875de17c75",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"0e6d5f9596b71bae1f548aaf3cc830e9327dda05",slot:"label"},"Select input"),this.values.map(((e,t)=>o("smoothly-item",{value:t,selected:t==this.selectIndex},e)))),o("smoothly-button",{key:"66f5d072734363f0457f38252105272c643354ce",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"37bb578799dfb2de20c6ed9c26214acc5a4b3c0b",looks:"border",name:"demo-user-input-checkbox",checked:this.checkboxChecked,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Checkbox input"),o("smoothly-button",{key:"a70017b8ad95581ec4361d96350f809942b61d93",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"07558d4cbc286b03af94f0cc93718f35a93a73f6",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"1e6fa16c98dbf64e75d4527a5619a37d30631801",slot:"label"},"Radio input"),this.values.map(((e,t)=>o("smoothly-input-radio-item",{value:e,selected:t==this.radioIndex},e)))),o("smoothly-button",{key:"d3d7581a7c25ce7a7add6cc0f318bb738fbfcf56",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"cf1ad804353d6cecc2a92f1c919f0814ddc90293",looks:"border",name:"demo-user-input-range",step:1,min:0,max:this.values.length,value:this.rangeValue,label:"Range Input",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)}),o("smoothly-button",{key:"ac4215b8764d794d7b2b502e8978eeb066bb482b",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"b0f18cbf601c7a7e1b105b6ade6b7738e735c1af",looks:"border",name:"demo-user-input-color",value:typeof this.colorIndex=="number"?this.colors[this.colorIndex]:undefined,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Color input"),o("smoothly-button",{key:"353846f23973a62890ca228fce9434606c351eab",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?a.Date.next(this.dateValue):a.Date.now()},"Next day"),o("smoothly-input-date",{key:"e4e466950e474177dfd57b95741256ece59aeba7",looks:"border",name:"demo-user-input-date",value:this.dateValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date input"),o("smoothly-button",{key:"e39a9742e3c896ed0b8083b0cb12694971c2f7b3",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?a.DateTime.nextDay(this.datetimeValue):a.DateTime.now()},"Next date time"),o("smoothly-input-date-time",{key:"91d54581db356cfcfc093286eb125502398315bd",looks:"border",name:"demo-user-input-datetime",value:this.datetimeValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date time input"),o("smoothly-button",{key:"1bfc78adefad21783c035335cf764bdb92c537e4",color:"tertiary",onClick:()=>this.dateRangeValue=this.dateRangeValue?{start:a.Date.next(this.dateRangeValue.start),end:a.Date.next(this.dateRangeValue.end)}:{start:a.Date.now(),end:a.Date.next(a.Date.now(),10)}},"Next date range"),o("smoothly-input-date-range",{key:"78f36ca1d6a278db6d7bd4644689331be84c488a",looks:"border",name:"demo-user-input-daterange",start:(e=this.dateRangeValue)===null||e===void 0?void 0:e.start,end:(t=this.dateRangeValue)===null||t===void 0?void 0:t.end,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date range input"))}static get style(){return B()}},[2,"smoothly-input-demo-user-input",{textIndex:[32],selectIndex:[32],checkboxChecked:[32],radioIndex:[32],rangeValue:[32],colorIndex:[32],dateValue:[32],datetimeValue:[32],dateRangeValue:[32]}]);function N(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-user-input","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-user-input":if(!customElements.get(i(e))){customElements.define(i(e),w)}break;case"smoothly-button":if(!customElements.get(i(e))){m()}break;case"smoothly-calendar":if(!customElements.get(i(e))){n()}break;case"smoothly-date-text":if(!customElements.get(i(e))){r()}break;case"smoothly-display":if(!customElements.get(i(e))){l()}break;case"smoothly-display-json":if(!customElements.get(i(e))){c()}break;case"smoothly-display-json-object":if(!customElements.get(i(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(i(e))){h()}break;case"smoothly-display-json-record-key":if(!customElements.get(i(e))){u()}break;case"smoothly-icon":if(!customElements.get(i(e))){p()}break;case"smoothly-input":if(!customElements.get(i(e))){f()}break;case"smoothly-input-checkbox":if(!customElements.get(i(e))){y()}break;case"smoothly-input-color":if(!customElements.get(i(e))){b()}break;case"smoothly-input-date":if(!customElements.get(i(e))){k()}break;case"smoothly-input-date-range":if(!customElements.get(i(e))){j()}break;case"smoothly-input-date-time":if(!customElements.get(i(e))){g()}break;case"smoothly-input-month":if(!customElements.get(i(e))){x()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){E()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){v()}break;case"smoothly-input-range":if(!customElements.get(i(e))){I()}break;case"smoothly-input-select":if(!customElements.get(i(e))){C()}break;case"smoothly-item":if(!customElements.get(i(e))){U()}break;case"smoothly-toggle-switch":if(!customElements.get(i(e))){S()}break}}))}N();export{w as S,N as d};
2
- //# sourceMappingURL=p-BvFi_Lkx.js.map
1
+ import{p as e,H as t,h as o,d as s,t as i}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as n}from"./p-BqAN7jax.js";import{d as r}from"./p-B8ljN4o0.js";import{d as l}from"./p-DM5CKilY.js";import{d as c}from"./p-CR3Ni_o7.js";import{d}from"./p-B-l1S16Z.js";import{d as h}from"./p-Ud7Qhkgt.js";import{d as u}from"./p-C3FORjes.js";import{d as p}from"./p-BiQsRsV4.js";import{d as f}from"./p-R4uIvvER.js";import{d as y}from"./p-C_f8s6n5.js";import{d as b}from"./p-nrkV1PqR.js";import{d as k}from"./p-C9zTTp-4.js";import{d as j}from"./p-DKggy9E3.js";import{d as g}from"./p-CGG77xzV.js";import{d as x}from"./p-DTqtObrT.js";import{d as E}from"./p-BDhPxj59.js";import{d as v}from"./p-DXHBXAV0.js";import{d as C}from"./p-D2FsRCII.js";import{d as I}from"./p-RNCr3p17.js";import{d as U}from"./p-BS2SWUX6.js";import{d as S}from"./p-DMzn0Iz0.js";const B=()=>`.sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}@media (max-width: 48rem){.sc-smoothly-input-demo-user-input-h{grid-template-columns:1fr}}`;const N=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.values=["zero","one","two","three","four","five"];this.colors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"]}increment(e){return e===undefined?0:(e+1)%this.values.length}render(){var e,t;return o(s,{key:"e5373df530143e9be043fef3040f0c28e4e6befd"},o("div",{key:"e43682af956adff7d7717bc0460eed3b1bb95d84"},o("h2",{key:"4332098a4a62650fee3ff36df29bbab86ece7e9d"},"User Input Event"),o("p",{key:"b20f95a50866658227c61b92cd110ec481da9aea"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"d7966a4bf162c151d82b4202e72cd090eaf54ea0"},"smoothlyUserInput")," event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).",o("br",{key:"c491689d80addd8399ee02ab7cfc6c14f599bb85"}),"Check the console to see the details of each ",o("code",{key:"919ebbf26937841a5396d0d8b1f7d56a268ac292"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"241df770721275520a479cac831b972062cf0fce",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"1c8afb64233081bd049d91a0dd0e8071aad85856",looks:"border",name:"demo-user-input-text",value:this.textIndex===undefined?"":this.values[this.textIndex],onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Text input"),o("smoothly-button",{key:"5fe334fb6629980fec2ee42d22df173f86b9bec2",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"0972c18426ec3adf17de6b187c582d875de17c75",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"0e6d5f9596b71bae1f548aaf3cc830e9327dda05",slot:"label"},"Select input"),this.values.map(((e,t)=>o("smoothly-item",{value:t,selected:t==this.selectIndex},e)))),o("smoothly-button",{key:"66f5d072734363f0457f38252105272c643354ce",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"37bb578799dfb2de20c6ed9c26214acc5a4b3c0b",looks:"border",name:"demo-user-input-checkbox",checked:this.checkboxChecked,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Checkbox input"),o("smoothly-button",{key:"a70017b8ad95581ec4361d96350f809942b61d93",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"07558d4cbc286b03af94f0cc93718f35a93a73f6",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"1e6fa16c98dbf64e75d4527a5619a37d30631801",slot:"label"},"Radio input"),this.values.map(((e,t)=>o("smoothly-input-radio-item",{value:e,selected:t==this.radioIndex},e)))),o("smoothly-button",{key:"d3d7581a7c25ce7a7add6cc0f318bb738fbfcf56",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"cf1ad804353d6cecc2a92f1c919f0814ddc90293",looks:"border",name:"demo-user-input-range",step:1,min:0,max:this.values.length,value:this.rangeValue,label:"Range Input",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)}),o("smoothly-button",{key:"ac4215b8764d794d7b2b502e8978eeb066bb482b",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"b0f18cbf601c7a7e1b105b6ade6b7738e735c1af",looks:"border",name:"demo-user-input-color",value:typeof this.colorIndex=="number"?this.colors[this.colorIndex]:undefined,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Color input"),o("smoothly-button",{key:"353846f23973a62890ca228fce9434606c351eab",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?a.Date.next(this.dateValue):a.Date.now()},"Next day"),o("smoothly-input-date",{key:"e4e466950e474177dfd57b95741256ece59aeba7",looks:"border",name:"demo-user-input-date",value:this.dateValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date input"),o("smoothly-button",{key:"e39a9742e3c896ed0b8083b0cb12694971c2f7b3",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?a.DateTime.nextDay(this.datetimeValue):a.DateTime.now()},"Next date time"),o("smoothly-input-date-time",{key:"91d54581db356cfcfc093286eb125502398315bd",looks:"border",name:"demo-user-input-datetime",value:this.datetimeValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date time input"),o("smoothly-button",{key:"1bfc78adefad21783c035335cf764bdb92c537e4",color:"tertiary",onClick:()=>this.dateRangeValue=this.dateRangeValue?{start:a.Date.next(this.dateRangeValue.start),end:a.Date.next(this.dateRangeValue.end)}:{start:a.Date.now(),end:a.Date.next(a.Date.now(),10)}},"Next date range"),o("smoothly-input-date-range",{key:"78f36ca1d6a278db6d7bd4644689331be84c488a",looks:"border",name:"demo-user-input-daterange",start:(e=this.dateRangeValue)===null||e===void 0?void 0:e.start,end:(t=this.dateRangeValue)===null||t===void 0?void 0:t.end,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date range input"))}static get style(){return B()}},[2,"smoothly-input-demo-user-input",{textIndex:[32],selectIndex:[32],checkboxChecked:[32],radioIndex:[32],rangeValue:[32],colorIndex:[32],dateValue:[32],datetimeValue:[32],dateRangeValue:[32]}]);function R(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-user-input","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-user-input":if(!customElements.get(i(e))){customElements.define(i(e),N)}break;case"smoothly-button":if(!customElements.get(i(e))){m()}break;case"smoothly-calendar":if(!customElements.get(i(e))){n()}break;case"smoothly-date-text":if(!customElements.get(i(e))){r()}break;case"smoothly-display":if(!customElements.get(i(e))){l()}break;case"smoothly-display-json":if(!customElements.get(i(e))){c()}break;case"smoothly-display-json-object":if(!customElements.get(i(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(i(e))){h()}break;case"smoothly-display-json-record-key":if(!customElements.get(i(e))){u()}break;case"smoothly-icon":if(!customElements.get(i(e))){p()}break;case"smoothly-input":if(!customElements.get(i(e))){f()}break;case"smoothly-input-checkbox":if(!customElements.get(i(e))){y()}break;case"smoothly-input-color":if(!customElements.get(i(e))){b()}break;case"smoothly-input-date":if(!customElements.get(i(e))){k()}break;case"smoothly-input-date-range":if(!customElements.get(i(e))){j()}break;case"smoothly-input-date-time":if(!customElements.get(i(e))){g()}break;case"smoothly-input-month":if(!customElements.get(i(e))){x()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){E()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){v()}break;case"smoothly-input-range":if(!customElements.get(i(e))){C()}break;case"smoothly-input-select":if(!customElements.get(i(e))){I()}break;case"smoothly-item":if(!customElements.get(i(e))){U()}break;case"smoothly-toggle-switch":if(!customElements.get(i(e))){S()}break}}))}R();export{N as S,R as d};
2
+ //# sourceMappingURL=p-CUiFFtAw.js.map
@@ -1,2 +1,2 @@
1
- import{p as e,H as t,h as o,d as a,t as s}from"./p-BsZrGTcp.js";import{C as d}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{L as i,d as l}from"./p-DgaHxdNI.js";import{d as c}from"./p-BHEtq3Ue.js";import{d as m}from"./p-rfh5VPMG.js";import{d as r}from"./p-B8ljN4o0.js";import{d as n}from"./p-DM5CKilY.js";import{d as h}from"./p-CR3Ni_o7.js";import{d as f}from"./p-B-l1S16Z.js";import{d as b}from"./p-Ud7Qhkgt.js";import{d as p}from"./p-C3FORjes.js";import{d as y}from"./p-BiQsRsV4.js";import{d as u}from"./p-R4uIvvER.js";import{d as k}from"./p-C_f8s6n5.js";import{d as g}from"./p-DZadnBSZ.js";import{d as v}from"./p-nrkV1PqR.js";import{d as j}from"./p-_Om7ydYw.js";import{d as w}from"./p-NG2uN2mW.js";import{d as E}from"./p-B5Gl6MB6.js";import{d as x}from"./p-CioJtwj-.js";import{d as D}from"./p-Bl9o-Dl8.js";import{d as R}from"./p-BDhPxj59.js";import{d as B}from"./p-DXHBXAV0.js";import{d as L}from"./p-D2FsRCII.js";import{d as S}from"./p-DqwlZYFh.js";import{d as C}from"./p-kD9ZndMg.js";import{d as M}from"./p-BS2SWUX6.js";import{d as I}from"./p-CsLlJDsh.js";import{d as G}from"./p-DMzn0Iz0.js";const F=()=>`.sc-smoothly-input-demo-standard-h{max-width:min(calc(100% - 0.5rem), 48rem);margin:auto}.sc-smoothly-input-demo-standard-h h2.sc-smoothly-input-demo-standard,.sc-smoothly-input-demo-standard-h p.sc-smoothly-input-demo-standard{margin:.5rem 0}.sc-smoothly-input-demo-standard-h>.description.sc-smoothly-input-demo-standard{--smoothly-form-input-min-width:18rem}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:1fr 9rem;gap:1rem;position:relative;justify-content:space-around}div.input-wrapper.sc-smoothly-input-demo-standard>[name].sc-smoothly-input-demo-standard{grid-column:1 / 2}div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard{width:100%;text-align:center;border-bottom:1px dashed black}div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard{align-content:center;grid-column:2 / 3;border-left:1px dashed black;padding-left:1rem;content:"hello"}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{width:0.5rem;grid-column:1 / 2;white-space:nowrap;overflow:visible;position:relative;cursor:default}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard::before{content:"";position:absolute;width:100%;top:1.5rem;bottom:-1rem;border:1px dashed black;z-index:2}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard:hover::before{bottom:-100vh}`;const N=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.duration={hours:8};this.options={}}connectedCallback(){this.updateInputHeightText()}componentDidRender(){this.updateInputHeightText()}updateInputHeightText(){const e=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));this.element.querySelectorAll(".height").forEach((t=>{const o=t.clientHeight;t.innerHTML=`<b>${o/e}rem</b> (${o}pixels)`}))}render(){return o(a,{key:"0d47a2dd423a8bcdd889139f74ef2ec375d0ea97"},o("div",{key:"a884b4c59f663f8c47aa9e3736e6a82235e9d276",class:"description"},o("h2",{key:"7c0b8da3728fd79d203de1895c6ae146e1eb8aef"},"Input Standard"),o("p",{key:"10fe94edd162dd158388508c2470359447e6da57"},"Height of input should be ",o("code",{key:"dffd62a251af68595f7c5659a2251ada08999b63"},"3rem")," including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."),o("smoothly-form",{key:"3f8c09fbdce4b808a430cf7266d40d25a596803d",looks:"grid",onSmoothlyFormInput:e=>this.options=e.detail},o("smoothly-input-select",{key:"563356600a698bf3c974a61b79520aa8f77c249f",name:"color"},o("span",{key:"e12af511b6921b2d9f7d50b45fdbe3d5b34f6817",slot:"label"},"Color"),d.values.map((e=>o("smoothly-item",{value:e},o("span",{color:e},e)))),o("smoothly-input-clear",{key:"23c642ae01bb6d0f7aaf653c027eb255ee38d90a",slot:"end"})),o("smoothly-input-select",{key:"fa106dd22e247954860c217692ca37a24fe4f772",name:"looks"},o("span",{key:"c42065aac1f357b670cf2a99bb8be554fb314cd9",slot:"label"},"Looks"),i.values.map((e=>o("smoothly-item",{value:e},e)))),o("smoothly-input-range",{key:"c3b585f898718c9f81ef15c1469eccf08988c00e",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"8fab112575cb1c02c2019022cee83e5e5e65a9c6",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"c34401c8b28faa79a139869c0766e8f8af357ca8",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"672b5bc96fa9e6886c90b5e8354d7dea8c916270",name:"invalid"},"Invalid"),o("smoothly-input",{key:"c395fd3b7ca8d1243cd9e9ea4e006f1fd7ef1a27",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"121d1a50813987b2aeac50afe73e40c6a7c4fb8b",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"265ce4b0e44c8fda1b3188929eb5901e1658bfd5",name:"placeholder"},"Placeholder"),o("smoothly-input-checkbox",{key:"1eafaaaa6696f9f1d696742869d10aba19c2f0c9",name:"alwaysShowGuide"},"Always Show Guide (for date inputs)"))),o("div",{key:"f6a5d34435c177c5dc64c31632dc7a1e65f3e270",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"c4d82ee52f0d44015df7eb734c98aa41f7c92827",class:"width"},"width: 100%"),o("div",{key:"2ae68895caf503ba92049a32d0054439f069123b",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"f5f4ee65ccf3180d2f9181fbc258c79e916e14ee",name:"text",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"bf32f13cfbfa88add92692bf9ee02b836eeea2be"},"Text"),o("smoothly-input-clear",{key:"26639066ab906f755f7a42e154b1954f1f34f19d",slot:"end"})),o("div",{key:"de01a46f39aa6f331c5edf54208a6f9f726337e3",class:"height"}),o("smoothly-input-select",{key:"abb4be407f4b7ed51d5f796bdfce3b2b56c468a4",name:"month",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"49f71dbb091094f79927778d18a0a58e70689f42",slot:"label"},"Select"),o("smoothly-item",{key:"4b0e9cb4ce233c50a42fe249a3aef5648dc62558",value:"1"},"January"),o("smoothly-item",{key:"38380b0f13ddeb83e2e19e0ac645dcdbacf6c4df",value:"2"},"February"),o("smoothly-item",{key:"4f65be9a949261542191e3b484ad646e17f04987",value:"3"},"March"),o("smoothly-item",{key:"b6e9be5fbe31a12865717daddcd1a4039c942205",value:"4"},"April"),o("smoothly-item",{key:"6c867101a115315e30bcf525d3fde4a8e49a5719",value:"5"},"May"),o("smoothly-item",{key:"ba4792a24e862aed054b356a444f9b791add16b1",value:"6"},"June"),o("smoothly-item",{key:"9cc3a21ed384c2e2415311770925458dc13ac8d1",value:"7"},"July"),o("smoothly-item",{key:"53cf8809b4dbc8256448b5c08a9d07f274e365a3",value:"8"},"August"),o("smoothly-item",{key:"47a43966214064dab4d321cf9116b5cd87409dd3",value:"9"},"September"),o("smoothly-item",{key:"c71ceab27a3f86a5c2a27dc251b18f119f5ac623",value:"10"},"October"),o("smoothly-item",{key:"7e824138f3b0b28a414465d69bb71c4d6786c3b5",value:"11"},"November"),o("smoothly-item",{key:"e7813efea82efe4cd4a8bfa54a7a55b21f53fa48",value:"12"},"December"),o("smoothly-input-clear",{key:"7072ef8f9ac5b9a3028cbd2962560fc315f3d58b",slot:"end"})),o("div",{key:"3a1c4b4c2834bbb4921e330a77fe477c4741f181",class:"height"}),o("smoothly-input-checkbox",{key:"50499f2f1a4258a56caeb2266da17a9e881c7993",name:"checkbox",checked:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled},"Check",o("smoothly-input-reset",{key:"550d44f73f1ae07461d73f66febd5138867e8247",slot:"end"})),o("div",{key:"acb1b0eaab732df76e2c586e8f56ee6c81fbdd87",class:"height"}),o("smoothly-input-radio",{key:"ec7f8b66f806e63a09320e2ebfcda71be001cd3b",name:"radio",clearable:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("label",{key:"00de1fcac1f811970b3f1154d6286dc7bd6036d8",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"35ea9212aa0f8eec4a96dedc406b428f58b848e6",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"db11c348c12a468a854c53c5f5f692ae7dcbaeb1",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"65707145740b173f4379c6bf5706a962a91bb021",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"883be5fef36a7e6fb16c57b30fcad312f1f25a6b",slot:"end"})),o("div",{key:"2cd8b1bb4ac90fd34732d2bfc34116bcc8429045",class:"height"}),o("smoothly-input-file",{key:"87739b41a33b7be135c5b3ed02648e702ac386ca",name:"file",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"0d10524c66e0625ec86431a8c19dcedf83f47eac",slot:"label"},"File"),o("smoothly-input-clear",{key:"a95f256a28cf294430040b6c6028921f0c620c8d",slot:"end"})),o("div",{key:"48650848e22a86ca8aa7501e09fbd8c5f0ce83ea",class:"height"}),o("smoothly-input-range",{key:"b1e96735886d8e3e4b451ed17fa11ecada3e2302",name:"range",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,label:this.options.showLabel?"Range":undefined},o("smoothly-input-clear",{key:"ab7f71a498ce9404aacc63f0273bd3b715ddf12c",slot:"end"})),o("div",{key:"0ff2870912f9ae2e2b41ba9d982c906124ef2641",class:"height"}),o("smoothly-input-color",{key:"fa4d779da5bfaea1e9644e721d9f6c4249949407",name:"color",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"63674017888873443dc7b744114dae7996e79c52"},"Color"),o("smoothly-input-clear",{key:"6344ad242592e19365961e80cc0814023eaa7dc2",slot:"end"})),o("div",{key:"16e0b71b1b6b1ee68813e3827b96bffe5ec63ef7",class:"height"}),o("smoothly-input-date",{key:"85e2fc24713c7543766e5c88341de28bb235eec9",name:"date",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide},this.options.showLabel&&o("span",{key:"106776717336dc925ceef2fc726c2acbff48a060"},"Date"),o("smoothly-input-clear",{key:"dd31d582a9da8729177e44f0709e20dd22ad1ceb",slot:"end"})),o("div",{key:"7a3b4c683d4d6ba46a09890c3112126911376100",class:"height"}),o("smoothly-input-date-time",{key:"6826e6fad4f1bcb21a30188e489215a785bf9d92",name:"dateTime",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel},"DateTime",o("smoothly-input-clear",{key:"bfa1fd01c821d467bb322310b56353e8a21b37ed",slot:"end"})),o("div",{key:"a9b5fac536b744270db8ee2c2e29c05f011a522a",class:"height"}),o("smoothly-input-date-range",{key:"437b2e44f71354330bded70e2ee61a1180b42215",name:"dateRange",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"ce778323ca7e585f98cb5c6d029593e329eaa3f0"},"Date Range"),o("smoothly-input-clear",{key:"96a689e9facde44dc827d19c9476fd7191a753ce",slot:"end"})),o("div",{key:"99a70bddd4168419ce44d234a84d5b234de4abcf",class:"height"})))}get element(){return this}static get style(){return F()}},[2,"smoothly-input-demo-standard",{duration:[32],options:[32]}]);function T(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-standard","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-standard":if(!customElements.get(s(e))){customElements.define(s(e),N)}break;case"smoothly-button":if(!customElements.get(s(e))){c()}break;case"smoothly-calendar":if(!customElements.get(s(e))){m()}break;case"smoothly-date-text":if(!customElements.get(s(e))){r()}break;case"smoothly-display":if(!customElements.get(s(e))){n()}break;case"smoothly-display-json":if(!customElements.get(s(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(s(e))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(s(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(s(e))){p()}break;case"smoothly-form":if(!customElements.get(s(e))){l()}break;case"smoothly-icon":if(!customElements.get(s(e))){y()}break;case"smoothly-input":if(!customElements.get(s(e))){u()}break;case"smoothly-input-checkbox":if(!customElements.get(s(e))){k()}break;case"smoothly-input-clear":if(!customElements.get(s(e))){g()}break;case"smoothly-input-color":if(!customElements.get(s(e))){v()}break;case"smoothly-input-date":if(!customElements.get(s(e))){j()}break;case"smoothly-input-date-range":if(!customElements.get(s(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(s(e))){E()}break;case"smoothly-input-file":if(!customElements.get(s(e))){x()}break;case"smoothly-input-month":if(!customElements.get(s(e))){D()}break;case"smoothly-input-radio":if(!customElements.get(s(e))){R()}break;case"smoothly-input-radio-item":if(!customElements.get(s(e))){B()}break;case"smoothly-input-range":if(!customElements.get(s(e))){L()}break;case"smoothly-input-reset":if(!customElements.get(s(e))){S()}break;case"smoothly-input-select":if(!customElements.get(s(e))){C()}break;case"smoothly-item":if(!customElements.get(s(e))){M()}break;case"smoothly-spinner":if(!customElements.get(s(e))){I()}break;case"smoothly-toggle-switch":if(!customElements.get(s(e))){G()}break}}))}T();export{N as S,T as d};
2
- //# sourceMappingURL=p-CaAY8by4.js.map
1
+ import{p as e,H as t,h as o,d as a,t as s}from"./p-BsZrGTcp.js";import{C as d}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{L as i,d as l}from"./p-DgaHxdNI.js";import{d as c}from"./p-BHEtq3Ue.js";import{d as m}from"./p-BqAN7jax.js";import{d as r}from"./p-B8ljN4o0.js";import{d as n}from"./p-DM5CKilY.js";import{d as h}from"./p-CR3Ni_o7.js";import{d as b}from"./p-B-l1S16Z.js";import{d as f}from"./p-Ud7Qhkgt.js";import{d as p}from"./p-C3FORjes.js";import{d as y}from"./p-BiQsRsV4.js";import{d as u}from"./p-R4uIvvER.js";import{d as k}from"./p-C_f8s6n5.js";import{d as g}from"./p-DZadnBSZ.js";import{d as v}from"./p-nrkV1PqR.js";import{d as j}from"./p-C9zTTp-4.js";import{d as w}from"./p-DKggy9E3.js";import{d as E}from"./p-CGG77xzV.js";import{d as x}from"./p-CioJtwj-.js";import{d as D}from"./p-DTqtObrT.js";import{d as R}from"./p-BDhPxj59.js";import{d as C}from"./p-DXHBXAV0.js";import{d as L}from"./p-D2FsRCII.js";import{d as S}from"./p-DqwlZYFh.js";import{d as B}from"./p-RNCr3p17.js";import{d as M}from"./p-BS2SWUX6.js";import{d as T}from"./p-CsLlJDsh.js";import{d as I}from"./p-DMzn0Iz0.js";const z=()=>`.sc-smoothly-input-demo-standard-h{max-width:min(calc(100% - 0.5rem), 48rem);margin:auto}.sc-smoothly-input-demo-standard-h h2.sc-smoothly-input-demo-standard,.sc-smoothly-input-demo-standard-h p.sc-smoothly-input-demo-standard{margin:.5rem 0}.sc-smoothly-input-demo-standard-h>.description.sc-smoothly-input-demo-standard{--smoothly-form-input-min-width:18rem}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:1fr 9rem;gap:1rem;position:relative;justify-content:space-around}div.input-wrapper.sc-smoothly-input-demo-standard>[name].sc-smoothly-input-demo-standard{grid-column:1 / 2}div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard{width:100%;text-align:center;border-bottom:1px dashed black}div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard{align-content:center;grid-column:2 / 3;border-left:1px dashed black;padding-left:1rem;content:"hello"}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{width:0.5rem;grid-column:1 / 2;white-space:nowrap;overflow:visible;position:relative;cursor:default}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard::before{content:"";position:absolute;width:100%;top:1.5rem;bottom:-1rem;border:1px dashed black;z-index:2}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard:hover::before{bottom:-100vh}`;const F=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.duration={hours:8};this.options={}}connectedCallback(){this.updateInputHeightText()}componentDidRender(){this.updateInputHeightText()}updateInputHeightText(){const e=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));this.element.querySelectorAll(".height").forEach((t=>{const o=t.clientHeight;t.innerHTML=`<b>${o/e}rem</b> (${o}pixels)`}))}render(){return o(a,{key:"0d47a2dd423a8bcdd889139f74ef2ec375d0ea97"},o("div",{key:"a884b4c59f663f8c47aa9e3736e6a82235e9d276",class:"description"},o("h2",{key:"7c0b8da3728fd79d203de1895c6ae146e1eb8aef"},"Input Standard"),o("p",{key:"10fe94edd162dd158388508c2470359447e6da57"},"Height of input should be ",o("code",{key:"dffd62a251af68595f7c5659a2251ada08999b63"},"3rem")," including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."),o("smoothly-form",{key:"3f8c09fbdce4b808a430cf7266d40d25a596803d",looks:"grid",onSmoothlyFormInput:e=>this.options=e.detail},o("smoothly-input-select",{key:"563356600a698bf3c974a61b79520aa8f77c249f",name:"color"},o("span",{key:"e12af511b6921b2d9f7d50b45fdbe3d5b34f6817",slot:"label"},"Color"),d.values.map((e=>o("smoothly-item",{value:e},o("span",{color:e},e)))),o("smoothly-input-clear",{key:"23c642ae01bb6d0f7aaf653c027eb255ee38d90a",slot:"end"})),o("smoothly-input-select",{key:"fa106dd22e247954860c217692ca37a24fe4f772",name:"looks"},o("span",{key:"c42065aac1f357b670cf2a99bb8be554fb314cd9",slot:"label"},"Looks"),i.values.map((e=>o("smoothly-item",{value:e},e)))),o("smoothly-input-range",{key:"c3b585f898718c9f81ef15c1469eccf08988c00e",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"8fab112575cb1c02c2019022cee83e5e5e65a9c6",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"c34401c8b28faa79a139869c0766e8f8af357ca8",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"672b5bc96fa9e6886c90b5e8354d7dea8c916270",name:"invalid"},"Invalid"),o("smoothly-input",{key:"c395fd3b7ca8d1243cd9e9ea4e006f1fd7ef1a27",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"121d1a50813987b2aeac50afe73e40c6a7c4fb8b",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"265ce4b0e44c8fda1b3188929eb5901e1658bfd5",name:"placeholder"},"Placeholder"),o("smoothly-input-checkbox",{key:"1eafaaaa6696f9f1d696742869d10aba19c2f0c9",name:"alwaysShowGuide"},"Always Show Guide (for date inputs)"))),o("div",{key:"f6a5d34435c177c5dc64c31632dc7a1e65f3e270",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"c4d82ee52f0d44015df7eb734c98aa41f7c92827",class:"width"},"width: 100%"),o("div",{key:"2ae68895caf503ba92049a32d0054439f069123b",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"f5f4ee65ccf3180d2f9181fbc258c79e916e14ee",name:"text",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"bf32f13cfbfa88add92692bf9ee02b836eeea2be"},"Text"),o("smoothly-input-clear",{key:"26639066ab906f755f7a42e154b1954f1f34f19d",slot:"end"})),o("div",{key:"de01a46f39aa6f331c5edf54208a6f9f726337e3",class:"height"}),o("smoothly-input-select",{key:"abb4be407f4b7ed51d5f796bdfce3b2b56c468a4",name:"month",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"49f71dbb091094f79927778d18a0a58e70689f42",slot:"label"},"Select"),o("smoothly-item",{key:"4b0e9cb4ce233c50a42fe249a3aef5648dc62558",value:"1"},"January"),o("smoothly-item",{key:"38380b0f13ddeb83e2e19e0ac645dcdbacf6c4df",value:"2"},"February"),o("smoothly-item",{key:"4f65be9a949261542191e3b484ad646e17f04987",value:"3"},"March"),o("smoothly-item",{key:"b6e9be5fbe31a12865717daddcd1a4039c942205",value:"4"},"April"),o("smoothly-item",{key:"6c867101a115315e30bcf525d3fde4a8e49a5719",value:"5"},"May"),o("smoothly-item",{key:"ba4792a24e862aed054b356a444f9b791add16b1",value:"6"},"June"),o("smoothly-item",{key:"9cc3a21ed384c2e2415311770925458dc13ac8d1",value:"7"},"July"),o("smoothly-item",{key:"53cf8809b4dbc8256448b5c08a9d07f274e365a3",value:"8"},"August"),o("smoothly-item",{key:"47a43966214064dab4d321cf9116b5cd87409dd3",value:"9"},"September"),o("smoothly-item",{key:"c71ceab27a3f86a5c2a27dc251b18f119f5ac623",value:"10"},"October"),o("smoothly-item",{key:"7e824138f3b0b28a414465d69bb71c4d6786c3b5",value:"11"},"November"),o("smoothly-item",{key:"e7813efea82efe4cd4a8bfa54a7a55b21f53fa48",value:"12"},"December"),o("smoothly-input-clear",{key:"7072ef8f9ac5b9a3028cbd2962560fc315f3d58b",slot:"end"})),o("div",{key:"3a1c4b4c2834bbb4921e330a77fe477c4741f181",class:"height"}),o("smoothly-input-checkbox",{key:"50499f2f1a4258a56caeb2266da17a9e881c7993",name:"checkbox",checked:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled},"Check",o("smoothly-input-reset",{key:"550d44f73f1ae07461d73f66febd5138867e8247",slot:"end"})),o("div",{key:"acb1b0eaab732df76e2c586e8f56ee6c81fbdd87",class:"height"}),o("smoothly-input-radio",{key:"ec7f8b66f806e63a09320e2ebfcda71be001cd3b",name:"radio",clearable:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("label",{key:"00de1fcac1f811970b3f1154d6286dc7bd6036d8",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"35ea9212aa0f8eec4a96dedc406b428f58b848e6",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"db11c348c12a468a854c53c5f5f692ae7dcbaeb1",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"65707145740b173f4379c6bf5706a962a91bb021",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"883be5fef36a7e6fb16c57b30fcad312f1f25a6b",slot:"end"})),o("div",{key:"2cd8b1bb4ac90fd34732d2bfc34116bcc8429045",class:"height"}),o("smoothly-input-file",{key:"87739b41a33b7be135c5b3ed02648e702ac386ca",name:"file",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"0d10524c66e0625ec86431a8c19dcedf83f47eac",slot:"label"},"File"),o("smoothly-input-clear",{key:"a95f256a28cf294430040b6c6028921f0c620c8d",slot:"end"})),o("div",{key:"48650848e22a86ca8aa7501e09fbd8c5f0ce83ea",class:"height"}),o("smoothly-input-range",{key:"b1e96735886d8e3e4b451ed17fa11ecada3e2302",name:"range",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,label:this.options.showLabel?"Range":undefined},o("smoothly-input-clear",{key:"ab7f71a498ce9404aacc63f0273bd3b715ddf12c",slot:"end"})),o("div",{key:"0ff2870912f9ae2e2b41ba9d982c906124ef2641",class:"height"}),o("smoothly-input-color",{key:"fa4d779da5bfaea1e9644e721d9f6c4249949407",name:"color",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"63674017888873443dc7b744114dae7996e79c52"},"Color"),o("smoothly-input-clear",{key:"6344ad242592e19365961e80cc0814023eaa7dc2",slot:"end"})),o("div",{key:"16e0b71b1b6b1ee68813e3827b96bffe5ec63ef7",class:"height"}),o("smoothly-input-date",{key:"85e2fc24713c7543766e5c88341de28bb235eec9",name:"date",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide},this.options.showLabel&&o("span",{key:"106776717336dc925ceef2fc726c2acbff48a060"},"Date"),o("smoothly-input-clear",{key:"dd31d582a9da8729177e44f0709e20dd22ad1ceb",slot:"end"})),o("div",{key:"7a3b4c683d4d6ba46a09890c3112126911376100",class:"height"}),o("smoothly-input-date-time",{key:"6826e6fad4f1bcb21a30188e489215a785bf9d92",name:"dateTime",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel},"DateTime",o("smoothly-input-clear",{key:"bfa1fd01c821d467bb322310b56353e8a21b37ed",slot:"end"})),o("div",{key:"a9b5fac536b744270db8ee2c2e29c05f011a522a",class:"height"}),o("smoothly-input-date-range",{key:"437b2e44f71354330bded70e2ee61a1180b42215",name:"dateRange",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"ce778323ca7e585f98cb5c6d029593e329eaa3f0"},"Date Range"),o("smoothly-input-clear",{key:"96a689e9facde44dc827d19c9476fd7191a753ce",slot:"end"})),o("div",{key:"99a70bddd4168419ce44d234a84d5b234de4abcf",class:"height"})))}get element(){return this}static get style(){return z()}},[2,"smoothly-input-demo-standard",{duration:[32],options:[32]}]);function G(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-standard","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-standard":if(!customElements.get(s(e))){customElements.define(s(e),F)}break;case"smoothly-button":if(!customElements.get(s(e))){c()}break;case"smoothly-calendar":if(!customElements.get(s(e))){m()}break;case"smoothly-date-text":if(!customElements.get(s(e))){r()}break;case"smoothly-display":if(!customElements.get(s(e))){n()}break;case"smoothly-display-json":if(!customElements.get(s(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(s(e))){b()}break;case"smoothly-display-json-primitive":if(!customElements.get(s(e))){f()}break;case"smoothly-display-json-record-key":if(!customElements.get(s(e))){p()}break;case"smoothly-form":if(!customElements.get(s(e))){l()}break;case"smoothly-icon":if(!customElements.get(s(e))){y()}break;case"smoothly-input":if(!customElements.get(s(e))){u()}break;case"smoothly-input-checkbox":if(!customElements.get(s(e))){k()}break;case"smoothly-input-clear":if(!customElements.get(s(e))){g()}break;case"smoothly-input-color":if(!customElements.get(s(e))){v()}break;case"smoothly-input-date":if(!customElements.get(s(e))){j()}break;case"smoothly-input-date-range":if(!customElements.get(s(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(s(e))){E()}break;case"smoothly-input-file":if(!customElements.get(s(e))){x()}break;case"smoothly-input-month":if(!customElements.get(s(e))){D()}break;case"smoothly-input-radio":if(!customElements.get(s(e))){R()}break;case"smoothly-input-radio-item":if(!customElements.get(s(e))){C()}break;case"smoothly-input-range":if(!customElements.get(s(e))){L()}break;case"smoothly-input-reset":if(!customElements.get(s(e))){S()}break;case"smoothly-input-select":if(!customElements.get(s(e))){B()}break;case"smoothly-item":if(!customElements.get(s(e))){M()}break;case"smoothly-spinner":if(!customElements.get(s(e))){T()}break;case"smoothly-toggle-switch":if(!customElements.get(s(e))){I()}break}}))}G();export{F as S,G as d};
2
+ //# sourceMappingURL=p-CdYYtJX2.js.map
@@ -1,2 +1,2 @@
1
- import{p as e,H as s,h as o,d as t,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as i}from"./p-DX3KKRD9.js";import{d as l}from"./p-DgaHxdNI.js";import{d as r}from"./p-BiQsRsV4.js";import{d as c}from"./p-R4uIvvER.js";import{d as f}from"./p-C519IJGa.js";import{d}from"./p-Bl9o-Dl8.js";import{d as u}from"./p-DqwlZYFh.js";import{d as p}from"./p-kD9ZndMg.js";import{d as h}from"./p-CVp4Wd4u.js";import{d as y}from"./p-BS2SWUX6.js";import{d as b}from"./p-CsLlJDsh.js";const k=e(class e extends s{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,s){console.log(`updated name from '${s}' 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 o(t,{key:"2131171a287333757dd2e257272b2151f445d00a"},o("h2",{key:"ae5d57d207b35d5d25568cb929551076b02b29bb"},"Controlled"),o("smoothly-form",{key:"206b0c12bade21ffe5ec4357c27a11612adf99f7",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},o("smoothly-input",{key:"9f607b8f55df8931f04e2df1746bc5b8f239700c",type:"text",name:"name",value:this.name},"Name"),o("smoothly-input-select",{key:"5fe97133fc282b8a428ba9d1d28e27f5642857d3",name:"currency"},o("span",{key:"76ca8e412897900e1054a70c2a2645ad3587d55d",slot:"label"},"Currency"),this.currencies.map((e=>o("smoothly-item",{selected:e==this.currency,value:e},e)))),o("smoothly-input",{key:"3099df2a407af93f416da0ff8e6093df00c49467"},"Dummy"),o("smoothly-input-month",{key:"1c5c73a802f6a8e90b8163e8fb9b652e0ba073f6",name:"date",value:this.date,next:true,previous:true},o("span",{key:"71f40ad3683c72e71366e0faa9750c536c82e05a",slot:"year-label"},"Year"),o("span",{key:"71888a27f0f94e796c983a4f41c6a679be7d66fe",slot:"month-label"},"Month")),o("smoothly-input-edit",{key:"1f2aba348ed5559946c30abede9e4656c30d887b",slot:"edit",size:"icon",color:"primary",fill:"default"}),o("smoothly-input-reset",{key:"6800fe757dab08be1ddb7c22e266b9093ffffefa",slot:"reset",size:"icon",color:"warning",fill:"default"}),o("smoothly-input-submit",{key:"f0c595bc65fa6207cd01792e7fa782e3a59b8464",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))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){c()}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))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){y()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
2
- //# sourceMappingURL=p-gB0mpakH.js.map
1
+ import{p as e,H as s,h as t,d as o,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as i}from"./p-DX3KKRD9.js";import{d as l}from"./p-DgaHxdNI.js";import{d as r}from"./p-BiQsRsV4.js";import{d as c}from"./p-R4uIvvER.js";import{d as f}from"./p-C519IJGa.js";import{d}from"./p-DTqtObrT.js";import{d as u}from"./p-DqwlZYFh.js";import{d as p}from"./p-RNCr3p17.js";import{d as h}from"./p-CVp4Wd4u.js";import{d as y}from"./p-BS2SWUX6.js";import{d as b}from"./p-CsLlJDsh.js";const k=e(class e extends s{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,s){console.log(`updated name from '${s}' 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(o,{key:"2131171a287333757dd2e257272b2151f445d00a"},t("h2",{key:"ae5d57d207b35d5d25568cb929551076b02b29bb"},"Controlled"),t("smoothly-form",{key:"206b0c12bade21ffe5ec4357c27a11612adf99f7",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"9f607b8f55df8931f04e2df1746bc5b8f239700c",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"5fe97133fc282b8a428ba9d1d28e27f5642857d3",name:"currency"},t("span",{key:"76ca8e412897900e1054a70c2a2645ad3587d55d",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"3099df2a407af93f416da0ff8e6093df00c49467"},"Dummy"),t("smoothly-input-month",{key:"1c5c73a802f6a8e90b8163e8fb9b652e0ba073f6",name:"date",value:this.date,next:true,previous:true},t("span",{key:"71f40ad3683c72e71366e0faa9750c536c82e05a",slot:"year-label"},"Year"),t("span",{key:"71888a27f0f94e796c983a4f41c6a679be7d66fe",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"1f2aba348ed5559946c30abede9e4656c30d887b",slot:"edit",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"6800fe757dab08be1ddb7c22e266b9093ffffefa",slot:"reset",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"f0c595bc65fa6207cd01792e7fa782e3a59b8464",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))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){c()}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))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){y()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
2
+ //# sourceMappingURL=p-CrNizZqW.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-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as c}from"./p-DM5CKilY.js";import{d as i}from"./p-CR3Ni_o7.js";import{d as f}from"./p-B-l1S16Z.js";import{d}from"./p-Ud7Qhkgt.js";import{d as r}from"./p-C3FORjes.js";import{d as n}from"./p-DgaHxdNI.js";import{d as b}from"./p-BiQsRsV4.js";import{d as y}from"./p-R4uIvvER.js";import{d as p}from"./p-C_f8s6n5.js";import{d as u}from"./p-DZadnBSZ.js";import{d as h}from"./p-nrkV1PqR.js";import{d as k}from"./p-C519IJGa.js";import{d as j}from"./p-CioJtwj-.js";import{d as E}from"./p-BDhPxj59.js";import{d as g}from"./p-DXHBXAV0.js";import{d as v}from"./p-D2FsRCII.js";import{d as x}from"./p-DqwlZYFh.js";import{d as D}from"./p-kD9ZndMg.js";import{d as C}from"./p-CVp4Wd4u.js";import{d as z}from"./p-BS2SWUX6.js";import{d as S}from"./p-CsLlJDsh.js";import{d as P}from"./p-DMzn0Iz0.js";const F=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(a,{key:"26d8859a979a266ef04c3bb1fc37d43b7eb9eb02"},t("h2",{key:"dd96fffed9ca4ab9aa7a4d7c3b1ecd01ff354258"},"All inputs"),t("smoothly-form",{key:"3f87a50316c1ee79f0c302f41e658f0c62145af3",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:"80413fc035c38ec456921554da4ad0710f240ec2",readonly:true,name:"First Name",value:"John"},"First name"),t("smoothly-input",{key:"9a05f6d391da8353b44e1f6d9497daa50b743373",showLabel:false,name:"Last name",value:"Doe"},"Last name",t("smoothly-input-clear",{key:"d84f796d222470385097527e85a8a00fe054df87",size:"icon",slot:"end"})),t("smoothly-input",{key:"2701ab2d4dcba753fae952f20870b1c481393b3b",type:"phone",name:"Phone",value:"777888999"},"Phone",t("smoothly-input-reset",{key:"667c5a1b5985b222785f1bb60f74c76a95e07d6b",size:"icon",slot:"end"})),t("smoothly-input-radio",{key:"30b8830f31e272e8701115e7849ac8f4cf623a30",clearable:true,name:"radioFirstInput"},t("label",{key:"784cacf4d835eb4989c07e836808704ed25de96c",slot:"label"},"Clearable"),t("smoothly-input-radio-item",{key:"c8ed8ee4bec740a9dcea2f381b6eed3045726638",value:"first"},"Label 1"),t("smoothly-input-radio-item",{key:"936678767e2b83845e54fb0eaa116a5de111ae1c",selected:true,value:"second"},"Label 2"),t("smoothly-input-radio-item",{key:"15135664da662bafb7b2a6105086c67346e09bd4",value:"third"},"Label 3")),t("smoothly-input-color",{key:"f021a72c05dbf64358c33476b13954a6de8fc690",name:"color"},"Color"),t("smoothly-input-select",{key:"73a13398b6a3ea07fe3801bf6e8c1e2990fcf579",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},t("label",{key:"70b07064df546094f42653d09020e44e147f3c4f",slot:"label"},"Month multiple select"),t("smoothly-item",{key:"69ac138a4b2c5c2b13a1120c56defe5af15757ac",value:"1"},"January"),t("smoothly-item",{key:"42b673e3da28c9694dceecec4b9363d23e2df256",value:"2"},"February"),t("smoothly-item",{key:"d77be546fff12aec5d24c5842acfff45e47b84af",value:"3"},"March"),t("smoothly-item",{key:"f3439c6da3efab944e5621c6b553cea248e8b903",value:"4"},"April"),t("smoothly-item",{key:"bc2bd414c62217c0c77bbd81ab047b989d92d116",value:"5"},"May"),t("smoothly-item",{key:"a76d3d4079774b087ea6e5332269d7ca18517a98",value:"6"},"June"),t("smoothly-item",{key:"325023552ef5f72e80498b240a28854d924aa62e",value:"7"},"July"),t("smoothly-item",{key:"a565da7502901f6f1264ffb1ceb18a1a2b90f4ba",value:"8"},"August"),t("smoothly-item",{key:"a65416ddab3bc75c8a471a070a20091a564fa554",value:"9"},"September"),t("smoothly-item",{key:"ec61990c57155a52b80f057474a61c386d0b9a53",value:"10"},"October"),t("smoothly-item",{key:"2aee5e3e54a18654df0657bf5915e57e8ec21fff",value:"11"},"November"),t("smoothly-item",{key:"48931868850a9d640e92ad8c1533d20118382a85",value:"12"},"December")),t("smoothly-input-select",{key:"60a31db453287a4fe94eb6f70c493e92f9d14585",name:"select-icon",clearable:false,showSelected:false},t("smoothly-item",{key:"df690c551ae8250a1f4d31f1b915029c6d7c5734",value:"folder",selected:true},t("smoothly-icon",{key:"291f79a3573eaffce90bc9e8ea15f952029af89e",size:"small",name:"folder-outline"})),t("smoothly-item",{key:"bdc8cff7786d6e08368f0561045180e169c85e3d",value:"camera"},t("smoothly-icon",{key:"7aa0eff29200aa015782bd0e46ac46d11db51c10",size:"small",name:"camera-outline"}))),t("smoothly-input-checkbox",{key:"17bd997576aac246bc1cb9fa3490ae930a176a1a",name:"checkbox"},"Check the box"),t("smoothly-input-checkbox",{key:"a4350c47d2b7c2521f78ddc66b0c46392e9174fc",name:"checkbox2",checked:true},"Check the box 2"),t("smoothly-input-range",{key:"34c0a3695fda6f5c244febfe1ef0601fe8aad3e8",step:1,name:"range3",value:20,label:"Range"}),t("smoothly-input",{key:"4dad37c0545770b7a4e121ff059bd3ef6fcf1b0c",name:"pets.0.name"},"First Pet's Name"),t("smoothly-input-range",{key:"6dc2ab3e61d071eba1ba37b6bfa9d69cddf163ba",name:"pets.0.age",max:100,step:1,label:"First Pet's Age"}),t("smoothly-input",{key:"4f3c9643f4458da009f4abc44f4aa3bfed0b45c5",name:"pets.1.name"},"Second Pet's Name"),t("smoothly-input-range",{key:"46d4a4160d3052e23c3c4404dbe79bb28afad4a5",name:"pets.1.age",max:100,step:1,label:"Second Pet's Age"}),t("smoothly-input",{key:"31c35b9176a80e7ee6d5c3fea1800f9f4ef6e9a6",name:"pets.2.name"},"Third Pet's Name"),t("smoothly-input-range",{key:"a896c737e2109950144e1a3f2efa9210fba9c3c0",name:"pets.2.age",max:100,step:1,label:"Third Pet's Age"}),t("smoothly-input-file",{key:"01de90a10782f288c4d4fb4517275a7274b4dc92",name:"profile",placeholder:"Click or drag your profile picture here..."},t("span",{key:"5b7e453a366a439e2a97998f2eec3299bdb4eb25",slot:"label"},"Profile"),t("smoothly-icon",{key:"53aa8eda968297d191c0afea3c11934f9c203377",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),t("smoothly-input",{key:"0825ce082e0c19387407d1d1de148f8d76b48757",type:"duration",name:"duration",value:{}},"Duration"),t("smoothly-input-clear",{key:"9c7b8c2a145e5132a3b76cc9978e00683ab50759",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),t("smoothly-input-edit",{key:"6dc5f9607c6d81f53b87f850c22617c7bedc0e82",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),t("smoothly-input-reset",{key:"743cb42c1bdc976361e47a61b2b2964cc6f9604c",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"3d6cc6c98ef08841aadd30acf363964ad5c355af",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"f3f671351e1b356ce6c1dea41f14bc54535e076e",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}},[2,"smoothly-form-demo-all"]);function w(){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),F)}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))){r()}break;case"smoothly-form":if(!customElements.get(s(e))){n()}break;case"smoothly-icon":if(!customElements.get(s(e))){b()}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))){C()}break;case"smoothly-item":if(!customElements.get(s(e))){z()}break;case"smoothly-spinner":if(!customElements.get(s(e))){S()}break;case"smoothly-toggle-switch":if(!customElements.get(s(e))){P()}break}}))}w();export{F as S,w as d};
2
- //# sourceMappingURL=p-Cwlv34G5.js.map
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-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as c}from"./p-DM5CKilY.js";import{d as i}from"./p-CR3Ni_o7.js";import{d as f}from"./p-B-l1S16Z.js";import{d}from"./p-Ud7Qhkgt.js";import{d as r}from"./p-C3FORjes.js";import{d as n}from"./p-DgaHxdNI.js";import{d as b}from"./p-BiQsRsV4.js";import{d as y}from"./p-R4uIvvER.js";import{d as p}from"./p-C_f8s6n5.js";import{d as u}from"./p-DZadnBSZ.js";import{d as h}from"./p-nrkV1PqR.js";import{d as k}from"./p-C519IJGa.js";import{d as j}from"./p-CioJtwj-.js";import{d as E}from"./p-BDhPxj59.js";import{d as g}from"./p-DXHBXAV0.js";import{d as v}from"./p-D2FsRCII.js";import{d as x}from"./p-DqwlZYFh.js";import{d as C}from"./p-RNCr3p17.js";import{d as D}from"./p-CVp4Wd4u.js";import{d as z}from"./p-BS2SWUX6.js";import{d as S}from"./p-CsLlJDsh.js";import{d as P}from"./p-DMzn0Iz0.js";const F=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(a,{key:"26d8859a979a266ef04c3bb1fc37d43b7eb9eb02"},t("h2",{key:"dd96fffed9ca4ab9aa7a4d7c3b1ecd01ff354258"},"All inputs"),t("smoothly-form",{key:"3f87a50316c1ee79f0c302f41e658f0c62145af3",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:"80413fc035c38ec456921554da4ad0710f240ec2",readonly:true,name:"First Name",value:"John"},"First name"),t("smoothly-input",{key:"9a05f6d391da8353b44e1f6d9497daa50b743373",showLabel:false,name:"Last name",value:"Doe"},"Last name",t("smoothly-input-clear",{key:"d84f796d222470385097527e85a8a00fe054df87",size:"icon",slot:"end"})),t("smoothly-input",{key:"2701ab2d4dcba753fae952f20870b1c481393b3b",type:"phone",name:"Phone",value:"777888999"},"Phone",t("smoothly-input-reset",{key:"667c5a1b5985b222785f1bb60f74c76a95e07d6b",size:"icon",slot:"end"})),t("smoothly-input-radio",{key:"30b8830f31e272e8701115e7849ac8f4cf623a30",clearable:true,name:"radioFirstInput"},t("label",{key:"784cacf4d835eb4989c07e836808704ed25de96c",slot:"label"},"Clearable"),t("smoothly-input-radio-item",{key:"c8ed8ee4bec740a9dcea2f381b6eed3045726638",value:"first"},"Label 1"),t("smoothly-input-radio-item",{key:"936678767e2b83845e54fb0eaa116a5de111ae1c",selected:true,value:"second"},"Label 2"),t("smoothly-input-radio-item",{key:"15135664da662bafb7b2a6105086c67346e09bd4",value:"third"},"Label 3")),t("smoothly-input-color",{key:"f021a72c05dbf64358c33476b13954a6de8fc690",name:"color"},"Color"),t("smoothly-input-select",{key:"73a13398b6a3ea07fe3801bf6e8c1e2990fcf579",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},t("label",{key:"70b07064df546094f42653d09020e44e147f3c4f",slot:"label"},"Month multiple select"),t("smoothly-item",{key:"69ac138a4b2c5c2b13a1120c56defe5af15757ac",value:"1"},"January"),t("smoothly-item",{key:"42b673e3da28c9694dceecec4b9363d23e2df256",value:"2"},"February"),t("smoothly-item",{key:"d77be546fff12aec5d24c5842acfff45e47b84af",value:"3"},"March"),t("smoothly-item",{key:"f3439c6da3efab944e5621c6b553cea248e8b903",value:"4"},"April"),t("smoothly-item",{key:"bc2bd414c62217c0c77bbd81ab047b989d92d116",value:"5"},"May"),t("smoothly-item",{key:"a76d3d4079774b087ea6e5332269d7ca18517a98",value:"6"},"June"),t("smoothly-item",{key:"325023552ef5f72e80498b240a28854d924aa62e",value:"7"},"July"),t("smoothly-item",{key:"a565da7502901f6f1264ffb1ceb18a1a2b90f4ba",value:"8"},"August"),t("smoothly-item",{key:"a65416ddab3bc75c8a471a070a20091a564fa554",value:"9"},"September"),t("smoothly-item",{key:"ec61990c57155a52b80f057474a61c386d0b9a53",value:"10"},"October"),t("smoothly-item",{key:"2aee5e3e54a18654df0657bf5915e57e8ec21fff",value:"11"},"November"),t("smoothly-item",{key:"48931868850a9d640e92ad8c1533d20118382a85",value:"12"},"December")),t("smoothly-input-select",{key:"60a31db453287a4fe94eb6f70c493e92f9d14585",name:"select-icon",clearable:false,showSelected:false},t("smoothly-item",{key:"df690c551ae8250a1f4d31f1b915029c6d7c5734",value:"folder",selected:true},t("smoothly-icon",{key:"291f79a3573eaffce90bc9e8ea15f952029af89e",size:"small",name:"folder-outline"})),t("smoothly-item",{key:"bdc8cff7786d6e08368f0561045180e169c85e3d",value:"camera"},t("smoothly-icon",{key:"7aa0eff29200aa015782bd0e46ac46d11db51c10",size:"small",name:"camera-outline"}))),t("smoothly-input-checkbox",{key:"17bd997576aac246bc1cb9fa3490ae930a176a1a",name:"checkbox"},"Check the box"),t("smoothly-input-checkbox",{key:"a4350c47d2b7c2521f78ddc66b0c46392e9174fc",name:"checkbox2",checked:true},"Check the box 2"),t("smoothly-input-range",{key:"34c0a3695fda6f5c244febfe1ef0601fe8aad3e8",step:1,name:"range3",value:20,label:"Range"}),t("smoothly-input",{key:"4dad37c0545770b7a4e121ff059bd3ef6fcf1b0c",name:"pets.0.name"},"First Pet's Name"),t("smoothly-input-range",{key:"6dc2ab3e61d071eba1ba37b6bfa9d69cddf163ba",name:"pets.0.age",max:100,step:1,label:"First Pet's Age"}),t("smoothly-input",{key:"4f3c9643f4458da009f4abc44f4aa3bfed0b45c5",name:"pets.1.name"},"Second Pet's Name"),t("smoothly-input-range",{key:"46d4a4160d3052e23c3c4404dbe79bb28afad4a5",name:"pets.1.age",max:100,step:1,label:"Second Pet's Age"}),t("smoothly-input",{key:"31c35b9176a80e7ee6d5c3fea1800f9f4ef6e9a6",name:"pets.2.name"},"Third Pet's Name"),t("smoothly-input-range",{key:"a896c737e2109950144e1a3f2efa9210fba9c3c0",name:"pets.2.age",max:100,step:1,label:"Third Pet's Age"}),t("smoothly-input-file",{key:"01de90a10782f288c4d4fb4517275a7274b4dc92",name:"profile",placeholder:"Click or drag your profile picture here..."},t("span",{key:"5b7e453a366a439e2a97998f2eec3299bdb4eb25",slot:"label"},"Profile"),t("smoothly-icon",{key:"53aa8eda968297d191c0afea3c11934f9c203377",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),t("smoothly-input",{key:"0825ce082e0c19387407d1d1de148f8d76b48757",type:"duration",name:"duration",value:{}},"Duration"),t("smoothly-input-clear",{key:"9c7b8c2a145e5132a3b76cc9978e00683ab50759",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),t("smoothly-input-edit",{key:"6dc5f9607c6d81f53b87f850c22617c7bedc0e82",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),t("smoothly-input-reset",{key:"743cb42c1bdc976361e47a61b2b2964cc6f9604c",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"3d6cc6c98ef08841aadd30acf363964ad5c355af",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),t("smoothly-input-submit",{key:"f3f671351e1b356ce6c1dea41f14bc54535e076e",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}},[2,"smoothly-form-demo-all"]);function R(){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),F)}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))){r()}break;case"smoothly-form":if(!customElements.get(s(e))){n()}break;case"smoothly-icon":if(!customElements.get(s(e))){b()}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))){C()}break;case"smoothly-input-submit":if(!customElements.get(s(e))){D()}break;case"smoothly-item":if(!customElements.get(s(e))){z()}break;case"smoothly-spinner":if(!customElements.get(s(e))){S()}break;case"smoothly-toggle-switch":if(!customElements.get(s(e))){P()}break}}))}R();export{F as S,R as d};
2
+ //# sourceMappingURL=p-CyhRVB6K.js.map
@@ -1,2 +1,2 @@
1
- import{p as o,H as s,h as m,d as e,t}from"./p-BsZrGTcp.js";import{d as r}from"./p-BHEtq3Ue.js";import{d as a}from"./p-DX3KKRD9.js";import{d as l}from"./p-rfh5VPMG.js";import{d as i}from"./p-B8ljN4o0.js";import{d as c}from"./p-DM5CKilY.js";import{d}from"./p-CR3Ni_o7.js";import{d as f}from"./p-B-l1S16Z.js";import{d as p}from"./p-Ud7Qhkgt.js";import{d as n}from"./p-C3FORjes.js";import{d as y}from"./p-DgaHxdNI.js";import{d as h}from"./p-Cwlv34G5.js";import{d as u}from"./p-CiJgTdse.js";import{d as b}from"./p-gB0mpakH.js";import{d as k}from"./p-CSjcf7-u.js";import{d as j}from"./p-CBdAZLYa.js";import{d as E}from"./p-p0yn7c4h.js";import{d as g}from"./p-CrSX7reE.js";import{d as D}from"./p-DlHIV5_u.js";import{d as C}from"./p-DsrnECl3.js";import{d as B}from"./p-DOH-q32V.js";import{d as x}from"./p-DbRWsqqh.js";import{d as w}from"./p-BiQsRsV4.js";import{d as R}from"./p-R4uIvvER.js";import{d as S}from"./p-C_f8s6n5.js";import{d as v}from"./p-DZadnBSZ.js";import{d as I}from"./p-nrkV1PqR.js";import{d as V}from"./p-_Om7ydYw.js";import{d as Z}from"./p-NG2uN2mW.js";import{d as q}from"./p-B5Gl6MB6.js";import{d as G}from"./p-C519IJGa.js";import{d as H}from"./p-CioJtwj-.js";import{d as M}from"./p-Bl9o-Dl8.js";import{d as N}from"./p-BDhPxj59.js";import{d as X}from"./p-DXHBXAV0.js";import{d as Y}from"./p-D2FsRCII.js";import{d as J}from"./p-DqwlZYFh.js";import{d as L}from"./p-kD9ZndMg.js";import{d as O}from"./p-CVp4Wd4u.js";import{d as W}from"./p-BS2SWUX6.js";import{d as _}from"./p-CsLlJDsh.js";import{d as F}from"./p-DSsOLbj6.js";import{d as K}from"./p-2Y5tLcQ1.js";import{d as P}from"./p-DMzn0Iz0.js";const Q=()=>`.sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:calc(100% - 0.5rem)}`;const U=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return m(e,{key:"1ddc9511911663c0c6732b9e9b00b3e68d008216"},m("div",{key:"8716afd31e7b741071f8fee4b939c7c1a2067343"},m("smoothly-form-demo-all",{key:"0856d387645fdb66fddb050be10ed906fde59b58"}),m("smoothly-form-demo-pet",{key:"4f2b563802b34dcfb8905bcaedd5d6c1d9a53e40"}),m("smoothly-form-demo-card",{key:"c362f29b57a6b321f0db6cbb4088fccdf1ba4ac7"}),m("smoothly-form-demo-login",{key:"a14e189b9455e4ca98911c987f5082c2d52e14ef"}),m("smoothly-form-demo-prices",{key:"1244782f93a5e5cca8af5d076d6adf594c22eb65"}),m("smoothly-form-demo-typed",{key:"15e40ae537693e1c19ddce3c50311718aa76c531"}),m("smoothly-form-demo-transparent",{key:"2ecde43fd255a80832e8302a7ffbdc2e4c1308da"}),m("smoothly-form-demo-date",{key:"e31bcebea1a06295cbcb5c3cf09f24e1e4678244"}),m("smoothly-form-demo-schedule",{key:"c82d53e933bce5540f10ef60fb3d17b4566abd06"}),m("smoothly-form-demo-date-range",{key:"4789cc150fa75b61bf578777cc86db216d75ca13"}),m("smoothly-form-demo-controlled",{key:"451ad913671046be1255752b103066eeac96eae8"})))}static get style(){return Q()}},[2,"smoothly-form-demo"]);function z(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-form-demo-all","smoothly-form-demo-card","smoothly-form-demo-controlled","smoothly-form-demo-date","smoothly-form-demo-date-range","smoothly-form-demo-login","smoothly-form-demo-pet","smoothly-form-demo-prices","smoothly-form-demo-schedule","smoothly-form-demo-transparent","smoothly-form-demo-typed","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-edit","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-form-demo":if(!customElements.get(t(o))){customElements.define(t(o),U)}break;case"smoothly-button":if(!customElements.get(t(o))){r()}break;case"smoothly-button-confirm":if(!customElements.get(t(o))){a()}break;case"smoothly-calendar":if(!customElements.get(t(o))){l()}break;case"smoothly-date-text":if(!customElements.get(t(o))){i()}break;case"smoothly-display":if(!customElements.get(t(o))){c()}break;case"smoothly-display-json":if(!customElements.get(t(o))){d()}break;case"smoothly-display-json-object":if(!customElements.get(t(o))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(o))){p()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(o))){n()}break;case"smoothly-form":if(!customElements.get(t(o))){y()}break;case"smoothly-form-demo-all":if(!customElements.get(t(o))){h()}break;case"smoothly-form-demo-card":if(!customElements.get(t(o))){u()}break;case"smoothly-form-demo-controlled":if(!customElements.get(t(o))){b()}break;case"smoothly-form-demo-date":if(!customElements.get(t(o))){k()}break;case"smoothly-form-demo-date-range":if(!customElements.get(t(o))){j()}break;case"smoothly-form-demo-login":if(!customElements.get(t(o))){E()}break;case"smoothly-form-demo-pet":if(!customElements.get(t(o))){g()}break;case"smoothly-form-demo-prices":if(!customElements.get(t(o))){D()}break;case"smoothly-form-demo-schedule":if(!customElements.get(t(o))){C()}break;case"smoothly-form-demo-transparent":if(!customElements.get(t(o))){B()}break;case"smoothly-form-demo-typed":if(!customElements.get(t(o))){x()}break;case"smoothly-icon":if(!customElements.get(t(o))){w()}break;case"smoothly-input":if(!customElements.get(t(o))){R()}break;case"smoothly-input-checkbox":if(!customElements.get(t(o))){S()}break;case"smoothly-input-clear":if(!customElements.get(t(o))){v()}break;case"smoothly-input-color":if(!customElements.get(t(o))){I()}break;case"smoothly-input-date":if(!customElements.get(t(o))){V()}break;case"smoothly-input-date-range":if(!customElements.get(t(o))){Z()}break;case"smoothly-input-date-time":if(!customElements.get(t(o))){q()}break;case"smoothly-input-edit":if(!customElements.get(t(o))){G()}break;case"smoothly-input-file":if(!customElements.get(t(o))){H()}break;case"smoothly-input-month":if(!customElements.get(t(o))){M()}break;case"smoothly-input-radio":if(!customElements.get(t(o))){N()}break;case"smoothly-input-radio-item":if(!customElements.get(t(o))){X()}break;case"smoothly-input-range":if(!customElements.get(t(o))){Y()}break;case"smoothly-input-reset":if(!customElements.get(t(o))){J()}break;case"smoothly-input-select":if(!customElements.get(t(o))){L()}break;case"smoothly-input-submit":if(!customElements.get(t(o))){O()}break;case"smoothly-item":if(!customElements.get(t(o))){W()}break;case"smoothly-spinner":if(!customElements.get(t(o))){_()}break;case"smoothly-tab":if(!customElements.get(t(o))){F()}break;case"smoothly-tabs":if(!customElements.get(t(o))){K()}break;case"smoothly-toggle-switch":if(!customElements.get(t(o))){P()}break}}))}z();export{U as S,z as d};
2
- //# sourceMappingURL=p-E3K_mUkm.js.map
1
+ import{p as o,H as s,h as m,d as e,t}from"./p-BsZrGTcp.js";import{d as r}from"./p-BHEtq3Ue.js";import{d as a}from"./p-DX3KKRD9.js";import{d as l}from"./p-BqAN7jax.js";import{d as i}from"./p-B8ljN4o0.js";import{d as c}from"./p-DM5CKilY.js";import{d}from"./p-CR3Ni_o7.js";import{d as f}from"./p-B-l1S16Z.js";import{d as p}from"./p-Ud7Qhkgt.js";import{d as n}from"./p-C3FORjes.js";import{d as y}from"./p-DgaHxdNI.js";import{d as h}from"./p-CyhRVB6K.js";import{d as u}from"./p-CiJgTdse.js";import{d as b}from"./p-CrNizZqW.js";import{d as k}from"./p-HKrMuYSD.js";import{d as j}from"./p-fJkfUsWz.js";import{d as E}from"./p-p0yn7c4h.js";import{d as g}from"./p-DBkHnJdp.js";import{d as D}from"./p-DlHIV5_u.js";import{d as C}from"./p-C8cvGmGP.js";import{d as B}from"./p-C5Bgwjpo.js";import{d as x}from"./p-DgHAvBgB.js";import{d as R}from"./p-BiQsRsV4.js";import{d as v}from"./p-R4uIvvER.js";import{d as w}from"./p-C_f8s6n5.js";import{d as H}from"./p-DZadnBSZ.js";import{d as I}from"./p-nrkV1PqR.js";import{d as S}from"./p-C9zTTp-4.js";import{d as V}from"./p-DKggy9E3.js";import{d as q}from"./p-CGG77xzV.js";import{d as z}from"./p-C519IJGa.js";import{d as G}from"./p-CioJtwj-.js";import{d as J}from"./p-DTqtObrT.js";import{d as K}from"./p-BDhPxj59.js";import{d as N}from"./p-DXHBXAV0.js";import{d as T}from"./p-D2FsRCII.js";import{d as Z}from"./p-DqwlZYFh.js";import{d as U}from"./p-RNCr3p17.js";import{d as W}from"./p-CVp4Wd4u.js";import{d as X}from"./p-BS2SWUX6.js";import{d as Y}from"./p-CsLlJDsh.js";import{d as A}from"./p-DSsOLbj6.js";import{d as F}from"./p-2Y5tLcQ1.js";import{d as L}from"./p-DMzn0Iz0.js";const M=()=>`.sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:calc(100% - 0.5rem)}`;const O=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return m(e,{key:"1ddc9511911663c0c6732b9e9b00b3e68d008216"},m("div",{key:"8716afd31e7b741071f8fee4b939c7c1a2067343"},m("smoothly-form-demo-all",{key:"0856d387645fdb66fddb050be10ed906fde59b58"}),m("smoothly-form-demo-pet",{key:"4f2b563802b34dcfb8905bcaedd5d6c1d9a53e40"}),m("smoothly-form-demo-card",{key:"c362f29b57a6b321f0db6cbb4088fccdf1ba4ac7"}),m("smoothly-form-demo-login",{key:"a14e189b9455e4ca98911c987f5082c2d52e14ef"}),m("smoothly-form-demo-prices",{key:"1244782f93a5e5cca8af5d076d6adf594c22eb65"}),m("smoothly-form-demo-typed",{key:"15e40ae537693e1c19ddce3c50311718aa76c531"}),m("smoothly-form-demo-transparent",{key:"2ecde43fd255a80832e8302a7ffbdc2e4c1308da"}),m("smoothly-form-demo-date",{key:"e31bcebea1a06295cbcb5c3cf09f24e1e4678244"}),m("smoothly-form-demo-schedule",{key:"c82d53e933bce5540f10ef60fb3d17b4566abd06"}),m("smoothly-form-demo-date-range",{key:"4789cc150fa75b61bf578777cc86db216d75ca13"}),m("smoothly-form-demo-controlled",{key:"451ad913671046be1255752b103066eeac96eae8"})))}static get style(){return M()}},[2,"smoothly-form-demo"]);function P(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-form-demo-all","smoothly-form-demo-card","smoothly-form-demo-controlled","smoothly-form-demo-date","smoothly-form-demo-date-range","smoothly-form-demo-login","smoothly-form-demo-pet","smoothly-form-demo-prices","smoothly-form-demo-schedule","smoothly-form-demo-transparent","smoothly-form-demo-typed","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-edit","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-form-demo":if(!customElements.get(t(o))){customElements.define(t(o),O)}break;case"smoothly-button":if(!customElements.get(t(o))){r()}break;case"smoothly-button-confirm":if(!customElements.get(t(o))){a()}break;case"smoothly-calendar":if(!customElements.get(t(o))){l()}break;case"smoothly-date-text":if(!customElements.get(t(o))){i()}break;case"smoothly-display":if(!customElements.get(t(o))){c()}break;case"smoothly-display-json":if(!customElements.get(t(o))){d()}break;case"smoothly-display-json-object":if(!customElements.get(t(o))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(o))){p()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(o))){n()}break;case"smoothly-form":if(!customElements.get(t(o))){y()}break;case"smoothly-form-demo-all":if(!customElements.get(t(o))){h()}break;case"smoothly-form-demo-card":if(!customElements.get(t(o))){u()}break;case"smoothly-form-demo-controlled":if(!customElements.get(t(o))){b()}break;case"smoothly-form-demo-date":if(!customElements.get(t(o))){k()}break;case"smoothly-form-demo-date-range":if(!customElements.get(t(o))){j()}break;case"smoothly-form-demo-login":if(!customElements.get(t(o))){E()}break;case"smoothly-form-demo-pet":if(!customElements.get(t(o))){g()}break;case"smoothly-form-demo-prices":if(!customElements.get(t(o))){D()}break;case"smoothly-form-demo-schedule":if(!customElements.get(t(o))){C()}break;case"smoothly-form-demo-transparent":if(!customElements.get(t(o))){B()}break;case"smoothly-form-demo-typed":if(!customElements.get(t(o))){x()}break;case"smoothly-icon":if(!customElements.get(t(o))){R()}break;case"smoothly-input":if(!customElements.get(t(o))){v()}break;case"smoothly-input-checkbox":if(!customElements.get(t(o))){w()}break;case"smoothly-input-clear":if(!customElements.get(t(o))){H()}break;case"smoothly-input-color":if(!customElements.get(t(o))){I()}break;case"smoothly-input-date":if(!customElements.get(t(o))){S()}break;case"smoothly-input-date-range":if(!customElements.get(t(o))){V()}break;case"smoothly-input-date-time":if(!customElements.get(t(o))){q()}break;case"smoothly-input-edit":if(!customElements.get(t(o))){z()}break;case"smoothly-input-file":if(!customElements.get(t(o))){G()}break;case"smoothly-input-month":if(!customElements.get(t(o))){J()}break;case"smoothly-input-radio":if(!customElements.get(t(o))){K()}break;case"smoothly-input-radio-item":if(!customElements.get(t(o))){N()}break;case"smoothly-input-range":if(!customElements.get(t(o))){T()}break;case"smoothly-input-reset":if(!customElements.get(t(o))){Z()}break;case"smoothly-input-select":if(!customElements.get(t(o))){U()}break;case"smoothly-input-submit":if(!customElements.get(t(o))){W()}break;case"smoothly-item":if(!customElements.get(t(o))){X()}break;case"smoothly-spinner":if(!customElements.get(t(o))){Y()}break;case"smoothly-tab":if(!customElements.get(t(o))){A()}break;case"smoothly-tabs":if(!customElements.get(t(o))){F()}break;case"smoothly-toggle-switch":if(!customElements.get(t(o))){L()}break}}))}P();export{O as S,P as d};
2
+ //# sourceMappingURL=p-D1cLYdzg.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 d,F as l,I as m}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DgaHxdNI.js";import{d as i}from"./p-BiQsRsV4.js";import{d as b}from"./p-R4uIvvER.js";import{d as f}from"./p-C_f8s6n5.js";import{d as r}from"./p-DZadnBSZ.js";import{d as u}from"./p-BDhPxj59.js";import{d as h}from"./p-DXHBXAV0.js";import{d as p}from"./p-kD9ZndMg.js";import{d as y}from"./p-BS2SWUX6.js";import{d as k}from"./p-CsLlJDsh.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:"c109a1c44628d1b42425859649047a002ee16ce0"},o("h2",{key:"30b5293b4446f0202ba93d4dfff6b3e73ecd8976"},"Button Standard"),o("smoothly-form",{key:"6281f5092e984b1dfc19a0efcb104d05ab5d8e48",onSmoothlyFormInput:t=>this.props=t.detail,looks:"grid"},o("smoothly-input-checkbox",{key:"77ac5fe8bf329861e476539c8625fd5820bdc413",name:"text.useColor",checked:true},"Use Color as Text"),o("smoothly-input-select",{key:"0dbc3a3420ecefc797b9bdba4f453c90d66c8d1f",name:"size"},o("span",{key:"a989af18c47839ff1d5b1e31450062aec0eb3651",slot:"label"},"Size"),["small","large","icon","flexible"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input",{key:"68d2793e921608a9fa1951b6bd97b87dd87a3e10",name:"text.value",value:"Button"},"Text",o("smoothly-input-clear",{key:"bb3938f242bf725507e7ece9cfdf7cb314bca1f1",slot:"end"})),o("smoothly-input-radio",{key:"797d38475df5bc28ac171152407459d98383233b",name:"expand",clearable:true},o("span",{key:"3210bb5bee8ff0184edfcf6747246efc50ab0752",slot:"label"},"Expand"),o("smoothly-input-radio-item",{key:"ebbd079aa41839ba2ed8078880b3f546371b4dc7",value:"block"},"block"),o("smoothly-input-radio-item",{key:"daf621085701675377fc460d85e9e328bf09ddd6",value:"full"},"full"),o("smoothly-input-clear",{key:"dca4f783b5140ff4c1f0d2aaa1ee9a6fde9f8147",slot:"end"})),o("smoothly-input-select",{key:"9d1cdf02e4b762052d2abd3b431f420e554a28c9",name:"fill"},o("span",{key:"b7095efe1d384897bcbd15353f57ff7da0718f50",slot:"label"},"Fill"),l.values.map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"78c942e631eef9e23c2f8cd47b8521ad2279c7c1",name:"disabled"},"Disabled"),o("smoothly-input-select",{key:"976eb85785d873c38d676634f6f54269804b474f",name:"type"},o("span",{key:"76cbdc4271456d0c2edf6233bdf7dcdfeee9467e",slot:"label"},"Type"),["button","submit","reset","link"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"15cd8593b09827f44817b15ebd28f4702faa1bb7",name:"rounded"},"Rounded"),o("smoothly-input-select",{key:"c93bda31e420e209cc7cd2253943a868a3b53864",name:"icon",menuHeight:"8items"},o("span",{key:"6b76f90f3ecb8c46e8b66a6fb348b658938a3bf8",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:"0ebe8cb52112672443dd94922191fc5f3b7fb20c",slot:"end"})),o("smoothly-input",{key:"5860bfcdf0a2de4c2109bde9072a114db9de4ba1",name:"tooltip",value:"Tooltip"},"Tooltip",o("smoothly-input-clear",{key:"32672407cf8cbffdec719c479f9615bc3198dc79",slot:"end"}))),o("div",{key:"bfe436596b1585265ea0b711a43831e722c696ac",class:"buttons"},d.values.map(((t,e,s)=>{var a,d;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:(d=this.props.text)===null||d===void 0?void 0:d.value)})),o("div",{key:"dc35cbaca69e970cca164c25cb00889a8e2d57f3",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))){f()}break;case"smoothly-input-clear":if(!customElements.get(a(t))){r()}break;case"smoothly-input-radio":if(!customElements.get(a(t))){u()}break;case"smoothly-input-radio-item":if(!customElements.get(a(t))){h()}break;case"smoothly-input-select":if(!customElements.get(a(t))){p()}break;case"smoothly-item":if(!customElements.get(a(t))){y()}break;case"smoothly-spinner":if(!customElements.get(a(t))){k()}break}}))}v();export{g as S,v as d};
2
- //# sourceMappingURL=p-DdDIWpAG.js.map
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-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{d as c}from"./p-BHEtq3Ue.js";import{d as n}from"./p-DgaHxdNI.js";import{d as i}from"./p-BiQsRsV4.js";import{d as b}from"./p-R4uIvvER.js";import{d as r}from"./p-C_f8s6n5.js";import{d as f}from"./p-DZadnBSZ.js";import{d as u}from"./p-BDhPxj59.js";import{d as h}from"./p-DXHBXAV0.js";import{d as p}from"./p-RNCr3p17.js";import{d as y}from"./p-BS2SWUX6.js";import{d as k}from"./p-CsLlJDsh.js";const x=()=>`.sc-smoothly-button-demo-standard-h smoothly-input-select.sc-smoothly-button-demo-standard smoothly-item.sc-smoothly-button-demo-standard{display:flex}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard{display:flex;flex-wrap:wrap;gap:0.5rem}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard>smoothly-button.sc-smoothly-button-demo-standard{margin-block:0}.sc-smoothly-button-demo-standard-h .height-text.sc-smoothly-button-demo-standard{border-left:3px dotted rgb(var(--smoothly-default-contrast));padding-inline:1rem;align-content:center}`;const v=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.props={};this.heightText=""}updateInputHeightText(){setTimeout((()=>{const t=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));if(this.lastButton){const e=this.lastButton.clientHeight;this.heightText=`${e/t}rem (${e}px)`}}),100)}render(){return o(s,{key:"c109a1c44628d1b42425859649047a002ee16ce0"},o("h2",{key:"30b5293b4446f0202ba93d4dfff6b3e73ecd8976"},"Button Standard"),o("smoothly-form",{key:"6281f5092e984b1dfc19a0efcb104d05ab5d8e48",onSmoothlyFormInput:t=>this.props=t.detail,looks:"grid"},o("smoothly-input-checkbox",{key:"77ac5fe8bf329861e476539c8625fd5820bdc413",name:"text.useColor",checked:true},"Use Color as Text"),o("smoothly-input-select",{key:"0dbc3a3420ecefc797b9bdba4f453c90d66c8d1f",name:"size"},o("span",{key:"a989af18c47839ff1d5b1e31450062aec0eb3651",slot:"label"},"Size"),["small","large","icon","flexible"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input",{key:"68d2793e921608a9fa1951b6bd97b87dd87a3e10",name:"text.value",value:"Button"},"Text",o("smoothly-input-clear",{key:"bb3938f242bf725507e7ece9cfdf7cb314bca1f1",slot:"end"})),o("smoothly-input-radio",{key:"797d38475df5bc28ac171152407459d98383233b",name:"expand",clearable:true},o("span",{key:"3210bb5bee8ff0184edfcf6747246efc50ab0752",slot:"label"},"Expand"),o("smoothly-input-radio-item",{key:"ebbd079aa41839ba2ed8078880b3f546371b4dc7",value:"block"},"block"),o("smoothly-input-radio-item",{key:"daf621085701675377fc460d85e9e328bf09ddd6",value:"full"},"full"),o("smoothly-input-clear",{key:"dca4f783b5140ff4c1f0d2aaa1ee9a6fde9f8147",slot:"end"})),o("smoothly-input-select",{key:"9d1cdf02e4b762052d2abd3b431f420e554a28c9",name:"fill"},o("span",{key:"b7095efe1d384897bcbd15353f57ff7da0718f50",slot:"label"},"Fill"),d.values.map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"78c942e631eef9e23c2f8cd47b8521ad2279c7c1",name:"disabled"},"Disabled"),o("smoothly-input-select",{key:"976eb85785d873c38d676634f6f54269804b474f",name:"type"},o("span",{key:"76cbdc4271456d0c2edf6233bdf7dcdfeee9467e",slot:"label"},"Type"),["button","submit","reset","link"].map((t=>o("smoothly-item",{value:t,key:t},t)))),o("smoothly-input-checkbox",{key:"15cd8593b09827f44817b15ebd28f4702faa1bb7",name:"rounded"},"Rounded"),o("smoothly-input-select",{key:"c93bda31e420e209cc7cd2253943a868a3b53864",name:"icon",menuHeight:"8items"},o("span",{key:"6b76f90f3ecb8c46e8b66a6fb348b658938a3bf8",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:"0ebe8cb52112672443dd94922191fc5f3b7fb20c",slot:"end"})),o("smoothly-input",{key:"5860bfcdf0a2de4c2109bde9072a114db9de4ba1",name:"tooltip",value:"Tooltip"},"Tooltip",o("smoothly-input-clear",{key:"32672407cf8cbffdec719c479f9615bc3198dc79",slot:"end"}))),o("div",{key:"bfe436596b1585265ea0b711a43831e722c696ac",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:"dc35cbaca69e970cca164c25cb00889a8e2d57f3",class:"height-text"},this.heightText)))}static get watchers(){return{props:[{updateInputHeightText:0}]}}static get style(){return x()}},[2,"smoothly-button-demo-standard",{props:[32],heightText:[32],lastButton:[32]},undefined,{props:[{updateInputHeightText:0}]}]);function g(){if(typeof customElements==="undefined"){return}const t=["smoothly-button-demo-standard","smoothly-button","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-select","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-button-demo-standard":if(!customElements.get(a(t))){customElements.define(a(t),v)}break;case"smoothly-button":if(!customElements.get(a(t))){c()}break;case"smoothly-form":if(!customElements.get(a(t))){n()}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))){f()}break;case"smoothly-input-radio":if(!customElements.get(a(t))){u()}break;case"smoothly-input-radio-item":if(!customElements.get(a(t))){h()}break;case"smoothly-input-select":if(!customElements.get(a(t))){p()}break;case"smoothly-item":if(!customElements.get(a(t))){y()}break;case"smoothly-spinner":if(!customElements.get(a(t))){k()}break}}))}g();export{v as S,g as d};
2
+ //# sourceMappingURL=p-DA_1vtmU.js.map
@@ -1,2 +1,2 @@
1
- import{p as e,H as t,h as o,F as a,d as s,t as m}from"./p-BsZrGTcp.js";import{R as i}from"./p-CkXes5c-.js";import{d as c}from"./p-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as r}from"./p-rfh5VPMG.js";import{d as n}from"./p-B8ljN4o0.js";import{d}from"./p-DM5CKilY.js";import{d as f}from"./p-CR3Ni_o7.js";import{d as b}from"./p-B-l1S16Z.js";import{d as y}from"./p-Ud7Qhkgt.js";import{d as p}from"./p-C3FORjes.js";import{d as h}from"./p-DgaHxdNI.js";import{d as u}from"./p-BiQsRsV4.js";import{d as k}from"./p-R4uIvvER.js";import{d as j}from"./p-C_f8s6n5.js";import{d as g}from"./p-DZadnBSZ.js";import{d as v}from"./p-nrkV1PqR.js";import{d as w}from"./p-_Om7ydYw.js";import{d as E}from"./p-NG2uN2mW.js";import{d as O}from"./p-B5Gl6MB6.js";import{d as S}from"./p-CioJtwj-.js";import{d as D}from"./p-Bl9o-Dl8.js";import{d as P}from"./p-BDhPxj59.js";import{d as x}from"./p-DXHBXAV0.js";import{d as F}from"./p-D2FsRCII.js";import{d as z}from"./p-DqwlZYFh.js";import{d as C}from"./p-kD9ZndMg.js";import{d as I}from"./p-CVp4Wd4u.js";import{d as R}from"./p-BS2SWUX6.js";import{d as H}from"./p-CsLlJDsh.js";import{d as B}from"./p-DSsOLbj6.js";import{d as N}from"./p-2Y5tLcQ1.js";import{d as q}from"./p-DMzn0Iz0.js";const V=()=>`.sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name="hasOwner"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}`;const Z=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.hasOwner=false;this.owner={}}render(){var e,t;return o(s,{key:"88099a7fd5f8f5a0d613fcff4b817545901d356d"},o("h2",{key:"8dd122875fc1f4c742102f0e62a512db538baac8"},"Pet"),o("h3",{key:"bfb98de17657a63e7713c2b02f12f0be7eca9231"},"Value"),o("smoothly-form",{key:"8395ed11ebcff8d9c8f66d3718324b08c0445d83",looks:"border",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail)),onSmoothlyFormInput:e=>this.value=Object.assign({},e.detail)},o("smoothly-input",{key:"af774efd343074cf0582e5e94f163db036cb0879",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"84f83295dc09f2cae1660b7809f4f9fc5cd0703f",slot:"end"})),o("smoothly-input",{key:"6b7a0b6717c2ccb9aa0e2095afe94138213a3e67",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"c0094ce4c1c2b3809642b501ed2daa5b11960cc6",name:"hasOwner",onSmoothlyInputLoad:e=>e.stopPropagation(),onSmoothlyInput:e=>{this.hasOwner=e.detail.hasOwner;e.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"fb26cd76bb633fb4c02d6cf886a013c85b63fd07",slot:"end"})),this.hasOwner&&o(a,{key:"0ab3080a8779a0eb75fcad913be3f37674eef021"},o("smoothly-input",{key:"35ae9e6768fc5d28e2977a505887e27453093f4f",type:"text",name:"owner.firstName",value:this.owner.firstName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{firstName:e.detail["owner.firstName"]})},"Owner First Name",o("smoothly-input-reset",{key:"ccae0cd45403a3a9cdc75d14199133478f2fbe33",slot:"end"})),o("smoothly-input",{key:"d7a6162e9b0b05794d234dedef605673ca3df8ba",type:"text",name:"owner.lastName",value:this.owner.lastName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{lastName:e.detail["owner.lastName"]})},"Owner Last Name"),o("smoothly-input-file",{key:"b2200911dadfb95781f82dd3a4f31f4217861c84",name:"owner.picture"},o("span",{key:"4b4d34c2d3956c655f688e320d8f1557fe250dbe",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"1092a9022d1e49ad15a8a27cd053b77679e82605",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:e.detail["owner.birthday"]})},"Owner birthday",o("smoothly-input-reset",{key:"7b3fb12d0755e96fdacca6a9b07fc65616b66330",slot:"end"})),o("smoothly-input-date-range",{key:"d8f76a97851a6ba11085b42487f69b1056ffd829",name:"owner.ownedRange",start:(e=this.owner.ownedRange)===null||e===void 0?void 0:e.start,end:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.end,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:e.detail["owner.ownedRange"]})},"Owner ownedRange",o("smoothly-input-reset",{key:"c879d11886be04ab9bb8d090f7f8b56a67466b9b",slot:"end"})),o("smoothly-input-range",{key:"476435b88267d69b4f75880f0b14d762bad9e55b",name:"owner.height",step:1,max:250,value:this.owner.height,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{height:e.detail["owner.height"]})},"Owner's Height",o("smoothly-input-reset",{key:"cfde948cafc0d28ad7eb6cd2eb6fe5147d2ad2e5",slot:"end"})),o("smoothly-input-select",{key:"e31966b6b1f089057a709e0df0ee74cd4794bc4c",name:"owner.favoriteHat"},o("span",{key:"0db0b774a2742f2ea985167bf2e9088e13ca2964",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t,selected:this.owner.favoriteHat==e},e))),o("smoothly-input-reset",{key:"d7ed622d339284fad2057e703b2c7125fb15c01a",slot:"end"})),o("smoothly-input-color",{key:"537f228ad70488f3347bab5aa8e5fba50d7ad174",name:"owner.favoriteColor",value:this.owner.favoriteColor?i.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:e.detail["owner.favoriteColor"]})},"Owner's Favorite Color",o("smoothly-input-reset",{key:"22b5f2f502e774827676fa238e72dbe083188421",slot:"end"})),o("smoothly-input-radio",{key:"71b2de0772f311b39af9db0a6c32e1ebdbe9b60e",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:e.detail["owner.favoritePizza"]})},o("span",{key:"178dadde1b90e0babc9e4d3d2576f96cbc876fdd",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"8ef6280e5514b390ab22b28146aadd819c89f95e",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:e.detail["owner.hasPet"]})},"Has Pet")),o("smoothly-tabs",{key:"a566ef21f483d11b0d7ad4d42218244f715ab58c"},o("smoothly-tab",{key:"efeebdaf5ee1175c36b248e3ce5d4a1cb0e1e0f1",label:"Dog",name:"dog"},o("smoothly-input",{key:"f932840909cede23f122c6094a75525b14378f7c",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"b3b91c23a61e9ba9c20badb039ff555972fe3985",name:"dog.picture"},o("span",{key:"c74681d13077eb990d89716c7cd2c89950e44eb9",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"bd89d002065c7365b7c93033714eb1e21a8e4774",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"4ac749261e9edb101e85a7000376a813de212942",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"86e21db2c7e5c68e22f1583e7309318e6e4c6003",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"efaaffb5b33575a079ca40319ef829ffef5af14e",name:"dog.favoriteHat"},o("span",{key:"b9a9268cad14e92950cba4e851b4d1eaf2206b30",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-color",{key:"d6b56f10b63036a12423b84ebee35cb48faa659a",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"3be208ceca38e4023a06f0df9318e5dd03d7d010",name:"dog.favoritePizza"},o("span",{key:"e0b8eb2e2ac66bef9f9efe292d07dd77f5f936c9",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"c532d5f50b3a18ecc1e5c52e8aa6b3548ab328c7",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"fc6d91caf8efbedf2c402cb83c88e8b674214f20",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"d6f645801298a26aaa9ea895f3c2c111463ac71d",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"1d54790895d58a973a0d9909cf037834d5e18d79",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"58f54b19c876d990ac7bd4aeaaca620dcebc6e04",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"c05427bbcb200a2021d4e1c5c24a5c5577e58a3f",name:"parrot.picture"},o("span",{key:"af2b39ee8335219617413cba2b2be4a17a1c8b6b",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"8a9c7f79972bb8367006428930583285c0e13b2b",slot:"end"})),o("smoothly-input-date",{key:"c5de0ec3a5094ba38f7390cd738ffd5baac4ee3a",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"5017f8fdc65f5f28a5917f3d478d01b5bdf09746",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"1de78bfe5e684e17cc73588572573e7b8f81f8be",slot:"end"})),o("smoothly-input-range",{key:"b33b26c10f148fab67de81002b5d17a34952c373",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"0d197f376f0b195a1f5730fd35b3ca8f489af593",slot:"end"})),o("smoothly-input-select",{key:"3ef09882c984348ac99b741cfc0c9e2203bf5877",name:"parrot.favoriteHat"},o("span",{key:"939906ee1a07df997032b9ef2ef126038d16ecb5",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-month",{key:"02131f864b606361fe0fe452e2ae77122c16cbb0",name:"parrot.month"},o("span",{key:"cd499075feb735fbbea8d15f008e7bca7efe6b10",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"04411c6e66665d6dd1eb87095ca08d42edf409da",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"bd220ce16e75be0cd9feb80df9d96b6d491eec93",name:"parrot.favoritePizza"},o("span",{key:"8c0a80e74e9f0f6f4f3d7a6d850d0895d93aa7ae",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"51035c80dac7e59682c2258aa9104a088d907f6b",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"28c6f78988d06a5d52aa4fc1e7b8c1322d360f52",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"20a329d0b039ff4058b7b7869ecb4927d82aaf0c",type:"json",value:this.value}))}static get style(){return V()}},[2,"smoothly-form-demo-pet",{hasOwner:[32],owner:[32],value:[32]}]);function L(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-pet","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-form-demo-pet":if(!customElements.get(m(e))){customElements.define(m(e),Z)}break;case"smoothly-button":if(!customElements.get(m(e))){c()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){l()}break;case"smoothly-calendar":if(!customElements.get(m(e))){r()}break;case"smoothly-date-text":if(!customElements.get(m(e))){n()}break;case"smoothly-display":if(!customElements.get(m(e))){d()}break;case"smoothly-display-json":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){h()}break;case"smoothly-icon":if(!customElements.get(m(e))){u()}break;case"smoothly-input":if(!customElements.get(m(e))){k()}break;case"smoothly-input-checkbox":if(!customElements.get(m(e))){j()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){g()}break;case"smoothly-input-color":if(!customElements.get(m(e))){v()}break;case"smoothly-input-date":if(!customElements.get(m(e))){w()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){E()}break;case"smoothly-input-date-time":if(!customElements.get(m(e))){O()}break;case"smoothly-input-file":if(!customElements.get(m(e))){S()}break;case"smoothly-input-month":if(!customElements.get(m(e))){D()}break;case"smoothly-input-radio":if(!customElements.get(m(e))){P()}break;case"smoothly-input-radio-item":if(!customElements.get(m(e))){x()}break;case"smoothly-input-range":if(!customElements.get(m(e))){F()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){z()}break;case"smoothly-input-select":if(!customElements.get(m(e))){C()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){I()}break;case"smoothly-item":if(!customElements.get(m(e))){R()}break;case"smoothly-spinner":if(!customElements.get(m(e))){H()}break;case"smoothly-tab":if(!customElements.get(m(e))){B()}break;case"smoothly-tabs":if(!customElements.get(m(e))){N()}break;case"smoothly-toggle-switch":if(!customElements.get(m(e))){q()}break}}))}L();export{Z as S,L as d};
2
- //# sourceMappingURL=p-CrSX7reE.js.map
1
+ import{p as e,H as t,h as o,F as a,d as s,t as m}from"./p-BsZrGTcp.js";import{R as i}from"./p-CkXes5c-.js";import{d as c}from"./p-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as r}from"./p-BqAN7jax.js";import{d as n}from"./p-B8ljN4o0.js";import{d}from"./p-DM5CKilY.js";import{d as f}from"./p-CR3Ni_o7.js";import{d as b}from"./p-B-l1S16Z.js";import{d as y}from"./p-Ud7Qhkgt.js";import{d as p}from"./p-C3FORjes.js";import{d as h}from"./p-DgaHxdNI.js";import{d as u}from"./p-BiQsRsV4.js";import{d as k}from"./p-R4uIvvER.js";import{d as j}from"./p-C_f8s6n5.js";import{d as g}from"./p-DZadnBSZ.js";import{d as v}from"./p-nrkV1PqR.js";import{d as E}from"./p-C9zTTp-4.js";import{d as w}from"./p-DKggy9E3.js";import{d as O}from"./p-CGG77xzV.js";import{d as S}from"./p-CioJtwj-.js";import{d as x}from"./p-DTqtObrT.js";import{d as D}from"./p-BDhPxj59.js";import{d as z}from"./p-DXHBXAV0.js";import{d as C}from"./p-D2FsRCII.js";import{d as P}from"./p-DqwlZYFh.js";import{d as F}from"./p-RNCr3p17.js";import{d as R}from"./p-CVp4Wd4u.js";import{d as I}from"./p-BS2SWUX6.js";import{d as H}from"./p-CsLlJDsh.js";import{d as N}from"./p-DSsOLbj6.js";import{d as B}from"./p-2Y5tLcQ1.js";import{d as q}from"./p-DMzn0Iz0.js";const T=()=>`.sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name="hasOwner"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}`;const V=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.hasOwner=false;this.owner={}}render(){var e,t;return o(s,{key:"88099a7fd5f8f5a0d613fcff4b817545901d356d"},o("h2",{key:"8dd122875fc1f4c742102f0e62a512db538baac8"},"Pet"),o("h3",{key:"bfb98de17657a63e7713c2b02f12f0be7eca9231"},"Value"),o("smoothly-form",{key:"8395ed11ebcff8d9c8f66d3718324b08c0445d83",looks:"border",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail)),onSmoothlyFormInput:e=>this.value=Object.assign({},e.detail)},o("smoothly-input",{key:"af774efd343074cf0582e5e94f163db036cb0879",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"84f83295dc09f2cae1660b7809f4f9fc5cd0703f",slot:"end"})),o("smoothly-input",{key:"6b7a0b6717c2ccb9aa0e2095afe94138213a3e67",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"c0094ce4c1c2b3809642b501ed2daa5b11960cc6",name:"hasOwner",onSmoothlyInputLoad:e=>e.stopPropagation(),onSmoothlyInput:e=>{this.hasOwner=e.detail.hasOwner;e.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"fb26cd76bb633fb4c02d6cf886a013c85b63fd07",slot:"end"})),this.hasOwner&&o(a,{key:"0ab3080a8779a0eb75fcad913be3f37674eef021"},o("smoothly-input",{key:"35ae9e6768fc5d28e2977a505887e27453093f4f",type:"text",name:"owner.firstName",value:this.owner.firstName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{firstName:e.detail["owner.firstName"]})},"Owner First Name",o("smoothly-input-reset",{key:"ccae0cd45403a3a9cdc75d14199133478f2fbe33",slot:"end"})),o("smoothly-input",{key:"d7a6162e9b0b05794d234dedef605673ca3df8ba",type:"text",name:"owner.lastName",value:this.owner.lastName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{lastName:e.detail["owner.lastName"]})},"Owner Last Name"),o("smoothly-input-file",{key:"b2200911dadfb95781f82dd3a4f31f4217861c84",name:"owner.picture"},o("span",{key:"4b4d34c2d3956c655f688e320d8f1557fe250dbe",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"1092a9022d1e49ad15a8a27cd053b77679e82605",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:e.detail["owner.birthday"]})},"Owner birthday",o("smoothly-input-reset",{key:"7b3fb12d0755e96fdacca6a9b07fc65616b66330",slot:"end"})),o("smoothly-input-date-range",{key:"d8f76a97851a6ba11085b42487f69b1056ffd829",name:"owner.ownedRange",start:(e=this.owner.ownedRange)===null||e===void 0?void 0:e.start,end:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.end,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:e.detail["owner.ownedRange"]})},"Owner ownedRange",o("smoothly-input-reset",{key:"c879d11886be04ab9bb8d090f7f8b56a67466b9b",slot:"end"})),o("smoothly-input-range",{key:"476435b88267d69b4f75880f0b14d762bad9e55b",name:"owner.height",step:1,max:250,value:this.owner.height,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{height:e.detail["owner.height"]})},"Owner's Height",o("smoothly-input-reset",{key:"cfde948cafc0d28ad7eb6cd2eb6fe5147d2ad2e5",slot:"end"})),o("smoothly-input-select",{key:"e31966b6b1f089057a709e0df0ee74cd4794bc4c",name:"owner.favoriteHat"},o("span",{key:"0db0b774a2742f2ea985167bf2e9088e13ca2964",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t,selected:this.owner.favoriteHat==e},e))),o("smoothly-input-reset",{key:"d7ed622d339284fad2057e703b2c7125fb15c01a",slot:"end"})),o("smoothly-input-color",{key:"537f228ad70488f3347bab5aa8e5fba50d7ad174",name:"owner.favoriteColor",value:this.owner.favoriteColor?i.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:e.detail["owner.favoriteColor"]})},"Owner's Favorite Color",o("smoothly-input-reset",{key:"22b5f2f502e774827676fa238e72dbe083188421",slot:"end"})),o("smoothly-input-radio",{key:"71b2de0772f311b39af9db0a6c32e1ebdbe9b60e",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:e.detail["owner.favoritePizza"]})},o("span",{key:"178dadde1b90e0babc9e4d3d2576f96cbc876fdd",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"8ef6280e5514b390ab22b28146aadd819c89f95e",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:e.detail["owner.hasPet"]})},"Has Pet")),o("smoothly-tabs",{key:"a566ef21f483d11b0d7ad4d42218244f715ab58c"},o("smoothly-tab",{key:"efeebdaf5ee1175c36b248e3ce5d4a1cb0e1e0f1",label:"Dog",name:"dog"},o("smoothly-input",{key:"f932840909cede23f122c6094a75525b14378f7c",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"b3b91c23a61e9ba9c20badb039ff555972fe3985",name:"dog.picture"},o("span",{key:"c74681d13077eb990d89716c7cd2c89950e44eb9",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"bd89d002065c7365b7c93033714eb1e21a8e4774",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"4ac749261e9edb101e85a7000376a813de212942",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"86e21db2c7e5c68e22f1583e7309318e6e4c6003",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"efaaffb5b33575a079ca40319ef829ffef5af14e",name:"dog.favoriteHat"},o("span",{key:"b9a9268cad14e92950cba4e851b4d1eaf2206b30",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-color",{key:"d6b56f10b63036a12423b84ebee35cb48faa659a",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"3be208ceca38e4023a06f0df9318e5dd03d7d010",name:"dog.favoritePizza"},o("span",{key:"e0b8eb2e2ac66bef9f9efe292d07dd77f5f936c9",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"c532d5f50b3a18ecc1e5c52e8aa6b3548ab328c7",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"fc6d91caf8efbedf2c402cb83c88e8b674214f20",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"d6f645801298a26aaa9ea895f3c2c111463ac71d",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"1d54790895d58a973a0d9909cf037834d5e18d79",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"58f54b19c876d990ac7bd4aeaaca620dcebc6e04",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"c05427bbcb200a2021d4e1c5c24a5c5577e58a3f",name:"parrot.picture"},o("span",{key:"af2b39ee8335219617413cba2b2be4a17a1c8b6b",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"8a9c7f79972bb8367006428930583285c0e13b2b",slot:"end"})),o("smoothly-input-date",{key:"c5de0ec3a5094ba38f7390cd738ffd5baac4ee3a",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"5017f8fdc65f5f28a5917f3d478d01b5bdf09746",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"1de78bfe5e684e17cc73588572573e7b8f81f8be",slot:"end"})),o("smoothly-input-range",{key:"b33b26c10f148fab67de81002b5d17a34952c373",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"0d197f376f0b195a1f5730fd35b3ca8f489af593",slot:"end"})),o("smoothly-input-select",{key:"3ef09882c984348ac99b741cfc0c9e2203bf5877",name:"parrot.favoriteHat"},o("span",{key:"939906ee1a07df997032b9ef2ef126038d16ecb5",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-month",{key:"02131f864b606361fe0fe452e2ae77122c16cbb0",name:"parrot.month"},o("span",{key:"cd499075feb735fbbea8d15f008e7bca7efe6b10",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"04411c6e66665d6dd1eb87095ca08d42edf409da",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"bd220ce16e75be0cd9feb80df9d96b6d491eec93",name:"parrot.favoritePizza"},o("span",{key:"8c0a80e74e9f0f6f4f3d7a6d850d0895d93aa7ae",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"51035c80dac7e59682c2258aa9104a088d907f6b",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"28c6f78988d06a5d52aa4fc1e7b8c1322d360f52",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"20a329d0b039ff4058b7b7869ecb4927d82aaf0c",type:"json",value:this.value}))}static get style(){return T()}},[2,"smoothly-form-demo-pet",{hasOwner:[32],owner:[32],value:[32]}]);function L(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-pet","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-form-demo-pet":if(!customElements.get(m(e))){customElements.define(m(e),V)}break;case"smoothly-button":if(!customElements.get(m(e))){c()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){l()}break;case"smoothly-calendar":if(!customElements.get(m(e))){r()}break;case"smoothly-date-text":if(!customElements.get(m(e))){n()}break;case"smoothly-display":if(!customElements.get(m(e))){d()}break;case"smoothly-display-json":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){h()}break;case"smoothly-icon":if(!customElements.get(m(e))){u()}break;case"smoothly-input":if(!customElements.get(m(e))){k()}break;case"smoothly-input-checkbox":if(!customElements.get(m(e))){j()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){g()}break;case"smoothly-input-color":if(!customElements.get(m(e))){v()}break;case"smoothly-input-date":if(!customElements.get(m(e))){E()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(m(e))){O()}break;case"smoothly-input-file":if(!customElements.get(m(e))){S()}break;case"smoothly-input-month":if(!customElements.get(m(e))){x()}break;case"smoothly-input-radio":if(!customElements.get(m(e))){D()}break;case"smoothly-input-radio-item":if(!customElements.get(m(e))){z()}break;case"smoothly-input-range":if(!customElements.get(m(e))){C()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){P()}break;case"smoothly-input-select":if(!customElements.get(m(e))){F()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){R()}break;case"smoothly-item":if(!customElements.get(m(e))){I()}break;case"smoothly-spinner":if(!customElements.get(m(e))){H()}break;case"smoothly-tab":if(!customElements.get(m(e))){N()}break;case"smoothly-tabs":if(!customElements.get(m(e))){B()}break;case"smoothly-toggle-switch":if(!customElements.get(m(e))){q()}break}}))}L();export{V as S,L as d};
2
+ //# sourceMappingURL=p-DBkHnJdp.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["styleCss","SmoothlyTableRowGroup","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","align","open","clickHandler","selection","_a","window","getSelection","toString","trim","_b","length","smoothlyTableRowGroupChange","emit","render","h","Host","key","onClick","name"],"sources":["src/components/table/group/style.scss?tag=smoothly-table-row-group&encapsulation=scoped","src/components/table/group/index.tsx"],"sourcesContent":["@import \"../expandable/arrow.scss\";\n\n:host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tmargin-top: 1px;\n}\n\n:host > div:first-child {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tposition: relative;\n\tcursor: pointer;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\tbackground-color: rgb(var(--smoothly-default-tint));\n\tborder-bottom: 1px solid rgb(var(--smoothly-default-shade));\n\t@include arrow;\n}\n\n:host > div:first-child:hover {\n\t@include arrow-hover;\n\tcolor: rgb(var(--smoothly-table-hover-foreground));\n\tbackground-color: rgb(var(--smoothly-table-hover-background));\n}\n\n:host[open] > div:first-child {\n\t@include arrow-open;\n}\n\n:host > div:last-child {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n}\n\n:host[align] > div:first-child {\n\tgrid-template-columns: subgrid;\n}\n\n:host[align] > div:first-child > div {\n\tdisplay: contents;\n}\n\n:host[align] > div:first-child > div > * {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n}\n\n:host:not([align]) > div:first-child {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\talign-items: center;\n\tgrid-template-columns: repeat(2, auto);\n\tjustify-content: space-between;\n}\n\n:host:not([align]) > div:first-child > div:first-child {\n\tjustify-self: start;\n\tdisplay: flex;\n\tgap: 1rem;\n}\n\n:host:not([align]) > div:first-child > div:last-child {\n\tjustify-self: end;\n\tdisplay: flex;\n\tgap: 1rem;\n}\n\n:host:not([open]) {\n\tgrid-template-rows: auto 0fr;\n}\n\n:host:not([open]) > div:last-child {\n\tgrid-row: 2;\n\toverflow: hidden;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-row-group\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableRowGroup {\n\t@Prop({ reflect: true }) align = false\n\t@Prop({ reflect: true, mutable: true }) open = false\n\t@Event() smoothlyTableRowGroupChange: EventEmitter<boolean>\n\n\tclickHandler(): void {\n\t\tconst selection = window.getSelection()?.toString().trim()\n\t\tif ((selection?.length ?? 0) == 0) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.smoothlyTableRowGroupChange.emit(this.open)\n\t\t}\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div onClick={() => this.clickHandler()}>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<slot name={\"start\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uEAAA,MAAMA,EAAW,IAAM,4wF,MCOVC,EAAqBC,EAAA,MAAAD,UAAAE,EALlC,WAAAC,CAAAC,G,mHAM0BC,KAAAC,MAAQ,MACOD,KAAAE,KAAO,KA4B/C,CAzBA,YAAAC,G,QACC,MAAMC,GAAYC,EAAAC,OAAOC,kBAAc,MAAAF,SAAA,SAAAA,EAAEG,WAAWC,OACpD,KAAKC,EAAAN,IAAS,MAATA,SAAS,SAATA,EAAWO,UAAM,MAAAD,SAAA,EAAAA,EAAI,IAAM,EAAG,CAClCV,KAAKE,MAAQF,KAAKE,KAClBF,KAAKY,4BAA4BC,KAAKb,KAAKE,K,EAI7C,MAAAY,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,OAAAE,IAAA,2CAAKC,QAAS,IAAMlB,KAAKG,gBACxBY,EAAA,OAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,2CAAME,KAAM,WAEbJ,EAAA,OAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,2CAAME,KAAM,UAGdJ,EAAA,OAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
1
+ {"version":3,"names":["styleCss","SmoothlyTableRowGroup","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","align","open","clickHandler","selection","_a","window","getSelection","toString","trim","_b","length","smoothlyTableRowGroupChange","emit","render","h","Host","key","onClick","name"],"sources":["src/components/table/group/style.scss?tag=smoothly-table-row-group&encapsulation=scoped","src/components/table/group/index.tsx"],"sourcesContent":["@use \"../expandable/arrow.scss\";\n\n:host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tmargin-top: 1px;\n}\n\n:host > div:first-child {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tposition: relative;\n\tcursor: pointer;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\tbackground-color: rgb(var(--smoothly-default-tint));\n\tborder-bottom: 1px solid rgb(var(--smoothly-default-shade));\n\t@include arrow.arrow;\n}\n\n:host > div:first-child:hover {\n\t@include arrow.arrow-hover;\n\tcolor: rgb(var(--smoothly-table-hover-foreground));\n\tbackground-color: rgb(var(--smoothly-table-hover-background));\n}\n\n:host[open] > div:first-child {\n\t@include arrow.arrow-open;\n}\n\n:host > div:last-child {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n}\n\n:host[align] > div:first-child {\n\tgrid-template-columns: subgrid;\n}\n\n:host[align] > div:first-child > div {\n\tdisplay: contents;\n}\n\n:host[align] > div:first-child > div > * {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n}\n\n:host:not([align]) > div:first-child {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\talign-items: center;\n\tgrid-template-columns: repeat(2, auto);\n\tjustify-content: space-between;\n}\n\n:host:not([align]) > div:first-child > div:first-child {\n\tjustify-self: start;\n\tdisplay: flex;\n\tgap: 1rem;\n}\n\n:host:not([align]) > div:first-child > div:last-child {\n\tjustify-self: end;\n\tdisplay: flex;\n\tgap: 1rem;\n}\n\n:host:not([open]) {\n\tgrid-template-rows: auto 0fr;\n}\n\n:host:not([open]) > div:last-child {\n\tgrid-row: 2;\n\toverflow: hidden;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-row-group\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableRowGroup {\n\t@Prop({ reflect: true }) align = false\n\t@Prop({ reflect: true, mutable: true }) open = false\n\t@Event() smoothlyTableRowGroupChange: EventEmitter<boolean>\n\n\tclickHandler(): void {\n\t\tconst selection = window.getSelection()?.toString().trim()\n\t\tif ((selection?.length ?? 0) == 0) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.smoothlyTableRowGroupChange.emit(this.open)\n\t\t}\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div onClick={() => this.clickHandler()}>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<slot name={\"start\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uEAAA,MAAMA,EAAW,IAAM,4wF,MCOVC,EAAqBC,EAAA,MAAAD,UAAAE,EALlC,WAAAC,CAAAC,G,mHAM0BC,KAAAC,MAAQ,MACOD,KAAAE,KAAO,KA4B/C,CAzBA,YAAAC,G,QACC,MAAMC,GAAYC,EAAAC,OAAOC,kBAAc,MAAAF,SAAA,SAAAA,EAAEG,WAAWC,OACpD,KAAKC,EAAAN,IAAS,MAATA,SAAS,SAATA,EAAWO,UAAM,MAAAD,SAAA,EAAAA,EAAI,IAAM,EAAG,CAClCV,KAAKE,MAAQF,KAAKE,KAClBF,KAAKY,4BAA4BC,KAAKb,KAAKE,K,EAI7C,MAAAY,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,OAAAE,IAAA,2CAAKC,QAAS,IAAMlB,KAAKG,gBACxBY,EAAA,OAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,2CAAME,KAAM,WAEbJ,EAAA,OAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,2CAAME,KAAM,UAGdJ,EAAA,OAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{p as t,H as o,c as s,h as e,d as a,t as n}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{E as l}from"./p-DFXJvHuL.js";import{I as h}from"./p-DgaHxdNI.js";import{d as r}from"./p-rfh5VPMG.js";import{d}from"./p-B8ljN4o0.js";import{d as c}from"./p-BiQsRsV4.js";import{d as m}from"./p-Bl9o-Dl8.js";import{d as u}from"./p-kD9ZndMg.js";import{d as p}from"./p-BS2SWUX6.js";const y=()=>`.sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-range-h,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.floating-label.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-text.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h [slot=start].sc-smoothly-input-date-range{align-self:center}.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{left:var(--input-padding-side)}.sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{white-space:pre}.sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side);display:none}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-placeholder.sc-smoothly-input-date-range{display:block;opacity:0.5}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-separator.sc-smoothly-input-date-range{visibility:hidden}.sc-smoothly-input-date-range-h smoothly-date-text.start-date-text.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side) 0}.sc-smoothly-input-date-range-h smoothly-date-text.end-date-text.sc-smoothly-input-date-range{margin-inline:0 var(--input-padding-side)}[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h smoothly-date-text.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-placeholder.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:auto}.sc-smoothly-input-date-range-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range::before{content:"";position:absolute;top:-0.55rem;left:3rem;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-range-h>.smoothly-date-range-input-part.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>span.smoothly-icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:flex}`;const g=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.name="dateRange";this.readonly=false;this.showLabel=true;this.alwaysShowGuide=false;this.invalid=false;this.isDifferentFromInitial=false;this.hasFocus=false;this.observer=l.Observer.create(this);this.startHasText=false;this.endHasText=false}async 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.smoothlyInput.emit({[this.name]:await this.getValue()});!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}startChanged(t,o){this.updateValue(o,this.end)}endChanged(t,o){this.updateValue(this.start,o)}async updateValue(t,o){var s,e;if(t!=this.start||o!=this.end){this.isDifferentFromInitial=this.initialStart!=this.start||this.initialEnd!=this.end;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}if(!this.hasFocus){(s=this.startTextElement)===null||s===void 0?void 0:s.setValue(this.start);(e=this.endTextElement)===null||e===void 0?void 0:e.setValue(this.end)}}watchingReadonly(){this.observer.publish()}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}onClick(t){var o,s;const e=!!this.startTextElement&&t.composedPath().includes(this.startTextElement);const a=!!this.endTextElement&&t.composedPath().includes(this.endTextElement);const n=e||a;if(!n&&!this.readonly&&!this.disabled){this.start&&!this.end?(o=this.endTextElement)===null||o===void 0?void 0:o.select():(s=this.startTextElement)===null||s===void 0?void 0:s.select()}if(!this.readonly&&!this.disabled){this.open=!this.open||n}}async onSmoothlyDateTextChange(t,o){var s,e,a;t.stopPropagation();const n=(s=t.detail)!==null&&s!==void 0?s:undefined;const l=o=="start"?n:this.start;const h=o=="end"?n:this.end;if(i.Date.is(l)&&i.Date.is(h)&&l>h){this.start=h;this.end=l;(e=this.startTextElement)===null||e===void 0?void 0:e.setValue(this.start);(a=this.endTextElement)===null||a===void 0?void 0:a.setValue(this.end);this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}else if(this[o]!=n){this[o]=n;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.start||this.end?{start:this.start,end:this.end}:undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.start=this.initialStart;this.end=this.initialEnd}async setInitialValue(){this.initialStart=this.start;this.initialEnd=this.end;this.isDifferentFromInitial=false}async clear(){this.start=undefined;this.end=undefined;this.smoothlyInput.emit({[this.name]:undefined})}render(){return e(a,{key:"d51c1a9eb67ac79c9f2197a1e33226a9b2548967",tabindex:this.disabled?undefined:0,class:{"has-value":!!(this.start||this.end),"has-text":!!(this.startHasText||this.endHasText),"floating-label":this.alwaysShowGuide}},e("span",{key:"e401f255c513c13acb60b56c3c5a5f4a0379e8b5",class:"smoothly-date-range-input-part",onClick:t=>this.onClick(t)},e("slot",{key:"5ecf9d540aebf83d21b58713d509a64755b1bdf7",name:"start"}),e("label",{key:"04fe956539cc96ad23058cf629785d0a39345652",class:"label float-on-focus"},e("slot",{key:"852ab71bfc5c592ecdfa6eeba18e2a49ae3db91b"})),this.placeholder&&e("span",{key:"1805d99e668be475cc77a724cd6da0b9f27bdc65",class:"smoothly-date-range-placeholder"},this.placeholder),e("smoothly-date-text",{key:"65e91796cba51d73162c032ec14d002be778ac11",ref:t=>this.startTextElement=t,class:"start-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.startHasText=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.onSmoothlyDateTextChange(t,"start")),onSmoothlyDateTextNext:t=>{var o;return t.stopPropagation(),(o=this.endTextElement)===null||o===void 0?void 0:o.select()},onSmoothlyDateTextDone:t=>{var o,s;return t.stopPropagation(),this.end?((o=this.startTextElement)===null||o===void 0?void 0:o.deselect(),this.open=false):(s=this.endTextElement)===null||s===void 0?void 0:s.select()},value:this.start,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel}),e("span",{key:"3808540c3549d2c2806877f19e59a1d1a73e2cde",class:"smoothly-date-range-separator"}," – "),e("smoothly-date-text",{key:"9a880b0c1d61415c832b33dd52374da6e73206bf",ref:t=>this.endTextElement=t,class:"end-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.endHasText=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.onSmoothlyDateTextChange(t,"end")),onSmoothlyDateTextPrevious:t=>{var o;return t.stopPropagation(),(o=this.startTextElement)===null||o===void 0?void 0:o.select("end")},onSmoothlyDateTextNext:t=>t.stopPropagation(),onSmoothlyDateTextDone:t=>{var o;return t.stopPropagation(),(o=this.endTextElement)===null||o===void 0?void 0:o.deselect(),this.open=false},value:this.end,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel})),e("span",{key:"905c40c0e4493dcbf7f19b2b45dad7d3117d5c5e",class:"smoothly-icons"},e("smoothly-icon",{key:"cb3e61522d812b6756aa65873740753399cb9256",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),e("slot",{key:"b2d0ed8714484497ba6c69e3b6617db20c720819",name:"end"})),this.open&&e("smoothly-calendar",{key:"4b62dde1ca06fca127562712a14a287861ca31f9",ref:t=>this.calendarElement=t,doubleInput:true,onSmoothlyDateSet:t=>t.stopPropagation(),onSmoothlyDateRangeSet:t=>{t.stopPropagation();this.open=false;this.start=t.detail.start;this.end=t.detail.end;this.smoothlyInput.emit({[this.name]:t.detail});this.smoothlyUserInput.emit({name:this.name,value:t.detail})},value:this.start,start:this.start,end:this.end,max:this.max,min:this.min}))}get element(){return this}static get watchers(){return{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}}static get style(){return y()}},[262,"smoothly-input-date-range",{locale:[513],name:[513],color:[1537],looks:[1537],readonly:[1540],disabled:[516],showLabel:[516,"show-label"],start:[1025],end:[1025],placeholder:[513],alwaysShowGuide:[516,"always-show-guide"],invalid:[516],errorMessage:[513,"error-message"],max:[1],min:[1],open:[32],startHasText:[32],endHasText:[32],register:[64],unregister:[64],getValue:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64],clear:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[8,"click","onWindowClick"]],{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-range","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-range":if(!customElements.get(n(t))){customElements.define(n(t),g)}break;case"smoothly-calendar":if(!customElements.get(n(t))){r()}break;case"smoothly-date-text":if(!customElements.get(n(t))){d()}break;case"smoothly-icon":if(!customElements.get(n(t))){c()}break;case"smoothly-input-month":if(!customElements.get(n(t))){m()}break;case"smoothly-input-select":if(!customElements.get(n(t))){u()}break;case"smoothly-item":if(!customElements.get(n(t))){p()}break}}))}b();export{g as S,b as d};
2
- //# sourceMappingURL=p-NG2uN2mW.js.map
1
+ import{p as t,H as o,c as s,h as e,d as a,t as n}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{E as l}from"./p-DFXJvHuL.js";import{I as h}from"./p-DgaHxdNI.js";import{d as r}from"./p-BqAN7jax.js";import{d}from"./p-B8ljN4o0.js";import{d as c}from"./p-BiQsRsV4.js";import{d as m}from"./p-DTqtObrT.js";import{d as u}from"./p-RNCr3p17.js";import{d as p}from"./p-BS2SWUX6.js";const y=()=>`.sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-range-h,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.floating-label.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-text.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h [slot=start].sc-smoothly-input-date-range{align-self:center}.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{left:var(--input-padding-side)}.sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{white-space:pre}.sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side);display:none}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-placeholder.sc-smoothly-input-date-range{display:block;opacity:0.5}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-separator.sc-smoothly-input-date-range{visibility:hidden}.sc-smoothly-input-date-range-h smoothly-date-text.start-date-text.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side) 0}.sc-smoothly-input-date-range-h smoothly-date-text.end-date-text.sc-smoothly-input-date-range{margin-inline:0 var(--input-padding-side)}[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h smoothly-date-text.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-placeholder.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:auto}.sc-smoothly-input-date-range-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range::before{content:"";position:absolute;top:-0.55rem;left:3rem;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-range-h>.smoothly-date-range-input-part.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>span.smoothly-icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:flex}`;const g=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.name="dateRange";this.readonly=false;this.showLabel=true;this.alwaysShowGuide=false;this.invalid=false;this.isDifferentFromInitial=false;this.hasFocus=false;this.observer=l.Observer.create(this);this.startHasText=false;this.endHasText=false}async 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.smoothlyInput.emit({[this.name]:await this.getValue()});!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}startChanged(t,o){this.updateValue(o,this.end)}endChanged(t,o){this.updateValue(this.start,o)}async updateValue(t,o){var s,e;if(t!=this.start||o!=this.end){this.isDifferentFromInitial=this.initialStart!=this.start||this.initialEnd!=this.end;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}if(!this.hasFocus){(s=this.startTextElement)===null||s===void 0?void 0:s.setValue(this.start);(e=this.endTextElement)===null||e===void 0?void 0:e.setValue(this.end)}}watchingReadonly(){this.observer.publish()}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}onClick(t){var o,s;const e=!!this.startTextElement&&t.composedPath().includes(this.startTextElement);const a=!!this.endTextElement&&t.composedPath().includes(this.endTextElement);const n=e||a;if(!n&&!this.readonly&&!this.disabled){this.start&&!this.end?(o=this.endTextElement)===null||o===void 0?void 0:o.select():(s=this.startTextElement)===null||s===void 0?void 0:s.select()}if(!this.readonly&&!this.disabled){this.open=!this.open||n}}async onSmoothlyDateTextChange(t,o){var s,e,a;t.stopPropagation();const n=(s=t.detail)!==null&&s!==void 0?s:undefined;const l=o=="start"?n:this.start;const h=o=="end"?n:this.end;if(i.Date.is(l)&&i.Date.is(h)&&l>h){this.start=h;this.end=l;(e=this.startTextElement)===null||e===void 0?void 0:e.setValue(this.start);(a=this.endTextElement)===null||a===void 0?void 0:a.setValue(this.end);this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}else if(this[o]!=n){this[o]=n;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.start||this.end?{start:this.start,end:this.end}:undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.start=this.initialStart;this.end=this.initialEnd}async setInitialValue(){this.initialStart=this.start;this.initialEnd=this.end;this.isDifferentFromInitial=false}async clear(){this.start=undefined;this.end=undefined;this.smoothlyInput.emit({[this.name]:undefined})}render(){return e(a,{key:"d51c1a9eb67ac79c9f2197a1e33226a9b2548967",tabindex:this.disabled?undefined:0,class:{"has-value":!!(this.start||this.end),"has-text":!!(this.startHasText||this.endHasText),"floating-label":this.alwaysShowGuide}},e("span",{key:"e401f255c513c13acb60b56c3c5a5f4a0379e8b5",class:"smoothly-date-range-input-part",onClick:t=>this.onClick(t)},e("slot",{key:"5ecf9d540aebf83d21b58713d509a64755b1bdf7",name:"start"}),e("label",{key:"04fe956539cc96ad23058cf629785d0a39345652",class:"label float-on-focus"},e("slot",{key:"852ab71bfc5c592ecdfa6eeba18e2a49ae3db91b"})),this.placeholder&&e("span",{key:"1805d99e668be475cc77a724cd6da0b9f27bdc65",class:"smoothly-date-range-placeholder"},this.placeholder),e("smoothly-date-text",{key:"65e91796cba51d73162c032ec14d002be778ac11",ref:t=>this.startTextElement=t,class:"start-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.startHasText=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.onSmoothlyDateTextChange(t,"start")),onSmoothlyDateTextNext:t=>{var o;return t.stopPropagation(),(o=this.endTextElement)===null||o===void 0?void 0:o.select()},onSmoothlyDateTextDone:t=>{var o,s;return t.stopPropagation(),this.end?((o=this.startTextElement)===null||o===void 0?void 0:o.deselect(),this.open=false):(s=this.endTextElement)===null||s===void 0?void 0:s.select()},value:this.start,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel}),e("span",{key:"3808540c3549d2c2806877f19e59a1d1a73e2cde",class:"smoothly-date-range-separator"}," – "),e("smoothly-date-text",{key:"9a880b0c1d61415c832b33dd52374da6e73206bf",ref:t=>this.endTextElement=t,class:"end-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.endHasText=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.onSmoothlyDateTextChange(t,"end")),onSmoothlyDateTextPrevious:t=>{var o;return t.stopPropagation(),(o=this.startTextElement)===null||o===void 0?void 0:o.select("end")},onSmoothlyDateTextNext:t=>t.stopPropagation(),onSmoothlyDateTextDone:t=>{var o;return t.stopPropagation(),(o=this.endTextElement)===null||o===void 0?void 0:o.deselect(),this.open=false},value:this.end,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel})),e("span",{key:"905c40c0e4493dcbf7f19b2b45dad7d3117d5c5e",class:"smoothly-icons"},e("smoothly-icon",{key:"cb3e61522d812b6756aa65873740753399cb9256",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),e("slot",{key:"b2d0ed8714484497ba6c69e3b6617db20c720819",name:"end"})),this.open&&e("smoothly-calendar",{key:"4b62dde1ca06fca127562712a14a287861ca31f9",ref:t=>this.calendarElement=t,doubleInput:true,onSmoothlyDateSet:t=>t.stopPropagation(),onSmoothlyDateRangeSet:t=>{t.stopPropagation();this.open=false;this.start=t.detail.start;this.end=t.detail.end;this.smoothlyInput.emit({[this.name]:t.detail});this.smoothlyUserInput.emit({name:this.name,value:t.detail})},value:this.start,start:this.start,end:this.end,max:this.max,min:this.min}))}get element(){return this}static get watchers(){return{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}}static get style(){return y()}},[262,"smoothly-input-date-range",{locale:[513],name:[513],color:[1537],looks:[1537],readonly:[1540],disabled:[516],showLabel:[516,"show-label"],start:[1025],end:[1025],placeholder:[513],alwaysShowGuide:[516,"always-show-guide"],invalid:[516],errorMessage:[513,"error-message"],max:[1],min:[1],open:[32],startHasText:[32],endHasText:[32],register:[64],unregister:[64],getValue:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64],clear:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[8,"click","onWindowClick"]],{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-range","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-range":if(!customElements.get(n(t))){customElements.define(n(t),g)}break;case"smoothly-calendar":if(!customElements.get(n(t))){r()}break;case"smoothly-date-text":if(!customElements.get(n(t))){d()}break;case"smoothly-icon":if(!customElements.get(n(t))){c()}break;case"smoothly-input-month":if(!customElements.get(n(t))){m()}break;case"smoothly-input-select":if(!customElements.get(n(t))){u()}break;case"smoothly-item":if(!customElements.get(n(t))){p()}break}}))}b();export{g as S,b as d};
2
+ //# sourceMappingURL=p-DKggy9E3.js.map