smoothly 1.111.0 → 1.112.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/smoothly-app_98.cjs.entry.js +30 -14
- package/dist/cjs/smoothly-app_98.cjs.entry.js.map +1 -1
- package/dist/collection/components/input/clear/index.js +11 -7
- package/dist/collection/components/input/clear/index.js.map +1 -1
- package/dist/collection/components/input/reset/index.js +12 -8
- package/dist/collection/components/input/reset/index.js.map +1 -1
- package/dist/collection/components/input/submit/index.js +13 -7
- package/dist/collection/components/input/submit/index.js.map +1 -1
- package/dist/components/{p-CKxNCxBn.js → p-BGKOGyFA.js} +2 -2
- package/dist/components/{p-fJkfUsWz.js → p-BRkEF66h.js} +2 -2
- package/dist/components/{p-CrNizZqW.js → p-BX6yRNGo.js} +2 -2
- package/dist/components/{p-DZadnBSZ.js → p-BaBGzDg_.js} +2 -2
- package/dist/components/p-BaBGzDg_.js.map +1 -0
- package/dist/components/{p-p0yn7c4h.js → p-BiwhssQ8.js} +2 -2
- package/dist/components/{p-C8cvGmGP.js → p-Bj9DsW03.js} +2 -2
- package/dist/components/{p-DR3KUEvE.js → p-Bp9BMsim.js} +2 -2
- package/dist/components/{p-DBkHnJdp.js → p-Bs8X_nDB.js} +2 -2
- package/dist/components/{p-fafhoJgv.js → p-C3__jhwf.js} +2 -2
- package/dist/components/{p-DqwlZYFh.js → p-CKrPTQ_S.js} +2 -2
- package/dist/components/p-CKrPTQ_S.js.map +1 -0
- package/dist/components/{p-BgXgncGY.js → p-CZ6kkjYF.js} +2 -2
- package/dist/components/{p-DgHAvBgB.js → p-CqSJ0pgl.js} +2 -2
- package/dist/components/{p-C629G4I1.js → p-CqyInbXs.js} +2 -2
- package/dist/components/{p-CyhRVB6K.js → p-CrxXCTnH.js} +2 -2
- package/dist/components/{p-DA_1vtmU.js → p-CtN3gqjJ.js} +2 -2
- package/dist/components/{p-CVp4Wd4u.js → p-D7cDUGTe.js} +2 -2
- package/dist/components/p-D7cDUGTe.js.map +1 -0
- package/dist/components/{p-CiJgTdse.js → p-DVuQ4t_X.js} +2 -2
- package/dist/components/{p-CdYYtJX2.js → p-DbIjGsJb.js} +2 -2
- package/dist/components/{p-HKrMuYSD.js → p-Dx5PGIAk.js} +2 -2
- package/dist/components/{p-DlHIV5_u.js → p-Mk_F6MCP.js} +2 -2
- package/dist/components/{p-C5Bgwjpo.js → p-jatJrx5f.js} +2 -2
- package/dist/components/p-t3cG0BK6.js +2 -0
- package/dist/components/{p-D1cLYdzg.js.map → p-t3cG0BK6.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +1 -1
- package/dist/components/smoothly-button-demo-standard.js +1 -1
- package/dist/components/smoothly-button-demo.js +1 -1
- package/dist/components/smoothly-form-demo-all.js +1 -1
- package/dist/components/smoothly-form-demo-card.js +1 -1
- package/dist/components/smoothly-form-demo-controlled.js +1 -1
- package/dist/components/smoothly-form-demo-date-range.js +1 -1
- package/dist/components/smoothly-form-demo-date.js +1 -1
- package/dist/components/smoothly-form-demo-login.js +1 -1
- package/dist/components/smoothly-form-demo-pet.js +1 -1
- package/dist/components/smoothly-form-demo-prices.js +1 -1
- package/dist/components/smoothly-form-demo-schedule.js +1 -1
- package/dist/components/smoothly-form-demo-transparent.js +1 -1
- package/dist/components/smoothly-form-demo-typed.js +1 -1
- package/dist/components/smoothly-form-demo.js +1 -1
- package/dist/components/smoothly-icon-demo.js +1 -1
- package/dist/components/smoothly-input-checkbox-demo.js +1 -1
- package/dist/components/smoothly-input-clear.js +1 -1
- package/dist/components/smoothly-input-date-demo.js +1 -1
- package/dist/components/smoothly-input-demo-standard.js +1 -1
- package/dist/components/smoothly-input-demo.js +1 -1
- package/dist/components/smoothly-input-range-demo.js +1 -1
- package/dist/components/smoothly-input-reset.js +1 -1
- package/dist/components/smoothly-input-submit.js +1 -1
- package/dist/esm/smoothly-app_98.entry.js +30 -14
- package/dist/esm/smoothly-app_98.entry.js.map +1 -1
- package/dist/smoothly/p-23badc13.entry.js +2 -0
- package/dist/smoothly/p-23badc13.entry.js.map +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/input/clear/index.d.ts +1 -1
- package/dist/types/components/input/reset/index.d.ts +1 -1
- package/dist/types/components.d.ts +2 -14
- package/package.json +1 -1
- package/dist/components/p-CVp4Wd4u.js.map +0 -1
- package/dist/components/p-D1cLYdzg.js +0 -2
- package/dist/components/p-DZadnBSZ.js.map +0 -1
- package/dist/components/p-DqwlZYFh.js.map +0 -1
- package/dist/smoothly/p-0a7de225.entry.js +0 -2
- package/dist/smoothly/p-0a7de225.entry.js.map +0 -1
- /package/dist/components/{p-CKxNCxBn.js.map → p-BGKOGyFA.js.map} +0 -0
- /package/dist/components/{p-fJkfUsWz.js.map → p-BRkEF66h.js.map} +0 -0
- /package/dist/components/{p-CrNizZqW.js.map → p-BX6yRNGo.js.map} +0 -0
- /package/dist/components/{p-p0yn7c4h.js.map → p-BiwhssQ8.js.map} +0 -0
- /package/dist/components/{p-C8cvGmGP.js.map → p-Bj9DsW03.js.map} +0 -0
- /package/dist/components/{p-DR3KUEvE.js.map → p-Bp9BMsim.js.map} +0 -0
- /package/dist/components/{p-DBkHnJdp.js.map → p-Bs8X_nDB.js.map} +0 -0
- /package/dist/components/{p-fafhoJgv.js.map → p-C3__jhwf.js.map} +0 -0
- /package/dist/components/{p-BgXgncGY.js.map → p-CZ6kkjYF.js.map} +0 -0
- /package/dist/components/{p-DgHAvBgB.js.map → p-CqSJ0pgl.js.map} +0 -0
- /package/dist/components/{p-C629G4I1.js.map → p-CqyInbXs.js.map} +0 -0
- /package/dist/components/{p-CyhRVB6K.js.map → p-CrxXCTnH.js.map} +0 -0
- /package/dist/components/{p-DA_1vtmU.js.map → p-CtN3gqjJ.js.map} +0 -0
- /package/dist/components/{p-CiJgTdse.js.map → p-DVuQ4t_X.js.map} +0 -0
- /package/dist/components/{p-CdYYtJX2.js.map → p-DbIjGsJb.js.map} +0 -0
- /package/dist/components/{p-HKrMuYSD.js.map → p-Dx5PGIAk.js.map} +0 -0
- /package/dist/components/{p-DlHIV5_u.js.map → p-Mk_F6MCP.js.map} +0 -0
- /package/dist/components/{p-C5Bgwjpo.js.map → p-jatJrx5f.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as o,h as a,d as t,t as c}from"./p-BsZrGTcp.js";import{d as l}from"./p-BoHJT9bR.js";import{d as s}from"./p-BHEtq3Ue.js";import{d}from"./p-DX3KKRD9.js";import{d as f}from"./p-DA_1vtmU.js";import{d as i}from"./p-DgaHxdNI.js";import{d as n}from"./p-BiQsRsV4.js";import{d as b}from"./p-R4uIvvER.js";import{d as m}from"./p-C_f8s6n5.js";import{d as r}from"./p-DZadnBSZ.js";import{d as y}from"./p-BDhPxj59.js";import{d as h}from"./p-DXHBXAV0.js";import{d as k}from"./p-RNCr3p17.js";import{d as u}from"./p-BS2SWUX6.js";import{d as p}from"./p-CsLlJDsh.js";import{d as g}from"./p-DMzn0Iz0.js";import{d as z}from"./p-CdgiqBtD.js";const E=()=>`smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}`;const C=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return a(t,{key:"533286a87d0525479bd2ee9e28e3b4f0a96d4028"},a("section",{key:"83c431cb9866c7e9ed66d000c45db12cba32a5c1"},a("smoothly-button-demo-standard",{key:"9be3c679df5dae790c20267466f0e59e7129e590"})),a("section",{key:"63c5a3497203d471629c514b4ad65062a65803e4"},a("h4",{key:"4aea5b53872940382d8955d747731846e293bb80"},"Confirm button (two clicks)"),a("div",{key:"0d06137cb8e7e2f0d27c7c9bcee216f6a582ff33"},a("smoothly-button-confirm",{key:"d10630d444951f251fd00100cbef18074e7d206b",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),a("smoothly-button-confirm",{key:"c2b0cd87fe14786eaa690e51dd91ace6443aa3c4",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},a("smoothly-icon",{key:"fa26113fbfdaea0ee2c0b4723084a69b54d7804b",name:"checkmark-outline",size:"tiny"})),a("smoothly-button-confirm",{key:"cbceb8ffdeffeb6231bb4775a12aeca6599e7eb5",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},a("smoothly-icon",{key:"5bbbaeccd43ee1b930a73a2fa676345835f9646a",name:"trash-outline",size:"tiny",fill:"outline"}))),a("smoothly-toggle-switch-demo",{key:"1bd1095e2c679a2526d31987873334f51d175e85"}),a("h4",{key:"6d22aa735b0d7f16093b216086441d0d722a6421"},"Links with icons"),a("smoothly-button",{key:"7a9cf02c47b1ac104935336f57c07d9eacd865eb",type:"link"},a("smoothly-icon",{key:"fe0f7094ce66691d5e10ee2f5f6d65782a37a380",name:"checkmark-circle",slot:"start"}),"type link"),a("smoothly-button",{key:"723452282f7551547060378c9057d40e4f729be7",type:"button",color:"warning",fill:"default"},a("smoothly-icon",{key:"2da735678c8066ac9ca1a0c8fc42be6f71968997",name:"call",slot:"start"}),a("a",{key:"dd1747fde83a34074dd35a505a7305bb608fcf3a",href:"https://google.com"},"link")),a("smoothly-button",{key:"d9aa99e8d2dfecc0766e4322051a142028f1d749",link:"https://google.com",type:"link"},a("smoothly-icon",{key:"6e64f4b3686c18f23b2215a41c53f87785835d1f",name:"arrow-forward",slot:"end"}),"link + type link"),a("h4",{key:"da1b853513b11781bcd032cf4d7e5f771baa2ed9"},"Size and Color test"),a("smoothly-button",{key:"8eb4c40f66e75ab99c197ba42c8a4e3f192dd9a5",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),a("smoothly-button",{key:"60c02db208c08a07c50c56ccb228eb333f67a59c",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),a("smoothly-button",{key:"8d6d6a13382b24bc44fa2153dcdeae8212169a97",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),a("smoothly-button",{key:"1c4cce72723efcde85b1308535263324e4b49041",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),a("smoothly-button",{key:"256c0622be653968e784e8a2a598b88a51dc80f7",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),a("smoothly-button",{key:"d381847e99dca57bd315a6b7438b3e1e55172cc2",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),a("smoothly-button",{key:"6ff5845f5a0d82d9c99817696e9be364d9da950a",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),a("smoothly-button",{key:"e14f96677b4aed688dc8f0ea0b596c6b585f15b0",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),a("smoothly-button",{key:"4cac9d4923a21476b5f6dc4de0430153477200fa",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),a("h4",{key:"b1a485089eea221cab4a23be46a83c3c2e9c2929"},"Expand examples"),a("smoothly-button",{key:"71aa9bd0791d0e326d9d0721fb2f8eb0d2875164",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),a("smoothly-button",{key:"b316c727f5f529a63649558012ee790cb1e53750",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),a("h4",{key:"2afe5f6a00cbc405f8b7901f5e118d03adcd243e"},"Fill examples"),a("div",{key:"8aad1d8d07c40c2ada40a18ebcbc7c89d8652eef"},a("smoothly-button",{key:"63b8df9f6a45f6ff81168f9c3ad43344acc0c4ab",shape:"rounded",color:"primary",fill:"solid"},a("smoothly-icon",{key:"33d1f688aa67a1db212a9b7aa7147de4f8279ae6",name:"checkmark-circle",slot:"start"}),"Fill Solid"),a("smoothly-button",{key:"cda371d608f548bfceb958fedb0a7eb22cdc5c83",shape:"rounded",color:"secondary",fill:"outline"},a("smoothly-icon",{key:"39824d2393567df80731477784e31bad5b019f90",name:"checkmark-circle",slot:"start"}),"Fill Outline"),a("smoothly-button",{key:"d429cf372e423e882717f0867adb31ffd5d45dc6",shape:"rounded",color:"tertiary",fill:"clear"},a("smoothly-icon",{key:"e8473ef999c9f3bb56da4f58b51f593e7ebc4a1b",name:"checkmark-circle",slot:"start"}),"Fill Clear"),a("smoothly-button",{key:"e26709d399f9747d657a805ce69f997127dd46e3",size:"icon",shape:"rounded",color:"success",fill:"solid"},a("smoothly-icon",{key:"99abc1c65692daf112f2d2b1660918951ae60559",name:"basketball"}))),a("h4",{key:"99be735e4b2c91170daf2e3f0d5779a69d7ef08f"},'Buttons with Icon in "start"'),a("div",{key:"af0724fe2f9605a199d1b392d0307a948bc02b0c"},a("smoothly-button",{key:"38a7a2af64996af6adc7514d8ee407eaf2c7878b",shape:"rounded",fill:"solid",color:"warning"},a("smoothly-icon",{key:"951d2c413089f67b6ebe3c6d9f566ad5267cf4ae",name:"checkmark-circle",slot:"start"}),"Check"),a("smoothly-button",{key:"6ee1bc2af768f123a12e294016cc917aa4bd1c0e",shape:"rounded",fill:"solid",color:"secondary"},a("smoothly-icon",{key:"9d0e80208a6e68f919cc7276073232a368cb111a",name:"basketball",slot:"start"}),"Check"),a("smoothly-button",{key:"e5366d8f3ed7a2cf41cece51570301f145c67e19",shape:"rounded",fill:"solid",color:"success"},a("smoothly-icon",{key:"a0ad0a9620d853fda8d7e594031c04a0ec689445",name:"call",slot:"start"}),"Check"),a("smoothly-button",{key:"c94e929cfe5f738f2a3235f43a1f4da5e0c9fc36",size:"icon",fill:"solid",shape:"rounded",color:"success"},a("smoothly-icon",{key:"71a2f51f71668101315aa8533b5bfcf366d7fc5a",name:"call"})),a("smoothly-button",{key:"f33069cba505b599106e46dd64b9c8d5d7af72b1",size:"flexible",fill:"solid",color:"success"},a("smoothly-icon",{key:"23f5cfce66c47cfe7a7bc61270d366dc1a4b1df2",name:"airplane"}))),a("h4",{key:"0e1d80f018cb083f747dca33ac1579623130e4b4"},'Buttons with Icon in "end"'),a("smoothly-button",{key:"a6fb030807e47ece0af3e864fd1021dd073bb694",fill:"solid",color:"light"},"Go Forward",a("smoothly-icon",{key:"257becef67d6cc074ae9ea15c4aa7f4310b6512e",name:"arrow-forward",slot:"end"})),a("h4",{key:"dae9d6d89805ba3dbe25d10b078150475f097f97"},"Test for icon button"),a("div",{key:"430c1bc4c47a98cf456a84a2d5ab2668777f01cd"},a("smoothly-button",{key:"3c58c97ef2193b38eab09a4e533dba5b4f20a4e4",size:"icon",fill:"solid",shape:"rounded",color:"success"},a("smoothly-icon",{key:"59426dc2bd35c313d6619b44f13d517aa7c034ce",name:"call"})),a("smoothly-button",{key:"0fb117873692f75b51c92e333d3f835cd5fbe74f",size:"icon",shape:"rounded",color:"warning",fill:"solid"},a("smoothly-icon",{key:"7162fcc07788dd9829abafb5b7f38e786b86c298",name:"search-outline"})),a("smoothly-button",{key:"f46d225a20b28efeafcb952544ff5600988ada74",size:"icon",shape:"rounded",color:"secondary"},a("smoothly-icon",{key:"787a26836d6788196c5f3761f66c680704df9817",name:"checkmark-circle"}))),a("h4",{key:"2d8596d90b04536a298e7375e2a4ad3b0c463fbc"},"Link examples"),a("div",{key:"5af7537287d37938616bc0478f7cc63e757720e5"},a("smoothly-button",{key:"b6faae4aa4fd72b87c7181ec146dfda0cfa7a248",type:"link"},"type link"),a("smoothly-button",{key:"4d56453b6a595c09cb70cd8708392effda6f9279",type:"button",fill:"clear"},a("a",{key:"607e553ae06c24cb513fe90ecca476295b719283",href:"https://google.com"},"link")),a("smoothly-button",{key:"9a397311efd0a89849a6c8016fce61bf0639cea0",link:"https://google.com",type:"link"},"link + type link")),a("h4",{key:"466df22b0f9265755db176b4947f39cb3892d331"},"Disabled buttons"),a("div",{key:"b146d15d620300b8da5e134618a1b3f904024f61"},a("smoothly-button",{key:"637ee09aedbde2ff0342d469b50bd181a632308c",disabled:true,fill:"solid",color:"secondary"},"Disabled"),a("smoothly-button",{key:"0bdca6978fd1908f3c529668bfe3c128987522a5",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),a("smoothly-back-to-top",{key:"f217299a63164d3d4bcbda3d9ab1b4da44a8f99f"}))}static get style(){return E()}},[0,"smoothly-button-demo"]);function w(){if(typeof customElements==="undefined"){return}const e=["smoothly-button-demo","smoothly-back-to-top","smoothly-button","smoothly-button-confirm","smoothly-button-demo-standard","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch","smoothly-toggle-switch-demo"];e.forEach((e=>{switch(e){case"smoothly-button-demo":if(!customElements.get(c(e))){customElements.define(c(e),C)}break;case"smoothly-back-to-top":if(!customElements.get(c(e))){l()}break;case"smoothly-button":if(!customElements.get(c(e))){s()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(c(e))){f()}break;case"smoothly-form":if(!customElements.get(c(e))){i()}break;case"smoothly-icon":if(!customElements.get(c(e))){n()}break;case"smoothly-input":if(!customElements.get(c(e))){b()}break;case"smoothly-input-checkbox":if(!customElements.get(c(e))){m()}break;case"smoothly-input-clear":if(!customElements.get(c(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){y()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){h()}break;case"smoothly-input-select":if(!customElements.get(c(e))){k()}break;case"smoothly-item":if(!customElements.get(c(e))){u()}break;case"smoothly-spinner":if(!customElements.get(c(e))){p()}break;case"smoothly-toggle-switch":if(!customElements.get(c(e))){g()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(c(e))){z()}break}}))}w();export{C as S,w as d};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as o,h as a,d as t,t as c}from"./p-BsZrGTcp.js";import{d as l}from"./p-BoHJT9bR.js";import{d as s}from"./p-BHEtq3Ue.js";import{d}from"./p-DX3KKRD9.js";import{d as f}from"./p-CtN3gqjJ.js";import{d as i}from"./p-DgaHxdNI.js";import{d as n}from"./p-BiQsRsV4.js";import{d as b}from"./p-R4uIvvER.js";import{d as m}from"./p-C_f8s6n5.js";import{d as r}from"./p-BaBGzDg_.js";import{d as y}from"./p-BDhPxj59.js";import{d as h}from"./p-DXHBXAV0.js";import{d as k}from"./p-RNCr3p17.js";import{d as u}from"./p-BS2SWUX6.js";import{d as p}from"./p-CsLlJDsh.js";import{d as g}from"./p-DMzn0Iz0.js";import{d as z}from"./p-CdgiqBtD.js";const C=()=>`smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}`;const E=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return a(t,{key:"533286a87d0525479bd2ee9e28e3b4f0a96d4028"},a("section",{key:"83c431cb9866c7e9ed66d000c45db12cba32a5c1"},a("smoothly-button-demo-standard",{key:"9be3c679df5dae790c20267466f0e59e7129e590"})),a("section",{key:"63c5a3497203d471629c514b4ad65062a65803e4"},a("h4",{key:"4aea5b53872940382d8955d747731846e293bb80"},"Confirm button (two clicks)"),a("div",{key:"0d06137cb8e7e2f0d27c7c9bcee216f6a582ff33"},a("smoothly-button-confirm",{key:"d10630d444951f251fd00100cbef18074e7d206b",name:"confirm",shape:"rounded",color:"danger",size:"large"},"Delete"),a("smoothly-button-confirm",{key:"c2b0cd87fe14786eaa690e51dd91ace6443aa3c4",name:"confirm-icon",shape:"rounded",color:"success",size:"icon"},a("smoothly-icon",{key:"fa26113fbfdaea0ee2c0b4723084a69b54d7804b",name:"checkmark-outline",size:"tiny"})),a("smoothly-button-confirm",{key:"cbceb8ffdeffeb6231bb4775a12aeca6599e7eb5",name:"confirm-icon",shape:"rounded",color:"danger",size:"icon",fill:"outline"},a("smoothly-icon",{key:"5bbbaeccd43ee1b930a73a2fa676345835f9646a",name:"trash-outline",size:"tiny",fill:"outline"}))),a("smoothly-toggle-switch-demo",{key:"1bd1095e2c679a2526d31987873334f51d175e85"}),a("h4",{key:"6d22aa735b0d7f16093b216086441d0d722a6421"},"Links with icons"),a("smoothly-button",{key:"7a9cf02c47b1ac104935336f57c07d9eacd865eb",type:"link"},a("smoothly-icon",{key:"fe0f7094ce66691d5e10ee2f5f6d65782a37a380",name:"checkmark-circle",slot:"start"}),"type link"),a("smoothly-button",{key:"723452282f7551547060378c9057d40e4f729be7",type:"button",color:"warning",fill:"default"},a("smoothly-icon",{key:"2da735678c8066ac9ca1a0c8fc42be6f71968997",name:"call",slot:"start"}),a("a",{key:"dd1747fde83a34074dd35a505a7305bb608fcf3a",href:"https://google.com"},"link")),a("smoothly-button",{key:"d9aa99e8d2dfecc0766e4322051a142028f1d749",link:"https://google.com",type:"link"},a("smoothly-icon",{key:"6e64f4b3686c18f23b2215a41c53f87785835d1f",name:"arrow-forward",slot:"end"}),"link + type link"),a("h4",{key:"da1b853513b11781bcd032cf4d7e5f771baa2ed9"},"Size and Color test"),a("smoothly-button",{key:"8eb4c40f66e75ab99c197ba42c8a4e3f192dd9a5",color:"primary",fill:"solid",size:"small",shape:"rounded"},"Color Primary + Small"),a("smoothly-button",{key:"60c02db208c08a07c50c56ccb228eb333f67a59c",color:"secondary",fill:"solid",shape:"rounded"},"Color Secondary + Default"),a("smoothly-button",{key:"8d6d6a13382b24bc44fa2153dcdeae8212169a97",color:"warning",fill:"solid",size:"large"},"Color Warning + Large"),a("smoothly-button",{key:"1c4cce72723efcde85b1308535263324e4b49041",color:"danger",fill:"solid",size:"small",shape:"rounded"},"Color Danger + Small"),a("smoothly-button",{key:"256c0622be653968e784e8a2a598b88a51dc80f7",color:"success",fill:"solid",size:"small",shape:"rounded"},"Color Success + Small"),a("smoothly-button",{key:"d381847e99dca57bd315a6b7438b3e1e55172cc2",color:"tertiary",fill:"solid",size:"small",shape:"rounded"},"Color Tertiary + Small"),a("smoothly-button",{key:"6ff5845f5a0d82d9c99817696e9be364d9da950a",color:"dark",fill:"solid",size:"small",shape:"rounded"},"Color Dark + Small"),a("smoothly-button",{key:"e14f96677b4aed688dc8f0ea0b596c6b585f15b0",color:"medium",fill:"solid",size:"small",shape:"rounded"},"Color Medium + Small"),a("smoothly-button",{key:"4cac9d4923a21476b5f6dc4de0430153477200fa",color:"light",fill:"solid",size:"small",shape:"rounded"},"Color Light + Small"),a("h4",{key:"b1a485089eea221cab4a23be46a83c3c2e9c2929"},"Expand examples"),a("smoothly-button",{key:"71aa9bd0791d0e326d9d0721fb2f8eb0d2875164",color:"secondary",fill:"solid",expand:"full"},"Color Secondary + Default"),a("smoothly-button",{key:"b316c727f5f529a63649558012ee790cb1e53750",color:"warning",fill:"solid",expand:"block"},"Color Warning + Large"),a("h4",{key:"2afe5f6a00cbc405f8b7901f5e118d03adcd243e"},"Fill examples"),a("div",{key:"8aad1d8d07c40c2ada40a18ebcbc7c89d8652eef"},a("smoothly-button",{key:"63b8df9f6a45f6ff81168f9c3ad43344acc0c4ab",shape:"rounded",color:"primary",fill:"solid"},a("smoothly-icon",{key:"33d1f688aa67a1db212a9b7aa7147de4f8279ae6",name:"checkmark-circle",slot:"start"}),"Fill Solid"),a("smoothly-button",{key:"cda371d608f548bfceb958fedb0a7eb22cdc5c83",shape:"rounded",color:"secondary",fill:"outline"},a("smoothly-icon",{key:"39824d2393567df80731477784e31bad5b019f90",name:"checkmark-circle",slot:"start"}),"Fill Outline"),a("smoothly-button",{key:"d429cf372e423e882717f0867adb31ffd5d45dc6",shape:"rounded",color:"tertiary",fill:"clear"},a("smoothly-icon",{key:"e8473ef999c9f3bb56da4f58b51f593e7ebc4a1b",name:"checkmark-circle",slot:"start"}),"Fill Clear"),a("smoothly-button",{key:"e26709d399f9747d657a805ce69f997127dd46e3",size:"icon",shape:"rounded",color:"success",fill:"solid"},a("smoothly-icon",{key:"99abc1c65692daf112f2d2b1660918951ae60559",name:"basketball"}))),a("h4",{key:"99be735e4b2c91170daf2e3f0d5779a69d7ef08f"},'Buttons with Icon in "start"'),a("div",{key:"af0724fe2f9605a199d1b392d0307a948bc02b0c"},a("smoothly-button",{key:"38a7a2af64996af6adc7514d8ee407eaf2c7878b",shape:"rounded",fill:"solid",color:"warning"},a("smoothly-icon",{key:"951d2c413089f67b6ebe3c6d9f566ad5267cf4ae",name:"checkmark-circle",slot:"start"}),"Check"),a("smoothly-button",{key:"6ee1bc2af768f123a12e294016cc917aa4bd1c0e",shape:"rounded",fill:"solid",color:"secondary"},a("smoothly-icon",{key:"9d0e80208a6e68f919cc7276073232a368cb111a",name:"basketball",slot:"start"}),"Check"),a("smoothly-button",{key:"e5366d8f3ed7a2cf41cece51570301f145c67e19",shape:"rounded",fill:"solid",color:"success"},a("smoothly-icon",{key:"a0ad0a9620d853fda8d7e594031c04a0ec689445",name:"call",slot:"start"}),"Check"),a("smoothly-button",{key:"c94e929cfe5f738f2a3235f43a1f4da5e0c9fc36",size:"icon",fill:"solid",shape:"rounded",color:"success"},a("smoothly-icon",{key:"71a2f51f71668101315aa8533b5bfcf366d7fc5a",name:"call"})),a("smoothly-button",{key:"f33069cba505b599106e46dd64b9c8d5d7af72b1",size:"flexible",fill:"solid",color:"success"},a("smoothly-icon",{key:"23f5cfce66c47cfe7a7bc61270d366dc1a4b1df2",name:"airplane"}))),a("h4",{key:"0e1d80f018cb083f747dca33ac1579623130e4b4"},'Buttons with Icon in "end"'),a("smoothly-button",{key:"a6fb030807e47ece0af3e864fd1021dd073bb694",fill:"solid",color:"light"},"Go Forward",a("smoothly-icon",{key:"257becef67d6cc074ae9ea15c4aa7f4310b6512e",name:"arrow-forward",slot:"end"})),a("h4",{key:"dae9d6d89805ba3dbe25d10b078150475f097f97"},"Test for icon button"),a("div",{key:"430c1bc4c47a98cf456a84a2d5ab2668777f01cd"},a("smoothly-button",{key:"3c58c97ef2193b38eab09a4e533dba5b4f20a4e4",size:"icon",fill:"solid",shape:"rounded",color:"success"},a("smoothly-icon",{key:"59426dc2bd35c313d6619b44f13d517aa7c034ce",name:"call"})),a("smoothly-button",{key:"0fb117873692f75b51c92e333d3f835cd5fbe74f",size:"icon",shape:"rounded",color:"warning",fill:"solid"},a("smoothly-icon",{key:"7162fcc07788dd9829abafb5b7f38e786b86c298",name:"search-outline"})),a("smoothly-button",{key:"f46d225a20b28efeafcb952544ff5600988ada74",size:"icon",shape:"rounded",color:"secondary"},a("smoothly-icon",{key:"787a26836d6788196c5f3761f66c680704df9817",name:"checkmark-circle"}))),a("h4",{key:"2d8596d90b04536a298e7375e2a4ad3b0c463fbc"},"Link examples"),a("div",{key:"5af7537287d37938616bc0478f7cc63e757720e5"},a("smoothly-button",{key:"b6faae4aa4fd72b87c7181ec146dfda0cfa7a248",type:"link"},"type link"),a("smoothly-button",{key:"4d56453b6a595c09cb70cd8708392effda6f9279",type:"button",fill:"clear"},a("a",{key:"607e553ae06c24cb513fe90ecca476295b719283",href:"https://google.com"},"link")),a("smoothly-button",{key:"9a397311efd0a89849a6c8016fce61bf0639cea0",link:"https://google.com",type:"link"},"link + type link")),a("h4",{key:"466df22b0f9265755db176b4947f39cb3892d331"},"Disabled buttons"),a("div",{key:"b146d15d620300b8da5e134618a1b3f904024f61"},a("smoothly-button",{key:"637ee09aedbde2ff0342d469b50bd181a632308c",disabled:true,fill:"solid",color:"secondary"},"Disabled"),a("smoothly-button",{key:"0bdca6978fd1908f3c529668bfe3c128987522a5",type:"link",link:"https://google.com",disabled:true},"Disabled link"))),a("smoothly-back-to-top",{key:"f217299a63164d3d4bcbda3d9ab1b4da44a8f99f"}))}static get style(){return C()}},[0,"smoothly-button-demo"]);function w(){if(typeof customElements==="undefined"){return}const e=["smoothly-button-demo","smoothly-back-to-top","smoothly-button","smoothly-button-confirm","smoothly-button-demo-standard","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch","smoothly-toggle-switch-demo"];e.forEach((e=>{switch(e){case"smoothly-button-demo":if(!customElements.get(c(e))){customElements.define(c(e),E)}break;case"smoothly-back-to-top":if(!customElements.get(c(e))){l()}break;case"smoothly-button":if(!customElements.get(c(e))){s()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(c(e))){f()}break;case"smoothly-form":if(!customElements.get(c(e))){i()}break;case"smoothly-icon":if(!customElements.get(c(e))){n()}break;case"smoothly-input":if(!customElements.get(c(e))){b()}break;case"smoothly-input-checkbox":if(!customElements.get(c(e))){m()}break;case"smoothly-input-clear":if(!customElements.get(c(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){y()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){h()}break;case"smoothly-input-select":if(!customElements.get(c(e))){k()}break;case"smoothly-item":if(!customElements.get(c(e))){u()}break;case"smoothly-spinner":if(!customElements.get(c(e))){p()}break;case"smoothly-toggle-switch":if(!customElements.get(c(e))){g()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(c(e))){z()}break}}))}w();export{E as S,w as d};
|
|
2
|
+
//# sourceMappingURL=p-Bp9BMsim.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-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-
|
|
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 r}from"./p-DX3KKRD9.js";import{d as l}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-BaBGzDg_.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 D}from"./p-DTqtObrT.js";import{d as x}from"./p-BDhPxj59.js";import{d as z}from"./p-DXHBXAV0.js";import{d as P}from"./p-D2FsRCII.js";import{d as C}from"./p-CKrPTQ_S.js";import{d as F}from"./p-RNCr3p17.js";import{d as R}from"./p-D7cDUGTe.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 T}from"./p-DMzn0Iz0.js";const q=()=>`.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 G=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 q()}},[2,"smoothly-form-demo-pet",{hasOwner:[32],owner:[32],value:[32]}]);function K(){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),G)}break;case"smoothly-button":if(!customElements.get(m(e))){c()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){r()}break;case"smoothly-calendar":if(!customElements.get(m(e))){l()}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))){D()}break;case"smoothly-input-radio":if(!customElements.get(m(e))){x()}break;case"smoothly-input-radio-item":if(!customElements.get(m(e))){z()}break;case"smoothly-input-range":if(!customElements.get(m(e))){P()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){C()}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))){T()}break}}))}K();export{G as S,K as d};
|
|
2
|
+
//# sourceMappingURL=p-Bs8X_nDB.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as s,h as o,d as t,t as a}from"./p-BsZrGTcp.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DM5CKilY.js";import{d as n}from"./p-CR3Ni_o7.js";import{d as r}from"./p-B-l1S16Z.js";import{d as l}from"./p-Ud7Qhkgt.js";import{d as i}from"./p-C3FORjes.js";import{d}from"./p-BiQsRsV4.js";import{d as p}from"./p-R4uIvvER.js";import{d as f}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as s,h as o,d as t,t as a}from"./p-BsZrGTcp.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DM5CKilY.js";import{d as n}from"./p-CR3Ni_o7.js";import{d as r}from"./p-B-l1S16Z.js";import{d as l}from"./p-Ud7Qhkgt.js";import{d as i}from"./p-C3FORjes.js";import{d}from"./p-BiQsRsV4.js";import{d as p}from"./p-R4uIvvER.js";import{d as f}from"./p-BaBGzDg_.js";import{d as y}from"./p-D2FsRCII.js";const b=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(t,{key:"513ed764bf3593102fe688e6929f2c3f19c0a1a9"},o("h2",{key:"25a0e8ad3ef9322ca03f6c64d812148022dc9688"},"Range"),o("h3",{key:"f14838850168a97050eab32a4eff767f17e0b3ef"},"Phone Number"),o("smoothly-input-range",{key:"8ad60bd62396e66ac1338c8937a432bc8580dc23",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"f766bb38a2ae9108ea03e03d02dc6cf5308f3139"},"Stars out of ten"),o("smoothly-input-range",{key:"67164065098d501e710abe48fa0e8411a56c15c0",max:10,step:1,label:"Stars"}),o("h3",{key:"73c4f2da26f0b6d61997b342ad6d4c0976ccc89e"},"Percent"),o("smoothly-input-range",{key:"9bd55d44e6611c0dfa3bd9e7c1b061d119437326",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"49dc7f9db92e9fbecc53fd0bf1c8804a13febaa2"},"With icon at start and clear button"),o("smoothly-input-range",{key:"107e975039193ea8d1a9dca98d682c61d2c15096",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"cf0e39c1484399a21532024399ef6b08374a87c6",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"d1a3ab9ac2081a365a818d9ce2e453f03a21c049",size:"icon",slot:"end"})))}},[0,"smoothly-input-range-demo"]);function h(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-range-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-clear","smoothly-input-range"];e.forEach((e=>{switch(e){case"smoothly-input-range-demo":if(!customElements.get(a(e))){customElements.define(a(e),b)}break;case"smoothly-button":if(!customElements.get(a(e))){m()}break;case"smoothly-display":if(!customElements.get(a(e))){c()}break;case"smoothly-display-json":if(!customElements.get(a(e))){n()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){l()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){i()}break;case"smoothly-icon":if(!customElements.get(a(e))){d()}break;case"smoothly-input":if(!customElements.get(a(e))){p()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){f()}break;case"smoothly-input-range":if(!customElements.get(a(e))){y()}break}}))}h();export{b as S,h as d};
|
|
2
|
+
//# sourceMappingURL=p-C3__jhwf.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as o,H as t,c as s,h as e,d as r,t as l}from"./p-BsZrGTcp.js";import{I as n,S as i}from"./p-DgaHxdNI.js";import{E as h}from"./p-DFXJvHuL.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as c}from"./p-BiQsRsV4.js";const a=()=>`[color=default].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-reset-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-reset-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-reset-h{display:inline}[disabled].sc-smoothly-input-reset-h{opacity:0.5}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset{font-weight:400;background-color:transparent}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-reset-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-reset-h:has(>a:empty),.sc-smoothly-input-reset-h:has(>button:empty),.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset:empty,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-reset-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-reset-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-reset{min-width:8rem}[size=icon].sc-smoothly-input-reset-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-reset-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-reset-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-reset-h{width:100%}[expand=full].sc-smoothly-input-reset-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-reset-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:not([disabled]):active>button.sc-smoothly-input-reset::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:hover::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-within::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h .sc-smoothly-input-reset-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h[type="input"].sc-smoothly-input-reset-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-reset-h{cursor:not-allowed}.sc-smoothly-input-reset-h[type="input"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type="input"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}`;const y=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as o,H as t,c as s,h as e,d as r,t as l}from"./p-BsZrGTcp.js";import{I as n,S as i}from"./p-DgaHxdNI.js";import{E as h}from"./p-DFXJvHuL.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as c}from"./p-BiQsRsV4.js";const a=()=>`[color=default].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-reset-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-reset-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-reset-h{display:inline}[disabled].sc-smoothly-input-reset-h{opacity:0.5}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset{font-weight:400;background-color:transparent}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-reset-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-reset-h:has(>a:empty),.sc-smoothly-input-reset-h:has(>button:empty),.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset:empty,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-reset-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-reset-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-reset{min-width:8rem}[size=icon].sc-smoothly-input-reset-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-reset-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-reset-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-reset-h{width:100%}[expand=full].sc-smoothly-input-reset-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-reset-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:not([disabled]):active>button.sc-smoothly-input-reset::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:hover::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-within::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h .sc-smoothly-input-reset-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h[type="input"].sc-smoothly-input-reset-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-reset-h{cursor:not-allowed}.sc-smoothly-input-reset-h[type="input"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type="input"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}`;const y=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.size="icon";this.display=true;this.type="input";this.tooltip="Reset"}async componentWillLoad(){this.smoothlyInputLoad.emit((o=>{if(h.Element.type.is(o)){this.parent=o;o.listen((async o=>{if(n.is(o)){const t=typeof o.defined=="boolean"?o.defined:Boolean(await o.getValue());this.display=o.readonly||!t?false:o.isDifferentFromInitial}if(o instanceof i){this.display=!o.readonly}}));if(typeof this.disabled!=="boolean"){this.readonlyAtLoad=o.readonly;o.listen((async o=>{if(o instanceof i){this.disabled=!this.readonlyAtLoad&&!o.isDifferentFromInitial}}))}}}))}clickHandler(o){var t,s;o.stopPropagation();(t=this.parent)===null||t===void 0?void 0:t.reset();this.parent instanceof i&&this.readonlyAtLoad&&((s=this.parent)===null||s===void 0?void 0:s.edit(false))}render(){var o;return e(r,{key:"07fe387d6e31ee4b8733dd797ccbb6bc2a602450",title:this.tooltip},e("smoothly-button",{key:"db64da157afc163be326cc342d344881b0dd665c",disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:this.color,fill:(o=this.fill)!==null&&o!==void 0?o:this.type=="input"?"clear":undefined,onClick:o=>this.clickHandler(o)},e("slot",{key:"6a6a1f5f60b8dee75d3adeba5a7dfd611a84d256"}),e("smoothly-icon",{key:"5d37c4a5f21cf620ab223979e1b0d0e589b97d73",flip:"x",name:"refresh-outline",size:"tiny"})))}static get style(){return a()}},[262,"smoothly-input-reset",{color:[1],expand:[513],fill:[513],disabled:[1540],size:[513],shape:[513],display:[1540],type:[513],tooltip:[1]},[[0,"click","clickHandler"]]]);function u(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-reset","smoothly-button","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-input-reset":if(!customElements.get(l(o))){customElements.define(l(o),y)}break;case"smoothly-button":if(!customElements.get(l(o))){m()}break;case"smoothly-icon":if(!customElements.get(l(o))){c()}break}}))}u();export{y as S,u as d};
|
|
2
|
+
//# sourceMappingURL=p-CKrPTQ_S.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styleCss","SmoothlyInputReset","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","size","display","type","tooltip","componentWillLoad","smoothlyInputLoad","emit","parent","Editable","Element","is","listen","async","p","Input","defined","Boolean","getValue","readonly","isDifferentFromInitial","SmoothlyForm","disabled","readonlyAtLoad","clickHandler","event","stopPropagation","_a","reset","_b","edit","render","h","Host","key","title","shape","expand","color","fill","undefined","onClick","flip","name"],"sources":["src/components/input/reset/style.css?tag=smoothly-input-reset&encapsulation=scoped","src/components/input/reset/index.tsx"],"sourcesContent":["@import \"../../button/style.css\";\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host([type=\"input\"])::slotted(smoothly-button>button) {\n\tcursor: pointer;\n\tfilter: opacity(60%);\n\t--smoothly-button-foreground: var(--smoothly-input-foreground);\n\tbackground-color: transparent;\n}\n\n:host::slotted(smoothly-button>button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n\n:host([disabled]) {\n\tcursor: not-allowed\n}\n\n:host([type=\"input\"]):hover ::slotted(smoothly-icon) {\n\tcursor: pointer;\n\tfilter: opacity(100%);\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { SmoothlyForm } from \"../../form\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\n\n@Component({\n\ttag: \"smoothly-input-reset\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputReset {\n\treadonlyAtLoad: boolean\n\t@Prop() color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled?: boolean\n\t@Prop({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\" = \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) type: \"form\" | \"input\" = \"input\"\n\t@Prop() tooltip = \"Reset\"\n\tprivate parent?: Editable.Element\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Editable.Element.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tparent.listen(async p => {\n\t\t\t\t\tif (Input.is(p)) {\n\t\t\t\t\t\tconst defined = typeof p.defined == \"boolean\" ? p.defined : Boolean(await p.getValue())\n\t\t\t\t\t\tthis.display = p.readonly || !defined ? false : p.isDifferentFromInitial\n\t\t\t\t\t}\n\t\t\t\t\tif (p instanceof SmoothlyForm) {\n\t\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\tif (typeof this.disabled !== \"boolean\") {\n\t\t\t\t\tthis.readonlyAtLoad = parent.readonly\n\t\t\t\t\tparent.listen(async p => {\n\t\t\t\t\t\tif (p instanceof SmoothlyForm) {\n\t\t\t\t\t\t\tthis.disabled = !this.readonlyAtLoad && !p.isDifferentFromInitial\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler(event: MouseEvent) {\n\t\tevent.stopPropagation()\n\t\tthis.parent?.reset()\n\t\tthis.parent instanceof SmoothlyForm && this.readonlyAtLoad && this.parent?.edit(false)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host title={this.tooltip}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={this.fill ?? (this.type == \"input\" ? \"clear\" : undefined)}\n\t\t\t\t\tonClick={event => this.clickHandler(event)}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<smoothly-icon flip=\"x\" name=\"refresh-outline\" size=\"tiny\" />\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"8NAAA,MAAMA,EAAW,IAAM,60O,MCWVC,EAAkBC,EAAA,MAAAD,UAAAE,EAL/B,WAAAC,CAAAC,G,+FAW0BC,KAAAC,KAAgD,OAEjCD,KAAAE,QAAU,KACzBF,KAAAG,KAAyB,QAC1CH,KAAAI,QAAU,OAoDlB,CAhDA,uBAAMC,GACLL,KAAKM,kBAAkBC,MAAKC,IAC3B,GAAIC,EAASC,QAAQP,KAAKQ,GAAGH,GAAS,CACrCR,KAAKQ,OAASA,EACdA,EAAOI,QAAOC,MAAMC,IACnB,GAAIC,EAAMJ,GAAGG,GAAI,CAChB,MAAME,SAAiBF,EAAEE,SAAW,UAAYF,EAAEE,QAAUC,cAAcH,EAAEI,YAC5ElB,KAAKE,QAAUY,EAAEK,WAAaH,EAAU,MAAQF,EAAEM,sB,CAEnD,GAAIN,aAAaO,EAAc,CAC9BrB,KAAKE,SAAWY,EAAEK,Q,KAGpB,UAAWnB,KAAKsB,WAAa,UAAW,CACvCtB,KAAKuB,eAAiBf,EAAOW,SAC7BX,EAAOI,QAAOC,MAAMC,IACnB,GAAIA,aAAaO,EAAc,CAC9BrB,KAAKsB,UAAYtB,KAAKuB,iBAAmBT,EAAEM,sB,UAQjD,YAAAI,CAAaC,G,QACZA,EAAMC,mBACNC,EAAA3B,KAAKQ,UAAM,MAAAmB,SAAA,SAAAA,EAAEC,QACb5B,KAAKQ,kBAAkBa,GAAgBrB,KAAKuB,kBAAkBM,EAAA7B,KAAKQ,UAAM,MAAAqB,SAAA,SAAAA,EAAEC,KAAK,O,CAEjF,MAAAC,G,MACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOnC,KAAKI,SACjB4B,EAAA,mBAAAE,IAAA,2CACCZ,SAAUtB,KAAKsB,SACfrB,KAAMD,KAAKC,KACXE,KAAM,SACNiC,MAAOpC,KAAKoC,MACZC,OAAQrC,KAAKqC,OACbC,MAAOtC,KAAKsC,MACZC,MAAMZ,EAAA3B,KAAKuC,QAAI,MAAAZ,SAAA,EAAAA,EAAK3B,KAAKG,MAAQ,QAAU,QAAUqC,UACrDC,QAAShB,GAASzB,KAAKwB,aAAaC,IACpCO,EAAA,QAAAE,IAAA,6CACAF,EAAA,iBAAAE,IAAA,2CAAeQ,KAAK,IAAIC,KAAK,kBAAkB1C,KAAK,U","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as e,h as o,F as s,d as a,t as m}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as l}from"./p-BqAN7jax.js";import{d as r}from"./p-B8ljN4o0.js";import{d}from"./p-BiQsRsV4.js";import{d as c}from"./p-C_f8s6n5.js";import{d as h}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as t,H as e,h as o,F as s,d as a,t as m}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as l}from"./p-BqAN7jax.js";import{d as r}from"./p-B8ljN4o0.js";import{d}from"./p-BiQsRsV4.js";import{d as c}from"./p-C_f8s6n5.js";import{d as h}from"./p-BaBGzDg_.js";import{d as p}from"./p-C9zTTp-4.js";import{d as u}from"./p-DKggy9E3.js";import{d as f}from"./p-DTqtObrT.js";import{d as y}from"./p-RNCr3p17.js";import{d as b}from"./p-BS2SWUX6.js";const k=()=>`.sc-smoothly-input-date-demo-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(42rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-date-demo-h .sc-smoothly-input-date-demo:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const E=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.alwaysShowGuide=false}render(){return o(a,{key:"e33d9339ee4a2275ec14772535775d9dd9bf5f1f"},o("div",{key:"f10e1c4e913fd6dd05cd04030d3bd845fda0d263"},o("h2",{key:"ca6f4b48417c3d0b07f79194512e0f7648ab8939"},"Date input"),o("p",{key:"6c635b4fcd3276080055d2a12f4e70e609d30af4"},"Different locales formatting the same date"),o("smoothly-button",{key:"2b62d912d00ce8b225b085e5554b181f0a970bc5",color:"primary",onClick:()=>this.date=this.date?i.Date.next(this.date):i.Date.now()},"Set date"),o("smoothly-input-checkbox",{key:"fbf65e6cb24cdac58990b043c1879c7f192e25b5",looks:"transparent",onSmoothlyUserInput:t=>{this.alwaysShowGuide=t.detail.value;console.log(this.alwaysShowGuide)}},"Always Show Guide")),["en-US","en-GB","de-DE","se-SE"].map((t=>o(s,null,o("smoothly-input-date",{locale:t,name:t,looks:"border",value:this.date,alwaysShowGuide:this.alwaysShowGuide},t,o("smoothly-input-clear",{slot:"end"})),o("smoothly-input-date-range",{locale:t,name:t+"-range",looks:"border",start:this.date,end:this.date?i.Date.next(this.date):undefined,alwaysShowGuide:this.alwaysShowGuide},t," Range",o("smoothly-input-clear",{slot:"end"}))))))}static get style(){return k()}},[2,"smoothly-input-date-demo",{date:[32],alwaysShowGuide:[32]}]);function g(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-demo","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-date","smoothly-input-date-range","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-demo":if(!customElements.get(m(t))){customElements.define(m(t),E)}break;case"smoothly-button":if(!customElements.get(m(t))){n()}break;case"smoothly-calendar":if(!customElements.get(m(t))){l()}break;case"smoothly-date-text":if(!customElements.get(m(t))){r()}break;case"smoothly-icon":if(!customElements.get(m(t))){d()}break;case"smoothly-input-checkbox":if(!customElements.get(m(t))){c()}break;case"smoothly-input-clear":if(!customElements.get(m(t))){h()}break;case"smoothly-input-date":if(!customElements.get(m(t))){p()}break;case"smoothly-input-date-range":if(!customElements.get(m(t))){u()}break;case"smoothly-input-month":if(!customElements.get(m(t))){f()}break;case"smoothly-input-select":if(!customElements.get(m(t))){y()}break;case"smoothly-item":if(!customElements.get(m(t))){b()}break}}))}g();export{E as S,g as d};
|
|
2
|
+
//# sourceMappingURL=p-CZ6kkjYF.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as e,h as o,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{f as r,n as c}from"./p-CkXes5c-.js";import{o as i,s as n}from"./p-Dr7iZPxA.js";import{d as f}from"./p-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as p}from"./p-BqAN7jax.js";import{d}from"./p-B8ljN4o0.js";import{d as y}from"./p-DgaHxdNI.js";import{d as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as t,H as e,h as o,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{f as r,n as c}from"./p-CkXes5c-.js";import{o as i,s as n}from"./p-Dr7iZPxA.js";import{d as f}from"./p-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as p}from"./p-BqAN7jax.js";import{d}from"./p-B8ljN4o0.js";import{d as y}from"./p-DgaHxdNI.js";import{d as b}from"./p-BiQsRsV4.js";import{d as u}from"./p-R4uIvvER.js";import{d as h}from"./p-C9zTTp-4.js";import{d as k}from"./p-DTqtObrT.js";import{d as j}from"./p-CKrPTQ_S.js";import{d as E}from"./p-RNCr3p17.js";import{d as D}from"./p-D7cDUGTe.js";import{d as C}from"./p-BS2SWUX6.js";import{d as B}from"./p-CsLlJDsh.js";var T;(function(t){t.type=i({name:i({first:n(),middle:n().optional(),last:n()}),age:c((t=>18<=t&&t<=120)),country:r("CountryCode",a.CountryCode.Alpha2.is),birthday:r("Date",a.Date.is)})})(T||(T={}));const g=()=>``;const x=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return o(s,{key:"b2defb07fd1fef12b85e5c983c3ec9a06eaacd5c"},o("h2",{key:"4f45fac5e8febcc52cdb7ee2e3cb6e6586c04f34"},"Typed Contact"),o("smoothly-form",{key:"169c7879c27f2e65a5da9f44f2066e65fa4b09db",validator:T.type},o("smoothly-input",{key:"7e11e762f2f88ad82b3bb584f5f151624a73cd37",name:"name.first"},"First Name"),o("smoothly-input",{key:"207226d54b3ac9250512c962200e97e06dfb237d",name:"name.middle"},"Middle Name (optional)"),o("smoothly-input",{key:"5235de33144f057b20a46353ae13c7eaa15fd97b",name:"name.last"},"Last Name"),o("smoothly-input",{key:"3e1607c6f2301ca86a1f430e2c6d3d12c8035f70",name:"age",type:"integer"},"Age (18-120)"),o("smoothly-input-select",{key:"d1fa86d5f8ca6e8a4d0c40e363f60c9ca53aad98",name:"country"},o("span",{key:"b54fe7f96a97014e3baac54b1ac5f903b88b170b",slot:"label"},"Country"),a.CountryCode.Alpha2.values.map((t=>o("smoothly-item",{value:t},a.CountryCode.Name.en.from(t))))),o("smoothly-input-date",{key:"c616775dda21611243a88c6bf23ba280e9e89fb3",name:"birthday"},"Date of birth"),o("smoothly-input-reset",{key:"11c1023ca25b7cae8afb727e1fb21f28ee1e7644",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"3dbb734a1ef36ab8104dc6588c622b38567e61b2",slot:"submit",size:"icon",color:"success"})))}static get style(){return g()}},[2,"smoothly-form-demo-typed"]);function N(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-typed","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-typed":if(!customElements.get(m(t))){customElements.define(m(t),x)}break;case"smoothly-button":if(!customElements.get(m(t))){f()}break;case"smoothly-button-confirm":if(!customElements.get(m(t))){l()}break;case"smoothly-calendar":if(!customElements.get(m(t))){p()}break;case"smoothly-date-text":if(!customElements.get(m(t))){d()}break;case"smoothly-form":if(!customElements.get(m(t))){y()}break;case"smoothly-icon":if(!customElements.get(m(t))){b()}break;case"smoothly-input":if(!customElements.get(m(t))){u()}break;case"smoothly-input-date":if(!customElements.get(m(t))){h()}break;case"smoothly-input-month":if(!customElements.get(m(t))){k()}break;case"smoothly-input-reset":if(!customElements.get(m(t))){j()}break;case"smoothly-input-select":if(!customElements.get(m(t))){E()}break;case"smoothly-input-submit":if(!customElements.get(m(t))){D()}break;case"smoothly-item":if(!customElements.get(m(t))){C()}break;case"smoothly-spinner":if(!customElements.get(m(t))){B()}break}}))}N();export{x as S,N as d};
|
|
2
|
+
//# sourceMappingURL=p-CqSJ0pgl.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as o,c as s,h as t,d as a,t as m}from"./p-BsZrGTcp.js";import{I as l,C as c,F as i}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import{N as d}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as y}from"./p-DM5CKilY.js";import{d as r}from"./p-CR3Ni_o7.js";import{d as f}from"./p-B-l1S16Z.js";import{d as h}from"./p-Ud7Qhkgt.js";import{d as p}from"./p-C3FORjes.js";import{d as b}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-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as o,c as s,h as t,d as a,t as m}from"./p-BsZrGTcp.js";import{I as l,C as c,F as i}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import{N as d}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as y}from"./p-DM5CKilY.js";import{d as r}from"./p-CR3Ni_o7.js";import{d as f}from"./p-B-l1S16Z.js";import{d as h}from"./p-Ud7Qhkgt.js";import{d as p}from"./p-C3FORjes.js";import{d as b}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-BaBGzDg_.js";import{d as v}from"./p-D2FsRCII.js";import{d as E}from"./p-RNCr3p17.js";import{d as g}from"./p-BS2SWUX6.js";import{d as x}from"./p-CsLlJDsh.js";const C=()=>`.sc-smoothly-icon-demo-h{display:block;width:clamp(200px, 100%, 1200px);margin:auto}[hidden].sc-smoothly-icon-demo-h{display:none}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{padding:1rem;position:relative}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover{scale:1.5}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover::after{content:attr(data-name);position:absolute;white-space:nowrap;bottom:100%;background:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-color));padding:0.25rem 1rem;z-index:1;pointer-events:none}`;const F=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.notice=s(this,"notice");this.page=0;this.display={};this.props={}}render(){return t(a,{key:"18c352e6e8cbf5c6207f06724fc4f150c3f35c62"},t("h2",{key:"ffa9a93a76b1e55ff2a02520271d00018f21c8ef"},"Filter and Variants"),t("smoothly-form",{key:"baa8442f242902404ad315ebc4898c03ce305e84",onSmoothlyFormInput:e=>this.display=e.detail},t("smoothly-input",{key:"faa53d6709688e9bddfab452fc87f4747673c93f",name:"filter"},"Filter"),t("smoothly-input-select",{key:"d48cbfae334db2bc93781ccfe7707a7158a64d64",name:"variant"},t("span",{key:"e6599d7081c25eddb56c0e507610a933540fee2a",slot:"label"},"Variant"),t("smoothly-item",{key:"79caa2a8f42d9ec8fa99aab43f4e94086a9ca0a9",value:"outline"},"outline"),t("smoothly-item",{key:"e31fe80073050b010f809d9b0cb24ace35b23f06",value:"sharp"},"sharp"),t("smoothly-input-clear",{key:"e25bedaf8423625fc2519a9f58071678609efd2c",slot:"end"}))),t("h2",{key:"512c66c201567f14abc10e60ee9fc50950792dd7"},"Props"),t("smoothly-form",{key:"46b821b5871a14d2075a38893d7c072f1ddba8be",onSmoothlyFormInput:e=>this.props=e.detail},t("smoothly-input-select",{key:"1b14ebb3490198a4ebcb11a05a543853f48acae2",name:"color"},t("span",{key:"887bba78b3f7ac5ac31d752be0fc8d64bdccbd31",slot:"label"},"Color"),c.values.map((e=>t("smoothly-item",{value:e,color:e},e))),t("smoothly-input-clear",{key:"ec1a9f35b7d2efe688a42ac17a745af586ba65d5",slot:"end"})),t("smoothly-input-select",{key:"8eeb32f412b3eb98069382b1fc8146275152de4e",name:"fill"},t("span",{key:"b5095c6c37feffc383e411704a35c92d7f1f16d0",slot:"label"},"Fill"),i.values.map((e=>t("smoothly-item",{value:e},e))),t("smoothly-input-clear",{key:"c4c9096e4d4f6a0e768a26cd6e291abd03ce8a1d",slot:"end"})),t("smoothly-input-select",{key:"82f39197d5b222078feb0db6c1caaea43cc2ff4c",name:"flip"},t("span",{key:"28941724eba176612385fd568ae1ac2f70700668",slot:"label"},"Flip"),t("smoothly-item",{key:"eb246197acd42723a1024dee8abe0345603272e7",value:"x"},"x"),t("smoothly-item",{key:"342b97c622d716038f19317684576914257acdb1",value:"y"},"y"),t("smoothly-input-clear",{key:"21569726b10d6999b787042f7f2e533096d1e759",slot:"end"})),t("smoothly-input-select",{key:"e8cda7e1e14dcc593abb997e2d1f77caae71ba56",name:"size"},t("span",{key:"0311005eab874402134fa180e8c62829b6d444d0",slot:"label"},"Size"),t("smoothly-item",{key:"c4a818d1eed298db112640f1d356a1c277834c0f",value:"tiny"},"tiny"),t("smoothly-item",{key:"a2d5122deb9c8a51fe10796f19c9a16e22453c15",value:"small"},"small"),t("smoothly-item",{key:"6245959982688e42a7a33a8931c7e3255cc743c2",value:"medium"},"medium"),t("smoothly-item",{key:"d9127f7de89eed1680fe5a917b18abbf6933871b",value:"large"},"large"),t("smoothly-item",{key:"81058c44cc17c319447addd523ccacd72ef9137c",value:"xlarge"},"xlarge"),t("smoothly-input-clear",{key:"9ac0d568820db33f77d5162b77eb9787fd8ec9ba",slot:"end"})),t("smoothly-input-range",{key:"aa25c23d3f494139787b7465c5fe9d525092e0b0",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",t("smoothly-input-clear",{key:"1947c759df77c69e1b74ba559357112ba7cf1390",slot:"end"}))),t("h1",{key:"d893bf2235db23ef7a0b2199e1b5406660823200"},"Icons"),t("div",{key:"26d05332b66cb566bc0a0d93fc997d8bdebb6563",class:"icons"},[...l.Name.values.filter((e=>!this.display.filter||e.includes(this.display.filter))).map((e=>this.display.variant?`${e}-${this.display.variant}`:e)),...l.Logo.values.filter((e=>!this.display.filter||e.includes(this.display.filter)))].map((e=>t("smoothly-icon",{name:e,tooltip:e,"data-name":e,color:this.props.color,fill:this.props.fill,flip:this.props.flip,size:this.props.size,rotate:this.props.rotate,onClick:()=>{navigator.clipboard.writeText(e);this.notice.emit(d.succeeded(`Copied "${e}"`))}})))))}static get style(){return C()}},[2,"smoothly-icon-demo",{display:[32],props:[32]}]);function B(){if(typeof customElements==="undefined"){return}const e=["smoothly-icon-demo","smoothly-button","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-clear","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-icon-demo":if(!customElements.get(m(e))){customElements.define(m(e),F)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-display":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json":if(!customElements.get(m(e))){r()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){h()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){b()}break;case"smoothly-icon":if(!customElements.get(m(e))){u()}break;case"smoothly-input":if(!customElements.get(m(e))){k()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){j()}break;case"smoothly-input-range":if(!customElements.get(m(e))){v()}break;case"smoothly-input-select":if(!customElements.get(m(e))){E()}break;case"smoothly-item":if(!customElements.get(m(e))){g()}break;case"smoothly-spinner":if(!customElements.get(m(e))){x()}break}}))}B();export{F as S,B as d};
|
|
2
|
+
//# sourceMappingURL=p-CqyInbXs.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-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as o,h as t,d as a,t as s}from"./p-BsZrGTcp.js";import{d as m}from"./p-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-BaBGzDg_.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-CKrPTQ_S.js";import{d as C}from"./p-RNCr3p17.js";import{d as D}from"./p-D7cDUGTe.js";import{d as z}from"./p-BS2SWUX6.js";import{d as P}from"./p-CsLlJDsh.js";import{d as S}from"./p-DMzn0Iz0.js";const R=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 B(){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),R)}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))){P()}break;case"smoothly-toggle-switch":if(!customElements.get(s(e))){S()}break}}))}B();export{R as S,B as d};
|
|
2
|
+
//# sourceMappingURL=p-CrxXCTnH.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as e,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{C as l,F as d,I as m}from"./p-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-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as t,H as e,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{C as l,F as d,I as m}from"./p-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-BaBGzDg_.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 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"),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 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))){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}}))}v();export{g as S,v as d};
|
|
2
|
+
//# sourceMappingURL=p-CtN3gqjJ.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as o,H as t,c as s,h as i,d as l,t as n}from"./p-BsZrGTcp.js";import{T as m}from"./p-Dr7iZPxA.js";import{D as r}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as h}from"./p-DFXJvHuL.js";import{S as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as o,H as t,c as s,h as i,d as l,t as n}from"./p-BsZrGTcp.js";import{T as m}from"./p-Dr7iZPxA.js";import{D as r}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as h}from"./p-DFXJvHuL.js";import{S as e}from"./p-ClBX6_1T.js";import{d as u}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DX3KKRD9.js";import{d as a}from"./p-BiQsRsV4.js";const y=()=>`[color=default].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-submit-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-submit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-submit-h{display:inline}[disabled].sc-smoothly-input-submit-h{opacity:0.5}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit{font-weight:400;background-color:transparent}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-submit-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-submit-h:has(>a:empty),.sc-smoothly-input-submit-h:has(>button:empty),.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit:empty,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-submit-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-submit-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-submit{min-width:8rem}[size=icon].sc-smoothly-input-submit-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-submit-h{width:100%}[expand=full].sc-smoothly-input-submit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-submit-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-visible,[fill=outline].sc-smoothly-input-submit-h:not([disabled]):active>button.sc-smoothly-input-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:hover::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-within::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:focus-visible,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-icon,.sc-smoothly-input-submit-h .sc-smoothly-input-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-submit-h{display:none}.sc-smoothly-input-submit-h{display:flex}.sc-smoothly-input-submit-h:not([display]){display:none}.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button button>*+smoothly-icon,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button-confirm button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-submit-h{cursor:not-allowed}`;const b=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.delete=false;this.icon="checkmark-outline";this.disabled=false;this.display=false;this.size="icon";this.tooltip=this.delete?"Remove":"Submit"}componentWillLoad(){this.smoothlyInputLoad.emit((o=>{if(e.is(o)&&h.type.is(o)){this.parent=o;o.listen((async o=>{this.display=!o.readonly}));if(typeof this.disabled!=="boolean"){o.listen((async o=>{var t;this.disabled=!this.delete&&(o.readonly||"validator"in o&&o.validator instanceof m&&!((t=o.validator)===null||t===void 0?void 0:t.is(r.convertArrays(o.value)))||!o.isDifferentFromInitial)}))}}}))}clickHandler(){var o;(o=this.parent)===null||o===void 0?void 0:o.submit(this.delete)}render(){var o,t;return i(l,{key:"4ba889ed871427b4fd99610c5b775068dc05cc54",title:this.tooltip},this.delete==true?i("smoothly-button-confirm",{size:this.size,shape:this.shape,expand:this.expand,color:(o=this.color)!==null&&o!==void 0?o:"danger",fill:this.fill,onSmoothlyConfirm:()=>this.clickHandler()},i("slot",null),i("smoothly-icon",{name:"trash-outline",fill:"solid",size:"tiny"})):i("smoothly-button",{disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:(t=this.color)!==null&&t!==void 0?t:"success",fill:this.fill,onClick:()=>this.clickHandler()},i("slot",null),this.icon&&i("smoothly-icon",{name:this.icon,fill:"solid",size:"tiny"})))}static get style(){return y()}},[262,"smoothly-input-submit",{delete:[516],color:[1],icon:[8],expand:[513],fill:[513],disabled:[1540],display:[1540],shape:[513],size:[513],tooltip:[1]}]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-submit","smoothly-button","smoothly-button-confirm","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-input-submit":if(!customElements.get(n(o))){customElements.define(n(o),b)}break;case"smoothly-button":if(!customElements.get(n(o))){u()}break;case"smoothly-button-confirm":if(!customElements.get(n(o))){c()}break;case"smoothly-icon":if(!customElements.get(n(o))){a()}break}}))}d();export{b as S,d};
|
|
2
|
+
//# sourceMappingURL=p-D7cDUGTe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styleCss","SmoothlyInputSubmit","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","delete","icon","disabled","display","size","tooltip","componentWillLoad","smoothlyInputLoad","emit","parent","Submittable","is","Editable","type","listen","async","p","readonly","validator","isly.Type","_a","Data","convertArrays","value","isDifferentFromInitial","clickHandler","submit","render","h","Host","key","title","shape","expand","color","fill","onSmoothlyConfirm","name","_b","onClick"],"sources":["src/components/input/submit/style.css?tag=smoothly-input-submit&encapsulation=scoped","src/components/input/submit/index.tsx"],"sourcesContent":["@import \"../../button/style.css\"; \n\n:host {\n\tdisplay: flex;\n}\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host::slotted(smoothly-button button > * > * + smoothly-icon),\n:host::slotted(smoothly-button-confirm button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n\n:host([disabled]) {\n\tcursor: not-allowed\n}\n","import { Component, ComponentWillLoad, Event, EventEmitter, h, Host, Prop, VNode } from \"@stencil/core\"\nimport { isly } from \"isly\"\nimport { Color, Data, Fill, Icon } from \"../../../model\"\nimport { Editable } from \"../Editable\"\nimport { Submittable } from \"../Submittable\"\n\n@Component({\n\ttag: \"smoothly-input-submit\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputSubmit implements ComponentWillLoad {\n\tprivate parent?: Submittable & Editable\n\t@Prop({ reflect: true }) delete = false\n\t@Prop() color?: Color\n\t@Prop() icon: Icon | false = \"checkmark-outline\"\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true, mutable: true }) display = false\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\" = \"icon\"\n\t@Prop() tooltip = this.delete ? \"Remove\" : \"Submit\"\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Submittable.is(parent) && Editable.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tparent.listen(async p => {\n\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t})\n\t\t\t\tif (typeof this.disabled !== \"boolean\") {\n\t\t\t\t\tparent.listen(async p => {\n\t\t\t\t\t\tthis.disabled =\n\t\t\t\t\t\t\t!this.delete &&\n\t\t\t\t\t\t\t(p.readonly ||\n\t\t\t\t\t\t\t\t(\"validator\" in p &&\n\t\t\t\t\t\t\t\t\tp.validator instanceof isly.Type &&\n\t\t\t\t\t\t\t\t\t!p.validator?.is(Data.convertArrays(p.value))) ||\n\t\t\t\t\t\t\t\t!p.isDifferentFromInitial)\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\tclickHandler() {\n\t\tthis.parent?.submit(this.delete)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host title={this.tooltip}>\n\t\t\t\t{this.delete == true ? (\n\t\t\t\t\t<smoothly-button-confirm\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tshape={this.shape}\n\t\t\t\t\t\texpand={this.expand}\n\t\t\t\t\t\tcolor={this.color ?? \"danger\"}\n\t\t\t\t\t\tfill={this.fill}\n\t\t\t\t\t\tonSmoothlyConfirm={() => this.clickHandler()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t<smoothly-icon name=\"trash-outline\" fill=\"solid\" size=\"tiny\" />\n\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t) : (\n\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\t\tshape={this.shape}\n\t\t\t\t\t\texpand={this.expand}\n\t\t\t\t\t\tcolor={this.color ?? \"success\"}\n\t\t\t\t\t\tfill={this.fill}\n\t\t\t\t\t\tonClick={() => this.clickHandler()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t{this.icon && <smoothly-icon name={this.icon} fill=\"solid\" size=\"tiny\" />}\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"mXAAA,MAAMA,EAAW,IAAM,0nO,MCWVC,EAAmBC,EAAA,MAAAD,UAAAE,EALhC,WAAAC,CAAAC,G,+FAO0BC,KAAAC,OAAS,MAE1BD,KAAAE,KAAqB,oBAGWF,KAAAG,SAAW,MACXH,KAAAI,QAAU,MAEzBJ,KAAAK,KAAgD,OACjEL,KAAAM,QAAUN,KAAKC,OAAS,SAAW,QA0D3C,CAxDA,iBAAAM,GACCP,KAAKQ,kBAAkBC,MAAKC,IAC3B,GAAIC,EAAYC,GAAGF,IAAWG,EAASC,KAAKF,GAAGF,GAAS,CACvDV,KAAKU,OAASA,EACdA,EAAOK,QAAOC,MAAMC,IACnBjB,KAAKI,SAAWa,EAAEC,QAAQ,IAE3B,UAAWlB,KAAKG,WAAa,UAAW,CACvCO,EAAOK,QAAOC,MAAMC,I,MACnBjB,KAAKG,UACHH,KAAKC,SACLgB,EAAEC,UACD,cAAeD,GACfA,EAAEE,qBAAqBC,MACtBC,EAAAJ,EAAEE,aAAS,MAAAE,SAAA,SAAAA,EAAET,GAAGU,EAAKC,cAAcN,EAAEO,WACtCP,EAAEQ,uBAAuB,G,MAMjC,YAAAC,G,OACCL,EAAArB,KAAKU,UAAM,MAAAW,SAAA,SAAAA,EAAEM,OAAO3B,KAAKC,O,CAG1B,MAAA2B,G,QACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOhC,KAAKM,SAChBN,KAAKC,QAAU,KACf4B,EAAA,2BACCxB,KAAML,KAAKK,KACX4B,MAAOjC,KAAKiC,MACZC,OAAQlC,KAAKkC,OACbC,OAAOd,EAAArB,KAAKmC,SAAK,MAAAd,SAAA,EAAAA,EAAI,SACrBe,KAAMpC,KAAKoC,KACXC,kBAAmB,IAAMrC,KAAK0B,gBAC9BG,EAAA,aACAA,EAAA,iBAAeS,KAAK,gBAAgBF,KAAK,QAAQ/B,KAAK,UAGvDwB,EAAA,mBACC1B,SAAUH,KAAKG,SACfE,KAAML,KAAKK,KACXS,KAAM,SACNmB,MAAOjC,KAAKiC,MACZC,OAAQlC,KAAKkC,OACbC,OAAOI,EAAAvC,KAAKmC,SAAK,MAAAI,SAAA,EAAAA,EAAI,UACrBH,KAAMpC,KAAKoC,KACXI,QAAS,IAAMxC,KAAK0B,gBACpBG,EAAA,aACC7B,KAAKE,MAAQ2B,EAAA,iBAAeS,KAAMtC,KAAKE,KAAMkC,KAAK,QAAQ/B,KAAK,U","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as o,h as s,d as t,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DX3KKRD9.js";import{d as f}from"./p-DgaHxdNI.js";import{d as r}from"./p-BiQsRsV4.js";import{d as i}from"./p-R4uIvvER.js";import{d as n}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as o,h as s,d as t,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DX3KKRD9.js";import{d as f}from"./p-DgaHxdNI.js";import{d as r}from"./p-BiQsRsV4.js";import{d as i}from"./p-R4uIvvER.js";import{d as n}from"./p-D7cDUGTe.js";import{d}from"./p-CsLlJDsh.js";const l=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return s(t,{key:"644dd5d2d56fea755d44d8cfed8c0b52d64883ef"},s("h2",{key:"f8be0372bf3f537f5e6cd66087aa9102a69fa4b3"},"Card"),s("smoothly-form",{key:"1e006ccad98f0a73c50a312dc39f6c8f07a89f96",looks:"grid",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail))},s("smoothly-input",{key:"af0e0cf9d593a4b95e6d9ccf38cb504bcf30c907",type:"card-number",name:"card"},"Card #"),s("smoothly-input-submit",{key:"8a68e341800be545d7c4b242e60fac52bd56afd5",size:"icon",slot:"submit",color:"success",fill:"solid"}),s("smoothly-input",{key:"031b83a8b2b9f261741c9b430599681ee0c90442",type:"card-expires",name:"expires"},"Expires"),s("smoothly-input",{key:"75f8bbc9cff24f247f88dfd276bef1adaf478586",type:"card-csc",name:"csc"},"CVV/CVC"),s("smoothly-input",{key:"5043b806ecf84bb31b4f713778336063a771ffa9",type:"text",name:"name.first"},"First Name"),s("smoothly-input",{key:"4314de22f36b48c796deec9258e71e282a434bbe",type:"text",name:"name.last"},"Last Name")))}},[2,"smoothly-form-demo-card"]);function b(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-card","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-submit","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-card":if(!customElements.get(m(e))){customElements.define(m(e),l)}break;case"smoothly-button":if(!customElements.get(m(e))){a()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){c()}break;case"smoothly-form":if(!customElements.get(m(e))){f()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){i()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){n()}break;case"smoothly-spinner":if(!customElements.get(m(e))){d()}break}}))}b();export{l as S,b as d};
|
|
2
|
+
//# sourceMappingURL=p-DVuQ4t_X.js.map
|