@mhmo91/schmancy 0.2.194 → 0.2.196
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ai/animated-text.md +114 -0
- package/ai/area.md +158 -78
- package/ai/card.md +162 -131
- package/ai/circular-progress.md +91 -0
- package/ai/content-drawer.md +190 -0
- package/ai/date-range.md +142 -0
- package/ai/delay.md +158 -0
- package/ai/dialog.md +10 -0
- package/ai/divider.md +153 -0
- package/ai/index.md +43 -3
- package/ai/nav-drawer.md +206 -0
- package/ai/option.md +173 -0
- package/ai/slider.md +227 -0
- package/ai/steps.md +231 -0
- package/ai/surface.md +139 -200
- package/ai/table.md +99 -1
- package/ai/teleport.md +196 -0
- package/ai/theme-button.md +173 -0
- package/ai/theme.md +241 -0
- package/ai/typewriter.md +217 -0
- package/dist/_headers +2 -0
- package/dist/ai/animated-text.md +114 -0
- package/dist/ai/area.md +158 -78
- package/dist/ai/card.md +162 -131
- package/dist/ai/circular-progress.md +91 -0
- package/dist/ai/content-drawer.md +190 -0
- package/dist/ai/date-range.md +142 -0
- package/dist/ai/delay.md +158 -0
- package/dist/ai/dialog.md +10 -0
- package/dist/ai/divider.md +153 -0
- package/dist/ai/index.md +43 -3
- package/dist/ai/nav-drawer.md +206 -0
- package/dist/ai/option.md +173 -0
- package/dist/ai/slider.md +227 -0
- package/dist/ai/steps.md +231 -0
- package/dist/ai/surface.md +139 -200
- package/dist/ai/table.md +99 -1
- package/dist/ai/teleport.md +196 -0
- package/dist/ai/theme-button.md +173 -0
- package/dist/ai/theme.md +241 -0
- package/dist/ai/typewriter.md +217 -0
- package/dist/{animated-text-9AM64DHd.cjs → animated-text-DnX2TopW.cjs} +2 -2
- package/dist/{animated-text-9AM64DHd.cjs.map → animated-text-DnX2TopW.cjs.map} +1 -1
- package/dist/{animated-text-CVStWn5N.js → animated-text-jv1yAwLh.js} +3 -3
- package/dist/{animated-text-CVStWn5N.js.map → animated-text-jv1yAwLh.js.map} +1 -1
- package/dist/animated-text.cjs +1 -1
- package/dist/animated-text.js +1 -1
- package/dist/area.cjs +1 -1
- package/dist/area.component-DMD20wqd.js +191 -0
- package/dist/area.component-DMD20wqd.js.map +1 -0
- package/dist/area.component-Vs2WGXgk.cjs +8 -0
- package/dist/area.component-Vs2WGXgk.cjs.map +1 -0
- package/dist/area.js +21 -6
- package/dist/area.js.map +1 -1
- package/dist/{autocomplete-DBXvIJgc.cjs → autocomplete-BrAxEJJq.cjs} +2 -2
- package/dist/{autocomplete-DBXvIJgc.cjs.map → autocomplete-BrAxEJJq.cjs.map} +1 -1
- package/dist/{autocomplete-ih92pPkb.js → autocomplete-OS61ngsy.js} +3 -3
- package/dist/{autocomplete-ih92pPkb.js.map → autocomplete-OS61ngsy.js.map} +1 -1
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/{avatar-Bmg5TXj9.cjs → avatar-CEdv8DJY.cjs} +62 -24
- package/dist/avatar-CEdv8DJY.cjs.map +1 -0
- package/dist/{avatar-CgP1tBZq.js → avatar-CUHTDenQ.js} +183 -145
- package/dist/avatar-CUHTDenQ.js.map +1 -0
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/busy.cjs +1 -1
- package/dist/busy.js +1 -1
- package/dist/button.cjs +1 -1
- package/dist/button.js +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/{checkbox-Jxxbjxp0.js → checkbox-CVXRiSWP.js} +72 -65
- package/dist/{checkbox-Jxxbjxp0.js.map → checkbox-CVXRiSWP.js.map} +1 -1
- package/dist/{checkbox-DtnX5sT6.cjs → checkbox-Chd-COYm.cjs} +10 -10
- package/dist/{checkbox-DtnX5sT6.cjs.map → checkbox-Chd-COYm.cjs.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{chips-CVDnpVUM.cjs → chips-Bx9gSvN1.cjs} +2 -2
- package/dist/{chips-CVDnpVUM.cjs.map → chips-Bx9gSvN1.cjs.map} +1 -1
- package/dist/{chips-lP7ohQep.js → chips-Dx_erk55.js} +3 -3
- package/dist/{chips-lP7ohQep.js.map → chips-Dx_erk55.js.map} +1 -1
- package/dist/chips.cjs +1 -1
- package/dist/chips.js +1 -1
- package/dist/circular-progress-BQnGvbss.js +35 -0
- package/dist/circular-progress-BQnGvbss.js.map +1 -0
- package/dist/circular-progress-CNBah5dz.cjs +9 -0
- package/dist/circular-progress-CNBah5dz.cjs.map +1 -0
- package/dist/circular-progress.cjs +2 -0
- package/dist/circular-progress.cjs.map +1 -0
- package/dist/circular-progress.js +5 -0
- package/dist/circular-progress.js.map +1 -0
- package/dist/components.cjs +1 -1
- package/dist/components.js +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/{date-range-DbPA5Y-t.cjs → date-range-Cq0diVSY.cjs} +4 -3
- package/dist/{date-range-DbPA5Y-t.cjs.map → date-range-Cq0diVSY.cjs.map} +1 -1
- package/dist/{date-range-Ca9WLI4Q.js → date-range-wxdt6Ha0.js} +5 -4
- package/dist/date-range-wxdt6Ha0.js.map +1 -0
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/{delay-BgNgQV2G.cjs → delay-BzkhDhs0.cjs} +2 -2
- package/dist/{delay-BgNgQV2G.cjs.map → delay-BzkhDhs0.cjs.map} +1 -1
- package/dist/{delay-5cCl7ji3.js → delay-Ds5suSsc.js} +2 -2
- package/dist/{delay-5cCl7ji3.js.map → delay-Ds5suSsc.js.map} +1 -1
- package/dist/delay.cjs +1 -1
- package/dist/delay.js +1 -1
- package/dist/{dialog-content-qj1E8aye.cjs → dialog-content-CJY69qfC.cjs} +8 -8
- package/dist/dialog-content-CJY69qfC.cjs.map +1 -0
- package/dist/{dialog-content-9pumpyLD.js → dialog-content-DFJnYzff.js} +86 -82
- package/dist/dialog-content-DFJnYzff.js.map +1 -0
- package/dist/dialog.cjs +1 -1
- package/dist/dialog.js +1 -1
- package/dist/{divider-r8-9eNnl.js → divider-C3w1_-N1.js} +3 -3
- package/dist/{divider-r8-9eNnl.js.map → divider-C3w1_-N1.js.map} +1 -1
- package/dist/{divider-CHckHGEQ.cjs → divider-CFzbCFsr.cjs} +2 -2
- package/dist/{divider-CHckHGEQ.cjs.map → divider-CFzbCFsr.cjs.map} +1 -1
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/{dropdown-content-D-TddflQ.js → dropdown-content-BGFYBXcx.js} +3 -3
- package/dist/{dropdown-content-D-TddflQ.js.map → dropdown-content-BGFYBXcx.js.map} +1 -1
- package/dist/{dropdown-content-B41MDDRG.cjs → dropdown-content-PaMOJphI.cjs} +2 -2
- package/dist/{dropdown-content-B41MDDRG.cjs.map → dropdown-content-PaMOJphI.cjs.map} +1 -1
- package/dist/dropdown.cjs +1 -1
- package/dist/dropdown.js +1 -1
- package/dist/extra.cjs +1 -1
- package/dist/extra.js +1 -1
- package/dist/{flex-Bf0zNqji.js → flex-Cy4Stl_1.js} +2 -2
- package/dist/{flex-Bf0zNqji.js.map → flex-Cy4Stl_1.js.map} +1 -1
- package/dist/{flex-CFv-Zb76.cjs → flex-DP5O5644.cjs} +2 -2
- package/dist/{flex-CFv-Zb76.cjs.map → flex-DP5O5644.cjs.map} +1 -1
- package/dist/{form-uYcr1RLJ.js → form-BQamcLFL.js} +2 -2
- package/dist/{form-uYcr1RLJ.js.map → form-BQamcLFL.js.map} +1 -1
- package/dist/{form-BN75s0PI.cjs → form-CG3kns69.cjs} +2 -2
- package/dist/{form-BN75s0PI.cjs.map → form-CG3kns69.cjs.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{icon-BR-jE0Y2.js → icon-Cd4p9jRB.js} +3 -3
- package/dist/{icon-BR-jE0Y2.js.map → icon-Cd4p9jRB.js.map} +1 -1
- package/dist/{icon-Cu-imayV.cjs → icon-CilwMTXB.cjs} +2 -2
- package/dist/{icon-Cu-imayV.cjs.map → icon-CilwMTXB.cjs.map} +1 -1
- package/dist/{icon-button-1tZaicyb.js → icon-button-By17is4V.js} +3 -3
- package/dist/{icon-button-1tZaicyb.js.map → icon-button-By17is4V.js.map} +1 -1
- package/dist/{icon-button-D0BbHnDL.cjs → icon-button-C4Hf63hY.cjs} +2 -2
- package/dist/{icon-button-D0BbHnDL.cjs.map → icon-button-C4Hf63hY.cjs.map} +1 -1
- package/dist/icons.cjs +1 -1
- package/dist/icons.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +190 -173
- package/dist/index.js.map +1 -1
- package/dist/{input-B2oV6Hck.cjs → input-BIi0rS2t.cjs} +2 -2
- package/dist/{input-B2oV6Hck.cjs.map → input-BIi0rS2t.cjs.map} +1 -1
- package/dist/{input-kiz5O3dY.js → input-C8OAokVe.js} +2 -2
- package/dist/{input-kiz5O3dY.js.map → input-C8OAokVe.js.map} +1 -1
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/layout.cjs +1 -1
- package/dist/layout.js +1 -1
- package/dist/{list-wT4DLXCh.js → list-BC3OE3Pu.js} +2 -2
- package/dist/{list-wT4DLXCh.js.map → list-BC3OE3Pu.js.map} +1 -1
- package/dist/{list-CMHoPfX9.cjs → list-jFsCubuy.cjs} +2 -2
- package/dist/{list-CMHoPfX9.cjs.map → list-jFsCubuy.cjs.map} +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/{litElement.mixin-B9Qdq5S_.js → litElement.mixin-C6PzcPXd.js} +2 -2
- package/dist/{litElement.mixin-B9Qdq5S_.js.map → litElement.mixin-C6PzcPXd.js.map} +1 -1
- package/dist/{litElement.mixin-CHvyxfxf.cjs → litElement.mixin-Cypiq-N-.cjs} +2 -2
- package/dist/{litElement.mixin-CHvyxfxf.cjs.map → litElement.mixin-Cypiq-N-.cjs.map} +1 -1
- package/dist/{menu-BcSplMNh.cjs → menu-CDjqdEd6.cjs} +2 -2
- package/dist/{menu-BcSplMNh.cjs.map → menu-CDjqdEd6.cjs.map} +1 -1
- package/dist/{menu-Dl1QU86K.js → menu-n_Doj-bW.js} +3 -3
- package/dist/{menu-Dl1QU86K.js.map → menu-n_Doj-bW.js.map} +1 -1
- package/dist/menu.cjs +1 -1
- package/dist/menu.js +1 -1
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/{notification-service-BV9ybQBu.cjs → notification-service--VLqOJJg.cjs} +2 -2
- package/dist/{notification-service-BV9ybQBu.cjs.map → notification-service--VLqOJJg.cjs.map} +1 -1
- package/dist/{notification-service-CC698xHg.js → notification-service-DHIhgWQr.js} +3 -3
- package/dist/{notification-service-CC698xHg.js.map → notification-service-DHIhgWQr.js.map} +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +1 -1
- package/dist/{option-CkLBgH71.cjs → option-B359EBiZ.cjs} +2 -2
- package/dist/{option-CkLBgH71.cjs.map → option-B359EBiZ.cjs.map} +1 -1
- package/dist/{option-DDxxXwwc.js → option-oyyjCwnL.js} +2 -2
- package/dist/{option-DDxxXwwc.js.map → option-oyyjCwnL.js.map} +1 -1
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/{payment-card-form-UWbAYNPR.cjs → payment-card-form-B-ZAsSED.cjs} +2 -2
- package/dist/{payment-card-form-UWbAYNPR.cjs.map → payment-card-form-B-ZAsSED.cjs.map} +1 -1
- package/dist/{payment-card-form-DDTO5_AA.js → payment-card-form-BSueaw97.js} +3 -3
- package/dist/{payment-card-form-DDTO5_AA.js.map → payment-card-form-BSueaw97.js.map} +1 -1
- package/dist/{radio-button-wWoxPDfq.js → radio-button-84TD7rpH.js} +2 -2
- package/dist/{radio-button-wWoxPDfq.js.map → radio-button-84TD7rpH.js.map} +1 -1
- package/dist/{radio-button-BykiVxTD.cjs → radio-button-BO6mIWCi.cjs} +2 -2
- package/dist/{radio-button-BykiVxTD.cjs.map → radio-button-BO6mIWCi.cjs.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{schmancy-steps-container-B1mIGa9M.cjs → schmancy-steps-container-Cfq8OsWt.cjs} +2 -2
- package/dist/{schmancy-steps-container-B1mIGa9M.cjs.map → schmancy-steps-container-Cfq8OsWt.cjs.map} +1 -1
- package/dist/{schmancy-steps-container-ByO98z7L.js → schmancy-steps-container-Lo4d27n3.js} +2 -2
- package/dist/{schmancy-steps-container-ByO98z7L.js.map → schmancy-steps-container-Lo4d27n3.js.map} +1 -1
- package/dist/{select-BIOhocL7.js → select-B-zgP_v6.js} +3 -3
- package/dist/{select-BIOhocL7.js.map → select-B-zgP_v6.js.map} +1 -1
- package/dist/{select-DE57Nios.cjs → select-DhEVsWh6.cjs} +2 -2
- package/dist/{select-DE57Nios.cjs.map → select-DhEVsWh6.cjs.map} +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/{sheet-fZYAWGsm.cjs → sheet-BEWq40cN.cjs} +2 -2
- package/dist/{sheet-fZYAWGsm.cjs.map → sheet-BEWq40cN.cjs.map} +1 -1
- package/dist/{sheet-Dh4MLVsU.js → sheet-DDY4pbD4.js} +3 -3
- package/dist/{sheet-Dh4MLVsU.js.map → sheet-DDY4pbD4.js.map} +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/{slider-DVlJoDgU.js → slider--irxEv_B.js} +3 -3
- package/dist/{slider-DVlJoDgU.js.map → slider--irxEv_B.js.map} +1 -1
- package/dist/{slider-CejrdmPF.cjs → slider-De-H5fe8.cjs} +2 -2
- package/dist/{slider-CejrdmPF.cjs.map → slider-De-H5fe8.cjs.map} +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-DbTnai_Q.js → spinner-Bl9n09Z5.js} +3 -3
- package/dist/{spinner-DbTnai_Q.js.map → spinner-Bl9n09Z5.js.map} +1 -1
- package/dist/{spinner-DxVJ7QJZ.cjs → spinner-DNz1IjmL.cjs} +2 -2
- package/dist/{spinner-DxVJ7QJZ.cjs.map → spinner-DNz1IjmL.cjs.map} +1 -1
- package/dist/steps.cjs +1 -1
- package/dist/steps.js +1 -1
- package/dist/surface-BAEUiWcq.cjs +92 -0
- package/dist/surface-BAEUiWcq.cjs.map +1 -0
- package/dist/surface-h9dLHMTm.js +113 -0
- package/dist/surface-h9dLHMTm.js.map +1 -0
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/{table-CqUv1TOC.js → table-CxazXBjI.js} +72 -68
- package/dist/{table-CqUv1TOC.js.map → table-CxazXBjI.js.map} +1 -1
- package/dist/{table-CBhyHINV.cjs → table-Dn07ykGG.cjs} +4 -4
- package/dist/{table-CBhyHINV.cjs.map → table-Dn07ykGG.cjs.map} +1 -1
- package/dist/table.cjs +1 -1
- package/dist/table.js +1 -1
- package/dist/{tabs-compatibility-DUo2f_sV.js → tabs-compatibility-B8I0vg7Y.js} +2 -2
- package/dist/{tabs-compatibility-DUo2f_sV.js.map → tabs-compatibility-B8I0vg7Y.js.map} +1 -1
- package/dist/{tabs-compatibility-DPD6jfGF.cjs → tabs-compatibility-BrTxeSS-.cjs} +2 -2
- package/dist/{tabs-compatibility-DPD6jfGF.cjs.map → tabs-compatibility-BrTxeSS-.cjs.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tailwind.mixin-Du4i6vQR.js +43 -0
- package/dist/{tailwind.mixin-Di7KWye7.js.map → tailwind.mixin-Du4i6vQR.js.map} +1 -1
- package/dist/tailwind.mixin-qyIcoDLk.cjs +2 -0
- package/dist/{tailwind.mixin-Dm5QDZav.cjs.map → tailwind.mixin-qyIcoDLk.cjs.map} +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{textarea-Dbz18REy.js → textarea-DibCLxC2.js} +2 -2
- package/dist/{textarea-Dbz18REy.js.map → textarea-DibCLxC2.js.map} +1 -1
- package/dist/{textarea-CesFdBkm.cjs → textarea-pMec4Wpg.cjs} +2 -2
- package/dist/{textarea-CesFdBkm.cjs.map → textarea-pMec4Wpg.cjs.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{theme-button-Bt2OV4iu.cjs → theme-button-CG1w_waw.cjs} +2 -2
- package/dist/{theme-button-Bt2OV4iu.cjs.map → theme-button-CG1w_waw.cjs.map} +1 -1
- package/dist/{theme-button-lqbT2_LL.js → theme-button-irLEczd5.js} +2 -2
- package/dist/{theme-button-lqbT2_LL.js.map → theme-button-irLEczd5.js.map} +1 -1
- package/dist/theme-button.cjs +1 -1
- package/dist/theme-button.js +1 -1
- package/dist/theme.cjs +1 -1
- package/dist/{theme.component-xarFSe8p.js → theme.component-CMM8Xws2.js} +2 -2
- package/dist/{theme.component-xarFSe8p.js.map → theme.component-CMM8Xws2.js.map} +1 -1
- package/dist/{theme.component-BlBaN7d6.cjs → theme.component-CpRuySmd.cjs} +3 -3
- package/dist/{theme.component-BlBaN7d6.cjs.map → theme.component-CpRuySmd.cjs.map} +1 -1
- package/dist/theme.js +1 -1
- package/dist/{timezone-DwT_pQrj.js → timezone-DIrmlnD6.js} +3 -3
- package/dist/{timezone-DwT_pQrj.js.map → timezone-DIrmlnD6.js.map} +1 -1
- package/dist/{timezone-VUMRmZaJ.cjs → timezone-n5GflDRe.cjs} +2 -2
- package/dist/{timezone-VUMRmZaJ.cjs.map → timezone-n5GflDRe.cjs.map} +1 -1
- package/dist/{tooltip-Cvoroe7w.cjs → tooltip-0vIcVm5-.cjs} +2 -2
- package/dist/{tooltip-Cvoroe7w.cjs.map → tooltip-0vIcVm5-.cjs.map} +1 -1
- package/dist/{tooltip-BKOHVCMK.js → tooltip-N_B-vsDa.js} +2 -2
- package/dist/{tooltip-BKOHVCMK.js.map → tooltip-N_B-vsDa.js.map} +1 -1
- package/dist/tooltip.cjs +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/{tree-_FJnHVmP.js → tree-2Hf2X0Hv.js} +2 -2
- package/dist/{tree-_FJnHVmP.js.map → tree-2Hf2X0Hv.js.map} +1 -1
- package/dist/{tree-Cyp2AZ8g.cjs → tree-Q8AMxJxP.cjs} +2 -2
- package/dist/{tree-Cyp2AZ8g.cjs.map → tree-Q8AMxJxP.cjs.map} +1 -1
- package/dist/tree.cjs +1 -1
- package/dist/tree.js +1 -1
- package/dist/{typewriter-BIm2tOe4.cjs → typewriter-CsL-NfYC.cjs} +2 -2
- package/dist/{typewriter-BIm2tOe4.cjs.map → typewriter-CsL-NfYC.cjs.map} +1 -1
- package/dist/{typewriter-DWfXPBni.js → typewriter-bqbNKczJ.js} +22 -22
- package/dist/{typewriter-DWfXPBni.js.map → typewriter-bqbNKczJ.js.map} +1 -1
- package/dist/typewriter.cjs +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{typography-DaKLzjFB.js → typography-CbrvouLo.js} +2 -2
- package/dist/{typography-DaKLzjFB.js.map → typography-CbrvouLo.js.map} +1 -1
- package/dist/{typography-OpLt6LNd.cjs → typography-Hlts-hzc.cjs} +2 -2
- package/dist/{typography-OpLt6LNd.cjs.map → typography-Hlts-hzc.cjs.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/dist/utils-BqFGvnN9.cjs +2 -0
- package/dist/utils-BqFGvnN9.cjs.map +1 -0
- package/dist/utils-jduntaQU.js +128 -0
- package/dist/utils-jduntaQU.js.map +1 -0
- package/package.json +13 -14
- package/types/src/area/area.component.d.ts +1 -1
- package/types/src/area/area.service.d.ts +44 -26
- package/types/src/area/index.d.ts +1 -0
- package/types/src/area/utils.d.ts +91 -1
- package/types/src/checkbox/checkbox.d.ts +9 -0
- package/types/src/circular-progress/circular-progress.d.ts +15 -0
- package/types/src/circular-progress/index.d.ts +1 -0
- package/types/src/dialog/dailog.d.ts +8 -0
- package/types/src/dialog/dialog-service.d.ts +1 -0
- package/types/src/index.d.ts +1 -0
- package/types/src/table/table.d.ts +1 -0
- package/dist/area.component-CzFJM7Y4.js +0 -143
- package/dist/area.component-CzFJM7Y4.js.map +0 -1
- package/dist/area.component-WxccFh1z.cjs +0 -8
- package/dist/area.component-WxccFh1z.cjs.map +0 -1
- package/dist/avatar-Bmg5TXj9.cjs.map +0 -1
- package/dist/avatar-CgP1tBZq.js.map +0 -1
- package/dist/date-range-Ca9WLI4Q.js.map +0 -1
- package/dist/dialog-content-9pumpyLD.js.map +0 -1
- package/dist/dialog-content-qj1E8aye.cjs.map +0 -1
- package/dist/surface-BTuzKmT2.cjs +0 -20
- package/dist/surface-BTuzKmT2.cjs.map +0 -1
- package/dist/surface-DXx1bJN4.js +0 -43
- package/dist/surface-DXx1bJN4.js.map +0 -1
- package/dist/tailwind.mixin-Di7KWye7.js +0 -43
- package/dist/tailwind.mixin-Dm5QDZav.cjs +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-DBXvIJgc.cjs","sources":["../src/autocomplete/autocomplete.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { InputSize } from '@schmancy/input'\nimport SchmancyInputV2 from '@schmancy/input/input-v2'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport style from './autocomplete.scss?inline'\n\n/**\n * @fires change - When selection changes\n */\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n\tvalues?: string[] // Only present when multi=true\n}>\n\n/**\n * SchmancyAutocomplete provides an accessible autocomplete/combobox component\n * with keyboard navigation and single or multi-select capabilities.\n *\n * @element schmancy-autocomplete\n * @slot - Default slot for option elements\n * @slot trigger - Optional slot to override the default input element\n * \n * @property {string} value - The selected value for single-select mode. In multi-select mode,\n * this is a comma-separated string of values (kept for backward compatibility).\n * @property {string[]} values - The selected values as an array for multi-select mode (preferred API for multi-select).\n */\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends $LitElement(style) {\n\t// Public API properties\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) label = ''\n\t@property({ type: String }) maxHeight = '300px'\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) description = ''\n\t@property({ type: String, reflect: true }) size: InputSize = 'md'\n\t@property({ type: String }) autocomplete = 'off'\n\t@property({ type: Number }) debounceMs = 200 // Debounce delay in milliseconds\n\n\t// Values property for multi-select mode (preferred API for multi-select)\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this._selectedValues]\n\t}\n\tset values(vals: string[]) {\n\t\tthis._selectedValues = Array.isArray(vals) ? [...vals] : []\n\t\tthis._syncOptionsSelection()\n\t\tthis._updateInputDisplay()\n\n\t\t// Dispatch change event when values are set programmatically\n\t\tif (this.isConnected) {\n\t\t\tthis._fireChangeEvent()\n\t\t}\n\t}\n\n\t// Value property with getter/setter (maintained for backward compatibility)\n\t@property({ type: String, reflect: true })\n\tget value() {\n\t\tif (this.multi) {\n\t\t\treturn this._selectedValues.join(',')\n\t\t}\n\t\treturn this._selectedValue\n\t}\n\tset value(val: string) {\n\t\tif (this.multi) {\n\t\t\tthis._selectedValues = val\n\t\t\t\t? val\n\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t.map(v => v.trim())\n\t\t\t\t\t\t.filter(Boolean)\n\t\t\t\t: []\n\t\t} else {\n\t\t\tthis._selectedValue = val\n\t\t}\n\t\tthis._syncOptionsSelection()\n\t\tthis._updateInputDisplay()\n\n\t\t// Dispatch change event when value is set programmatically\n\t\tif (this.isConnected) {\n\t\t\tthis._fireChangeEvent()\n\t\t}\n\t}\n\n\t// Internal state\n\t@state() private _open = false\n\t@state() private _inputValue = ''\n\t@state() private _selectedValue = ''\n\t@state() private _selectedValues: string[] = []\n\t@state() private _suppressFocusOpen = false // Flag to prevent dropdown from opening on focus after selection\n\n\t// Debounce timer reference\n\tprivate _debounceTimer: number | null = null\n\n\t// DOM references\n\t@query('#options') _listbox!: HTMLUListElement\n\t@query('sch-input') _input!: SchmancyInputV2\n\t@queryAssignedElements({ flatten: true }) private _options!: SchmancyOption[]\n\tprivate _inputElementRef = createRef<HTMLInputElement>()\n\n\t// Click outside handler reference for cleanup\n\tprivate _documentClickHandler = this._onDocumentClick.bind(this)\n\n\t// Lifecycle methods\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Ensure component has ID for ARIA relationships\n\t\tif (!this.id) {\n\t\t\tthis.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up global event listeners\n\t\tdocument.removeEventListener('click', this._documentClickHandler)\n\n\t\t// Clear any pending debounce timer\n\t\tif (this._debounceTimer !== null) {\n\t\t\twindow.clearTimeout(this._debounceTimer)\n\t\t}\n\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Set up initial state and accessibility\n\t\tthis._syncOptionsSelection()\n\t\tthis._setupOptionsAccessibility()\n\t\tthis._updateInputDisplay()\n\t}\n\n\tupdated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\n\t\t// Update document click handler when dropdown state changes\n\t\tif (changedProps.has('_open')) {\n\t\t\tif (!this._open) {\n\t\t\t\tdocument.removeEventListener('click', this._documentClickHandler)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Handle document clicks to close dropdown when clicking outside\n\t */\n\tprivate _onDocumentClick(e: MouseEvent) {\n\t\t// Don't close if clicking on component or its children\n\t\tif (e.composedPath().includes(this)) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't close if clicking on one of the options (which may be in light DOM)\n\t\tfor (const option of this._options) {\n\t\t\tif (e.composedPath().includes(option)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\n\t\t// Otherwise close the dropdown\n\t\tif (this._open) {\n\t\t\tthis._open = false\n\t\t\tthis._updateInputDisplay()\n\t\t}\n\t}\n\n\t/**\n\t * Set up initial option accessibility attributes\n\t */\n\tprivate _setupOptionsAccessibility() {\n\t\tthis._options.forEach((option, index) => {\n\t\t\t// Set common attributes for all options\n\t\t\toption.setAttribute('role', 'option')\n\t\t\toption.tabIndex = -1\n\n\t\t\t// Ensure each option has an ID\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Add click handler to options\n\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\toption.addEventListener('click', e => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tthis._selectOption(option)\n\t\t\t\t})\n\t\t\t\toption.setAttribute('data-event-bound', 'true')\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Update options' selection state based on component value\n\t */\n\tprivate _syncOptionsSelection() {\n\t\tif (!this._options?.length) return\n\n\t\tthis._options.forEach(option => {\n\t\t\tif (this.multi) {\n\t\t\t\toption.selected = this._selectedValues.includes(option.value)\n\t\t\t} else {\n\t\t\t\toption.selected = option.value === this._selectedValue\n\t\t\t}\n\n\t\t\t// Update aria-selected attribute\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\t\t})\n\t}\n\n\t/**\n\t * Show all options without filtering\n\t */\n\tprivate _showAllOptions() {\n\t\tthis._options.forEach(option => {\n\t\t\toption.hidden = false\n\t\t})\n\n\t\t// Update \"No results\" visibility - always hidden when showing all\n\t\tconst emptyMessage = this.shadowRoot?.querySelector('#empty')\n\t\tif (emptyMessage) {\n\t\t\temptyMessage.toggleAttribute('hidden', true)\n\t\t}\n\n\t\t// Announce to screen readers\n\t\tconst totalCount = this._options.length\n\t\tthis._announceToScreenReader(`${totalCount} option${totalCount === 1 ? '' : 's'} available.`)\n\t}\n\n\t/**\n\t * Filter options based on input text - this operation can be expensive\n\t * with many options or complex filtering logic\n\t */\n\tprivate _filterOptions() {\n\t\tconsole.time('filter-options')\n\t\tconst searchTerm = this._inputValue.toLowerCase().trim()\n\n\t\t// If no search term, show all options instead of filtering\n\t\tif (!searchTerm) {\n\t\t\tthis._showAllOptions()\n\t\t\tconsole.timeEnd('filter-options')\n\t\t\treturn\n\t\t}\n\n\t\t// Track if we have any matches\n\t\tlet hasMatches = false\n\n\t\tthis._options.forEach(option => {\n\t\t\t// Simple substring matching\n\t\t\tconst text = (option.label || option.textContent || '').toLowerCase()\n\t\t\tconst isMatch = text.includes(searchTerm)\n\t\t\toption.hidden = !isMatch\n\n\t\t\tif (isMatch) {\n\t\t\t\thasMatches = true\n\t\t\t}\n\t\t})\n\n\t\t// Update \"No results\" visibility\n\t\tconst emptyMessage = this.shadowRoot?.querySelector('#empty')\n\t\tif (emptyMessage) {\n\t\t\temptyMessage.toggleAttribute('hidden', hasMatches)\n\t\t}\n\n\t\t// Announce results to screen readers\n\t\tconst visibleCount = this._getVisibleOptions().length\n\t\tthis._announceToScreenReader(\n\t\t\tvisibleCount > 0 ? `${visibleCount} option${visibleCount === 1 ? '' : 's'} available.` : 'No results found.',\n\t\t)\n\t\tconsole.timeEnd('filter-options')\n\t}\n\n\t/**\n\t * Get all currently visible options\n\t */\n\tprivate _getVisibleOptions(): SchmancyOption[] {\n\t\treturn Array.from(this._options || []).filter(option => !option.hidden)\n\t}\n\n\t/**\n\t * Get labels of selected options\n\t */\n\tprivate _getSelectedLabels(): string[] {\n\t\treturn Array.from(this._options || [])\n\t\t\t.filter(option =>\n\t\t\t\tthis.multi ? this._selectedValues.includes(option.value) : option.value === this._selectedValue,\n\t\t\t)\n\t\t\t.map(option => option.label || option.textContent || '')\n\t}\n\n\t/**\n\t * Update the input display based on selection state\n\t */\n\tprivate _updateInputDisplay() {\n\t\tif (!this._inputElementRef.value) return\n\n\t\t// When dropdown is closed or in single select mode, show the selection\n\t\tif (!this._open || !this.multi) {\n\t\t\tif (this.multi) {\n\t\t\t\t// Show comma-separated labels for multi-select\n\t\t\t\tthis._inputValue = this._getSelectedLabels().join(', ')\n\t\t\t} else {\n\t\t\t\t// Show selected option label for single-select\n\t\t\t\tconst selectedOption = this._options?.find(o => o.value === this._selectedValue)\n\t\t\t\tthis._inputValue = selectedOption ? selectedOption.label || selectedOption.textContent || '' : ''\n\t\t\t}\n\t\t}\n\n\t\t// Update the input value\n\t\tthis._inputElementRef.value.value = this._inputValue\n\t}\n\n\t/**\n\t * Handle input focus\n\t */\n\tprivate _onInputFocus(e: FocusEvent) {\n\t\te.stopPropagation()\n\n\t\t// If suppress flag is active, don't open dropdown\n\t\tif (this._suppressFocusOpen) {\n\t\t\treturn\n\t\t}\n\n\t\t// If multi-select mode and input is focused, clear it for new input\n\t\tif (this.multi) {\n\t\t\tthis._inputValue = ''\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.value = ''\n\t\t\t}\n\t\t}\n\n\t\tthis._showDropdown()\n\t}\n\n\t/**\n\t * Debounce a function call\n\t * @param fn Function to debounce\n\t */\n\tprivate _debounce(fn: () => void): void {\n\t\t// Clear any existing timer\n\t\tif (this._debounceTimer !== null) {\n\t\t\twindow.clearTimeout(this._debounceTimer)\n\t\t}\n\n\t\t// Set new timer\n\t\tthis._debounceTimer = window.setTimeout(() => {\n\t\t\tfn()\n\t\t\tthis._debounceTimer = null\n\t\t}, this.debounceMs)\n\t}\n\n\t/**\n\t * Handle input text changes with debouncing\n\t */\n\tprivate _onInputChange(e: Event) {\n\t\tconst target = e.target as HTMLInputElement\n\t\tthis._inputValue = target.value\n\n\t\t// Immediate feedback - show dropdown\n\t\tif (!this._open) {\n\t\t\tthis._showDropdown()\n\t\t}\n\n\t\t// Debounce the expensive filtering operation\n\t\tthis._debounce(() => {\n\t\t\tthis._filterOptions()\n\t\t})\n\t}\n\n\t/**\n\t * Show the dropdown with all options visible initially\n\t */\n\tprivate _showDropdown() {\n\t\tif (this._open) return\n\n\t\tthis._open = true\n\n\t\t// Initially show all options instead of filtering\n\t\tthis._showAllOptions()\n\n\t\t// Add document click handler after a brief delay\n\t\t// to avoid immediate closing on the same click event\n\t\tsetTimeout(() => {\n\t\t\tdocument.addEventListener('click', this._documentClickHandler)\n\t\t}, 10)\n\t}\n\n\t/**\n\t * Announce message to screen readers\n\t */\n\tprivate _announceToScreenReader(message: string) {\n\t\tconst liveRegion = this.shadowRoot?.querySelector('#live-status')\n\t\tif (liveRegion) {\n\t\t\tliveRegion.textContent = message\n\t\t}\n\t}\n\n\t/**\n\t * Select an option (either via click or keyboard)\n\t */\n\tprivate _selectOption(option: SchmancyOption) {\n\t\tif (this.multi) {\n\t\t\t// Toggle selection in multi-select mode\n\t\t\tconst value = option.value\n\t\t\tconst index = this._selectedValues.indexOf(value)\n\n\t\t\tif (index > -1) {\n\t\t\t\t// Remove if already selected\n\t\t\t\tthis._selectedValues = [...this._selectedValues.slice(0, index), ...this._selectedValues.slice(index + 1)]\n\t\t\t} else {\n\t\t\t\t// Add if not selected\n\t\t\t\tthis._selectedValues = [...this._selectedValues, value]\n\t\t\t}\n\n\t\t\t// Clear input for more typing in multi-select mode\n\t\t\tthis._inputValue = ''\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.value = ''\n\t\t\t}\n\n\t\t\t// Update option selection state\n\t\t\toption.selected = !option.selected\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\n\t\t\t// Keep dropdown open in multi-select\n\t\t\t// Show all options if input is empty\n\t\t\tif (this._inputValue.trim() === '') {\n\t\t\t\tthis._showAllOptions()\n\t\t\t} else {\n\t\t\t\tthis._filterOptions()\n\t\t\t}\n\n\t\t\t// Announce selection to screen readers\n\t\t\tconst selectedLabels = this._getSelectedLabels()\n\t\t\tthis._announceToScreenReader(\n\t\t\t\tselectedLabels.length > 0 ? `Selected: ${selectedLabels.join(', ')}` : 'No options selected',\n\t\t\t)\n\t\t} else {\n\t\t\t// Single-select mode - select and close\n\t\t\tthis._selectedValue = option.value\n\n\t\t\t// Update selected state\n\t\t\tthis._syncOptionsSelection()\n\n\t\t\t// Close dropdown\n\t\t\tthis._open = false\n\n\t\t\t// Set flag to prevent reopening on focus\n\t\t\tthis._suppressFocusOpen = true\n\n\t\t\t// Update input with selected label\n\t\t\tthis._updateInputDisplay()\n\n\t\t\t// For mobile: blur input to dismiss keyboard\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.blur()\n\t\t\t}\n\n\t\t\t// Reset suppress flag after a delay\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis._suppressFocusOpen = false\n\t\t\t}, 300)\n\n\t\t\t// Announce selection to screen readers\n\t\t\tthis._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n\t\t}\n\n\t\t// Fire change event\n\t\tthis._fireChangeEvent()\n\t}\n\n\t/**\n\t * Handle keyboard navigation\n\t */\n\tprivate _onKeyDown(e: KeyboardEvent) {\n\t\t// If dropdown is closed, open on arrow down or enter\n\t\tif (!this._open && (e.key === 'ArrowDown' || e.key === 'Enter')) {\n\t\t\te.preventDefault()\n\t\t\tthis._showDropdown()\n\n\t\t\t// Focus first visible option\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst visibleOptions = this._getVisibleOptions()\n\t\t\t\tif (visibleOptions.length > 0) {\n\t\t\t\t\tvisibleOptions[0].focus()\n\t\t\t\t}\n\t\t\t}, 10)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Early return if dropdown is closed\n\t\tif (!this._open) return\n\n\t\t// Handle keyboard navigation\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._open = false\n\t\t\t\tthis._updateInputDisplay()\n\t\t\t\tthis._inputElementRef.value?.focus()\n\t\t\t\tbreak\n\n\t\t\tcase 'Tab':\n\t\t\t\t// Natural tab behavior will move focus; just close dropdown\n\t\t\t\tthis._open = false\n\t\t\t\tthis._updateInputDisplay()\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._moveFocus(1)\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._moveFocus(-1)\n\t\t\t\tbreak\n\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._focusFirstOption()\n\t\t\t\tbreak\n\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._focusLastOption()\n\t\t\t\tbreak\n\n\t\t\tcase 'Enter':\n\t\t\tcase ' ': // Space key\n\t\t\t\t// Select currently focused option\n\t\t\t\tconst focusedOption = this._getFocusedOption()\n\t\t\t\tif (focusedOption) {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tthis._selectOption(focusedOption)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\t/**\n\t * Get the currently focused option\n\t */\n\tprivate _getFocusedOption(): SchmancyOption | null {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\treturn visibleOptions.find(opt => opt === document.activeElement) || null\n\t}\n\n\t/**\n\t * Move focus to next/previous option\n\t */\n\tprivate _moveFocus(direction: number) {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (!visibleOptions.length) return\n\n\t\tconst currentOption = this._getFocusedOption()\n\t\tlet index = currentOption ? visibleOptions.indexOf(currentOption) : -1\n\n\t\t// Calculate new index\n\t\tif (direction > 0) {\n\t\t\t// Move forward, wrap to start\n\t\t\tindex = index < visibleOptions.length - 1 ? index + 1 : 0\n\t\t} else {\n\t\t\t// Move backward, wrap to end\n\t\t\tindex = index > 0 ? index - 1 : visibleOptions.length - 1\n\t\t}\n\n\t\t// Focus the option\n\t\tvisibleOptions[index].focus()\n\t}\n\n\t/**\n\t * Focus the first visible option\n\t */\n\tprivate _focusFirstOption() {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (visibleOptions.length > 0) {\n\t\t\tvisibleOptions[0].focus()\n\t\t}\n\t}\n\n\t/**\n\t * Focus the last visible option\n\t */\n\tprivate _focusLastOption() {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (visibleOptions.length > 0) {\n\t\t\tvisibleOptions[visibleOptions.length - 1].focus()\n\t\t}\n\t}\n\n\t/**\n\t * Fire change event\n\t */\n\tprivate _fireChangeEvent() {\n\t\tconst detail: SchmancyAutocompleteChangeEvent['detail'] = {\n\t\t\tvalue: this.multi ? this._selectedValues : this._selectedValue,\n\t\t}\n\n\t\t// Include values property in the event detail when in multi-select mode\n\t\tif (this.multi) {\n\t\t\tdetail.values = [...this._selectedValues]\n\t\t}\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n\t\t\t\tdetail,\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Check validity for form integration\n\t */\n\tpublic checkValidity(): boolean {\n\t\tif (!this.required) return true\n\t\treturn this.multi ? this._selectedValues.length > 0 : Boolean(this._selectedValue)\n\t}\n\n\t/**\n\t * Report validity for form integration\n\t */\n\tpublic reportValidity(): boolean {\n\t\tif (this._inputElementRef.value) {\n\t\t\treturn this._inputElementRef.value.reportValidity()\n\t\t}\n\t\treturn this.checkValidity()\n\t}\n\n\trender() {\n\t\tconst descriptionId = `${this.id}-desc`\n\n\t\treturn html`\n\t\t\t<div class=\"schmancy-autocomplete relative\">\n\t\t\t\t<!-- Screen reader live region -->\n\t\t\t\t<div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n\t\t\t\t<!-- Description (for screen readers) -->\n\t\t\t\t${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n\t\t\t\t<!-- Input / trigger slot -->\n\t\t\t\t<slot name=\"trigger\">\n\t\t\t\t\t<sch-input\n\t\t\t\t\t\t.size=${this.size}\n\t\t\t\t\t\t${ref(this._inputElementRef)}\n\t\t\t\t\t\tid=\"autocomplete-input\"\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\t.value=${this._inputValue}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tautocomplete=${this.autocomplete}\n\t\t\t\t\t\tclickable\n\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\taria-autocomplete=\"list\"\n\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\t\taria-expanded=${this._open}\n\t\t\t\t\t\taria-describedby=${this.description ? descriptionId : undefined}\n\t\t\t\t\t\t@input=${this._onInputChange}\n\t\t\t\t\t\t@focus=${this._onInputFocus}\n\t\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis._onInputFocus(new FocusEvent('focus'))\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t@keydown=${this._onKeyDown}\n\t\t\t\t\t>\n\t\t\t\t\t</sch-input>\n\t\t\t\t</slot>\n\n\t\t\t\t<!-- Options dropdown -->\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\tabsolute: true,\n\t\t\t\t\t\t'z-[1000]': true,\n\t\t\t\t\t\t'mt-1': true,\n\t\t\t\t\t\t'w-full': true,\n\t\t\t\t\t\t'rounded-md': true,\n\t\t\t\t\t\t'shadow-md': true,\n\t\t\t\t\t\t'overflow-auto': true,\n\t\t\t\t\t\t'min-w-full': true,\n\t\t\t\t\t\t'bg-surface-low': true,\n\t\t\t\t\t})}\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi ? 'true' : 'false'}\n\t\t\t\t\taria-label=${`${this.label || 'Options'} dropdown`}\n\t\t\t\t\t?hidden=${!this._open}\n\t\t\t\t\tstyle=\"\n max-height: ${this.maxHeight}; \n display: ${this._open ? 'block' : 'none'};\n \"\n\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\tthis._setupOptionsAccessibility()\n\t\t\t\t\t\tthis._syncOptionsSelection()\n\t\t\t\t\t\t// Show all options when slot content changes, don't filter yet\n\t\t\t\t\t\tthis._showAllOptions()\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<!-- Options slot -->\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-autocomplete': SchmancyAutocomplete\n\t}\n}\n"],"names":["SchmancyAutocomplete","$LitElement","constructor","super","arguments","this","required","placeholder","label","maxHeight","multi","description","size","autocomplete","debounceMs","_open","_inputValue","_selectedValue","_selectedValues","_suppressFocusOpen","_debounceTimer","_inputElementRef","createRef","_documentClickHandler","_onDocumentClick","bind","values","vals","Array","isArray","_syncOptionsSelection","_updateInputDisplay","isConnected","_fireChangeEvent","value","join","val","split","map","v","trim","filter","Boolean","connectedCallback","id","Math","random","toString","slice","disconnectedCallback","document","removeEventListener","window","clearTimeout","_setupOptionsAccessibility","changedProps","updated","has","e","composedPath","includes","option","_options","forEach","index","setAttribute","tabIndex","hasAttribute","addEventListener","stopPropagation","_selectOption","length","selected","String","_showAllOptions","hidden","emptyMessage","shadowRoot","querySelector","toggleAttribute","totalCount","_announceToScreenReader","_filterOptions","searchTerm","toLowerCase","hasMatches","isMatch","textContent","visibleCount","_getVisibleOptions","from","_getSelectedLabels","selectedOption","find","o","_showDropdown","fn","setTimeout","target","_debounce","message","liveRegion","indexOf","selectedLabels","blur","key","preventDefault","visibleOptions","focus","_moveFocus","_focusFirstOption","_focusLastOption","focusedOption","_getFocusedOption","opt","activeElement","direction","currentOption","detail","dispatchEvent","CustomEvent","bubbles","composed","reportValidity","checkValidity","render","descriptionId","html","ref","_onInputChange","_onInputFocus","FocusEvent","_onKeyDown","classMap","absolute","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"autocomplete-BrAxEJJq.cjs","sources":["../src/autocomplete/autocomplete.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { InputSize } from '@schmancy/input'\nimport SchmancyInputV2 from '@schmancy/input/input-v2'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport style from './autocomplete.scss?inline'\n\n/**\n * @fires change - When selection changes\n */\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n\tvalues?: string[] // Only present when multi=true\n}>\n\n/**\n * SchmancyAutocomplete provides an accessible autocomplete/combobox component\n * with keyboard navigation and single or multi-select capabilities.\n *\n * @element schmancy-autocomplete\n * @slot - Default slot for option elements\n * @slot trigger - Optional slot to override the default input element\n * \n * @property {string} value - The selected value for single-select mode. In multi-select mode,\n * this is a comma-separated string of values (kept for backward compatibility).\n * @property {string[]} values - The selected values as an array for multi-select mode (preferred API for multi-select).\n */\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends $LitElement(style) {\n\t// Public API properties\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) label = ''\n\t@property({ type: String }) maxHeight = '300px'\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) description = ''\n\t@property({ type: String, reflect: true }) size: InputSize = 'md'\n\t@property({ type: String }) autocomplete = 'off'\n\t@property({ type: Number }) debounceMs = 200 // Debounce delay in milliseconds\n\n\t// Values property for multi-select mode (preferred API for multi-select)\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this._selectedValues]\n\t}\n\tset values(vals: string[]) {\n\t\tthis._selectedValues = Array.isArray(vals) ? [...vals] : []\n\t\tthis._syncOptionsSelection()\n\t\tthis._updateInputDisplay()\n\n\t\t// Dispatch change event when values are set programmatically\n\t\tif (this.isConnected) {\n\t\t\tthis._fireChangeEvent()\n\t\t}\n\t}\n\n\t// Value property with getter/setter (maintained for backward compatibility)\n\t@property({ type: String, reflect: true })\n\tget value() {\n\t\tif (this.multi) {\n\t\t\treturn this._selectedValues.join(',')\n\t\t}\n\t\treturn this._selectedValue\n\t}\n\tset value(val: string) {\n\t\tif (this.multi) {\n\t\t\tthis._selectedValues = val\n\t\t\t\t? val\n\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t.map(v => v.trim())\n\t\t\t\t\t\t.filter(Boolean)\n\t\t\t\t: []\n\t\t} else {\n\t\t\tthis._selectedValue = val\n\t\t}\n\t\tthis._syncOptionsSelection()\n\t\tthis._updateInputDisplay()\n\n\t\t// Dispatch change event when value is set programmatically\n\t\tif (this.isConnected) {\n\t\t\tthis._fireChangeEvent()\n\t\t}\n\t}\n\n\t// Internal state\n\t@state() private _open = false\n\t@state() private _inputValue = ''\n\t@state() private _selectedValue = ''\n\t@state() private _selectedValues: string[] = []\n\t@state() private _suppressFocusOpen = false // Flag to prevent dropdown from opening on focus after selection\n\n\t// Debounce timer reference\n\tprivate _debounceTimer: number | null = null\n\n\t// DOM references\n\t@query('#options') _listbox!: HTMLUListElement\n\t@query('sch-input') _input!: SchmancyInputV2\n\t@queryAssignedElements({ flatten: true }) private _options!: SchmancyOption[]\n\tprivate _inputElementRef = createRef<HTMLInputElement>()\n\n\t// Click outside handler reference for cleanup\n\tprivate _documentClickHandler = this._onDocumentClick.bind(this)\n\n\t// Lifecycle methods\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Ensure component has ID for ARIA relationships\n\t\tif (!this.id) {\n\t\t\tthis.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up global event listeners\n\t\tdocument.removeEventListener('click', this._documentClickHandler)\n\n\t\t// Clear any pending debounce timer\n\t\tif (this._debounceTimer !== null) {\n\t\t\twindow.clearTimeout(this._debounceTimer)\n\t\t}\n\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Set up initial state and accessibility\n\t\tthis._syncOptionsSelection()\n\t\tthis._setupOptionsAccessibility()\n\t\tthis._updateInputDisplay()\n\t}\n\n\tupdated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\n\t\t// Update document click handler when dropdown state changes\n\t\tif (changedProps.has('_open')) {\n\t\t\tif (!this._open) {\n\t\t\t\tdocument.removeEventListener('click', this._documentClickHandler)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Handle document clicks to close dropdown when clicking outside\n\t */\n\tprivate _onDocumentClick(e: MouseEvent) {\n\t\t// Don't close if clicking on component or its children\n\t\tif (e.composedPath().includes(this)) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't close if clicking on one of the options (which may be in light DOM)\n\t\tfor (const option of this._options) {\n\t\t\tif (e.composedPath().includes(option)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\n\t\t// Otherwise close the dropdown\n\t\tif (this._open) {\n\t\t\tthis._open = false\n\t\t\tthis._updateInputDisplay()\n\t\t}\n\t}\n\n\t/**\n\t * Set up initial option accessibility attributes\n\t */\n\tprivate _setupOptionsAccessibility() {\n\t\tthis._options.forEach((option, index) => {\n\t\t\t// Set common attributes for all options\n\t\t\toption.setAttribute('role', 'option')\n\t\t\toption.tabIndex = -1\n\n\t\t\t// Ensure each option has an ID\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Add click handler to options\n\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\toption.addEventListener('click', e => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tthis._selectOption(option)\n\t\t\t\t})\n\t\t\t\toption.setAttribute('data-event-bound', 'true')\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Update options' selection state based on component value\n\t */\n\tprivate _syncOptionsSelection() {\n\t\tif (!this._options?.length) return\n\n\t\tthis._options.forEach(option => {\n\t\t\tif (this.multi) {\n\t\t\t\toption.selected = this._selectedValues.includes(option.value)\n\t\t\t} else {\n\t\t\t\toption.selected = option.value === this._selectedValue\n\t\t\t}\n\n\t\t\t// Update aria-selected attribute\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\t\t})\n\t}\n\n\t/**\n\t * Show all options without filtering\n\t */\n\tprivate _showAllOptions() {\n\t\tthis._options.forEach(option => {\n\t\t\toption.hidden = false\n\t\t})\n\n\t\t// Update \"No results\" visibility - always hidden when showing all\n\t\tconst emptyMessage = this.shadowRoot?.querySelector('#empty')\n\t\tif (emptyMessage) {\n\t\t\temptyMessage.toggleAttribute('hidden', true)\n\t\t}\n\n\t\t// Announce to screen readers\n\t\tconst totalCount = this._options.length\n\t\tthis._announceToScreenReader(`${totalCount} option${totalCount === 1 ? '' : 's'} available.`)\n\t}\n\n\t/**\n\t * Filter options based on input text - this operation can be expensive\n\t * with many options or complex filtering logic\n\t */\n\tprivate _filterOptions() {\n\t\tconsole.time('filter-options')\n\t\tconst searchTerm = this._inputValue.toLowerCase().trim()\n\n\t\t// If no search term, show all options instead of filtering\n\t\tif (!searchTerm) {\n\t\t\tthis._showAllOptions()\n\t\t\tconsole.timeEnd('filter-options')\n\t\t\treturn\n\t\t}\n\n\t\t// Track if we have any matches\n\t\tlet hasMatches = false\n\n\t\tthis._options.forEach(option => {\n\t\t\t// Simple substring matching\n\t\t\tconst text = (option.label || option.textContent || '').toLowerCase()\n\t\t\tconst isMatch = text.includes(searchTerm)\n\t\t\toption.hidden = !isMatch\n\n\t\t\tif (isMatch) {\n\t\t\t\thasMatches = true\n\t\t\t}\n\t\t})\n\n\t\t// Update \"No results\" visibility\n\t\tconst emptyMessage = this.shadowRoot?.querySelector('#empty')\n\t\tif (emptyMessage) {\n\t\t\temptyMessage.toggleAttribute('hidden', hasMatches)\n\t\t}\n\n\t\t// Announce results to screen readers\n\t\tconst visibleCount = this._getVisibleOptions().length\n\t\tthis._announceToScreenReader(\n\t\t\tvisibleCount > 0 ? `${visibleCount} option${visibleCount === 1 ? '' : 's'} available.` : 'No results found.',\n\t\t)\n\t\tconsole.timeEnd('filter-options')\n\t}\n\n\t/**\n\t * Get all currently visible options\n\t */\n\tprivate _getVisibleOptions(): SchmancyOption[] {\n\t\treturn Array.from(this._options || []).filter(option => !option.hidden)\n\t}\n\n\t/**\n\t * Get labels of selected options\n\t */\n\tprivate _getSelectedLabels(): string[] {\n\t\treturn Array.from(this._options || [])\n\t\t\t.filter(option =>\n\t\t\t\tthis.multi ? this._selectedValues.includes(option.value) : option.value === this._selectedValue,\n\t\t\t)\n\t\t\t.map(option => option.label || option.textContent || '')\n\t}\n\n\t/**\n\t * Update the input display based on selection state\n\t */\n\tprivate _updateInputDisplay() {\n\t\tif (!this._inputElementRef.value) return\n\n\t\t// When dropdown is closed or in single select mode, show the selection\n\t\tif (!this._open || !this.multi) {\n\t\t\tif (this.multi) {\n\t\t\t\t// Show comma-separated labels for multi-select\n\t\t\t\tthis._inputValue = this._getSelectedLabels().join(', ')\n\t\t\t} else {\n\t\t\t\t// Show selected option label for single-select\n\t\t\t\tconst selectedOption = this._options?.find(o => o.value === this._selectedValue)\n\t\t\t\tthis._inputValue = selectedOption ? selectedOption.label || selectedOption.textContent || '' : ''\n\t\t\t}\n\t\t}\n\n\t\t// Update the input value\n\t\tthis._inputElementRef.value.value = this._inputValue\n\t}\n\n\t/**\n\t * Handle input focus\n\t */\n\tprivate _onInputFocus(e: FocusEvent) {\n\t\te.stopPropagation()\n\n\t\t// If suppress flag is active, don't open dropdown\n\t\tif (this._suppressFocusOpen) {\n\t\t\treturn\n\t\t}\n\n\t\t// If multi-select mode and input is focused, clear it for new input\n\t\tif (this.multi) {\n\t\t\tthis._inputValue = ''\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.value = ''\n\t\t\t}\n\t\t}\n\n\t\tthis._showDropdown()\n\t}\n\n\t/**\n\t * Debounce a function call\n\t * @param fn Function to debounce\n\t */\n\tprivate _debounce(fn: () => void): void {\n\t\t// Clear any existing timer\n\t\tif (this._debounceTimer !== null) {\n\t\t\twindow.clearTimeout(this._debounceTimer)\n\t\t}\n\n\t\t// Set new timer\n\t\tthis._debounceTimer = window.setTimeout(() => {\n\t\t\tfn()\n\t\t\tthis._debounceTimer = null\n\t\t}, this.debounceMs)\n\t}\n\n\t/**\n\t * Handle input text changes with debouncing\n\t */\n\tprivate _onInputChange(e: Event) {\n\t\tconst target = e.target as HTMLInputElement\n\t\tthis._inputValue = target.value\n\n\t\t// Immediate feedback - show dropdown\n\t\tif (!this._open) {\n\t\t\tthis._showDropdown()\n\t\t}\n\n\t\t// Debounce the expensive filtering operation\n\t\tthis._debounce(() => {\n\t\t\tthis._filterOptions()\n\t\t})\n\t}\n\n\t/**\n\t * Show the dropdown with all options visible initially\n\t */\n\tprivate _showDropdown() {\n\t\tif (this._open) return\n\n\t\tthis._open = true\n\n\t\t// Initially show all options instead of filtering\n\t\tthis._showAllOptions()\n\n\t\t// Add document click handler after a brief delay\n\t\t// to avoid immediate closing on the same click event\n\t\tsetTimeout(() => {\n\t\t\tdocument.addEventListener('click', this._documentClickHandler)\n\t\t}, 10)\n\t}\n\n\t/**\n\t * Announce message to screen readers\n\t */\n\tprivate _announceToScreenReader(message: string) {\n\t\tconst liveRegion = this.shadowRoot?.querySelector('#live-status')\n\t\tif (liveRegion) {\n\t\t\tliveRegion.textContent = message\n\t\t}\n\t}\n\n\t/**\n\t * Select an option (either via click or keyboard)\n\t */\n\tprivate _selectOption(option: SchmancyOption) {\n\t\tif (this.multi) {\n\t\t\t// Toggle selection in multi-select mode\n\t\t\tconst value = option.value\n\t\t\tconst index = this._selectedValues.indexOf(value)\n\n\t\t\tif (index > -1) {\n\t\t\t\t// Remove if already selected\n\t\t\t\tthis._selectedValues = [...this._selectedValues.slice(0, index), ...this._selectedValues.slice(index + 1)]\n\t\t\t} else {\n\t\t\t\t// Add if not selected\n\t\t\t\tthis._selectedValues = [...this._selectedValues, value]\n\t\t\t}\n\n\t\t\t// Clear input for more typing in multi-select mode\n\t\t\tthis._inputValue = ''\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.value = ''\n\t\t\t}\n\n\t\t\t// Update option selection state\n\t\t\toption.selected = !option.selected\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\n\t\t\t// Keep dropdown open in multi-select\n\t\t\t// Show all options if input is empty\n\t\t\tif (this._inputValue.trim() === '') {\n\t\t\t\tthis._showAllOptions()\n\t\t\t} else {\n\t\t\t\tthis._filterOptions()\n\t\t\t}\n\n\t\t\t// Announce selection to screen readers\n\t\t\tconst selectedLabels = this._getSelectedLabels()\n\t\t\tthis._announceToScreenReader(\n\t\t\t\tselectedLabels.length > 0 ? `Selected: ${selectedLabels.join(', ')}` : 'No options selected',\n\t\t\t)\n\t\t} else {\n\t\t\t// Single-select mode - select and close\n\t\t\tthis._selectedValue = option.value\n\n\t\t\t// Update selected state\n\t\t\tthis._syncOptionsSelection()\n\n\t\t\t// Close dropdown\n\t\t\tthis._open = false\n\n\t\t\t// Set flag to prevent reopening on focus\n\t\t\tthis._suppressFocusOpen = true\n\n\t\t\t// Update input with selected label\n\t\t\tthis._updateInputDisplay()\n\n\t\t\t// For mobile: blur input to dismiss keyboard\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.blur()\n\t\t\t}\n\n\t\t\t// Reset suppress flag after a delay\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis._suppressFocusOpen = false\n\t\t\t}, 300)\n\n\t\t\t// Announce selection to screen readers\n\t\t\tthis._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n\t\t}\n\n\t\t// Fire change event\n\t\tthis._fireChangeEvent()\n\t}\n\n\t/**\n\t * Handle keyboard navigation\n\t */\n\tprivate _onKeyDown(e: KeyboardEvent) {\n\t\t// If dropdown is closed, open on arrow down or enter\n\t\tif (!this._open && (e.key === 'ArrowDown' || e.key === 'Enter')) {\n\t\t\te.preventDefault()\n\t\t\tthis._showDropdown()\n\n\t\t\t// Focus first visible option\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst visibleOptions = this._getVisibleOptions()\n\t\t\t\tif (visibleOptions.length > 0) {\n\t\t\t\t\tvisibleOptions[0].focus()\n\t\t\t\t}\n\t\t\t}, 10)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Early return if dropdown is closed\n\t\tif (!this._open) return\n\n\t\t// Handle keyboard navigation\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._open = false\n\t\t\t\tthis._updateInputDisplay()\n\t\t\t\tthis._inputElementRef.value?.focus()\n\t\t\t\tbreak\n\n\t\t\tcase 'Tab':\n\t\t\t\t// Natural tab behavior will move focus; just close dropdown\n\t\t\t\tthis._open = false\n\t\t\t\tthis._updateInputDisplay()\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._moveFocus(1)\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._moveFocus(-1)\n\t\t\t\tbreak\n\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._focusFirstOption()\n\t\t\t\tbreak\n\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._focusLastOption()\n\t\t\t\tbreak\n\n\t\t\tcase 'Enter':\n\t\t\tcase ' ': // Space key\n\t\t\t\t// Select currently focused option\n\t\t\t\tconst focusedOption = this._getFocusedOption()\n\t\t\t\tif (focusedOption) {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tthis._selectOption(focusedOption)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\t/**\n\t * Get the currently focused option\n\t */\n\tprivate _getFocusedOption(): SchmancyOption | null {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\treturn visibleOptions.find(opt => opt === document.activeElement) || null\n\t}\n\n\t/**\n\t * Move focus to next/previous option\n\t */\n\tprivate _moveFocus(direction: number) {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (!visibleOptions.length) return\n\n\t\tconst currentOption = this._getFocusedOption()\n\t\tlet index = currentOption ? visibleOptions.indexOf(currentOption) : -1\n\n\t\t// Calculate new index\n\t\tif (direction > 0) {\n\t\t\t// Move forward, wrap to start\n\t\t\tindex = index < visibleOptions.length - 1 ? index + 1 : 0\n\t\t} else {\n\t\t\t// Move backward, wrap to end\n\t\t\tindex = index > 0 ? index - 1 : visibleOptions.length - 1\n\t\t}\n\n\t\t// Focus the option\n\t\tvisibleOptions[index].focus()\n\t}\n\n\t/**\n\t * Focus the first visible option\n\t */\n\tprivate _focusFirstOption() {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (visibleOptions.length > 0) {\n\t\t\tvisibleOptions[0].focus()\n\t\t}\n\t}\n\n\t/**\n\t * Focus the last visible option\n\t */\n\tprivate _focusLastOption() {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (visibleOptions.length > 0) {\n\t\t\tvisibleOptions[visibleOptions.length - 1].focus()\n\t\t}\n\t}\n\n\t/**\n\t * Fire change event\n\t */\n\tprivate _fireChangeEvent() {\n\t\tconst detail: SchmancyAutocompleteChangeEvent['detail'] = {\n\t\t\tvalue: this.multi ? this._selectedValues : this._selectedValue,\n\t\t}\n\n\t\t// Include values property in the event detail when in multi-select mode\n\t\tif (this.multi) {\n\t\t\tdetail.values = [...this._selectedValues]\n\t\t}\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n\t\t\t\tdetail,\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Check validity for form integration\n\t */\n\tpublic checkValidity(): boolean {\n\t\tif (!this.required) return true\n\t\treturn this.multi ? this._selectedValues.length > 0 : Boolean(this._selectedValue)\n\t}\n\n\t/**\n\t * Report validity for form integration\n\t */\n\tpublic reportValidity(): boolean {\n\t\tif (this._inputElementRef.value) {\n\t\t\treturn this._inputElementRef.value.reportValidity()\n\t\t}\n\t\treturn this.checkValidity()\n\t}\n\n\trender() {\n\t\tconst descriptionId = `${this.id}-desc`\n\n\t\treturn html`\n\t\t\t<div class=\"schmancy-autocomplete relative\">\n\t\t\t\t<!-- Screen reader live region -->\n\t\t\t\t<div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n\t\t\t\t<!-- Description (for screen readers) -->\n\t\t\t\t${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n\t\t\t\t<!-- Input / trigger slot -->\n\t\t\t\t<slot name=\"trigger\">\n\t\t\t\t\t<sch-input\n\t\t\t\t\t\t.size=${this.size}\n\t\t\t\t\t\t${ref(this._inputElementRef)}\n\t\t\t\t\t\tid=\"autocomplete-input\"\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\t.value=${this._inputValue}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tautocomplete=${this.autocomplete}\n\t\t\t\t\t\tclickable\n\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\taria-autocomplete=\"list\"\n\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\t\taria-expanded=${this._open}\n\t\t\t\t\t\taria-describedby=${this.description ? descriptionId : undefined}\n\t\t\t\t\t\t@input=${this._onInputChange}\n\t\t\t\t\t\t@focus=${this._onInputFocus}\n\t\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis._onInputFocus(new FocusEvent('focus'))\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t@keydown=${this._onKeyDown}\n\t\t\t\t\t>\n\t\t\t\t\t</sch-input>\n\t\t\t\t</slot>\n\n\t\t\t\t<!-- Options dropdown -->\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\tabsolute: true,\n\t\t\t\t\t\t'z-[1000]': true,\n\t\t\t\t\t\t'mt-1': true,\n\t\t\t\t\t\t'w-full': true,\n\t\t\t\t\t\t'rounded-md': true,\n\t\t\t\t\t\t'shadow-md': true,\n\t\t\t\t\t\t'overflow-auto': true,\n\t\t\t\t\t\t'min-w-full': true,\n\t\t\t\t\t\t'bg-surface-low': true,\n\t\t\t\t\t})}\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi ? 'true' : 'false'}\n\t\t\t\t\taria-label=${`${this.label || 'Options'} dropdown`}\n\t\t\t\t\t?hidden=${!this._open}\n\t\t\t\t\tstyle=\"\n max-height: ${this.maxHeight}; \n display: ${this._open ? 'block' : 'none'};\n \"\n\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\tthis._setupOptionsAccessibility()\n\t\t\t\t\t\tthis._syncOptionsSelection()\n\t\t\t\t\t\t// Show all options when slot content changes, don't filter yet\n\t\t\t\t\t\tthis._showAllOptions()\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<!-- Options slot -->\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-autocomplete': SchmancyAutocomplete\n\t}\n}\n"],"names":["SchmancyAutocomplete","$LitElement","constructor","super","arguments","this","required","placeholder","label","maxHeight","multi","description","size","autocomplete","debounceMs","_open","_inputValue","_selectedValue","_selectedValues","_suppressFocusOpen","_debounceTimer","_inputElementRef","createRef","_documentClickHandler","_onDocumentClick","bind","values","vals","Array","isArray","_syncOptionsSelection","_updateInputDisplay","isConnected","_fireChangeEvent","value","join","val","split","map","v","trim","filter","Boolean","connectedCallback","id","Math","random","toString","slice","disconnectedCallback","document","removeEventListener","window","clearTimeout","_setupOptionsAccessibility","changedProps","updated","has","e","composedPath","includes","option","_options","forEach","index","setAttribute","tabIndex","hasAttribute","addEventListener","stopPropagation","_selectOption","length","selected","String","_showAllOptions","hidden","emptyMessage","shadowRoot","querySelector","toggleAttribute","totalCount","_announceToScreenReader","_filterOptions","searchTerm","toLowerCase","hasMatches","isMatch","textContent","visibleCount","_getVisibleOptions","from","_getSelectedLabels","selectedOption","find","o","_showDropdown","fn","setTimeout","target","_debounce","message","liveRegion","indexOf","selectedLabels","blur","key","preventDefault","visibleOptions","focus","_moveFocus","_focusFirstOption","_focusLastOption","focusedOption","_getFocusedOption","opt","activeElement","direction","currentOption","detail","dispatchEvent","CustomEvent","bubbles","composed","reportValidity","checkValidity","render","descriptionId","html","ref","_onInputChange","_onInputFocus","FocusEvent","_onKeyDown","classMap","absolute","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "rxjs";
|
|
2
2
|
import { classMap as d } from "lit/directives/class-map.js";
|
|
3
3
|
import "lit/directives/style-map.js";
|
|
4
|
-
import { $ as _ } from "./litElement.mixin-
|
|
5
|
-
import "./tailwind.mixin-
|
|
4
|
+
import { $ as _ } from "./litElement.mixin-C6PzcPXd.js";
|
|
5
|
+
import "./tailwind.mixin-Du4i6vQR.js";
|
|
6
6
|
import { html as c } from "lit";
|
|
7
7
|
import { property as a, state as r, query as h, queryAssignedElements as m, customElement as f } from "lit/decorators.js";
|
|
8
8
|
import { createRef as b, ref as y } from "lit/directives/ref.js";
|
|
@@ -256,4 +256,4 @@ let i = class extends _(":host{display:block;border:unset!important;line-height:
|
|
|
256
256
|
}
|
|
257
257
|
};
|
|
258
258
|
n([a({ type: Boolean })], i.prototype, "required", 2), n([a({ type: String })], i.prototype, "placeholder", 2), n([a({ type: String, reflect: !0 })], i.prototype, "label", 2), n([a({ type: String })], i.prototype, "maxHeight", 2), n([a({ type: Boolean })], i.prototype, "multi", 2), n([a({ type: String })], i.prototype, "description", 2), n([a({ type: String, reflect: !0 })], i.prototype, "size", 2), n([a({ type: String })], i.prototype, "autocomplete", 2), n([a({ type: Number })], i.prototype, "debounceMs", 2), n([a({ type: Array })], i.prototype, "values", 1), n([a({ type: String, reflect: !0 })], i.prototype, "value", 1), n([r()], i.prototype, "_open", 2), n([r()], i.prototype, "_inputValue", 2), n([r()], i.prototype, "_selectedValue", 2), n([r()], i.prototype, "_selectedValues", 2), n([r()], i.prototype, "_suppressFocusOpen", 2), n([h("#options")], i.prototype, "_listbox", 2), n([h("sch-input")], i.prototype, "_input", 2), n([m({ flatten: !0 })], i.prototype, "_options", 2), i = n([f("schmancy-autocomplete")], i);
|
|
259
|
-
//# sourceMappingURL=autocomplete-
|
|
259
|
+
//# sourceMappingURL=autocomplete-OS61ngsy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-ih92pPkb.js","sources":["../src/autocomplete/autocomplete.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { InputSize } from '@schmancy/input'\nimport SchmancyInputV2 from '@schmancy/input/input-v2'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport style from './autocomplete.scss?inline'\n\n/**\n * @fires change - When selection changes\n */\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n\tvalues?: string[] // Only present when multi=true\n}>\n\n/**\n * SchmancyAutocomplete provides an accessible autocomplete/combobox component\n * with keyboard navigation and single or multi-select capabilities.\n *\n * @element schmancy-autocomplete\n * @slot - Default slot for option elements\n * @slot trigger - Optional slot to override the default input element\n * \n * @property {string} value - The selected value for single-select mode. In multi-select mode,\n * this is a comma-separated string of values (kept for backward compatibility).\n * @property {string[]} values - The selected values as an array for multi-select mode (preferred API for multi-select).\n */\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends $LitElement(style) {\n\t// Public API properties\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) label = ''\n\t@property({ type: String }) maxHeight = '300px'\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) description = ''\n\t@property({ type: String, reflect: true }) size: InputSize = 'md'\n\t@property({ type: String }) autocomplete = 'off'\n\t@property({ type: Number }) debounceMs = 200 // Debounce delay in milliseconds\n\n\t// Values property for multi-select mode (preferred API for multi-select)\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this._selectedValues]\n\t}\n\tset values(vals: string[]) {\n\t\tthis._selectedValues = Array.isArray(vals) ? [...vals] : []\n\t\tthis._syncOptionsSelection()\n\t\tthis._updateInputDisplay()\n\n\t\t// Dispatch change event when values are set programmatically\n\t\tif (this.isConnected) {\n\t\t\tthis._fireChangeEvent()\n\t\t}\n\t}\n\n\t// Value property with getter/setter (maintained for backward compatibility)\n\t@property({ type: String, reflect: true })\n\tget value() {\n\t\tif (this.multi) {\n\t\t\treturn this._selectedValues.join(',')\n\t\t}\n\t\treturn this._selectedValue\n\t}\n\tset value(val: string) {\n\t\tif (this.multi) {\n\t\t\tthis._selectedValues = val\n\t\t\t\t? val\n\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t.map(v => v.trim())\n\t\t\t\t\t\t.filter(Boolean)\n\t\t\t\t: []\n\t\t} else {\n\t\t\tthis._selectedValue = val\n\t\t}\n\t\tthis._syncOptionsSelection()\n\t\tthis._updateInputDisplay()\n\n\t\t// Dispatch change event when value is set programmatically\n\t\tif (this.isConnected) {\n\t\t\tthis._fireChangeEvent()\n\t\t}\n\t}\n\n\t// Internal state\n\t@state() private _open = false\n\t@state() private _inputValue = ''\n\t@state() private _selectedValue = ''\n\t@state() private _selectedValues: string[] = []\n\t@state() private _suppressFocusOpen = false // Flag to prevent dropdown from opening on focus after selection\n\n\t// Debounce timer reference\n\tprivate _debounceTimer: number | null = null\n\n\t// DOM references\n\t@query('#options') _listbox!: HTMLUListElement\n\t@query('sch-input') _input!: SchmancyInputV2\n\t@queryAssignedElements({ flatten: true }) private _options!: SchmancyOption[]\n\tprivate _inputElementRef = createRef<HTMLInputElement>()\n\n\t// Click outside handler reference for cleanup\n\tprivate _documentClickHandler = this._onDocumentClick.bind(this)\n\n\t// Lifecycle methods\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Ensure component has ID for ARIA relationships\n\t\tif (!this.id) {\n\t\t\tthis.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up global event listeners\n\t\tdocument.removeEventListener('click', this._documentClickHandler)\n\n\t\t// Clear any pending debounce timer\n\t\tif (this._debounceTimer !== null) {\n\t\t\twindow.clearTimeout(this._debounceTimer)\n\t\t}\n\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Set up initial state and accessibility\n\t\tthis._syncOptionsSelection()\n\t\tthis._setupOptionsAccessibility()\n\t\tthis._updateInputDisplay()\n\t}\n\n\tupdated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\n\t\t// Update document click handler when dropdown state changes\n\t\tif (changedProps.has('_open')) {\n\t\t\tif (!this._open) {\n\t\t\t\tdocument.removeEventListener('click', this._documentClickHandler)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Handle document clicks to close dropdown when clicking outside\n\t */\n\tprivate _onDocumentClick(e: MouseEvent) {\n\t\t// Don't close if clicking on component or its children\n\t\tif (e.composedPath().includes(this)) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't close if clicking on one of the options (which may be in light DOM)\n\t\tfor (const option of this._options) {\n\t\t\tif (e.composedPath().includes(option)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\n\t\t// Otherwise close the dropdown\n\t\tif (this._open) {\n\t\t\tthis._open = false\n\t\t\tthis._updateInputDisplay()\n\t\t}\n\t}\n\n\t/**\n\t * Set up initial option accessibility attributes\n\t */\n\tprivate _setupOptionsAccessibility() {\n\t\tthis._options.forEach((option, index) => {\n\t\t\t// Set common attributes for all options\n\t\t\toption.setAttribute('role', 'option')\n\t\t\toption.tabIndex = -1\n\n\t\t\t// Ensure each option has an ID\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Add click handler to options\n\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\toption.addEventListener('click', e => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tthis._selectOption(option)\n\t\t\t\t})\n\t\t\t\toption.setAttribute('data-event-bound', 'true')\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Update options' selection state based on component value\n\t */\n\tprivate _syncOptionsSelection() {\n\t\tif (!this._options?.length) return\n\n\t\tthis._options.forEach(option => {\n\t\t\tif (this.multi) {\n\t\t\t\toption.selected = this._selectedValues.includes(option.value)\n\t\t\t} else {\n\t\t\t\toption.selected = option.value === this._selectedValue\n\t\t\t}\n\n\t\t\t// Update aria-selected attribute\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\t\t})\n\t}\n\n\t/**\n\t * Show all options without filtering\n\t */\n\tprivate _showAllOptions() {\n\t\tthis._options.forEach(option => {\n\t\t\toption.hidden = false\n\t\t})\n\n\t\t// Update \"No results\" visibility - always hidden when showing all\n\t\tconst emptyMessage = this.shadowRoot?.querySelector('#empty')\n\t\tif (emptyMessage) {\n\t\t\temptyMessage.toggleAttribute('hidden', true)\n\t\t}\n\n\t\t// Announce to screen readers\n\t\tconst totalCount = this._options.length\n\t\tthis._announceToScreenReader(`${totalCount} option${totalCount === 1 ? '' : 's'} available.`)\n\t}\n\n\t/**\n\t * Filter options based on input text - this operation can be expensive\n\t * with many options or complex filtering logic\n\t */\n\tprivate _filterOptions() {\n\t\tconsole.time('filter-options')\n\t\tconst searchTerm = this._inputValue.toLowerCase().trim()\n\n\t\t// If no search term, show all options instead of filtering\n\t\tif (!searchTerm) {\n\t\t\tthis._showAllOptions()\n\t\t\tconsole.timeEnd('filter-options')\n\t\t\treturn\n\t\t}\n\n\t\t// Track if we have any matches\n\t\tlet hasMatches = false\n\n\t\tthis._options.forEach(option => {\n\t\t\t// Simple substring matching\n\t\t\tconst text = (option.label || option.textContent || '').toLowerCase()\n\t\t\tconst isMatch = text.includes(searchTerm)\n\t\t\toption.hidden = !isMatch\n\n\t\t\tif (isMatch) {\n\t\t\t\thasMatches = true\n\t\t\t}\n\t\t})\n\n\t\t// Update \"No results\" visibility\n\t\tconst emptyMessage = this.shadowRoot?.querySelector('#empty')\n\t\tif (emptyMessage) {\n\t\t\temptyMessage.toggleAttribute('hidden', hasMatches)\n\t\t}\n\n\t\t// Announce results to screen readers\n\t\tconst visibleCount = this._getVisibleOptions().length\n\t\tthis._announceToScreenReader(\n\t\t\tvisibleCount > 0 ? `${visibleCount} option${visibleCount === 1 ? '' : 's'} available.` : 'No results found.',\n\t\t)\n\t\tconsole.timeEnd('filter-options')\n\t}\n\n\t/**\n\t * Get all currently visible options\n\t */\n\tprivate _getVisibleOptions(): SchmancyOption[] {\n\t\treturn Array.from(this._options || []).filter(option => !option.hidden)\n\t}\n\n\t/**\n\t * Get labels of selected options\n\t */\n\tprivate _getSelectedLabels(): string[] {\n\t\treturn Array.from(this._options || [])\n\t\t\t.filter(option =>\n\t\t\t\tthis.multi ? this._selectedValues.includes(option.value) : option.value === this._selectedValue,\n\t\t\t)\n\t\t\t.map(option => option.label || option.textContent || '')\n\t}\n\n\t/**\n\t * Update the input display based on selection state\n\t */\n\tprivate _updateInputDisplay() {\n\t\tif (!this._inputElementRef.value) return\n\n\t\t// When dropdown is closed or in single select mode, show the selection\n\t\tif (!this._open || !this.multi) {\n\t\t\tif (this.multi) {\n\t\t\t\t// Show comma-separated labels for multi-select\n\t\t\t\tthis._inputValue = this._getSelectedLabels().join(', ')\n\t\t\t} else {\n\t\t\t\t// Show selected option label for single-select\n\t\t\t\tconst selectedOption = this._options?.find(o => o.value === this._selectedValue)\n\t\t\t\tthis._inputValue = selectedOption ? selectedOption.label || selectedOption.textContent || '' : ''\n\t\t\t}\n\t\t}\n\n\t\t// Update the input value\n\t\tthis._inputElementRef.value.value = this._inputValue\n\t}\n\n\t/**\n\t * Handle input focus\n\t */\n\tprivate _onInputFocus(e: FocusEvent) {\n\t\te.stopPropagation()\n\n\t\t// If suppress flag is active, don't open dropdown\n\t\tif (this._suppressFocusOpen) {\n\t\t\treturn\n\t\t}\n\n\t\t// If multi-select mode and input is focused, clear it for new input\n\t\tif (this.multi) {\n\t\t\tthis._inputValue = ''\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.value = ''\n\t\t\t}\n\t\t}\n\n\t\tthis._showDropdown()\n\t}\n\n\t/**\n\t * Debounce a function call\n\t * @param fn Function to debounce\n\t */\n\tprivate _debounce(fn: () => void): void {\n\t\t// Clear any existing timer\n\t\tif (this._debounceTimer !== null) {\n\t\t\twindow.clearTimeout(this._debounceTimer)\n\t\t}\n\n\t\t// Set new timer\n\t\tthis._debounceTimer = window.setTimeout(() => {\n\t\t\tfn()\n\t\t\tthis._debounceTimer = null\n\t\t}, this.debounceMs)\n\t}\n\n\t/**\n\t * Handle input text changes with debouncing\n\t */\n\tprivate _onInputChange(e: Event) {\n\t\tconst target = e.target as HTMLInputElement\n\t\tthis._inputValue = target.value\n\n\t\t// Immediate feedback - show dropdown\n\t\tif (!this._open) {\n\t\t\tthis._showDropdown()\n\t\t}\n\n\t\t// Debounce the expensive filtering operation\n\t\tthis._debounce(() => {\n\t\t\tthis._filterOptions()\n\t\t})\n\t}\n\n\t/**\n\t * Show the dropdown with all options visible initially\n\t */\n\tprivate _showDropdown() {\n\t\tif (this._open) return\n\n\t\tthis._open = true\n\n\t\t// Initially show all options instead of filtering\n\t\tthis._showAllOptions()\n\n\t\t// Add document click handler after a brief delay\n\t\t// to avoid immediate closing on the same click event\n\t\tsetTimeout(() => {\n\t\t\tdocument.addEventListener('click', this._documentClickHandler)\n\t\t}, 10)\n\t}\n\n\t/**\n\t * Announce message to screen readers\n\t */\n\tprivate _announceToScreenReader(message: string) {\n\t\tconst liveRegion = this.shadowRoot?.querySelector('#live-status')\n\t\tif (liveRegion) {\n\t\t\tliveRegion.textContent = message\n\t\t}\n\t}\n\n\t/**\n\t * Select an option (either via click or keyboard)\n\t */\n\tprivate _selectOption(option: SchmancyOption) {\n\t\tif (this.multi) {\n\t\t\t// Toggle selection in multi-select mode\n\t\t\tconst value = option.value\n\t\t\tconst index = this._selectedValues.indexOf(value)\n\n\t\t\tif (index > -1) {\n\t\t\t\t// Remove if already selected\n\t\t\t\tthis._selectedValues = [...this._selectedValues.slice(0, index), ...this._selectedValues.slice(index + 1)]\n\t\t\t} else {\n\t\t\t\t// Add if not selected\n\t\t\t\tthis._selectedValues = [...this._selectedValues, value]\n\t\t\t}\n\n\t\t\t// Clear input for more typing in multi-select mode\n\t\t\tthis._inputValue = ''\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.value = ''\n\t\t\t}\n\n\t\t\t// Update option selection state\n\t\t\toption.selected = !option.selected\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\n\t\t\t// Keep dropdown open in multi-select\n\t\t\t// Show all options if input is empty\n\t\t\tif (this._inputValue.trim() === '') {\n\t\t\t\tthis._showAllOptions()\n\t\t\t} else {\n\t\t\t\tthis._filterOptions()\n\t\t\t}\n\n\t\t\t// Announce selection to screen readers\n\t\t\tconst selectedLabels = this._getSelectedLabels()\n\t\t\tthis._announceToScreenReader(\n\t\t\t\tselectedLabels.length > 0 ? `Selected: ${selectedLabels.join(', ')}` : 'No options selected',\n\t\t\t)\n\t\t} else {\n\t\t\t// Single-select mode - select and close\n\t\t\tthis._selectedValue = option.value\n\n\t\t\t// Update selected state\n\t\t\tthis._syncOptionsSelection()\n\n\t\t\t// Close dropdown\n\t\t\tthis._open = false\n\n\t\t\t// Set flag to prevent reopening on focus\n\t\t\tthis._suppressFocusOpen = true\n\n\t\t\t// Update input with selected label\n\t\t\tthis._updateInputDisplay()\n\n\t\t\t// For mobile: blur input to dismiss keyboard\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.blur()\n\t\t\t}\n\n\t\t\t// Reset suppress flag after a delay\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis._suppressFocusOpen = false\n\t\t\t}, 300)\n\n\t\t\t// Announce selection to screen readers\n\t\t\tthis._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n\t\t}\n\n\t\t// Fire change event\n\t\tthis._fireChangeEvent()\n\t}\n\n\t/**\n\t * Handle keyboard navigation\n\t */\n\tprivate _onKeyDown(e: KeyboardEvent) {\n\t\t// If dropdown is closed, open on arrow down or enter\n\t\tif (!this._open && (e.key === 'ArrowDown' || e.key === 'Enter')) {\n\t\t\te.preventDefault()\n\t\t\tthis._showDropdown()\n\n\t\t\t// Focus first visible option\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst visibleOptions = this._getVisibleOptions()\n\t\t\t\tif (visibleOptions.length > 0) {\n\t\t\t\t\tvisibleOptions[0].focus()\n\t\t\t\t}\n\t\t\t}, 10)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Early return if dropdown is closed\n\t\tif (!this._open) return\n\n\t\t// Handle keyboard navigation\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._open = false\n\t\t\t\tthis._updateInputDisplay()\n\t\t\t\tthis._inputElementRef.value?.focus()\n\t\t\t\tbreak\n\n\t\t\tcase 'Tab':\n\t\t\t\t// Natural tab behavior will move focus; just close dropdown\n\t\t\t\tthis._open = false\n\t\t\t\tthis._updateInputDisplay()\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._moveFocus(1)\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._moveFocus(-1)\n\t\t\t\tbreak\n\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._focusFirstOption()\n\t\t\t\tbreak\n\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._focusLastOption()\n\t\t\t\tbreak\n\n\t\t\tcase 'Enter':\n\t\t\tcase ' ': // Space key\n\t\t\t\t// Select currently focused option\n\t\t\t\tconst focusedOption = this._getFocusedOption()\n\t\t\t\tif (focusedOption) {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tthis._selectOption(focusedOption)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\t/**\n\t * Get the currently focused option\n\t */\n\tprivate _getFocusedOption(): SchmancyOption | null {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\treturn visibleOptions.find(opt => opt === document.activeElement) || null\n\t}\n\n\t/**\n\t * Move focus to next/previous option\n\t */\n\tprivate _moveFocus(direction: number) {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (!visibleOptions.length) return\n\n\t\tconst currentOption = this._getFocusedOption()\n\t\tlet index = currentOption ? visibleOptions.indexOf(currentOption) : -1\n\n\t\t// Calculate new index\n\t\tif (direction > 0) {\n\t\t\t// Move forward, wrap to start\n\t\t\tindex = index < visibleOptions.length - 1 ? index + 1 : 0\n\t\t} else {\n\t\t\t// Move backward, wrap to end\n\t\t\tindex = index > 0 ? index - 1 : visibleOptions.length - 1\n\t\t}\n\n\t\t// Focus the option\n\t\tvisibleOptions[index].focus()\n\t}\n\n\t/**\n\t * Focus the first visible option\n\t */\n\tprivate _focusFirstOption() {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (visibleOptions.length > 0) {\n\t\t\tvisibleOptions[0].focus()\n\t\t}\n\t}\n\n\t/**\n\t * Focus the last visible option\n\t */\n\tprivate _focusLastOption() {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (visibleOptions.length > 0) {\n\t\t\tvisibleOptions[visibleOptions.length - 1].focus()\n\t\t}\n\t}\n\n\t/**\n\t * Fire change event\n\t */\n\tprivate _fireChangeEvent() {\n\t\tconst detail: SchmancyAutocompleteChangeEvent['detail'] = {\n\t\t\tvalue: this.multi ? this._selectedValues : this._selectedValue,\n\t\t}\n\n\t\t// Include values property in the event detail when in multi-select mode\n\t\tif (this.multi) {\n\t\t\tdetail.values = [...this._selectedValues]\n\t\t}\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n\t\t\t\tdetail,\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Check validity for form integration\n\t */\n\tpublic checkValidity(): boolean {\n\t\tif (!this.required) return true\n\t\treturn this.multi ? this._selectedValues.length > 0 : Boolean(this._selectedValue)\n\t}\n\n\t/**\n\t * Report validity for form integration\n\t */\n\tpublic reportValidity(): boolean {\n\t\tif (this._inputElementRef.value) {\n\t\t\treturn this._inputElementRef.value.reportValidity()\n\t\t}\n\t\treturn this.checkValidity()\n\t}\n\n\trender() {\n\t\tconst descriptionId = `${this.id}-desc`\n\n\t\treturn html`\n\t\t\t<div class=\"schmancy-autocomplete relative\">\n\t\t\t\t<!-- Screen reader live region -->\n\t\t\t\t<div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n\t\t\t\t<!-- Description (for screen readers) -->\n\t\t\t\t${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n\t\t\t\t<!-- Input / trigger slot -->\n\t\t\t\t<slot name=\"trigger\">\n\t\t\t\t\t<sch-input\n\t\t\t\t\t\t.size=${this.size}\n\t\t\t\t\t\t${ref(this._inputElementRef)}\n\t\t\t\t\t\tid=\"autocomplete-input\"\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\t.value=${this._inputValue}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tautocomplete=${this.autocomplete}\n\t\t\t\t\t\tclickable\n\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\taria-autocomplete=\"list\"\n\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\t\taria-expanded=${this._open}\n\t\t\t\t\t\taria-describedby=${this.description ? descriptionId : undefined}\n\t\t\t\t\t\t@input=${this._onInputChange}\n\t\t\t\t\t\t@focus=${this._onInputFocus}\n\t\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis._onInputFocus(new FocusEvent('focus'))\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t@keydown=${this._onKeyDown}\n\t\t\t\t\t>\n\t\t\t\t\t</sch-input>\n\t\t\t\t</slot>\n\n\t\t\t\t<!-- Options dropdown -->\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\tabsolute: true,\n\t\t\t\t\t\t'z-[1000]': true,\n\t\t\t\t\t\t'mt-1': true,\n\t\t\t\t\t\t'w-full': true,\n\t\t\t\t\t\t'rounded-md': true,\n\t\t\t\t\t\t'shadow-md': true,\n\t\t\t\t\t\t'overflow-auto': true,\n\t\t\t\t\t\t'min-w-full': true,\n\t\t\t\t\t\t'bg-surface-low': true,\n\t\t\t\t\t})}\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi ? 'true' : 'false'}\n\t\t\t\t\taria-label=${`${this.label || 'Options'} dropdown`}\n\t\t\t\t\t?hidden=${!this._open}\n\t\t\t\t\tstyle=\"\n max-height: ${this.maxHeight}; \n display: ${this._open ? 'block' : 'none'};\n \"\n\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\tthis._setupOptionsAccessibility()\n\t\t\t\t\t\tthis._syncOptionsSelection()\n\t\t\t\t\t\t// Show all options when slot content changes, don't filter yet\n\t\t\t\t\t\tthis._showAllOptions()\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<!-- Options slot -->\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-autocomplete': SchmancyAutocomplete\n\t}\n}\n"],"names":["SchmancyAutocomplete","$LitElement","super","arguments","this","required","placeholder","label","maxHeight","multi","description","size","autocomplete","debounceMs","_open","_inputValue","_selectedValue","_selectedValues","_suppressFocusOpen","_debounceTimer","_inputElementRef","createRef","_documentClickHandler","_onDocumentClick","bind","values","vals","Array","isArray","_syncOptionsSelection","_updateInputDisplay","isConnected","_fireChangeEvent","value","join","val","split","map","v","trim","filter","Boolean","connectedCallback","id","Math","random","toString","slice","document","removeEventListener","window","clearTimeout","disconnectedCallback","firstUpdated","_setupOptionsAccessibility","changedProps","updated","has","e","composedPath","includes","option","_options","forEach","index","setAttribute","tabIndex","hasAttribute","addEventListener","stopPropagation","_selectOption","length","selected","String","_showAllOptions","hidden","emptyMessage","shadowRoot","querySelector","toggleAttribute","totalCount","_announceToScreenReader","_filterOptions","searchTerm","toLowerCase","hasMatches","isMatch","textContent","visibleCount","_getVisibleOptions","from","_getSelectedLabels","selectedOption","find","o","_showDropdown","fn","setTimeout","target","_debounce","message","liveRegion","indexOf","selectedLabels","blur","key","preventDefault","visibleOptions","focus","_moveFocus","_focusFirstOption","_focusLastOption","focusedOption","_getFocusedOption","opt","activeElement","direction","currentOption","detail","dispatchEvent","CustomEvent","bubbles","composed","reportValidity","checkValidity","descriptionId","html","ref","_onInputChange","_onInputFocus","FocusEvent","_onKeyDown","classMap","absolute","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"autocomplete-OS61ngsy.js","sources":["../src/autocomplete/autocomplete.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { InputSize } from '@schmancy/input'\nimport SchmancyInputV2 from '@schmancy/input/input-v2'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport style from './autocomplete.scss?inline'\n\n/**\n * @fires change - When selection changes\n */\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n\tvalues?: string[] // Only present when multi=true\n}>\n\n/**\n * SchmancyAutocomplete provides an accessible autocomplete/combobox component\n * with keyboard navigation and single or multi-select capabilities.\n *\n * @element schmancy-autocomplete\n * @slot - Default slot for option elements\n * @slot trigger - Optional slot to override the default input element\n * \n * @property {string} value - The selected value for single-select mode. In multi-select mode,\n * this is a comma-separated string of values (kept for backward compatibility).\n * @property {string[]} values - The selected values as an array for multi-select mode (preferred API for multi-select).\n */\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends $LitElement(style) {\n\t// Public API properties\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) label = ''\n\t@property({ type: String }) maxHeight = '300px'\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) description = ''\n\t@property({ type: String, reflect: true }) size: InputSize = 'md'\n\t@property({ type: String }) autocomplete = 'off'\n\t@property({ type: Number }) debounceMs = 200 // Debounce delay in milliseconds\n\n\t// Values property for multi-select mode (preferred API for multi-select)\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this._selectedValues]\n\t}\n\tset values(vals: string[]) {\n\t\tthis._selectedValues = Array.isArray(vals) ? [...vals] : []\n\t\tthis._syncOptionsSelection()\n\t\tthis._updateInputDisplay()\n\n\t\t// Dispatch change event when values are set programmatically\n\t\tif (this.isConnected) {\n\t\t\tthis._fireChangeEvent()\n\t\t}\n\t}\n\n\t// Value property with getter/setter (maintained for backward compatibility)\n\t@property({ type: String, reflect: true })\n\tget value() {\n\t\tif (this.multi) {\n\t\t\treturn this._selectedValues.join(',')\n\t\t}\n\t\treturn this._selectedValue\n\t}\n\tset value(val: string) {\n\t\tif (this.multi) {\n\t\t\tthis._selectedValues = val\n\t\t\t\t? val\n\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t.map(v => v.trim())\n\t\t\t\t\t\t.filter(Boolean)\n\t\t\t\t: []\n\t\t} else {\n\t\t\tthis._selectedValue = val\n\t\t}\n\t\tthis._syncOptionsSelection()\n\t\tthis._updateInputDisplay()\n\n\t\t// Dispatch change event when value is set programmatically\n\t\tif (this.isConnected) {\n\t\t\tthis._fireChangeEvent()\n\t\t}\n\t}\n\n\t// Internal state\n\t@state() private _open = false\n\t@state() private _inputValue = ''\n\t@state() private _selectedValue = ''\n\t@state() private _selectedValues: string[] = []\n\t@state() private _suppressFocusOpen = false // Flag to prevent dropdown from opening on focus after selection\n\n\t// Debounce timer reference\n\tprivate _debounceTimer: number | null = null\n\n\t// DOM references\n\t@query('#options') _listbox!: HTMLUListElement\n\t@query('sch-input') _input!: SchmancyInputV2\n\t@queryAssignedElements({ flatten: true }) private _options!: SchmancyOption[]\n\tprivate _inputElementRef = createRef<HTMLInputElement>()\n\n\t// Click outside handler reference for cleanup\n\tprivate _documentClickHandler = this._onDocumentClick.bind(this)\n\n\t// Lifecycle methods\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Ensure component has ID for ARIA relationships\n\t\tif (!this.id) {\n\t\t\tthis.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up global event listeners\n\t\tdocument.removeEventListener('click', this._documentClickHandler)\n\n\t\t// Clear any pending debounce timer\n\t\tif (this._debounceTimer !== null) {\n\t\t\twindow.clearTimeout(this._debounceTimer)\n\t\t}\n\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Set up initial state and accessibility\n\t\tthis._syncOptionsSelection()\n\t\tthis._setupOptionsAccessibility()\n\t\tthis._updateInputDisplay()\n\t}\n\n\tupdated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\n\t\t// Update document click handler when dropdown state changes\n\t\tif (changedProps.has('_open')) {\n\t\t\tif (!this._open) {\n\t\t\t\tdocument.removeEventListener('click', this._documentClickHandler)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Handle document clicks to close dropdown when clicking outside\n\t */\n\tprivate _onDocumentClick(e: MouseEvent) {\n\t\t// Don't close if clicking on component or its children\n\t\tif (e.composedPath().includes(this)) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't close if clicking on one of the options (which may be in light DOM)\n\t\tfor (const option of this._options) {\n\t\t\tif (e.composedPath().includes(option)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\n\t\t// Otherwise close the dropdown\n\t\tif (this._open) {\n\t\t\tthis._open = false\n\t\t\tthis._updateInputDisplay()\n\t\t}\n\t}\n\n\t/**\n\t * Set up initial option accessibility attributes\n\t */\n\tprivate _setupOptionsAccessibility() {\n\t\tthis._options.forEach((option, index) => {\n\t\t\t// Set common attributes for all options\n\t\t\toption.setAttribute('role', 'option')\n\t\t\toption.tabIndex = -1\n\n\t\t\t// Ensure each option has an ID\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Add click handler to options\n\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\toption.addEventListener('click', e => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tthis._selectOption(option)\n\t\t\t\t})\n\t\t\t\toption.setAttribute('data-event-bound', 'true')\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Update options' selection state based on component value\n\t */\n\tprivate _syncOptionsSelection() {\n\t\tif (!this._options?.length) return\n\n\t\tthis._options.forEach(option => {\n\t\t\tif (this.multi) {\n\t\t\t\toption.selected = this._selectedValues.includes(option.value)\n\t\t\t} else {\n\t\t\t\toption.selected = option.value === this._selectedValue\n\t\t\t}\n\n\t\t\t// Update aria-selected attribute\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\t\t})\n\t}\n\n\t/**\n\t * Show all options without filtering\n\t */\n\tprivate _showAllOptions() {\n\t\tthis._options.forEach(option => {\n\t\t\toption.hidden = false\n\t\t})\n\n\t\t// Update \"No results\" visibility - always hidden when showing all\n\t\tconst emptyMessage = this.shadowRoot?.querySelector('#empty')\n\t\tif (emptyMessage) {\n\t\t\temptyMessage.toggleAttribute('hidden', true)\n\t\t}\n\n\t\t// Announce to screen readers\n\t\tconst totalCount = this._options.length\n\t\tthis._announceToScreenReader(`${totalCount} option${totalCount === 1 ? '' : 's'} available.`)\n\t}\n\n\t/**\n\t * Filter options based on input text - this operation can be expensive\n\t * with many options or complex filtering logic\n\t */\n\tprivate _filterOptions() {\n\t\tconsole.time('filter-options')\n\t\tconst searchTerm = this._inputValue.toLowerCase().trim()\n\n\t\t// If no search term, show all options instead of filtering\n\t\tif (!searchTerm) {\n\t\t\tthis._showAllOptions()\n\t\t\tconsole.timeEnd('filter-options')\n\t\t\treturn\n\t\t}\n\n\t\t// Track if we have any matches\n\t\tlet hasMatches = false\n\n\t\tthis._options.forEach(option => {\n\t\t\t// Simple substring matching\n\t\t\tconst text = (option.label || option.textContent || '').toLowerCase()\n\t\t\tconst isMatch = text.includes(searchTerm)\n\t\t\toption.hidden = !isMatch\n\n\t\t\tif (isMatch) {\n\t\t\t\thasMatches = true\n\t\t\t}\n\t\t})\n\n\t\t// Update \"No results\" visibility\n\t\tconst emptyMessage = this.shadowRoot?.querySelector('#empty')\n\t\tif (emptyMessage) {\n\t\t\temptyMessage.toggleAttribute('hidden', hasMatches)\n\t\t}\n\n\t\t// Announce results to screen readers\n\t\tconst visibleCount = this._getVisibleOptions().length\n\t\tthis._announceToScreenReader(\n\t\t\tvisibleCount > 0 ? `${visibleCount} option${visibleCount === 1 ? '' : 's'} available.` : 'No results found.',\n\t\t)\n\t\tconsole.timeEnd('filter-options')\n\t}\n\n\t/**\n\t * Get all currently visible options\n\t */\n\tprivate _getVisibleOptions(): SchmancyOption[] {\n\t\treturn Array.from(this._options || []).filter(option => !option.hidden)\n\t}\n\n\t/**\n\t * Get labels of selected options\n\t */\n\tprivate _getSelectedLabels(): string[] {\n\t\treturn Array.from(this._options || [])\n\t\t\t.filter(option =>\n\t\t\t\tthis.multi ? this._selectedValues.includes(option.value) : option.value === this._selectedValue,\n\t\t\t)\n\t\t\t.map(option => option.label || option.textContent || '')\n\t}\n\n\t/**\n\t * Update the input display based on selection state\n\t */\n\tprivate _updateInputDisplay() {\n\t\tif (!this._inputElementRef.value) return\n\n\t\t// When dropdown is closed or in single select mode, show the selection\n\t\tif (!this._open || !this.multi) {\n\t\t\tif (this.multi) {\n\t\t\t\t// Show comma-separated labels for multi-select\n\t\t\t\tthis._inputValue = this._getSelectedLabels().join(', ')\n\t\t\t} else {\n\t\t\t\t// Show selected option label for single-select\n\t\t\t\tconst selectedOption = this._options?.find(o => o.value === this._selectedValue)\n\t\t\t\tthis._inputValue = selectedOption ? selectedOption.label || selectedOption.textContent || '' : ''\n\t\t\t}\n\t\t}\n\n\t\t// Update the input value\n\t\tthis._inputElementRef.value.value = this._inputValue\n\t}\n\n\t/**\n\t * Handle input focus\n\t */\n\tprivate _onInputFocus(e: FocusEvent) {\n\t\te.stopPropagation()\n\n\t\t// If suppress flag is active, don't open dropdown\n\t\tif (this._suppressFocusOpen) {\n\t\t\treturn\n\t\t}\n\n\t\t// If multi-select mode and input is focused, clear it for new input\n\t\tif (this.multi) {\n\t\t\tthis._inputValue = ''\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.value = ''\n\t\t\t}\n\t\t}\n\n\t\tthis._showDropdown()\n\t}\n\n\t/**\n\t * Debounce a function call\n\t * @param fn Function to debounce\n\t */\n\tprivate _debounce(fn: () => void): void {\n\t\t// Clear any existing timer\n\t\tif (this._debounceTimer !== null) {\n\t\t\twindow.clearTimeout(this._debounceTimer)\n\t\t}\n\n\t\t// Set new timer\n\t\tthis._debounceTimer = window.setTimeout(() => {\n\t\t\tfn()\n\t\t\tthis._debounceTimer = null\n\t\t}, this.debounceMs)\n\t}\n\n\t/**\n\t * Handle input text changes with debouncing\n\t */\n\tprivate _onInputChange(e: Event) {\n\t\tconst target = e.target as HTMLInputElement\n\t\tthis._inputValue = target.value\n\n\t\t// Immediate feedback - show dropdown\n\t\tif (!this._open) {\n\t\t\tthis._showDropdown()\n\t\t}\n\n\t\t// Debounce the expensive filtering operation\n\t\tthis._debounce(() => {\n\t\t\tthis._filterOptions()\n\t\t})\n\t}\n\n\t/**\n\t * Show the dropdown with all options visible initially\n\t */\n\tprivate _showDropdown() {\n\t\tif (this._open) return\n\n\t\tthis._open = true\n\n\t\t// Initially show all options instead of filtering\n\t\tthis._showAllOptions()\n\n\t\t// Add document click handler after a brief delay\n\t\t// to avoid immediate closing on the same click event\n\t\tsetTimeout(() => {\n\t\t\tdocument.addEventListener('click', this._documentClickHandler)\n\t\t}, 10)\n\t}\n\n\t/**\n\t * Announce message to screen readers\n\t */\n\tprivate _announceToScreenReader(message: string) {\n\t\tconst liveRegion = this.shadowRoot?.querySelector('#live-status')\n\t\tif (liveRegion) {\n\t\t\tliveRegion.textContent = message\n\t\t}\n\t}\n\n\t/**\n\t * Select an option (either via click or keyboard)\n\t */\n\tprivate _selectOption(option: SchmancyOption) {\n\t\tif (this.multi) {\n\t\t\t// Toggle selection in multi-select mode\n\t\t\tconst value = option.value\n\t\t\tconst index = this._selectedValues.indexOf(value)\n\n\t\t\tif (index > -1) {\n\t\t\t\t// Remove if already selected\n\t\t\t\tthis._selectedValues = [...this._selectedValues.slice(0, index), ...this._selectedValues.slice(index + 1)]\n\t\t\t} else {\n\t\t\t\t// Add if not selected\n\t\t\t\tthis._selectedValues = [...this._selectedValues, value]\n\t\t\t}\n\n\t\t\t// Clear input for more typing in multi-select mode\n\t\t\tthis._inputValue = ''\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.value = ''\n\t\t\t}\n\n\t\t\t// Update option selection state\n\t\t\toption.selected = !option.selected\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\n\t\t\t// Keep dropdown open in multi-select\n\t\t\t// Show all options if input is empty\n\t\t\tif (this._inputValue.trim() === '') {\n\t\t\t\tthis._showAllOptions()\n\t\t\t} else {\n\t\t\t\tthis._filterOptions()\n\t\t\t}\n\n\t\t\t// Announce selection to screen readers\n\t\t\tconst selectedLabels = this._getSelectedLabels()\n\t\t\tthis._announceToScreenReader(\n\t\t\t\tselectedLabels.length > 0 ? `Selected: ${selectedLabels.join(', ')}` : 'No options selected',\n\t\t\t)\n\t\t} else {\n\t\t\t// Single-select mode - select and close\n\t\t\tthis._selectedValue = option.value\n\n\t\t\t// Update selected state\n\t\t\tthis._syncOptionsSelection()\n\n\t\t\t// Close dropdown\n\t\t\tthis._open = false\n\n\t\t\t// Set flag to prevent reopening on focus\n\t\t\tthis._suppressFocusOpen = true\n\n\t\t\t// Update input with selected label\n\t\t\tthis._updateInputDisplay()\n\n\t\t\t// For mobile: blur input to dismiss keyboard\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.blur()\n\t\t\t}\n\n\t\t\t// Reset suppress flag after a delay\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis._suppressFocusOpen = false\n\t\t\t}, 300)\n\n\t\t\t// Announce selection to screen readers\n\t\t\tthis._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n\t\t}\n\n\t\t// Fire change event\n\t\tthis._fireChangeEvent()\n\t}\n\n\t/**\n\t * Handle keyboard navigation\n\t */\n\tprivate _onKeyDown(e: KeyboardEvent) {\n\t\t// If dropdown is closed, open on arrow down or enter\n\t\tif (!this._open && (e.key === 'ArrowDown' || e.key === 'Enter')) {\n\t\t\te.preventDefault()\n\t\t\tthis._showDropdown()\n\n\t\t\t// Focus first visible option\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst visibleOptions = this._getVisibleOptions()\n\t\t\t\tif (visibleOptions.length > 0) {\n\t\t\t\t\tvisibleOptions[0].focus()\n\t\t\t\t}\n\t\t\t}, 10)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Early return if dropdown is closed\n\t\tif (!this._open) return\n\n\t\t// Handle keyboard navigation\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._open = false\n\t\t\t\tthis._updateInputDisplay()\n\t\t\t\tthis._inputElementRef.value?.focus()\n\t\t\t\tbreak\n\n\t\t\tcase 'Tab':\n\t\t\t\t// Natural tab behavior will move focus; just close dropdown\n\t\t\t\tthis._open = false\n\t\t\t\tthis._updateInputDisplay()\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._moveFocus(1)\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._moveFocus(-1)\n\t\t\t\tbreak\n\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._focusFirstOption()\n\t\t\t\tbreak\n\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._focusLastOption()\n\t\t\t\tbreak\n\n\t\t\tcase 'Enter':\n\t\t\tcase ' ': // Space key\n\t\t\t\t// Select currently focused option\n\t\t\t\tconst focusedOption = this._getFocusedOption()\n\t\t\t\tif (focusedOption) {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tthis._selectOption(focusedOption)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\t/**\n\t * Get the currently focused option\n\t */\n\tprivate _getFocusedOption(): SchmancyOption | null {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\treturn visibleOptions.find(opt => opt === document.activeElement) || null\n\t}\n\n\t/**\n\t * Move focus to next/previous option\n\t */\n\tprivate _moveFocus(direction: number) {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (!visibleOptions.length) return\n\n\t\tconst currentOption = this._getFocusedOption()\n\t\tlet index = currentOption ? visibleOptions.indexOf(currentOption) : -1\n\n\t\t// Calculate new index\n\t\tif (direction > 0) {\n\t\t\t// Move forward, wrap to start\n\t\t\tindex = index < visibleOptions.length - 1 ? index + 1 : 0\n\t\t} else {\n\t\t\t// Move backward, wrap to end\n\t\t\tindex = index > 0 ? index - 1 : visibleOptions.length - 1\n\t\t}\n\n\t\t// Focus the option\n\t\tvisibleOptions[index].focus()\n\t}\n\n\t/**\n\t * Focus the first visible option\n\t */\n\tprivate _focusFirstOption() {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (visibleOptions.length > 0) {\n\t\t\tvisibleOptions[0].focus()\n\t\t}\n\t}\n\n\t/**\n\t * Focus the last visible option\n\t */\n\tprivate _focusLastOption() {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (visibleOptions.length > 0) {\n\t\t\tvisibleOptions[visibleOptions.length - 1].focus()\n\t\t}\n\t}\n\n\t/**\n\t * Fire change event\n\t */\n\tprivate _fireChangeEvent() {\n\t\tconst detail: SchmancyAutocompleteChangeEvent['detail'] = {\n\t\t\tvalue: this.multi ? this._selectedValues : this._selectedValue,\n\t\t}\n\n\t\t// Include values property in the event detail when in multi-select mode\n\t\tif (this.multi) {\n\t\t\tdetail.values = [...this._selectedValues]\n\t\t}\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n\t\t\t\tdetail,\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Check validity for form integration\n\t */\n\tpublic checkValidity(): boolean {\n\t\tif (!this.required) return true\n\t\treturn this.multi ? this._selectedValues.length > 0 : Boolean(this._selectedValue)\n\t}\n\n\t/**\n\t * Report validity for form integration\n\t */\n\tpublic reportValidity(): boolean {\n\t\tif (this._inputElementRef.value) {\n\t\t\treturn this._inputElementRef.value.reportValidity()\n\t\t}\n\t\treturn this.checkValidity()\n\t}\n\n\trender() {\n\t\tconst descriptionId = `${this.id}-desc`\n\n\t\treturn html`\n\t\t\t<div class=\"schmancy-autocomplete relative\">\n\t\t\t\t<!-- Screen reader live region -->\n\t\t\t\t<div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n\t\t\t\t<!-- Description (for screen readers) -->\n\t\t\t\t${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n\t\t\t\t<!-- Input / trigger slot -->\n\t\t\t\t<slot name=\"trigger\">\n\t\t\t\t\t<sch-input\n\t\t\t\t\t\t.size=${this.size}\n\t\t\t\t\t\t${ref(this._inputElementRef)}\n\t\t\t\t\t\tid=\"autocomplete-input\"\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\t.value=${this._inputValue}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tautocomplete=${this.autocomplete}\n\t\t\t\t\t\tclickable\n\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\taria-autocomplete=\"list\"\n\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\t\taria-expanded=${this._open}\n\t\t\t\t\t\taria-describedby=${this.description ? descriptionId : undefined}\n\t\t\t\t\t\t@input=${this._onInputChange}\n\t\t\t\t\t\t@focus=${this._onInputFocus}\n\t\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis._onInputFocus(new FocusEvent('focus'))\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t@keydown=${this._onKeyDown}\n\t\t\t\t\t>\n\t\t\t\t\t</sch-input>\n\t\t\t\t</slot>\n\n\t\t\t\t<!-- Options dropdown -->\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\tabsolute: true,\n\t\t\t\t\t\t'z-[1000]': true,\n\t\t\t\t\t\t'mt-1': true,\n\t\t\t\t\t\t'w-full': true,\n\t\t\t\t\t\t'rounded-md': true,\n\t\t\t\t\t\t'shadow-md': true,\n\t\t\t\t\t\t'overflow-auto': true,\n\t\t\t\t\t\t'min-w-full': true,\n\t\t\t\t\t\t'bg-surface-low': true,\n\t\t\t\t\t})}\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi ? 'true' : 'false'}\n\t\t\t\t\taria-label=${`${this.label || 'Options'} dropdown`}\n\t\t\t\t\t?hidden=${!this._open}\n\t\t\t\t\tstyle=\"\n max-height: ${this.maxHeight}; \n display: ${this._open ? 'block' : 'none'};\n \"\n\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\tthis._setupOptionsAccessibility()\n\t\t\t\t\t\tthis._syncOptionsSelection()\n\t\t\t\t\t\t// Show all options when slot content changes, don't filter yet\n\t\t\t\t\t\tthis._showAllOptions()\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<!-- Options slot -->\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-autocomplete': SchmancyAutocomplete\n\t}\n}\n"],"names":["SchmancyAutocomplete","$LitElement","super","arguments","this","required","placeholder","label","maxHeight","multi","description","size","autocomplete","debounceMs","_open","_inputValue","_selectedValue","_selectedValues","_suppressFocusOpen","_debounceTimer","_inputElementRef","createRef","_documentClickHandler","_onDocumentClick","bind","values","vals","Array","isArray","_syncOptionsSelection","_updateInputDisplay","isConnected","_fireChangeEvent","value","join","val","split","map","v","trim","filter","Boolean","connectedCallback","id","Math","random","toString","slice","document","removeEventListener","window","clearTimeout","disconnectedCallback","firstUpdated","_setupOptionsAccessibility","changedProps","updated","has","e","composedPath","includes","option","_options","forEach","index","setAttribute","tabIndex","hasAttribute","addEventListener","stopPropagation","_selectOption","length","selected","String","_showAllOptions","hidden","emptyMessage","shadowRoot","querySelector","toggleAttribute","totalCount","_announceToScreenReader","_filterOptions","searchTerm","toLowerCase","hasMatches","isMatch","textContent","visibleCount","_getVisibleOptions","from","_getSelectedLabels","selectedOption","find","o","_showDropdown","fn","setTimeout","target","_debounce","message","liveRegion","indexOf","selectedLabels","blur","key","preventDefault","visibleOptions","focus","_moveFocus","_focusFirstOption","_focusLastOption","focusedOption","_getFocusedOption","opt","activeElement","direction","currentOption","detail","dispatchEvent","CustomEvent","bubbles","composed","reportValidity","checkValidity","descriptionId","html","ref","_onInputChange","_onInputFocus","FocusEvent","_onKeyDown","classMap","absolute","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
|
package/dist/autocomplete.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./autocomplete-
|
|
1
|
+
"use strict";require("./autocomplete-BrAxEJJq.cjs");
|
|
2
2
|
//# sourceMappingURL=autocomplete.cjs.map
|
package/dist/autocomplete.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./autocomplete-
|
|
1
|
+
import "./autocomplete-OS61ngsy.js";
|
|
2
2
|
//# sourceMappingURL=autocomplete.js.map
|