@mhmo91/schmancy 0.8.3 → 0.8.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{animated-text-Bc3qyXjp.cjs → animated-text-B3DQRJBy.cjs} +2 -2
- package/dist/{animated-text-Bc3qyXjp.cjs.map → animated-text-B3DQRJBy.cjs.map} +1 -1
- package/dist/{animated-text-CNx6Pmlo.js → animated-text-BAj4-6hE.js} +3 -3
- package/dist/{animated-text-CNx6Pmlo.js.map → animated-text-BAj4-6hE.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-7mWxekxE.js → area.component-CP4DZ0d8.js} +3 -3
- package/dist/{area.component-7mWxekxE.js.map → area.component-CP4DZ0d8.js.map} +1 -1
- package/dist/{area.component-CS_gSutH.cjs → area.component-ChxSLt16.cjs} +2 -2
- package/dist/{area.component-CS_gSutH.cjs.map → area.component-ChxSLt16.cjs.map} +1 -1
- package/dist/area.js +1 -1
- package/dist/{autocomplete-y-IyzH4r.cjs → autocomplete-CAaVSg4g.cjs} +2 -2
- package/dist/{autocomplete-y-IyzH4r.cjs.map → autocomplete-CAaVSg4g.cjs.map} +1 -1
- package/dist/{autocomplete-Ci4jo3Ur.js → autocomplete-CGbACUYd.js} +4 -4
- package/dist/{autocomplete-Ci4jo3Ur.js.map → autocomplete-CGbACUYd.js.map} +1 -1
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/{avatar-DBfJucB9.cjs → avatar-nWOZXEsW.cjs} +3 -3
- package/dist/avatar-nWOZXEsW.cjs.map +1 -0
- package/dist/{avatar-BdyuuIk7.js → avatar-rLCF6MSI.js} +58 -58
- package/dist/avatar-rLCF6MSI.js.map +1 -0
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/{boat-CowHieO2.js → boat-Ckt9v__d.js} +3 -3
- package/dist/{boat-CowHieO2.js.map → boat-Ckt9v__d.js.map} +1 -1
- package/dist/{boat-DkNUc1UO.cjs → boat-yNAZ2LLB.cjs} +2 -2
- package/dist/{boat-DkNUc1UO.cjs.map → boat-yNAZ2LLB.cjs.map} +1 -1
- package/dist/boat.cjs +1 -1
- package/dist/boat.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/charts.cjs +1 -1
- package/dist/charts.js +1 -1
- package/dist/{checkbox-BvWcABPr.cjs → checkbox-BnAlpsJN.cjs} +2 -2
- package/dist/{checkbox-BvWcABPr.cjs.map → checkbox-BnAlpsJN.cjs.map} +1 -1
- package/dist/{checkbox-BY4Sn8F2.js → checkbox-D22yfGe3.js} +2 -2
- package/dist/{checkbox-BY4Sn8F2.js.map → checkbox-D22yfGe3.js.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/chips.cjs +1 -1
- package/dist/chips.js +2 -2
- package/dist/code-highlight.cjs +1 -1
- package/dist/code-highlight.js +1 -1
- package/dist/{code-preview-CYjmAxfs.js → code-preview-DPlQayFd.js} +2 -2
- package/dist/{code-preview-CYjmAxfs.js.map → code-preview-DPlQayFd.js.map} +1 -1
- package/dist/{code-preview-BIFIJigy.cjs → code-preview-jPnX60FF.cjs} +2 -2
- package/dist/{code-preview-BIFIJigy.cjs.map → code-preview-jPnX60FF.cjs.map} +1 -1
- 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-BdIqI7LC.js → date-range-GFm5NG33.js} +4 -4
- package/dist/{date-range-BdIqI7LC.js.map → date-range-GFm5NG33.js.map} +1 -1
- package/dist/{date-range-inline-Df8u6Ecy.cjs → date-range-inline-CgX2o0FP.cjs} +2 -2
- package/dist/{date-range-inline-Df8u6Ecy.cjs.map → date-range-inline-CgX2o0FP.cjs.map} +1 -1
- package/dist/{date-range-inline-Cnhs9atd.js → date-range-inline-DTQLESAZ.js} +3 -3
- package/dist/{date-range-inline-Cnhs9atd.js.map → date-range-inline-DTQLESAZ.js.map} +1 -1
- package/dist/date-range-inline.cjs +1 -1
- package/dist/date-range-inline.js +1 -1
- package/dist/{date-range-B80Ummtv.cjs → date-range-ug3B9CFT.cjs} +2 -2
- package/dist/{date-range-B80Ummtv.cjs.map → date-range-ug3B9CFT.cjs.map} +1 -1
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/{delay-BWsVHQib.cjs → delay-CWtBL0VD.cjs} +2 -2
- package/dist/{delay-BWsVHQib.cjs.map → delay-CWtBL0VD.cjs.map} +1 -1
- package/dist/{delay-CCa9nN4A.js → delay-DEe1CmHc.js} +2 -2
- package/dist/{delay-CCa9nN4A.js.map → delay-DEe1CmHc.js.map} +1 -1
- package/dist/delay.cjs +1 -1
- package/dist/delay.js +1 -1
- package/dist/{details-Bee5ya0L.js → details-D-LXW23W.js} +2 -2
- package/dist/{details-Bee5ya0L.js.map → details-D-LXW23W.js.map} +1 -1
- package/dist/{details-oaVHXU7U.cjs → details-DVke77dU.cjs} +2 -2
- package/dist/{details-oaVHXU7U.cjs.map → details-DVke77dU.cjs.map} +1 -1
- package/dist/details.cjs +1 -1
- package/dist/details.js +1 -1
- package/dist/dialog.cjs +1 -1
- package/dist/{dialog.component-BriB-kFi.cjs → dialog.component-BM0D-hK9.cjs} +2 -2
- package/dist/{dialog.component-BriB-kFi.cjs.map → dialog.component-BM0D-hK9.cjs.map} +1 -1
- package/dist/{dialog.component-CMUoCC7O.js → dialog.component-a7FlKhGD.js} +3 -3
- package/dist/{dialog.component-CMUoCC7O.js.map → dialog.component-a7FlKhGD.js.map} +1 -1
- package/dist/dialog.js +1 -1
- package/dist/{divider-B7DBbYFI.js → divider-CzTpxOqt.js} +3 -3
- package/dist/{divider-B7DBbYFI.js.map → divider-CzTpxOqt.js.map} +1 -1
- package/dist/{divider-Dl4TToQZ.cjs → divider-D8KStUhN.cjs} +2 -2
- package/dist/{divider-Dl4TToQZ.cjs.map → divider-D8KStUhN.cjs.map} +1 -1
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/{dropdown-content-C2W7OttQ.cjs → dropdown-content-CngZN3vv.cjs} +2 -2
- package/dist/{dropdown-content-C2W7OttQ.cjs.map → dropdown-content-CngZN3vv.cjs.map} +1 -1
- package/dist/{dropdown-content-DzhOtilY.js → dropdown-content-DCn-g0-f.js} +3 -3
- package/dist/{dropdown-content-DzhOtilY.js.map → dropdown-content-DCn-g0-f.js.map} +1 -1
- package/dist/dropdown.cjs +1 -1
- package/dist/dropdown.js +1 -1
- package/dist/{email-recipients-Bh5VC0rc.cjs → email-recipients-BhntMZMf.cjs} +2 -2
- package/dist/{email-recipients-Bh5VC0rc.cjs.map → email-recipients-BhntMZMf.cjs.map} +1 -1
- package/dist/{email-recipients-BWqZKo3m.js → email-recipients-BzjAKNJ0.js} +6 -6
- package/dist/{email-recipients-BWqZKo3m.js.map → email-recipients-BzjAKNJ0.js.map} +1 -1
- package/dist/extra.cjs +1 -1
- package/dist/extra.js +1 -1
- package/dist/{flex-53G-PJx7.js → flex-5dR48zie.js} +2 -2
- package/dist/{flex-53G-PJx7.js.map → flex-5dR48zie.js.map} +1 -1
- package/dist/{flex-DFSIy0t4.cjs → flex-oHl2EfYB.cjs} +2 -2
- package/dist/{flex-DFSIy0t4.cjs.map → flex-oHl2EfYB.cjs.map} +1 -1
- package/dist/{form-Zq7g2JS8.cjs → form-BlPiAPt7.cjs} +2 -2
- package/dist/{form-Zq7g2JS8.cjs.map → form-BlPiAPt7.cjs.map} +1 -1
- package/dist/{form-BtRK9bnp.js → form-BxVM6JTn.js} +2 -2
- package/dist/{form-BtRK9bnp.js.map → form-BxVM6JTn.js.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{formField.mixin-2jSL7WF_.js → formField.mixin-BCGA7Ea3.js} +2 -2
- package/dist/{formField.mixin-2jSL7WF_.js.map → formField.mixin-BCGA7Ea3.js.map} +1 -1
- package/dist/{formField.mixin-DkN2ufR_.cjs → formField.mixin-BfJMifU9.cjs} +2 -2
- package/dist/{formField.mixin-DkN2ufR_.cjs.map → formField.mixin-BfJMifU9.cjs.map} +1 -1
- package/dist/{icon-pU_cfmpD.cjs → icon-DHEXr3c-.cjs} +2 -2
- package/dist/{icon-pU_cfmpD.cjs.map → icon-DHEXr3c-.cjs.map} +1 -1
- package/dist/{icon-B5qeYrDu.js → icon-DYpLoegR.js} +2 -2
- package/dist/{icon-B5qeYrDu.js.map → icon-DYpLoegR.js.map} +1 -1
- package/dist/{icon-button-HSYaQBNF.js → icon-button-CmZBLHWC.js} +3 -3
- package/dist/{icon-button-HSYaQBNF.js.map → icon-button-CmZBLHWC.js.map} +1 -1
- package/dist/{icon-button-BpmGFjaR.cjs → icon-button-IbSX8C98.cjs} +2 -2
- package/dist/{icon-button-BpmGFjaR.cjs.map → icon-button-IbSX8C98.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 +56 -56
- package/dist/{input-8G9YY9qv.cjs → input-BByjYlgl.cjs} +2 -2
- package/dist/{input-8G9YY9qv.cjs.map → input-BByjYlgl.cjs.map} +1 -1
- package/dist/{input-BJMF5Fyk.js → input-D0cQ9DOY.js} +3 -3
- package/dist/{input-BJMF5Fyk.js.map → input-D0cQ9DOY.js.map} +1 -1
- package/dist/{input-chip-tbrw56ix.js → input-chip-B5ErXgCB.js} +2 -2
- package/dist/{input-chip-tbrw56ix.js.map → input-chip-B5ErXgCB.js.map} +1 -1
- package/dist/{input-chip-CocdqTzr.cjs → input-chip-DkWaTciP.cjs} +2 -2
- package/dist/{input-chip-CocdqTzr.cjs.map → input-chip-DkWaTciP.cjs.map} +1 -1
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/{json-DPnyOA3K.cjs → json-BZVe74np.cjs} +2 -2
- package/dist/{json-DPnyOA3K.cjs.map → json-BZVe74np.cjs.map} +1 -1
- package/dist/{json-CvcloKQv.js → json-PKewOWuJ.js} +3 -3
- package/dist/{json-CvcloKQv.js.map → json-PKewOWuJ.js.map} +1 -1
- package/dist/json.cjs +1 -1
- package/dist/json.js +1 -1
- package/dist/layout.cjs +1 -1
- package/dist/layout.js +2 -2
- package/dist/{lightbox-service-3mHqBKEh.cjs → lightbox-service-D-0JtxB1.cjs} +2 -2
- package/dist/lightbox-service-D-0JtxB1.cjs.map +1 -0
- package/dist/{lightbox-service-DxbYZAuv.js → lightbox-service-DZMnb1eU.js} +3 -3
- package/dist/lightbox-service-DZMnb1eU.js.map +1 -0
- package/dist/lightbox.cjs +1 -1
- package/dist/lightbox.js +1 -1
- package/dist/{list-JjR7WOrd.cjs → list-B_2m7l3g.cjs} +6 -6
- package/dist/list-B_2m7l3g.cjs.map +1 -0
- package/dist/{list-FWXmY-eQ.js → list-CW56LV-v.js} +13 -13
- package/dist/list-CW56LV-v.js.map +1 -0
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/{litElement.mixin-BVBdv0GP.cjs → litElement.mixin-CrpeGpZ7.cjs} +2 -2
- package/dist/{litElement.mixin-BVBdv0GP.cjs.map → litElement.mixin-CrpeGpZ7.cjs.map} +1 -1
- package/dist/{litElement.mixin-Wcu4yIIs.js → litElement.mixin-DHZXtvYq.js} +2 -2
- package/dist/{litElement.mixin-Wcu4yIIs.js.map → litElement.mixin-DHZXtvYq.js.map} +1 -1
- package/dist/mailbox.cjs +1 -1
- package/dist/mailbox.js +1 -1
- package/dist/{map-Br6xJFxG.js → map-2Hl60a0A.js} +6 -6
- package/dist/{map-Br6xJFxG.js.map → map-2Hl60a0A.js.map} +1 -1
- package/dist/{map-D9R3OCne.cjs → map-DyPS9G7M.cjs} +3 -3
- package/dist/{map-D9R3OCne.cjs.map → map-DyPS9G7M.cjs.map} +1 -1
- package/dist/map.cjs +1 -1
- package/dist/map.js +1 -1
- package/dist/{media-DibPwAjJ.cjs → media-CS8HpKnK.cjs} +2 -2
- package/dist/{media-DibPwAjJ.cjs.map → media-CS8HpKnK.cjs.map} +1 -1
- package/dist/{media-BV_1DfcW.js → media-DtWbcRxL.js} +2 -2
- package/dist/{media-BV_1DfcW.js.map → media-DtWbcRxL.js.map} +1 -1
- package/dist/{menu-HKqlq99V.js → menu-Caju5-zd.js} +3 -3
- package/dist/{menu-HKqlq99V.js.map → menu-Caju5-zd.js.map} +1 -1
- package/dist/{menu-vNrV-Nuq.cjs → menu-rX5RPAI2.cjs} +2 -2
- package/dist/{menu-vNrV-Nuq.cjs.map → menu-rX5RPAI2.cjs.map} +1 -1
- package/dist/menu.cjs +1 -1
- package/dist/menu.js +1 -1
- package/dist/mixins.cjs +1 -1
- package/dist/mixins.js +3 -3
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/navigation-bar.cjs +1 -1
- package/dist/navigation-bar.js +1 -1
- package/dist/{navigation-rail-DKXumnmt.js → navigation-rail-Ctketq5a.js} +32 -25
- package/dist/navigation-rail-Ctketq5a.js.map +1 -0
- package/dist/{navigation-rail-D1o3qDe_.cjs → navigation-rail-DC9_oSIM.cjs} +12 -12
- package/dist/navigation-rail-DC9_oSIM.cjs.map +1 -0
- package/dist/navigation-rail.cjs +1 -1
- package/dist/navigation-rail.js +1 -1
- package/dist/{notification-service-B5ljba4P.js → notification-service-CUlfXqmj.js} +3 -3
- package/dist/{notification-service-B5ljba4P.js.map → notification-service-CUlfXqmj.js.map} +1 -1
- package/dist/{notification-service-ICRT05L0.cjs → notification-service-DknbpqTt.cjs} +2 -2
- package/dist/{notification-service-ICRT05L0.cjs.map → notification-service-DknbpqTt.cjs.map} +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +2 -2
- package/dist/{notify-B9CpO1Ru.js → notify-DJSOWTxv.js} +2 -2
- package/dist/{notify-B9CpO1Ru.js.map → notify-DJSOWTxv.js.map} +1 -1
- package/dist/{notify-NX-dl60E.cjs → notify-DickIEHW.cjs} +2 -2
- package/dist/{notify-NX-dl60E.cjs.map → notify-DickIEHW.cjs.map} +1 -1
- package/dist/{option-B4JKMrLg.js → option-Bng41-rY.js} +2 -2
- package/dist/{option-B4JKMrLg.js.map → option-Bng41-rY.js.map} +1 -1
- package/dist/{option-epyXLWoY.cjs → option-DYT5Rkgy.cjs} +2 -2
- package/dist/{option-epyXLWoY.cjs.map → option-DYT5Rkgy.cjs.map} +1 -1
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/{page-Bmi1QHtq.cjs → page-BLn9gtSd.cjs} +2 -2
- package/dist/{page-Bmi1QHtq.cjs.map → page-BLn9gtSd.cjs.map} +1 -1
- package/dist/{page-BpygEntU.js → page-D-ROcQDd.js} +4 -4
- package/dist/{page-BpygEntU.js.map → page-D-ROcQDd.js.map} +1 -1
- package/dist/page.cjs +1 -1
- package/dist/page.js +1 -1
- package/dist/{payment-card-form-3kAXDbXf.cjs → payment-card-form-5UtfWzoW.cjs} +2 -2
- package/dist/{payment-card-form-3kAXDbXf.cjs.map → payment-card-form-5UtfWzoW.cjs.map} +1 -1
- package/dist/{payment-card-form-BxkHuSls.js → payment-card-form-BJa4RgF2.js} +3 -3
- package/dist/{payment-card-form-BxkHuSls.js.map → payment-card-form-BJa4RgF2.js.map} +1 -1
- package/dist/{pills-C3fIvfn8.js → pills-BS5rZ6C3.js} +3 -3
- package/dist/{pills-C3fIvfn8.js.map → pills-BS5rZ6C3.js.map} +1 -1
- package/dist/{pills-MmHyBGQu.cjs → pills-Blf7IAeq.cjs} +2 -2
- package/dist/{pills-MmHyBGQu.cjs.map → pills-Blf7IAeq.cjs.map} +1 -1
- package/dist/{progress-qx8jtrOA.cjs → progress-DlhYniW_.cjs} +5 -5
- package/dist/progress-DlhYniW_.cjs.map +1 -0
- package/dist/{progress-0POmJs5o.js → progress-yTIX6EqC.js} +10 -13
- package/dist/progress-yTIX6EqC.js.map +1 -0
- package/dist/progress.cjs +1 -1
- package/dist/progress.js +1 -1
- package/dist/{qr-scanner-DQq-WLyo.cjs → qr-scanner-DOs7uNS_.cjs} +2 -2
- package/dist/{qr-scanner-DQq-WLyo.cjs.map → qr-scanner-DOs7uNS_.cjs.map} +1 -1
- package/dist/{qr-scanner-jwOSrD0N.js → qr-scanner-DjZ8mgHV.js} +2 -2
- package/dist/{qr-scanner-jwOSrD0N.js.map → qr-scanner-DjZ8mgHV.js.map} +1 -1
- package/dist/qr-scanner.cjs +1 -1
- package/dist/qr-scanner.js +1 -1
- package/dist/{radio-button-DraEYR2R.cjs → radio-button-N_PrrxKB.cjs} +2 -2
- package/dist/{radio-button-DraEYR2R.cjs.map → radio-button-N_PrrxKB.cjs.map} +1 -1
- package/dist/{radio-button-B0EUK_wg.js → radio-button-me3SRHGu.js} +3 -3
- package/dist/{radio-button-B0EUK_wg.js.map → radio-button-me3SRHGu.js.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{schmancy-steps-container-C2StAA5K.js → schmancy-steps-container-J6P-NNNj.js} +2 -2
- package/dist/{schmancy-steps-container-C2StAA5K.js.map → schmancy-steps-container-J6P-NNNj.js.map} +1 -1
- package/dist/{schmancy-steps-container-B5aiqgMA.cjs → schmancy-steps-container-T57BKMzi.cjs} +2 -2
- package/dist/{schmancy-steps-container-B5aiqgMA.cjs.map → schmancy-steps-container-T57BKMzi.cjs.map} +1 -1
- package/dist/{scroll-Bu-vAg3d.js → scroll-C_gfUgjn.js} +2 -2
- package/dist/{scroll-Bu-vAg3d.js.map → scroll-C_gfUgjn.js.map} +1 -1
- package/dist/{scroll-BqT7bvhu.cjs → scroll-CecsowP7.cjs} +2 -2
- package/dist/{scroll-BqT7bvhu.cjs.map → scroll-CecsowP7.cjs.map} +1 -1
- package/dist/{select-i-uKur-W.js → select-BBA0gBHf.js} +3 -3
- package/dist/{select-i-uKur-W.js.map → select-BBA0gBHf.js.map} +1 -1
- package/dist/{select-HiEGJvOX.cjs → select-D9oCjv7N.cjs} +2 -2
- package/dist/{select-HiEGJvOX.cjs.map → select-D9oCjv7N.cjs.map} +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/{sheet-BbrRW0S5.cjs → sheet-0oUfBmXX.cjs} +2 -2
- package/dist/{sheet-BbrRW0S5.cjs.map → sheet-0oUfBmXX.cjs.map} +1 -1
- package/dist/{sheet-B1g7E4dQ.js → sheet-CNcDT3VP.js} +5 -5
- package/dist/{sheet-B1g7E4dQ.js.map → sheet-CNcDT3VP.js.map} +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +2 -2
- package/dist/{sheet.service-4etIM-p6.js → sheet.service-2MobB-9z.js} +2 -2
- package/dist/{sheet.service-4etIM-p6.js.map → sheet.service-2MobB-9z.js.map} +1 -1
- package/dist/{sheet.service-BiRZjCdN.cjs → sheet.service-su_7yDQ-.cjs} +2 -2
- package/dist/{sheet.service-BiRZjCdN.cjs.map → sheet.service-su_7yDQ-.cjs.map} +1 -1
- package/dist/{slider-VYnbIRH2.cjs → slider-CV-Ehp_5.cjs} +2 -2
- package/dist/{slider-VYnbIRH2.cjs.map → slider-CV-Ehp_5.cjs.map} +1 -1
- package/dist/{slider-8E3Wad0t.js → slider-CkE-iFUy.js} +3 -3
- package/dist/{slider-8E3Wad0t.js.map → slider-CkE-iFUy.js.map} +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-DJgcI5wr.cjs → spinner-Bfn8KC-9.cjs} +2 -2
- package/dist/{spinner-DJgcI5wr.cjs.map → spinner-Bfn8KC-9.cjs.map} +1 -1
- package/dist/{spinner-CKm13CKN.js → spinner-DiMbWXp9.js} +2 -2
- package/dist/{spinner-CKm13CKN.js.map → spinner-DiMbWXp9.js.map} +1 -1
- package/dist/steps.cjs +1 -1
- package/dist/steps.js +1 -1
- package/dist/{suggestion-chip-6njXvvHm.js → suggestion-chip-CEDqUNoS.js} +3 -3
- package/dist/{suggestion-chip-6njXvvHm.js.map → suggestion-chip-CEDqUNoS.js.map} +1 -1
- package/dist/{suggestion-chip-DdLfqk7o.cjs → suggestion-chip-HhsLtZXR.cjs} +2 -2
- package/dist/{suggestion-chip-DdLfqk7o.cjs.map → suggestion-chip-HhsLtZXR.cjs.map} +1 -1
- package/dist/{surface-DcqbWGub.cjs → surface-CW3H23Va.cjs} +2 -2
- package/dist/{surface-DcqbWGub.cjs.map → surface-CW3H23Va.cjs.map} +1 -1
- package/dist/{surface-BYU3l_Q2.js → surface-eBfnSwQS.js} +2 -2
- package/dist/{surface-BYU3l_Q2.js.map → surface-eBfnSwQS.js.map} +1 -1
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/{table-C9fzDjjk.cjs → table-D0tiSL_u.cjs} +2 -2
- package/dist/{table-C9fzDjjk.cjs.map → table-D0tiSL_u.cjs.map} +1 -1
- package/dist/{table-Dq12ollZ.js → table-Dmo4TvTx.js} +2 -2
- package/dist/{table-Dq12ollZ.js.map → table-Dmo4TvTx.js.map} +1 -1
- package/dist/table.cjs +1 -1
- package/dist/table.js +1 -1
- package/dist/{tabs-compatibility-wnzlHtln.js → tabs-compatibility-Bit6y6en.js} +2 -2
- package/dist/{tabs-compatibility-wnzlHtln.js.map → tabs-compatibility-Bit6y6en.js.map} +1 -1
- package/dist/{tabs-compatibility-Dwtjfkcf.cjs → tabs-compatibility-Vq_2-ekz.cjs} +2 -2
- package/dist/{tabs-compatibility-Dwtjfkcf.cjs.map → tabs-compatibility-Vq_2-ekz.cjs.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/{tailwind.mixin-Ddt05Frc.js → tailwind.mixin-Bp_PR6yc.js} +2 -2
- package/dist/{tailwind.mixin-Ddt05Frc.js.map → tailwind.mixin-Bp_PR6yc.js.map} +1 -1
- package/dist/{tailwind.mixin-UijsBrYW.cjs → tailwind.mixin-Cp4PyXok.cjs} +2 -2
- package/dist/{tailwind.mixin-UijsBrYW.cjs.map → tailwind.mixin-Cp4PyXok.cjs.map} +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{textarea-Vd3zayJZ.js → textarea-B1d1QCqT.js} +2 -2
- package/dist/{textarea-Vd3zayJZ.js.map → textarea-B1d1QCqT.js.map} +1 -1
- package/dist/{textarea-DGmsw1B_.cjs → textarea-DG8CHhZA.cjs} +2 -2
- package/dist/{textarea-DGmsw1B_.cjs.map → textarea-DG8CHhZA.cjs.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{theme-button-DG_Xwg9H.cjs → theme-button-CPL6Eaqd.cjs} +2 -2
- package/dist/{theme-button-DG_Xwg9H.cjs.map → theme-button-CPL6Eaqd.cjs.map} +1 -1
- package/dist/{theme-button-rGpEW_xS.js → theme-button-CrLuMQNe.js} +2 -2
- package/dist/{theme-button-rGpEW_xS.js.map → theme-button-CrLuMQNe.js.map} +1 -1
- package/dist/theme-button.cjs +1 -1
- package/dist/theme-button.js +1 -1
- package/dist/{theme-controller-boat-pLzK5zxL.cjs → theme-controller-boat-CXbNJSI3.cjs} +2 -2
- package/dist/{theme-controller-boat-pLzK5zxL.cjs.map → theme-controller-boat-CXbNJSI3.cjs.map} +1 -1
- package/dist/{theme-controller-boat-B1fjcqJI.js → theme-controller-boat-CzSmjyKq.js} +3 -3
- package/dist/{theme-controller-boat-B1fjcqJI.js.map → theme-controller-boat-CzSmjyKq.js.map} +1 -1
- package/dist/theme.cjs +1 -1
- package/dist/theme.js +1 -1
- package/dist/{timezone-IQkwr6Oh.js → timezone-4vwX0BgA.js} +3 -3
- package/dist/{timezone-IQkwr6Oh.js.map → timezone-4vwX0BgA.js.map} +1 -1
- package/dist/{timezone-BhUaIAV7.cjs → timezone-BxvQcqe1.cjs} +2 -2
- package/dist/{timezone-BhUaIAV7.cjs.map → timezone-BxvQcqe1.cjs.map} +1 -1
- package/dist/{tooltip-CwaiZC8f.js → tooltip-CjdvBf4X.js} +2 -2
- package/dist/{tooltip-CwaiZC8f.js.map → tooltip-CjdvBf4X.js.map} +1 -1
- package/dist/{tooltip-iEvxKg8g.cjs → tooltip-ZtnGjoJd.cjs} +2 -2
- package/dist/{tooltip-iEvxKg8g.cjs.map → tooltip-ZtnGjoJd.cjs.map} +1 -1
- package/dist/tooltip.cjs +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/{tree-D9EbEsxn.js → tree-CBEjV7jP.js} +2 -2
- package/dist/{tree-D9EbEsxn.js.map → tree-CBEjV7jP.js.map} +1 -1
- package/dist/{tree-Bclu6uvv.cjs → tree-DP5U00NA.cjs} +2 -2
- package/dist/{tree-Bclu6uvv.cjs.map → tree-DP5U00NA.cjs.map} +1 -1
- package/dist/tree.cjs +1 -1
- package/dist/tree.js +1 -1
- package/dist/{typewriter-Bscwd-36.cjs → typewriter-C6kFjLcX.cjs} +2 -2
- package/dist/{typewriter-Bscwd-36.cjs.map → typewriter-C6kFjLcX.cjs.map} +1 -1
- package/dist/{typewriter-BjDPgRlj.js → typewriter-Eo5qXoGC.js} +4 -4
- package/dist/{typewriter-BjDPgRlj.js.map → typewriter-Eo5qXoGC.js.map} +1 -1
- package/dist/typewriter.cjs +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{typography-CConBBFH.js → typography-C_1gdM2I.js} +2 -2
- package/dist/{typography-CConBBFH.js.map → typography-C_1gdM2I.js.map} +1 -1
- package/dist/{typography-DLGT3DGz.cjs → typography-DGyjlLCE.cjs} +2 -2
- package/dist/{typography-DLGT3DGz.cjs.map → typography-DGyjlLCE.cjs.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/package.json +1 -1
- package/types/src/navigation-rail/navigation-rail.d.ts +2 -0
- package/types/src/progress/progress.d.ts +1 -1
- package/dist/avatar-BdyuuIk7.js.map +0 -1
- package/dist/avatar-DBfJucB9.cjs.map +0 -1
- package/dist/lightbox-service-3mHqBKEh.cjs.map +0 -1
- package/dist/lightbox-service-DxbYZAuv.js.map +0 -1
- package/dist/list-FWXmY-eQ.js.map +0 -1
- package/dist/list-JjR7WOrd.cjs.map +0 -1
- package/dist/navigation-rail-D1o3qDe_.cjs.map +0 -1
- package/dist/navigation-rail-DKXumnmt.js.map +0 -1
- package/dist/progress-0POmJs5o.js.map +0 -1
- package/dist/progress-qx8jtrOA.cjs.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { autoUpdate as j, offset as O, flip as $, shift as P, arrow as R, computePosition as z } from "@floating-ui/dom";
|
|
2
2
|
import { directive as U, Directive as q, PartType as B } from "lit/directive.js";
|
|
3
3
|
import { fromEvent as n, takeUntil as w, merge as S } from "rxjs";
|
|
4
|
-
import { T as F } from "./tailwind.mixin-
|
|
4
|
+
import { T as F } from "./tailwind.mixin-Bp_PR6yc.js";
|
|
5
5
|
import { css as L, html as G } from "lit";
|
|
6
6
|
import { property as b, state as H, customElement as J } from "lit/decorators.js";
|
|
7
7
|
const y = /* @__PURE__ */ new WeakMap(), et = U(class extends q {
|
|
@@ -116,4 +116,4 @@ export {
|
|
|
116
116
|
c as S,
|
|
117
117
|
et as t
|
|
118
118
|
};
|
|
119
|
-
//# sourceMappingURL=tooltip-
|
|
119
|
+
//# sourceMappingURL=tooltip-CjdvBf4X.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip-CwaiZC8f.js","sources":["../src/tooltip/tooltip.directive.ts","../src/tooltip/tooltip.ts"],"sourcesContent":["import { arrow, autoUpdate, computePosition, flip, offset, Placement, shift, Strategy } from '@floating-ui/dom'\nimport { Directive, directive, ElementPart, ElementPartInfo, PartType } from 'lit/directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\n// Store tooltip data for elements\nconst tooltipMap = new WeakMap<\n\tElement,\n\t{\n\t\ttooltipElement: HTMLElement\n\t\tarrowElement?: HTMLElement\n\t\tcleanup?: () => void\n\t\tshowTimeout?: number\n\t\tsubscriptions?: Subscription[]\n\t}\n>()\n\nclass TooltipDirective extends Directive {\n\tconstructor(partInfo: ElementPartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The tooltip directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(\n\t\ttext: string,\n\t\toptions: {\n\t\t\tposition?: 'top' | 'right' | 'bottom' | 'left'\n\t\t\tdelay?: number\n\t\t\tshowArrow?: boolean\n\t\t} = {},\n\t) {\n\t\treturn { text, options }\n\t}\n\n\tupdate(part: ElementPart, [text, options = {}]: [string, any]) {\n\t\tconst element = part.element as HTMLElement\n\t\tconst position = options?.position || 'top'\n\t\tconst delay = options?.delay || 300\n\t\tconst showArrow = options?.showArrow !== false // Default to true\n\n\t\t// Get or create tooltip data\n\t\tlet tooltipData = tooltipMap.get(element)\n\n\t\tif (!tooltipData) {\n\t\t\t// Create tooltip element\n\t\t\tconst tooltipElement = document.createElement('div')\n\t\t\ttooltipElement.className = 'schmancy-tooltip'\n\n\t\t\t// Apply styles\n\t\t\tObject.assign(tooltipElement.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tzIndex: '10000',\n\t\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\t\tpadding: '8px 12px',\n\t\t\t\tborderRadius: '4px',\n\t\t\t\tfontSize: '14px',\n\t\t\t\tfontWeight: 'normal',\n\t\t\t\tmaxWidth: '300px',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 150ms ease',\n\t\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\t\ttextAlign: 'center',\n\t\t\t\t// Important: start with visibility hidden to avoid flash\n\t\t\t\tvisibility: 'hidden',\n\t\t\t})\n\n\t\t\t// Create arrow element if needed\n\t\t\tlet arrowElement: HTMLElement | undefined\n\t\t\tif (showArrow) {\n\t\t\t\tarrowElement = document.createElement('div')\n\t\t\t\tarrowElement.className = 'schmancy-tooltip-arrow'\n\t\t\t\tObject.assign(arrowElement.style, {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tbackground: 'inherit',\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t// We'll rotate this to create an arrow\n\t\t\t\t\ttransform: 'rotate(45deg)',\n\t\t\t\t})\n\t\t\t\ttooltipElement.appendChild(arrowElement)\n\t\t\t}\n\n\t\t\t// Set ARIA attributes\n\t\t\ttooltipElement.setAttribute('role', 'tooltip')\n\n\t\t\t// Generate unique ID\n\t\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\t\ttooltipElement.id = tooltipId\n\t\t\telement.setAttribute('aria-describedby', tooltipId)\n\n\t\t\t// Add to document\n\t\t\tdocument.body.appendChild(tooltipElement)\n\n\t\t\t// Create tooltip data\n\t\t\ttooltipData = {\n\t\t\t\ttooltipElement,\n\t\t\t\tarrowElement,\n\t\t\t}\n\n\t\t\ttooltipMap.set(element, tooltipData)\n\n\t\t\t// Define show handler\n\t\t\tconst showTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.showTimeout = window.setTimeout(() => {\n\t\t\t\t\t// Set content\n\t\t\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t\t\t// Add arrow back if it was removed\n\t\t\t\t\tif (showArrow && tooltipData.arrowElement && !tooltipData.tooltipElement.contains(tooltipData.arrowElement)) {\n\t\t\t\t\t\ttooltipData.tooltipElement.appendChild(tooltipData.arrowElement)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Make sure element is visible first\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'visible'\n\n\t\t\t\t\t// Clean up existing positioning\n\t\t\t\t\tif (tooltipData.cleanup) {\n\t\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set up positioning\n\t\t\t\t\ttooltipData.cleanup = autoUpdate(element, tooltipData.tooltipElement, () =>\n\t\t\t\t\t\tupdatePosition(element, tooltipData, position, showArrow),\n\t\t\t\t\t)\n\n\t\t\t\t\t// Make opacity 1 after positioning is set up\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\ttooltipData.tooltipElement.style.opacity = '1'\n\t\t\t\t\t})\n\t\t\t\t}, delay)\n\t\t\t}\n\n\t\t\t// Define hide handler\n\t\t\tconst hideTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.tooltipElement.style.opacity = '0'\n\n\t\t\t\t// Set visibility to hidden after fade out\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'hidden'\n\t\t\t\t}, 150) // Match transition time\n\n\t\t\t\t// Clean up positioning\n\t\t\t\tif (tooltipData?.cleanup) {\n\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\ttooltipData.cleanup = undefined\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Add event listeners using fromEvent\n\t\t\tconst subscriptions = [\n\t\t\t\tfromEvent(element, 'mouseenter').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'focus').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'mouseleave').subscribe(hideTooltip),\n\t\t\t\tfromEvent(element, 'blur').subscribe(hideTooltip),\n\t\t\t\tfromEvent<KeyboardEvent>(document, 'keydown').subscribe((e: KeyboardEvent) => {\n\t\t\t\t\tif (e.key === 'Escape' && tooltipData?.tooltipElement.style.opacity === '1') {\n\t\t\t\t\t\thideTooltip()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t]\n\n\t\t\t// Store subscriptions for cleanup\n\t\t\ttooltipData.subscriptions = subscriptions\n\t\t} else {\n\t\t\t// Update content for existing tooltip\n\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t// Update arrow visibility if needed\n\t\t\tif (tooltipData.arrowElement) {\n\t\t\t\ttooltipData.arrowElement.style.visibility = showArrow ? 'visible' : 'hidden'\n\t\t\t}\n\t\t}\n\n\t\treturn { text, options }\n\t}\n\n\tdisconnected(part: ElementPart) {\n\t\tconst element = part.element\n\t\tconst tooltipData = tooltipMap.get(element)\n\n\t\tif (tooltipData) {\n\t\t\t// Clean up subscriptions\n\t\t\tif (tooltipData.subscriptions) {\n\t\t\t\ttooltipData.subscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t}\n\n\t\t\t// Clean up timeouts and positioning\n\t\t\tif (tooltipData.showTimeout) {\n\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t}\n\n\t\t\tif (tooltipData.cleanup) {\n\t\t\t\ttooltipData.cleanup()\n\t\t\t}\n\n\t\t\t// Remove tooltip element\n\t\t\tif (document.body.contains(tooltipData.tooltipElement)) {\n\t\t\t\tdocument.body.removeChild(tooltipData.tooltipElement)\n\t\t\t}\n\n\t\t\t// Remove ARIA attributes\n\t\t\tif (element.hasAttribute('aria-describedby')) {\n\t\t\t\telement.removeAttribute('aria-describedby')\n\t\t\t}\n\n\t\t\t// Remove from WeakMap\n\t\t\ttooltipMap.delete(element)\n\t\t}\n\t}\n}\n\n// Separate positioning function for clarity and reuse\nasync function updatePosition(element: HTMLElement, tooltipData: any, position: string, showArrow: boolean) {\n\t// Use floating-ui to compute position\n\tconst middleware = [\n\t\toffset(8), // Distance from the element\n\t\tflip({\n\t\t\tfallbackPlacements: ['top', 'right', 'bottom', 'left'].filter(p => p !== position) as Placement[],\n\t\t\tpadding: 5, // How far from the edges before flipping\n\t\t}),\n\t\tshift({ padding: 5 }), // Keep it within viewport bounds\n\t]\n\n\t// Add arrow middleware if needed\n\tif (showArrow && tooltipData.arrowElement) {\n\t\tmiddleware.push(arrow({ element: tooltipData.arrowElement }))\n\t}\n\n\tconst { x, y, placement, middlewareData } = await computePosition(element, tooltipData.tooltipElement, {\n\t\tplacement: position as Placement,\n\t\tmiddleware,\n\t\tstrategy: 'fixed' as Strategy, // Fixed positioning works better across contexts\n\t})\n\n\t// Apply position\n\tObject.assign(tooltipData.tooltipElement.style, {\n\t\tleft: `${x}px`,\n\t\ttop: `${y}px`,\n\t\tposition: 'fixed',\n\t})\n\n\t// Position the arrow if it exists\n\tif (showArrow && tooltipData.arrowElement && middlewareData.arrow) {\n\t\tconst { x: arrowX, y: arrowY } = middlewareData.arrow\n\n\t\t// Determine which side the arrow should be on based on placement\n\t\tconst staticSide =\n\t\t\t{\n\t\t\t\ttop: 'bottom',\n\t\t\t\tright: 'left',\n\t\t\t\tbottom: 'top',\n\t\t\t\tleft: 'right',\n\t\t\t}[placement.split('-')[0]] || 'bottom'\n\n\t\t// Position the arrow\n\t\tObject.assign(tooltipData.arrowElement.style, {\n\t\t\tleft: arrowX != null ? `${arrowX}px` : '',\n\t\t\ttop: arrowY != null ? `${arrowY}px` : '',\n\t\t\t[staticSide]: '-4px', // Position the arrow on the correct side\n\t\t\tvisibility: 'visible',\n\t\t})\n\t}\n}\n\nexport const tooltip = directive(TooltipDirective)\n","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { html, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\nimport { computePosition, flip, shift, offset, autoUpdate, Placement } from '@floating-ui/dom'\n\n/**\n * A tooltip component that displays a text tooltip when hovering over content.\n * Addresses shadow DOM limitations by teleporting the tooltip to document.body.\n *\n * @element schmancy-tooltip\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t}\n`) {\n\t@property({ type: String })\n\ttext = ''\n\n\t@property({ type: String })\n\tposition: 'top' | 'right' | 'bottom' | 'left' = 'top'\n\n\t@property({ type: Number })\n\tdelay = 50\n\n\t@property({ type: Boolean })\n\tdisabled = false\n\n\t@state() private visible = false\n\n\tprivate triggerElement: HTMLElement | null = null\n\tprivate tooltipElement: HTMLElement | null = null\n\tprivate cleanup: (() => void) | undefined\n\tprivate showTimeoutId: number | undefined\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Create tooltip element once\n\t\tif (!this.tooltipElement) {\n\t\t\tthis.createTooltipElement()\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\t// Wait for slotted elements to be available\n\t\tthis.updateComplete.then(() => {\n\t\t\t// Get the first slotted element as trigger\n\t\t\tconst slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement\n\t\t\tconst slottedElements = slot?.assignedElements() || []\n\n\t\t\tif (slottedElements.length > 0) {\n\t\t\t\tthis.triggerElement = slottedElements[0] as HTMLElement\n\t\t\t\tthis.setupEvents()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate createTooltipElement() {\n\t\t// Create the tooltip element in document.body\n\t\tthis.tooltipElement = document.createElement('div')\n\t\tthis.tooltipElement.className = 'schmancy-tooltip'\n\n\t\t// Apply styles\n\t\tObject.assign(this.tooltipElement.style, {\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '10000',\n\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\tpadding: '8px 12px',\n\t\t\tborderRadius: '4px',\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 'normal',\n\t\t\tmaxWidth: '300px',\n\t\t\tpointerEvents: 'none',\n\t\t\topacity: '0',\n\t\t\ttransition: 'opacity 150ms ease',\n\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\ttextAlign: 'center',\n\t\t})\n\n\t\t// Set ARIA attributes\n\t\tthis.tooltipElement.setAttribute('role', 'tooltip')\n\n\t\t// Add to document\n\t\tdocument.body.appendChild(this.tooltipElement)\n\t}\n\n\tprivate setupEvents() {\n\t\tif (!this.triggerElement || this.disabled) return\n\n\t\t// Generate unique ID for ARIA\n\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\tif (this.tooltipElement) {\n\t\t\tthis.tooltipElement.id = tooltipId\n\t\t\tthis.triggerElement.setAttribute('aria-describedby', tooltipId)\n\t\t}\n\n\t\t// Setup event streams using RxJS\n\t\tconst mouseEnter$ = fromEvent(this.triggerElement, 'mouseenter')\n\t\tconst focus$ = fromEvent(this.triggerElement, 'focus')\n\t\tconst mouseLeave$ = fromEvent(this.triggerElement, 'mouseleave')\n\t\tconst blur$ = fromEvent(this.triggerElement, 'blur')\n\n\t\t// Global escape key handler\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.visible) {\n\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Handle showing\n\t\tmerge(mouseEnter$, focus$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showTooltip()\n\t\t\t})\n\n\t\t// Handle hiding\n\t\tmerge(mouseLeave$, blur$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideTooltip()\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up\n\t\tif (this.tooltipElement && document.body.contains(this.tooltipElement)) {\n\t\t\tdocument.body.removeChild(this.tooltipElement)\n\t\t}\n\t\tthis.cleanup?.()\n\t\tclearTimeout(this.showTimeoutId)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.disabled || !this.tooltipElement || !this.triggerElement) return\n\n\t\t// Clear any existing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Set timeout for showing\n\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t// Update content\n\t\t\tif (this.tooltipElement) {\n\t\t\t\tthis.tooltipElement.textContent = this.text\n\n\t\t\t\t// Make visible\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.tooltipElement.style.opacity = '1'\n\n\t\t\t\t// Initialize positioning\n\t\t\t\tthis.initializePositioning()\n\t\t\t}\n\t\t}, this.delay)\n\t}\n\n\tprivate hideTooltip() {\n\t\t// Clear showing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Hide tooltip\n\t\tif (this.tooltipElement) {\n\t\t\tthis.visible = false\n\t\t\tthis.tooltipElement.style.opacity = '0'\n\t\t}\n\n\t\t// Clean up positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t}\n\n\tprivate initializePositioning() {\n\t\tif (!this.triggerElement || !this.tooltipElement) return\n\n\t\t// Clean up existing positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t}\n\n\t\t// Set up auto-updating position\n\t\tthis.cleanup = autoUpdate(this.triggerElement, this.tooltipElement, () => {\n\t\t\t// Compute position\n\t\t\tcomputePosition(this.triggerElement!, this.tooltipElement!, {\n\t\t\t\tplacement: this.position as Placement,\n\t\t\t\tmiddleware: [offset(8), flip({ padding: 5 }), shift({ padding: 5 })],\n\t\t\t}).then(({ x, y }) => {\n\t\t\t\t// Apply position\n\t\t\t\tif (this.tooltipElement) {\n\t\t\t\t\tObject.assign(this.tooltipElement.style, {\n\t\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"names":["tooltipMap","WeakMap","tooltip","directive","Directive","partInfo","super","type","PartType","ELEMENT","Error","text","options","part","element","position","delay","showArrow","tooltipData","get","tooltipElement","textContent","arrowElement","style","visibility","document","createElement","className","Object","assign","zIndex","backgroundColor","color","padding","borderRadius","fontSize","fontWeight","maxWidth","pointerEvents","opacity","transition","boxShadow","textAlign","width","height","background","transform","appendChild","setAttribute","tooltipId","Math","random","toString","slice","id","body","set","showTooltip","showTimeout","clearTimeout","window","setTimeout","contains","cleanup","autoUpdate","async","middleware","offset","flip","fallbackPlacements","filter","p","shift","push","arrow","x","y","placement","middlewareData","computePosition","strategy","left","top","arrowX","arrowY","staticSide","right","bottom","split","requestAnimationFrame","hideTooltip","subscriptions","fromEvent","subscribe","e","key","forEach","subscription","unsubscribe","removeChild","hasAttribute","removeAttribute","delete","SchmancyTooltip","TailwindElement","css","constructor","arguments","this","disabled","visible","triggerElement","connectedCallback","createTooltipElement","updateComplete","then","slot","shadowRoot","querySelector","slottedElements","assignedElements","length","setupEvents","mouseEnter$","focus$","mouseLeave$","blur$","pipe","takeUntil","disconnecting","event","merge","disconnectedCallback","showTimeoutId","initializePositioning","render","html","__decorateClass","property","String","prototype","Number","Boolean","state","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tooltip-CjdvBf4X.js","sources":["../src/tooltip/tooltip.directive.ts","../src/tooltip/tooltip.ts"],"sourcesContent":["import { arrow, autoUpdate, computePosition, flip, offset, Placement, shift, Strategy } from '@floating-ui/dom'\nimport { Directive, directive, ElementPart, ElementPartInfo, PartType } from 'lit/directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\n// Store tooltip data for elements\nconst tooltipMap = new WeakMap<\n\tElement,\n\t{\n\t\ttooltipElement: HTMLElement\n\t\tarrowElement?: HTMLElement\n\t\tcleanup?: () => void\n\t\tshowTimeout?: number\n\t\tsubscriptions?: Subscription[]\n\t}\n>()\n\nclass TooltipDirective extends Directive {\n\tconstructor(partInfo: ElementPartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The tooltip directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(\n\t\ttext: string,\n\t\toptions: {\n\t\t\tposition?: 'top' | 'right' | 'bottom' | 'left'\n\t\t\tdelay?: number\n\t\t\tshowArrow?: boolean\n\t\t} = {},\n\t) {\n\t\treturn { text, options }\n\t}\n\n\tupdate(part: ElementPart, [text, options = {}]: [string, any]) {\n\t\tconst element = part.element as HTMLElement\n\t\tconst position = options?.position || 'top'\n\t\tconst delay = options?.delay || 300\n\t\tconst showArrow = options?.showArrow !== false // Default to true\n\n\t\t// Get or create tooltip data\n\t\tlet tooltipData = tooltipMap.get(element)\n\n\t\tif (!tooltipData) {\n\t\t\t// Create tooltip element\n\t\t\tconst tooltipElement = document.createElement('div')\n\t\t\ttooltipElement.className = 'schmancy-tooltip'\n\n\t\t\t// Apply styles\n\t\t\tObject.assign(tooltipElement.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tzIndex: '10000',\n\t\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\t\tpadding: '8px 12px',\n\t\t\t\tborderRadius: '4px',\n\t\t\t\tfontSize: '14px',\n\t\t\t\tfontWeight: 'normal',\n\t\t\t\tmaxWidth: '300px',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 150ms ease',\n\t\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\t\ttextAlign: 'center',\n\t\t\t\t// Important: start with visibility hidden to avoid flash\n\t\t\t\tvisibility: 'hidden',\n\t\t\t})\n\n\t\t\t// Create arrow element if needed\n\t\t\tlet arrowElement: HTMLElement | undefined\n\t\t\tif (showArrow) {\n\t\t\t\tarrowElement = document.createElement('div')\n\t\t\t\tarrowElement.className = 'schmancy-tooltip-arrow'\n\t\t\t\tObject.assign(arrowElement.style, {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tbackground: 'inherit',\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t// We'll rotate this to create an arrow\n\t\t\t\t\ttransform: 'rotate(45deg)',\n\t\t\t\t})\n\t\t\t\ttooltipElement.appendChild(arrowElement)\n\t\t\t}\n\n\t\t\t// Set ARIA attributes\n\t\t\ttooltipElement.setAttribute('role', 'tooltip')\n\n\t\t\t// Generate unique ID\n\t\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\t\ttooltipElement.id = tooltipId\n\t\t\telement.setAttribute('aria-describedby', tooltipId)\n\n\t\t\t// Add to document\n\t\t\tdocument.body.appendChild(tooltipElement)\n\n\t\t\t// Create tooltip data\n\t\t\ttooltipData = {\n\t\t\t\ttooltipElement,\n\t\t\t\tarrowElement,\n\t\t\t}\n\n\t\t\ttooltipMap.set(element, tooltipData)\n\n\t\t\t// Define show handler\n\t\t\tconst showTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.showTimeout = window.setTimeout(() => {\n\t\t\t\t\t// Set content\n\t\t\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t\t\t// Add arrow back if it was removed\n\t\t\t\t\tif (showArrow && tooltipData.arrowElement && !tooltipData.tooltipElement.contains(tooltipData.arrowElement)) {\n\t\t\t\t\t\ttooltipData.tooltipElement.appendChild(tooltipData.arrowElement)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Make sure element is visible first\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'visible'\n\n\t\t\t\t\t// Clean up existing positioning\n\t\t\t\t\tif (tooltipData.cleanup) {\n\t\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set up positioning\n\t\t\t\t\ttooltipData.cleanup = autoUpdate(element, tooltipData.tooltipElement, () =>\n\t\t\t\t\t\tupdatePosition(element, tooltipData, position, showArrow),\n\t\t\t\t\t)\n\n\t\t\t\t\t// Make opacity 1 after positioning is set up\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\ttooltipData.tooltipElement.style.opacity = '1'\n\t\t\t\t\t})\n\t\t\t\t}, delay)\n\t\t\t}\n\n\t\t\t// Define hide handler\n\t\t\tconst hideTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.tooltipElement.style.opacity = '0'\n\n\t\t\t\t// Set visibility to hidden after fade out\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'hidden'\n\t\t\t\t}, 150) // Match transition time\n\n\t\t\t\t// Clean up positioning\n\t\t\t\tif (tooltipData?.cleanup) {\n\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\ttooltipData.cleanup = undefined\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Add event listeners using fromEvent\n\t\t\tconst subscriptions = [\n\t\t\t\tfromEvent(element, 'mouseenter').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'focus').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'mouseleave').subscribe(hideTooltip),\n\t\t\t\tfromEvent(element, 'blur').subscribe(hideTooltip),\n\t\t\t\tfromEvent<KeyboardEvent>(document, 'keydown').subscribe((e: KeyboardEvent) => {\n\t\t\t\t\tif (e.key === 'Escape' && tooltipData?.tooltipElement.style.opacity === '1') {\n\t\t\t\t\t\thideTooltip()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t]\n\n\t\t\t// Store subscriptions for cleanup\n\t\t\ttooltipData.subscriptions = subscriptions\n\t\t} else {\n\t\t\t// Update content for existing tooltip\n\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t// Update arrow visibility if needed\n\t\t\tif (tooltipData.arrowElement) {\n\t\t\t\ttooltipData.arrowElement.style.visibility = showArrow ? 'visible' : 'hidden'\n\t\t\t}\n\t\t}\n\n\t\treturn { text, options }\n\t}\n\n\tdisconnected(part: ElementPart) {\n\t\tconst element = part.element\n\t\tconst tooltipData = tooltipMap.get(element)\n\n\t\tif (tooltipData) {\n\t\t\t// Clean up subscriptions\n\t\t\tif (tooltipData.subscriptions) {\n\t\t\t\ttooltipData.subscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t}\n\n\t\t\t// Clean up timeouts and positioning\n\t\t\tif (tooltipData.showTimeout) {\n\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t}\n\n\t\t\tif (tooltipData.cleanup) {\n\t\t\t\ttooltipData.cleanup()\n\t\t\t}\n\n\t\t\t// Remove tooltip element\n\t\t\tif (document.body.contains(tooltipData.tooltipElement)) {\n\t\t\t\tdocument.body.removeChild(tooltipData.tooltipElement)\n\t\t\t}\n\n\t\t\t// Remove ARIA attributes\n\t\t\tif (element.hasAttribute('aria-describedby')) {\n\t\t\t\telement.removeAttribute('aria-describedby')\n\t\t\t}\n\n\t\t\t// Remove from WeakMap\n\t\t\ttooltipMap.delete(element)\n\t\t}\n\t}\n}\n\n// Separate positioning function for clarity and reuse\nasync function updatePosition(element: HTMLElement, tooltipData: any, position: string, showArrow: boolean) {\n\t// Use floating-ui to compute position\n\tconst middleware = [\n\t\toffset(8), // Distance from the element\n\t\tflip({\n\t\t\tfallbackPlacements: ['top', 'right', 'bottom', 'left'].filter(p => p !== position) as Placement[],\n\t\t\tpadding: 5, // How far from the edges before flipping\n\t\t}),\n\t\tshift({ padding: 5 }), // Keep it within viewport bounds\n\t]\n\n\t// Add arrow middleware if needed\n\tif (showArrow && tooltipData.arrowElement) {\n\t\tmiddleware.push(arrow({ element: tooltipData.arrowElement }))\n\t}\n\n\tconst { x, y, placement, middlewareData } = await computePosition(element, tooltipData.tooltipElement, {\n\t\tplacement: position as Placement,\n\t\tmiddleware,\n\t\tstrategy: 'fixed' as Strategy, // Fixed positioning works better across contexts\n\t})\n\n\t// Apply position\n\tObject.assign(tooltipData.tooltipElement.style, {\n\t\tleft: `${x}px`,\n\t\ttop: `${y}px`,\n\t\tposition: 'fixed',\n\t})\n\n\t// Position the arrow if it exists\n\tif (showArrow && tooltipData.arrowElement && middlewareData.arrow) {\n\t\tconst { x: arrowX, y: arrowY } = middlewareData.arrow\n\n\t\t// Determine which side the arrow should be on based on placement\n\t\tconst staticSide =\n\t\t\t{\n\t\t\t\ttop: 'bottom',\n\t\t\t\tright: 'left',\n\t\t\t\tbottom: 'top',\n\t\t\t\tleft: 'right',\n\t\t\t}[placement.split('-')[0]] || 'bottom'\n\n\t\t// Position the arrow\n\t\tObject.assign(tooltipData.arrowElement.style, {\n\t\t\tleft: arrowX != null ? `${arrowX}px` : '',\n\t\t\ttop: arrowY != null ? `${arrowY}px` : '',\n\t\t\t[staticSide]: '-4px', // Position the arrow on the correct side\n\t\t\tvisibility: 'visible',\n\t\t})\n\t}\n}\n\nexport const tooltip = directive(TooltipDirective)\n","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { html, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\nimport { computePosition, flip, shift, offset, autoUpdate, Placement } from '@floating-ui/dom'\n\n/**\n * A tooltip component that displays a text tooltip when hovering over content.\n * Addresses shadow DOM limitations by teleporting the tooltip to document.body.\n *\n * @element schmancy-tooltip\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t}\n`) {\n\t@property({ type: String })\n\ttext = ''\n\n\t@property({ type: String })\n\tposition: 'top' | 'right' | 'bottom' | 'left' = 'top'\n\n\t@property({ type: Number })\n\tdelay = 50\n\n\t@property({ type: Boolean })\n\tdisabled = false\n\n\t@state() private visible = false\n\n\tprivate triggerElement: HTMLElement | null = null\n\tprivate tooltipElement: HTMLElement | null = null\n\tprivate cleanup: (() => void) | undefined\n\tprivate showTimeoutId: number | undefined\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Create tooltip element once\n\t\tif (!this.tooltipElement) {\n\t\t\tthis.createTooltipElement()\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\t// Wait for slotted elements to be available\n\t\tthis.updateComplete.then(() => {\n\t\t\t// Get the first slotted element as trigger\n\t\t\tconst slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement\n\t\t\tconst slottedElements = slot?.assignedElements() || []\n\n\t\t\tif (slottedElements.length > 0) {\n\t\t\t\tthis.triggerElement = slottedElements[0] as HTMLElement\n\t\t\t\tthis.setupEvents()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate createTooltipElement() {\n\t\t// Create the tooltip element in document.body\n\t\tthis.tooltipElement = document.createElement('div')\n\t\tthis.tooltipElement.className = 'schmancy-tooltip'\n\n\t\t// Apply styles\n\t\tObject.assign(this.tooltipElement.style, {\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '10000',\n\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\tpadding: '8px 12px',\n\t\t\tborderRadius: '4px',\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 'normal',\n\t\t\tmaxWidth: '300px',\n\t\t\tpointerEvents: 'none',\n\t\t\topacity: '0',\n\t\t\ttransition: 'opacity 150ms ease',\n\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\ttextAlign: 'center',\n\t\t})\n\n\t\t// Set ARIA attributes\n\t\tthis.tooltipElement.setAttribute('role', 'tooltip')\n\n\t\t// Add to document\n\t\tdocument.body.appendChild(this.tooltipElement)\n\t}\n\n\tprivate setupEvents() {\n\t\tif (!this.triggerElement || this.disabled) return\n\n\t\t// Generate unique ID for ARIA\n\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\tif (this.tooltipElement) {\n\t\t\tthis.tooltipElement.id = tooltipId\n\t\t\tthis.triggerElement.setAttribute('aria-describedby', tooltipId)\n\t\t}\n\n\t\t// Setup event streams using RxJS\n\t\tconst mouseEnter$ = fromEvent(this.triggerElement, 'mouseenter')\n\t\tconst focus$ = fromEvent(this.triggerElement, 'focus')\n\t\tconst mouseLeave$ = fromEvent(this.triggerElement, 'mouseleave')\n\t\tconst blur$ = fromEvent(this.triggerElement, 'blur')\n\n\t\t// Global escape key handler\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.visible) {\n\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Handle showing\n\t\tmerge(mouseEnter$, focus$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showTooltip()\n\t\t\t})\n\n\t\t// Handle hiding\n\t\tmerge(mouseLeave$, blur$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideTooltip()\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up\n\t\tif (this.tooltipElement && document.body.contains(this.tooltipElement)) {\n\t\t\tdocument.body.removeChild(this.tooltipElement)\n\t\t}\n\t\tthis.cleanup?.()\n\t\tclearTimeout(this.showTimeoutId)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.disabled || !this.tooltipElement || !this.triggerElement) return\n\n\t\t// Clear any existing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Set timeout for showing\n\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t// Update content\n\t\t\tif (this.tooltipElement) {\n\t\t\t\tthis.tooltipElement.textContent = this.text\n\n\t\t\t\t// Make visible\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.tooltipElement.style.opacity = '1'\n\n\t\t\t\t// Initialize positioning\n\t\t\t\tthis.initializePositioning()\n\t\t\t}\n\t\t}, this.delay)\n\t}\n\n\tprivate hideTooltip() {\n\t\t// Clear showing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Hide tooltip\n\t\tif (this.tooltipElement) {\n\t\t\tthis.visible = false\n\t\t\tthis.tooltipElement.style.opacity = '0'\n\t\t}\n\n\t\t// Clean up positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t}\n\n\tprivate initializePositioning() {\n\t\tif (!this.triggerElement || !this.tooltipElement) return\n\n\t\t// Clean up existing positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t}\n\n\t\t// Set up auto-updating position\n\t\tthis.cleanup = autoUpdate(this.triggerElement, this.tooltipElement, () => {\n\t\t\t// Compute position\n\t\t\tcomputePosition(this.triggerElement!, this.tooltipElement!, {\n\t\t\t\tplacement: this.position as Placement,\n\t\t\t\tmiddleware: [offset(8), flip({ padding: 5 }), shift({ padding: 5 })],\n\t\t\t}).then(({ x, y }) => {\n\t\t\t\t// Apply position\n\t\t\t\tif (this.tooltipElement) {\n\t\t\t\t\tObject.assign(this.tooltipElement.style, {\n\t\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"names":["tooltipMap","WeakMap","tooltip","directive","Directive","partInfo","super","type","PartType","ELEMENT","Error","text","options","part","element","position","delay","showArrow","tooltipData","get","tooltipElement","textContent","arrowElement","style","visibility","document","createElement","className","Object","assign","zIndex","backgroundColor","color","padding","borderRadius","fontSize","fontWeight","maxWidth","pointerEvents","opacity","transition","boxShadow","textAlign","width","height","background","transform","appendChild","setAttribute","tooltipId","Math","random","toString","slice","id","body","set","showTooltip","showTimeout","clearTimeout","window","setTimeout","contains","cleanup","autoUpdate","async","middleware","offset","flip","fallbackPlacements","filter","p","shift","push","arrow","x","y","placement","middlewareData","computePosition","strategy","left","top","arrowX","arrowY","staticSide","right","bottom","split","requestAnimationFrame","hideTooltip","subscriptions","fromEvent","subscribe","e","key","forEach","subscription","unsubscribe","removeChild","hasAttribute","removeAttribute","delete","SchmancyTooltip","TailwindElement","css","constructor","arguments","this","disabled","visible","triggerElement","connectedCallback","createTooltipElement","updateComplete","then","slot","shadowRoot","querySelector","slottedElements","assignedElements","length","setupEvents","mouseEnter$","focus$","mouseLeave$","blur$","pipe","takeUntil","disconnecting","event","merge","disconnectedCallback","showTimeoutId","initializePositioning","render","html","__decorateClass","property","String","prototype","Number","Boolean","state","customElement"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";const r=require("@floating-ui/dom"),w=require("lit/directive.js"),n=require("rxjs"),I=require("./tailwind.mixin-
|
|
1
|
+
"use strict";const r=require("@floating-ui/dom"),w=require("lit/directive.js"),n=require("rxjs"),I=require("./tailwind.mixin-Cp4PyXok.cjs"),O=require("lit"),m=require("lit/decorators.js"),E=new WeakMap;class U extends w.Directive{constructor(i){if(super(i),i.type!==w.PartType.ELEMENT)throw new Error("The tooltip directive can only be used on elements")}render(i,s={}){return{text:i,options:s}}update(i,[s,e={}]){const o=i.element,l=e?.position||"top",d=e?.delay||300,y=e?.showArrow!==!1;let t=E.get(o);if(t)t.tooltipElement.textContent=s,t.arrowElement&&(t.arrowElement.style.visibility=y?"visible":"hidden");else{const p=document.createElement("div");let u;p.className="schmancy-tooltip",Object.assign(p.style,{position:"absolute",zIndex:"10000",backgroundColor:"var(--schmancy-sys-color-surface-highest, #333)",color:"var(--schmancy-sys-color-surface-on, white)",padding:"8px 12px",borderRadius:"4px",fontSize:"14px",fontWeight:"normal",maxWidth:"300px",pointerEvents:"none",opacity:"0",transition:"opacity 150ms ease",boxShadow:"var(--schmancy-sys-elevation-2)",textAlign:"center",visibility:"hidden"}),y&&(u=document.createElement("div"),u.className="schmancy-tooltip-arrow",Object.assign(u.style,{position:"absolute",width:"8px",height:"8px",background:"inherit",visibility:"hidden",transform:"rotate(45deg)"}),p.appendChild(u)),p.setAttribute("role","tooltip");const f=`tooltip-${Math.random().toString(36).slice(2,9)}`;p.id=f,o.setAttribute("aria-describedby",f),document.body.appendChild(p),t={tooltipElement:p,arrowElement:u},E.set(o,t);const x=()=>{t?.showTimeout&&clearTimeout(t.showTimeout),t.showTimeout=window.setTimeout(()=>{t.tooltipElement.textContent=s,y&&t.arrowElement&&!t.tooltipElement.contains(t.arrowElement)&&t.tooltipElement.appendChild(t.arrowElement),t.tooltipElement.style.visibility="visible",t.cleanup&&t.cleanup(),t.cleanup=r.autoUpdate(o,t.tooltipElement,()=>(async function(v,c,T,k){const S=[r.offset(8),r.flip({fallbackPlacements:["top","right","bottom","left"].filter(b=>b!==T),padding:5}),r.shift({padding:5})];k&&c.arrowElement&&S.push(r.arrow({element:c.arrowElement}));const{x:q,y:P,placement:$,middlewareData:C}=await r.computePosition(v,c.tooltipElement,{placement:T,middleware:S,strategy:"fixed"});if(Object.assign(c.tooltipElement.style,{left:`${q}px`,top:`${P}px`,position:"fixed"}),k&&c.arrowElement&&C.arrow){const{x:b,y:A}=C.arrow,z={top:"bottom",right:"left",bottom:"top",left:"right"}[$.split("-")[0]]||"bottom";Object.assign(c.arrowElement.style,{left:b!=null?`${b}px`:"",top:A!=null?`${A}px`:"",[z]:"-4px",visibility:"visible"})}})(o,t,l,y)),requestAnimationFrame(()=>{t.tooltipElement.style.opacity="1"})},d)},g=()=>{t?.showTimeout&&clearTimeout(t.showTimeout),t.tooltipElement.style.opacity="0",setTimeout(()=>{t.tooltipElement.style.visibility="hidden"},150),t?.cleanup&&(t.cleanup(),t.cleanup=void 0)},j=[n.fromEvent(o,"mouseenter").subscribe(x),n.fromEvent(o,"focus").subscribe(x),n.fromEvent(o,"mouseleave").subscribe(g),n.fromEvent(o,"blur").subscribe(g),n.fromEvent(document,"keydown").subscribe(v=>{v.key==="Escape"&&t?.tooltipElement.style.opacity==="1"&&g()})];t.subscriptions=j}return{text:s,options:e}}disconnected(i){const s=i.element,e=E.get(s);e&&(e.subscriptions&&e.subscriptions.forEach(o=>o.unsubscribe()),e.showTimeout&&clearTimeout(e.showTimeout),e.cleanup&&e.cleanup(),document.body.contains(e.tooltipElement)&&document.body.removeChild(e.tooltipElement),s.hasAttribute("aria-describedby")&&s.removeAttribute("aria-describedby"),E.delete(s))}}const N=w.directive(U);var W=Object.defineProperty,M=Object.getOwnPropertyDescriptor,h=(a,i,s,e)=>{for(var o,l=e>1?void 0:e?M(i,s):i,d=a.length-1;d>=0;d--)(o=a[d])&&(l=(e?o(i,s,l):o(l))||l);return e&&l&&W(i,s,l),l};exports.SchmancyTooltip=class extends I.TailwindElement(O.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: inline-block;
|
|
4
4
|
position: relative;
|
|
5
5
|
}
|
|
6
6
|
`){constructor(){super(...arguments),this.text="",this.position="top",this.delay=50,this.disabled=!1,this.visible=!1,this.triggerElement=null,this.tooltipElement=null}connectedCallback(){super.connectedCallback(),this.tooltipElement||this.createTooltipElement()}firstUpdated(){this.updateComplete.then(()=>{const a=this.shadowRoot?.querySelector("slot"),i=a?.assignedElements()||[];i.length>0&&(this.triggerElement=i[0],this.setupEvents())})}createTooltipElement(){this.tooltipElement=document.createElement("div"),this.tooltipElement.className="schmancy-tooltip",Object.assign(this.tooltipElement.style,{position:"absolute",zIndex:"10000",backgroundColor:"var(--schmancy-sys-color-surface-highest, #333)",color:"var(--schmancy-sys-color-surface-on, white)",padding:"8px 12px",borderRadius:"4px",fontSize:"14px",fontWeight:"normal",maxWidth:"300px",pointerEvents:"none",opacity:"0",transition:"opacity 150ms ease",boxShadow:"var(--schmancy-sys-elevation-2)",textAlign:"center"}),this.tooltipElement.setAttribute("role","tooltip"),document.body.appendChild(this.tooltipElement)}setupEvents(){if(!this.triggerElement||this.disabled)return;const a=`tooltip-${Math.random().toString(36).slice(2,9)}`;this.tooltipElement&&(this.tooltipElement.id=a,this.triggerElement.setAttribute("aria-describedby",a));const i=n.fromEvent(this.triggerElement,"mouseenter"),s=n.fromEvent(this.triggerElement,"focus"),e=n.fromEvent(this.triggerElement,"mouseleave"),o=n.fromEvent(this.triggerElement,"blur");n.fromEvent(document,"keydown").pipe(n.takeUntil(this.disconnecting)).subscribe(l=>{l.key==="Escape"&&this.visible&&this.hideTooltip()}),n.merge(i,s).pipe(n.takeUntil(this.disconnecting)).subscribe(()=>{this.showTooltip()}),n.merge(e,o).pipe(n.takeUntil(this.disconnecting)).subscribe(()=>{this.hideTooltip()})}disconnectedCallback(){this.tooltipElement&&document.body.contains(this.tooltipElement)&&document.body.removeChild(this.tooltipElement),this.cleanup?.(),clearTimeout(this.showTimeoutId),super.disconnectedCallback()}showTooltip(){!this.disabled&&this.tooltipElement&&this.triggerElement&&(clearTimeout(this.showTimeoutId),this.showTimeoutId=window.setTimeout(()=>{this.tooltipElement&&(this.tooltipElement.textContent=this.text,this.visible=!0,this.tooltipElement.style.opacity="1",this.initializePositioning())},this.delay))}hideTooltip(){clearTimeout(this.showTimeoutId),this.tooltipElement&&(this.visible=!1,this.tooltipElement.style.opacity="0"),this.cleanup&&(this.cleanup(),this.cleanup=void 0)}initializePositioning(){this.triggerElement&&this.tooltipElement&&(this.cleanup&&this.cleanup(),this.cleanup=r.autoUpdate(this.triggerElement,this.tooltipElement,()=>{r.computePosition(this.triggerElement,this.tooltipElement,{placement:this.position,middleware:[r.offset(8),r.flip({padding:5}),r.shift({padding:5})]}).then(({x:a,y:i})=>{this.tooltipElement&&Object.assign(this.tooltipElement.style,{left:`${a}px`,top:`${i}px`})})}))}render(){return O.html`<slot></slot>`}},h([m.property({type:String})],exports.SchmancyTooltip.prototype,"text",2),h([m.property({type:String})],exports.SchmancyTooltip.prototype,"position",2),h([m.property({type:Number})],exports.SchmancyTooltip.prototype,"delay",2),h([m.property({type:Boolean})],exports.SchmancyTooltip.prototype,"disabled",2),h([m.state()],exports.SchmancyTooltip.prototype,"visible",2),exports.SchmancyTooltip=h([m.customElement("schmancy-tooltip")],exports.SchmancyTooltip),exports.tooltip=N;
|
|
7
|
-
//# sourceMappingURL=tooltip-
|
|
7
|
+
//# sourceMappingURL=tooltip-ZtnGjoJd.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip-iEvxKg8g.cjs","sources":["../src/tooltip/tooltip.directive.ts","../src/tooltip/tooltip.ts"],"sourcesContent":["import { arrow, autoUpdate, computePosition, flip, offset, Placement, shift, Strategy } from '@floating-ui/dom'\nimport { Directive, directive, ElementPart, ElementPartInfo, PartType } from 'lit/directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\n// Store tooltip data for elements\nconst tooltipMap = new WeakMap<\n\tElement,\n\t{\n\t\ttooltipElement: HTMLElement\n\t\tarrowElement?: HTMLElement\n\t\tcleanup?: () => void\n\t\tshowTimeout?: number\n\t\tsubscriptions?: Subscription[]\n\t}\n>()\n\nclass TooltipDirective extends Directive {\n\tconstructor(partInfo: ElementPartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The tooltip directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(\n\t\ttext: string,\n\t\toptions: {\n\t\t\tposition?: 'top' | 'right' | 'bottom' | 'left'\n\t\t\tdelay?: number\n\t\t\tshowArrow?: boolean\n\t\t} = {},\n\t) {\n\t\treturn { text, options }\n\t}\n\n\tupdate(part: ElementPart, [text, options = {}]: [string, any]) {\n\t\tconst element = part.element as HTMLElement\n\t\tconst position = options?.position || 'top'\n\t\tconst delay = options?.delay || 300\n\t\tconst showArrow = options?.showArrow !== false // Default to true\n\n\t\t// Get or create tooltip data\n\t\tlet tooltipData = tooltipMap.get(element)\n\n\t\tif (!tooltipData) {\n\t\t\t// Create tooltip element\n\t\t\tconst tooltipElement = document.createElement('div')\n\t\t\ttooltipElement.className = 'schmancy-tooltip'\n\n\t\t\t// Apply styles\n\t\t\tObject.assign(tooltipElement.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tzIndex: '10000',\n\t\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\t\tpadding: '8px 12px',\n\t\t\t\tborderRadius: '4px',\n\t\t\t\tfontSize: '14px',\n\t\t\t\tfontWeight: 'normal',\n\t\t\t\tmaxWidth: '300px',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 150ms ease',\n\t\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\t\ttextAlign: 'center',\n\t\t\t\t// Important: start with visibility hidden to avoid flash\n\t\t\t\tvisibility: 'hidden',\n\t\t\t})\n\n\t\t\t// Create arrow element if needed\n\t\t\tlet arrowElement: HTMLElement | undefined\n\t\t\tif (showArrow) {\n\t\t\t\tarrowElement = document.createElement('div')\n\t\t\t\tarrowElement.className = 'schmancy-tooltip-arrow'\n\t\t\t\tObject.assign(arrowElement.style, {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tbackground: 'inherit',\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t// We'll rotate this to create an arrow\n\t\t\t\t\ttransform: 'rotate(45deg)',\n\t\t\t\t})\n\t\t\t\ttooltipElement.appendChild(arrowElement)\n\t\t\t}\n\n\t\t\t// Set ARIA attributes\n\t\t\ttooltipElement.setAttribute('role', 'tooltip')\n\n\t\t\t// Generate unique ID\n\t\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\t\ttooltipElement.id = tooltipId\n\t\t\telement.setAttribute('aria-describedby', tooltipId)\n\n\t\t\t// Add to document\n\t\t\tdocument.body.appendChild(tooltipElement)\n\n\t\t\t// Create tooltip data\n\t\t\ttooltipData = {\n\t\t\t\ttooltipElement,\n\t\t\t\tarrowElement,\n\t\t\t}\n\n\t\t\ttooltipMap.set(element, tooltipData)\n\n\t\t\t// Define show handler\n\t\t\tconst showTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.showTimeout = window.setTimeout(() => {\n\t\t\t\t\t// Set content\n\t\t\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t\t\t// Add arrow back if it was removed\n\t\t\t\t\tif (showArrow && tooltipData.arrowElement && !tooltipData.tooltipElement.contains(tooltipData.arrowElement)) {\n\t\t\t\t\t\ttooltipData.tooltipElement.appendChild(tooltipData.arrowElement)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Make sure element is visible first\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'visible'\n\n\t\t\t\t\t// Clean up existing positioning\n\t\t\t\t\tif (tooltipData.cleanup) {\n\t\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set up positioning\n\t\t\t\t\ttooltipData.cleanup = autoUpdate(element, tooltipData.tooltipElement, () =>\n\t\t\t\t\t\tupdatePosition(element, tooltipData, position, showArrow),\n\t\t\t\t\t)\n\n\t\t\t\t\t// Make opacity 1 after positioning is set up\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\ttooltipData.tooltipElement.style.opacity = '1'\n\t\t\t\t\t})\n\t\t\t\t}, delay)\n\t\t\t}\n\n\t\t\t// Define hide handler\n\t\t\tconst hideTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.tooltipElement.style.opacity = '0'\n\n\t\t\t\t// Set visibility to hidden after fade out\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'hidden'\n\t\t\t\t}, 150) // Match transition time\n\n\t\t\t\t// Clean up positioning\n\t\t\t\tif (tooltipData?.cleanup) {\n\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\ttooltipData.cleanup = undefined\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Add event listeners using fromEvent\n\t\t\tconst subscriptions = [\n\t\t\t\tfromEvent(element, 'mouseenter').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'focus').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'mouseleave').subscribe(hideTooltip),\n\t\t\t\tfromEvent(element, 'blur').subscribe(hideTooltip),\n\t\t\t\tfromEvent<KeyboardEvent>(document, 'keydown').subscribe((e: KeyboardEvent) => {\n\t\t\t\t\tif (e.key === 'Escape' && tooltipData?.tooltipElement.style.opacity === '1') {\n\t\t\t\t\t\thideTooltip()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t]\n\n\t\t\t// Store subscriptions for cleanup\n\t\t\ttooltipData.subscriptions = subscriptions\n\t\t} else {\n\t\t\t// Update content for existing tooltip\n\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t// Update arrow visibility if needed\n\t\t\tif (tooltipData.arrowElement) {\n\t\t\t\ttooltipData.arrowElement.style.visibility = showArrow ? 'visible' : 'hidden'\n\t\t\t}\n\t\t}\n\n\t\treturn { text, options }\n\t}\n\n\tdisconnected(part: ElementPart) {\n\t\tconst element = part.element\n\t\tconst tooltipData = tooltipMap.get(element)\n\n\t\tif (tooltipData) {\n\t\t\t// Clean up subscriptions\n\t\t\tif (tooltipData.subscriptions) {\n\t\t\t\ttooltipData.subscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t}\n\n\t\t\t// Clean up timeouts and positioning\n\t\t\tif (tooltipData.showTimeout) {\n\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t}\n\n\t\t\tif (tooltipData.cleanup) {\n\t\t\t\ttooltipData.cleanup()\n\t\t\t}\n\n\t\t\t// Remove tooltip element\n\t\t\tif (document.body.contains(tooltipData.tooltipElement)) {\n\t\t\t\tdocument.body.removeChild(tooltipData.tooltipElement)\n\t\t\t}\n\n\t\t\t// Remove ARIA attributes\n\t\t\tif (element.hasAttribute('aria-describedby')) {\n\t\t\t\telement.removeAttribute('aria-describedby')\n\t\t\t}\n\n\t\t\t// Remove from WeakMap\n\t\t\ttooltipMap.delete(element)\n\t\t}\n\t}\n}\n\n// Separate positioning function for clarity and reuse\nasync function updatePosition(element: HTMLElement, tooltipData: any, position: string, showArrow: boolean) {\n\t// Use floating-ui to compute position\n\tconst middleware = [\n\t\toffset(8), // Distance from the element\n\t\tflip({\n\t\t\tfallbackPlacements: ['top', 'right', 'bottom', 'left'].filter(p => p !== position) as Placement[],\n\t\t\tpadding: 5, // How far from the edges before flipping\n\t\t}),\n\t\tshift({ padding: 5 }), // Keep it within viewport bounds\n\t]\n\n\t// Add arrow middleware if needed\n\tif (showArrow && tooltipData.arrowElement) {\n\t\tmiddleware.push(arrow({ element: tooltipData.arrowElement }))\n\t}\n\n\tconst { x, y, placement, middlewareData } = await computePosition(element, tooltipData.tooltipElement, {\n\t\tplacement: position as Placement,\n\t\tmiddleware,\n\t\tstrategy: 'fixed' as Strategy, // Fixed positioning works better across contexts\n\t})\n\n\t// Apply position\n\tObject.assign(tooltipData.tooltipElement.style, {\n\t\tleft: `${x}px`,\n\t\ttop: `${y}px`,\n\t\tposition: 'fixed',\n\t})\n\n\t// Position the arrow if it exists\n\tif (showArrow && tooltipData.arrowElement && middlewareData.arrow) {\n\t\tconst { x: arrowX, y: arrowY } = middlewareData.arrow\n\n\t\t// Determine which side the arrow should be on based on placement\n\t\tconst staticSide =\n\t\t\t{\n\t\t\t\ttop: 'bottom',\n\t\t\t\tright: 'left',\n\t\t\t\tbottom: 'top',\n\t\t\t\tleft: 'right',\n\t\t\t}[placement.split('-')[0]] || 'bottom'\n\n\t\t// Position the arrow\n\t\tObject.assign(tooltipData.arrowElement.style, {\n\t\t\tleft: arrowX != null ? `${arrowX}px` : '',\n\t\t\ttop: arrowY != null ? `${arrowY}px` : '',\n\t\t\t[staticSide]: '-4px', // Position the arrow on the correct side\n\t\t\tvisibility: 'visible',\n\t\t})\n\t}\n}\n\nexport const tooltip = directive(TooltipDirective)\n","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { html, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\nimport { computePosition, flip, shift, offset, autoUpdate, Placement } from '@floating-ui/dom'\n\n/**\n * A tooltip component that displays a text tooltip when hovering over content.\n * Addresses shadow DOM limitations by teleporting the tooltip to document.body.\n *\n * @element schmancy-tooltip\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t}\n`) {\n\t@property({ type: String })\n\ttext = ''\n\n\t@property({ type: String })\n\tposition: 'top' | 'right' | 'bottom' | 'left' = 'top'\n\n\t@property({ type: Number })\n\tdelay = 50\n\n\t@property({ type: Boolean })\n\tdisabled = false\n\n\t@state() private visible = false\n\n\tprivate triggerElement: HTMLElement | null = null\n\tprivate tooltipElement: HTMLElement | null = null\n\tprivate cleanup: (() => void) | undefined\n\tprivate showTimeoutId: number | undefined\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Create tooltip element once\n\t\tif (!this.tooltipElement) {\n\t\t\tthis.createTooltipElement()\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\t// Wait for slotted elements to be available\n\t\tthis.updateComplete.then(() => {\n\t\t\t// Get the first slotted element as trigger\n\t\t\tconst slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement\n\t\t\tconst slottedElements = slot?.assignedElements() || []\n\n\t\t\tif (slottedElements.length > 0) {\n\t\t\t\tthis.triggerElement = slottedElements[0] as HTMLElement\n\t\t\t\tthis.setupEvents()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate createTooltipElement() {\n\t\t// Create the tooltip element in document.body\n\t\tthis.tooltipElement = document.createElement('div')\n\t\tthis.tooltipElement.className = 'schmancy-tooltip'\n\n\t\t// Apply styles\n\t\tObject.assign(this.tooltipElement.style, {\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '10000',\n\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\tpadding: '8px 12px',\n\t\t\tborderRadius: '4px',\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 'normal',\n\t\t\tmaxWidth: '300px',\n\t\t\tpointerEvents: 'none',\n\t\t\topacity: '0',\n\t\t\ttransition: 'opacity 150ms ease',\n\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\ttextAlign: 'center',\n\t\t})\n\n\t\t// Set ARIA attributes\n\t\tthis.tooltipElement.setAttribute('role', 'tooltip')\n\n\t\t// Add to document\n\t\tdocument.body.appendChild(this.tooltipElement)\n\t}\n\n\tprivate setupEvents() {\n\t\tif (!this.triggerElement || this.disabled) return\n\n\t\t// Generate unique ID for ARIA\n\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\tif (this.tooltipElement) {\n\t\t\tthis.tooltipElement.id = tooltipId\n\t\t\tthis.triggerElement.setAttribute('aria-describedby', tooltipId)\n\t\t}\n\n\t\t// Setup event streams using RxJS\n\t\tconst mouseEnter$ = fromEvent(this.triggerElement, 'mouseenter')\n\t\tconst focus$ = fromEvent(this.triggerElement, 'focus')\n\t\tconst mouseLeave$ = fromEvent(this.triggerElement, 'mouseleave')\n\t\tconst blur$ = fromEvent(this.triggerElement, 'blur')\n\n\t\t// Global escape key handler\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.visible) {\n\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Handle showing\n\t\tmerge(mouseEnter$, focus$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showTooltip()\n\t\t\t})\n\n\t\t// Handle hiding\n\t\tmerge(mouseLeave$, blur$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideTooltip()\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up\n\t\tif (this.tooltipElement && document.body.contains(this.tooltipElement)) {\n\t\t\tdocument.body.removeChild(this.tooltipElement)\n\t\t}\n\t\tthis.cleanup?.()\n\t\tclearTimeout(this.showTimeoutId)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.disabled || !this.tooltipElement || !this.triggerElement) return\n\n\t\t// Clear any existing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Set timeout for showing\n\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t// Update content\n\t\t\tif (this.tooltipElement) {\n\t\t\t\tthis.tooltipElement.textContent = this.text\n\n\t\t\t\t// Make visible\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.tooltipElement.style.opacity = '1'\n\n\t\t\t\t// Initialize positioning\n\t\t\t\tthis.initializePositioning()\n\t\t\t}\n\t\t}, this.delay)\n\t}\n\n\tprivate hideTooltip() {\n\t\t// Clear showing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Hide tooltip\n\t\tif (this.tooltipElement) {\n\t\t\tthis.visible = false\n\t\t\tthis.tooltipElement.style.opacity = '0'\n\t\t}\n\n\t\t// Clean up positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t}\n\n\tprivate initializePositioning() {\n\t\tif (!this.triggerElement || !this.tooltipElement) return\n\n\t\t// Clean up existing positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t}\n\n\t\t// Set up auto-updating position\n\t\tthis.cleanup = autoUpdate(this.triggerElement, this.tooltipElement, () => {\n\t\t\t// Compute position\n\t\t\tcomputePosition(this.triggerElement!, this.tooltipElement!, {\n\t\t\t\tplacement: this.position as Placement,\n\t\t\t\tmiddleware: [offset(8), flip({ padding: 5 }), shift({ padding: 5 })],\n\t\t\t}).then(({ x, y }) => {\n\t\t\t\t// Apply position\n\t\t\t\tif (this.tooltipElement) {\n\t\t\t\t\tObject.assign(this.tooltipElement.style, {\n\t\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"names":["tooltipMap","WeakMap","TooltipDirective","Directive","partInfo","super","type","PartType","ELEMENT","Error","text","options","part","element","position","delay","showArrow","tooltipData","get","tooltipElement","textContent","arrowElement","style","visibility","document","createElement","className","Object","assign","zIndex","backgroundColor","color","padding","borderRadius","fontSize","fontWeight","maxWidth","pointerEvents","opacity","transition","boxShadow","textAlign","width","height","background","transform","appendChild","setAttribute","tooltipId","Math","random","toString","slice","id","body","set","showTooltip","showTimeout","clearTimeout","window","setTimeout","contains","cleanup","autoUpdate","async","middleware","offset","flip","fallbackPlacements","filter","p","shift","push","arrow","x","y","placement","middlewareData","computePosition","strategy","left","top","arrowX","arrowY","staticSide","right","bottom","split","requestAnimationFrame","hideTooltip","subscriptions","fromEvent","subscribe","e","key","forEach","subscription","unsubscribe","removeChild","hasAttribute","removeAttribute","delete","tooltip","directive","SchmancyTooltip","TailwindElement","css","constructor","arguments","this","disabled","visible","triggerElement","connectedCallback","createTooltipElement","firstUpdated","updateComplete","then","slot","shadowRoot","querySelector","slottedElements","assignedElements","length","setupEvents","mouseEnter$","focus$","mouseLeave$","blur$","pipe","takeUntil","disconnecting","event","merge","showTimeoutId","disconnectedCallback","initializePositioning","render","html","__decorateClass","property","String","prototype","Number","Boolean","state","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tooltip-ZtnGjoJd.cjs","sources":["../src/tooltip/tooltip.directive.ts","../src/tooltip/tooltip.ts"],"sourcesContent":["import { arrow, autoUpdate, computePosition, flip, offset, Placement, shift, Strategy } from '@floating-ui/dom'\nimport { Directive, directive, ElementPart, ElementPartInfo, PartType } from 'lit/directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\n// Store tooltip data for elements\nconst tooltipMap = new WeakMap<\n\tElement,\n\t{\n\t\ttooltipElement: HTMLElement\n\t\tarrowElement?: HTMLElement\n\t\tcleanup?: () => void\n\t\tshowTimeout?: number\n\t\tsubscriptions?: Subscription[]\n\t}\n>()\n\nclass TooltipDirective extends Directive {\n\tconstructor(partInfo: ElementPartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The tooltip directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(\n\t\ttext: string,\n\t\toptions: {\n\t\t\tposition?: 'top' | 'right' | 'bottom' | 'left'\n\t\t\tdelay?: number\n\t\t\tshowArrow?: boolean\n\t\t} = {},\n\t) {\n\t\treturn { text, options }\n\t}\n\n\tupdate(part: ElementPart, [text, options = {}]: [string, any]) {\n\t\tconst element = part.element as HTMLElement\n\t\tconst position = options?.position || 'top'\n\t\tconst delay = options?.delay || 300\n\t\tconst showArrow = options?.showArrow !== false // Default to true\n\n\t\t// Get or create tooltip data\n\t\tlet tooltipData = tooltipMap.get(element)\n\n\t\tif (!tooltipData) {\n\t\t\t// Create tooltip element\n\t\t\tconst tooltipElement = document.createElement('div')\n\t\t\ttooltipElement.className = 'schmancy-tooltip'\n\n\t\t\t// Apply styles\n\t\t\tObject.assign(tooltipElement.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tzIndex: '10000',\n\t\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\t\tpadding: '8px 12px',\n\t\t\t\tborderRadius: '4px',\n\t\t\t\tfontSize: '14px',\n\t\t\t\tfontWeight: 'normal',\n\t\t\t\tmaxWidth: '300px',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 150ms ease',\n\t\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\t\ttextAlign: 'center',\n\t\t\t\t// Important: start with visibility hidden to avoid flash\n\t\t\t\tvisibility: 'hidden',\n\t\t\t})\n\n\t\t\t// Create arrow element if needed\n\t\t\tlet arrowElement: HTMLElement | undefined\n\t\t\tif (showArrow) {\n\t\t\t\tarrowElement = document.createElement('div')\n\t\t\t\tarrowElement.className = 'schmancy-tooltip-arrow'\n\t\t\t\tObject.assign(arrowElement.style, {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tbackground: 'inherit',\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t// We'll rotate this to create an arrow\n\t\t\t\t\ttransform: 'rotate(45deg)',\n\t\t\t\t})\n\t\t\t\ttooltipElement.appendChild(arrowElement)\n\t\t\t}\n\n\t\t\t// Set ARIA attributes\n\t\t\ttooltipElement.setAttribute('role', 'tooltip')\n\n\t\t\t// Generate unique ID\n\t\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\t\ttooltipElement.id = tooltipId\n\t\t\telement.setAttribute('aria-describedby', tooltipId)\n\n\t\t\t// Add to document\n\t\t\tdocument.body.appendChild(tooltipElement)\n\n\t\t\t// Create tooltip data\n\t\t\ttooltipData = {\n\t\t\t\ttooltipElement,\n\t\t\t\tarrowElement,\n\t\t\t}\n\n\t\t\ttooltipMap.set(element, tooltipData)\n\n\t\t\t// Define show handler\n\t\t\tconst showTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.showTimeout = window.setTimeout(() => {\n\t\t\t\t\t// Set content\n\t\t\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t\t\t// Add arrow back if it was removed\n\t\t\t\t\tif (showArrow && tooltipData.arrowElement && !tooltipData.tooltipElement.contains(tooltipData.arrowElement)) {\n\t\t\t\t\t\ttooltipData.tooltipElement.appendChild(tooltipData.arrowElement)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Make sure element is visible first\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'visible'\n\n\t\t\t\t\t// Clean up existing positioning\n\t\t\t\t\tif (tooltipData.cleanup) {\n\t\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set up positioning\n\t\t\t\t\ttooltipData.cleanup = autoUpdate(element, tooltipData.tooltipElement, () =>\n\t\t\t\t\t\tupdatePosition(element, tooltipData, position, showArrow),\n\t\t\t\t\t)\n\n\t\t\t\t\t// Make opacity 1 after positioning is set up\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\ttooltipData.tooltipElement.style.opacity = '1'\n\t\t\t\t\t})\n\t\t\t\t}, delay)\n\t\t\t}\n\n\t\t\t// Define hide handler\n\t\t\tconst hideTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.tooltipElement.style.opacity = '0'\n\n\t\t\t\t// Set visibility to hidden after fade out\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'hidden'\n\t\t\t\t}, 150) // Match transition time\n\n\t\t\t\t// Clean up positioning\n\t\t\t\tif (tooltipData?.cleanup) {\n\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\ttooltipData.cleanup = undefined\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Add event listeners using fromEvent\n\t\t\tconst subscriptions = [\n\t\t\t\tfromEvent(element, 'mouseenter').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'focus').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'mouseleave').subscribe(hideTooltip),\n\t\t\t\tfromEvent(element, 'blur').subscribe(hideTooltip),\n\t\t\t\tfromEvent<KeyboardEvent>(document, 'keydown').subscribe((e: KeyboardEvent) => {\n\t\t\t\t\tif (e.key === 'Escape' && tooltipData?.tooltipElement.style.opacity === '1') {\n\t\t\t\t\t\thideTooltip()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t]\n\n\t\t\t// Store subscriptions for cleanup\n\t\t\ttooltipData.subscriptions = subscriptions\n\t\t} else {\n\t\t\t// Update content for existing tooltip\n\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t// Update arrow visibility if needed\n\t\t\tif (tooltipData.arrowElement) {\n\t\t\t\ttooltipData.arrowElement.style.visibility = showArrow ? 'visible' : 'hidden'\n\t\t\t}\n\t\t}\n\n\t\treturn { text, options }\n\t}\n\n\tdisconnected(part: ElementPart) {\n\t\tconst element = part.element\n\t\tconst tooltipData = tooltipMap.get(element)\n\n\t\tif (tooltipData) {\n\t\t\t// Clean up subscriptions\n\t\t\tif (tooltipData.subscriptions) {\n\t\t\t\ttooltipData.subscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t}\n\n\t\t\t// Clean up timeouts and positioning\n\t\t\tif (tooltipData.showTimeout) {\n\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t}\n\n\t\t\tif (tooltipData.cleanup) {\n\t\t\t\ttooltipData.cleanup()\n\t\t\t}\n\n\t\t\t// Remove tooltip element\n\t\t\tif (document.body.contains(tooltipData.tooltipElement)) {\n\t\t\t\tdocument.body.removeChild(tooltipData.tooltipElement)\n\t\t\t}\n\n\t\t\t// Remove ARIA attributes\n\t\t\tif (element.hasAttribute('aria-describedby')) {\n\t\t\t\telement.removeAttribute('aria-describedby')\n\t\t\t}\n\n\t\t\t// Remove from WeakMap\n\t\t\ttooltipMap.delete(element)\n\t\t}\n\t}\n}\n\n// Separate positioning function for clarity and reuse\nasync function updatePosition(element: HTMLElement, tooltipData: any, position: string, showArrow: boolean) {\n\t// Use floating-ui to compute position\n\tconst middleware = [\n\t\toffset(8), // Distance from the element\n\t\tflip({\n\t\t\tfallbackPlacements: ['top', 'right', 'bottom', 'left'].filter(p => p !== position) as Placement[],\n\t\t\tpadding: 5, // How far from the edges before flipping\n\t\t}),\n\t\tshift({ padding: 5 }), // Keep it within viewport bounds\n\t]\n\n\t// Add arrow middleware if needed\n\tif (showArrow && tooltipData.arrowElement) {\n\t\tmiddleware.push(arrow({ element: tooltipData.arrowElement }))\n\t}\n\n\tconst { x, y, placement, middlewareData } = await computePosition(element, tooltipData.tooltipElement, {\n\t\tplacement: position as Placement,\n\t\tmiddleware,\n\t\tstrategy: 'fixed' as Strategy, // Fixed positioning works better across contexts\n\t})\n\n\t// Apply position\n\tObject.assign(tooltipData.tooltipElement.style, {\n\t\tleft: `${x}px`,\n\t\ttop: `${y}px`,\n\t\tposition: 'fixed',\n\t})\n\n\t// Position the arrow if it exists\n\tif (showArrow && tooltipData.arrowElement && middlewareData.arrow) {\n\t\tconst { x: arrowX, y: arrowY } = middlewareData.arrow\n\n\t\t// Determine which side the arrow should be on based on placement\n\t\tconst staticSide =\n\t\t\t{\n\t\t\t\ttop: 'bottom',\n\t\t\t\tright: 'left',\n\t\t\t\tbottom: 'top',\n\t\t\t\tleft: 'right',\n\t\t\t}[placement.split('-')[0]] || 'bottom'\n\n\t\t// Position the arrow\n\t\tObject.assign(tooltipData.arrowElement.style, {\n\t\t\tleft: arrowX != null ? `${arrowX}px` : '',\n\t\t\ttop: arrowY != null ? `${arrowY}px` : '',\n\t\t\t[staticSide]: '-4px', // Position the arrow on the correct side\n\t\t\tvisibility: 'visible',\n\t\t})\n\t}\n}\n\nexport const tooltip = directive(TooltipDirective)\n","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { html, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\nimport { computePosition, flip, shift, offset, autoUpdate, Placement } from '@floating-ui/dom'\n\n/**\n * A tooltip component that displays a text tooltip when hovering over content.\n * Addresses shadow DOM limitations by teleporting the tooltip to document.body.\n *\n * @element schmancy-tooltip\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t}\n`) {\n\t@property({ type: String })\n\ttext = ''\n\n\t@property({ type: String })\n\tposition: 'top' | 'right' | 'bottom' | 'left' = 'top'\n\n\t@property({ type: Number })\n\tdelay = 50\n\n\t@property({ type: Boolean })\n\tdisabled = false\n\n\t@state() private visible = false\n\n\tprivate triggerElement: HTMLElement | null = null\n\tprivate tooltipElement: HTMLElement | null = null\n\tprivate cleanup: (() => void) | undefined\n\tprivate showTimeoutId: number | undefined\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Create tooltip element once\n\t\tif (!this.tooltipElement) {\n\t\t\tthis.createTooltipElement()\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\t// Wait for slotted elements to be available\n\t\tthis.updateComplete.then(() => {\n\t\t\t// Get the first slotted element as trigger\n\t\t\tconst slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement\n\t\t\tconst slottedElements = slot?.assignedElements() || []\n\n\t\t\tif (slottedElements.length > 0) {\n\t\t\t\tthis.triggerElement = slottedElements[0] as HTMLElement\n\t\t\t\tthis.setupEvents()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate createTooltipElement() {\n\t\t// Create the tooltip element in document.body\n\t\tthis.tooltipElement = document.createElement('div')\n\t\tthis.tooltipElement.className = 'schmancy-tooltip'\n\n\t\t// Apply styles\n\t\tObject.assign(this.tooltipElement.style, {\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '10000',\n\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\tpadding: '8px 12px',\n\t\t\tborderRadius: '4px',\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 'normal',\n\t\t\tmaxWidth: '300px',\n\t\t\tpointerEvents: 'none',\n\t\t\topacity: '0',\n\t\t\ttransition: 'opacity 150ms ease',\n\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\ttextAlign: 'center',\n\t\t})\n\n\t\t// Set ARIA attributes\n\t\tthis.tooltipElement.setAttribute('role', 'tooltip')\n\n\t\t// Add to document\n\t\tdocument.body.appendChild(this.tooltipElement)\n\t}\n\n\tprivate setupEvents() {\n\t\tif (!this.triggerElement || this.disabled) return\n\n\t\t// Generate unique ID for ARIA\n\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\tif (this.tooltipElement) {\n\t\t\tthis.tooltipElement.id = tooltipId\n\t\t\tthis.triggerElement.setAttribute('aria-describedby', tooltipId)\n\t\t}\n\n\t\t// Setup event streams using RxJS\n\t\tconst mouseEnter$ = fromEvent(this.triggerElement, 'mouseenter')\n\t\tconst focus$ = fromEvent(this.triggerElement, 'focus')\n\t\tconst mouseLeave$ = fromEvent(this.triggerElement, 'mouseleave')\n\t\tconst blur$ = fromEvent(this.triggerElement, 'blur')\n\n\t\t// Global escape key handler\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.visible) {\n\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Handle showing\n\t\tmerge(mouseEnter$, focus$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showTooltip()\n\t\t\t})\n\n\t\t// Handle hiding\n\t\tmerge(mouseLeave$, blur$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideTooltip()\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up\n\t\tif (this.tooltipElement && document.body.contains(this.tooltipElement)) {\n\t\t\tdocument.body.removeChild(this.tooltipElement)\n\t\t}\n\t\tthis.cleanup?.()\n\t\tclearTimeout(this.showTimeoutId)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.disabled || !this.tooltipElement || !this.triggerElement) return\n\n\t\t// Clear any existing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Set timeout for showing\n\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t// Update content\n\t\t\tif (this.tooltipElement) {\n\t\t\t\tthis.tooltipElement.textContent = this.text\n\n\t\t\t\t// Make visible\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.tooltipElement.style.opacity = '1'\n\n\t\t\t\t// Initialize positioning\n\t\t\t\tthis.initializePositioning()\n\t\t\t}\n\t\t}, this.delay)\n\t}\n\n\tprivate hideTooltip() {\n\t\t// Clear showing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Hide tooltip\n\t\tif (this.tooltipElement) {\n\t\t\tthis.visible = false\n\t\t\tthis.tooltipElement.style.opacity = '0'\n\t\t}\n\n\t\t// Clean up positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t}\n\n\tprivate initializePositioning() {\n\t\tif (!this.triggerElement || !this.tooltipElement) return\n\n\t\t// Clean up existing positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t}\n\n\t\t// Set up auto-updating position\n\t\tthis.cleanup = autoUpdate(this.triggerElement, this.tooltipElement, () => {\n\t\t\t// Compute position\n\t\t\tcomputePosition(this.triggerElement!, this.tooltipElement!, {\n\t\t\t\tplacement: this.position as Placement,\n\t\t\t\tmiddleware: [offset(8), flip({ padding: 5 }), shift({ padding: 5 })],\n\t\t\t}).then(({ x, y }) => {\n\t\t\t\t// Apply position\n\t\t\t\tif (this.tooltipElement) {\n\t\t\t\t\tObject.assign(this.tooltipElement.style, {\n\t\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"names":["tooltipMap","WeakMap","TooltipDirective","Directive","partInfo","super","type","PartType","ELEMENT","Error","text","options","part","element","position","delay","showArrow","tooltipData","get","tooltipElement","textContent","arrowElement","style","visibility","document","createElement","className","Object","assign","zIndex","backgroundColor","color","padding","borderRadius","fontSize","fontWeight","maxWidth","pointerEvents","opacity","transition","boxShadow","textAlign","width","height","background","transform","appendChild","setAttribute","tooltipId","Math","random","toString","slice","id","body","set","showTooltip","showTimeout","clearTimeout","window","setTimeout","contains","cleanup","autoUpdate","async","middleware","offset","flip","fallbackPlacements","filter","p","shift","push","arrow","x","y","placement","middlewareData","computePosition","strategy","left","top","arrowX","arrowY","staticSide","right","bottom","split","requestAnimationFrame","hideTooltip","subscriptions","fromEvent","subscribe","e","key","forEach","subscription","unsubscribe","removeChild","hasAttribute","removeAttribute","delete","tooltip","directive","SchmancyTooltip","TailwindElement","css","constructor","arguments","this","disabled","visible","triggerElement","connectedCallback","createTooltipElement","firstUpdated","updateComplete","then","slot","shadowRoot","querySelector","slottedElements","assignedElements","length","setupEvents","mouseEnter$","focus$","mouseLeave$","blur$","pipe","takeUntil","disconnecting","event","merge","showTimeoutId","disconnectedCallback","initializePositioning","render","html","__decorateClass","property","String","prototype","Number","Boolean","state","customElement"],"mappings":"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"}
|
package/dist/tooltip.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tooltip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tooltip-ZtnGjoJd.cjs");Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>e.SchmancyTooltip}),exports.tooltip=e.tooltip;
|
|
2
2
|
//# sourceMappingURL=tooltip.cjs.map
|
package/dist/tooltip.js
CHANGED
|
@@ -3,7 +3,7 @@ import "rxjs/operators";
|
|
|
3
3
|
import "lit/directives/class-map.js";
|
|
4
4
|
import "lit/directives/style-map.js";
|
|
5
5
|
import { property as y, query as h, customElement as v } from "lit/decorators.js";
|
|
6
|
-
import { T as b } from "./tailwind.mixin-
|
|
6
|
+
import { T as b } from "./tailwind.mixin-Bp_PR6yc.js";
|
|
7
7
|
import { css as S, html as w } from "lit";
|
|
8
8
|
var k = Object.defineProperty, j = Object.getOwnPropertyDescriptor, l = (e, s, o, i) => {
|
|
9
9
|
for (var r, t = i > 1 ? void 0 : i ? j(s, o) : s, a = e.length - 1; a >= 0; a--) (r = e[a]) && (t = (i ? r(s, o, t) : r(t)) || t);
|
|
@@ -62,4 +62,4 @@ l([y({ type: Boolean })], n.prototype, "open", 2), l([h("#toggler")], n.prototyp
|
|
|
62
62
|
export {
|
|
63
63
|
n as S
|
|
64
64
|
};
|
|
65
|
-
//# sourceMappingURL=tree-
|
|
65
|
+
//# sourceMappingURL=tree-CBEjV7jP.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-
|
|
1
|
+
{"version":3,"file":"tree-CBEjV7jP.js","sources":["../src/tree/tree.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { fromEvent, merge, switchMap, takeUntil, tap, zip } from 'rxjs'\n\n/**\n * @element schmancy-tree\n * @slot root - The root element of the tree\n * @slot - The children of the tree\n */\n@customElement('schmancy-tree')\nexport class SchmancyTree extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tbackground-color: initial;\n\t}\n\t::slotted([slot='root']) {\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t}\n\t::slotted([slot='root'] + *) {\n\t\tmargin-top: 0.5rem;\n\t}\n`) {\n\t/**\n\t * Whether the tree’s children are visible\n\t */\n\t@property({ type: Boolean }) open = false\n\n\t@query('#toggler') toggler!: HTMLSlotElement\n\t@query('slot:not([name=\"root\"])') defaultSlot!: HTMLSlotElement\n\n\t// Since it's actually a <schmancy-button>, use HTMLElement or a custom type\n\t@query('#chevron') chevron!: HTMLElement\n\n\tfirstUpdated() {\n\t\t// Hide or show the slot initially based on `open`\n\t\tif (!this.open) {\n\t\t\tthis.defaultSlot.hidden = true\n\t\t}\n\n\t\t// Root toggler\n\t\tconst toggleClick$ = fromEvent<MouseEvent>(this.toggler, 'click').pipe(\n\t\t\ttakeUntil(this.disconnecting),\n\t\t\ttap(e => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(new CustomEvent('toggle', { bubbles: true, composed: true }))\n\t\t\t}),\n\t\t)\n\n\t\t// Chevron (the schmancy-button) click\n\t\tconst chevronClick$ = fromEvent<MouseEvent>(this.chevron, 'click')\n\n\t\tmerge(toggleClick$, chevronClick$)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(() => {\n\t\t\t\t\t// 1. Animate the chevron rotation\n\t\t\t\t\t// If `open` is true, rotate from 180 -> 0; if false, from 0 -> 180\n\t\t\t\t\tconst fromDeg = this.open ? 180 : 0\n\t\t\t\t\tconst toDeg = this.open ? 0 : 180\n\t\t\t\t\tconst chevronAnimation = this.chevron.animate(\n\t\t\t\t\t\t[{ transform: `rotate(${fromDeg}deg)` }, { transform: `rotate(${toDeg}deg)` }],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\t\teasing: 'ease-in',\n\t\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t\t},\n\t\t\t\t\t)\n\n\t\t\t\t\t// 2. Animate the slot’s height + opacity\n\t\t\t\t\tif (!this.open) {\n\t\t\t\t\t\t// We are about to open, so remove `hidden` to measure scrollHeight\n\t\t\t\t\t\tthis.defaultSlot.hidden = false\n\t\t\t\t\t}\n\n\t\t\t\t\tconst fromOpacity = this.open ? 1 : 0\n\t\t\t\t\tconst toOpacity = this.open ? 0 : 1\n\n\t\t\t\t\tconst slotAnimation = this.defaultSlot.animate([{ opacity: fromOpacity }, { opacity: toOpacity }], {\n\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\teasing: 'ease-out',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\t// Hide the slot if we just closed it\n\t\t\t\t\tslotAnimation.onfinish = () => {\n\t\t\t\t\t\tif (this.open) {\n\t\t\t\t\t\t\tthis.defaultSlot.hidden = true\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.defaultSlot.style.height = 'auto'\n\t\t\t\t\t\t\tthis.defaultSlot.style.opacity = '1'\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Return an Observable that completes when both animations finish\n\t\t\t\t\treturn zip(fromEvent(chevronAnimation, 'finish'), fromEvent(slotAnimation, 'finish')).pipe(\n\t\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t\ttap(() => {\n\t\t\t\t\t// Flip the open state\n\t\t\t\t\tthis.open = !this.open\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"flex content-center items-center justify-between\">\n\t\t\t\t<!-- Root toggler content -->\n\t\t\t\t<slot id=\"toggler\" name=\"root\"></slot>\n\n\t\t\t\t<!-- The chevron or arrow symbol -->\n\t\t\t\t<!-- Stop propagation on the schmancy-button itself just to avoid double triggers -->\n\t\t\t\t<schmancy-button slot=\"trailing\" id=\"chevron\" @click=${(e: Event) => e.stopPropagation()}> ⌅ </schmancy-button>\n\t\t\t</div>\n\n\t\t\t<!-- The default slot: tree children -->\n\t\t\t<slot></slot>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tree': SchmancyTree\n\t}\n}\n"],"names":["SchmancyTree","TailwindElement","css","super","arguments","this","open","firstUpdated","defaultSlot","hidden","toggleClick$","fromEvent","toggler","pipe","takeUntil","disconnecting","tap","e","preventDefault","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","chevronClick$","chevron","merge","switchMap","fromDeg","toDeg","chevronAnimation","animate","transform","duration","easing","fill","fromOpacity","toOpacity","slotAnimation","opacity","onfinish","style","height","zip","subscribe","render","html","__decorateClass","property","type","Boolean","prototype","query","customElement"],"mappings":";;;;;;;;;;;AAWO,IAAMA,IAAN,cAA2BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA3C,EAAA;AAAA,EAAA;AAAAC,UAAAA,GAAAC,SAAAA,GAiBuBC,KAAAC,OAAAA;AAAAA,EAAO;AAAA,EAQpC,eAAAC;AAEMF,SAAKC,SACTD,KAAKG,YAAYC,SAAAA;AAIlB,UAAMC,IAAeC,EAAsBN,KAAKO,SAAS,SAASC,KACjEC,EAAUT,KAAKU,aAAAA,GACfC,EAAIC,CAAAA,MAAAA;AACHA,MAAAA,EAAEC,eAAAA,GACFD,EAAEE,mBACFd,KAAKe,cAAc,IAAIC,YAAY,UAAU,EAAEC,SAAAA,IAAeC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA,CAAA,GAKpEC,IAAgBb,EAAsBN,KAAKoB,SAAS,OAAA;AAE1DC,IAAAA,EAAMhB,GAAcc,CAAAA,EAClBX,KACAc,EAAU;AAGT,YAAMC,IAAUvB,KAAKC,OAAO,MAAM,GAC5BuB,IAAQxB,KAAKC,OAAO,IAAI,KACxBwB,IAAmBzB,KAAKoB,QAAQM,QACrC,CAAC,EAAEC,WAAW,UAAUJ,CAAAA,OAAAA,GAAiB,EAAEI,WAAW,UAAUH,YAChE,EACCI,UAAU,KACVC,QAAQ,WACRC,MAAM,WAAA,CAAA;AAKH9B,WAAKC,SAETD,KAAKG,YAAYC,SAAAA;AAGlB,YAAM2B,IAAc/B,KAAKC,OAAO,IAAI,GAC9B+B,IAAYhC,KAAKC,OAAO,IAAI,GAE5BgC,IAAgBjC,KAAKG,YAAYuB,QAAQ,CAAC,EAAEQ,SAASH,EAAAA,GAAe,EAAEG,SAASF,EAAAA,CAAAA,GAAc,EAClGJ,UAAU,KACVC,QAAQ,YACRC,MAAM;AAcP,aAVAG,EAAcE,WAAW,MAAA;AACpBnC,aAAKC,OACRD,KAAKG,YAAYC,SAAAA,MAEjBJ,KAAKG,YAAYiC,MAAMC,SAAS,QAChCrC,KAAKG,YAAYiC,MAAMF,UAAU;AAAA,MAAA,GAK5BI,EAAIhC,EAAUmB,GAAkB,WAAWnB,EAAU2B,GAAe,QAAA,CAAA,EAAWzB,KACrFC,EAAUT,KAAKU,aAAAA,CAAAA;AAAAA,IAAAA,CAAAA,GAGjBC,EAAI,MAAA;AAEHX,WAAKC,OAAAA,CAAQD,KAAKC;AAAAA,IAAAA,CAAAA,GAEnBQ,EAAUT,KAAKU,aAAAA,CAAAA,EAEf6B,UAAAA;AAAAA,EACH;AAAA,EAEA,SAAAC;AACC,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2DAOmD7B,CAAAA,MAAaA,EAAEE,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAM1E;AAAA;AAhG6B4B,EAAA,CAA5BC,EAAS,EAAEC,MAAMC,aAjBNlD,EAiBiBmD,WAAA,QAAA,CAAA,GAEVJ,EAAA,CAAlBK,EAAM,cAnBKpD,EAmBOmD,WAAA,WAAA,CAAA,GACeJ,EAAA,CAAjCK,EAAM,6BApBKpD,EAoBsBmD,WAAA,eAAA,CAAA,GAGfJ,EAAA,CAAlBK,EAAM,UAAA,CAAA,GAvBKpD,EAuBOmD,WAAA,WAAA,CAAA,GAvBPnD,IAAN+C,EAAA,CADNM,EAAc,mBACFrD,CAAAA;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const c=require("lit/decorators.js"),d=require("./tailwind.mixin-
|
|
1
|
+
"use strict";const t=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const c=require("lit/decorators.js"),d=require("./tailwind.mixin-Cp4PyXok.cjs"),p=require("lit");var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(r,n,o,i)=>{for(var s,e=i>1?void 0:i?g(n,o):n,a=r.length-1;a>=0;a--)(s=r[a])&&(e=(i?s(n,o,e):s(e))||e);return i&&e&&u(n,o,e),e};exports.SchmancyTree=class extends d.TailwindElement(p.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
position: relative;
|
|
@@ -24,4 +24,4 @@
|
|
|
24
24
|
<!-- The default slot: tree children -->
|
|
25
25
|
<slot></slot>
|
|
26
26
|
`}},l([c.property({type:Boolean})],exports.SchmancyTree.prototype,"open",2),l([c.query("#toggler")],exports.SchmancyTree.prototype,"toggler",2),l([c.query('slot:not([name="root"])')],exports.SchmancyTree.prototype,"defaultSlot",2),l([c.query("#chevron")],exports.SchmancyTree.prototype,"chevron",2),exports.SchmancyTree=l([c.customElement("schmancy-tree")],exports.SchmancyTree);
|
|
27
|
-
//# sourceMappingURL=tree-
|
|
27
|
+
//# sourceMappingURL=tree-DP5U00NA.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-
|
|
1
|
+
{"version":3,"file":"tree-DP5U00NA.cjs","sources":["../src/tree/tree.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { fromEvent, merge, switchMap, takeUntil, tap, zip } from 'rxjs'\n\n/**\n * @element schmancy-tree\n * @slot root - The root element of the tree\n * @slot - The children of the tree\n */\n@customElement('schmancy-tree')\nexport class SchmancyTree extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tbackground-color: initial;\n\t}\n\t::slotted([slot='root']) {\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t}\n\t::slotted([slot='root'] + *) {\n\t\tmargin-top: 0.5rem;\n\t}\n`) {\n\t/**\n\t * Whether the tree’s children are visible\n\t */\n\t@property({ type: Boolean }) open = false\n\n\t@query('#toggler') toggler!: HTMLSlotElement\n\t@query('slot:not([name=\"root\"])') defaultSlot!: HTMLSlotElement\n\n\t// Since it's actually a <schmancy-button>, use HTMLElement or a custom type\n\t@query('#chevron') chevron!: HTMLElement\n\n\tfirstUpdated() {\n\t\t// Hide or show the slot initially based on `open`\n\t\tif (!this.open) {\n\t\t\tthis.defaultSlot.hidden = true\n\t\t}\n\n\t\t// Root toggler\n\t\tconst toggleClick$ = fromEvent<MouseEvent>(this.toggler, 'click').pipe(\n\t\t\ttakeUntil(this.disconnecting),\n\t\t\ttap(e => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(new CustomEvent('toggle', { bubbles: true, composed: true }))\n\t\t\t}),\n\t\t)\n\n\t\t// Chevron (the schmancy-button) click\n\t\tconst chevronClick$ = fromEvent<MouseEvent>(this.chevron, 'click')\n\n\t\tmerge(toggleClick$, chevronClick$)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(() => {\n\t\t\t\t\t// 1. Animate the chevron rotation\n\t\t\t\t\t// If `open` is true, rotate from 180 -> 0; if false, from 0 -> 180\n\t\t\t\t\tconst fromDeg = this.open ? 180 : 0\n\t\t\t\t\tconst toDeg = this.open ? 0 : 180\n\t\t\t\t\tconst chevronAnimation = this.chevron.animate(\n\t\t\t\t\t\t[{ transform: `rotate(${fromDeg}deg)` }, { transform: `rotate(${toDeg}deg)` }],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\t\teasing: 'ease-in',\n\t\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t\t},\n\t\t\t\t\t)\n\n\t\t\t\t\t// 2. Animate the slot’s height + opacity\n\t\t\t\t\tif (!this.open) {\n\t\t\t\t\t\t// We are about to open, so remove `hidden` to measure scrollHeight\n\t\t\t\t\t\tthis.defaultSlot.hidden = false\n\t\t\t\t\t}\n\n\t\t\t\t\tconst fromOpacity = this.open ? 1 : 0\n\t\t\t\t\tconst toOpacity = this.open ? 0 : 1\n\n\t\t\t\t\tconst slotAnimation = this.defaultSlot.animate([{ opacity: fromOpacity }, { opacity: toOpacity }], {\n\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\teasing: 'ease-out',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\t// Hide the slot if we just closed it\n\t\t\t\t\tslotAnimation.onfinish = () => {\n\t\t\t\t\t\tif (this.open) {\n\t\t\t\t\t\t\tthis.defaultSlot.hidden = true\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.defaultSlot.style.height = 'auto'\n\t\t\t\t\t\t\tthis.defaultSlot.style.opacity = '1'\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Return an Observable that completes when both animations finish\n\t\t\t\t\treturn zip(fromEvent(chevronAnimation, 'finish'), fromEvent(slotAnimation, 'finish')).pipe(\n\t\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t\ttap(() => {\n\t\t\t\t\t// Flip the open state\n\t\t\t\t\tthis.open = !this.open\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"flex content-center items-center justify-between\">\n\t\t\t\t<!-- Root toggler content -->\n\t\t\t\t<slot id=\"toggler\" name=\"root\"></slot>\n\n\t\t\t\t<!-- The chevron or arrow symbol -->\n\t\t\t\t<!-- Stop propagation on the schmancy-button itself just to avoid double triggers -->\n\t\t\t\t<schmancy-button slot=\"trailing\" id=\"chevron\" @click=${(e: Event) => e.stopPropagation()}> ⌅ </schmancy-button>\n\t\t\t</div>\n\n\t\t\t<!-- The default slot: tree children -->\n\t\t\t<slot></slot>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tree': SchmancyTree\n\t}\n}\n"],"names":["SchmancyTree","TailwindElement","css","super","arguments","this","open","firstUpdated","defaultSlot","hidden","toggleClick$","fromEvent","toggler","pipe","takeUntil","disconnecting","tap","e","preventDefault","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","chevronClick$","chevron","merge","switchMap","fromDeg","toDeg","chevronAnimation","animate","transform","duration","easing","fill","fromOpacity","toOpacity","slotAnimation","opacity","onfinish","style","height","zip","subscribe","render","html","__decorateClass","property","type","Boolean","prototype","query","customElement"],"mappings":"8aAWaA,QAAAA,aAAN,cAA2BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA3C,CAAA,CAAA,cAAAC,MAAAA,GAAAC,SAAAA,EAiBuBC,KAAAC,KAAAA,EAAO,CAQpC,cAAAC,CAEMF,KAAKC,OACTD,KAAKG,YAAYC,OAAAA,IAIlB,MAAMC,EAAeC,EAAAA,UAAsBN,KAAKO,QAAS,OAAA,EAASC,KACjEC,EAAAA,UAAUT,KAAKU,aAAAA,EACfC,EAAAA,IAAIC,GAAAA,CACHA,EAAEC,iBACFD,EAAEE,gBAAAA,EACFd,KAAKe,cAAc,IAAIC,YAAY,SAAU,CAAEC,WAAeC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,EAKpEC,EAAgBb,EAAAA,UAAsBN,KAAKoB,QAAS,OAAA,EAE1DC,QAAMhB,EAAcc,CAAAA,EAClBX,KACAc,EAAAA,UAAU,IAAA,CAGT,MAAMC,EAAUvB,KAAKC,KAAO,IAAM,EAC5BuB,EAAQxB,KAAKC,KAAO,EAAI,IACxBwB,EAAmBzB,KAAKoB,QAAQM,QACrC,CAAC,CAAEC,UAAW,UAAUJ,CAAAA,MAAAA,EAAiB,CAAEI,UAAW,UAAUH,CAAAA,MAAAA,CAAAA,EAChE,CACCI,SAAU,IACVC,OAAQ,UACRC,KAAM,UAAA,CAAA,EAKH9B,KAAKC,OAETD,KAAKG,YAAYC,WAGlB,MAAM2B,EAAc/B,KAAKC,KAAO,EAAI,EAC9B+B,EAAYhC,KAAKC,KAAO,EAAI,EAE5BgC,EAAgBjC,KAAKG,YAAYuB,QAAQ,CAAC,CAAEQ,QAASH,CAAAA,EAAe,CAAEG,QAASF,CAAAA,CAAAA,EAAc,CAClGJ,SAAU,IACVC,OAAQ,WACRC,KAAM,UAAA,CAAA,EAcP,OAVAG,EAAcE,SAAW,KACpBnC,KAAKC,KACRD,KAAKG,YAAYC,OAAAA,IAEjBJ,KAAKG,YAAYiC,MAAMC,OAAS,OAChCrC,KAAKG,YAAYiC,MAAMF,QAAU,IAAA,EAK5BI,EAAAA,IAAIhC,YAAUmB,EAAkB,UAAWnB,EAAAA,UAAU2B,EAAe,QAAA,CAAA,EAAWzB,KACrFC,EAAAA,UAAUT,KAAKU,aAAAA,CAAAA,CAAAA,CAAAA,EAGjBC,EAAAA,IAAI,IAAA,CAEHX,KAAKC,MAAQD,KAAKC,IAAAA,CAAAA,EAEnBQ,EAAAA,UAAUT,KAAKU,gBAEf6B,UAAAA,CACH,CAEA,QAAAC,CACC,OAAOC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2DAOmD7B,GAAaA,EAAEE,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAM1E,CAAA,EAhG6B4B,EAAA,CAA5BC,WAAS,CAAEC,KAAMC,OAAAA,CAAAA,CAAAA,EAjBNlD,qBAiBiBmD,UAAA,OAAA,GAEVJ,EAAA,CAAlBK,EAAAA,MAAM,UAAA,CAAA,EAnBKpD,qBAmBOmD,UAAA,UAAA,CAAA,EACeJ,EAAA,CAAjCK,EAAAA,MAAM,yBAAA,CAAA,EApBKpD,qBAoBsBmD,UAAA,cAAA,CAAA,EAGfJ,EAAA,CAAlBK,EAAAA,MAAM,UAAA,CAAA,EAvBKpD,qBAuBOmD,UAAA,UAAA,CAAA,EAvBPnD,QAAAA,aAAN+C,EAAA,CADNM,EAAAA,cAAc,eAAA,CAAA,EACFrD"}
|
package/dist/tree.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tree-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tree-DP5U00NA.cjs");Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>e.SchmancyTree});
|
|
2
2
|
//# sourceMappingURL=tree.cjs.map
|
package/dist/tree.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const X=require("./consume-edta5ng5.cjs");require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("lit/decorators.js");require("./tailwind.mixin-UijsBrYW.cjs");const J=require("./litElement.mixin-BVBdv0GP.cjs"),D=require("./delay-BWsVHQib.cjs"),W=require("./intersection-CVvaDv96.cjs"),A=require("lit"),B=s=>Array.isArray(s),M=s=>B(s)?s:[s],j="data-typeit-id",y="ti-cursor",G={started:!1,completed:!1,frozen:!1,destroyed:!1},f={breakLines:!0,cursor:{autoPause:!0,autoPauseDelay:500,animation:{frames:[0,0,1].map(s=>({opacity:s})),options:{iterations:1/0,easing:"steps(2, start)",fill:"forwards"}}},cursorChar:"|",cursorSpeed:1e3,deleteSpeed:null,html:!0,lifeLike:!0,loop:!1,loopDelay:750,nextStringDelay:750,speed:100,startDelay:250,startDelete:!1,strings:[],waitUntilVisible:!1,beforeString:()=>{},afterString:()=>{},beforeStep:()=>{},afterStep:()=>{},afterComplete:()=>{}},Z=`[${j}]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}`,E=s=>document.createElement(s),q=s=>document.createTextNode(s),_=(s,e="")=>{let t=E("style");t.id=e,t.appendChild(q(s)),document.head.appendChild(t)},$=s=>(B(s)||(s=[s/2,s/2]),s),z=(s,e)=>Math.abs(Math.random()*(s+e-(s-e))+(s-e));let O=s=>s/2;const K=s=>Array.from(s);let x=s=>([...s.childNodes].forEach(e=>{if(e.nodeValue)return[...e.nodeValue].forEach(t=>{e.parentNode.insertBefore(q(t),e)}),void e.remove();x(e)}),s);const Q=s=>{let e=document.implementation.createHTMLDocument();return e.body.innerHTML=s,x(e.body)};function Y(s,e=!1,t=!1){let i,r=s.querySelector(`.${y}`),n=document.createTreeWalker(s,NodeFilter.SHOW_ALL,{acceptNode:a=>{if(r&&t){if(a.classList?.contains(y))return NodeFilter.FILTER_ACCEPT;if(r.contains(a))return NodeFilter.FILTER_REJECT}return a.classList?.contains(y)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),o=[];for(;i=n.nextNode();)i.originalParent||(i.originalParent=i.parentNode),o.push(i);return e?o.reverse():o}function ee(s,e=!0){return e?Y(Q(s)):K(s).map(q)}const te=({index:s,newIndex:e,queueItems:t,cleanUp:i})=>{for(let r=s+1;r<e+1;r++)i(t[r][0])},U=s=>Number.isInteger(s),H=({queueItems:s,selector:e,cursorPosition:t,to:i})=>{if(U(e))return-1*e;let r=new RegExp("END","i").test(i),n=e?[...s].reverse().findIndex(({char:o})=>{let a=o.parentElement,u=a.matches(e);return!(!r||!u)||u&&a.firstChild.isSameNode(o)}):-1;return n<0&&(n=r?0:s.length-1),n-t+(r?0:1)},T=(s,e)=>new Array(e).fill(s);let v=s=>new Promise(e=>{requestAnimationFrame(async()=>{e(await s())})}),F=s=>s?.getAnimations().find(e=>e.id===s.dataset.tiAnimationId),V=({cursor:s,frames:e,options:t})=>{let i=s.animate(e,t);return i.pause(),i.id=s.dataset.tiAnimationId,v(()=>{v(()=>{i.play()})}),i},R=s=>s.func?.call(null),se=async({index:s,queueItems:e,wait:t,cursor:i,cursorOptions:r})=>{let n=e[s][1],o=[],a=s,u=n,h=()=>u&&!u.delay,l=n.shouldPauseCursor()&&r.autoPause;for(;h();)o.push(u),h()&&a++,u=e[a]?e[a][1]:null;if(o.length)return await v(async()=>{for(let b of o)await R(b)}),a-1;let c,m=F(i);return m&&(c={...m.effect.getComputedTiming(),delay:l?r.autoPauseDelay:0}),await t(async()=>{m&&l&&m.cancel(),await v(()=>{R(n)})},n.delay),await(({cursor:b,options:k,cursorOptions:N})=>{if(!b||!N)return;let P,I=F(b);I&&(k.delay=I.effect.getComputedTiming().delay,P=I.currentTime,I.cancel());let L=V({cursor:b,frames:N.animation.frames,options:k});return P&&(L.currentTime=P),L})({cursor:i,options:c,cursorOptions:r}),s};const C=s=>"value"in s;let g=s=>typeof s=="function"?s():s,S=(s,e=document,t=!1)=>e["querySelector"+(t?"All":"")](s);const w=(s,e)=>Object.assign({},s,e);let ie={"font-family":"","font-weight":"","font-size":"","font-style":"","line-height":"",color:"",transform:"translateX(-.125em)"};class re{element;timeouts;cursorPosition;predictedCursorPosition;statuses={started:!1,completed:!1,frozen:!1,destroyed:!1,firing:!1};opts;id;queue;cursor;flushCallback=null;unfreeze=()=>{};constructor(e,t={}){var i;this.opts=w(f,t),this.element=typeof(i=e)=="string"?S(i):i,this.timeouts=[],this.cursorPosition=0,this.unfreeze=()=>{},this.predictedCursorPosition=null,this.statuses=w({},G),this.id=Math.random().toString().substring(2,9),this.queue=(function(r){let n=function(l){return M(l).forEach(c=>h.set(Symbol(c.char?.innerText),o({...c}))),this},o=l=>(l.shouldPauseCursor=function(){return!!(this.typeable||this.cursorable||this.deletable)},l),a=()=>h,u=()=>Array.from(h.values()),h=new Map;return n(r),{add:n,set:function(l,c){let m=[...h.keys()];h.set(m[l],o(c))},wipe:function(){h=new Map,n(r)},done:(l,c=!1)=>c?h.delete(l):h.get(l).done=!0,reset:function(){h.forEach(l=>delete l.done)},destroy:l=>h.delete(l),getItems:(l=!1)=>l?u():u().filter(c=>!c.done),getQueue:a,getTypeable:()=>u().filter(l=>l.typeable),getPendingQueueItems:()=>{const l=[];for(let[,c]of a())c.done||l.push(c);return l}}})([{delay:this.opts.startDelay}]),this.#C(t),this.cursor=this.#v(),this.element.dataset.typeitId=this.id,_(Z),this.opts.strings.length&&this.#T()}go(){return this.statuses.started?this:(this.#m(),this.opts.waitUntilVisible?(e=this.element,t=this.#i.bind(this),new IntersectionObserver((i,r)=>{i.forEach(n=>{n.isIntersecting&&(t(),r.unobserve(e))})},{threshold:1}).observe(e),this):(this.#i(),this));var e,t}destroy(e=!0){this.timeouts=(this.timeouts.forEach(clearTimeout),[]),g(e)&&this.cursor&&this.#c(this.cursor),this.statuses.destroyed=!0}reset(e){!this.is("destroyed")&&this.destroy(),e?(this.queue.wipe(),e(this)):this.queue.reset(),this.cursorPosition=0;for(let t in this.statuses)this.statuses[t]=!1;return this.element[this.#u()?"value":"innerHTML"]="",this}is=function(e){return this.statuses[e]};type(e,t={}){e=g(e);let{instant:i}=t,r=this.#r(t),n=ee(e,this.opts.html).map(a=>{return{func:()=>this.#h(a),char:a,delay:i||(u=a,/<(.+)>(.*?)<\/(.+)>/.test(u.outerHTML))?0:this.#s(),typeable:a.nodeType===Node.TEXT_NODE};var u}),o=[r[0],{func:async()=>await this.opts.beforeString(e,this)},...n,{func:async()=>await this.opts.afterString(e,this)},r[1]];return this.#e(o,t)}break(e={}){return this.#e({func:()=>this.#h(E("BR")),typeable:!0},e)}move(e,t={}){e=g(e);let i=this.#r(t),{instant:r,to:n}=t,o=H({queueItems:this.queue.getTypeable(),selector:e===null?"":e,to:n,cursorPosition:this.#a}),a=o<0?-1:1;return this.predictedCursorPosition=this.#a+o,this.#e([i[0],...T({func:()=>this.#p(a),delay:r?0:this.#s(),cursorable:!0},Math.abs(o)),i[1]],t)}exec(e,t={}){let i=this.#r(t);return this.#e([i[0],{func:()=>e(this)},i[1]],t)}options(e,t={}){return e=g(e),this.#n(e),this.#e({},t)}pause(e,t={}){return this.#e({delay:g(e)},t)}delete(e=null,t={}){e=g(e);let i=this.#r(t),r=e,{instant:n,to:o}=t,a=this.queue.getTypeable(),u=r===null?a.length:U(r)?r:H({queueItems:a,selector:r,cursorPosition:this.#a,to:o});return this.#e([i[0],...T({func:this.#o.bind(this),delay:n?0:this.#s(1),deletable:!0},u),i[1]],t)}freeze(){this.statuses.frozen=!0}flush(e=null){return this.flushCallback=e||this.flushCallback,this.statuses.firing||(this.#m(),this.#i(!1).then(()=>{if(this.queue.getPendingQueueItems().length>0)return this.flush();this.flushCallback(),this.flushCallback=null})),this}getQueue(){return this.queue}getOptions(){return this.opts}updateOptions(e){return this.#n(e)}getElement(){return this.element}empty(e={}){return this.#e({func:this.#b.bind(this)},e)}async#b(){this.#u()?this.element.value="":this.#t.forEach(this.#c.bind(this))}async#i(e=!0){this.statuses.started=!0,this.statuses.firing=!0;let t=i=>{this.queue.done(i,!e)};try{let i=[...this.queue.getQueue()];for(let n=0;n<i.length;n++){let[o,a]=i[n];if(!a.done){if(!a.deletable||a.deletable&&this.#t.length){let u=await this.#d(n,i);te({index:n,newIndex:u,queueItems:i,cleanUp:t}),n=u}t(o)}}if(!e)return this.statuses.firing=!1,this;if(this.statuses.completed=!0,this.statuses.firing=!1,await this.opts.afterComplete(this),!this.opts.loop)throw"";let r=this.opts.loopDelay;this.#y(async()=>{await this.#w(r[0]),this.#i()},r[1])}catch{}return this.statuses.firing=!1,this}async#p(e){var t,i,r;this.cursorPosition=(t=e,i=this.cursorPosition,r=this.#t,Math.min(Math.max(i+t,0),r.length)),((n,o,a)=>{let u=o[a-1],h=S(`.${y}`,n);(n=u?.parentNode||n).insertBefore(h,u||null)})(this.element,this.#t,this.cursorPosition)}async#w(e){let t=this.#a;t&&await this.#p({value:t});let i=this.#t.map(r=>[Symbol(),{func:this.#o.bind(this),delay:this.#s(1),deletable:!0,shouldPauseCursor:()=>!0}]);for(let r=0;r<i.length;r++)await this.#d(r,i);this.queue.reset(),this.queue.set(0,{delay:e})}#d(e,t){return se({index:e,queueItems:t,wait:this.#y.bind(this),cursor:this.cursor,cursorOptions:this.opts.cursor})}async#y(e,t,i=!1){this.statuses.frozen&&await new Promise(r=>{this.unfreeze=()=>{this.statuses.frozen=!1,r()}}),i||await this.opts.beforeStep(this),await((r,n,o)=>new Promise(a=>{o.push(setTimeout(async()=>{await r(),a()},n||0))}))(e,t,this.timeouts),i||await this.opts.afterStep(this)}async#m(){if(!this.#u()&&this.cursor&&this.element.appendChild(this.cursor),this.#g){((r,n)=>{let o=`[${j}='${r}'] .${y}`,a=getComputedStyle(n),u=Object.entries(ie).reduce((h,[l,c])=>`${h} ${l}: var(--ti-cursor-${l}, ${c||a[l]});`,"");_(`${o} { display: inline-block; width: 0; ${u} }`,r)})(this.id,this.element),this.cursor.dataset.tiAnimationId=this.id;let{animation:e}=this.opts.cursor,{frames:t,options:i}=e;V({frames:t,cursor:this.cursor,options:{duration:this.opts.cursorSpeed,...i}})}}#u(){return C(this.element)}#e(e,t){return this.queue.add(e),this.#I(t),this}#I(e={}){let t=e.delay;t&&this.queue.add({delay:t})}#r(e={}){return[{func:()=>this.#n(e)},{func:()=>this.#n(this.opts)}]}async#n(e){this.opts=w(this.opts,e)}#T(){let e=this.opts.strings.filter(t=>!!t);e.forEach((t,i)=>{if(this.type(t),i+1===e.length)return;let r=this.opts.breakLines?[{func:()=>this.#h(E("BR")),typeable:!0}]:T({func:this.#o.bind(this),delay:this.#s(1)},this.queue.getTypeable().length);this.#f(r)})}#C=e=>{this.opts.cursor=(t=>{if(typeof t=="object"){let i={},{frames:r,options:n}=f.cursor.animation;return i.animation=t.animation||{},i.animation.frames=t.animation?.frames||r,i.animation.options=w(n,t.animation?.options||{}),i.autoPause=t.autoPause??f.cursor.autoPause,i.autoPauseDelay=t.autoPauseDelay||f.cursor.autoPauseDelay,i}return t===!0?f.cursor:t})(e.cursor??f.cursor),this.opts.strings=this.#E(M(this.opts.strings)),this.opts=w(this.opts,{html:!this.#l&&this.opts.html,nextStringDelay:$(this.opts.nextStringDelay),loopDelay:$(this.opts.loopDelay)})};#E(e){let t=this.element.innerHTML;return t?(this.element.innerHTML="",this.opts.startDelete?(this.element.innerHTML=t,x(this.element),this.#f(T({func:this.#o.bind(this),delay:this.#s(1),deletable:!0},this.#t.length)),e):(i=t,i.replace(/<!--(.+?)-->/g,"").trim().split(/<br(?:\s*?)(?:\/)?>/)).concat(e)):e;var i}#v(){if(this.#l)return null;let e=E("span");return e.className=y,this.#g?(e.innerHTML=Q(this.opts.cursorChar).innerHTML,e):(e.style.visibility="hidden",e)}#f(e){let t=this.opts.nextStringDelay;this.queue.add([{delay:t[0]},...e,{delay:t[1]}])}#h(e){((t,i)=>{if(C(t))return void(t.value=`${t.value}${i.textContent}`);i.innerHTML="";let r=(n=i.originalParent,/body/i.test(n?.tagName)?t:i.originalParent||t);var n;let o=S("."+y,r)||null;o&&o.parentElement!==r&&(r=o.parentElement),r.insertBefore(i,o)})(this.element,e)}#o(){this.#t.length&&(this.#l?this.element.value=this.element.value.slice(0,-1):this.#c(this.#t[this.cursorPosition]))}#c(e){((t,i)=>{if(!t)return;let r=t.parentNode;(r.childNodes.length>1||r.isSameNode(i)?t:r).remove()})(e,this.element)}#s(e=0){return(function(t){let{speed:i,deleteSpeed:r,lifeLike:n}=t;return r=r!==null?r:i/3,n?[z(i,O(i)),z(r,O(r))]:[i,r]})(this.opts)[e]}get#a(){return this.predictedCursorPosition??this.cursorPosition}get#l(){return C(this.element)}get#g(){return!!this.opts.cursor&&!this.#l}get#t(){return e=this.element,C(e)?K(e.value):Y(e,!0).filter(t=>!(t.childNodes.length>0));var e}}var ne=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,d=(s,e,t,i)=>{for(var r,n=i>1?void 0:i?oe(e,t):e,o=s.length-1;o>=0;o--)(r=s[o])&&(n=(i?r(e,t,n):r(n))||n);return i&&n&&ne(e,t,n),n};exports.TypewriterElement=class extends J.$LitElement(A.css`
|
|
1
|
+
"use strict";const X=require("./consume-edta5ng5.cjs");require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("lit/decorators.js");require("./tailwind.mixin-Cp4PyXok.cjs");const J=require("./litElement.mixin-CrpeGpZ7.cjs"),D=require("./delay-CWtBL0VD.cjs"),W=require("./intersection-CVvaDv96.cjs"),A=require("lit"),B=s=>Array.isArray(s),M=s=>B(s)?s:[s],j="data-typeit-id",y="ti-cursor",G={started:!1,completed:!1,frozen:!1,destroyed:!1},f={breakLines:!0,cursor:{autoPause:!0,autoPauseDelay:500,animation:{frames:[0,0,1].map(s=>({opacity:s})),options:{iterations:1/0,easing:"steps(2, start)",fill:"forwards"}}},cursorChar:"|",cursorSpeed:1e3,deleteSpeed:null,html:!0,lifeLike:!0,loop:!1,loopDelay:750,nextStringDelay:750,speed:100,startDelay:250,startDelete:!1,strings:[],waitUntilVisible:!1,beforeString:()=>{},afterString:()=>{},beforeStep:()=>{},afterStep:()=>{},afterComplete:()=>{}},Z=`[${j}]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}`,E=s=>document.createElement(s),q=s=>document.createTextNode(s),_=(s,e="")=>{let t=E("style");t.id=e,t.appendChild(q(s)),document.head.appendChild(t)},$=s=>(B(s)||(s=[s/2,s/2]),s),z=(s,e)=>Math.abs(Math.random()*(s+e-(s-e))+(s-e));let O=s=>s/2;const K=s=>Array.from(s);let x=s=>([...s.childNodes].forEach(e=>{if(e.nodeValue)return[...e.nodeValue].forEach(t=>{e.parentNode.insertBefore(q(t),e)}),void e.remove();x(e)}),s);const Q=s=>{let e=document.implementation.createHTMLDocument();return e.body.innerHTML=s,x(e.body)};function Y(s,e=!1,t=!1){let i,r=s.querySelector(`.${y}`),n=document.createTreeWalker(s,NodeFilter.SHOW_ALL,{acceptNode:a=>{if(r&&t){if(a.classList?.contains(y))return NodeFilter.FILTER_ACCEPT;if(r.contains(a))return NodeFilter.FILTER_REJECT}return a.classList?.contains(y)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),o=[];for(;i=n.nextNode();)i.originalParent||(i.originalParent=i.parentNode),o.push(i);return e?o.reverse():o}function ee(s,e=!0){return e?Y(Q(s)):K(s).map(q)}const te=({index:s,newIndex:e,queueItems:t,cleanUp:i})=>{for(let r=s+1;r<e+1;r++)i(t[r][0])},U=s=>Number.isInteger(s),H=({queueItems:s,selector:e,cursorPosition:t,to:i})=>{if(U(e))return-1*e;let r=new RegExp("END","i").test(i),n=e?[...s].reverse().findIndex(({char:o})=>{let a=o.parentElement,u=a.matches(e);return!(!r||!u)||u&&a.firstChild.isSameNode(o)}):-1;return n<0&&(n=r?0:s.length-1),n-t+(r?0:1)},T=(s,e)=>new Array(e).fill(s);let v=s=>new Promise(e=>{requestAnimationFrame(async()=>{e(await s())})}),F=s=>s?.getAnimations().find(e=>e.id===s.dataset.tiAnimationId),V=({cursor:s,frames:e,options:t})=>{let i=s.animate(e,t);return i.pause(),i.id=s.dataset.tiAnimationId,v(()=>{v(()=>{i.play()})}),i},R=s=>s.func?.call(null),se=async({index:s,queueItems:e,wait:t,cursor:i,cursorOptions:r})=>{let n=e[s][1],o=[],a=s,u=n,h=()=>u&&!u.delay,l=n.shouldPauseCursor()&&r.autoPause;for(;h();)o.push(u),h()&&a++,u=e[a]?e[a][1]:null;if(o.length)return await v(async()=>{for(let b of o)await R(b)}),a-1;let c,m=F(i);return m&&(c={...m.effect.getComputedTiming(),delay:l?r.autoPauseDelay:0}),await t(async()=>{m&&l&&m.cancel(),await v(()=>{R(n)})},n.delay),await(({cursor:b,options:k,cursorOptions:N})=>{if(!b||!N)return;let P,I=F(b);I&&(k.delay=I.effect.getComputedTiming().delay,P=I.currentTime,I.cancel());let L=V({cursor:b,frames:N.animation.frames,options:k});return P&&(L.currentTime=P),L})({cursor:i,options:c,cursorOptions:r}),s};const C=s=>"value"in s;let g=s=>typeof s=="function"?s():s,S=(s,e=document,t=!1)=>e["querySelector"+(t?"All":"")](s);const w=(s,e)=>Object.assign({},s,e);let ie={"font-family":"","font-weight":"","font-size":"","font-style":"","line-height":"",color:"",transform:"translateX(-.125em)"};class re{element;timeouts;cursorPosition;predictedCursorPosition;statuses={started:!1,completed:!1,frozen:!1,destroyed:!1,firing:!1};opts;id;queue;cursor;flushCallback=null;unfreeze=()=>{};constructor(e,t={}){var i;this.opts=w(f,t),this.element=typeof(i=e)=="string"?S(i):i,this.timeouts=[],this.cursorPosition=0,this.unfreeze=()=>{},this.predictedCursorPosition=null,this.statuses=w({},G),this.id=Math.random().toString().substring(2,9),this.queue=(function(r){let n=function(l){return M(l).forEach(c=>h.set(Symbol(c.char?.innerText),o({...c}))),this},o=l=>(l.shouldPauseCursor=function(){return!!(this.typeable||this.cursorable||this.deletable)},l),a=()=>h,u=()=>Array.from(h.values()),h=new Map;return n(r),{add:n,set:function(l,c){let m=[...h.keys()];h.set(m[l],o(c))},wipe:function(){h=new Map,n(r)},done:(l,c=!1)=>c?h.delete(l):h.get(l).done=!0,reset:function(){h.forEach(l=>delete l.done)},destroy:l=>h.delete(l),getItems:(l=!1)=>l?u():u().filter(c=>!c.done),getQueue:a,getTypeable:()=>u().filter(l=>l.typeable),getPendingQueueItems:()=>{const l=[];for(let[,c]of a())c.done||l.push(c);return l}}})([{delay:this.opts.startDelay}]),this.#C(t),this.cursor=this.#v(),this.element.dataset.typeitId=this.id,_(Z),this.opts.strings.length&&this.#T()}go(){return this.statuses.started?this:(this.#m(),this.opts.waitUntilVisible?(e=this.element,t=this.#i.bind(this),new IntersectionObserver((i,r)=>{i.forEach(n=>{n.isIntersecting&&(t(),r.unobserve(e))})},{threshold:1}).observe(e),this):(this.#i(),this));var e,t}destroy(e=!0){this.timeouts=(this.timeouts.forEach(clearTimeout),[]),g(e)&&this.cursor&&this.#c(this.cursor),this.statuses.destroyed=!0}reset(e){!this.is("destroyed")&&this.destroy(),e?(this.queue.wipe(),e(this)):this.queue.reset(),this.cursorPosition=0;for(let t in this.statuses)this.statuses[t]=!1;return this.element[this.#u()?"value":"innerHTML"]="",this}is=function(e){return this.statuses[e]};type(e,t={}){e=g(e);let{instant:i}=t,r=this.#r(t),n=ee(e,this.opts.html).map(a=>{return{func:()=>this.#h(a),char:a,delay:i||(u=a,/<(.+)>(.*?)<\/(.+)>/.test(u.outerHTML))?0:this.#s(),typeable:a.nodeType===Node.TEXT_NODE};var u}),o=[r[0],{func:async()=>await this.opts.beforeString(e,this)},...n,{func:async()=>await this.opts.afterString(e,this)},r[1]];return this.#e(o,t)}break(e={}){return this.#e({func:()=>this.#h(E("BR")),typeable:!0},e)}move(e,t={}){e=g(e);let i=this.#r(t),{instant:r,to:n}=t,o=H({queueItems:this.queue.getTypeable(),selector:e===null?"":e,to:n,cursorPosition:this.#a}),a=o<0?-1:1;return this.predictedCursorPosition=this.#a+o,this.#e([i[0],...T({func:()=>this.#p(a),delay:r?0:this.#s(),cursorable:!0},Math.abs(o)),i[1]],t)}exec(e,t={}){let i=this.#r(t);return this.#e([i[0],{func:()=>e(this)},i[1]],t)}options(e,t={}){return e=g(e),this.#n(e),this.#e({},t)}pause(e,t={}){return this.#e({delay:g(e)},t)}delete(e=null,t={}){e=g(e);let i=this.#r(t),r=e,{instant:n,to:o}=t,a=this.queue.getTypeable(),u=r===null?a.length:U(r)?r:H({queueItems:a,selector:r,cursorPosition:this.#a,to:o});return this.#e([i[0],...T({func:this.#o.bind(this),delay:n?0:this.#s(1),deletable:!0},u),i[1]],t)}freeze(){this.statuses.frozen=!0}flush(e=null){return this.flushCallback=e||this.flushCallback,this.statuses.firing||(this.#m(),this.#i(!1).then(()=>{if(this.queue.getPendingQueueItems().length>0)return this.flush();this.flushCallback(),this.flushCallback=null})),this}getQueue(){return this.queue}getOptions(){return this.opts}updateOptions(e){return this.#n(e)}getElement(){return this.element}empty(e={}){return this.#e({func:this.#b.bind(this)},e)}async#b(){this.#u()?this.element.value="":this.#t.forEach(this.#c.bind(this))}async#i(e=!0){this.statuses.started=!0,this.statuses.firing=!0;let t=i=>{this.queue.done(i,!e)};try{let i=[...this.queue.getQueue()];for(let n=0;n<i.length;n++){let[o,a]=i[n];if(!a.done){if(!a.deletable||a.deletable&&this.#t.length){let u=await this.#d(n,i);te({index:n,newIndex:u,queueItems:i,cleanUp:t}),n=u}t(o)}}if(!e)return this.statuses.firing=!1,this;if(this.statuses.completed=!0,this.statuses.firing=!1,await this.opts.afterComplete(this),!this.opts.loop)throw"";let r=this.opts.loopDelay;this.#y(async()=>{await this.#w(r[0]),this.#i()},r[1])}catch{}return this.statuses.firing=!1,this}async#p(e){var t,i,r;this.cursorPosition=(t=e,i=this.cursorPosition,r=this.#t,Math.min(Math.max(i+t,0),r.length)),((n,o,a)=>{let u=o[a-1],h=S(`.${y}`,n);(n=u?.parentNode||n).insertBefore(h,u||null)})(this.element,this.#t,this.cursorPosition)}async#w(e){let t=this.#a;t&&await this.#p({value:t});let i=this.#t.map(r=>[Symbol(),{func:this.#o.bind(this),delay:this.#s(1),deletable:!0,shouldPauseCursor:()=>!0}]);for(let r=0;r<i.length;r++)await this.#d(r,i);this.queue.reset(),this.queue.set(0,{delay:e})}#d(e,t){return se({index:e,queueItems:t,wait:this.#y.bind(this),cursor:this.cursor,cursorOptions:this.opts.cursor})}async#y(e,t,i=!1){this.statuses.frozen&&await new Promise(r=>{this.unfreeze=()=>{this.statuses.frozen=!1,r()}}),i||await this.opts.beforeStep(this),await((r,n,o)=>new Promise(a=>{o.push(setTimeout(async()=>{await r(),a()},n||0))}))(e,t,this.timeouts),i||await this.opts.afterStep(this)}async#m(){if(!this.#u()&&this.cursor&&this.element.appendChild(this.cursor),this.#g){((r,n)=>{let o=`[${j}='${r}'] .${y}`,a=getComputedStyle(n),u=Object.entries(ie).reduce((h,[l,c])=>`${h} ${l}: var(--ti-cursor-${l}, ${c||a[l]});`,"");_(`${o} { display: inline-block; width: 0; ${u} }`,r)})(this.id,this.element),this.cursor.dataset.tiAnimationId=this.id;let{animation:e}=this.opts.cursor,{frames:t,options:i}=e;V({frames:t,cursor:this.cursor,options:{duration:this.opts.cursorSpeed,...i}})}}#u(){return C(this.element)}#e(e,t){return this.queue.add(e),this.#I(t),this}#I(e={}){let t=e.delay;t&&this.queue.add({delay:t})}#r(e={}){return[{func:()=>this.#n(e)},{func:()=>this.#n(this.opts)}]}async#n(e){this.opts=w(this.opts,e)}#T(){let e=this.opts.strings.filter(t=>!!t);e.forEach((t,i)=>{if(this.type(t),i+1===e.length)return;let r=this.opts.breakLines?[{func:()=>this.#h(E("BR")),typeable:!0}]:T({func:this.#o.bind(this),delay:this.#s(1)},this.queue.getTypeable().length);this.#f(r)})}#C=e=>{this.opts.cursor=(t=>{if(typeof t=="object"){let i={},{frames:r,options:n}=f.cursor.animation;return i.animation=t.animation||{},i.animation.frames=t.animation?.frames||r,i.animation.options=w(n,t.animation?.options||{}),i.autoPause=t.autoPause??f.cursor.autoPause,i.autoPauseDelay=t.autoPauseDelay||f.cursor.autoPauseDelay,i}return t===!0?f.cursor:t})(e.cursor??f.cursor),this.opts.strings=this.#E(M(this.opts.strings)),this.opts=w(this.opts,{html:!this.#l&&this.opts.html,nextStringDelay:$(this.opts.nextStringDelay),loopDelay:$(this.opts.loopDelay)})};#E(e){let t=this.element.innerHTML;return t?(this.element.innerHTML="",this.opts.startDelete?(this.element.innerHTML=t,x(this.element),this.#f(T({func:this.#o.bind(this),delay:this.#s(1),deletable:!0},this.#t.length)),e):(i=t,i.replace(/<!--(.+?)-->/g,"").trim().split(/<br(?:\s*?)(?:\/)?>/)).concat(e)):e;var i}#v(){if(this.#l)return null;let e=E("span");return e.className=y,this.#g?(e.innerHTML=Q(this.opts.cursorChar).innerHTML,e):(e.style.visibility="hidden",e)}#f(e){let t=this.opts.nextStringDelay;this.queue.add([{delay:t[0]},...e,{delay:t[1]}])}#h(e){((t,i)=>{if(C(t))return void(t.value=`${t.value}${i.textContent}`);i.innerHTML="";let r=(n=i.originalParent,/body/i.test(n?.tagName)?t:i.originalParent||t);var n;let o=S("."+y,r)||null;o&&o.parentElement!==r&&(r=o.parentElement),r.insertBefore(i,o)})(this.element,e)}#o(){this.#t.length&&(this.#l?this.element.value=this.element.value.slice(0,-1):this.#c(this.#t[this.cursorPosition]))}#c(e){((t,i)=>{if(!t)return;let r=t.parentNode;(r.childNodes.length>1||r.isSameNode(i)?t:r).remove()})(e,this.element)}#s(e=0){return(function(t){let{speed:i,deleteSpeed:r,lifeLike:n}=t;return r=r!==null?r:i/3,n?[z(i,O(i)),z(r,O(r))]:[i,r]})(this.opts)[e]}get#a(){return this.predictedCursorPosition??this.cursorPosition}get#l(){return C(this.element)}get#g(){return!!this.opts.cursor&&!this.#l}get#t(){return e=this.element,C(e)?K(e.value):Y(e,!0).filter(t=>!(t.childNodes.length>0));var e}}var ne=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,d=(s,e,t,i)=>{for(var r,n=i>1?void 0:i?oe(e,t):e,o=s.length-1;o>=0;o--)(r=s[o])&&(n=(i?r(e,t,n):r(n))||n);return i&&n&&ne(e,t,n),n};exports.TypewriterElement=class extends J.$LitElement(A.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: inline-block;
|
|
4
4
|
}
|
|
@@ -121,4 +121,4 @@
|
|
|
121
121
|
@slotchange=${()=>{this._startTyping()}}
|
|
122
122
|
></slot>
|
|
123
123
|
</div> `}},d([p.property({type:Number})],exports.TypewriterElement.prototype,"speed",2),d([X.c({context:D.delayContext,subscribe:!0}),p.property({type:Number})],exports.TypewriterElement.prototype,"delay",2),d([p.property({type:Boolean})],exports.TypewriterElement.prototype,"autoStart",2),d([p.property({type:String})],exports.TypewriterElement.prototype,"cursorChar",2),d([p.property({type:Number})],exports.TypewriterElement.prototype,"deleteSpeed",2),d([p.property({type:Boolean})],exports.TypewriterElement.prototype,"once",2),d([p.property({type:Boolean})],exports.TypewriterElement.prototype,"loop",2),d([p.property({type:Number})],exports.TypewriterElement.prototype,"cyclePause",2),d([p.query("#typewriter")],exports.TypewriterElement.prototype,"typewriterContainer",2),d([p.queryAssignedNodes({flatten:!0})],exports.TypewriterElement.prototype,"_getSlottedNodes",2),d([p.queryAssignedElements({flatten:!0})],exports.TypewriterElement.prototype,"_getSlottedElements",2),exports.TypewriterElement=d([p.customElement("schmancy-typewriter")],exports.TypewriterElement);
|
|
124
|
-
//# sourceMappingURL=typewriter-
|
|
124
|
+
//# sourceMappingURL=typewriter-C6kFjLcX.cjs.map
|