smoothly 1.109.0 → 1.111.0

package/dist/components/{p-vJp_rBtb.js → p-DR3KUEvE.js}

@@ -1,2 +1,2 @@
-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-DdDIWpAG.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 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-kD9ZndMg.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 w=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 C(){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),w)}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))){n()}break;case"smoothly-icon":if(!customElements.get(c(e))){i()}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}}))}C();export{w as S,C as d};
-//# sourceMappingURL=p-vJp_rBtb.js.map
+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};
+//# sourceMappingURL=p-DR3KUEvE.js.map

package/dist/components/{p-Bl9o-Dl8.js → p-DTqtObrT.js}

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as o,h as e,d as n,t as i}from"./p-BsZrGTcp.js";import{i as l}from"./p-BVKhAhsB.js";import{E as h}from"./p-DFXJvHuL.js";import{I as a}from"./p-DgaHxdNI.js";import{d as r}from"./p-BiQsRsV4.js";import{d as c}from"./p-kD9ZndMg.js";import{d as m}from"./p-BS2SWUX6.js";function u(t){const s=new Date(t);s.setDate(1);let o=-((s.getDay()+6)%7)+1;const e=[];for(let s=0;s<6;s++){const n=[];for(let s=0;s<7;s++){const s=new Date(t);s.setUTCDate(o++);n.push(l.Date.create(s))}if(s<5||l.Date.firstOfMonth(n[0])==l.Date.firstOfMonth(t)){e.push(n)}}return e}function d(){const t=new globalThis.Date;t.setDate(t.getDate()-t.getDay()+1);const s=[];for(let o=0;o<7;o++){s.push(t.toLocaleString(undefined,{weekday:"short"}));t.setDate(t.getDate()+1)}return s}function f(t){const s=new globalThis.Date(t);const o=[];for(let e=0;e<12;e++){s.setMonth(e,28);const n=l.Date.create(s);o.push({date:n,name:s.toLocaleString(undefined,{month:"long"}),selected:n.substr(0,7)==t.substr(0,7)})}return o}function y(t,s,o){const e=new globalThis.Date(t);const n=s?l.Date.getYear(s):(new Date).getFullYear()-50;const i=o?l.Date.getYear(o):(new Date).getFullYear()+50;const h=[];for(let s=n;s<=i;s++){e.setFullYear(s);const o=l.Date.create(e);h.push({date:o,name:e.toLocaleString(undefined,{year:"numeric"}),selected:o==t})}return h}const p=()=>`.sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center;cursor:pointer}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;cursor:not-allowed}`;const v=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.value=l.Date.now();this.next=false;this.previous=false;this.inCalendar=false;this.showLabel=true;this.allowPreviousMonth=true;this.allowNextMonth=true;this.observer=h.Observer.create(this)}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.valueChanged()}valueChanged(){this.smoothlyInput.emit({[this.name]:this.value})}adjustMonth(t){var s;if(!this.readonly){const o=l.Date.parse((s=this.value)!==null&&s!==void 0?s:l.Date.now());o.setMonth(o.getMonth()+t);this.value=l.Date.create(o)}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}setAllowPreviousMonth(){var t,s;const o=l.Date.previousMonth((t=this.value)!==null&&t!==void 0?t:l.Date.now()).substring(0,7);const e=(s=this.min)===null||s===void 0?void 0:s.substring(0,7);this.allowPreviousMonth=!e||o>=e}setAllowNextMonth(){var t,s;const o=l.Date.nextMonth((t=this.value)!==null&&t!==void 0?t:l.Date.now()).substring(0,7);const e=(s=this.max)===null||s===void 0?void 0:s.substring(0,7);this.allowNextMonth=!e||o<=e}nameChange(t,s){a.formRename(this,s)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){var t,s;(t=this.year)===null||t===void 0?void 0:t.clear();(s=this.month)===null||s===void 0?void 0:s.clear()}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){var t,s;(t=this.year)===null||t===void 0?void 0:t.reset();(s=this.month)===null||s===void 0?void 0:s.reset()}async setInitialValue(){var t,s;(t=this.year)===null||t===void 0?void 0:t.setInitialValue();(s=this.month)===null||s===void 0?void 0:s.setInitialValue()}inputHandler(t){if(t.target!=this.element){t.stopPropagation();const s=t.detail[`${this.name}-year`];const o=t.detail[`${this.name}-month`];if(o&&l.Date.is(o)){this.value=l.Date.firstOfMonth(o)}else if(s&&l.Date.is(s)){this.value=l.Date.firstOfMonth(s)}}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks,this.color)}}async smoothlyInputLoadHandler(t){if(t.target!=this.element){t.stopPropagation()}}render(){var t,s;return e(n,{key:"825ed9c377498394114231b5fba58e1cbd53c321"},e("smoothly-icon",{key:"b17668f6747bf7169a0bd6284fec3e414be2b78c",name:"caret-back-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowPreviousMonth},onClick:()=>this.allowPreviousMonth&&this.adjustMonth(-1)}),e("smoothly-input-select",{key:"ec12ff50447e0ae9c85b7eefe6abeaf350b3a155",ref:t=>this.year=t,name:`${this.name}-year`,readonly:this.readonly,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const s=t.detail.value;if(s&&l.Date.is(s)){const t=l.Date.firstOfMonth(s);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},e("div",{key:"03f9af108c9a82b265055a5922371524a9a1485f",slot:"label"},e("slot",{key:"e1b37f7f4db3f27951844f1cf0453bc3bc66e141",name:"year-label"})),y((t=this.value)!==null&&t!==void 0?t:l.Date.now(),this.min,this.max).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-input-select",{key:"4c57f95ca4288fbf6401acfe5f83a9e21a7ad5e7",ref:t=>this.month=t,name:`${this.name}-month`,readonly:this.readonly,color:this.color,looks:this.looks,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const s=t.detail.value;if(s&&l.Date.is(s)){const t=l.Date.firstOfMonth(s);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},e("div",{key:"4c864e162f8fd664bf64d213f044608df5c32052",slot:"label"},e("slot",{key:"8be0361eafcdda1fe0af35403fafe7268e0e1857",name:"month-label"})),f((s=this.value)!==null&&s!==void 0?s:l.Date.now()).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-icon",{key:"a00a80fa415529ddd7fb28b12394ffbc3895e3ca",name:"caret-forward-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowNextMonth},onClick:()=>this.allowNextMonth&&this.adjustMonth(1)}))}get element(){return this}static get watchers(){return{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}}static get style(){return p()}},[262,"smoothly-input-month",{readonly:[1540],color:[513],looks:[1537],name:[513],value:[1025],max:[1025],min:[1025],next:[516],previous:[516],inCalendar:[516,"in-calendar"],showLabel:[516,"show-label"],allowPreviousMonth:[32],allowNextMonth:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-month","smoothly-icon","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-month":if(!customElements.get(i(t))){customElements.define(i(t),v)}break;case"smoothly-icon":if(!customElements.get(i(t))){r()}break;case"smoothly-input-select":if(!customElements.get(i(t))){c()}break;case"smoothly-item":if(!customElements.get(i(t))){m()}break}}))}b();export{v as S,b as d,u as m,d as w};
-//# sourceMappingURL=p-Bl9o-Dl8.js.map
+import{p as t,H as s,c as o,h as e,d as i,t as n}from"./p-BsZrGTcp.js";import{i as l}from"./p-BVKhAhsB.js";import{E as h}from"./p-DFXJvHuL.js";import{I as a}from"./p-DgaHxdNI.js";import{d as r}from"./p-BiQsRsV4.js";import{d as c}from"./p-RNCr3p17.js";import{d as m}from"./p-BS2SWUX6.js";function u(t){const s=new Date(t);s.setDate(1);let o=-((s.getDay()+6)%7)+1;const e=[];for(let s=0;s<6;s++){const i=[];for(let s=0;s<7;s++){const s=new Date(t);s.setUTCDate(o++);i.push(l.Date.create(s))}if(s<5||l.Date.firstOfMonth(i[0])==l.Date.firstOfMonth(t)){e.push(i)}}return e}function d(){const t=new globalThis.Date;t.setDate(t.getDate()-t.getDay()+1);const s=[];for(let o=0;o<7;o++){s.push(t.toLocaleString(undefined,{weekday:"short"}));t.setDate(t.getDate()+1)}return s}function f(t){const s=new globalThis.Date(t);const o=[];for(let e=0;e<12;e++){s.setMonth(e,28);const i=l.Date.create(s);o.push({date:i,name:s.toLocaleString(undefined,{month:"long"}),selected:i.substr(0,7)==t.substr(0,7)})}return o}function y(t,s,o){const e=new globalThis.Date(t);const i=s?l.Date.getYear(s):(new Date).getFullYear()-50;const n=o?l.Date.getYear(o):(new Date).getFullYear()+50;const h=[];for(let s=i;s<=n;s++){e.setFullYear(s);const o=l.Date.create(e);h.push({date:o,name:e.toLocaleString(undefined,{year:"numeric"}),selected:o==t})}return h}const p=()=>`.sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center;cursor:pointer}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;cursor:not-allowed}`;const v=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.value=l.Date.now();this.next=false;this.previous=false;this.inCalendar=false;this.showLabel=true;this.allowPreviousMonth=true;this.allowNextMonth=true;this.observer=h.Observer.create(this)}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.valueChanged()}valueChanged(){this.smoothlyInput.emit({[this.name]:this.value})}adjustMonth(t){var s;if(!this.readonly){const o=l.Date.parse((s=this.value)!==null&&s!==void 0?s:l.Date.now());o.setMonth(o.getMonth()+t);this.value=l.Date.create(o)}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}setAllowPreviousMonth(){var t,s;const o=l.Date.previousMonth((t=this.value)!==null&&t!==void 0?t:l.Date.now()).substring(0,7);const e=(s=this.min)===null||s===void 0?void 0:s.substring(0,7);this.allowPreviousMonth=!e||o>=e}setAllowNextMonth(){var t,s;const o=l.Date.nextMonth((t=this.value)!==null&&t!==void 0?t:l.Date.now()).substring(0,7);const e=(s=this.max)===null||s===void 0?void 0:s.substring(0,7);this.allowNextMonth=!e||o<=e}nameChange(t,s){a.formRename(this,s)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){var t,s;(t=this.year)===null||t===void 0?void 0:t.clear();(s=this.month)===null||s===void 0?void 0:s.clear()}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){var t,s;(t=this.year)===null||t===void 0?void 0:t.reset();(s=this.month)===null||s===void 0?void 0:s.reset()}async setInitialValue(){var t,s;(t=this.year)===null||t===void 0?void 0:t.setInitialValue();(s=this.month)===null||s===void 0?void 0:s.setInitialValue()}inputHandler(t){if(t.target!=this.element){t.stopPropagation();const s=t.detail[`${this.name}-year`];const o=t.detail[`${this.name}-month`];if(o&&l.Date.is(o)){this.value=l.Date.firstOfMonth(o)}else if(s&&l.Date.is(s)){this.value=l.Date.firstOfMonth(s)}}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks,this.color)}}async smoothlyInputLoadHandler(t){if(t.target!=this.element){t.stopPropagation()}}render(){var t,s;return e(i,{key:"825ed9c377498394114231b5fba58e1cbd53c321"},e("smoothly-icon",{key:"b17668f6747bf7169a0bd6284fec3e414be2b78c",name:"caret-back-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowPreviousMonth},onClick:()=>this.allowPreviousMonth&&this.adjustMonth(-1)}),e("smoothly-input-select",{key:"ec12ff50447e0ae9c85b7eefe6abeaf350b3a155",ref:t=>this.year=t,name:`${this.name}-year`,readonly:this.readonly,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const s=t.detail.value;if(s&&l.Date.is(s)){const t=l.Date.firstOfMonth(s);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},e("div",{key:"03f9af108c9a82b265055a5922371524a9a1485f",slot:"label"},e("slot",{key:"e1b37f7f4db3f27951844f1cf0453bc3bc66e141",name:"year-label"})),y((t=this.value)!==null&&t!==void 0?t:l.Date.now(),this.min,this.max).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-input-select",{key:"4c57f95ca4288fbf6401acfe5f83a9e21a7ad5e7",ref:t=>this.month=t,name:`${this.name}-month`,readonly:this.readonly,color:this.color,looks:this.looks,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const s=t.detail.value;if(s&&l.Date.is(s)){const t=l.Date.firstOfMonth(s);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},e("div",{key:"4c864e162f8fd664bf64d213f044608df5c32052",slot:"label"},e("slot",{key:"8be0361eafcdda1fe0af35403fafe7268e0e1857",name:"month-label"})),f((s=this.value)!==null&&s!==void 0?s:l.Date.now()).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-icon",{key:"a00a80fa415529ddd7fb28b12394ffbc3895e3ca",name:"caret-forward-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowNextMonth},onClick:()=>this.allowNextMonth&&this.adjustMonth(1)}))}get element(){return this}static get watchers(){return{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}}static get style(){return p()}},[262,"smoothly-input-month",{readonly:[1540],color:[513],looks:[1537],name:[513],value:[1025],max:[1025],min:[1025],next:[516],previous:[516],inCalendar:[516,"in-calendar"],showLabel:[516,"show-label"],allowPreviousMonth:[32],allowNextMonth:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-month","smoothly-icon","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-month":if(!customElements.get(n(t))){customElements.define(n(t),v)}break;case"smoothly-icon":if(!customElements.get(n(t))){r()}break;case"smoothly-input-select":if(!customElements.get(n(t))){c()}break;case"smoothly-item":if(!customElements.get(n(t))){m()}break}}))}b();export{v as S,b as d,u as m,d as w};
+//# sourceMappingURL=p-DTqtObrT.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyTableExpandableCell","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","span","open","componentWillLoad","smoothlyTableExpandableCellRegister","emit","close","clickHandler","event","clickedOnDetail","detailElement","composedPath","includes","selection","_a","window","getSelection","toString","trim","_b","length","openChange","smoothlyTableExpandableCellChange","render","h","Host","key","style","onClick","e","class","ref","el","name"],"sources":["src/components/table/expandable/cell/style.scss?tag=smoothly-table-expandable-cell&encapsulation=scoped","src/components/table/expandable/cell/index.tsx"],"sourcesContent":["@import \"../arrow.scss\";\n\n:host {\n\tdisplay: contents;\n}\n\n:host > div.content {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\tbox-sizing: border-box;\n\talign-items: center;\n\twhite-space: nowrap;\n\t@include arrow;\n\n\t&:hover {\n\t\t@include arrow-hover;\n\t\tbackground-color: rgb(var(--smoothly-table-hover-background));\n\t\tcolor: rgb(var(--smoothly-table-hover-foreground));\n\t\tstroke: rgb(var(--smoothly-table-hover-foreground));\n\t\tfill: rgb(var(--smoothly-table-hover-foreground));\n\t}\n}\n\n:host[open] > div.content {\n\t@include arrow-open;\n}\n\n:host > div:first-child {\n\tcursor: pointer;\n}\n\n:host > div.smoothly-table-detail {\n\tgrid-column: 1 / -1;\n\tgrid-row: 2;\n\tposition: relative;\n\tpadding-block: var(--smoothly-table-detail-padding-block, 0.5rem);\n\tpadding-inline: var(--smoothly-table-detail-padding-inline, 1.1rem);\n}\n\n:host[open] > div.content {\n\tbox-shadow: 1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset,\n\t\t-3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset;\n}\n\n:host[open] > div {\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n\tstroke: rgb(var(--smoothly-table-expanded-foreground));\n\tfill: rgb(var(--smoothly-table-expanded-foreground));\n}\n\n:host:not([open]) > div.smoothly-table-detail {\n\tdisplay: none;\n}\n\n:host > div.smoothly-table-detail::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tborder-left: 0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));\n\tbox-shadow: 2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n\n:host > div.smoothly-table-detail::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: 0;\n\tbottom: 0;\n\tright: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tbox-shadow: -2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, VNode, Watch } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-table-expandable-cell\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableExpandableCell {\n\tprivate detailElement?: HTMLDivElement\n\t@Prop({ reflect: true }) span?: number = 1\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyTableExpandableCellChange: EventEmitter<boolean>\n\t@Event() smoothlyTableExpandableCellRegister: EventEmitter<void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyTableExpandableCellRegister.emit()\n\t}\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.open = false\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tconst clickedOnDetail = this.detailElement && event.composedPath().includes(this.detailElement)\n\t\tif (!clickedOnDetail) {\n\t\t\tconst selection = window.getSelection()?.toString().trim()\n\t\t\tif ((selection?.length ?? 0) == 0) {\n\t\t\t\tthis.open = !this.open\n\t\t\t}\n\t\t}\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyTableExpandableCellChange.emit(this.open)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<div class={\"content\"}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<div class={\"smoothly-table-detail\"} ref={(el: HTMLDivElement) => (this.detailElement = el)}>\n\t\t\t\t\t<slot name={\"detail\"} />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uEAAA,MAAMA,EAAW,IAAM,4wG,MCMVC,EAA2BC,EAAA,MAAAD,UAAAE,EALxC,WAAAC,CAAAC,G,sNAO0BC,KAAAC,KAAgB,EACDD,KAAAE,KAAO,KAsC/C,CAnCA,iBAAAC,GACCH,KAAKI,oCAAoCC,M,CAG1C,WAAMC,GACLN,KAAKE,KAAO,K,CAEb,YAAAK,CAAaC,G,QACZ,MAAMC,EAAkBT,KAAKU,eAAiBF,EAAMG,eAAeC,SAASZ,KAAKU,eACjF,IAAKD,EAAiB,CACrB,MAAMI,GAAYC,EAAAC,OAAOC,kBAAc,MAAAF,SAAA,SAAAA,EAAEG,WAAWC,OACpD,KAAKC,EAAAN,IAAS,MAATA,SAAS,SAATA,EAAWO,UAAM,MAAAD,SAAA,EAAAA,EAAI,IAAM,EAAG,CAClCnB,KAAKE,MAAQF,KAAKE,I,GAKrB,UAAAmB,GACCrB,KAAKsB,kCAAkCjB,KAAKL,KAAKE,K,CAGlD,MAAAqB,G,MACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAO,CAAE,8BAA8Bb,EAAAd,KAAKC,QAAI,MAAAa,SAAA,SAAAA,EAAEG,SAAS,KAC3DW,QAAUC,GAAkB7B,KAAKO,aAAasB,IAC9CL,EAAA,OAAAE,IAAA,2CAAKI,MAAO,WACXN,EAAA,QAAAE,IAAA,8CAEDF,EAAA,OAAAE,IAAA,2CAAKI,MAAO,wBAAyBC,IAAMC,GAAwBhC,KAAKU,cAAgBsB,GACvFR,EAAA,QAAAE,IAAA,2CAAMO,KAAM,Y","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyTableExpandableCell","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","span","open","componentWillLoad","smoothlyTableExpandableCellRegister","emit","close","clickHandler","event","clickedOnDetail","detailElement","composedPath","includes","selection","_a","window","getSelection","toString","trim","_b","length","openChange","smoothlyTableExpandableCellChange","render","h","Host","key","style","onClick","e","class","ref","el","name"],"sources":["src/components/table/expandable/cell/style.scss?tag=smoothly-table-expandable-cell&encapsulation=scoped","src/components/table/expandable/cell/index.tsx"],"sourcesContent":["@use \"../arrow.scss\";\n\n:host {\n\tdisplay: contents;\n}\n\n:host > div.content {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\tbox-sizing: border-box;\n\talign-items: center;\n\twhite-space: nowrap;\n\t@include arrow.arrow;\n\n\t&:hover {\n\t\t@include arrow.arrow-hover;\n\t\tbackground-color: rgb(var(--smoothly-table-hover-background));\n\t\tcolor: rgb(var(--smoothly-table-hover-foreground));\n\t\tstroke: rgb(var(--smoothly-table-hover-foreground));\n\t\tfill: rgb(var(--smoothly-table-hover-foreground));\n\t}\n}\n\n:host[open] > div.content {\n\t@include arrow.arrow-open;\n}\n\n:host > div:first-child {\n\tcursor: pointer;\n}\n\n:host > div.smoothly-table-detail {\n\tgrid-column: 1 / -1;\n\tgrid-row: 2;\n\tposition: relative;\n\tpadding-block: var(--smoothly-table-detail-padding-block, 0.5rem);\n\tpadding-inline: var(--smoothly-table-detail-padding-inline, 1.1rem);\n}\n\n:host[open] > div.content {\n\tbox-shadow: 1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset,\n\t\t-3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset;\n}\n\n:host[open] > div {\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n\tstroke: rgb(var(--smoothly-table-expanded-foreground));\n\tfill: rgb(var(--smoothly-table-expanded-foreground));\n}\n\n:host:not([open]) > div.smoothly-table-detail {\n\tdisplay: none;\n}\n\n:host > div.smoothly-table-detail::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tborder-left: 0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));\n\tbox-shadow: 2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n\n:host > div.smoothly-table-detail::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: 0;\n\tbottom: 0;\n\tright: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tbox-shadow: -2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, VNode, Watch } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-table-expandable-cell\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableExpandableCell {\n\tprivate detailElement?: HTMLDivElement\n\t@Prop({ reflect: true }) span?: number = 1\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyTableExpandableCellChange: EventEmitter<boolean>\n\t@Event() smoothlyTableExpandableCellRegister: EventEmitter<void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyTableExpandableCellRegister.emit()\n\t}\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.open = false\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tconst clickedOnDetail = this.detailElement && event.composedPath().includes(this.detailElement)\n\t\tif (!clickedOnDetail) {\n\t\t\tconst selection = window.getSelection()?.toString().trim()\n\t\t\tif ((selection?.length ?? 0) == 0) {\n\t\t\t\tthis.open = !this.open\n\t\t\t}\n\t\t}\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyTableExpandableCellChange.emit(this.open)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<div class={\"content\"}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<div class={\"smoothly-table-detail\"} ref={(el: HTMLDivElement) => (this.detailElement = el)}>\n\t\t\t\t\t<slot name={\"detail\"} />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uEAAA,MAAMA,EAAW,IAAM,4wG,MCMVC,EAA2BC,EAAA,MAAAD,UAAAE,EALxC,WAAAC,CAAAC,G,sNAO0BC,KAAAC,KAAgB,EACDD,KAAAE,KAAO,KAsC/C,CAnCA,iBAAAC,GACCH,KAAKI,oCAAoCC,M,CAG1C,WAAMC,GACLN,KAAKE,KAAO,K,CAEb,YAAAK,CAAaC,G,QACZ,MAAMC,EAAkBT,KAAKU,eAAiBF,EAAMG,eAAeC,SAASZ,KAAKU,eACjF,IAAKD,EAAiB,CACrB,MAAMI,GAAYC,EAAAC,OAAOC,kBAAc,MAAAF,SAAA,SAAAA,EAAEG,WAAWC,OACpD,KAAKC,EAAAN,IAAS,MAATA,SAAS,SAATA,EAAWO,UAAM,MAAAD,SAAA,EAAAA,EAAI,IAAM,EAAG,CAClCnB,KAAKE,MAAQF,KAAKE,I,GAKrB,UAAAmB,GACCrB,KAAKsB,kCAAkCjB,KAAKL,KAAKE,K,CAGlD,MAAAqB,G,MACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAO,CAAE,8BAA8Bb,EAAAd,KAAKC,QAAI,MAAAa,SAAA,SAAAA,EAAEG,SAAS,KAC3DW,QAAUC,GAAkB7B,KAAKO,aAAasB,IAC9CL,EAAA,OAAAE,IAAA,2CAAKI,MAAO,WACXN,EAAA,QAAAE,IAAA,8CAEDF,EAAA,OAAAE,IAAA,2CAAKI,MAAO,wBAAyBC,IAAMC,GAAwBhC,KAAKU,cAAgBsB,GACvFR,EAAA,QAAAE,IAAA,2CAAMO,KAAM,Y","ignoreList":[]}

package/dist/components/{p-DbRWsqqh.js → p-DgHAvBgB.js}

@@ -1,2 +1,2 @@
-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-rfh5VPMG.js";import{d}from"./p-B8ljN4o0.js";import{d as y}from"./p-DgaHxdNI.js";import{d as u}from"./p-BiQsRsV4.js";import{d as b}from"./p-R4uIvvER.js";import{d as h}from"./p-_Om7ydYw.js";import{d as k}from"./p-Bl9o-Dl8.js";import{d as j}from"./p-DqwlZYFh.js";import{d as E}from"./p-kD9ZndMg.js";import{d as D}from"./p-CVp4Wd4u.js";import{d as g}from"./p-BS2SWUX6.js";import{d as B}from"./p-CsLlJDsh.js";var C;(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)})})(C||(C={}));const x=()=>``;const v=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:C.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 x()}},[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),v)}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))){u()}break;case"smoothly-input":if(!customElements.get(m(t))){b()}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))){g()}break;case"smoothly-spinner":if(!customElements.get(m(t))){B()}break}}))}N();export{v as S,N as d};
-//# sourceMappingURL=p-DbRWsqqh.js.map
+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 u}from"./p-BiQsRsV4.js";import{d as b}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-DqwlZYFh.js";import{d as E}from"./p-RNCr3p17.js";import{d as C}from"./p-CVp4Wd4u.js";import{d as D}from"./p-BS2SWUX6.js";import{d as B}from"./p-CsLlJDsh.js";var g;(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)})})(g||(g={}));const x=()=>``;const N=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:g.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 x()}},[2,"smoothly-form-demo-typed"]);function T(){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),N)}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))){u()}break;case"smoothly-input":if(!customElements.get(m(t))){b()}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))){C()}break;case"smoothly-item":if(!customElements.get(m(t))){D()}break;case"smoothly-spinner":if(!customElements.get(m(t))){B()}break}}))}T();export{N as S,T as d};
+//# sourceMappingURL=p-DgHAvBgB.js.map

package/dist/components/{p-CSjcf7-u.js → p-HKrMuYSD.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{o as r}from"./p-Dr7iZPxA.js";import{f as l}from"./p-CkXes5c-.js";import{N as c}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as p}from"./p-DX3KKRD9.js";import{d as f}from"./p-rfh5VPMG.js";import{d}from"./p-B8ljN4o0.js";import{d as h}from"./p-DgaHxdNI.js";import{d as y}from"./p-BiQsRsV4.js";import{d as u}from"./p-_Om7ydYw.js";import{d as b}from"./p-Bl9o-Dl8.js";import{d as k}from"./p-kD9ZndMg.js";import{d as j}from"./p-CVp4Wd4u.js";import{d as E}from"./p-BS2SWUX6.js";import{d as D}from"./p-CsLlJDsh.js";const B=()=>`.sc-smoothly-form-demo-date-h{display:block}`;const x=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.notice=s(this,"notice");this.validator=r({date:l("isoly.Date",i.Date.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(c.failed(`Type is incomplete.`))}else{this.notice.emit(c.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return e(m,{key:"5784da3e53561844b6425a7e8577660a86c61f1a"},e("h2",{key:"950410300b6a7f87362a139c35399856dc547080"},"Date input"),e("smoothly-form",{key:"1197555e126930ab2acd0810309e3114b7644fee",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},e("smoothly-input-date",{key:"beeb9a1969cc330fd1e9c5a01a2d571aab854f87",name:"date"},"Date"),e("smoothly-input-submit",{key:"e9f8448d0442b0dcaf4a793cd6f86c4156dcea04",slot:"submit"},e("smoothly-icon",{key:"998ef6127d165df5a08cfbafeb5ba64d9e87921a",name:"checkmark-outline"}))))}static get style(){return B()}},[2,"smoothly-form-demo-date"]);function C(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-date","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input-date","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-date":if(!customElements.get(a(t))){customElements.define(a(t),x)}break;case"smoothly-button":if(!customElements.get(a(t))){n()}break;case"smoothly-button-confirm":if(!customElements.get(a(t))){p()}break;case"smoothly-calendar":if(!customElements.get(a(t))){f()}break;case"smoothly-date-text":if(!customElements.get(a(t))){d()}break;case"smoothly-form":if(!customElements.get(a(t))){h()}break;case"smoothly-icon":if(!customElements.get(a(t))){y()}break;case"smoothly-input-date":if(!customElements.get(a(t))){u()}break;case"smoothly-input-month":if(!customElements.get(a(t))){b()}break;case"smoothly-input-select":if(!customElements.get(a(t))){k()}break;case"smoothly-input-submit":if(!customElements.get(a(t))){j()}break;case"smoothly-item":if(!customElements.get(a(t))){E()}break;case"smoothly-spinner":if(!customElements.get(a(t))){D()}break}}))}C();export{x as S,C as d};
-//# sourceMappingURL=p-CSjcf7-u.js.map
+import{p as t,H as o,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{o as r}from"./p-Dr7iZPxA.js";import{f as l}from"./p-CkXes5c-.js";import{N as c}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as p}from"./p-DX3KKRD9.js";import{d as f}from"./p-BqAN7jax.js";import{d}from"./p-B8ljN4o0.js";import{d as h}from"./p-DgaHxdNI.js";import{d as y}from"./p-BiQsRsV4.js";import{d as u}from"./p-C9zTTp-4.js";import{d as b}from"./p-DTqtObrT.js";import{d as k}from"./p-RNCr3p17.js";import{d as j}from"./p-CVp4Wd4u.js";import{d as E}from"./p-BS2SWUX6.js";import{d as D}from"./p-CsLlJDsh.js";const T=()=>`.sc-smoothly-form-demo-date-h{display:block}`;const B=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.notice=s(this,"notice");this.validator=r({date:l("isoly.Date",i.Date.is)})}async submitHandler(t){t.stopPropagation();if(!this.validator.is(t.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(c.failed(`Type is incomplete.`))}else{this.notice.emit(c.succeeded(`Type is complete!`));t.detail.result(true)}t.detail.result(false)}render(){return e(m,{key:"5784da3e53561844b6425a7e8577660a86c61f1a"},e("h2",{key:"950410300b6a7f87362a139c35399856dc547080"},"Date input"),e("smoothly-form",{key:"1197555e126930ab2acd0810309e3114b7644fee",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:t=>this.submitHandler(t)},e("smoothly-input-date",{key:"beeb9a1969cc330fd1e9c5a01a2d571aab854f87",name:"date"},"Date"),e("smoothly-input-submit",{key:"e9f8448d0442b0dcaf4a793cd6f86c4156dcea04",slot:"submit"},e("smoothly-icon",{key:"998ef6127d165df5a08cfbafeb5ba64d9e87921a",name:"checkmark-outline"}))))}static get style(){return T()}},[2,"smoothly-form-demo-date"]);function x(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-date","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input-date","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-date":if(!customElements.get(a(t))){customElements.define(a(t),B)}break;case"smoothly-button":if(!customElements.get(a(t))){n()}break;case"smoothly-button-confirm":if(!customElements.get(a(t))){p()}break;case"smoothly-calendar":if(!customElements.get(a(t))){f()}break;case"smoothly-date-text":if(!customElements.get(a(t))){d()}break;case"smoothly-form":if(!customElements.get(a(t))){h()}break;case"smoothly-icon":if(!customElements.get(a(t))){y()}break;case"smoothly-input-date":if(!customElements.get(a(t))){u()}break;case"smoothly-input-month":if(!customElements.get(a(t))){b()}break;case"smoothly-input-select":if(!customElements.get(a(t))){k()}break;case"smoothly-input-submit":if(!customElements.get(a(t))){j()}break;case"smoothly-item":if(!customElements.get(a(t))){E()}break;case"smoothly-spinner":if(!customElements.get(a(t))){D()}break}}))}x();export{B as S,x as d};
+//# sourceMappingURL=p-HKrMuYSD.js.map

package/dist/components/p-RNCr3p17.js

@@ -0,0 +1,2 @@
+import{p as t,H as s,c as o,h as e,d as i,t as l}from"./p-BsZrGTcp.js";import{a as n,E as h}from"./p-DFXJvHuL.js";import{o as c,b as r}from"./p-Dr7iZPxA.js";import{i as a}from"./p-CkXes5c-.js";import{I as d}from"./p-DgaHxdNI.js";import{d as m}from"./p-BiQsRsV4.js";import{d as p}from"./p-BS2SWUX6.js";var u;(function(t){let s;(function(t){t.type=c({value:n(),deselectable:r(),selected:r().optional(),filter:a()});t.is=t.type.is})(s=t.Element||(t.Element={}));t.type=s.type.extend({});t.is=t.type.is})(u||(u={}));const y=()=>`.sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-select-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-select-h,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background-color:transparent}[looks="transparent"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-select-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.floating-label.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-text.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h smoothly-icon.smoothly-invalid.sc-smoothly-input-select{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>div.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h .label.sc-smoothly-input-select{left:.5rem}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:20;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);min-width:fit-content;border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks="grid"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{left:-1px;right:-1px}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:0.5rem;border:1px solid rgb(var(--smoothly-input-foreground));border-radius:0.15rem;vertical-align:middle}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::after{content:"✔";position:absolute;left:0.65rem;color:rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::before{border:1px solid rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::after{color:rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:hover::before{border:1px solid rgb(var(--smoothly-item-hover-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:hover::after{color:rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{padding:.7rem .7rem .7rem .25rem}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{display:flex;position:sticky;top:0;gap:1rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview::before{content:"";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name="search-outline"].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}`;const b=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyItemSelect=o(this,"smoothlyItemSelect");this.smoothlySelectOpen=o(this,"smoothlySelectOpen");this.isDifferentFromInitial=false;this.initialValue=[];this.initialValueHandled=false;this.observer=h.Observer.create(this);this.items=[];this.invalid=false;this.name="selected";this.showLabel=true;this.showSelected=true;this.readonly=false;this.disabled=false;this.inCalendar=false;this.multiple=false;this.clearable=true;this.defined=false;this.required=false;this.searchDisabled=false;this.mutable=false;this.lastOpen=false;this.open=false;this.selected=[];this.filter="";this.addedItems=[]}componentWillLoad(){this.smoothlyInputLooks.emit(((t,s)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=s)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){this.selected&&!this.initialValueHandled&&(this.initialValue=[...this.selected]);this.initialValueHandled=true;this.onSelectedChange()}componentDidRender(){var t,s,o,e,i;this.itemHeight===undefined&&(this.itemHeight=(t=this.items.find((t=>t.clientHeight>0)))===null||t===void 0?void 0:t.clientHeight);if(this.menuHeight&&this.itemHeight){(s=this.element)===null||s===void 0?void 0:s.style.setProperty("--menu-height",!this.menuHeight.endsWith("items")||this.items.length==0?this.menuHeight:`${this.itemHeight*+((e=(o=this.menuHeight.match(/^(\d+(\.\d+)?|\.\d+)/g))===null||o===void 0?void 0:o[0])!==null&&e!==void 0?e:"10")}px`)}(i=this.element)===null||i===void 0?void 0:i.style.setProperty("--element-height",`${this.element.clientHeight}px`);if(this.ordered&&!this.multiple&&this.open&&!this.lastOpen){this.scrollToSelected()}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,s){d.formRename(this,s)}async register(){d.formAdd(this)}async unregister(){d.formRemove(this)}async getValue(){return!this.multiple&&this.selected[0]?this.selected[0].value:this.multiple&&this.selected.length>0?this.selected.map((t=>t.value)):undefined}async getItems(){return this.items}async listen(t){this.observer.subscribe(t)}async reset(){this.selected.forEach((t=>t.selected=t.hidden=false));this.initialValue.forEach((t=>t.selected=true));this.selected=[...this.initialValue];this.displaySelected();this.isDifferentFromInitial=false;this.open&&this.handleShowOptions()}async clear(){var t;if(this.clearable){this.selected.forEach((t=>t.selected=t.hidden=false));this.selected=[];if(this.displaySelectedElement){this.displaySelectedElement.innerHTML=(t=this.placeholder)!==null&&t!==void 0?t:""}}}async edit(t){this.readonly=!t}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=[...this.selected]}async onSelectedChange(){this.initialValueHandled&&(this.isDifferentFromInitial=!this.areValuesEqual(this.selected,this.initialValue));this.defined=this.selected.length>0;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}onRequiredChange(){this.items.forEach((t=>t.deselectable=!this.required))}async onFilterChange(t){t=t.toLowerCase();await Promise.all(this.items.map((s=>s.filter(t))))}watchingReadonly(){this.observer.publish()}async smoothlyInputLoadHandler(t){if(t.target&&("name"in t.target&&t.target.name!==this.name||t.composedPath().some((t=>t==this.iconsDiv))&&!t.composedPath().some((t=>t==this.toggle)))){t.stopPropagation()}else if(u.Element.is(t.target)){t.stopPropagation();t.target.deselectable=!this.required;this.items.push(t.target)}d.registerSubAction(this,t);this.displaySelected()}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&this.handleShowOptions()}onItemDomChange(t){t.stopPropagation();const s=t.target;if(s.selected){this.displaySelected()}}async onItemSelect(t){t.stopPropagation();const s=t.detail.item;if(this.multiple){this.selected=s.selected?[...this.selected,s]:this.selected.filter((t=>t.selected))}else if(s.selected||!this.items.some((t=>t.selected))){this.selected[0]&&(this.selected[0].hidden=this.selected[0].selected=false);this.selected=!s.selected?this.selected.filter((t=>t.selected)):[s];!this.showSelected&&s.selected&&(s.hidden=true)}this.displaySelected();if(t.detail.userInitiated){this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}onClosed(t,s){this.lastOpen=s;if(!t){const t=this.items.find((t=>t.marked));if(t){t.marked=false}}this.smoothlySelectOpen.emit(t)}handleShowOptions(t){const s=(t===null||t===void 0?void 0:t.composedPath().some((t=>t==this.iconsDiv)))&&!t.composedPath().some((t=>t==this.toggle));const o=t===null||t===void 0?void 0:t.composedPath().find((t=>"tagName"in t&&t.tagName=="SMOOTHLY-ITEM"));!this.readonly&&!this.disabled&&!(o&&this.items.includes(o)&&this.multiple)&&!s&&(this.open=!this.open);this.filter=""}areValuesEqual(t,s){return t.length===s.length&&s.every((s=>t.includes(s)))}displaySelected(){var t;const s=this.selected.map((t=>`<div>${t.innerHTML}</div>`)).join("");this.displaySelectedElement&&(this.displaySelectedElement.innerHTML=this.selected.length>0?s:(t=this.placeholder)!==null&&t!==void 0?t:"")}onKeyDown(t){if(!this.searchDisabled){t.stopPropagation();const s=this.items.some((t=>t.getAttribute("hidden")===null));if(t.key!="Tab"&&!t.ctrlKey&&!t.metaKey){t.preventDefault()}if(this.open){switch(t.key){case"ArrowUp":s&&this.move(-1);break;case"ArrowDown":s&&this.move(1);break;case"Escape":if(this.filter==""){this.open=false}else{this.filter=""}break;case"Backspace":this.filter=t.ctrlKey?"":this.filter.slice(0,-1);break;case"Enter":const o=this.items.find((t=>t.marked));if(o===null||o===void 0?void 0:o.value){o.selected=!o.selected}if(!this.multiple){this.open=false;this.filter=""}break;case"Tab":this.open=false;break;default:if(t.key.length==1){this.filter+=t.key}break}}else{switch(t.key){case"Enter":case" ":this.handleShowOptions();break;case"ArrowDown":this.handleShowOptions();this.move(1);break;case"ArrowUp":this.handleShowOptions();this.move(-1);break;case"Tab":break;default:this.handleShowOptions();if(t.key.length==1){this.filter+=t.key}break}}}}scrollToSelected(){const t=this.items.find((t=>t.selected));if(t){this.items.map((t=>t.marked=false));t.marked=true;this.scrollTo(t,"instant")}}move(t){const s=this.items.filter((t=>!t.hidden&&!t.disabled));let o=s.findIndex((t=>t.marked));if(o==-1){o=0}else{s[o].marked=false;o=(o+t+s.length)%s.length}s[o].marked=true;this.scrollTo(s[o],"smooth")}scrollTo(t,s){var o,e,i;(o=this.optionsDiv)===null||o===void 0?void 0:o.scrollTo({top:t.offsetTop+t.offsetHeight/2-((i=(e=this.optionsDiv)===null||e===void 0?void 0:e.clientHeight)!==null&&i!==void 0?i:0)/2,behavior:s})}addItem(){this.addedItems=this.addedItems.concat(e("smoothly-item",{value:this.filter,selected:true},this.filter))}render(){return e(i,{key:"ca6c2263ae2ef16cb0548e10ead81e15b2b42487",tabIndex:this.disabled?undefined:0,class:{"has-value":this.selected.length!==0,open:this.open},onClick:t=>this.handleShowOptions(t)},e("div",{key:"032b8a92bb4c74c48a9ea22b3ae552c2cac8d30a",class:"select-display",ref:t=>this.displaySelectedElement=t},this.placeholder),e("div",{key:"b1d1e8f9143643a69c23cc16668e901e5329c1cb",class:"icons",ref:t=>this.iconsDiv=t},e("smoothly-icon",{key:"958d9fa44174d2b4933e34b5a6c89963e42cb7de",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),e("slot",{key:"0a9725e2e1b37159f392ed2c8cb0e69b0253ec53",name:"end"}),this.looks=="border"&&!this.readonly&&e("smoothly-icon",{key:"fb656bc03fbec14da5e1914bd6bebed50ad5fbcd",ref:t=>this.toggle=t,size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"})),e("slot",{key:"743b3bc40c4bd7254225fd3f0962fcb67d07df59",name:"label"}),e("div",{key:"ac6b4007348834d933c8673710ebdacc3def6001",class:{hidden:!this.open,options:true},ref:t=>this.optionsDiv=t},this.filter.length>0&&e("div",{key:"502094a51085fa634e98b0d511713757ff30877d",class:"search-preview"},e("smoothly-icon",{key:"78729a52979f85bced39cecd9e861ff06185beb0",name:"search-outline",size:"small"}),this.filter,e("smoothly-icon",{key:"50956a5cc4a63ef0515947ddbbb7962d38e260c1",name:"backspace-outline",size:"small",onClick:t=>{t.stopPropagation();this.filter="";this.element.focus()}}),this.mutable&&e("smoothly-icon",{key:"b6f99488a836ad3e33d03ebb600bc5c5fc42e8cc",name:"add",size:"small",onClick:t=>{t.stopPropagation();this.addItem()}})),e("slot",{key:"a60d0d54bfc5dbae48ec336f92c5556a5ba13b2e"}),this.addedItems))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],selected:[{onSelectedChange:0}],required:[{onRequiredChange:0}],filter:[{onFilterChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],open:[{onClosed:0}]}}static get style(){return y()}},[262,"smoothly-input-select",{invalid:[516],errorMessage:[513,"error-message"],name:[513],color:[1537],looks:[1537],showLabel:[516,"show-label"],showSelected:[1540,"show-selected"],readonly:[1540],disabled:[516],inCalendar:[516,"in-calendar"],ordered:[516],multiple:[516],clearable:[4],defined:[1028],placeholder:[520],menuHeight:[1,"menu-height"],required:[4],searchDisabled:[4,"search-disabled"],mutable:[4],open:[32],selected:[32],filter:[32],addedItems:[32],register:[64],unregister:[64],getValue:[64],getItems:[64],listen:[64],reset:[64],clear:[64],edit:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"],[0,"smoothlyItemDOMChange","onItemDomChange"],[0,"smoothlyItemSelect","onItemSelect"],[0,"keydown","onKeyDown"]],{name:[{nameChange:0}],selected:[{onSelectedChange:0}],required:[{onRequiredChange:0}],filter:[{onFilterChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],open:[{onClosed:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-select","smoothly-icon","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-select":if(!customElements.get(l(t))){customElements.define(l(t),b)}break;case"smoothly-icon":if(!customElements.get(l(t))){m()}break;case"smoothly-item":if(!customElements.get(l(t))){p()}break}}))}f();export{b as S,f as d};
+//# sourceMappingURL=p-RNCr3p17.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Item","Element","type","isly.object","value","isly.any","deselectable","isly.boolean","selected","optional","filter","isly.function","is","extend","styleCss","SmoothlyInputSelect","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","initialValue","initialValueHandled","observer","Editable","Observer","create","items","invalid","name","showLabel","showSelected","readonly","disabled","inCalendar","multiple","clearable","defined","required","searchDisabled","mutable","lastOpen","open","addedItems","componentWillLoad","smoothlyInputLooks","emit","looks","color","_a","smoothlyInputLoad","parent","smoothlyFormDisable","publish","componentDidLoad","onSelectedChange","componentDidRender","itemHeight","undefined","find","item","clientHeight","menuHeight","_b","element","style","setProperty","endsWith","length","_d","_c","match","_e","ordered","scrollToSelected","disconnectedCallback","isConnected","unregister","nameChange","_","oldName","Input","formRename","register","formAdd","formRemove","getValue","map","getItems","listen","listener","subscribe","reset","forEach","hidden","displaySelected","handleShowOptions","clear","displaySelectedElement","innerHTML","placeholder","edit","editable","setInitialValue","areValuesEqual","smoothlyInput","onRequiredChange","onFilterChange","toLowerCase","Promise","all","watchingReadonly","smoothlyInputLoadHandler","event","target","composedPath","some","e","iconsDiv","toggle","stopPropagation","push","registerSubAction","onWindowClick","includes","onItemDomChange","onItemSelect","detail","userInitiated","smoothlyUserInput","onClosed","before","markedItem","marked","smoothlySelectOpen","wasButtonClicked","clickedItem","el","tagName","every","displayString","option","join","onKeyDown","visibleItems","getAttribute","key","ctrlKey","metaKey","preventDefault","move","slice","result","selectedItem","scrollTo","direction","selectableItems","markedIndex","findIndex","behavior","optionsDiv","top","offsetTop","offsetHeight","addItem","concat","h","render","Host","tabIndex","class","onClick","ref","size","tooltip","errorMessage","options","focus"],"sources":["src/components/item/Item.ts","src/components/input/select/style.css?tag=smoothly-input-select&encapsulation=scoped","src/components/input/select/index.tsx"],"sourcesContent":["import { isly } from \"isly\"\n\nexport interface Item extends Item.Element {}\n\nexport namespace Item {\n\texport interface Element {\n\t\tvalue: any\n\t\tselected?: boolean\n\t\tdeselectable: boolean\n\t\tfilter: (filter: string) => Promise<void>\n\t}\n\texport namespace Element {\n\t\texport const type = isly.object<Element>({\n\t\t\tvalue: isly.any(),\n\t\t\tdeselectable: isly.boolean(),\n\t\t\tselected: isly.boolean().optional(),\n\t\t\tfilter: isly.function(),\n\t\t})\n\t\texport const is = type.is\n\t}\n\texport const type = Element.type.extend<Item>({})\n\texport const is = type.is\n}\n","@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex-direction: row;\n\tposition: relative;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tfill: rgb(var(--smoothly-input-foreground));\n\tstroke: rgb(var(--smoothly-input-foreground));\n\tpadding-left: var(--input-padding-side);\n}\n\n:host.open {\n\tborder-radius: var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0;\n}\n\n:host.icon {\n\twidth: fit-content;\n\tflex-direction: column;\n}\n\n:host>div.select-display {\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tpadding: var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;\n\toverflow: hidden;\n\twidth: 100%;\n\twhite-space: nowrap;\n\tgap: 1rem;\n\ttext-overflow: ellipsis;\n}\n:host:not([readonly]):not([disabled])>div.select-display {\n\tcursor: pointer;\n}\n\n:host:not(:has([slot=label]))>div.select-display,\n:host:not([show-label])>div.select-display  {\n\tpadding: .6rem .8rem .6rem 0;\n\talign-items: center;\n}\n\n:host>div.select-display smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tfill: rgb(var(--smoothly-input-foreground));\n\tstroke: rgb(var(--smoothly-input-foreground));\n}\n\n:host>div.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host:hover>div.icons::slotted(smoothly-icon) {\n\tfilter: opacity(100%);\n}\n\n:host>div.icons>smoothly-icon[name=caret-down-outline],\n:host>div.icons>smoothly-icon[name=caret-forward-outline] {\n\topacity: .7;\n\theight: 100%;\n\tpadding-inline: var(--input-padding-side);\n}\n:host:not([readonly]):not([disabled])>div.icons>smoothly-icon[name=caret-down-outline],\n:host:not([readonly]):not([disabled])>div.icons>smoothly-icon[name=caret-forward-outline] {\n\tcursor: pointer;\n}\n\n:host[invalid]>div>smoothly-icon.smoothly-invalid {\n\tdisplay: block;\n\tpadding: 0.5rem;\n}\n\n:host>div>smoothly-icon.smoothly-invalid {\n\tdisplay: none\n}\n\n:host .label {\n\tleft: .5rem;\n}\n\n:host.has-value:has([slot=label]:not(:empty))>div.select-display,\n:host:not(.has-value)[placeholder]>div.select-display {\n\toverflow: hidden;\n\twidth: 100%;\n}\n\n:host>.options {\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: absolute;\n\ttop: var(--element-height);\n\tz-index: 20;\n\tmax-height: var(--menu-height, unset);\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tleft: 0;\n\tright: 0;\n\tborder-radius: 0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);\n\tmin-width: fit-content;\n\tborder: rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;\n\tborder-top: rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px;\n}\n:host[looks=\"grid\"]>div.options,\n:host[looks=border]>div.options,\n:host[looks=\"transparent\"]>div.options {\n\tleft: -1px;\n\tright: -1px;\n}\n:host[multiple]>div.options>smoothly-item::before {\n\tcontent: \"\";\n\tdisplay: inline-block;\n\twidth: 1rem;\n\theight: 1rem;\n\tmargin-right: 0.5rem;\n\tborder: 1px solid rgb(var(--smoothly-input-foreground));\n\tborder-radius: 0.15rem;\n\tvertical-align: middle;\n}\n:host[multiple]>div.options>smoothly-item[selected]::after {\n\tcontent: \"✔\";\n\tposition: absolute;\n\tleft: 0.65rem; \n\tcolor: rgb(var(--smoothly-item-selected-foreground))\n}\n:host[multiple]>div.options>smoothly-item[selected]::before {\n\tborder: 1px solid rgb(var(--smoothly-item-selected-foreground));\n}\n:host[multiple]>div.options>smoothly-item[selected]::after {\n\tcolor: rgb(var(--smoothly-item-selected-foreground));\n}\n:host[multiple]>div.options>smoothly-item:hover::before {\n\tborder: 1px solid rgb(var(--smoothly-item-hover-foreground));\n}\n:host[multiple]>div.options>smoothly-item:hover::after {\n\tcolor: rgb(var(--smoothly-item-hover-foreground));\n}\n:host>div.options::slotted(smoothly-item),\n:host>div.options::slotted(div.search-preview) {\n\tpadding: .7rem .7rem .7rem .25rem;\n}\n\n:host>div.options::slotted(div.search-preview) {\n\tdisplay: flex;\n\tposition: sticky;\n\ttop: 0;\n\tgap: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tfill: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tstroke: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n}\n:host>div.options::slotted(div.search-preview)::before {\n\t/* Hack to not make the search-preview have opacity without showing what is underneath */\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgba(var(--smoothly-primary-tint), 0.5);\n\tz-index: -1;\n}\n:host>div.options>div.search-preview>smoothly-icon[name=\"search-outline\"],\n:host>div.options>div.search-preview>smoothly-icon[name=\"backspace-outline\"] {\n\tcolor: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tfill: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tstroke: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n}\n\n:host>div.options>div.search-preview>smoothly-icon[name=\"backspace-outline\"] {\n\tmargin-left: auto;\n\tmargin-right: 0;\n}\n\n:host>div.options.hidden {\n\tdisplay: none;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { Item } from \"../../item/Item\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-select\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputSelect implements Input, Editable, Clearable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate initialValue: HTMLSmoothlyItemElement[] = []\n\tprivate initialValueHandled = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate displaySelectedElement?: HTMLElement\n\tprivate iconsDiv?: HTMLElement\n\tprivate toggle?: HTMLElement\n\tprivate optionsDiv?: HTMLDivElement\n\tprivate items: HTMLSmoothlyItemElement[] = []\n\tprivate itemHeight: number | undefined\n\t@Element() element: HTMLSmoothlyInputSelectElement\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop({ reflect: true }) name = \"selected\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ reflect: true, mutable: true }) showSelected?: boolean = true\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) inCalendar = false\n\t@Prop({ reflect: true }) ordered?: boolean\n\t@Prop({ reflect: true }) multiple = false\n\t@Prop() clearable = true\n\t@Prop({ mutable: true }) defined = false\n\t@Prop({ reflect: true }) placeholder?: string | any\n\t@Prop() menuHeight?: `${number}${\"items\" | \"rem\" | \"px\" | \"vh\"}`\n\t@Prop() required = false\n\t@Prop() searchDisabled = false\n\t@Prop() mutable = false\n\tprivate lastOpen = false\n\t@State() open = false\n\t@State() selected: HTMLSmoothlyItemElement[] = []\n\t@State() filter = \"\"\n\t@State() addedItems: HTMLSmoothlyItemElement[] = []\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyItemSelect: EventEmitter<HTMLSmoothlyItemElement>\n\t@Event() smoothlySelectOpen: EventEmitter<boolean>\n\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tcomponentDidLoad(): void | Promise<void> {\n\t\tthis.selected && !this.initialValueHandled && (this.initialValue = [...this.selected])\n\t\tthis.initialValueHandled = true\n\t\tthis.onSelectedChange()\n\t}\n\tcomponentDidRender(): void | Promise<void> {\n\t\tthis.itemHeight === undefined && (this.itemHeight = this.items.find(item => item.clientHeight > 0)?.clientHeight)\n\t\tif (this.menuHeight && this.itemHeight) {\n\t\t\tthis.element?.style.setProperty(\n\t\t\t\t\"--menu-height\",\n\t\t\t\t!this.menuHeight.endsWith(\"items\") || this.items.length == 0\n\t\t\t\t\t? this.menuHeight\n\t\t\t\t\t: `${this.itemHeight * +(this.menuHeight.match(/^(\\d+(\\.\\d+)?|\\.\\d+)/g)?.[0] ?? \"10\")}px`\n\t\t\t)\n\t\t}\n\t\tthis.element?.style.setProperty(\"--element-height\", `${this.element.clientHeight}px`)\n\n\t\tif (this.ordered && !this.multiple && this.open && !this.lastOpen) {\n\t\t\tthis.scrollToSelected()\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<any | any[] | undefined> {\n\t\treturn !this.multiple && this.selected[0]\n\t\t\t? this.selected[0].value\n\t\t\t: this.multiple && this.selected.length > 0\n\t\t\t\t? this.selected.map(item => item.value)\n\t\t\t\t: undefined\n\t}\n\t@Method()\n\tasync getItems(): Promise<HTMLSmoothlyItemElement[]> {\n\t\treturn this.items\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.selected.forEach(item => (item.selected = item.hidden = false))\n\t\tthis.initialValue.forEach(item => (item.selected = true))\n\t\tthis.selected = [...this.initialValue]\n\t\tthis.displaySelected()\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.open && this.handleShowOptions()\n\t}\n\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tif (this.clearable) {\n\t\t\tthis.selected.forEach(item => (item.selected = item.hidden = false))\n\t\t\tthis.selected = []\n\t\t\tif (this.displaySelectedElement) {\n\t\t\t\tthis.displaySelectedElement.innerHTML = this.placeholder ?? \"\"\n\t\t\t}\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.initialValue = [...this.selected]\n\t}\n\t@Watch(\"selected\")\n\tasync onSelectedChange() {\n\t\tthis.initialValueHandled && (this.isDifferentFromInitial = !this.areValuesEqual(this.selected, this.initialValue))\n\t\tthis.defined = this.selected.length > 0\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"required\")\n\tonRequiredChange(): void {\n\t\tthis.items.forEach(item => (item.deselectable = !this.required))\n\t}\n\t@Watch(\"filter\")\n\tasync onFilterChange(value: string): Promise<void> {\n\t\tvalue = value.toLowerCase()\n\t\tawait Promise.all(this.items.map(item => item.filter(value)))\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputSelect) => void>): Promise<void> {\n\t\tif (\n\t\t\tevent.target &&\n\t\t\t((\"name\" in event.target && event.target.name !== this.name) ||\n\t\t\t\t(event.composedPath().some(e => e == this.iconsDiv) && !event.composedPath().some(e => e == this.toggle)))\n\t\t) {\n\t\t\tevent.stopPropagation()\n\t\t} else if (Item.Element.is(event.target)) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.target.deselectable = !this.required\n\t\t\tthis.items.push(event.target as HTMLSmoothlyItemElement)\n\t\t}\n\t\tInput.registerSubAction(this, event)\n\t\tthis.displaySelected()\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && this.handleShowOptions()\n\t}\n\t@Listen(\"smoothlyItemDOMChange\")\n\tonItemDomChange(e: CustomEvent) {\n\t\te.stopPropagation()\n\t\tconst item = e.target as HTMLSmoothlyItemElement\n\t\tif (item.selected) {\n\t\t\tthis.displaySelected()\n\t\t}\n\t}\n\t@Listen(\"smoothlyItemSelect\")\n\tasync onItemSelect(event: CustomEvent<{ userInitiated: boolean; item: HTMLSmoothlyItemElement }>): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tconst item = event.detail.item\n\t\tif (this.multiple) {\n\t\t\tthis.selected = item.selected ? [...this.selected, item] : this.selected.filter(item => item.selected)\n\t\t} else if (item.selected || !this.items.some(e => e.selected)) {\n\t\t\tthis.selected[0] && (this.selected[0].hidden = this.selected[0].selected = false)\n\t\t\tthis.selected = !item.selected ? this.selected.filter(item => item.selected) : [item]\n\t\t\t!this.showSelected && item.selected && (item.hidden = true)\n\t\t}\n\t\tthis.displaySelected()\n\t\tif (event.detail.userInitiated) {\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\t@Watch(\"open\")\n\tonClosed(open: boolean, before: boolean): void {\n\t\tthis.lastOpen = before\n\t\tif (!open) {\n\t\t\tconst markedItem = this.items.find(item => item.marked)\n\t\t\tif (markedItem) {\n\t\t\t\tmarkedItem.marked = false\n\t\t\t}\n\t\t}\n\t\tthis.smoothlySelectOpen.emit(open)\n\t}\n\thandleShowOptions(event?: Event): void {\n\t\tconst wasButtonClicked =\n\t\t\tevent?.composedPath().some(e => e == this.iconsDiv) && !event.composedPath().some(e => e == this.toggle)\n\t\tconst clickedItem = event\n\t\t\t?.composedPath()\n\t\t\t.find((el): el is HTMLSmoothlyItemElement => \"tagName\" in el && el.tagName == \"SMOOTHLY-ITEM\")\n\t\t!this.readonly &&\n\t\t\t!this.disabled &&\n\t\t\t!(clickedItem && this.items.includes(clickedItem) && this.multiple) &&\n\t\t\t!wasButtonClicked &&\n\t\t\t(this.open = !this.open)\n\t\tthis.filter = \"\"\n\t}\n\tareValuesEqual(selected: HTMLSmoothlyItemElement[], initialValue: HTMLSmoothlyItemElement[]): boolean {\n\t\treturn selected.length === initialValue.length && initialValue.every(value => selected.includes(value))\n\t}\n\tdisplaySelected(): void {\n\t\tconst displayString: string = this.selected.map(option => `<div>${option.innerHTML}</div>`).join(\"\")\n\t\tthis.displaySelectedElement &&\n\t\t\t(this.displaySelectedElement.innerHTML = this.selected.length > 0 ? displayString : (this.placeholder ?? \"\"))\n\t}\n\t@Listen(\"keydown\")\n\tonKeyDown(event: KeyboardEvent) {\n\t\tif (!this.searchDisabled) {\n\t\t\tevent.stopPropagation()\n\t\t\tconst visibleItems = this.items.some(item => item.getAttribute(\"hidden\") === null)\n\t\t\tif (event.key != \"Tab\" && !event.ctrlKey && !event.metaKey) {\n\t\t\t\tevent.preventDefault()\n\t\t\t}\n\t\t\tif (this.open) {\n\t\t\t\tswitch (event.key) {\n\t\t\t\t\tcase \"ArrowUp\":\n\t\t\t\t\t\tvisibleItems && this.move(-1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"ArrowDown\":\n\t\t\t\t\t\tvisibleItems && this.move(1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"Escape\":\n\t\t\t\t\t\tif (this.filter == \"\") {\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.filter = \"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"Backspace\":\n\t\t\t\t\t\tthis.filter = event.ctrlKey ? \"\" : this.filter.slice(0, -1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"Enter\":\n\t\t\t\t\t\tconst result = this.items.find(item => item.marked)\n\t\t\t\t\t\tif (result?.value) {\n\t\t\t\t\t\t\tresult.selected = !result.selected\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (!this.multiple) {\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\tthis.filter = \"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"Tab\":\n\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\tbreak\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tif (event.key.length == 1) {\n\t\t\t\t\t\t\tthis.filter += event.key\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tswitch (event.key) {\n\t\t\t\t\tcase \"Enter\":\n\t\t\t\t\tcase \" \":\n\t\t\t\t\t\tthis.handleShowOptions()\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"ArrowDown\":\n\t\t\t\t\t\tthis.handleShowOptions()\n\t\t\t\t\t\tthis.move(1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"ArrowUp\":\n\t\t\t\t\t\tthis.handleShowOptions()\n\t\t\t\t\t\tthis.move(-1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase \"Tab\":\n\t\t\t\t\t\tbreak\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tthis.handleShowOptions()\n\t\t\t\t\t\tif (event.key.length == 1) {\n\t\t\t\t\t\t\tthis.filter += event.key\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tprivate scrollToSelected() {\n\t\tconst selectedItem = this.items.find(item => item.selected)\n\t\tif (selectedItem) {\n\t\t\tthis.items.map(item => (item.marked = false))\n\t\t\tselectedItem.marked = true\n\t\t\tthis.scrollTo(selectedItem, \"instant\")\n\t\t}\n\t}\n\tprivate move(direction: -1 | 1): void {\n\t\tconst selectableItems = this.items.filter(item => !item.hidden && !item.disabled)\n\t\tlet markedIndex = selectableItems.findIndex(item => item.marked)\n\t\tif (markedIndex == -1) {\n\t\t\tmarkedIndex = 0\n\t\t} else {\n\t\t\tselectableItems[markedIndex].marked = false\n\t\t\tmarkedIndex = (markedIndex + direction + selectableItems.length) % selectableItems.length\n\t\t}\n\t\tselectableItems[markedIndex].marked = true\n\t\tthis.scrollTo(selectableItems[markedIndex], \"smooth\")\n\t}\n\tprivate scrollTo(item: HTMLSmoothlyItemElement, behavior?: \"instant\" | \"smooth\") {\n\t\tthis.optionsDiv?.scrollTo({\n\t\t\ttop: item.offsetTop + item.offsetHeight / 2 - (this.optionsDiv?.clientHeight ?? 0) / 2,\n\t\t\tbehavior,\n\t\t})\n\t}\n\tprivate addItem() {\n\t\tthis.addedItems = this.addedItems.concat(\n\t\t\t<smoothly-item value={this.filter} selected>\n\t\t\t\t{this.filter}\n\t\t\t</smoothly-item>\n\t\t)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\ttabIndex={this.disabled ? undefined : 0}\n\t\t\t\tclass={{ \"has-value\": this.selected.length !== 0, open: this.open }}\n\t\t\t\tonClick={(event: Event) => this.handleShowOptions(event)}>\n\t\t\t\t<div class=\"select-display\" ref={element => (this.displaySelectedElement = element)}>\n\t\t\t\t\t{this.placeholder}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"icons\" ref={element => (this.iconsDiv = element)}>\n\t\t\t\t\t<smoothly-icon class=\"smoothly-invalid\" name=\"alert-circle\" size=\"small\" tooltip={this.errorMessage} />\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t\t{this.looks == \"border\" && !this.readonly && (\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tref={element => (this.toggle = element)}\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tname={this.open ? \"caret-down-outline\" : \"caret-forward-outline\"}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"label\" />\n\t\t\t\t<div class={{ hidden: !this.open, options: true }} ref={(el: HTMLDivElement) => (this.optionsDiv = el)}>\n\t\t\t\t\t{this.filter.length > 0 && (\n\t\t\t\t\t\t<div class=\"search-preview\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"search-outline\" size=\"small\" />\n\t\t\t\t\t\t\t{this.filter}\n\t\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\t\tname=\"backspace-outline\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tthis.filter = \"\"\n\t\t\t\t\t\t\t\t\tthis.element.focus()\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{this.mutable && (\n\t\t\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\t\t\tname=\"add\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\tthis.addItem()\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<slot />\n\t\t\t\t\t{this.addedItems}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-CBdAZLYa.js → p-fJkfUsWz.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i as r}from"./p-BVKhAhsB.js";import{o as i}from"./p-Dr7iZPxA.js";import{f as n}from"./p-CkXes5c-.js";import{N as c}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as l}from"./p-BHEtq3Ue.js";import{d as f}from"./p-DX3KKRD9.js";import{d as p}from"./p-rfh5VPMG.js";import{d as h}from"./p-B8ljN4o0.js";import{d as y}from"./p-DgaHxdNI.js";import{d}from"./p-BiQsRsV4.js";import{d as u}from"./p-NG2uN2mW.js";import{d as b}from"./p-Bl9o-Dl8.js";import{d as k}from"./p-kD9ZndMg.js";import{d as j}from"./p-CVp4Wd4u.js";import{d as E}from"./p-BS2SWUX6.js";import{d as g}from"./p-CsLlJDsh.js";const D=()=>`.sc-smoothly-form-demo-date-range-h{display:block}`;const B=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.notice=s(this,"notice");this.validator=i({range:n("isoly.DateRange",r.DateRange.is)})}async submitHandler(o){o.stopPropagation();if(!this.validator.is(o.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(c.failed(`Type is incomplete.`))}else{this.notice.emit(c.succeeded(`Type is complete!`));o.detail.result(true)}o.detail.result(false)}render(){return e(m,{key:"5cbcb41cef877f0e9fb78ce81697fc2439abb4f0"},e("h2",{key:"6a4ff28901af3515b1b7e6bf6b7feaf6a2d382a0"},"Date-range input"),e("smoothly-form",{key:"9579ce7a593f945b634c669880b9eb39a41f059f",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:o=>this.submitHandler(o)},e("smoothly-input-date-range",{key:"43a8f7e8882a37479f5a52d902798815828d86c4",name:"range"},"Range"),e("smoothly-input-submit",{key:"72c48ab7aa2df6e594a2256969e31ad98543decc",slot:"submit"},e("smoothly-icon",{key:"71ae5057364c903f6fae97c46d3acef660471cc4",name:"checkmark-outline"}))))}static get style(){return D()}},[2,"smoothly-form-demo-date-range"]);function x(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo-date-range","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input-date-range","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];o.forEach((o=>{switch(o){case"smoothly-form-demo-date-range":if(!customElements.get(a(o))){customElements.define(a(o),B)}break;case"smoothly-button":if(!customElements.get(a(o))){l()}break;case"smoothly-button-confirm":if(!customElements.get(a(o))){f()}break;case"smoothly-calendar":if(!customElements.get(a(o))){p()}break;case"smoothly-date-text":if(!customElements.get(a(o))){h()}break;case"smoothly-form":if(!customElements.get(a(o))){y()}break;case"smoothly-icon":if(!customElements.get(a(o))){d()}break;case"smoothly-input-date-range":if(!customElements.get(a(o))){u()}break;case"smoothly-input-month":if(!customElements.get(a(o))){b()}break;case"smoothly-input-select":if(!customElements.get(a(o))){k()}break;case"smoothly-input-submit":if(!customElements.get(a(o))){j()}break;case"smoothly-item":if(!customElements.get(a(o))){E()}break;case"smoothly-spinner":if(!customElements.get(a(o))){g()}break}}))}x();export{B as S,x as d};
-//# sourceMappingURL=p-CBdAZLYa.js.map
+import{p as o,H as t,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i as r}from"./p-BVKhAhsB.js";import{o as i}from"./p-Dr7iZPxA.js";import{f as n}from"./p-CkXes5c-.js";import{N as c}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as l}from"./p-BHEtq3Ue.js";import{d as f}from"./p-DX3KKRD9.js";import{d as p}from"./p-BqAN7jax.js";import{d as h}from"./p-B8ljN4o0.js";import{d as y}from"./p-DgaHxdNI.js";import{d}from"./p-BiQsRsV4.js";import{d as u}from"./p-DKggy9E3.js";import{d as b}from"./p-DTqtObrT.js";import{d as k}from"./p-RNCr3p17.js";import{d as j}from"./p-CVp4Wd4u.js";import{d as E}from"./p-BS2SWUX6.js";import{d as g}from"./p-CsLlJDsh.js";const D=()=>`.sc-smoothly-form-demo-date-range-h{display:block}`;const B=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.notice=s(this,"notice");this.validator=i({range:n("isoly.DateRange",r.DateRange.is)})}async submitHandler(o){o.stopPropagation();if(!this.validator.is(o.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(c.failed(`Type is incomplete.`))}else{this.notice.emit(c.succeeded(`Type is complete!`));o.detail.result(true)}o.detail.result(false)}render(){return e(m,{key:"5cbcb41cef877f0e9fb78ce81697fc2439abb4f0"},e("h2",{key:"6a4ff28901af3515b1b7e6bf6b7feaf6a2d382a0"},"Date-range input"),e("smoothly-form",{key:"9579ce7a593f945b634c669880b9eb39a41f059f",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:o=>this.submitHandler(o)},e("smoothly-input-date-range",{key:"43a8f7e8882a37479f5a52d902798815828d86c4",name:"range"},"Range"),e("smoothly-input-submit",{key:"72c48ab7aa2df6e594a2256969e31ad98543decc",slot:"submit"},e("smoothly-icon",{key:"71ae5057364c903f6fae97c46d3acef660471cc4",name:"checkmark-outline"}))))}static get style(){return D()}},[2,"smoothly-form-demo-date-range"]);function x(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo-date-range","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input-date-range","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];o.forEach((o=>{switch(o){case"smoothly-form-demo-date-range":if(!customElements.get(a(o))){customElements.define(a(o),B)}break;case"smoothly-button":if(!customElements.get(a(o))){l()}break;case"smoothly-button-confirm":if(!customElements.get(a(o))){f()}break;case"smoothly-calendar":if(!customElements.get(a(o))){p()}break;case"smoothly-date-text":if(!customElements.get(a(o))){h()}break;case"smoothly-form":if(!customElements.get(a(o))){y()}break;case"smoothly-icon":if(!customElements.get(a(o))){d()}break;case"smoothly-input-date-range":if(!customElements.get(a(o))){u()}break;case"smoothly-input-month":if(!customElements.get(a(o))){b()}break;case"smoothly-input-select":if(!customElements.get(a(o))){k()}break;case"smoothly-input-submit":if(!customElements.get(a(o))){j()}break;case"smoothly-item":if(!customElements.get(a(o))){E()}break;case"smoothly-spinner":if(!customElements.get(a(o))){g()}break}}))}x();export{B as S,x as d};
+//# sourceMappingURL=p-fJkfUsWz.js.map

package/dist/components/smoothly-app-demo.js

@@ -1,2 +1,2 @@
-import{p as o,H as e,h as t,t as s}from"./p-BsZrGTcp.js";import{d as m}from"./p-D1uYEo7L.js";import{d as a}from"./p-v06atw3t.js";import{d as l}from"./p-BoHJT9bR.js";import{d as r}from"./p-DIz1nEPY.js";import{d as i}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DX3KKRD9.js";import{d}from"./p-vJp_rBtb.js";import{d as p}from"./p-DdDIWpAG.js";import{d as n}from"./p-rfh5VPMG.js";import{d as f}from"./p-B8ljN4o0.js";import{d as y}from"./p-BQIS-JBV.js";import{d as h}from"./p-DnLJBwZR.js";import{d as b}from"./p-DM5CKilY.js";import{d as u}from"./p-BaGuG5hS.js";import{d as k}from"./p-BuKk-s9A.js";import{d as j}from"./p-CR3Ni_o7.js";import{d as E}from"./p-B-l1S16Z.js";import{d as g}from"./p-Ud7Qhkgt.js";import{d as C}from"./p-C3FORjes.js";import{d as w}from"./p-DgaHxdNI.js";import{d as D}from"./p-E3K_mUkm.js";import{d as B}from"./p-Cwlv34G5.js";import{d as v}from"./p-CiJgTdse.js";import{d as T}from"./p-gB0mpakH.js";import{d as x}from"./p-CSjcf7-u.js";import{d as I}from"./p-CBdAZLYa.js";import{d as R}from"./p-p0yn7c4h.js";import{d as S}from"./p-CrSX7reE.js";import{d as H}from"./p-DlHIV5_u.js";import{d as L}from"./p-DsrnECl3.js";import{d as V}from"./p-DOH-q32V.js";import{d as W}from"./p-DbRWsqqh.js";import{d as Z}from"./p-BEHuPmXt.js";import{d as G}from"./p-BiQsRsV4.js";import{d as K}from"./p-BlwcMiTW.js";import{d as Y}from"./p-R4uIvvER.js";import{d as N}from"./p-C_f8s6n5.js";import{d as F}from"./p-DZadnBSZ.js";import{d as J}from"./p-nrkV1PqR.js";import{d as Q}from"./p-D58kSmOp.js";import{d as X}from"./p-_Om7ydYw.js";import{d as q}from"./p-ipbPbq1N.js";import{d as A}from"./p-NG2uN2mW.js";import{d as M}from"./p-B5Gl6MB6.js";import{d as O}from"./p-BaZ7epwA.js";import{d as P}from"./p-DdTTiJbE.js";import{d as U}from"./p-CaAY8by4.js";import{d as z}from"./p-BvFi_Lkx.js";import{d as _}from"./p-C519IJGa.js";import{d as $}from"./p-CioJtwj-.js";import{d as oo}from"./p-Bl9o-Dl8.js";import{d as eo}from"./p-nHKstm2X.js";import{d as to}from"./p-BDhPxj59.js";import{d as so}from"./p-DXHBXAV0.js";import{d as mo}from"./p-D2FsRCII.js";import{d as ao}from"./p-fafhoJgv.js";import{d as lo}from"./p-DqwlZYFh.js";import{d as ro}from"./p-kD9ZndMg.js";import{d as io}from"./p-CVp4Wd4u.js";import{d as co}from"./p-BS2SWUX6.js";import{d as po}from"./p-thKhutym.js";import{d as no}from"./p-CDQM-sOT.js";import{d as fo}from"./p-DwYc62Ls.js";import{d as yo}from"./p-CottiZWN.js";import{d as ho}from"./p-ByWVc-XC.js";import{d as bo}from"./p-Bm-gpoFa.js";import{d as uo}from"./p-CsLlJDsh.js";import{d as ko}from"./p-iucZC6z5.js";import{d as jo}from"./p-DSsOLbj6.js";import{d as Eo}from"./p-Dekg3IGr.js";import{d as go}from"./p-CrcmijCR.js";import{d as Co}from"./p-CRTkSTv3.js";import{d as wo}from"./p-Cvl7cLxT.js";import{d as Do}from"./p-D9qp7S6Q.js";import{d as Bo}from"./p-CR1YZ3na.js";import{d as vo}from"./p-4y8eF-fy.js";import{d as To}from"./p-CuMoDdaf.js";import{d as xo}from"./p-BQSKXVmh.js";import{d as Io}from"./p-i8IFRTdL.js";import{d as Ro}from"./p-DZ4ogW8V.js";import{d as So}from"./p-CG636AEF.js";import{d as Ho}from"./p-BNnhxQyl.js";import{d as Lo}from"./p-CVH3vlKv.js";import{d as Vo}from"./p-CjdBPauI.js";import{d as Wo}from"./p-CTPT9Ngc.js";import{d as Zo}from"./p-DBuVH8IL.js";import{d as Go}from"./p-2Y5tLcQ1.js";import{d as Ko}from"./p-1KOtWYkC.js";import{d as Yo}from"./p-BPh3sXo6.js";import{d as No}from"./p-BnYCDLp0.js";import{d as Fo}from"./p-D2cHi1Nb.js";import{d as Jo}from"./p-CSvGZiNH.js";import{d as Qo}from"./p-B3OjIxsE.js";import{d as Xo}from"./p-mBKOQrQy.js";import{d as qo}from"./p-DMzn0Iz0.js";import{d as Ao}from"./p-CdgiqBtD.js";import{d as Mo}from"./p-CF5IKGi5.js";const Oo=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}}urlChangeHandler(o){console.log("smoothlyUrlChange",o.detail)}render(){return t("smoothly-app",{key:"86d6cc67b58d8c7c04b9fd7e33891dfacb529943",color:"dark",label:"Smoothly Demo",home:"/root",ref:o=>this.app=o},t("smoothly-app-room",{key:"7012500cb2629c53e1156372722e8ef2b6d047eb",path:"/"},t("section",{key:"759dafafbd63e7fff5bf0acd0502e8eec36e8c64",style:{padding:"1em",maxWidth:"32em",margin:"0 auto"}},t("header",{key:"0ed18baa408a674f906abc32425ce6037662a476"},t("h1",{key:"22cb0dc61fece9d2d7acae6a55db19ccc57261df"},"Welcome")),t("p",{key:"d914f970b834d217cd2dfd7d2d05cd0c4b5dcb65"},"Smoothly is a component library written in ",t("a",{key:"3626d6388b49307f475e4071ef114039dcb51f60",href:"http://stenciljs.com"},"Stencil"),". It can therefore be used across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML."),t("p",{key:"319549bf6b8cca5d5f9042b1f74c29e884545a59"},"This is particularly useful when trying to unifying the user experience across projects written in different technology stacks. It is also written to minimize the amount of code you need to write to achieve a nice user experience."))),t("smoothly-app-room",{key:"4c752059c00ad39c3bee1d36bdac99bfad027f5f",path:"/form",label:"Forms",content:t("smoothly-form-demo",null)}),t("smoothly-app-room",{key:"02b7dd008a64194f348bfb0679217ebbea05fac9",path:"/input",label:"Inputs",content:t("smoothly-input-demo",null)}),t("smoothly-app-room",{key:"41c7489608d0da9a8d4a2ab9b1a56c425cc36f21",path:"/table",label:"Tables",content:t("smoothly-table-demo",null)}),t("smoothly-app-room",{key:"b10b3c95084e9f27a6ebeaf5170bb10be8226c87",path:"/button",label:"Buttons",content:t("smoothly-button-demo",null)}),t("smoothly-app-room",{key:"f20620084dd779b954fa440b559db2bdccf0b3a3",path:"/icon",label:"Icons",content:t("smoothly-icon-demo",null)}),t("smoothly-app-room",{key:"5078c24c13064315cf8f761809e60cdfc1734c41",path:"/theme",label:"Theming",content:t("smoothly-theme-demo",null)}),t("smoothly-app-room",{key:"1a215800a294196d53fca85834aac7fea5990e70",path:"/dialog",label:"Dialogs",content:t("smoothly-dialog-demo",null),slot:"nav-end"}),t("smoothly-app-room",{key:"c43bd3e6cdd99d7c481c041d85cdc09abf6777e1",path:"/display",label:"Display",content:t("smoothly-display-demo",null),slot:"nav-end"}),t("smoothly-app-room",{key:"bec674db3cafd8d778f8d7baaa8036ff80c72d5e",path:"/tabs",label:"Tabs",slot:"nav-end"},t("smoothly-tabs-demo",{key:"b6a5e71af63d597edc737c03feacbd05c302ebd1"})),t("smoothly-app-room",{key:"7045bdab3e9f1b9e312c99c51efa7700650d868b",path:"/links",label:"Links",slot:"nav-end"},t("smoothly-input",{key:"bd683968e82f931896daa95af86c0219f147eb40",type:"text"},"Default"),t("div",{key:"75e8b55879905603512fc4d5fe53e3c09a5782d0",style:{padding:"1em",maxWidth:"12em"}},t("smoothly-button",{key:"869802d20dddc052fdfa6e537e641dc48c399117",fill:"solid",color:"danger",link:"https://google.com"},"open"),t("smoothly-button",{key:"e0018a3f508970db339bb3b235e31a65aba2757e",fill:"solid",color:"danger",link:"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",type:"download"},"download"),t("smoothly-button",{key:"7ab52ab0a4f39e20b2e2f26f46c0f8997d57729c",fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),t("smoothly-button",{key:"4824113cd8ce8a18c90c825b8a9b761cb8755b05",disabled:true,fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),t("smoothly-button",{key:"9e49688ab7dd80739746f71e3cab6ef83db80ae7",type:"link",fill:"clear",color:"danger",onClick:()=>alert("clicked")},"action link"))),t("smoothly-app-room",{key:"fa1c5ae55b117380e63b5a770efe06c6df055378",path:"/redirect",label:"Redirect",slot:"nav-end"},t("smoothly-button",{key:"f47bd47275bd85a8e8f3e79e8c934e7927f36890",type:"link",link:"/input"},"To input"),t("smoothly-button",{key:"e24f908b0515b8219dce4d44bb2dd6b2c7f39584",type:"link",link:"../button"},"To button"),t("smoothly-button",{key:"85835e7ebef099c646ca28af45d5827913872853",type:"link",link:new URL("/hidden",window.location.origin).href},"To hidden"),t("smoothly-button",{key:"b74f97297768504a5b4f0cace60acb1d48991633",type:"link",link:"/redirect"},"To redirect"),t("smoothly-button",{key:"cc1cc9fce70b0f47fe652ae60d674fa6707be2cd",type:"link",link:"nested"},"To redirect nested, relative path")),t("smoothly-app-room",{key:"17f2026f91be5f73266c141809bc31521d0acca9",path:"/hidden"},t("p",{key:"3bbd16511c586b7387f4c7a5152131f5aa5a4cdf"},"hello world!")),t("smoothly-app-room",{key:"2635c8a84e6909d055d7c53216cb72aed69fbeab",path:"/redirect/nested"},"this is a nested room"))}},[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]},[[8,"smoothlyUrlChange","urlChangeHandler"]]]);function Po(){if(typeof customElements==="undefined"){return}const o=["smoothly-app-demo","smoothly-app","smoothly-app-room","smoothly-back-to-top","smoothly-burger","smoothly-button","smoothly-button-confirm","smoothly-button-demo","smoothly-button-demo-standard","smoothly-calendar","smoothly-date-text","smoothly-dialog","smoothly-dialog-demo","smoothly-display","smoothly-display-demo","smoothly-display-demo-json","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-form-demo","smoothly-form-demo-all","smoothly-form-demo-card","smoothly-form-demo-controlled","smoothly-form-demo-date","smoothly-form-demo-date-range","smoothly-form-demo-login","smoothly-form-demo-pet","smoothly-form-demo-prices","smoothly-form-demo-schedule","smoothly-form-demo-transparent","smoothly-form-demo-typed","smoothly-frame","smoothly-icon","smoothly-icon-demo","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-color-demo","smoothly-input-date","smoothly-input-date-demo","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-demo","smoothly-input-demo-radio","smoothly-input-demo-standard","smoothly-input-demo-user-input","smoothly-input-edit","smoothly-input-file","smoothly-input-month","smoothly-input-price-demo","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-range-demo","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-label","smoothly-lazy","smoothly-load-more","smoothly-modal","smoothly-notification","smoothly-notifier","smoothly-spinner","smoothly-summary","smoothly-tab","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-demo","smoothly-table-demo-colspan","smoothly-table-demo-filler-row","smoothly-table-demo-group","smoothly-table-demo-nested-no-cell","smoothly-table-demo-nested-no-cell-inner","smoothly-table-demo-simple","smoothly-table-expandable-cell","smoothly-table-expandable-row","smoothly-table-filler-row","smoothly-table-foot","smoothly-table-head","smoothly-table-row","smoothly-table-row-group","smoothly-tabs","smoothly-tabs-demo","smoothly-theme-color","smoothly-theme-color-variant","smoothly-theme-colors","smoothly-theme-demo","smoothly-theme-guide","smoothly-theme-picker","smoothly-toggle-switch","smoothly-toggle-switch-demo","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-app-demo":if(!customElements.get(s(o))){customElements.define(s(o),Oo)}break;case"smoothly-app":if(!customElements.get(s(o))){m()}break;case"smoothly-app-room":if(!customElements.get(s(o))){a()}break;case"smoothly-back-to-top":if(!customElements.get(s(o))){l()}break;case"smoothly-burger":if(!customElements.get(s(o))){r()}break;case"smoothly-button":if(!customElements.get(s(o))){i()}break;case"smoothly-button-confirm":if(!customElements.get(s(o))){c()}break;case"smoothly-button-demo":if(!customElements.get(s(o))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(s(o))){p()}break;case"smoothly-calendar":if(!customElements.get(s(o))){n()}break;case"smoothly-date-text":if(!customElements.get(s(o))){f()}break;case"smoothly-dialog":if(!customElements.get(s(o))){y()}break;case"smoothly-dialog-demo":if(!customElements.get(s(o))){h()}break;case"smoothly-display":if(!customElements.get(s(o))){b()}break;case"smoothly-display-demo":if(!customElements.get(s(o))){u()}break;case"smoothly-display-demo-json":if(!customElements.get(s(o))){k()}break;case"smoothly-display-json":if(!customElements.get(s(o))){j()}break;case"smoothly-display-json-object":if(!customElements.get(s(o))){E()}break;case"smoothly-display-json-primitive":if(!customElements.get(s(o))){g()}break;case"smoothly-display-json-record-key":if(!customElements.get(s(o))){C()}break;case"smoothly-form":if(!customElements.get(s(o))){w()}break;case"smoothly-form-demo":if(!customElements.get(s(o))){D()}break;case"smoothly-form-demo-all":if(!customElements.get(s(o))){B()}break;case"smoothly-form-demo-card":if(!customElements.get(s(o))){v()}break;case"smoothly-form-demo-controlled":if(!customElements.get(s(o))){T()}break;case"smoothly-form-demo-date":if(!customElements.get(s(o))){x()}break;case"smoothly-form-demo-date-range":if(!customElements.get(s(o))){I()}break;case"smoothly-form-demo-login":if(!customElements.get(s(o))){R()}break;case"smoothly-form-demo-pet":if(!customElements.get(s(o))){S()}break;case"smoothly-form-demo-prices":if(!customElements.get(s(o))){H()}break;case"smoothly-form-demo-schedule":if(!customElements.get(s(o))){L()}break;case"smoothly-form-demo-transparent":if(!customElements.get(s(o))){V()}break;case"smoothly-form-demo-typed":if(!customElements.get(s(o))){W()}break;case"smoothly-frame":if(!customElements.get(s(o))){Z()}break;case"smoothly-icon":if(!customElements.get(s(o))){G()}break;case"smoothly-icon-demo":if(!customElements.get(s(o))){K()}break;case"smoothly-input":if(!customElements.get(s(o))){Y()}break;case"smoothly-input-checkbox":if(!customElements.get(s(o))){N()}break;case"smoothly-input-clear":if(!customElements.get(s(o))){F()}break;case"smoothly-input-color":if(!customElements.get(s(o))){J()}break;case"smoothly-input-color-demo":if(!customElements.get(s(o))){Q()}break;case"smoothly-input-date":if(!customElements.get(s(o))){X()}break;case"smoothly-input-date-demo":if(!customElements.get(s(o))){q()}break;case"smoothly-input-date-range":if(!customElements.get(s(o))){A()}break;case"smoothly-input-date-time":if(!customElements.get(s(o))){M()}break;case"smoothly-input-demo":if(!customElements.get(s(o))){O()}break;case"smoothly-input-demo-radio":if(!customElements.get(s(o))){P()}break;case"smoothly-input-demo-standard":if(!customElements.get(s(o))){U()}break;case"smoothly-input-demo-user-input":if(!customElements.get(s(o))){z()}break;case"smoothly-input-edit":if(!customElements.get(s(o))){_()}break;case"smoothly-input-file":if(!customElements.get(s(o))){$()}break;case"smoothly-input-month":if(!customElements.get(s(o))){oo()}break;case"smoothly-input-price-demo":if(!customElements.get(s(o))){eo()}break;case"smoothly-input-radio":if(!customElements.get(s(o))){to()}break;case"smoothly-input-radio-item":if(!customElements.get(s(o))){so()}break;case"smoothly-input-range":if(!customElements.get(s(o))){mo()}break;case"smoothly-input-range-demo":if(!customElements.get(s(o))){ao()}break;case"smoothly-input-reset":if(!customElements.get(s(o))){lo()}break;case"smoothly-input-select":if(!customElements.get(s(o))){ro()}break;case"smoothly-input-submit":if(!customElements.get(s(o))){io()}break;case"smoothly-item":if(!customElements.get(s(o))){co()}break;case"smoothly-label":if(!customElements.get(s(o))){po()}break;case"smoothly-lazy":if(!customElements.get(s(o))){no()}break;case"smoothly-load-more":if(!customElements.get(s(o))){fo()}break;case"smoothly-modal":if(!customElements.get(s(o))){yo()}break;case"smoothly-notification":if(!customElements.get(s(o))){ho()}break;case"smoothly-notifier":if(!customElements.get(s(o))){bo()}break;case"smoothly-spinner":if(!customElements.get(s(o))){uo()}break;case"smoothly-summary":if(!customElements.get(s(o))){ko()}break;case"smoothly-tab":if(!customElements.get(s(o))){jo()}break;case"smoothly-table":if(!customElements.get(s(o))){Eo()}break;case"smoothly-table-body":if(!customElements.get(s(o))){go()}break;case"smoothly-table-cell":if(!customElements.get(s(o))){Co()}break;case"smoothly-table-demo":if(!customElements.get(s(o))){wo()}break;case"smoothly-table-demo-colspan":if(!customElements.get(s(o))){Do()}break;case"smoothly-table-demo-filler-row":if(!customElements.get(s(o))){Bo()}break;case"smoothly-table-demo-group":if(!customElements.get(s(o))){vo()}break;case"smoothly-table-demo-nested-no-cell":if(!customElements.get(s(o))){To()}break;case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(s(o))){xo()}break;case"smoothly-table-demo-simple":if(!customElements.get(s(o))){Io()}break;case"smoothly-table-expandable-cell":if(!customElements.get(s(o))){Ro()}break;case"smoothly-table-expandable-row":if(!customElements.get(s(o))){So()}break;case"smoothly-table-filler-row":if(!customElements.get(s(o))){Ho()}break;case"smoothly-table-foot":if(!customElements.get(s(o))){Lo()}break;case"smoothly-table-head":if(!customElements.get(s(o))){Vo()}break;case"smoothly-table-row":if(!customElements.get(s(o))){Wo()}break;case"smoothly-table-row-group":if(!customElements.get(s(o))){Zo()}break;case"smoothly-tabs":if(!customElements.get(s(o))){Go()}break;case"smoothly-tabs-demo":if(!customElements.get(s(o))){Ko()}break;case"smoothly-theme-color":if(!customElements.get(s(o))){Yo()}break;case"smoothly-theme-color-variant":if(!customElements.get(s(o))){No()}break;case"smoothly-theme-colors":if(!customElements.get(s(o))){Fo()}break;case"smoothly-theme-demo":if(!customElements.get(s(o))){Jo()}break;case"smoothly-theme-guide":if(!customElements.get(s(o))){Qo()}break;case"smoothly-theme-picker":if(!customElements.get(s(o))){Xo()}break;case"smoothly-toggle-switch":if(!customElements.get(s(o))){qo()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(s(o))){Ao()}break;case"smoothly-trigger":if(!customElements.get(s(o))){Mo()}break}}))}Po();const Uo=Oo;const zo=Po;export{Uo as SmoothlyAppDemo,zo as defineCustomElement};
+import{p as o,H as e,h as t,t as s}from"./p-BsZrGTcp.js";import{d as m}from"./p-D1uYEo7L.js";import{d as a}from"./p-v06atw3t.js";import{d as l}from"./p-BoHJT9bR.js";import{d as r}from"./p-DIz1nEPY.js";import{d as i}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DX3KKRD9.js";import{d}from"./p-DR3KUEvE.js";import{d as p}from"./p-DA_1vtmU.js";import{d as n}from"./p-BqAN7jax.js";import{d as f}from"./p-B8ljN4o0.js";import{d as y}from"./p-BQIS-JBV.js";import{d as h}from"./p-DnLJBwZR.js";import{d as b}from"./p-DM5CKilY.js";import{d as u}from"./p-BaGuG5hS.js";import{d as k}from"./p-BuKk-s9A.js";import{d as j}from"./p-CR3Ni_o7.js";import{d as E}from"./p-B-l1S16Z.js";import{d as g}from"./p-Ud7Qhkgt.js";import{d as C}from"./p-C3FORjes.js";import{d as D}from"./p-DgaHxdNI.js";import{d as w}from"./p-D1cLYdzg.js";import{d as B}from"./p-CyhRVB6K.js";import{d as T}from"./p-CiJgTdse.js";import{d as v}from"./p-CrNizZqW.js";import{d as x}from"./p-HKrMuYSD.js";import{d as I}from"./p-fJkfUsWz.js";import{d as R}from"./p-p0yn7c4h.js";import{d as S}from"./p-DBkHnJdp.js";import{d as H}from"./p-DlHIV5_u.js";import{d as K}from"./p-C8cvGmGP.js";import{d as L}from"./p-C5Bgwjpo.js";import{d as V}from"./p-DgHAvBgB.js";import{d as Y}from"./p-BEHuPmXt.js";import{d as G}from"./p-BiQsRsV4.js";import{d as z}from"./p-C629G4I1.js";import{d as J}from"./p-R4uIvvER.js";import{d as W}from"./p-C_f8s6n5.js";import{d as A}from"./p-DZadnBSZ.js";import{d as F}from"./p-nrkV1PqR.js";import{d as N}from"./p-D58kSmOp.js";import{d as U}from"./p-C9zTTp-4.js";import{d as X}from"./p-BgXgncGY.js";import{d as Z}from"./p-DKggy9E3.js";import{d as q}from"./p-CGG77xzV.js";import{d as P}from"./p-CKxNCxBn.js";import{d as Q}from"./p-DdTTiJbE.js";import{d as M}from"./p-CdYYtJX2.js";import{d as O}from"./p-CUiFFtAw.js";import{d as _}from"./p-C519IJGa.js";import{d as $}from"./p-CioJtwj-.js";import{d as oo}from"./p-DTqtObrT.js";import{d as eo}from"./p-nHKstm2X.js";import{d as to}from"./p-BDhPxj59.js";import{d as so}from"./p-DXHBXAV0.js";import{d as mo}from"./p-D2FsRCII.js";import{d as ao}from"./p-fafhoJgv.js";import{d as lo}from"./p-DqwlZYFh.js";import{d as ro}from"./p-RNCr3p17.js";import{d as io}from"./p-CVp4Wd4u.js";import{d as co}from"./p-BS2SWUX6.js";import{d as po}from"./p-thKhutym.js";import{d as no}from"./p-CDQM-sOT.js";import{d as fo}from"./p-DwYc62Ls.js";import{d as yo}from"./p-CottiZWN.js";import{d as ho}from"./p-ByWVc-XC.js";import{d as bo}from"./p-Bm-gpoFa.js";import{d as uo}from"./p-CsLlJDsh.js";import{d as ko}from"./p-iucZC6z5.js";import{d as jo}from"./p-DSsOLbj6.js";import{d as Eo}from"./p-Dekg3IGr.js";import{d as go}from"./p-CrcmijCR.js";import{d as Co}from"./p-CRTkSTv3.js";import{d as Do}from"./p-Cvl7cLxT.js";import{d as wo}from"./p-D9qp7S6Q.js";import{d as Bo}from"./p-CR1YZ3na.js";import{d as To}from"./p-4y8eF-fy.js";import{d as vo}from"./p-CuMoDdaf.js";import{d as xo}from"./p-BQSKXVmh.js";import{d as Io}from"./p-i8IFRTdL.js";import{d as Ro}from"./p-DZ4ogW8V.js";import{d as So}from"./p-CG636AEF.js";import{d as Ho}from"./p-BNnhxQyl.js";import{d as Ko}from"./p-CVH3vlKv.js";import{d as Lo}from"./p-CjdBPauI.js";import{d as Vo}from"./p-CTPT9Ngc.js";import{d as Yo}from"./p-DBuVH8IL.js";import{d as Go}from"./p-2Y5tLcQ1.js";import{d as zo}from"./p-1KOtWYkC.js";import{d as Jo}from"./p-BPh3sXo6.js";import{d as Wo}from"./p-BnYCDLp0.js";import{d as Ao}from"./p-D2cHi1Nb.js";import{d as Fo}from"./p-3dApo-uA.js";import{d as No}from"./p-B3OjIxsE.js";import{d as Uo}from"./p-CMiST1Tm.js";import{d as Xo}from"./p-DMzn0Iz0.js";import{d as Zo}from"./p-CdgiqBtD.js";import{d as qo}from"./p-CF5IKGi5.js";const Po=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}}urlChangeHandler(o){console.log("smoothlyUrlChange",o.detail)}render(){return t("smoothly-app",{key:"86d6cc67b58d8c7c04b9fd7e33891dfacb529943",color:"dark",label:"Smoothly Demo",home:"/root",ref:o=>this.app=o},t("smoothly-app-room",{key:"7012500cb2629c53e1156372722e8ef2b6d047eb",path:"/"},t("section",{key:"759dafafbd63e7fff5bf0acd0502e8eec36e8c64",style:{padding:"1em",maxWidth:"32em",margin:"0 auto"}},t("header",{key:"0ed18baa408a674f906abc32425ce6037662a476"},t("h1",{key:"22cb0dc61fece9d2d7acae6a55db19ccc57261df"},"Welcome")),t("p",{key:"d914f970b834d217cd2dfd7d2d05cd0c4b5dcb65"},"Smoothly is a component library written in ",t("a",{key:"3626d6388b49307f475e4071ef114039dcb51f60",href:"http://stenciljs.com"},"Stencil"),". It can therefore be used across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML."),t("p",{key:"319549bf6b8cca5d5f9042b1f74c29e884545a59"},"This is particularly useful when trying to unifying the user experience across projects written in different technology stacks. It is also written to minimize the amount of code you need to write to achieve a nice user experience."))),t("smoothly-app-room",{key:"4c752059c00ad39c3bee1d36bdac99bfad027f5f",path:"/form",label:"Forms",content:t("smoothly-form-demo",null)}),t("smoothly-app-room",{key:"02b7dd008a64194f348bfb0679217ebbea05fac9",path:"/input",label:"Inputs",content:t("smoothly-input-demo",null)}),t("smoothly-app-room",{key:"41c7489608d0da9a8d4a2ab9b1a56c425cc36f21",path:"/table",label:"Tables",content:t("smoothly-table-demo",null)}),t("smoothly-app-room",{key:"b10b3c95084e9f27a6ebeaf5170bb10be8226c87",path:"/button",label:"Buttons",content:t("smoothly-button-demo",null)}),t("smoothly-app-room",{key:"f20620084dd779b954fa440b559db2bdccf0b3a3",path:"/icon",label:"Icons",content:t("smoothly-icon-demo",null)}),t("smoothly-app-room",{key:"5078c24c13064315cf8f761809e60cdfc1734c41",path:"/theme",label:"Theming",content:t("smoothly-theme-demo",null)}),t("smoothly-app-room",{key:"1a215800a294196d53fca85834aac7fea5990e70",path:"/dialog",label:"Dialogs",content:t("smoothly-dialog-demo",null),slot:"nav-end"}),t("smoothly-app-room",{key:"c43bd3e6cdd99d7c481c041d85cdc09abf6777e1",path:"/display",label:"Display",content:t("smoothly-display-demo",null),slot:"nav-end"}),t("smoothly-app-room",{key:"bec674db3cafd8d778f8d7baaa8036ff80c72d5e",path:"/tabs",label:"Tabs",slot:"nav-end"},t("smoothly-tabs-demo",{key:"b6a5e71af63d597edc737c03feacbd05c302ebd1"})),t("smoothly-app-room",{key:"7045bdab3e9f1b9e312c99c51efa7700650d868b",path:"/links",label:"Links",slot:"nav-end"},t("smoothly-input",{key:"bd683968e82f931896daa95af86c0219f147eb40",type:"text"},"Default"),t("div",{key:"75e8b55879905603512fc4d5fe53e3c09a5782d0",style:{padding:"1em",maxWidth:"12em"}},t("smoothly-button",{key:"869802d20dddc052fdfa6e537e641dc48c399117",fill:"solid",color:"danger",link:"https://google.com"},"open"),t("smoothly-button",{key:"e0018a3f508970db339bb3b235e31a65aba2757e",fill:"solid",color:"danger",link:"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",type:"download"},"download"),t("smoothly-button",{key:"7ab52ab0a4f39e20b2e2f26f46c0f8997d57729c",fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),t("smoothly-button",{key:"4824113cd8ce8a18c90c825b8a9b761cb8755b05",disabled:true,fill:"solid",color:"danger",onClick:()=>alert("clicked")},"action"),t("smoothly-button",{key:"9e49688ab7dd80739746f71e3cab6ef83db80ae7",type:"link",fill:"clear",color:"danger",onClick:()=>alert("clicked")},"action link"))),t("smoothly-app-room",{key:"fa1c5ae55b117380e63b5a770efe06c6df055378",path:"/redirect",label:"Redirect",slot:"nav-end"},t("smoothly-button",{key:"f47bd47275bd85a8e8f3e79e8c934e7927f36890",type:"link",link:"/input"},"To input"),t("smoothly-button",{key:"e24f908b0515b8219dce4d44bb2dd6b2c7f39584",type:"link",link:"../button"},"To button"),t("smoothly-button",{key:"85835e7ebef099c646ca28af45d5827913872853",type:"link",link:new URL("/hidden",window.location.origin).href},"To hidden"),t("smoothly-button",{key:"b74f97297768504a5b4f0cace60acb1d48991633",type:"link",link:"/redirect"},"To redirect"),t("smoothly-button",{key:"cc1cc9fce70b0f47fe652ae60d674fa6707be2cd",type:"link",link:"nested"},"To redirect nested, relative path")),t("smoothly-app-room",{key:"17f2026f91be5f73266c141809bc31521d0acca9",path:"/hidden"},t("p",{key:"3bbd16511c586b7387f4c7a5152131f5aa5a4cdf"},"hello world!")),t("smoothly-app-room",{key:"2635c8a84e6909d055d7c53216cb72aed69fbeab",path:"/redirect/nested"},"this is a nested room"))}},[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]},[[8,"smoothlyUrlChange","urlChangeHandler"]]]);function Qo(){if(typeof customElements==="undefined"){return}const o=["smoothly-app-demo","smoothly-app","smoothly-app-room","smoothly-back-to-top","smoothly-burger","smoothly-button","smoothly-button-confirm","smoothly-button-demo","smoothly-button-demo-standard","smoothly-calendar","smoothly-date-text","smoothly-dialog","smoothly-dialog-demo","smoothly-display","smoothly-display-demo","smoothly-display-demo-json","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-form-demo","smoothly-form-demo-all","smoothly-form-demo-card","smoothly-form-demo-controlled","smoothly-form-demo-date","smoothly-form-demo-date-range","smoothly-form-demo-login","smoothly-form-demo-pet","smoothly-form-demo-prices","smoothly-form-demo-schedule","smoothly-form-demo-transparent","smoothly-form-demo-typed","smoothly-frame","smoothly-icon","smoothly-icon-demo","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-color-demo","smoothly-input-date","smoothly-input-date-demo","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-demo","smoothly-input-demo-radio","smoothly-input-demo-standard","smoothly-input-demo-user-input","smoothly-input-edit","smoothly-input-file","smoothly-input-month","smoothly-input-price-demo","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-range-demo","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-label","smoothly-lazy","smoothly-load-more","smoothly-modal","smoothly-notification","smoothly-notifier","smoothly-spinner","smoothly-summary","smoothly-tab","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-demo","smoothly-table-demo-colspan","smoothly-table-demo-filler-row","smoothly-table-demo-group","smoothly-table-demo-nested-no-cell","smoothly-table-demo-nested-no-cell-inner","smoothly-table-demo-simple","smoothly-table-expandable-cell","smoothly-table-expandable-row","smoothly-table-filler-row","smoothly-table-foot","smoothly-table-head","smoothly-table-row","smoothly-table-row-group","smoothly-tabs","smoothly-tabs-demo","smoothly-theme-color","smoothly-theme-color-variant","smoothly-theme-colors","smoothly-theme-demo","smoothly-theme-guide","smoothly-theme-picker","smoothly-toggle-switch","smoothly-toggle-switch-demo","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-app-demo":if(!customElements.get(s(o))){customElements.define(s(o),Po)}break;case"smoothly-app":if(!customElements.get(s(o))){m()}break;case"smoothly-app-room":if(!customElements.get(s(o))){a()}break;case"smoothly-back-to-top":if(!customElements.get(s(o))){l()}break;case"smoothly-burger":if(!customElements.get(s(o))){r()}break;case"smoothly-button":if(!customElements.get(s(o))){i()}break;case"smoothly-button-confirm":if(!customElements.get(s(o))){c()}break;case"smoothly-button-demo":if(!customElements.get(s(o))){d()}break;case"smoothly-button-demo-standard":if(!customElements.get(s(o))){p()}break;case"smoothly-calendar":if(!customElements.get(s(o))){n()}break;case"smoothly-date-text":if(!customElements.get(s(o))){f()}break;case"smoothly-dialog":if(!customElements.get(s(o))){y()}break;case"smoothly-dialog-demo":if(!customElements.get(s(o))){h()}break;case"smoothly-display":if(!customElements.get(s(o))){b()}break;case"smoothly-display-demo":if(!customElements.get(s(o))){u()}break;case"smoothly-display-demo-json":if(!customElements.get(s(o))){k()}break;case"smoothly-display-json":if(!customElements.get(s(o))){j()}break;case"smoothly-display-json-object":if(!customElements.get(s(o))){E()}break;case"smoothly-display-json-primitive":if(!customElements.get(s(o))){g()}break;case"smoothly-display-json-record-key":if(!customElements.get(s(o))){C()}break;case"smoothly-form":if(!customElements.get(s(o))){D()}break;case"smoothly-form-demo":if(!customElements.get(s(o))){w()}break;case"smoothly-form-demo-all":if(!customElements.get(s(o))){B()}break;case"smoothly-form-demo-card":if(!customElements.get(s(o))){T()}break;case"smoothly-form-demo-controlled":if(!customElements.get(s(o))){v()}break;case"smoothly-form-demo-date":if(!customElements.get(s(o))){x()}break;case"smoothly-form-demo-date-range":if(!customElements.get(s(o))){I()}break;case"smoothly-form-demo-login":if(!customElements.get(s(o))){R()}break;case"smoothly-form-demo-pet":if(!customElements.get(s(o))){S()}break;case"smoothly-form-demo-prices":if(!customElements.get(s(o))){H()}break;case"smoothly-form-demo-schedule":if(!customElements.get(s(o))){K()}break;case"smoothly-form-demo-transparent":if(!customElements.get(s(o))){L()}break;case"smoothly-form-demo-typed":if(!customElements.get(s(o))){V()}break;case"smoothly-frame":if(!customElements.get(s(o))){Y()}break;case"smoothly-icon":if(!customElements.get(s(o))){G()}break;case"smoothly-icon-demo":if(!customElements.get(s(o))){z()}break;case"smoothly-input":if(!customElements.get(s(o))){J()}break;case"smoothly-input-checkbox":if(!customElements.get(s(o))){W()}break;case"smoothly-input-clear":if(!customElements.get(s(o))){A()}break;case"smoothly-input-color":if(!customElements.get(s(o))){F()}break;case"smoothly-input-color-demo":if(!customElements.get(s(o))){N()}break;case"smoothly-input-date":if(!customElements.get(s(o))){U()}break;case"smoothly-input-date-demo":if(!customElements.get(s(o))){X()}break;case"smoothly-input-date-range":if(!customElements.get(s(o))){Z()}break;case"smoothly-input-date-time":if(!customElements.get(s(o))){q()}break;case"smoothly-input-demo":if(!customElements.get(s(o))){P()}break;case"smoothly-input-demo-radio":if(!customElements.get(s(o))){Q()}break;case"smoothly-input-demo-standard":if(!customElements.get(s(o))){M()}break;case"smoothly-input-demo-user-input":if(!customElements.get(s(o))){O()}break;case"smoothly-input-edit":if(!customElements.get(s(o))){_()}break;case"smoothly-input-file":if(!customElements.get(s(o))){$()}break;case"smoothly-input-month":if(!customElements.get(s(o))){oo()}break;case"smoothly-input-price-demo":if(!customElements.get(s(o))){eo()}break;case"smoothly-input-radio":if(!customElements.get(s(o))){to()}break;case"smoothly-input-radio-item":if(!customElements.get(s(o))){so()}break;case"smoothly-input-range":if(!customElements.get(s(o))){mo()}break;case"smoothly-input-range-demo":if(!customElements.get(s(o))){ao()}break;case"smoothly-input-reset":if(!customElements.get(s(o))){lo()}break;case"smoothly-input-select":if(!customElements.get(s(o))){ro()}break;case"smoothly-input-submit":if(!customElements.get(s(o))){io()}break;case"smoothly-item":if(!customElements.get(s(o))){co()}break;case"smoothly-label":if(!customElements.get(s(o))){po()}break;case"smoothly-lazy":if(!customElements.get(s(o))){no()}break;case"smoothly-load-more":if(!customElements.get(s(o))){fo()}break;case"smoothly-modal":if(!customElements.get(s(o))){yo()}break;case"smoothly-notification":if(!customElements.get(s(o))){ho()}break;case"smoothly-notifier":if(!customElements.get(s(o))){bo()}break;case"smoothly-spinner":if(!customElements.get(s(o))){uo()}break;case"smoothly-summary":if(!customElements.get(s(o))){ko()}break;case"smoothly-tab":if(!customElements.get(s(o))){jo()}break;case"smoothly-table":if(!customElements.get(s(o))){Eo()}break;case"smoothly-table-body":if(!customElements.get(s(o))){go()}break;case"smoothly-table-cell":if(!customElements.get(s(o))){Co()}break;case"smoothly-table-demo":if(!customElements.get(s(o))){Do()}break;case"smoothly-table-demo-colspan":if(!customElements.get(s(o))){wo()}break;case"smoothly-table-demo-filler-row":if(!customElements.get(s(o))){Bo()}break;case"smoothly-table-demo-group":if(!customElements.get(s(o))){To()}break;case"smoothly-table-demo-nested-no-cell":if(!customElements.get(s(o))){vo()}break;case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(s(o))){xo()}break;case"smoothly-table-demo-simple":if(!customElements.get(s(o))){Io()}break;case"smoothly-table-expandable-cell":if(!customElements.get(s(o))){Ro()}break;case"smoothly-table-expandable-row":if(!customElements.get(s(o))){So()}break;case"smoothly-table-filler-row":if(!customElements.get(s(o))){Ho()}break;case"smoothly-table-foot":if(!customElements.get(s(o))){Ko()}break;case"smoothly-table-head":if(!customElements.get(s(o))){Lo()}break;case"smoothly-table-row":if(!customElements.get(s(o))){Vo()}break;case"smoothly-table-row-group":if(!customElements.get(s(o))){Yo()}break;case"smoothly-tabs":if(!customElements.get(s(o))){Go()}break;case"smoothly-tabs-demo":if(!customElements.get(s(o))){zo()}break;case"smoothly-theme-color":if(!customElements.get(s(o))){Jo()}break;case"smoothly-theme-color-variant":if(!customElements.get(s(o))){Wo()}break;case"smoothly-theme-colors":if(!customElements.get(s(o))){Ao()}break;case"smoothly-theme-demo":if(!customElements.get(s(o))){Fo()}break;case"smoothly-theme-guide":if(!customElements.get(s(o))){No()}break;case"smoothly-theme-picker":if(!customElements.get(s(o))){Uo()}break;case"smoothly-toggle-switch":if(!customElements.get(s(o))){Xo()}break;case"smoothly-toggle-switch-demo":if(!customElements.get(s(o))){Zo()}break;case"smoothly-trigger":if(!customElements.get(s(o))){qo()}break}}))}Qo();const Mo=Po;const Oo=Qo;export{Mo as SmoothlyAppDemo,Oo as defineCustomElement};
 //# sourceMappingURL=smoothly-app-demo.js.map

package/dist/components/smoothly-button-demo-standard.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-DdDIWpAG.js";const p=o;const t=s;export{p as SmoothlyButtonDemoStandard,t as defineCustomElement};
+import{S as o,d as s}from"./p-DA_1vtmU.js";const t=o;const m=s;export{t as SmoothlyButtonDemoStandard,m as defineCustomElement};
 //# sourceMappingURL=smoothly-button-demo-standard.js.map

package/dist/components/smoothly-button-demo.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-vJp_rBtb.js";const t=o;const p=s;export{t as SmoothlyButtonDemo,p as defineCustomElement};
+import{S as o,d as s}from"./p-DR3KUEvE.js";const t=o;const p=s;export{t as SmoothlyButtonDemo,p as defineCustomElement};
 //# sourceMappingURL=smoothly-button-demo.js.map

package/dist/components/smoothly-calendar.js

@@ -1,2 +1,2 @@
-import{C as o,d as s}from"./p-rfh5VPMG.js";const r=o;const t=s;export{r as SmoothlyCalendar,t as defineCustomElement};
+import{C as o,d as s}from"./p-BqAN7jax.js";const t=o;const a=s;export{t as SmoothlyCalendar,a as defineCustomElement};
 //# sourceMappingURL=smoothly-calendar.js.map

package/dist/components/smoothly-form-demo-all.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-Cwlv34G5.js";const t=o;const p=s;export{t as SmoothlyFormDemoAll,p as defineCustomElement};
+import{S as o,d as s}from"./p-CyhRVB6K.js";const t=o;const p=s;export{t as SmoothlyFormDemoAll,p as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-all.js.map

package/dist/components/smoothly-form-demo-controlled.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-gB0mpakH.js";const p=o;const t=s;export{p as SmoothlyFormDemoControlled,t as defineCustomElement};
+import{S as o,d as s}from"./p-CrNizZqW.js";const r=o;const t=s;export{r as SmoothlyFormDemoControlled,t as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-controlled.js.map

package/dist/components/smoothly-form-demo-date-range.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-CBdAZLYa.js";const t=o;const a=s;export{t as SmoothlyFormDemoDateRange,a as defineCustomElement};
+import{S as s,d as o}from"./p-fJkfUsWz.js";const t=s;const f=o;export{t as SmoothlyFormDemoDateRange,f as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-date-range.js.map

package/dist/components/smoothly-form-demo-date.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-CSjcf7-u.js";const t=o;const c=s;export{t as SmoothlyFormDemoDate,c as defineCustomElement};
+import{S as o,d as s}from"./p-HKrMuYSD.js";const r=o;const t=s;export{r as SmoothlyFormDemoDate,t as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-date.js.map

package/dist/components/smoothly-form-demo-pet.js

@@ -1,2 +1,2 @@
-import{S as o,d as r}from"./p-CrSX7reE.js";const s=o;const t=r;export{s as SmoothlyFormDemoPet,t as defineCustomElement};
+import{S as o,d as s}from"./p-DBkHnJdp.js";const p=o;const t=s;export{p as SmoothlyFormDemoPet,t as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-pet.js.map

package/dist/components/smoothly-form-demo-schedule.js

@@ -1,2 +1,2 @@
-import{S as s,d as o}from"./p-DsrnECl3.js";const r=s;const t=o;export{r as SmoothlyFormDemoSchedule,t as defineCustomElement};
+import{S as o,d as s}from"./p-C8cvGmGP.js";const t=o;const c=s;export{t as SmoothlyFormDemoSchedule,c as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-schedule.js.map

package/dist/components/smoothly-form-demo-transparent.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-DOH-q32V.js";const t=o;const p=s;export{t as SmoothlyFormDemoTransparent,p as defineCustomElement};
+import{S as o,d as s}from"./p-C5Bgwjpo.js";const p=o;const t=s;export{p as SmoothlyFormDemoTransparent,t as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-transparent.js.map

package/dist/components/smoothly-form-demo-typed.js

@@ -1,2 +1,2 @@
-import{S as s,d as o}from"./p-DbRWsqqh.js";const t=s;const p=o;export{t as SmoothlyFormDemoTyped,p as defineCustomElement};
+import{S as o,d as s}from"./p-DgHAvBgB.js";const t=o;const p=s;export{t as SmoothlyFormDemoTyped,p as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo-typed.js.map

package/dist/components/smoothly-form-demo.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-E3K_mUkm.js";const m=o;const t=s;export{m as SmoothlyFormDemo,t as defineCustomElement};
+import{S as o,d as s}from"./p-D1cLYdzg.js";const t=o;const c=s;export{t as SmoothlyFormDemo,c as defineCustomElement};
 //# sourceMappingURL=smoothly-form-demo.js.map

package/dist/components/smoothly-icon-demo.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-BlwcMiTW.js";const t=o;const c=s;export{t as SmoothlyIconDemo,c as defineCustomElement};
+import{S as o,d as s}from"./p-C629G4I1.js";const t=o;const p=s;export{t as SmoothlyIconDemo,p as defineCustomElement};
 //# sourceMappingURL=smoothly-icon-demo.js.map