@ionic/core 9.0.9-nightly.20261021 → 9.0.10-dev.11792788258.1f71cfee
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/components/index.js +1 -1
- package/components/ion-accordion.js +1 -1
- package/components/ion-action-sheet.js +1 -1
- package/components/ion-alert.js +1 -1
- package/components/ion-app.js +1 -1
- package/components/ion-back-button.js +1 -1
- package/components/ion-breadcrumb.js +1 -1
- package/components/ion-button.js +1 -1
- package/components/ion-card.js +1 -1
- package/components/ion-checkbox.js +1 -1
- package/components/ion-col.js +1 -1
- package/components/ion-content.js +1 -1
- package/components/ion-datetime-button.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-fab-button.js +1 -1
- package/components/ion-footer.js +1 -1
- package/components/ion-header.js +1 -1
- package/components/ion-img.js +1 -1
- package/components/ion-infinite-scroll.js +1 -1
- package/components/ion-input-otp.js +1 -1
- package/components/ion-input-password-toggle.js +1 -1
- package/components/ion-input.js +1 -1
- package/components/ion-item-options.js +1 -1
- package/components/ion-item-sliding.js +1 -1
- package/components/ion-item.js +1 -1
- package/components/ion-label.js +1 -1
- package/components/ion-loading.js +1 -1
- package/components/ion-menu-button.js +1 -1
- package/components/ion-menu-toggle.js +1 -1
- package/components/ion-menu.js +1 -1
- package/components/ion-modal.js +1 -1
- package/components/ion-nav.js +1 -1
- package/components/ion-picker-column-option.js +1 -1
- package/components/ion-picker-column.js +1 -1
- package/components/ion-picker.js +1 -1
- package/components/ion-popover.js +1 -1
- package/components/ion-progress-bar.js +1 -1
- package/components/ion-radio-group.js +1 -1
- package/components/ion-radio.js +1 -1
- package/components/ion-range.js +1 -1
- package/components/ion-refresher-content.js +1 -1
- package/components/ion-refresher.js +1 -1
- package/components/ion-reorder-group.js +1 -1
- package/components/ion-router-outlet.js +1 -1
- package/components/ion-router.js +1 -1
- package/components/ion-searchbar.js +1 -1
- package/components/ion-segment-button.js +1 -1
- package/components/ion-segment-view.js +1 -1
- package/components/ion-segment.js +1 -1
- package/components/ion-select-modal.js +1 -1
- package/components/ion-select-popover.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/ion-tab-button.js +1 -1
- package/components/ion-tab.js +1 -1
- package/components/ion-textarea.js +1 -1
- package/components/ion-title.js +1 -1
- package/components/ion-toast.js +1 -1
- package/components/ion-toggle.js +1 -1
- package/components/{p-GpqwNbxf.js → p-07wRJfkt.js} +1 -1
- package/components/{p-BqyLLYLm.js → p-3avHDbEF.js} +1 -1
- package/components/{p-r59A3wQk.js → p-7NbIvzb4.js} +1 -1
- package/components/p-B3dSuofL.js +4 -0
- package/components/{p-DD92Fw3n.js → p-BBsseItU.js} +1 -1
- package/components/{p-DBtFJlTi.js → p-BT2InaHz.js} +1 -1
- package/components/p-BWbz71uB.js +4 -0
- package/{dist/ionic/p-nCAPr1Ah.js → components/p-BZ1k9WL7.js} +1 -1
- package/components/{p-jsVMT15X.js → p-BrrMFd9K.js} +1 -1
- package/components/{p-C_gnmBt2.js → p-C-SO5kIs.js} +1 -1
- package/components/p-C0TdbIVo.js +4 -0
- package/components/p-C6Y0cCH_.js +4 -0
- package/components/{p-ZrYBjOcc.js → p-C8BAigo3.js} +1 -1
- package/components/p-CCFj0kgH.js +4 -0
- package/components/p-CRb2xRCz.js +4 -0
- package/components/{p-B4IBdPVJ.js → p-CUQjkOdi.js} +1 -1
- package/components/{p-V1THdfzs.js → p-D5_mEbGJ.js} +1 -1
- package/components/{p-B02CcbPD.js → p-D8FyR2IB.js} +1 -1
- package/components/p-DLEJ61lJ.js +4 -0
- package/components/p-DRm4t-by.js +4 -0
- package/components/{p-ODGeXc3M.js → p-DTGCMApY.js} +1 -1
- package/components/p-D_U0pDe5.js +4 -0
- package/components/p-DaW9OZ6S.js +4 -0
- package/components/{p-CKiqp4Vl.js → p-Dah8BCNg.js} +1 -1
- package/components/p-DaojW_d_.js +4 -0
- package/components/{p-Dojwmvde.js → p-Dj4J3LkD.js} +1 -1
- package/components/{p-CxEV3Vwy.js → p-DnBabjgY.js} +1 -1
- package/components/p-Ds5vN3iu.js +4 -0
- package/components/{p-CKTjkpAq.js → p-DwTzX8Vi.js} +1 -1
- package/components/{p-yGD6MBgf.js → p-Dy7x-KDF.js} +1 -1
- package/components/{p-DfDIY2oP.js → p-LkEGRiq0.js} +1 -1
- package/components/{p--cshUOAU.js → p-PkD1iLNN.js} +1 -1
- package/components/p-RhI78AKb.js +4 -0
- package/components/{p-DDI6VLW9.js → p-kKGBuIkf.js} +1 -1
- package/components/p-z-EWo6r-.js +4 -0
- package/dist/cjs/{animation-DcgLg_PI.js → animation-UiXhXV49.js} +1 -1
- package/dist/cjs/{attribute-controller-BjTE2TOf.js → attribute-controller-0-lwbVEj.js} +1 -1
- package/dist/cjs/{button-active-FdsfRDY_.js → button-active-DzN1aPt-.js} +1 -1
- package/dist/cjs/{capacitor-C6Pp4Z7A.js → capacitor-BTjfXFlK.js} +1 -1
- package/dist/cjs/{dir-zwDPRE5K.js → dir-Bma_9Lqh.js} +1 -1
- package/dist/cjs/{framework-delegate-JbKIVMzR.js → framework-delegate-hNMKEiQC.js} +1 -1
- package/dist/cjs/{haptic--4QteuuM.js → haptic-BD5qPgy8.js} +1 -1
- package/dist/cjs/{helpers-Cqr69qxA.js → helpers-BrETKUUX.js} +2 -3
- package/dist/cjs/{index-BhWiDK25.js → index-BTc0Jnhx.js} +3 -3
- package/dist/cjs/{index-CNaZ6SYM.js → index-DMz2Eyis.js} +1 -1
- package/dist/cjs/{index-DCfr5hz-.js → index-DNBYnlrc.js} +3 -3
- package/dist/cjs/{index-BQpSekmz.js → index-bwclzjks.js} +2 -2
- package/dist/cjs/index.cjs.js +9 -9
- package/dist/cjs/{input-shims-2AsXPZ5m.js → input-shims-CRmdShL9.js} +8 -9
- package/dist/cjs/ion-accordion_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-action-sheet.cjs.entry.js +8 -8
- package/dist/cjs/ion-alert.cjs.entry.js +19 -19
- package/dist/cjs/ion-app_8.cjs.entry.js +18 -18
- package/dist/cjs/ion-back-button.cjs.entry.js +2 -2
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-button_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-card_5.cjs.entry.js +3 -3
- package/dist/cjs/ion-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/ion-col_3.cjs.entry.js +14 -12
- package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
- package/dist/cjs/ion-datetime.cjs.entry.js +8 -9
- package/dist/cjs/ion-fab_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-img.cjs.entry.js +2 -2
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-input-otp.cjs.entry.js +2 -2
- package/dist/cjs/ion-input.cjs.entry.js +3 -3
- package/dist/cjs/ion-item-option_3.cjs.entry.js +9 -9
- package/dist/cjs/ion-item_8.cjs.entry.js +10 -10
- package/dist/cjs/ion-loading.cjs.entry.js +5 -5
- package/dist/cjs/ion-menu_3.cjs.entry.js +31 -13
- package/dist/cjs/ion-modal.cjs.entry.js +10 -10
- package/dist/cjs/ion-nav_2.cjs.entry.js +5 -5
- package/dist/cjs/ion-picker-column-option.cjs.entry.js +2 -2
- package/dist/cjs/ion-picker-column.cjs.entry.js +4 -4
- package/dist/cjs/ion-picker.cjs.entry.js +2 -2
- package/dist/cjs/ion-popover.cjs.entry.js +28 -14
- package/dist/cjs/ion-progress-bar.cjs.entry.js +6 -5
- package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-range.cjs.entry.js +3 -3
- package/dist/cjs/ion-refresher_2.cjs.entry.js +6 -6
- package/dist/cjs/ion-reorder_2.cjs.entry.js +5 -5
- package/dist/cjs/ion-route_4.cjs.entry.js +3 -3
- package/dist/cjs/ion-searchbar.cjs.entry.js +2 -2
- package/dist/cjs/ion-segment-view.cjs.entry.js +1 -1
- package/dist/cjs/ion-segment_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-select-modal.cjs.entry.js +4 -4
- package/dist/cjs/ion-select_3.cjs.entry.js +5 -5
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +5 -5
- package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-textarea.cjs.entry.js +3 -3
- package/dist/cjs/ion-toast.cjs.entry.js +5 -5
- package/dist/cjs/ion-toggle.cjs.entry.js +4 -4
- package/dist/cjs/{ios.transition-Ca6XODo9.js → ios.transition-CN092Fh6.js} +15 -15
- package/dist/cjs/{keyboard-c2_I35b-.js → keyboard-4OBzkjOG.js} +4 -4
- package/dist/cjs/{keyboard-BlHp4a_c.js → keyboard-BMpscicm.js} +1 -1
- package/dist/cjs/{keyboard-controller-DHS0BgXp.js → keyboard-controller-DZE97OtR.js} +2 -2
- package/dist/cjs/{md.transition-D8SfNYEp.js → md.transition-B6961Ny9.js} +4 -4
- package/dist/cjs/{overlays-CLld3axA.js → overlays-BbVQG3UT.js} +2 -2
- package/dist/cjs/{slot-mutation-controller-B2OfJEBH.js → slot-mutation-controller-CRa_cKOh.js} +2 -2
- package/dist/cjs/{status-tap-CDA0Y3Ad.js → status-tap-hRIvObiJ.js} +3 -3
- package/dist/cjs/{swipe-back-Idb4gqUk.js → swipe-back-C-aigThB.js} +2 -2
- package/dist/collection/components/alert/alert.js +11 -11
- package/dist/collection/components/col/col.js +14 -12
- package/dist/collection/components/datetime/datetime.js +4 -5
- package/dist/collection/components/item/item.js +5 -4
- package/dist/collection/components/item-options/item-options.js +2 -2
- package/dist/collection/components/item-sliding/item-sliding.js +5 -4
- package/dist/collection/components/label/label.js +4 -3
- package/dist/collection/components/menu/menu.js +25 -8
- package/dist/collection/components/popover/animations/ios.enter.js +4 -3
- package/dist/collection/components/popover/animations/md.enter.js +4 -3
- package/dist/collection/components/popover/popover.js +17 -2
- package/dist/collection/components/progress-bar/progress-bar.js +5 -3
- package/dist/collection/components/title/title.js +4 -3
- package/dist/collection/utils/helpers.js +1 -2
- package/dist/collection/utils/input-shims/hacks/common.js +4 -4
- package/dist/collection/utils/rtl/dir.js +1 -1
- package/dist/collection/utils/transition/ios.transition.js +12 -11
- package/dist/docs.json +1 -1
- package/dist/esm/{animation-DmtJpz89.js → animation-C_V9lXzL.js} +1 -1
- package/dist/esm/{attribute-controller-DPMIcbef.js → attribute-controller-ItNOXNp9.js} +1 -1
- package/dist/esm/{button-active-DVk40Sjl.js → button-active-rB-Ct9KZ.js} +1 -1
- package/dist/esm/{capacitor-CHJaJ9aX.js → capacitor-BY7l8HgR.js} +1 -1
- package/dist/esm/{dir-Dojwmvde.js → dir-Dj4J3LkD.js} +1 -1
- package/dist/esm/{framework-delegate-CDjM1vRH.js → framework-delegate-CW5_kWfc.js} +1 -1
- package/dist/esm/{haptic-WXfMCob9.js → haptic-ES_sSPLn.js} +1 -1
- package/dist/esm/{helpers-BJqKF1pr.js → helpers-p94IkmEA.js} +2 -3
- package/dist/esm/{index-TkLga3ma.js → index-CBkVO5D0.js} +1 -1
- package/dist/esm/{index-Clv8QC5L.js → index-DLDbwWW7.js} +2 -2
- package/dist/esm/{index-DIouXecD.js → index-txcXIB3P.js} +3 -3
- package/dist/esm/{index-z9vdZN7I.js → index-vgPixHgF.js} +3 -3
- package/dist/esm/index.js +9 -9
- package/dist/esm/{input-shims-C1iYF5JK.js → input-shims-KNXj3DAv.js} +8 -9
- package/dist/esm/ion-accordion_2.entry.js +2 -2
- package/dist/esm/ion-action-sheet.entry.js +8 -8
- package/dist/esm/ion-alert.entry.js +19 -19
- package/dist/esm/ion-app_8.entry.js +18 -18
- package/dist/esm/ion-back-button.entry.js +2 -2
- package/dist/esm/ion-breadcrumb_2.entry.js +2 -2
- package/dist/esm/ion-button_2.entry.js +3 -3
- package/dist/esm/ion-card_5.entry.js +3 -3
- package/dist/esm/ion-checkbox.entry.js +2 -2
- package/dist/esm/ion-col_3.entry.js +15 -13
- package/dist/esm/ion-datetime-button.entry.js +2 -2
- package/dist/esm/ion-datetime.entry.js +8 -9
- package/dist/esm/ion-fab_3.entry.js +2 -2
- package/dist/esm/ion-img.entry.js +2 -2
- package/dist/esm/ion-infinite-scroll_2.entry.js +3 -3
- package/dist/esm/ion-input-otp.entry.js +2 -2
- package/dist/esm/ion-input.entry.js +3 -3
- package/dist/esm/ion-item-option_3.entry.js +9 -9
- package/dist/esm/ion-item_8.entry.js +10 -10
- package/dist/esm/ion-loading.entry.js +5 -5
- package/dist/esm/ion-menu_3.entry.js +32 -14
- package/dist/esm/ion-modal.entry.js +10 -10
- package/dist/esm/ion-nav_2.entry.js +5 -5
- package/dist/esm/ion-picker-column-option.entry.js +2 -2
- package/dist/esm/ion-picker-column.entry.js +4 -4
- package/dist/esm/ion-picker.entry.js +2 -2
- package/dist/esm/ion-popover.entry.js +28 -14
- package/dist/esm/ion-progress-bar.entry.js +7 -6
- package/dist/esm/ion-radio_2.entry.js +2 -2
- package/dist/esm/ion-range.entry.js +3 -3
- package/dist/esm/ion-refresher_2.entry.js +6 -6
- package/dist/esm/ion-reorder_2.entry.js +5 -5
- package/dist/esm/ion-route_4.entry.js +3 -3
- package/dist/esm/ion-searchbar.entry.js +2 -2
- package/dist/esm/ion-segment-view.entry.js +1 -1
- package/dist/esm/ion-segment_2.entry.js +2 -2
- package/dist/esm/ion-select-modal.entry.js +4 -4
- package/dist/esm/ion-select_3.entry.js +5 -5
- package/dist/esm/ion-tab-bar_2.entry.js +5 -5
- package/dist/esm/ion-tab_2.entry.js +3 -3
- package/dist/esm/ion-textarea.entry.js +3 -3
- package/dist/esm/ion-toast.entry.js +5 -5
- package/dist/esm/ion-toggle.entry.js +4 -4
- package/dist/esm/{ios.transition-BkUGiDUz.js → ios.transition-CW92wRDL.js} +15 -15
- package/dist/esm/{keyboard-B4Y-Gph8.js → keyboard-BumguZrM.js} +4 -4
- package/dist/esm/{keyboard-Cmqp5iZD.js → keyboard-CutS8BPd.js} +1 -1
- package/dist/esm/{keyboard-controller-B2NoF7bV.js → keyboard-controller-DqohyEsZ.js} +2 -2
- package/dist/esm/{md.transition-B6hlrWjR.js → md.transition-yhfkYX1P.js} +4 -4
- package/dist/esm/{overlays-DmDY-El7.js → overlays-BBgMM61s.js} +2 -2
- package/dist/esm/{slot-mutation-controller-Btpr9-9O.js → slot-mutation-controller-uKdPbY9K.js} +2 -2
- package/dist/esm/{status-tap-VGRBYwiC.js → status-tap-BskkGI4e.js} +3 -3
- package/dist/esm/{swipe-back-DV3UpWzz.js → swipe-back-BZdyM2Q-.js} +2 -2
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-01b7e3f2.entry.js → p-013b9aba.entry.js} +1 -1
- package/dist/ionic/{p-9ffccbf1.entry.js → p-014c3633.entry.js} +1 -1
- package/dist/ionic/{p-4bd80334.entry.js → p-0562139b.entry.js} +1 -1
- package/dist/ionic/{p-52a16f94.entry.js → p-0f1613f2.entry.js} +1 -1
- package/dist/ionic/{p-e7ab4def.entry.js → p-1252621e.entry.js} +1 -1
- package/dist/ionic/p-129f7b95.entry.js +4 -0
- package/dist/ionic/{p-4f25b926.entry.js → p-16de8fd9.entry.js} +1 -1
- package/dist/ionic/{p-d0e374f8.entry.js → p-1bb1be7e.entry.js} +1 -1
- package/dist/ionic/{p-62c87f3d.entry.js → p-1f342c2d.entry.js} +1 -1
- package/dist/ionic/{p-362dcd86.entry.js → p-1ffa5577.entry.js} +1 -1
- package/dist/ionic/p-210f906e.entry.js +4 -0
- package/dist/ionic/{p-293cb1d5.entry.js → p-27960f65.entry.js} +1 -1
- package/dist/ionic/p-3c6fc2e8.entry.js +4 -0
- package/dist/ionic/{p-5bb24bce.entry.js → p-436d4ac8.entry.js} +1 -1
- package/dist/ionic/p-43729675.entry.js +4 -0
- package/dist/ionic/p-4468e439.entry.js +4 -0
- package/dist/ionic/{p-8db08782.entry.js → p-51af4728.entry.js} +1 -1
- package/dist/ionic/{p-ec259ac5.entry.js → p-59e4b521.entry.js} +1 -1
- package/dist/ionic/{p-BY4FwwBp.js → p-5a3UxQAh.js} +1 -1
- package/dist/ionic/{p-0c32c626.entry.js → p-5b47b8d5.entry.js} +1 -1
- package/dist/ionic/{p-e8e69c21.entry.js → p-5dcddfd5.entry.js} +1 -1
- package/dist/ionic/{p-7e9c2a97.entry.js → p-694f3e78.entry.js} +1 -1
- package/dist/ionic/{p-82abf431.entry.js → p-77540bcb.entry.js} +1 -1
- package/dist/ionic/{p-c250b6b0.entry.js → p-77e7b612.entry.js} +1 -1
- package/dist/ionic/{p-64ac3864.entry.js → p-7868eb92.entry.js} +1 -1
- package/dist/ionic/{p-af11d3c6.entry.js → p-800ce1e0.entry.js} +1 -1
- package/dist/ionic/{p-539d6c8e.entry.js → p-84470714.entry.js} +1 -1
- package/dist/ionic/{p-8d651adb.entry.js → p-87fb6d59.entry.js} +1 -1
- package/dist/ionic/{p-BpED_ep_.js → p-8B39TMv-.js} +1 -1
- package/dist/ionic/p-8af85fa8.entry.js +4 -0
- package/dist/ionic/p-8dQB1sG_.js +4 -0
- package/dist/ionic/p-9515f840.entry.js +4 -0
- package/dist/ionic/{p-eb989dc9.entry.js → p-96d040b0.entry.js} +1 -1
- package/dist/ionic/{p-60780b88.entry.js → p-9d7e5a0b.entry.js} +1 -1
- package/dist/ionic/{p-DXXGkPA8.js → p-B0afqOUt.js} +1 -1
- package/{components/p-Ba9_OzSY.js → dist/ionic/p-B2JD8_LP.js} +1 -1
- package/dist/ionic/p-B2y1T0dN.js +4 -0
- package/dist/ionic/{p-DPNVo1nr.js → p-BBZQUbCq.js} +1 -1
- package/dist/ionic/p-BHBb21Hp.js +4 -0
- package/dist/ionic/{p-CXs4J83x.js → p-BWKtcudz.js} +1 -1
- package/dist/ionic/p-BgkRGRO3.js +4 -0
- package/dist/ionic/{p-C1WYZOZj.js → p-C4SpVvhx.js} +1 -1
- package/dist/ionic/{p-Dk4Mdaru.js → p-CJmyfI8x.js} +1 -1
- package/dist/ionic/p-CNdt1FPc.js +4 -0
- package/dist/ionic/p-Cf6KtUnA.js +4 -0
- package/dist/ionic/p-CfccUand.js +4 -0
- package/dist/ionic/{p-D13gXhdC.js → p-DArnNWiu.js} +1 -1
- package/dist/ionic/p-DBFcFCH5.js +4 -0
- package/dist/ionic/p-DCmOKz8e.js +4 -0
- package/dist/ionic/p-DFPZa_No.js +4 -0
- package/dist/ionic/p-DYKDWM2f.js +4 -0
- package/dist/ionic/{p-Dojwmvde.js → p-Dj4J3LkD.js} +1 -1
- package/dist/ionic/p-DzQk7Lu8.js +4 -0
- package/dist/ionic/{p-7db20410.entry.js → p-a45caa30.entry.js} +1 -1
- package/dist/ionic/{p-91f3cd8b.entry.js → p-af15fc5d.entry.js} +1 -1
- package/dist/ionic/{p-d2406889.entry.js → p-af4b4719.entry.js} +1 -1
- package/dist/ionic/{p-107a81a6.entry.js → p-b0faaae2.entry.js} +1 -1
- package/dist/ionic/p-c56c23b6.entry.js +4 -0
- package/dist/ionic/{p-930c3538.entry.js → p-c7ea2647.entry.js} +1 -1
- package/dist/ionic/p-c8c77f7b.entry.js +4 -0
- package/dist/ionic/{p-d72accc4.entry.js → p-cbc73380.entry.js} +1 -1
- package/dist/ionic/p-d58e9da3.entry.js +4 -0
- package/dist/ionic/{p-0b09c60e.entry.js → p-ec08a7e6.entry.js} +1 -1
- package/dist/ionic/{p-67f004eb.entry.js → p-f37e6ed2.entry.js} +1 -1
- package/dist/ionic/{p-b9ed3a52.entry.js → p-f6a1ab48.entry.js} +1 -1
- package/dist/types/components/alert/alert.d.ts +4 -0
- package/dist/types/components/col/col.d.ts +1 -0
- package/dist/types/components/menu/menu.d.ts +7 -0
- package/dist/types/components/popover/popover.d.ts +1 -0
- package/dist/types/components/progress-bar/progress-bar.d.ts +1 -0
- package/dist/types/utils/helpers.d.ts +2 -3
- package/dist/types/utils/rtl/dir.d.ts +1 -1
- package/hydrate/index.js +108 -76
- package/hydrate/index.mjs +108 -76
- package/package.json +1 -1
- package/components/p-BODcC-C0.js +0 -4
- package/components/p-BVNUhOOf.js +0 -4
- package/components/p-Bd8hg9FK.js +0 -4
- package/components/p-C1AxSUnp.js +0 -4
- package/components/p-CONpe3oX.js +0 -4
- package/components/p-CVrOcN5N.js +0 -4
- package/components/p-CYctYy9B.js +0 -4
- package/components/p-Cyajikho.js +0 -4
- package/components/p-D0nwlsl_.js +0 -4
- package/components/p-Drpw2dyl.js +0 -4
- package/components/p-IQN1T5zw.js +0 -4
- package/components/p-SHHIB5F0.js +0 -4
- package/components/p-YNnH1_Hs.js +0 -4
- package/components/p-_y7kwBO8.js +0 -4
- package/dist/ionic/p-0f97175e.entry.js +0 -4
- package/dist/ionic/p-6c7b5930.entry.js +0 -4
- package/dist/ionic/p-7ce9c6f8.entry.js +0 -4
- package/dist/ionic/p-7l6ENjIV.js +0 -4
- package/dist/ionic/p-8d2ccf0c.entry.js +0 -4
- package/dist/ionic/p-94f1f7df.entry.js +0 -4
- package/dist/ionic/p-BNXIurCt.js +0 -4
- package/dist/ionic/p-BOLqP2-V.js +0 -4
- package/dist/ionic/p-BZTgGzGK.js +0 -4
- package/dist/ionic/p-BdHBcCZF.js +0 -4
- package/dist/ionic/p-BuLlVedw.js +0 -4
- package/dist/ionic/p-Bx5x5GJV.js +0 -4
- package/dist/ionic/p-C2LaBx3E.js +0 -4
- package/dist/ionic/p-CgcGX08t.js +0 -4
- package/dist/ionic/p-CngfKMRU.js +0 -4
- package/dist/ionic/p-Co7eql8D.js +0 -4
- package/dist/ionic/p-D926OmIX.js +0 -4
- package/dist/ionic/p-a4389f13.entry.js +0 -4
- package/dist/ionic/p-af8fb360.entry.js +0 -4
- package/dist/ionic/p-bfdbe24b.entry.js +0 -4
- package/dist/ionic/p-c83dbc12.entry.js +0 -4
- package/dist/ionic/p-f2116a54.entry.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as s,f as e,g as i,d as r}from"./p-BpRUsN_W.js";import{n as o,o as n}from"./p-BvabGprD.js";import{b as h}from"./p-SEecsUh7.js";import{a,g as c}from"./p-
|
|
4
|
+
import{r as t,h as s,f as e,g as i,d as r}from"./p-BpRUsN_W.js";import{n as o,o as n}from"./p-BvabGprD.js";import{b as h}from"./p-SEecsUh7.js";import{a,g as c}from"./p-BWKtcudz.js";import{r as d}from"./p-B2y1T0dN.js";import{b as l,a as f,h as p}from"./p-BBZQUbCq.js";import"./p-Dj4J3LkD.js";import"./p-BHBb21Hp.js";const b=class{constructor(s){t(this,s)}onClick(t){const s=this.el.closest("ion-reorder-group");t.preventDefault(),s&&s.disabled||t.stopImmediatePropagation()}render(){const t=h(this);return s(e,{key:"f278c473b4695a6a93565100e4fcaa7f9e3e9ff5",class:t},s("slot",{key:"cc26b5ed297f68a0bea82e27e34a7fe945186f4e"},s("ion-icon",{key:"696f5e4c2b09e64bd08abf0d0818b1554cd29737",icon:"ios"===t?o:n,lazy:!1,class:"reorder-icon",part:"icon","aria-hidden":"true"})))}get el(){return i(this)}};b.style={ios:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:2.125rem;opacity:0.4}",md:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}"};const m=class{constructor(s){t(this,s),this.ionItemReorder=r(this,"ionItemReorder",7),this.ionReorderStart=r(this,"ionReorderStart",7),this.ionReorderMove=r(this,"ionReorderMove",7),this.ionReorderEnd=r(this,"ionReorderEnd",7),this.lastToIndex=-1,this.cachedHeights=[],this.scrollElTop=0,this.scrollElBottom=0,this.scrollElInitial=0,this.containerTop=0,this.containerBottom=0,this.state=0,this.disabled=!0}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled)}async connectedCallback(){const t=a(this.el);t&&(this.scrollEl=await c(t)),this.gesture=(await import("./p-D0YpjgON.js")).createGesture({el:this.el,gestureName:"reorder",gesturePriority:110,threshold:0,direction:"y",passive:!1,canStart:t=>this.canStart(t),onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:()=>this.onEnd()}),this.disabledChanged()}disconnectedCallback(){this.onEnd(),this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}complete(t){return Promise.resolve(this.completeReorder(t))}canStart(t){if(this.selectedItemEl||0!==this.state)return!1;const s=t.event.target.closest("ion-reorder");if(!s)return!1;const e=g(s,this.el);return!!e&&(t.data=e,!0)}onStart(t){t.event.preventDefault();const s=this.selectedItemEl=t.data,e=this.cachedHeights;e.length=0;const i=this.el,r=i.__children||i.children;if(!r||0===r.length)return;let o=0;for(let t=0;t<r.length;t++){const s=r[t];o+=s.offsetHeight,e.push(o),s.$ionIndex=t}const n=i.getBoundingClientRect();if(this.containerTop=n.top,this.containerBottom=n.bottom,this.scrollEl){const t=this.scrollEl.getBoundingClientRect();this.scrollElInitial=this.scrollEl.scrollTop,this.scrollElTop=t.top+k,this.scrollElBottom=t.bottom-k}else this.scrollElInitial=0,this.scrollElTop=0,this.scrollElBottom=0;this.lastToIndex=u(s),this.selectedItemHeight=s.offsetHeight,this.state=1,s.classList.add(w),l(),this.ionReorderStart.emit()}onMove(t){const s=this.selectedItemEl;if(!s)return;const e=this.autoscroll(t.currentY),i=this.containerTop-e,r=Math.max(i,Math.min(t.currentY,this.containerBottom-e)),o=e+r-t.startY,n=this.lastToIndex,h=this.itemIndexForTop(r-i);if(h!==this.lastToIndex){const t=u(s);this.lastToIndex=h,f(),this.reorderMove(t,h)}s.style.transform=`translateY(${o}px)`,this.ionReorderMove.emit({from:n,to:h})}onEnd(){const t=this.selectedItemEl;if(this.state=2,!t)return void(this.state=0);const s=this.lastToIndex,e=u(t);s===e?this.completeReorder():this.ionItemReorder.emit({from:e,to:s,complete:this.completeReorder.bind(this)}),p(),this.ionReorderEnd.emit({from:e,to:s,complete:this.completeReorder.bind(this)})}completeReorder(t){const s=this.selectedItemEl;if(s&&2===this.state){const e=this.el.__children||this.el.children,i=e.length,r=this.lastToIndex,o=u(s);d((()=>{r===o||void 0!==t&&!0!==t||this.el.insertBefore(s,o<r?e[r+1]:e[r]);for(let t=0;t<i;t++)e[t].style.transform=""})),Array.isArray(t)&&(t=v(t,o,r)),s.style.transition="",s.classList.remove(w),this.selectedItemEl=void 0,this.state=0}return t}itemIndexForTop(t){const s=this.cachedHeights;for(let e=0;e<s.length;e++)if(s[e]>t)return e;return s.length-1}reorderMove(t,s){const e=this.selectedItemHeight,i=this.el.__children||this.el.children;for(let r=0;r<i.length;r++){let o="";r>t&&r<=s?o=`translateY(${-e}px)`:r<t&&r>=s&&(o=`translateY(${e}px)`),i[r].style.transform=o}}autoscroll(t){if(!this.scrollEl)return 0;let s=0;return t<this.scrollElTop?s=-y:t>this.scrollElBottom&&(s=y),0!==s&&this.scrollEl.scrollBy(0,s),this.scrollEl.scrollTop-this.scrollElInitial}render(){const t=h(this);return s(e,{key:"779332508f44409696b6bab80eda72f9b1d7869d",class:{[t]:!0,"reorder-enabled":!this.disabled,"reorder-list-active":0!==this.state}})}get el(){return i(this)}static get watchers(){return{disabled:[{disabledChanged:0}]}}},u=t=>t.$ionIndex,g=(t,s)=>{let e;for(;t;){if(e=t.parentElement,e===s)return t;t=e}},k=60,y=10,w="reorder-selected",v=(t,s,e)=>{const i=t[s];return t.splice(s,1),t.splice(e,0,i),t.slice()};m.style=".reorder-list-active>*{display:block;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms;will-change:transform}.reorder-enabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reorder-enabled ion-reorder{display:block;cursor:-webkit-grab;cursor:grab;pointer-events:all;-ms-touch-action:none;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:-webkit-grabbing;cursor:grabbing}.reorder-selected{position:relative;-webkit-transition:none !important;transition:none !important;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}";export{b as ion_reorder,m as ion_reorder_group}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,d as r,h as o,f as i,g as e}from"./p-BpRUsN_W.js";import{g as n}from"./p-Co7eql8D.js";import"./p-Dojwmvde.js";const a=class{constructor(o){t(this,o),this.ionInputModeChange=r(this,"ionInputModeChange",7),this.useInputMode=!1,this.isInHighlightBounds=t=>{const{highlightEl:r}=this;if(!r)return!1;const o=r.getBoundingClientRect();return!(t.clientX<o.left||t.clientX>o.right||t.clientY<o.top||t.clientY>o.bottom)},this.onFocusOut=t=>{const{relatedTarget:r}=t;(!r||"ION-PICKER-COLUMN"!==r.tagName&&r!==this.inputEl)&&this.exitInputMode()},this.onFocusIn=t=>{const{target:r}=t;"ION-PICKER-COLUMN"!==r.tagName||this.actionOnClick||(r.numericInput?this.enterInputMode(r,!1):this.exitInputMode())},this.onClick=()=>{const{actionOnClick:t}=this;t&&(t(),this.actionOnClick=void 0)},this.onPointerDown=t=>{const{useInputMode:r,inputModeColumn:o,el:i}=this;if(this.isInHighlightBounds(t))if(r)this.actionOnClick="ION-PICKER-COLUMN"===t.target.tagName?o&&o===t.target?()=>{this.enterInputMode()}:()=>{this.enterInputMode(t.target)}:()=>{this.exitInputMode()};else{const r=1===i.querySelectorAll("ion-picker-column.picker-column-numeric-input").length?t.target:void 0;this.actionOnClick=()=>{this.enterInputMode(r)}}else this.actionOnClick=()=>{this.exitInputMode()}},this.enterInputMode=(t,r=!0)=>{const{inputEl:o,el:i}=this;o&&i.querySelector("ion-picker-column.picker-column-numeric-input")&&(this.useInputMode=!0,this.inputModeColumn=t,r?(this.destroyKeypressListener&&(this.destroyKeypressListener(),this.destroyKeypressListener=void 0),o.focus()):(i.addEventListener("keypress",this.onKeyPress),this.destroyKeypressListener=()=>{i.removeEventListener("keypress",this.onKeyPress)}),this.emitInputModeChange())},this.onKeyPress=t=>{const{inputEl:r}=this;if(!r)return;const o=parseInt(t.key,10);Number.isNaN(o)||(r.value+=t.key,this.onInputChange())},this.selectSingleColumn=()=>{const{inputEl:t,inputModeColumn:r,singleColumnSearchTimeout:o}=this;if(!t||!r)return;const i=Array.from(r.querySelectorAll("ion-picker-column-option")).filter((t=>!0!==t.disabled));if(o&&clearTimeout(o),this.singleColumnSearchTimeout=setTimeout((()=>{t.value="",this.singleColumnSearchTimeout=void 0}),1e3),t.value.length>=3){const r=t.value.substring(t.value.length-2);return t.value=r,void this.selectSingleColumn()}const e=i.find((({textContent:r})=>r.replace(/^0+(?=[1-9])|0+(?=0$)/,"")===t.value));if(e)r.setValue(e.value);else if(2===t.value.length){const r=t.value.substring(t.value.length-1);t.value=r,this.selectSingleColumn()}},this.searchColumn=(t,r,o="start")=>{if(!r)return!1;const i="start"===o?/^0+/:/0$/;r=r.replace(i,"");const e=Array.from(t.querySelectorAll("ion-picker-column-option")).find((t=>!0!==t.disabled&&t.textContent.replace(i,"")===r));return e&&t.setValue(e.value),!!e},this.multiColumnSearch=(t,r,o)=>{if(0===o.length)return;const i=o.split(""),e=i.slice(0,2).join(""),n=this.searchColumn(t,e);if(i.length>2&&n){const t=i.slice(2,4).join("");this.searchColumn(r,t)}else if(!n&&i.length>=1){let o=i[0],e=this.searchColumn(t,o);if(e||(i.shift(),o=i[0],e=this.searchColumn(t,o)),e&&i.length>1){const t=i.slice(1,3).join("");this.searchColumn(r,t)}}},this.selectMultiColumn=()=>{const{inputEl:t,el:r}=this;if(!t)return;const o=Array.from(r.querySelectorAll("ion-picker-column")).filter((t=>t.numericInput)),i=o[0],e=o[1];let n=t.value;if(n.length>4){const r=t.value.substring(t.value.length-4);t.value=r,n=r}this.multiColumnSearch(i,e,n)},this.onInputChange=()=>{const{useInputMode:t,inputEl:r,inputModeColumn:o}=this;t&&r&&(o?this.selectSingleColumn():this.selectMultiColumn())},this.emitInputModeChange=()=>{const{useInputMode:t,inputModeColumn:r}=this;this.ionInputModeChange.emit({useInputMode:t,inputModeColumn:r})}}preventTouchStartPropagation(t){t.stopPropagation()}componentWillLoad(){n(this.el).addEventListener("focusin",this.onFocusIn),n(this.el).addEventListener("focusout",this.onFocusOut)}async exitInputMode(){const{inputEl:t,useInputMode:r}=this;r&&t&&(this.useInputMode=!1,this.inputModeColumn=void 0,t.blur(),t.value="",this.destroyKeypressListener&&(this.destroyKeypressListener(),this.destroyKeypressListener=void 0),this.emitInputModeChange())}render(){return o(i,{key:"28f81e4ed44a633178561757c5199c2c98f94b74",onPointerDown:t=>this.onPointerDown(t),onClick:()=>this.onClick()},o("input",{key:"abb3d1ad25ef63856af7804111175a4d50008bc0","aria-hidden":"true",tabindex:-1,inputmode:"numeric",type:"number",onKeyDown:t=>{"Enter"===t.key&&this.inputEl?.blur()},ref:t=>this.inputEl=t,onInput:()=>this.onInputChange(),onBlur:()=>this.exitInputMode()}),o("div",{key:"334a5abdc02e6b127c57177f626d7e4ff5526183",class:"picker-before"}),o("div",{key:"ffd6271931129e88fc7c820e919d684899e420c5",class:"picker-after"}),o("div",{key:"78d1d95fd09e04f154ea59f24a1cece72c47ed7b",class:"picker-highlight",ref:t=>this.highlightEl=t}),o("slot",{key:"0bd5b9f875d3c71f6cbbde2054baeb1b0a2e8cd5"}))}get el(){return e(this)}};a.style={ios:":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-highlight{background:var(--highlight-background, var(--ion-color-step-150, var(--ion-background-color-step-150, #eeeeef)))}",md:":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}"};export{a as ion_picker}
|
|
4
|
+
import{r as t,d as r,h as o,f as i,g as e}from"./p-BpRUsN_W.js";import{g as n}from"./p-B2y1T0dN.js";import"./p-Dj4J3LkD.js";const a=class{constructor(o){t(this,o),this.ionInputModeChange=r(this,"ionInputModeChange",7),this.useInputMode=!1,this.isInHighlightBounds=t=>{const{highlightEl:r}=this;if(!r)return!1;const o=r.getBoundingClientRect();return!(t.clientX<o.left||t.clientX>o.right||t.clientY<o.top||t.clientY>o.bottom)},this.onFocusOut=t=>{const{relatedTarget:r}=t;(!r||"ION-PICKER-COLUMN"!==r.tagName&&r!==this.inputEl)&&this.exitInputMode()},this.onFocusIn=t=>{const{target:r}=t;"ION-PICKER-COLUMN"!==r.tagName||this.actionOnClick||(r.numericInput?this.enterInputMode(r,!1):this.exitInputMode())},this.onClick=()=>{const{actionOnClick:t}=this;t&&(t(),this.actionOnClick=void 0)},this.onPointerDown=t=>{const{useInputMode:r,inputModeColumn:o,el:i}=this;if(this.isInHighlightBounds(t))if(r)this.actionOnClick="ION-PICKER-COLUMN"===t.target.tagName?o&&o===t.target?()=>{this.enterInputMode()}:()=>{this.enterInputMode(t.target)}:()=>{this.exitInputMode()};else{const r=1===i.querySelectorAll("ion-picker-column.picker-column-numeric-input").length?t.target:void 0;this.actionOnClick=()=>{this.enterInputMode(r)}}else this.actionOnClick=()=>{this.exitInputMode()}},this.enterInputMode=(t,r=!0)=>{const{inputEl:o,el:i}=this;o&&i.querySelector("ion-picker-column.picker-column-numeric-input")&&(this.useInputMode=!0,this.inputModeColumn=t,r?(this.destroyKeypressListener&&(this.destroyKeypressListener(),this.destroyKeypressListener=void 0),o.focus()):(i.addEventListener("keypress",this.onKeyPress),this.destroyKeypressListener=()=>{i.removeEventListener("keypress",this.onKeyPress)}),this.emitInputModeChange())},this.onKeyPress=t=>{const{inputEl:r}=this;if(!r)return;const o=parseInt(t.key,10);Number.isNaN(o)||(r.value+=t.key,this.onInputChange())},this.selectSingleColumn=()=>{const{inputEl:t,inputModeColumn:r,singleColumnSearchTimeout:o}=this;if(!t||!r)return;const i=Array.from(r.querySelectorAll("ion-picker-column-option")).filter((t=>!0!==t.disabled));if(o&&clearTimeout(o),this.singleColumnSearchTimeout=setTimeout((()=>{t.value="",this.singleColumnSearchTimeout=void 0}),1e3),t.value.length>=3){const r=t.value.substring(t.value.length-2);return t.value=r,void this.selectSingleColumn()}const e=i.find((({textContent:r})=>r.replace(/^0+(?=[1-9])|0+(?=0$)/,"")===t.value));if(e)r.setValue(e.value);else if(2===t.value.length){const r=t.value.substring(t.value.length-1);t.value=r,this.selectSingleColumn()}},this.searchColumn=(t,r,o="start")=>{if(!r)return!1;const i="start"===o?/^0+/:/0$/;r=r.replace(i,"");const e=Array.from(t.querySelectorAll("ion-picker-column-option")).find((t=>!0!==t.disabled&&t.textContent.replace(i,"")===r));return e&&t.setValue(e.value),!!e},this.multiColumnSearch=(t,r,o)=>{if(0===o.length)return;const i=o.split(""),e=i.slice(0,2).join(""),n=this.searchColumn(t,e);if(i.length>2&&n){const t=i.slice(2,4).join("");this.searchColumn(r,t)}else if(!n&&i.length>=1){let o=i[0],e=this.searchColumn(t,o);if(e||(i.shift(),o=i[0],e=this.searchColumn(t,o)),e&&i.length>1){const t=i.slice(1,3).join("");this.searchColumn(r,t)}}},this.selectMultiColumn=()=>{const{inputEl:t,el:r}=this;if(!t)return;const o=Array.from(r.querySelectorAll("ion-picker-column")).filter((t=>t.numericInput)),i=o[0],e=o[1];let n=t.value;if(n.length>4){const r=t.value.substring(t.value.length-4);t.value=r,n=r}this.multiColumnSearch(i,e,n)},this.onInputChange=()=>{const{useInputMode:t,inputEl:r,inputModeColumn:o}=this;t&&r&&(o?this.selectSingleColumn():this.selectMultiColumn())},this.emitInputModeChange=()=>{const{useInputMode:t,inputModeColumn:r}=this;this.ionInputModeChange.emit({useInputMode:t,inputModeColumn:r})}}preventTouchStartPropagation(t){t.stopPropagation()}componentWillLoad(){n(this.el).addEventListener("focusin",this.onFocusIn),n(this.el).addEventListener("focusout",this.onFocusOut)}async exitInputMode(){const{inputEl:t,useInputMode:r}=this;r&&t&&(this.useInputMode=!1,this.inputModeColumn=void 0,t.blur(),t.value="",this.destroyKeypressListener&&(this.destroyKeypressListener(),this.destroyKeypressListener=void 0),this.emitInputModeChange())}render(){return o(i,{key:"28f81e4ed44a633178561757c5199c2c98f94b74",onPointerDown:t=>this.onPointerDown(t),onClick:()=>this.onClick()},o("input",{key:"abb3d1ad25ef63856af7804111175a4d50008bc0","aria-hidden":"true",tabindex:-1,inputmode:"numeric",type:"number",onKeyDown:t=>{"Enter"===t.key&&this.inputEl?.blur()},ref:t=>this.inputEl=t,onInput:()=>this.onInputChange(),onBlur:()=>this.exitInputMode()}),o("div",{key:"334a5abdc02e6b127c57177f626d7e4ff5526183",class:"picker-before"}),o("div",{key:"ffd6271931129e88fc7c820e919d684899e420c5",class:"picker-after"}),o("div",{key:"78d1d95fd09e04f154ea59f24a1cece72c47ed7b",class:"picker-highlight",ref:t=>this.highlightEl=t}),o("slot",{key:"0bd5b9f875d3c71f6cbbde2054baeb1b0a2e8cd5"}))}get el(){return e(this)}};a.style={ios:":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-highlight{background:var(--highlight-background, var(--ion-color-step-150, var(--ion-background-color-step-150, #eeeeef)))}",md:":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}"};export{a as ion_picker}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,c as e,h as i,f as a,g as o}from"./p-BpRUsN_W.js";import{f as n,c as s}from"./p-
|
|
4
|
+
import{r as t,c as e,h as i,f as a,g as o}from"./p-BpRUsN_W.js";import{f as n,c as s}from"./p-B2y1T0dN.js";import{c as r}from"./p-byZM6qHV.js";import{b as d}from"./p-SEecsUh7.js";import{D as c,d as m,P as l,O as p}from"./p-BO10QT9r.js";import"./p-Dj4J3LkD.js";const h=class{constructor(i){t(this,i),this.datetimeEl=null,this.overlayEl=null,this.datetimePresentation="date-time",this.datetimeActive=!1,this.disabled=!1,this.getParsedDateValues=t=>null==t?[]:Array.isArray(t)?t:[t],this.setDateTimeText=async()=>{const{datetimeEl:t,datetimePresentation:i}=this;if(!t)return;const{value:a,locale:o,formatOptions:n,hourCycle:s,preferWheel:r,multiple:d,titleSelectedDatesFormatter:h}=t,b=this.getParsedDateValues(a),u=b.length>0?c(b):[await t.getDefaultPart()];if(!u)return;const f=u[0],x=m(o,s);switch(this.dateText=this.timeText=void 0,i){case"date-time":case"time-date":const t=l(o,f,n?.date??{month:"short",day:"numeric",year:"numeric"}),i=p(o,f,x,n?.time);r?this.dateText=`${t} ${i}`:(this.dateText=t,this.timeText=i);break;case"date":if(d&&1!==b.length){let t=`${b.length} days`;if(void 0!==h)try{t=h(b)}catch(t){e("[ion-datetime-button] - Exception in provided `titleSelectedDatesFormatter`:",t)}this.dateText=t}else this.dateText=l(o,f,n?.date??{month:"short",day:"numeric",year:"numeric"});break;case"time":this.timeText=p(o,f,x,n?.time);break;case"month-year":this.dateText=l(o,f,n?.date??{month:"long",year:"numeric"});break;case"month":this.dateText=l(o,f,n?.time??{month:"long"});break;case"year":this.dateText=l(o,f,n?.time??{year:"numeric"})}},this.waitForDatetimeChanges=async()=>{const{datetimeEl:t}=this;return t?new Promise((e=>{n(t,"ionRender",e,{once:!0})})):Promise.resolve()},this.handleDateClick=async t=>{const{datetimeEl:e,datetimePresentation:i}=this;if(!e)return;let a=!1;switch(i){case"date-time":case"time-date":!e.preferWheel&&"date"!==e.presentation&&(e.presentation="date",a=!0)}this.selectedButton="date",this.presentOverlay(t,a,this.dateTargetEl)},this.handleTimeClick=t=>{const{datetimeEl:e,datetimePresentation:i}=this;if(!e)return;let a=!1;switch(i){case"date-time":case"time-date":"time"!==e.presentation&&(e.presentation="time",a=!0)}this.selectedButton="time",this.presentOverlay(t,a,this.timeTargetEl)},this.presentOverlay=async(t,e,i)=>{const{overlayEl:a}=this;a&&("ION-POPOVER"===a.tagName?(e&&await this.waitForDatetimeChanges(),a.present({...t,detail:{ionShadowTarget:i}})):a.present())}}async componentWillLoad(){const{datetime:t}=this;if(!t)return void e("[ion-datetime-button] - An ID associated with an ion-datetime instance is required to function properly.",this.el);const i=this.datetimeEl=document.getElementById(t);if(!i)return void e(`[ion-datetime-button] - No ion-datetime instance found for ID '${t}'.`,this.el);if("ION-DATETIME"!==i.tagName)return void e(`[ion-datetime-button] - Expected an ion-datetime instance for ID '${t}' but received '${i.tagName.toLowerCase()}' instead.`,i);new IntersectionObserver((t=>{this.datetimeActive=t[0].isIntersecting}),{threshold:.01}).observe(i);const a=this.overlayEl=i.closest("ion-modal, ion-popover");a&&a.classList.add("ion-datetime-button-overlay"),s(i,(()=>{const t=this.datetimePresentation=i.presentation||"date-time";switch(this.setDateTimeText(),n(i,"ionValueChange",this.setDateTimeText),t){case"date-time":case"date":case"month-year":case"month":case"year":this.selectedButton="date";break;case"time-date":case"time":this.selectedButton="time"}}))}render(){const{color:t,dateText:e,timeText:o,selectedButton:n,datetimeActive:s,disabled:c}=this,m=d(this);return i(a,{key:"2aaa284fe9b53b6347fcb5a1d325fbab1a6f38bd",class:r(t,{[m]:!0,[`${n}-active`]:s,"datetime-button-disabled":c})},e&&i("button",{key:"d9698471fa5d5c834ca73db57f9ed98dfc705b4c",class:"ion-activatable",id:"date-button","aria-expanded":s?"true":"false",onClick:this.handleDateClick,disabled:c,part:"native",ref:t=>this.dateTargetEl=t},i("slot",{key:"c8761a7f25ae5b93c953b3486dd6335f5ad4fd53",name:"date-target"},e),"md"===m&&i("ion-ripple-effect",{key:"3dd5e97af8d35a2b008de4ab01f690b3c2223135"})),o&&i("button",{key:"1107ca2382940b642b551f885f7ca763012c236c",class:"ion-activatable",id:"time-button","aria-expanded":s?"true":"false",onClick:this.handleTimeClick,disabled:c,part:"native",ref:t=>this.timeTargetEl=t},i("slot",{key:"5cff53e486923b03715b9ab4dc0947e26f4ea1d9",name:"time-target"},o),"md"===m&&i("ion-ripple-effect",{key:"5aac1facb6fc7457307c4f59a241e3a5b31facc8"})))}get el(){return o(this)}};h.style={ios:":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host button{border-radius:8px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;-webkit-transition:150ms color ease-in-out;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-primary, #0054e9)}:host(.ion-color.time-active) #time-button,:host(.ion-color.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}:host button{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:7px;padding-bottom:7px}:host button.ion-activated{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}",md:":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host button{border-radius:8px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;-webkit-transition:150ms color ease-in-out;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-primary, #0054e9)}:host(.ion-color.time-active) #time-button,:host(.ion-color.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}:host button{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}"};export{h as ion_datetime_button}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{r as i,d as o,a as t,h as n,F as s,f as r,g as p}from"./p-BpRUsN_W.js";import{i as e}from"./p-Co7eql8D.js";import{i as a}from"./p-Dojwmvde.js";import{c as l}from"./p-byZM6qHV.js";import{b as d}from"./p-SEecsUh7.js";const c=class{constructor(t){i(this,t),this.ionInput=o(this,"ionInput",7),this.ionChange=o(this,"ionChange",7),this.ionComplete=o(this,"ionComplete",7),this.ionBlur=o(this,"ionBlur",7),this.ionFocus=o(this,"ionFocus",7),this.inheritedAttributes={},this.inputRefs=[],this.inputId="ion-input-otp-"+u++,this.parsedSeparators=[],this.isKeyboardNavigation=!1,this.updateTabIndexesAfterRender=!1,this.inputValues=[],this.hasFocus=!1,this.previousInputValues=[],this.autocapitalize="off",this.disabled=!1,this.fill="outline",this.length=4,this.readonly=!1,this.shape="round",this.size="medium",this.type="number",this.value="",this.onFocus=i=>o=>{const{inputRefs:t}=this;this.hasFocus||(this.ionFocus.emit(o),this.focusedValue=this.value),this.hasFocus=!0;let n=i;if(!this.isKeyboardNavigation){const o=this.inputValues[i]?i:this.getFirstEmptyIndex();n=-1===o?this.length-1:o,this.inputRefs[n]?.focus()}t.forEach(((i,o)=>{i.tabIndex=o===n?0:-1})),this.isKeyboardNavigation=!1},this.onBlur=i=>{const{inputRefs:o}=this,t=i.relatedTarget;null!=t&&o.includes(t)||(this.hasFocus=!1,this.updateTabIndexes(),this.ionBlur.emit(i),this.focusedValue!==this.value&&this.emitIonChange(i))},this.onKeyDown=i=>o=>{const{disabled:t,length:n,readonly:s}=this,r=a(this.el),p=o.target;if(!t)if(!s||"Backspace"!==o.key&&"Delete"!==o.key){if(!(p.selectionStart!==p.selectionEnd||(o.metaKey||o.ctrlKey)&&["a","c","v","x","r","z","y"].includes(o.key.toLowerCase())))if("Backspace"===o.key)if(this.inputValues[i]){for(let o=i;o<n-1;o++)this.inputValues[o]=this.inputValues[o+1];this.inputValues[n-1]="";for(let i=0;i<n;i++)this.inputRefs[i].value=this.inputValues[i]||"";this.updateValue(o),o.preventDefault()}else!this.inputValues[i]&&i>0&&this.focusPrevious(i);else if("ArrowLeft"===o.key||"ArrowRight"===o.key){this.isKeyboardNavigation=!0,o.preventDefault();const t="ArrowLeft"===o.key;t&&r||!t&&!r?this.inputValues[i]&&i<n-1&&this.focusNext(i):this.focusPrevious(i)}else if("Tab"===o.key)return void(this.isKeyboardNavigation=!0)}else o.preventDefault()},this.onInput=i=>o=>{const{disabled:t,length:n,readonly:s,validKeyPattern:r}=this,p=o.target,e=p.value,a=this.previousInputValues[i]||"";if(t||s)return;if(e.length-a.length>1){const i=e.split("").filter((i=>r.test(i))).slice(0,n);0===i.length&&requestAnimationFrame((()=>{this.inputRefs.forEach((i=>{i.value=""}))}));for(let o=0;o<n;o++)this.inputValues[o]=i[o]||"",this.inputRefs[o].value=i[o]||"";return this.updateValue(o),setTimeout((()=>{const o=i.length<n?i.length:n-1;this.inputRefs[o]?.focus()}),20),void(this.previousInputValues=[...this.inputValues])}if(e.length>0&&!r.test(e[e.length-1]))return p.value=this.inputValues[i]||"",void(this.previousInputValues=[...this.inputValues]);if(0===p.selectionStart&&p.selectionEnd===e.length||!this.inputValues[i])return this.inputValues[i]=e,p.value=e,this.updateValue(o),this.focusNext(i),void(this.previousInputValues=[...this.inputValues]);if(this.inputValues[i]&&""===this.inputValues[this.inputValues.length-1]&&2===e.length){let t=o.data;if(t||(t=e.split("").find(((i,o)=>i!==a[o]))||e[e.length-1]),!r.test(t))return p.value=this.inputValues[i]||"",void(this.previousInputValues=[...this.inputValues]);for(let o=this.inputValues.length-1;o>i;o--)this.inputValues[o]=this.inputValues[o-1],this.inputRefs[o].value=this.inputValues[o]||"";return this.inputValues[i]=t,this.inputRefs[i].value=t,this.updateValue(o),void(this.previousInputValues=[...this.inputValues])}const l=e[(p.selectionStart??e.length)-1]??e[0];if(!r.test(l))return p.value=this.inputValues[i]||"",void(this.previousInputValues=[...this.inputValues]);this.inputValues[i]=l,p.value=l,this.updateValue(o),this.previousInputValues=[...this.inputValues]},this.onPaste=i=>{const{disabled:o,inputRefs:t,length:n,readonly:s,validKeyPattern:r}=this;if(i.preventDefault(),o||s)return;const p=i.clipboardData?.getData("text");if(!p)return void this.emitIonInput(i);const e=p.split("").filter((i=>r.test(i))).slice(0,n);e.forEach(((i,o)=>{o<n&&(this.inputRefs[o].value=i,this.inputValues[o]=i)})),this.value=e.join(""),this.updateValue(i);const a=e.length<n?e.length:n-1;t[a]?.focus()}}async setFocus(i){if("number"==typeof i){const o=Math.max(0,Math.min(i,this.length-1));this.inputRefs[o]?.focus()}else{const i=this.getTabbableIndex();this.inputRefs[i]?.focus()}}valueChanged(){this.initializeValues(),this.updateTabIndexes()}lengthChanged(){this.initializeValues(),this.updateTabIndexesAfterRender=!0}processSeparators(){const{separators:i,length:o}=this;if(void 0===i)return void(this.parsedSeparators=[]);if("string"==typeof i&&"all"!==i&&!/^(\d+)(,\d+)*$/.test(i))return t(`[ion-input-otp] - Invalid separators format. Expected a comma-separated list of numbers, an array of numbers, or "all". Received: ${i}`,this.el),void(this.parsedSeparators=[]);let n;n="all"===i?Array.from({length:o-1},((i,o)=>o+1)):Array.isArray(i)?i:i.split(",").map((i=>parseInt(i,10))).filter((i=>!isNaN(i))),n.filter(((i,o)=>n.indexOf(i)!==o)).length>0&&t(`[ion-input-otp] - Duplicate separator positions are not allowed. Received: ${i}`,this.el);const s=n.filter((i=>i>o));s.length>0&&t(`[ion-input-otp] - The following separator positions are greater than the input length (${o}): ${s.join(", ")}. These separators will be ignored.`,this.el),this.parsedSeparators=n.filter((i=>i<=o))}componentWillLoad(){this.inheritedAttributes=e(this.el),this.processSeparators(),this.initializeValues()}componentDidLoad(){this.updateTabIndexes()}componentDidRender(){this.updateTabIndexesAfterRender&&(this.updateTabIndexesAfterRender=!1,this.updateTabIndexes())}get validKeyPattern(){return new RegExp(`^${this.getPattern()}$`,"u")}getPattern(){const{pattern:i,type:o}=this;return i||("number"===o?"[\\p{N}]":"[\\p{L}\\p{N}]")}getInputmode(){const{inputmode:i}=this;return i||("number"==this.type?"numeric":"text")}initializeValues(){this.inputValues=Array(this.length).fill(""),null!=this.value&&0!==String(this.value).length&&(String(this.value).split("").slice(0,this.length).forEach(((i,o)=>{this.validKeyPattern.test(i)&&(this.inputValues[o]=i)})),this.value=this.inputValues.join(""),this.previousInputValues=[...this.inputValues])}updateValue(i){const{inputValues:o,length:t}=this,n=o.join("");this.value=n,this.emitIonInput(i),n.length===t&&this.ionComplete.emit({value:n})}emitIonChange(i){const{value:o}=this,t=null==o?o:o.toString();this.ionChange.emit({value:t,event:i})}emitIonInput(i){const{value:o}=this,t=null==o?o:o.toString();this.ionInput.emit({value:t,event:i})}focusNext(i){const{inputRefs:o,length:t}=this;i<t-1&&o[i+1]?.focus()}focusPrevious(i){const{inputRefs:o}=this;i>0&&o[i-1]?.focus()}getFirstEmptyIndex(){const{inputValues:i,length:o}=this;return Array.from({length:o},((o,t)=>i[t]||"")).findIndex((i=>!i||""===i))??-1}getTabbableIndex(){const{length:i}=this,o=this.getFirstEmptyIndex();return-1===o?i-1:o}updateTabIndexes(){const{inputRefs:i,inputValues:o,length:t}=this;let n=-1;for(let i=0;i<t;i++)if(!o[i]||""===o[i]){n=i;break}i.forEach(((i,s)=>{const r=-1===n?s===t-1:n===s;i.tabIndex=r?0:-1,i.setAttribute("aria-hidden",o[s]&&""!==o[s]||r?"false":"true")}))}showSeparator(i){const{length:o}=this;return this.parsedSeparators.includes(i+1)&&i<o-1}render(){const{autocapitalize:i,color:o,disabled:t,el:p,fill:e,hasFocus:a,inheritedAttributes:c,inputId:u,inputRefs:h,inputValues:g,length:v,readonly:m,shape:f,size:b}=this,x=d(this),w=this.getInputmode(),k=this.getTabbableIndex(),y=this.getPattern(),z=""!==p.querySelector(".input-otp-description")?.textContent?.trim();return n(r,{key:"def9fbd4fa135e6f435380c6ea86ac1621b4a111",class:l(o,{[x]:!0,"has-focus":a,[`input-otp-size-${b}`]:!0,[`input-otp-shape-${f}`]:!0,[`input-otp-fill-${e}`]:!0,"input-otp-disabled":t,"input-otp-readonly":m})},n("div",{key:"5d3d7646a3d4fc856b7b2e1f53d29fca47b10baf",role:"group","aria-label":"One-time password input",class:"input-otp-group",...c},Array.from({length:v}).map(((o,r)=>n(s,null,n("div",{class:"native-wrapper"},n("input",{class:"native-input",id:`${u}-${r}`,"aria-label":`Input ${r+1} of ${v}`,type:"text",autoCapitalize:i,inputmode:w,pattern:y,disabled:t,readOnly:m,tabIndex:r===k?0:-1,value:g[r]||"",autocomplete:"one-time-code",ref:i=>{i?h[r]=i:h.splice(r)},onInput:this.onInput(r),onBlur:this.onBlur,onFocus:this.onFocus(r),onKeyDown:this.onKeyDown(r),onPaste:this.onPaste})),this.showSeparator(r)&&n("div",{class:"input-otp-separator"}))))),n("div",{key:"9d72a4ab35b5fdd6bba9701050c385ed253b310f",class:{"input-otp-description":!0,"input-otp-description-hidden":!z}},n("slot",{key:"7deb3373c0d4e5deac22fa51577d271b9bb3a6d2"})))}get el(){return p(this)}static get watchers(){return{value:[{valueChanged:0}],length:[{lengthChanged:0},{processSeparators:0}],separators:[{processSeparators:0}]}}};let u=0;c.style={ios:".sc-ion-input-otp-ios-h{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--padding-top:16px;--padding-end:0;--padding-bottom:16px;--padding-start:0;--color:initial;--min-width:40px;--separator-width:8px;--separator-height:var(--separator-width);--separator-border-radius:999px;--separator-color:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-size:0.875rem}.input-otp-group.sc-ion-input-otp-ios{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper.sc-ion-input-otp-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input.sc-ion-input-otp-ios{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);background:var(--background);color:var(--color);font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.has-focus.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios{caret-color:var(--highlight-color)}.input-otp-description.sc-ion-input-otp-ios{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem;line-height:1.25rem;text-align:center}.input-otp-description-hidden.sc-ion-input-otp-ios{display:none}.input-otp-separator.sc-ion-input-otp-ios{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}.input-otp-size-small.sc-ion-input-otp-ios-h{--width:40px;--height:40px}.input-otp-size-small.sc-ion-input-otp-ios-h .input-otp-group.sc-ion-input-otp-ios{gap:8px}.input-otp-size-medium.sc-ion-input-otp-ios-h{--width:48px;--height:48px}.input-otp-size-large.sc-ion-input-otp-ios-h{--width:56px;--height:56px}.input-otp-size-medium.sc-ion-input-otp-ios-h .input-otp-group.sc-ion-input-otp-ios,.input-otp-size-large.sc-ion-input-otp-ios-h .input-otp-group.sc-ion-input-otp-ios{gap:12px}.input-otp-shape-round.sc-ion-input-otp-ios-h{--border-radius:16px}.input-otp-shape-soft.sc-ion-input-otp-ios-h{--border-radius:8px}.input-otp-shape-rectangular.sc-ion-input-otp-ios-h{--border-radius:0}.input-otp-fill-outline.sc-ion-input-otp-ios-h{--background:none}.input-otp-fill-solid.sc-ion-input-otp-ios-h{--border-color:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}.input-otp-disabled.sc-ion-input-otp-ios-h{--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6))}.input-otp-fill-outline.input-otp-disabled.sc-ion-input-otp-ios-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.input-otp-disabled.sc-ion-input-otp-ios-h,.input-otp-disabled.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios:disabled{cursor:not-allowed}.has-focus.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios:focus{--border-color:var(--highlight-color);outline:none}.input-otp-fill-outline.input-otp-readonly.sc-ion-input-otp-ios-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}.input-otp-fill-solid.input-otp-disabled.sc-ion-input-otp-ios-h,.input-otp-fill-solid.input-otp-readonly.sc-ion-input-otp-ios-h{--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.ion-touched.ion-invalid.sc-ion-input-otp-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-otp-ios-h{--highlight-color:var(--highlight-color-valid)}.has-focus.ion-valid.sc-ion-input-otp-ios-h,.ion-touched.ion-invalid.sc-ion-input-otp-ios-h{--border-color:var(--highlight-color)}.ion-color.sc-ion-input-otp-ios-h{--highlight-color-focused:var(--ion-color-base)}.input-otp-fill-outline.ion-color.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}.input-otp-fill-outline.ion-color.ion-invalid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.ion-invalid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-outline.ion-color.has-focus.ion-invalid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.has-focus.ion-invalid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios{border-color:var(--ion-color-danger, #c5000f)}.input-otp-fill-outline.ion-color.ion-valid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.ion-valid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-outline.ion-color.has-focus.ion-valid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.has-focus.ion-valid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios{border-color:var(--ion-color-success, #2dd55b)}.input-otp-fill-outline.input-otp-disabled.ion-color.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios{border-color:rgba(var(--ion-color-base-rgb), 0.3)}.sc-ion-input-otp-ios-h{--border-width:0.55px}.has-focus.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios:focus{--border-width:1px}.input-otp-fill-outline.sc-ion-input-otp-ios-h{--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))))}",md:".sc-ion-input-otp-md-h{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--padding-top:16px;--padding-end:0;--padding-bottom:16px;--padding-start:0;--color:initial;--min-width:40px;--separator-width:8px;--separator-height:var(--separator-width);--separator-border-radius:999px;--separator-color:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-size:0.875rem}.input-otp-group.sc-ion-input-otp-md{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper.sc-ion-input-otp-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input.sc-ion-input-otp-md{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);background:var(--background);color:var(--color);font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.has-focus.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md{caret-color:var(--highlight-color)}.input-otp-description.sc-ion-input-otp-md{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem;line-height:1.25rem;text-align:center}.input-otp-description-hidden.sc-ion-input-otp-md{display:none}.input-otp-separator.sc-ion-input-otp-md{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}.input-otp-size-small.sc-ion-input-otp-md-h{--width:40px;--height:40px}.input-otp-size-small.sc-ion-input-otp-md-h .input-otp-group.sc-ion-input-otp-md{gap:8px}.input-otp-size-medium.sc-ion-input-otp-md-h{--width:48px;--height:48px}.input-otp-size-large.sc-ion-input-otp-md-h{--width:56px;--height:56px}.input-otp-size-medium.sc-ion-input-otp-md-h .input-otp-group.sc-ion-input-otp-md,.input-otp-size-large.sc-ion-input-otp-md-h .input-otp-group.sc-ion-input-otp-md{gap:12px}.input-otp-shape-round.sc-ion-input-otp-md-h{--border-radius:16px}.input-otp-shape-soft.sc-ion-input-otp-md-h{--border-radius:8px}.input-otp-shape-rectangular.sc-ion-input-otp-md-h{--border-radius:0}.input-otp-fill-outline.sc-ion-input-otp-md-h{--background:none}.input-otp-fill-solid.sc-ion-input-otp-md-h{--border-color:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}.input-otp-disabled.sc-ion-input-otp-md-h{--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6))}.input-otp-fill-outline.input-otp-disabled.sc-ion-input-otp-md-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.input-otp-disabled.sc-ion-input-otp-md-h,.input-otp-disabled.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md:disabled{cursor:not-allowed}.has-focus.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md:focus{--border-color:var(--highlight-color);outline:none}.input-otp-fill-outline.input-otp-readonly.sc-ion-input-otp-md-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}.input-otp-fill-solid.input-otp-disabled.sc-ion-input-otp-md-h,.input-otp-fill-solid.input-otp-readonly.sc-ion-input-otp-md-h{--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.ion-touched.ion-invalid.sc-ion-input-otp-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-otp-md-h{--highlight-color:var(--highlight-color-valid)}.has-focus.ion-valid.sc-ion-input-otp-md-h,.ion-touched.ion-invalid.sc-ion-input-otp-md-h{--border-color:var(--highlight-color)}.ion-color.sc-ion-input-otp-md-h{--highlight-color-focused:var(--ion-color-base)}.input-otp-fill-outline.ion-color.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}.input-otp-fill-outline.ion-color.ion-invalid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.ion-invalid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-outline.ion-color.has-focus.ion-invalid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.has-focus.ion-invalid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md{border-color:var(--ion-color-danger, #c5000f)}.input-otp-fill-outline.ion-color.ion-valid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.ion-valid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-outline.ion-color.has-focus.ion-valid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.has-focus.ion-valid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md{border-color:var(--ion-color-success, #2dd55b)}.input-otp-fill-outline.input-otp-disabled.ion-color.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md{border-color:rgba(var(--ion-color-base-rgb), 0.3)}.sc-ion-input-otp-md-h{--border-width:1px}.has-focus.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md:focus{--border-width:2px}.input-otp-fill-outline.sc-ion-input-otp-md-h{--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3))}"};export{c as ion_input_otp}
|
|
4
|
+
import{r as i,d as o,a as t,h as n,F as s,f as r,g as p}from"./p-BpRUsN_W.js";import{i as e}from"./p-B2y1T0dN.js";import{i as a}from"./p-Dj4J3LkD.js";import{c as l}from"./p-byZM6qHV.js";import{b as d}from"./p-SEecsUh7.js";const c=class{constructor(t){i(this,t),this.ionInput=o(this,"ionInput",7),this.ionChange=o(this,"ionChange",7),this.ionComplete=o(this,"ionComplete",7),this.ionBlur=o(this,"ionBlur",7),this.ionFocus=o(this,"ionFocus",7),this.inheritedAttributes={},this.inputRefs=[],this.inputId="ion-input-otp-"+u++,this.parsedSeparators=[],this.isKeyboardNavigation=!1,this.updateTabIndexesAfterRender=!1,this.inputValues=[],this.hasFocus=!1,this.previousInputValues=[],this.autocapitalize="off",this.disabled=!1,this.fill="outline",this.length=4,this.readonly=!1,this.shape="round",this.size="medium",this.type="number",this.value="",this.onFocus=i=>o=>{const{inputRefs:t}=this;this.hasFocus||(this.ionFocus.emit(o),this.focusedValue=this.value),this.hasFocus=!0;let n=i;if(!this.isKeyboardNavigation){const o=this.inputValues[i]?i:this.getFirstEmptyIndex();n=-1===o?this.length-1:o,this.inputRefs[n]?.focus()}t.forEach(((i,o)=>{i.tabIndex=o===n?0:-1})),this.isKeyboardNavigation=!1},this.onBlur=i=>{const{inputRefs:o}=this,t=i.relatedTarget;null!=t&&o.includes(t)||(this.hasFocus=!1,this.updateTabIndexes(),this.ionBlur.emit(i),this.focusedValue!==this.value&&this.emitIonChange(i))},this.onKeyDown=i=>o=>{const{disabled:t,length:n,readonly:s}=this,r=a(this.el),p=o.target;if(!t)if(!s||"Backspace"!==o.key&&"Delete"!==o.key){if(!(p.selectionStart!==p.selectionEnd||(o.metaKey||o.ctrlKey)&&["a","c","v","x","r","z","y"].includes(o.key.toLowerCase())))if("Backspace"===o.key)if(this.inputValues[i]){for(let o=i;o<n-1;o++)this.inputValues[o]=this.inputValues[o+1];this.inputValues[n-1]="";for(let i=0;i<n;i++)this.inputRefs[i].value=this.inputValues[i]||"";this.updateValue(o),o.preventDefault()}else!this.inputValues[i]&&i>0&&this.focusPrevious(i);else if("ArrowLeft"===o.key||"ArrowRight"===o.key){this.isKeyboardNavigation=!0,o.preventDefault();const t="ArrowLeft"===o.key;t&&r||!t&&!r?this.inputValues[i]&&i<n-1&&this.focusNext(i):this.focusPrevious(i)}else if("Tab"===o.key)return void(this.isKeyboardNavigation=!0)}else o.preventDefault()},this.onInput=i=>o=>{const{disabled:t,length:n,readonly:s,validKeyPattern:r}=this,p=o.target,e=p.value,a=this.previousInputValues[i]||"";if(t||s)return;if(e.length-a.length>1){const i=e.split("").filter((i=>r.test(i))).slice(0,n);0===i.length&&requestAnimationFrame((()=>{this.inputRefs.forEach((i=>{i.value=""}))}));for(let o=0;o<n;o++)this.inputValues[o]=i[o]||"",this.inputRefs[o].value=i[o]||"";return this.updateValue(o),setTimeout((()=>{const o=i.length<n?i.length:n-1;this.inputRefs[o]?.focus()}),20),void(this.previousInputValues=[...this.inputValues])}if(e.length>0&&!r.test(e[e.length-1]))return p.value=this.inputValues[i]||"",void(this.previousInputValues=[...this.inputValues]);if(0===p.selectionStart&&p.selectionEnd===e.length||!this.inputValues[i])return this.inputValues[i]=e,p.value=e,this.updateValue(o),this.focusNext(i),void(this.previousInputValues=[...this.inputValues]);if(this.inputValues[i]&&""===this.inputValues[this.inputValues.length-1]&&2===e.length){let t=o.data;if(t||(t=e.split("").find(((i,o)=>i!==a[o]))||e[e.length-1]),!r.test(t))return p.value=this.inputValues[i]||"",void(this.previousInputValues=[...this.inputValues]);for(let o=this.inputValues.length-1;o>i;o--)this.inputValues[o]=this.inputValues[o-1],this.inputRefs[o].value=this.inputValues[o]||"";return this.inputValues[i]=t,this.inputRefs[i].value=t,this.updateValue(o),void(this.previousInputValues=[...this.inputValues])}const l=e[(p.selectionStart??e.length)-1]??e[0];if(!r.test(l))return p.value=this.inputValues[i]||"",void(this.previousInputValues=[...this.inputValues]);this.inputValues[i]=l,p.value=l,this.updateValue(o),this.previousInputValues=[...this.inputValues]},this.onPaste=i=>{const{disabled:o,inputRefs:t,length:n,readonly:s,validKeyPattern:r}=this;if(i.preventDefault(),o||s)return;const p=i.clipboardData?.getData("text");if(!p)return void this.emitIonInput(i);const e=p.split("").filter((i=>r.test(i))).slice(0,n);e.forEach(((i,o)=>{o<n&&(this.inputRefs[o].value=i,this.inputValues[o]=i)})),this.value=e.join(""),this.updateValue(i);const a=e.length<n?e.length:n-1;t[a]?.focus()}}async setFocus(i){if("number"==typeof i){const o=Math.max(0,Math.min(i,this.length-1));this.inputRefs[o]?.focus()}else{const i=this.getTabbableIndex();this.inputRefs[i]?.focus()}}valueChanged(){this.initializeValues(),this.updateTabIndexes()}lengthChanged(){this.initializeValues(),this.updateTabIndexesAfterRender=!0}processSeparators(){const{separators:i,length:o}=this;if(void 0===i)return void(this.parsedSeparators=[]);if("string"==typeof i&&"all"!==i&&!/^(\d+)(,\d+)*$/.test(i))return t(`[ion-input-otp] - Invalid separators format. Expected a comma-separated list of numbers, an array of numbers, or "all". Received: ${i}`,this.el),void(this.parsedSeparators=[]);let n;n="all"===i?Array.from({length:o-1},((i,o)=>o+1)):Array.isArray(i)?i:i.split(",").map((i=>parseInt(i,10))).filter((i=>!isNaN(i))),n.filter(((i,o)=>n.indexOf(i)!==o)).length>0&&t(`[ion-input-otp] - Duplicate separator positions are not allowed. Received: ${i}`,this.el);const s=n.filter((i=>i>o));s.length>0&&t(`[ion-input-otp] - The following separator positions are greater than the input length (${o}): ${s.join(", ")}. These separators will be ignored.`,this.el),this.parsedSeparators=n.filter((i=>i<=o))}componentWillLoad(){this.inheritedAttributes=e(this.el),this.processSeparators(),this.initializeValues()}componentDidLoad(){this.updateTabIndexes()}componentDidRender(){this.updateTabIndexesAfterRender&&(this.updateTabIndexesAfterRender=!1,this.updateTabIndexes())}get validKeyPattern(){return new RegExp(`^${this.getPattern()}$`,"u")}getPattern(){const{pattern:i,type:o}=this;return i||("number"===o?"[\\p{N}]":"[\\p{L}\\p{N}]")}getInputmode(){const{inputmode:i}=this;return i||("number"==this.type?"numeric":"text")}initializeValues(){this.inputValues=Array(this.length).fill(""),null!=this.value&&0!==String(this.value).length&&(String(this.value).split("").slice(0,this.length).forEach(((i,o)=>{this.validKeyPattern.test(i)&&(this.inputValues[o]=i)})),this.value=this.inputValues.join(""),this.previousInputValues=[...this.inputValues])}updateValue(i){const{inputValues:o,length:t}=this,n=o.join("");this.value=n,this.emitIonInput(i),n.length===t&&this.ionComplete.emit({value:n})}emitIonChange(i){const{value:o}=this,t=null==o?o:o.toString();this.ionChange.emit({value:t,event:i})}emitIonInput(i){const{value:o}=this,t=null==o?o:o.toString();this.ionInput.emit({value:t,event:i})}focusNext(i){const{inputRefs:o,length:t}=this;i<t-1&&o[i+1]?.focus()}focusPrevious(i){const{inputRefs:o}=this;i>0&&o[i-1]?.focus()}getFirstEmptyIndex(){const{inputValues:i,length:o}=this;return Array.from({length:o},((o,t)=>i[t]||"")).findIndex((i=>!i||""===i))??-1}getTabbableIndex(){const{length:i}=this,o=this.getFirstEmptyIndex();return-1===o?i-1:o}updateTabIndexes(){const{inputRefs:i,inputValues:o,length:t}=this;let n=-1;for(let i=0;i<t;i++)if(!o[i]||""===o[i]){n=i;break}i.forEach(((i,s)=>{const r=-1===n?s===t-1:n===s;i.tabIndex=r?0:-1,i.setAttribute("aria-hidden",o[s]&&""!==o[s]||r?"false":"true")}))}showSeparator(i){const{length:o}=this;return this.parsedSeparators.includes(i+1)&&i<o-1}render(){const{autocapitalize:i,color:o,disabled:t,el:p,fill:e,hasFocus:a,inheritedAttributes:c,inputId:u,inputRefs:h,inputValues:g,length:v,readonly:m,shape:f,size:b}=this,x=d(this),k=this.getInputmode(),w=this.getTabbableIndex(),y=this.getPattern(),z=""!==p.querySelector(".input-otp-description")?.textContent?.trim();return n(r,{key:"def9fbd4fa135e6f435380c6ea86ac1621b4a111",class:l(o,{[x]:!0,"has-focus":a,[`input-otp-size-${b}`]:!0,[`input-otp-shape-${f}`]:!0,[`input-otp-fill-${e}`]:!0,"input-otp-disabled":t,"input-otp-readonly":m})},n("div",{key:"5d3d7646a3d4fc856b7b2e1f53d29fca47b10baf",role:"group","aria-label":"One-time password input",class:"input-otp-group",...c},Array.from({length:v}).map(((o,r)=>n(s,null,n("div",{class:"native-wrapper"},n("input",{class:"native-input",id:`${u}-${r}`,"aria-label":`Input ${r+1} of ${v}`,type:"text",autoCapitalize:i,inputmode:k,pattern:y,disabled:t,readOnly:m,tabIndex:r===w?0:-1,value:g[r]||"",autocomplete:"one-time-code",ref:i=>{i?h[r]=i:h.splice(r)},onInput:this.onInput(r),onBlur:this.onBlur,onFocus:this.onFocus(r),onKeyDown:this.onKeyDown(r),onPaste:this.onPaste})),this.showSeparator(r)&&n("div",{class:"input-otp-separator"}))))),n("div",{key:"9d72a4ab35b5fdd6bba9701050c385ed253b310f",class:{"input-otp-description":!0,"input-otp-description-hidden":!z}},n("slot",{key:"7deb3373c0d4e5deac22fa51577d271b9bb3a6d2"})))}get el(){return p(this)}static get watchers(){return{value:[{valueChanged:0}],length:[{lengthChanged:0},{processSeparators:0}],separators:[{processSeparators:0}]}}};let u=0;c.style={ios:".sc-ion-input-otp-ios-h{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--padding-top:16px;--padding-end:0;--padding-bottom:16px;--padding-start:0;--color:initial;--min-width:40px;--separator-width:8px;--separator-height:var(--separator-width);--separator-border-radius:999px;--separator-color:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-size:0.875rem}.input-otp-group.sc-ion-input-otp-ios{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper.sc-ion-input-otp-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input.sc-ion-input-otp-ios{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);background:var(--background);color:var(--color);font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.has-focus.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios{caret-color:var(--highlight-color)}.input-otp-description.sc-ion-input-otp-ios{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem;line-height:1.25rem;text-align:center}.input-otp-description-hidden.sc-ion-input-otp-ios{display:none}.input-otp-separator.sc-ion-input-otp-ios{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}.input-otp-size-small.sc-ion-input-otp-ios-h{--width:40px;--height:40px}.input-otp-size-small.sc-ion-input-otp-ios-h .input-otp-group.sc-ion-input-otp-ios{gap:8px}.input-otp-size-medium.sc-ion-input-otp-ios-h{--width:48px;--height:48px}.input-otp-size-large.sc-ion-input-otp-ios-h{--width:56px;--height:56px}.input-otp-size-medium.sc-ion-input-otp-ios-h .input-otp-group.sc-ion-input-otp-ios,.input-otp-size-large.sc-ion-input-otp-ios-h .input-otp-group.sc-ion-input-otp-ios{gap:12px}.input-otp-shape-round.sc-ion-input-otp-ios-h{--border-radius:16px}.input-otp-shape-soft.sc-ion-input-otp-ios-h{--border-radius:8px}.input-otp-shape-rectangular.sc-ion-input-otp-ios-h{--border-radius:0}.input-otp-fill-outline.sc-ion-input-otp-ios-h{--background:none}.input-otp-fill-solid.sc-ion-input-otp-ios-h{--border-color:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}.input-otp-disabled.sc-ion-input-otp-ios-h{--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6))}.input-otp-fill-outline.input-otp-disabled.sc-ion-input-otp-ios-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.input-otp-disabled.sc-ion-input-otp-ios-h,.input-otp-disabled.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios:disabled{cursor:not-allowed}.has-focus.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios:focus{--border-color:var(--highlight-color);outline:none}.input-otp-fill-outline.input-otp-readonly.sc-ion-input-otp-ios-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}.input-otp-fill-solid.input-otp-disabled.sc-ion-input-otp-ios-h,.input-otp-fill-solid.input-otp-readonly.sc-ion-input-otp-ios-h{--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.ion-touched.ion-invalid.sc-ion-input-otp-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-otp-ios-h{--highlight-color:var(--highlight-color-valid)}.has-focus.ion-valid.sc-ion-input-otp-ios-h,.ion-touched.ion-invalid.sc-ion-input-otp-ios-h{--border-color:var(--highlight-color)}.ion-color.sc-ion-input-otp-ios-h{--highlight-color-focused:var(--ion-color-base)}.input-otp-fill-outline.ion-color.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}.input-otp-fill-outline.ion-color.ion-invalid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.ion-invalid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-outline.ion-color.has-focus.ion-invalid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.has-focus.ion-invalid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios{border-color:var(--ion-color-danger, #c5000f)}.input-otp-fill-outline.ion-color.ion-valid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.ion-valid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-outline.ion-color.has-focus.ion-valid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.has-focus.ion-valid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios{border-color:var(--ion-color-success, #2dd55b)}.input-otp-fill-outline.input-otp-disabled.ion-color.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios{border-color:rgba(var(--ion-color-base-rgb), 0.3)}.sc-ion-input-otp-ios-h{--border-width:0.55px}.has-focus.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios:focus{--border-width:1px}.input-otp-fill-outline.sc-ion-input-otp-ios-h{--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))))}",md:".sc-ion-input-otp-md-h{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--padding-top:16px;--padding-end:0;--padding-bottom:16px;--padding-start:0;--color:initial;--min-width:40px;--separator-width:8px;--separator-height:var(--separator-width);--separator-border-radius:999px;--separator-color:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-size:0.875rem}.input-otp-group.sc-ion-input-otp-md{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper.sc-ion-input-otp-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input.sc-ion-input-otp-md{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);background:var(--background);color:var(--color);font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.has-focus.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md{caret-color:var(--highlight-color)}.input-otp-description.sc-ion-input-otp-md{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem;line-height:1.25rem;text-align:center}.input-otp-description-hidden.sc-ion-input-otp-md{display:none}.input-otp-separator.sc-ion-input-otp-md{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}.input-otp-size-small.sc-ion-input-otp-md-h{--width:40px;--height:40px}.input-otp-size-small.sc-ion-input-otp-md-h .input-otp-group.sc-ion-input-otp-md{gap:8px}.input-otp-size-medium.sc-ion-input-otp-md-h{--width:48px;--height:48px}.input-otp-size-large.sc-ion-input-otp-md-h{--width:56px;--height:56px}.input-otp-size-medium.sc-ion-input-otp-md-h .input-otp-group.sc-ion-input-otp-md,.input-otp-size-large.sc-ion-input-otp-md-h .input-otp-group.sc-ion-input-otp-md{gap:12px}.input-otp-shape-round.sc-ion-input-otp-md-h{--border-radius:16px}.input-otp-shape-soft.sc-ion-input-otp-md-h{--border-radius:8px}.input-otp-shape-rectangular.sc-ion-input-otp-md-h{--border-radius:0}.input-otp-fill-outline.sc-ion-input-otp-md-h{--background:none}.input-otp-fill-solid.sc-ion-input-otp-md-h{--border-color:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}.input-otp-disabled.sc-ion-input-otp-md-h{--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6))}.input-otp-fill-outline.input-otp-disabled.sc-ion-input-otp-md-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.input-otp-disabled.sc-ion-input-otp-md-h,.input-otp-disabled.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md:disabled{cursor:not-allowed}.has-focus.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md:focus{--border-color:var(--highlight-color);outline:none}.input-otp-fill-outline.input-otp-readonly.sc-ion-input-otp-md-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}.input-otp-fill-solid.input-otp-disabled.sc-ion-input-otp-md-h,.input-otp-fill-solid.input-otp-readonly.sc-ion-input-otp-md-h{--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.ion-touched.ion-invalid.sc-ion-input-otp-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-otp-md-h{--highlight-color:var(--highlight-color-valid)}.has-focus.ion-valid.sc-ion-input-otp-md-h,.ion-touched.ion-invalid.sc-ion-input-otp-md-h{--border-color:var(--highlight-color)}.ion-color.sc-ion-input-otp-md-h{--highlight-color-focused:var(--ion-color-base)}.input-otp-fill-outline.ion-color.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}.input-otp-fill-outline.ion-color.ion-invalid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.ion-invalid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-outline.ion-color.has-focus.ion-invalid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.has-focus.ion-invalid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md{border-color:var(--ion-color-danger, #c5000f)}.input-otp-fill-outline.ion-color.ion-valid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.ion-valid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-outline.ion-color.has-focus.ion-valid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.has-focus.ion-valid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md{border-color:var(--ion-color-success, #2dd55b)}.input-otp-fill-outline.input-otp-disabled.ion-color.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md{border-color:rgba(var(--ion-color-base-rgb), 0.3)}.sc-ion-input-otp-md-h{--border-width:1px}.has-focus.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md:focus{--border-width:2px}.input-otp-fill-outline.sc-ion-input-otp-md-h{--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3))}"};export{c as ion_input_otp}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,d as o,c as n,a as e,g as i,h as r,f as s}from"./p-BpRUsN_W.js";import{c as a,r as c,u as h}from"./p-Co7eql8D.js";import{a as u,i as l,g as f}from"./p-CXs4J83x.js";import{o as d,c as w}from"./p-byZM6qHV.js";import{b as m}from"./p-SEecsUh7.js";import"./p-Dojwmvde.js";const p=class{constructor(n){t(this,n),this.ionRouteDataChanged=o(this,"ionRouteDataChanged",7),this.url=""}onUpdate(t){this.ionRouteDataChanged.emit(t)}onComponentProps(t,o){if(t===o)return;const n=t?Object.keys(t):[],e=o?Object.keys(o):[];if(n.length===e.length){for(const e of n)if(t[e]!==o[e])return void this.onUpdate(t)}else this.onUpdate(t)}connectedCallback(){this.ionRouteDataChanged.emit()}static get watchers(){return{url:[{onUpdate:0}],component:[{onUpdate:0}],componentProps:[{onComponentProps:0}]}}},g=class{constructor(n){t(this,n),this.ionRouteRedirectChanged=o(this,"ionRouteRedirectChanged",7)}propDidChange(){this.ionRouteRedirectChanged.emit()}connectedCallback(){this.ionRouteRedirectChanged.emit()}static get watchers(){return{from:[{propDidChange:0}],to:[{propDidChange:0}]}}},b="root",y="forward",v=t=>"/"+t.filter((t=>t.length>0)).join("/"),C=t=>{let o,n,e=[""];if(null!=t){const i=t.indexOf("#");i>-1&&(n=t.substring(i+1),t=t.substring(0,i));const r=t.indexOf("?");r>-1&&(o=t.substring(r+1),t=t.substring(0,r)),e=t.split("/").map((t=>t.trim())).filter((t=>t.length>0)),0===e.length&&(e=[""])}return{segments:e,queryString:o,fragment:n}},R=async(t,o,e,i,r=!1,s)=>{try{const n=E(t);if(i>=o.length||!n)return r;await new Promise((t=>a(n,t)));const c=o[i],h=await n.setRouteId(c.id,c.params,e,s);return h.changed&&(e=b,r=!0),r=await R(h.element,o,e,i+1,r,s),h.markVisible&&await h.markVisible(),r}catch(t){return n("[ion-router] - Exception in writeNavState:",t),!1}},S=()=>new Promise((t=>c((()=>t())))),k=t=>{const o=t.closest(".ion-page");return null===o?null===document.querySelector(".ion-page"):null===o.closest(".ion-page-hidden, .tab-hidden")},j=":not([no-router]) ion-tabs, :not([no-router]) ion-router-outlet",E=t=>{if(t)return t.matches(j)?t:t.querySelector(j)??void 0},D=(t,o)=>o.find((o=>((t,o)=>{const{from:n,to:e}=o;if(void 0===e)return!1;if(n.length>t.length)return!1;for(let o=0;o<n.length;o++){const e=n[o];if("*"===e)return!0;if(e!==t[o])return!1}return n.length===t.length})(t,o))),$=(t,o)=>{const n=Math.min(t.length,o.length);let e=0;for(let i=0;i<n;i++){const n=t[i],r=o[i];if(n.id.toLowerCase()!==r.id)break;if(n.params){const t=Object.keys(n.params);if(t.length===r.segments.length){const o=t.map((t=>`:${t}`));for(let t=0;t<o.length&&o[t].toLowerCase()===r.segments[t];t++)e++}}e++}return e},x=(t,o)=>{const n=new L(t);let e,i=!1;for(let t=0;t<o.length;t++){const r=o[t].segments;if(""===r[0])i=!0;else{for(const o of r){const i=n.next();if(":"===o[0]){if(""===i)return null;e=e||[],(e[t]||(e[t]={}))[o.slice(1)]=i}else if(i!==o)return null}i=!1}}return i&&i!==(""===n.next())?null:e?o.map(((t,o)=>({id:t.id,segments:t.segments,params:T(t.params,e[o]),beforeEnter:t.beforeEnter,beforeLeave:t.beforeLeave}))):o},T=(t,o)=>t||o?{...t,...o}:void 0,U=(t,o)=>{let n=null,e=0;for(const i of o){const o=x(t,i);if(null!==o){const t=N(o);t>e&&(e=t,n=o)}}return n},N=t=>{let o=1,n=1;for(const e of t)for(const t of e.segments)":"===t[0]?o+=Math.pow(1,n):""!==t&&(o+=Math.pow(2,n)),n++;return o};class L{constructor(t){this.segments=t.slice()}next(){return this.segments.length>0?this.segments.shift():""}}const O=(t,o)=>o in t?t[o]:t.hasAttribute(o)?t.getAttribute(o):null,P=t=>Array.from(t.children).filter((t=>"ION-ROUTE-REDIRECT"===t.tagName)).map((t=>{const o=O(t,"to");return{from:C(O(t,"from")).segments,to:null==o?void 0:C(o)}})),W=t=>q(_(t)),_=t=>Array.from(t.children).filter((t=>"ION-ROUTE"===t.tagName&&Boolean(t.component))).map((t=>{const o=O(t,"component");return{segments:C(O(t,"url")).segments,id:o.toLowerCase(),params:t.componentProps,beforeLeave:t.beforeLeave,beforeEnter:t.beforeEnter,children:_(t)}})),q=t=>{const o=[];for(const n of t)F([],o,n);return o},F=(t,o,n)=>{if(t=[...t,{id:n.id,segments:n.segments,params:n.params,beforeLeave:n.beforeLeave,beforeEnter:n.beforeEnter}],0!==n.children.length)for(const e of n.children)F(t,o,e);else o.push(t)},I=class{constructor(n){t(this,n),this.ionRouteWillChange=o(this,"ionRouteWillChange",7),this.ionRouteDidChange=o(this,"ionRouteDidChange",7),this.previousPath=null,this.busy=!1,this.state=0,this.lastState=0,this.fragmentScrollToken=0,this.root="/",this.useHash=!0}async componentWillLoad(){await(E(document.body)?Promise.resolve():new Promise((t=>{const o=()=>{window.removeEventListener("ionNavWillLoad",o),clearTimeout(n),t()},n=setTimeout(o,500);window.addEventListener("ionNavWillLoad",o,{once:!0})})));const t=await this.runGuards(this.getSegments());if(!0===t)await this.onRoutesChanged()&&this.maybeScrollToFragment();else if("object"==typeof t){const{redirect:o}=t,n=C(o);this.setSegments(n.segments,b,n.queryString,n.fragment),await this.writeNavStateRoot(n.segments,b)&&this.maybeScrollToFragment()}}componentDidLoad(){window.addEventListener("ionRouteRedirectChanged",h(this.onRedirectChanged.bind(this),10)),window.addEventListener("ionRouteDataChanged",h(this.onRoutesChanged.bind(this),100))}async onPopState(){const t=this.historyDirection();let o=this.getSegments();const n=await this.runGuards(o);if(!0!==n){if("object"!=typeof n)return!1;o=C(n.redirect).segments}const e=await this.writeNavStateRoot(o,t);return e&&this.maybeScrollToFragment(),e}onBackButton(t){t.detail.register(0,(t=>{this.back(),t()}))}async canTransition(){const t=await this.runGuards();return!0===t||"object"==typeof t&&t.redirect}async push(t,o="forward",n){if(t.startsWith(".")){const o=new URL(t,`https://host/${this.previousPath??"/"}`);t=o.pathname+o.search+o.hash}let e=C(t);const i=await this.runGuards(e.segments);if(!0!==i){if("object"!=typeof i)return!1;e=C(i.redirect)}this.setSegments(e.segments,o,e.queryString,e.fragment);const r=await this.writeNavStateRoot(e.segments,o,n);return r&&this.maybeScrollToFragment(),r}back(){return window.history.back(),Promise.resolve(this.waitPromise)}async printDebug(){(t=>{console.group(`[ion-core] ROUTES[${t.length}]`);for(const o of t){const t=[];o.forEach((o=>t.push(...o.segments)));const n=o.map((t=>t.id));console.debug(`%c ${v(t)}`,"font-weight: bold; padding-left: 20px","=>\t",`(${n.join(", ")})`)}console.groupEnd()})(W(this.el)),(t=>{console.group(`[ion-core] REDIRECTS[${t.length}]`);for(const o of t)o.to&&console.debug("FROM: ",`$c ${v(o.from)}`,"font-weight: bold"," TO: ",`$c ${v(o.to.segments)}`,"font-weight: bold");console.groupEnd()})(P(this.el))}async navChanged(t){if(this.busy)return e("[ion-router] - Router is busy, navChanged was cancelled."),!1;const{ids:o,outlet:n}=await(async()=>{const t=[];let o,n=window.document.body;for(;o=E(n);){const e=await o.getRouteId();if(!e)break;n=e.element,e.element=void 0,t.push(e)}return{ids:t,outlet:o}})(),i=((t,o)=>{let n=null,e=0;for(const i of o){const o=$(t,i);o>e&&(n=i,e=o)}return n?n.map(((o,n)=>({id:o.id,segments:o.segments,params:T(o.params,t[n]?.params)}))):null})(o,W(this.el));if(!i)return e("[ion-router] - No matching URL for",o.map((t=>t.id))),!1;const r=(t=>{const o=[];for(const n of t)for(const t of n.segments)if(":"===t[0]){const e=n.params&&n.params[t.slice(1)];if(!e)return null;o.push(e)}else""!==t&&o.push(t);return o})(i);if(!r)return e("[ion-router] - Router could not match path because some required param is missing."),!1;const s=v(r)===this.previousPath?this.getFragment():void 0;return this.setSegments(r,t,void 0,s),await this.safeWriteNavState(n,i,b,r,null,o.length),!0}onRedirectChanged(){const t=this.getSegments();t&&D(t,P(this.el))&&this.writeNavStateRoot(t,b)}onRoutesChanged(){return this.writeNavStateRoot(this.getSegments(),b)}historyDirection(){const t=window;null===t.history.state&&(this.state++,t.history.replaceState(this.state,t.document.title,t.document.location?.href));const o=t.history.state,n=this.lastState;return this.lastState=o,o>n||o>=n&&n>0?y:o<n?"back":b}async writeNavStateRoot(t,o,e){if(!t)return n("[ion-router] - URL is not part of the routing set."),!1;const i=P(this.el),r=D(t,i);let s=null;if(r){const{segments:n,queryString:e,fragment:i}=r.to;this.setSegments(n,o,e,i),s=r.from,t=n}const a=W(this.el),c=U(t,a);return c?this.safeWriteNavState(document.body,c,o,t,s,0,e):(n("[ion-router] - The path does not match any route."),!1)}async safeWriteNavState(t,o,e,i,r,s=0,a){const c=await this.lock();let h=!1;try{h=await this.writeNavState(t,o,e,i,r,s,a)}catch(t){n("[ion-router] - Exception in safeWriteNavState:",t)}return c(),h}async lock(){const t=this.waitPromise;let o;return this.waitPromise=new Promise((t=>o=t)),void 0!==t&&await t,o}async runGuards(t=this.getSegments(),o){if(void 0===o&&(o=C(this.previousPath).segments),!t||!o)return!0;const n=W(this.el),e=U(o,n),i=e&&e[e.length-1].beforeLeave,r=!i||await i();if(!1===r||"object"==typeof r)return r;const s=U(t,n),a=s&&s[s.length-1].beforeEnter;return!a||a()}async writeNavState(t,o,n,i,r,s=0,a){if(this.busy)return e("[ion-router] - Router is busy, transition was cancelled."),!1;this.busy=!0;const c=this.routeChangeEvent(i,r);c&&this.ionRouteWillChange.emit(c);const h=await R(t,o,n,s,!1,a);return this.busy=!1,c&&this.ionRouteDidChange.emit(c),h}setSegments(t,o,n,e){this.state++,this.fragmentScrollToken++,((t,o,n,e,i,r,s,a)=>{const c=((t,o,n,e)=>{let i=v(t);return o&&(i="#"+i),void 0!==n&&(i+="?"+n),void 0!==e&&(i+="#"+e),i})([...C(o).segments,...e],n,s,a);i===y?t.pushState(r,"",c):t.replaceState(r,"",c)})(window.history,this.root,this.useHash,t,o,this.state,n,e)}getSegments(){return((t,o,n)=>{const e=C(this.root).segments,i=n?t.hash.slice(1):t.pathname;return((t,o)=>{if(t.length>o.length)return null;if(t.length<=1&&""===t[0])return o;for(let n=0;n<t.length;n++)if(t[n]!==o[n])return null;return o.length===t.length?[""]:o.slice(t.length)})(e,C(i).segments)})(window.location,0,this.useHash)}getFragment(){return(this.useHash?C(window.location.hash.slice(1)).fragment:window.location.hash.slice(1))||void 0}maybeScrollToFragment(){const t=this.getFragment();if(!t)return;const o=this.fragmentScrollToken;(async(t,o=()=>!0)=>{if(null==t||""===t)return!1;let e;try{e=decodeURIComponent(t)}catch{e=t}const i=await(async(t,o)=>{const n="undefined"!=typeof CSS&&"function"==typeof CSS.escape?CSS.escape(t):null;for(let e=0;e<30;e++){if(!o())return null;let e=[];if(null!==n)try{e=[...document.querySelectorAll(`#${n}, a[name="${n}"]`)]}catch{e=[...document.querySelectorAll(`#${n}`)]}else{const o=document.getElementById(t);null!==o&&(e=[o])}for(let t=e.length-1;t>=0;t--)if(k(e[t]))return e[t];await S()}return null})(e,o);if(!i||!o())return!1;try{const t=u(i);if(t&&l(t)){const n=t,e=await f(n);if(await S(),!o())return!1;const r=i.getBoundingClientRect(),s=e.getBoundingClientRect(),a=r.top-s.top+e.scrollTop;await n.scrollToPoint(e.scrollLeft,a,300)}else i.scrollIntoView({behavior:"smooth"});return!0}catch(t){return n("[ion-router] - Exception in scrollToFragment:",t),!1}})(t,(()=>o===this.fragmentScrollToken)).catch((()=>{}))}routeChangeEvent(t,o){const n=this.previousPath,e=v(t);return this.previousPath=e,e===n?null:{from:n,redirectedFrom:o?v(o):null,to:e}}get el(){return i(this)}},M=class{constructor(o){t(this,o),this.routerDirection="forward",this.onClick=t=>{d(this.href,t,this.routerDirection,this.routerAnimation)}}render(){const t=m(this),o={href:this.href,rel:this.rel,target:this.target};return r(s,{key:"8aaf732d8f5cc4ced351e2b3164605c10bd90cad",onClick:this.onClick,class:w(this.color,{[t]:!0,"ion-activatable":!0})},r("a",{key:"8f291ffbbce5b08dd10720d855eb020880bf1be1",...o},r("slot",{key:"24dc388a49204011e1c1f0a1131c9a1b0a4ae4da"})))}};M.style=":host{--background:transparent;--color:var(--ion-color-primary, #0054e9);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}";export{p as ion_route,g as ion_route_redirect,I as ion_router,M as ion_router_link}
|
|
4
|
+
import{r as t,d as o,c as n,a as e,g as i,h as r,f as s}from"./p-BpRUsN_W.js";import{c as a,r as c,u as h}from"./p-B2y1T0dN.js";import{a as u,i as l,g as f}from"./p-BWKtcudz.js";import{o as d,c as w}from"./p-byZM6qHV.js";import{b as m}from"./p-SEecsUh7.js";import"./p-Dj4J3LkD.js";const p=class{constructor(n){t(this,n),this.ionRouteDataChanged=o(this,"ionRouteDataChanged",7),this.url=""}onUpdate(t){this.ionRouteDataChanged.emit(t)}onComponentProps(t,o){if(t===o)return;const n=t?Object.keys(t):[],e=o?Object.keys(o):[];if(n.length===e.length){for(const e of n)if(t[e]!==o[e])return void this.onUpdate(t)}else this.onUpdate(t)}connectedCallback(){this.ionRouteDataChanged.emit()}static get watchers(){return{url:[{onUpdate:0}],component:[{onUpdate:0}],componentProps:[{onComponentProps:0}]}}},g=class{constructor(n){t(this,n),this.ionRouteRedirectChanged=o(this,"ionRouteRedirectChanged",7)}propDidChange(){this.ionRouteRedirectChanged.emit()}connectedCallback(){this.ionRouteRedirectChanged.emit()}static get watchers(){return{from:[{propDidChange:0}],to:[{propDidChange:0}]}}},b="root",y="forward",v=t=>"/"+t.filter((t=>t.length>0)).join("/"),R=t=>{let o,n,e=[""];if(null!=t){const i=t.indexOf("#");i>-1&&(n=t.substring(i+1),t=t.substring(0,i));const r=t.indexOf("?");r>-1&&(o=t.substring(r+1),t=t.substring(0,r)),e=t.split("/").map((t=>t.trim())).filter((t=>t.length>0)),0===e.length&&(e=[""])}return{segments:e,queryString:o,fragment:n}},C=async(t,o,e,i,r=!1,s)=>{try{const n=E(t);if(i>=o.length||!n)return r;await new Promise((t=>a(n,t)));const c=o[i],h=await n.setRouteId(c.id,c.params,e,s);return h.changed&&(e=b,r=!0),r=await C(h.element,o,e,i+1,r,s),h.markVisible&&await h.markVisible(),r}catch(t){return n("[ion-router] - Exception in writeNavState:",t),!1}},S=()=>new Promise((t=>c((()=>t())))),k=t=>{const o=t.closest(".ion-page");return null===o?null===document.querySelector(".ion-page"):null===o.closest(".ion-page-hidden, .tab-hidden")},j=":not([no-router]) ion-tabs, :not([no-router]) ion-router-outlet",E=t=>{if(t)return t.matches(j)?t:t.querySelector(j)??void 0},D=(t,o)=>o.find((o=>((t,o)=>{const{from:n,to:e}=o;if(void 0===e)return!1;if(n.length>t.length)return!1;for(let o=0;o<n.length;o++){const e=n[o];if("*"===e)return!0;if(e!==t[o])return!1}return n.length===t.length})(t,o))),T=(t,o)=>{const n=Math.min(t.length,o.length);let e=0;for(let i=0;i<n;i++){const n=t[i],r=o[i];if(n.id.toLowerCase()!==r.id)break;if(n.params){const t=Object.keys(n.params);if(t.length===r.segments.length){const o=t.map((t=>`:${t}`));for(let t=0;t<o.length&&o[t].toLowerCase()===r.segments[t];t++)e++}}e++}return e},$=(t,o)=>{const n=new L(t);let e,i=!1;for(let t=0;t<o.length;t++){const r=o[t].segments;if(""===r[0])i=!0;else{for(const o of r){const i=n.next();if(":"===o[0]){if(""===i)return null;e=e||[],(e[t]||(e[t]={}))[o.slice(1)]=i}else if(i!==o)return null}i=!1}}return i&&i!==(""===n.next())?null:e?o.map(((t,o)=>({id:t.id,segments:t.segments,params:N(t.params,e[o]),beforeEnter:t.beforeEnter,beforeLeave:t.beforeLeave}))):o},N=(t,o)=>t||o?{...t,...o}:void 0,U=(t,o)=>{let n=null,e=0;for(const i of o){const o=$(t,i);if(null!==o){const t=x(o);t>e&&(e=t,n=o)}}return n},x=t=>{let o=1,n=1;for(const e of t)for(const t of e.segments)":"===t[0]?o+=Math.pow(1,n):""!==t&&(o+=Math.pow(2,n)),n++;return o};class L{constructor(t){this.segments=t.slice()}next(){return this.segments.length>0?this.segments.shift():""}}const O=(t,o)=>o in t?t[o]:t.hasAttribute(o)?t.getAttribute(o):null,P=t=>Array.from(t.children).filter((t=>"ION-ROUTE-REDIRECT"===t.tagName)).map((t=>{const o=O(t,"to");return{from:R(O(t,"from")).segments,to:null==o?void 0:R(o)}})),W=t=>B(_(t)),_=t=>Array.from(t.children).filter((t=>"ION-ROUTE"===t.tagName&&Boolean(t.component))).map((t=>{const o=O(t,"component");return{segments:R(O(t,"url")).segments,id:o.toLowerCase(),params:t.componentProps,beforeLeave:t.beforeLeave,beforeEnter:t.beforeEnter,children:_(t)}})),B=t=>{const o=[];for(const n of t)F([],o,n);return o},F=(t,o,n)=>{if(t=[...t,{id:n.id,segments:n.segments,params:n.params,beforeLeave:n.beforeLeave,beforeEnter:n.beforeEnter}],0!==n.children.length)for(const e of n.children)F(t,o,e);else o.push(t)},I=class{constructor(n){t(this,n),this.ionRouteWillChange=o(this,"ionRouteWillChange",7),this.ionRouteDidChange=o(this,"ionRouteDidChange",7),this.previousPath=null,this.busy=!1,this.state=0,this.lastState=0,this.fragmentScrollToken=0,this.root="/",this.useHash=!0}async componentWillLoad(){await(E(document.body)?Promise.resolve():new Promise((t=>{const o=()=>{window.removeEventListener("ionNavWillLoad",o),clearTimeout(n),t()},n=setTimeout(o,500);window.addEventListener("ionNavWillLoad",o,{once:!0})})));const t=await this.runGuards(this.getSegments());if(!0===t)await this.onRoutesChanged()&&this.maybeScrollToFragment();else if("object"==typeof t){const{redirect:o}=t,n=R(o);this.setSegments(n.segments,b,n.queryString,n.fragment),await this.writeNavStateRoot(n.segments,b)&&this.maybeScrollToFragment()}}componentDidLoad(){window.addEventListener("ionRouteRedirectChanged",h(this.onRedirectChanged.bind(this),10)),window.addEventListener("ionRouteDataChanged",h(this.onRoutesChanged.bind(this),100))}async onPopState(){const t=this.historyDirection();let o=this.getSegments();const n=await this.runGuards(o);if(!0!==n){if("object"!=typeof n)return!1;o=R(n.redirect).segments}const e=await this.writeNavStateRoot(o,t);return e&&this.maybeScrollToFragment(),e}onBackButton(t){t.detail.register(0,(t=>{this.back(),t()}))}async canTransition(){const t=await this.runGuards();return!0===t||"object"==typeof t&&t.redirect}async push(t,o="forward",n){if(t.startsWith(".")){const o=new URL(t,`https://host/${this.previousPath??"/"}`);t=o.pathname+o.search+o.hash}let e=R(t);const i=await this.runGuards(e.segments);if(!0!==i){if("object"!=typeof i)return!1;e=R(i.redirect)}this.setSegments(e.segments,o,e.queryString,e.fragment);const r=await this.writeNavStateRoot(e.segments,o,n);return r&&this.maybeScrollToFragment(),r}back(){return window.history.back(),Promise.resolve(this.waitPromise)}async printDebug(){(t=>{console.group(`[ion-core] ROUTES[${t.length}]`);for(const o of t){const t=[];o.forEach((o=>t.push(...o.segments)));const n=o.map((t=>t.id));console.debug(`%c ${v(t)}`,"font-weight: bold; padding-left: 20px","=>\t",`(${n.join(", ")})`)}console.groupEnd()})(W(this.el)),(t=>{console.group(`[ion-core] REDIRECTS[${t.length}]`);for(const o of t)o.to&&console.debug("FROM: ",`$c ${v(o.from)}`,"font-weight: bold"," TO: ",`$c ${v(o.to.segments)}`,"font-weight: bold");console.groupEnd()})(P(this.el))}async navChanged(t){if(this.busy)return e("[ion-router] - Router is busy, navChanged was cancelled."),!1;const{ids:o,outlet:n}=await(async()=>{const t=[];let o,n=window.document.body;for(;o=E(n);){const e=await o.getRouteId();if(!e)break;n=e.element,e.element=void 0,t.push(e)}return{ids:t,outlet:o}})(),i=((t,o)=>{let n=null,e=0;for(const i of o){const o=T(t,i);o>e&&(n=i,e=o)}return n?n.map(((o,n)=>({id:o.id,segments:o.segments,params:N(o.params,t[n]?.params)}))):null})(o,W(this.el));if(!i)return e("[ion-router] - No matching URL for",o.map((t=>t.id))),!1;const r=(t=>{const o=[];for(const n of t)for(const t of n.segments)if(":"===t[0]){const e=n.params&&n.params[t.slice(1)];if(!e)return null;o.push(e)}else""!==t&&o.push(t);return o})(i);if(!r)return e("[ion-router] - Router could not match path because some required param is missing."),!1;const s=v(r)===this.previousPath?this.getFragment():void 0;return this.setSegments(r,t,void 0,s),await this.safeWriteNavState(n,i,b,r,null,o.length),!0}onRedirectChanged(){const t=this.getSegments();t&&D(t,P(this.el))&&this.writeNavStateRoot(t,b)}onRoutesChanged(){return this.writeNavStateRoot(this.getSegments(),b)}historyDirection(){const t=window;null===t.history.state&&(this.state++,t.history.replaceState(this.state,t.document.title,t.document.location?.href));const o=t.history.state,n=this.lastState;return this.lastState=o,o>n||o>=n&&n>0?y:o<n?"back":b}async writeNavStateRoot(t,o,e){if(!t)return n("[ion-router] - URL is not part of the routing set."),!1;const i=P(this.el),r=D(t,i);let s=null;if(r){const{segments:n,queryString:e,fragment:i}=r.to;this.setSegments(n,o,e,i),s=r.from,t=n}const a=W(this.el),c=U(t,a);return c?this.safeWriteNavState(document.body,c,o,t,s,0,e):(n("[ion-router] - The path does not match any route."),!1)}async safeWriteNavState(t,o,e,i,r,s=0,a){const c=await this.lock();let h=!1;try{h=await this.writeNavState(t,o,e,i,r,s,a)}catch(t){n("[ion-router] - Exception in safeWriteNavState:",t)}return c(),h}async lock(){const t=this.waitPromise;let o;return this.waitPromise=new Promise((t=>o=t)),void 0!==t&&await t,o}async runGuards(t=this.getSegments(),o){if(void 0===o&&(o=R(this.previousPath).segments),!t||!o)return!0;const n=W(this.el),e=U(o,n),i=e&&e[e.length-1].beforeLeave,r=!i||await i();if(!1===r||"object"==typeof r)return r;const s=U(t,n),a=s&&s[s.length-1].beforeEnter;return!a||a()}async writeNavState(t,o,n,i,r,s=0,a){if(this.busy)return e("[ion-router] - Router is busy, transition was cancelled."),!1;this.busy=!0;const c=this.routeChangeEvent(i,r);c&&this.ionRouteWillChange.emit(c);const h=await C(t,o,n,s,!1,a);return this.busy=!1,c&&this.ionRouteDidChange.emit(c),h}setSegments(t,o,n,e){this.state++,this.fragmentScrollToken++,((t,o,n,e,i,r,s,a)=>{const c=((t,o,n,e)=>{let i=v(t);return o&&(i="#"+i),void 0!==n&&(i+="?"+n),void 0!==e&&(i+="#"+e),i})([...R(o).segments,...e],n,s,a);i===y?t.pushState(r,"",c):t.replaceState(r,"",c)})(window.history,this.root,this.useHash,t,o,this.state,n,e)}getSegments(){return((t,o,n)=>{const e=R(this.root).segments,i=n?t.hash.slice(1):t.pathname;return((t,o)=>{if(t.length>o.length)return null;if(t.length<=1&&""===t[0])return o;for(let n=0;n<t.length;n++)if(t[n]!==o[n])return null;return o.length===t.length?[""]:o.slice(t.length)})(e,R(i).segments)})(window.location,0,this.useHash)}getFragment(){return(this.useHash?R(window.location.hash.slice(1)).fragment:window.location.hash.slice(1))||void 0}maybeScrollToFragment(){const t=this.getFragment();if(!t)return;const o=this.fragmentScrollToken;(async(t,o=()=>!0)=>{if(null==t||""===t)return!1;let e;try{e=decodeURIComponent(t)}catch{e=t}const i=await(async(t,o)=>{const n="undefined"!=typeof CSS&&"function"==typeof CSS.escape?CSS.escape(t):null;for(let e=0;e<30;e++){if(!o())return null;let e=[];if(null!==n)try{e=[...document.querySelectorAll(`#${n}, a[name="${n}"]`)]}catch{e=[...document.querySelectorAll(`#${n}`)]}else{const o=document.getElementById(t);null!==o&&(e=[o])}for(let t=e.length-1;t>=0;t--)if(k(e[t]))return e[t];await S()}return null})(e,o);if(!i||!o())return!1;try{const t=u(i);if(t&&l(t)){const n=t,e=await f(n);if(await S(),!o())return!1;const r=i.getBoundingClientRect(),s=e.getBoundingClientRect(),a=r.top-s.top+e.scrollTop;await n.scrollToPoint(e.scrollLeft,a,300)}else i.scrollIntoView({behavior:"smooth"});return!0}catch(t){return n("[ion-router] - Exception in scrollToFragment:",t),!1}})(t,(()=>o===this.fragmentScrollToken)).catch((()=>{}))}routeChangeEvent(t,o){const n=this.previousPath,e=v(t);return this.previousPath=e,e===n?null:{from:n,redirectedFrom:o?v(o):null,to:e}}get el(){return i(this)}},M=class{constructor(o){t(this,o),this.routerDirection="forward",this.onClick=t=>{d(this.href,t,this.routerDirection,this.routerAnimation)}}render(){const t=m(this),o={href:this.href,rel:this.rel,target:this.target};return r(s,{key:"8aaf732d8f5cc4ced351e2b3164605c10bd90cad",onClick:this.onClick,class:w(this.color,{[t]:!0,"ion-activatable":!0})},r("a",{key:"8f291ffbbce5b08dd10720d855eb020880bf1be1",...o},r("slot",{key:"24dc388a49204011e1c1f0a1131c9a1b0a4ae4da"})))}};M.style=":host{--background:transparent;--color:var(--ion-color-primary, #0054e9);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}";export{p as ion_route,g as ion_route_redirect,I as ion_router,M as ion_router_link}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{r as s,d as e,h as t,f as o,g as i}from"./p-BpRUsN_W.js";import{i as l}from"./p-
|
|
4
|
+
import{r as s,d as e,h as t,f as o,g as i}from"./p-BpRUsN_W.js";import{i as l}from"./p-Dj4J3LkD.js";const n=class{constructor(t){s(this,t),this.ionSegmentViewScroll=e(this,"ionSegmentViewScroll",7),this.scrollEndTimeout=null,this.isTouching=!1,this.disabled=!1,this.swipeGesture=!0}handleScroll(s){const{scrollLeft:e,scrollWidth:t,clientWidth:o}=s.target,i=t-o,n=(l(this.el)?-1:1)*(e/i);this.ionSegmentViewScroll.emit({scrollRatio:n,isManualScroll:this.isManualScroll??!0}),this.resetScrollEndTimeout()}handleScrollStart(){this.scrollEndTimeout&&(clearTimeout(this.scrollEndTimeout),this.scrollEndTimeout=null),this.isTouching=!0}handleTouchEnd(){this.isTouching=!1}resetScrollEndTimeout(){this.scrollEndTimeout&&(clearTimeout(this.scrollEndTimeout),this.scrollEndTimeout=null),this.scrollEndTimeout=setTimeout((()=>{this.checkForScrollEnd()}),100)}checkForScrollEnd(){this.isTouching||(this.isManualScroll=void 0)}async setContent(s,e=!0){const t=this.getSegmentContents().findIndex((e=>e.id===s));if(-1===t)return;this.isManualScroll=!1,this.resetScrollEndTimeout();const o=t*this.el.offsetWidth;this.el.scrollTo({top:0,left:(l(this.el)?-1:1)*o,behavior:e?"smooth":"instant"})}getSegmentContents(){return Array.from(this.el.querySelectorAll("ion-segment-content"))}render(){const{disabled:s,isManualScroll:e,swipeGesture:i}=this;return t(o,{key:"b3cd48fead5d2877ead68cf6d81955fc31530c7a",class:{"segment-view-disabled":s,"segment-view-scroll-disabled":!1===e,"segment-view-swipe-disabled":!1===i}},t("slot",{key:"ad5aa8b79790c490e13438afa0cbb2c241eab0a1"}))}get el(){return i(this)}};n.style={ios:":host{display:-ms-flexbox;display:flex;height:100%;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.segment-view-disabled),:host(.segment-view-swipe-disabled){-ms-touch-action:none;touch-action:none;overflow-x:hidden}:host(.segment-view-scroll-disabled){pointer-events:none}:host(.segment-view-disabled){opacity:0.3}",md:":host{display:-ms-flexbox;display:flex;height:100%;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.segment-view-disabled),:host(.segment-view-swipe-disabled){-ms-touch-action:none;touch-action:none;overflow-x:hidden}:host(.segment-view-scroll-disabled){pointer-events:none}:host(.segment-view-disabled){opacity:0.3}"};export{n as ion_segment_view}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,w as o}from"./p-
|
|
4
|
+
import{r as t,w as o}from"./p-B2y1T0dN.js";import{i as n}from"./p-Dj4J3LkD.js";const e=(n,e,i)=>{let r;const s=()=>void 0!==e()&&void 0===n.label&&null!==i(),d=()=>{const t=e();if(void 0===t)return;if(!s())return void t.style.removeProperty("width");const a=i().scrollWidth;if(0===a&&null===t.offsetParent&&void 0!==o&&"IntersectionObserver"in o){if(void 0!==r)return;const o=r=new IntersectionObserver((t=>{1===t[0].intersectionRatio&&(d(),o.disconnect(),r=void 0)}),{threshold:.01,root:n});o.observe(t)}else t.style.setProperty("width",.75*a+"px")};return{calculateNotchWidth:()=>{s()&&t((()=>{d()}))},destroy:()=>{r&&(r.disconnect(),r=void 0)}}},i="skip-label-transition",r=(o,e,r,s)=>{let d,a,c,v,l,u,f;const h=t=>Math.round(10*t)/10,m=()=>{void 0===v&&(v=t((()=>{v=void 0;const{adjustment:d,startEndWidth:a}=(()=>{const t=e();if(!t||!s())return{adjustment:"",startEndWidth:""};const i=h(t.getBoundingClientRect().width),d=h(r()?.getBoundingClientRect().width??0),a=n(o)?"":"-";return{adjustment:i?`${a}${i}px`:"0px",startEndWidth:`${h(i+d)}px`}})();a!==f&&(o.style.setProperty("--internal-start-end-container-width",a),f=a),d!==u&&(void 0!==l&&cancelAnimationFrame(l),o.classList.add(i),o.style.setProperty("--internal-start-container-adjustment",d),u=d,l=t((()=>{l=void 0,o.classList.remove(i)}))),b()})))},p=()=>{d&&(d.disconnect(),d=void 0,a=void 0,c=void 0)},b=()=>{const t=e(),o=r();t&&s()?"function"!=typeof ResizeObserver||d&&a===t&&c===o||(p(),d=new ResizeObserver((()=>{m()})),a=t,d.observe(t),o&&(c=o,d.observe(o))):p()};return{calculateContainerWidths:()=>{m()},destroy:()=>{p(),void 0!==v&&(cancelAnimationFrame(v),v=void 0),void 0!==l&&(cancelAnimationFrame(l),l=void 0,o.classList.remove(i)),u=void 0,f=void 0}}},s=(t,o)=>{const n=t.target.closest('[slot="start"], [slot="end"]');return null!==n&&n!==o&&o.contains(n)?n:null},d=(o,n)=>{let e=!1;return{handleClickCapture:i=>{if(((t,o)=>null!==s(t,o))(i,o))return e=!0,void t((()=>e=!1));if(void 0===n)return void(e&&(i.stopPropagation(),e=!1));const r=n();void 0!==r&&i.target===r&&(i.stopPropagation(),e||o.click(),e=!1)}}},a=(n,e,i)=>{let r,s;if(void 0!==o&&"MutationObserver"in o){const o=Array.isArray(e)?e:[e];r=new MutationObserver((n=>{for(const e of n)for(const n of e.addedNodes)if(n.nodeType===Node.ELEMENT_NODE&&o.includes(n.slot))return i(),void t((()=>d(n)))})),r.observe(n,{childList:!0,subtree:!0})}const d=t=>{s&&(s.disconnect(),s=void 0),s=new MutationObserver((t=>{i();for(const o of t)for(const t of o.removedNodes)t.nodeType===Node.ELEMENT_NODE&&t.slot===e&&a()})),s.observe(t.parentElement??t,{subtree:!0,childList:!0})},a=()=>{s&&(s.disconnect(),s=void 0)};return{destroy:()=>{r&&(r.disconnect(),r=void 0),a()}}};export{e as a,r as b,a as c,d,s as g}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,d as e,a as o,h as r,f as i,g as s}from"./p-BpRUsN_W.js";import{B as a,h as n,r as p,j as c,k as h,e as d,o as l,f as v,g as f,F as g}from"./p-C4SpVvhx.js";import{C as m,a as x,d as b}from"./p-B2JD8_LP.js";import{g as w,r as u,f as k,h as y}from"./p-B2y1T0dN.js";import{c as P}from"./p-B-hirT0v.js";import{b as D,a as T}from"./p-SEecsUh7.js";import{i as $}from"./p-Dj4J3LkD.js";import{g as A}from"./p-byZM6qHV.js";import{e as I,w as L}from"./p-CJmyfI8x.js";import{c as N}from"./p-BgkRGRO3.js";import"./p-B_gJaBk0.js";let W=null,C=!1;const S=t=>{if(null!==W)return W;if(null===t.body)return{top:0,bottom:0,left:0,right:0};const e=t.createElement("div");e.style.cssText="position:fixed;visibility:hidden;pointer-events:none;top:0;left:0;padding-top:var(--ion-safe-area-top,0px);padding-bottom:var(--ion-safe-area-bottom,0px);padding-left:var(--ion-safe-area-left,0px);padding-right:var(--ion-safe-area-right,0px);",t.body.appendChild(e);const o=getComputedStyle(e),r={top:parseFloat(o.paddingTop)||0,bottom:parseFloat(o.paddingBottom)||0,left:parseFloat(o.paddingLeft)||0,right:parseFloat(o.paddingRight)||0};return e.remove(),W=r,C||(C=!0,u((()=>{W=null,C=!1}))),r},j=t=>{if(!t)return 1;const e=t.currentCSSZoom;if("number"==typeof e&&e>0)return e;const{width:o}=t.getBoundingClientRect(),{offsetWidth:r}=t;if(r>0&&o>0){const t=o/r;return Math.abs(t-1)<.01?1:t}return 1},B=(t,e,o,r=1)=>{const i=e.getBoundingClientRect(),s=i.height/r;let a=i.width/r;return"cover"===t&&o&&(a=o.getBoundingClientRect().width/r),{contentWidth:a,contentHeight:s}},O=(t,e)=>e&&"ION-ITEM"===e.tagName?t.findIndex((t=>t===e)):-1,z=t=>{const e=w(t).querySelector("button");e&&u((()=>e.focus()))},X=(t,e,o,r,i,s,a,n,p,c,h,d=1)=>{let l={top:0,left:0,width:0,height:0};if("event"===s){if(!h)return p;l={top:h.clientY/d,left:h.clientX/d,width:1,height:1}}else{const t=h,e=c||t?.detail?.ionShadowTarget||t?.target;if(!e)return p;const o=e.getBoundingClientRect();l={top:o.top/d,left:o.left/d,width:o.width/d,height:o.height/d}}const v=H(a,l,e,o,r,i,t),f=V(n,a,l,e,o),g=v.top+f.top,m=v.left+f.left,{arrowTop:x,arrowLeft:b}=R(a,r,i,g,m,e,o,t),{originX:w,originY:u}=Y(a,n,t);return{top:g,left:m,referenceCoordinates:l,arrowTop:x,arrowLeft:b,originX:w,originY:u}},Y=(t,e,o)=>{switch(t){case"top":return{originX:E(e),originY:"bottom"};case"bottom":return{originX:E(e),originY:"top"};case"left":return{originX:"right",originY:M(e)};case"right":return{originX:"left",originY:M(e)};case"start":return{originX:o?"left":"right",originY:M(e)};case"end":return{originX:o?"right":"left",originY:M(e)}}},E=t=>{switch(t){case"start":return"left";case"center":return"center";case"end":return"right"}},M=t=>{switch(t){case"start":return"top";case"center":return"center";case"end":return"bottom"}},R=(t,e,o,r,i,s,a,n)=>{const p={arrowTop:r+a/2-e/2,arrowLeft:i+s-e/2},c={arrowTop:r+a/2-e/2,arrowLeft:i-1.5*e};switch(t){case"top":return{arrowTop:r+a,arrowLeft:i+s/2-e/2};case"bottom":return{arrowTop:r-o,arrowLeft:i+s/2-e/2};case"left":return p;case"right":return c;case"start":return n?c:p;case"end":return n?p:c;default:return{arrowTop:0,arrowLeft:0}}},H=(t,e,o,r,i,s,a)=>{const n={top:e.top,left:e.left-o-i},p={top:e.top,left:e.left+e.width+i};switch(t){case"top":return{top:e.top-r-s,left:e.left};case"right":return p;case"bottom":return{top:e.top+e.height+s,left:e.left};case"left":return n;case"start":return a?p:n;case"end":return a?n:p}},V=(t,e,o,r,i)=>{switch(t){case"center":return J(e,o,r,i);case"end":return F(e,o,r,i);default:return{top:0,left:0}}},F=(t,e,o,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r-e.height),left:0};default:return{top:0,left:-(o-e.width)}}},J=(t,e,o,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r/2-e.height/2),left:0};default:return{top:0,left:-(o/2-e.width/2)}}},_=(t,e,o,r,i,s,a,n,p,c,h,d,l=0,v=0,f=0)=>{let g,m=l,x=o,b=e,w=c,u=h,k=!1,y=!1,P=!1,D=!1;const T=d?d.top+d.height:s/2-n/2,$=d?d.height:0;let A=!1;if(x<r+p.left?(x=r,k=!0,w="left"):a+r+x+p.right>i&&(y=!0,x=i-a-r,w="right"),T+$+n>s-p.bottom&&("top"===t||"bottom"===t)){const t=T-n-$-(f-1);t>=p.top+r?(b=t,m=b+n,u="bottom",A=!0):(g=r,D=!0,b>=s-p.bottom-r&&(b=p.top+r,P=!0))}return{top:b,left:x,bottom:g,originX:w,originY:u,checkSafeAreaLeft:k,checkSafeAreaRight:y,checkSafeAreaTop:P,checkSafeAreaBottom:D,arrowTop:m,arrowLeft:v,addPopoverBottomClass:A,hideArrow:!1}},U=(t,e)=>{const{event:o,size:r,trigger:i,reference:s,side:a,align:n}=e,p=t.ownerDocument,c=$(t),h=w(t),d=h.querySelector(".popover-content"),l=h.querySelector(".popover-arrow"),v=j(d),f=p.defaultView.innerWidth/v,g=p.defaultView.innerHeight/v,m=i||o?.detail?.ionShadowTarget||o?.target,{contentWidth:x,contentHeight:b}=B(r,d,m,v),{arrowWidth:u,arrowHeight:k}=((t,e=1)=>{if(!t)return{arrowWidth:0,arrowHeight:0};const{width:o,height:r}=t.getBoundingClientRect();return{arrowWidth:o/e,arrowHeight:r/e}})(l,v),y=X(c,x,b,u,k,s,a,n,{top:g/2-b/2,left:f/2-x/2,originX:c?"right":"left",originY:"top"},i,o,v),P="cover"===r?0:5,D=S(p),T="cover"===r?{top:0,bottom:0,left:0,right:0}:{top:Math.max(D.top,25),bottom:Math.max(D.bottom,25),left:Math.max(D.left,25),right:Math.max(D.right,25)},{originX:A,originY:I,top:L,left:W,bottom:C,checkSafeAreaLeft:O,checkSafeAreaRight:z,checkSafeAreaTop:Y,checkSafeAreaBottom:E,arrowTop:M,arrowLeft:R,addPopoverBottomClass:H}=_(a,y.top,y.left,P,f,g,x,b,T,y.originX,y.originY,y.referenceCoordinates,y.arrowTop,y.arrowLeft,k),V=N(),F=N(),J=N();return F.addElement(h.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),J.addElement(h.querySelector(".popover-arrow")).addElement(h.querySelector(".popover-content")).fromTo("opacity",.01,1),V.easing("ease").duration(100).beforeAddWrite((()=>{if("cover"===r&&t.style.setProperty("--width",`${x}px`),H&&t.classList.add("popover-bottom"),void 0!==C){let t=`${C}px`;E&&(t=`${C}px + var(--ion-safe-area-bottom, 0px)`),d.style.setProperty("bottom",`calc(${t})`)}let e=`${W}px`;O&&(e=`${W}px + var(--ion-safe-area-left, 0px)`),z&&(e=`${W}px - var(--ion-safe-area-right, 0px)`);let s=`${L}px`;if(Y&&(s=`${L}px + var(--ion-safe-area-top, 0px)`),d.style.setProperty("top",`calc(${s} + var(--offset-y, 0))`),d.style.setProperty("left",`calc(${e} + var(--offset-x, 0))`),d.style.setProperty("transform-origin",`${I} ${A}`),null!==l){const t=((t,e=!1,o,r)=>!(!o&&!r||"top"!==t&&"bottom"!==t&&e))(a,y.top!==L||y.left!==W,o,i);t?(l.style.setProperty("top",`calc(${M}px + var(--offset-y, 0))`),l.style.setProperty("left",`calc(${R}px + var(--offset-x, 0))`)):l.style.setProperty("display","none")}})).addAnimation([F,J])},K=t=>{const e=w(t),o=e.querySelector(".popover-content"),r=e.querySelector(".popover-arrow"),i=N(),s=N(),a=N();return s.addElement(e.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),a.addElement(e.querySelector(".popover-arrow")).addElement(e.querySelector(".popover-content")).fromTo("opacity",.99,0),i.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),o.style.removeProperty("top"),o.style.removeProperty("left"),o.style.removeProperty("bottom"),o.style.removeProperty("transform-origin"),r&&(r.style.removeProperty("top"),r.style.removeProperty("left"),r.style.removeProperty("display"))})).duration(300).addAnimation([s,a])},q=(t,e)=>{const{event:o,size:r,trigger:i,reference:s,side:a,align:n}=e,p=t.ownerDocument,c=$(t),h=w(t),d=h.querySelector(".popover-content"),l=j(d),v=p.defaultView.innerWidth/l,f=p.defaultView.innerHeight/l,g=i||o?.detail?.ionShadowTarget||o?.target,{contentWidth:m,contentHeight:x}=B(r,d,g,l),b=X(c,m,x,0,0,s,a,n,{top:f/2-x/2,left:v/2-m/2,originX:c?"right":"left",originY:"top"},i,o,l),u="cover"===r?0:12,k="cover"===r?{top:0,bottom:0,left:0,right:0}:S(p),{originX:y,originY:P,top:D,left:T,bottom:A,checkSafeAreaLeft:I,checkSafeAreaRight:L,checkSafeAreaTop:W,checkSafeAreaBottom:C,addPopoverBottomClass:O}=_(a,b.top,b.left,u,v,f,m,x,k,b.originX,b.originY,b.referenceCoordinates);let z=`${T}px`;I&&(z=`${T}px + var(--ion-safe-area-left, 0px)`),L&&(z=`${T}px - var(--ion-safe-area-right, 0px)`);let Y=`${D}px`;W&&(Y=`${D}px + var(--ion-safe-area-top, 0px)`);const E=N(),M=N(),R=N(),H=N(),V=N();return M.addElement(h.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),R.addElement(h.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1),H.addElement(d).beforeStyles({top:`calc(${Y} + var(--offset-y, 0px))`,left:`calc(${z} + var(--offset-x, 0px))`,"transform-origin":`${P} ${y}`}).beforeAddWrite((()=>{if(void 0!==A){let t=`${A}px`;C&&(t=`${A}px + var(--ion-safe-area-bottom, 0px)`),d.style.setProperty("bottom",`calc(${t})`)}})).fromTo("transform","scale(0.8)","scale(1)"),V.addElement(h.querySelector(".popover-viewport")).fromTo("opacity",.01,1),E.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((()=>{"cover"===r&&t.style.setProperty("--width",`${m}px`),O&&t.classList.add("popover-bottom")})).addAnimation([M,R,H,V])},G=t=>{const e=w(t),o=e.querySelector(".popover-content"),r=N(),i=N(),s=N();return i.addElement(e.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),s.addElement(e.querySelector(".popover-wrapper")).fromTo("opacity",.99,0),r.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),o.style.removeProperty("top"),o.style.removeProperty("left"),o.style.removeProperty("bottom"),o.style.removeProperty("transform-origin")})).duration(150).addAnimation([i,s])},Z=class{constructor(r){t(this,r),this.didPresent=e(this,"ionPopoverDidPresent",7),this.willPresent=e(this,"ionPopoverWillPresent",7),this.willDismiss=e(this,"ionPopoverWillDismiss",7),this.didDismiss=e(this,"ionPopoverDidDismiss",7),this.didPresentShorthand=e(this,"didPresent",7),this.willPresentShorthand=e(this,"willPresent",7),this.willDismissShorthand=e(this,"willDismiss",7),this.didDismissShorthand=e(this,"didDismiss",7),this.ionMount=e(this,"ionMount",7),this.parentPopover=null,this.coreDelegate=m(),this.lockController=P(),this.inline=!1,this.focusDescendantOnPresent=!1,this.dirSetOnPresent=!1,this.presented=!1,this.hasController=!1,this.keyboardClose=!0,this.backdropDismiss=!0,this.showBackdrop=!0,this.translucent=!1,this.animated=!0,this.triggerAction="click",this.size="auto",this.dismissOnSelect=!1,this.reference="trigger",this.side="bottom",this.arrow=!0,this.isOpen=!1,this.keyboardEvents=!1,this.focusTrap=!0,this.keepContentsMounted=!1,this.onBackdropTap=()=>{this.dismiss(void 0,a)},this.onLifecycle=t=>{const e=this.usersElement,o=Q[t.type];if(e&&o){const r=new CustomEvent(o,{bubbles:!1,cancelable:!1,detail:t.detail});e.dispatchEvent(r)}},this.configureTriggerInteraction=()=>{const{trigger:t,triggerAction:e,el:r,destroyTriggerInteraction:i}=this;if(i&&i(),void 0===t)return;const s=this.triggerEl=void 0!==t?document.getElementById(t):null;s?this.destroyTriggerInteraction=((t,e,o)=>{let r=[];switch(e){case"hover":let t;r=[{eventName:"mouseenter",callback:async e=>{e.stopPropagation(),t&&clearTimeout(t),t=setTimeout((()=>{u((()=>{o.presentFromTrigger(e),t=void 0}))}),100)}},{eventName:"mouseleave",callback:e=>{t&&clearTimeout(t);const r=e.relatedTarget;r&&r.closest("ion-popover")!==o&&o.dismiss(void 0,void 0,!1)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>o.presentFromTrigger(t,!0)}];break;case"context-menu":r=[{eventName:"contextmenu",callback:t=>{t.preventDefault(),o.presentFromTrigger(t)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>o.presentFromTrigger(t,!0)}];break;default:r=[{eventName:"click",callback:t=>o.presentFromTrigger(t)},{eventName:"ionPopoverActivateTrigger",callback:t=>o.presentFromTrigger(t,!0)}]}return r.forEach((({eventName:e,callback:o})=>t.addEventListener(e,o))),t.setAttribute("data-ion-popover-trigger","true"),()=>{r.forEach((({eventName:e,callback:o})=>t.removeEventListener(e,o))),t.removeAttribute("data-ion-popover-trigger")}})(s,e,r):o(`[ion-popover] - A trigger element with the ID "${t}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.`,this.el)},this.configureKeyboardInteraction=()=>{const{destroyKeyboardInteraction:t,el:e}=this;t&&t(),this.destroyKeyboardInteraction=(t=>{const e=async e=>{const o=document.activeElement;let r=[];const i=e.target?.tagName;if("ION-POPOVER"===i||"ION-ITEM"===i){try{r=Array.from(t.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch{}switch(e.key){case"ArrowLeft":await t.getParentPopover()&&t.dismiss(void 0,void 0,!1);break;case"ArrowDown":e.preventDefault();const i=((t,e)=>t[O(t,e)+1])(r,o);void 0!==i&&z(i);break;case"ArrowUp":e.preventDefault();const s=((t,e)=>t[O(t,e)-1])(r,o);void 0!==s&&z(s);break;case"Home":e.preventDefault();const a=r[0];void 0!==a&&z(a);break;case"End":e.preventDefault();const n=r[r.length-1];void 0!==n&&z(n);break;case"ArrowRight":case" ":case"Enter":if(o&&o.hasAttribute("data-ion-popover-trigger")){const t=new CustomEvent("ionPopoverActivateTrigger");o.dispatchEvent(t)}}}};return t.addEventListener("keydown",e),()=>t.removeEventListener("keydown",e)})(e)},this.configureDismissInteraction=()=>{const{destroyDismissInteraction:t,parentPopover:e,triggerAction:o,triggerEl:r,el:i}=this;e&&r&&(t&&t(),this.destroyDismissInteraction=((t,e,o,r)=>{let i=[];const s=w(r).querySelector(".popover-content");return i="hover"===e?[{eventName:"mouseenter",callback:e=>{document.elementFromPoint(e.clientX,e.clientY)!==t&&o.dismiss(void 0,void 0,!1)}}]:[{eventName:"click",callback:e=>{e.target.closest("[data-ion-popover-trigger]")!==t?o.dismiss(void 0,void 0,!1):e.stopPropagation()}}],i.forEach((({eventName:t,callback:e})=>s.addEventListener(t,e))),()=>{i.forEach((({eventName:t,callback:e})=>s.removeEventListener(t,e)))}})(r,o,i,e))}}onTriggerChange(){this.configureTriggerInteraction()}onIsOpenChange(t,e){!0===t&&!1===e?this.present():!1===t&&!0===e&&this.dismiss()}connectedCallback(){const{configureTriggerInteraction:t,el:e}=this;n(e),t(),this.presented&&(p(e),this.recalculateContentOnHeaderReady())}disconnectedCallback(){const{destroyTriggerInteraction:t}=this;t&&t(),this.headerResizeObserver&&(this.headerResizeObserver.disconnect(),this.headerResizeObserver=void 0),this.presented&&c()}componentWillLoad(){const{el:t}=this,e=this.htmlAttributes?.id??h(t);this.parentPopover=t.closest(`ion-popover:not(#${e})`),void 0===this.alignment&&(this.alignment="ios"===D(this)?"center":"start")}componentDidLoad(){const{parentPopover:t,isOpen:e}=this;!0===e&&u((()=>this.present())),t&&k(t,"ionPopoverWillDismiss",(()=>{this.dismiss(void 0,void 0,!1)})),this.configureTriggerInteraction()}async presentFromTrigger(t,e=!1){this.focusDescendantOnPresent=e,await this.present(t),this.focusDescendantOnPresent=!1}getDelegate(t=!1){if(this.workingDelegate&&!t)return{delegate:this.workingDelegate,inline:this.inline};const e=this.inline=null!==this.el.parentNode&&!this.hasController;return{inline:e,delegate:this.workingDelegate=e?this.delegate||this.coreDelegate:this.delegate}}async present(t){const e=await this.lockController.lock();if(this.presented)return void e();const{el:o}=this,{inline:r,delegate:i}=this.getDelegate(!0);o.hasAttribute("dir")||(o.setAttribute("dir",$(o)?"rtl":"ltr"),this.dirSetOnPresent=!0),this.ionMount.emit(),this.usersElement=await x(i,o,this.component,["popover-viewport"],this.componentProps,r),this.recalculateContentOnHeaderReady(),this.keyboardEvents||this.configureKeyboardInteraction(),this.configureDismissInteraction(),y(o)?await I(this.usersElement):this.keepContentsMounted||await L(),await d(this,"popoverEnter",U,q,{event:t||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment}),this.focusDescendantOnPresent&&l(o),e()}recalculateContentOnHeaderReady(){const t=this.el.shadowRoot?.querySelector(".popover-content");if(!t)return;const e=this.usersElement||t,o=e.querySelector("ion-header"),r=e.querySelectorAll("ion-content");o&&0!==r.length&&(this.headerResizeObserver&&(this.headerResizeObserver.disconnect(),this.headerResizeObserver=void 0),this.headerResizeObserver=new ResizeObserver((async()=>{if(o.offsetHeight>0){this.headerResizeObserver?.disconnect(),this.headerResizeObserver=void 0;for(const t of r)await t.recalculateDimensions()}})),this.headerResizeObserver.observe(o))}async dismiss(t,e,o=!0){const r=await this.lockController.lock(),{destroyKeyboardInteraction:i,destroyDismissInteraction:s}=this;o&&this.parentPopover&&this.parentPopover.dismiss(t,e,o);const a=await v(this,t,e,"popoverLeave",K,G,this.event);if(a){i&&(i(),this.destroyKeyboardInteraction=void 0),s&&(s(),this.destroyDismissInteraction=void 0);const{delegate:t}=this.getDelegate();await b(t,this.usersElement),this.dirSetOnPresent&&(this.el.removeAttribute("dir"),this.dirSetOnPresent=!1)}return r(),a}async getParentPopover(){return this.parentPopover}onDidDismiss(){return f(this.el,"ionPopoverDidDismiss")}onWillDismiss(){return f(this.el,"ionPopoverWillDismiss")}render(){const t=D(this),{onLifecycle:e,parentPopover:o,dismissOnSelect:s,side:a,arrow:n,htmlAttributes:p,focusTrap:c}=this,h=T("desktop"),d=n&&!o;return r(i,{key:"083f06f04d2c2657e510b471fba81cc459e0e878","aria-modal":"true","no-router":!0,tabindex:"-1",...p,style:{zIndex:`${2e4+this.overlayIndex}`},class:{...A(this.cssClass),[t]:!0,"popover-translucent":this.translucent,"overlay-hidden":!0,"popover-desktop":h,[`popover-side-${a}`]:!0,[g]:!1===c,"popover-nested":!!o},onIonPopoverDidPresent:e,onIonPopoverWillPresent:e,onIonPopoverWillDismiss:e,onIonPopoverDidDismiss:e,onIonBackdropTap:this.onBackdropTap},!o&&r("ion-backdrop",{key:"afd9bfa3edfde061603acfc251eb8ac54c85ec6f",tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),r("div",{key:"04314c9b510342f152027a6d62394b74d2888b88",class:"popover-wrapper ion-overlay-wrapper",onClick:s?()=>this.dismiss():void 0},d&&r("div",{key:"e1bc715a4ca37012d109b512e2288c932485bf45",class:"popover-arrow",part:"arrow"}),r("div",{key:"5ab527ca65b483865954005239618de7daf2c621",class:"popover-content",part:"content"},r("slot",{key:"4d3abb569347f6156d426f98b897e79ffd6b53bc"}))))}get el(){return s(this)}static get watchers(){return{trigger:[{onTriggerChange:0}],triggerAction:[{onTriggerChange:0}],isOpen:[{onIsOpenChange:0}]}}},Q={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};Z.style={ios:':host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}::slotted(.popover-viewport){--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start:dir(rtl)){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end:dir(rtl)){--offset-x:5px}}:host(.select-popover-rich-content){--width:clamp(250px, calc(100vw - 40px), 400px)}:host{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}:host(.popover-desktop){--box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.12)}.popover-content{border-radius:10px}:host(.popover-desktop) .popover-content{border:0.5px solid var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.popover-arrow{display:block;position:absolute;width:20px;height:10px;overflow:hidden;z-index:11}.popover-arrow::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}.popover-arrow::after{inset-inline-start:3px}:host(.popover-bottom) .popover-arrow{top:auto;bottom:-10px}:host(.popover-bottom) .popover-arrow::after{top:-6px}:host(.popover-side-left) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host(.popover-side-right) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.popover-side-top) .popover-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.popover-side-start) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host-context([dir=rtl]):host(.popover-side-start) .popover-arrow,:host-context([dir=rtl]).popover-side-start .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@supports selector(:dir(rtl)){:host(.popover-side-start:dir(rtl)) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}:host(.popover-side-end) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host-context([dir=rtl]):host(.popover-side-end) .popover-arrow,:host-context([dir=rtl]).popover-side-end .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@supports selector(:dir(rtl)){:host(.popover-side-end:dir(rtl)) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.popover-arrow,.popover-content{opacity:0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.popover-translucent) .popover-content,:host(.popover-translucent) .popover-arrow::after{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}',md:":host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}::slotted(.popover-viewport){--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start:dir(rtl)){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end:dir(rtl)){--offset-x:5px}}:host(.select-popover-rich-content){--width:clamp(250px, calc(100vw - 40px), 400px)}:host{--width:250px;--max-height:90%;--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}.popover-content{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]) .popover-content{-webkit-transform-origin:right top;transform-origin:right top}[dir=rtl] .popover-content{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.popover-content:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.popover-viewport{-webkit-transition-delay:100ms;transition-delay:100ms}.popover-wrapper{opacity:0}"};export{Z as ion_popover}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
+
*/
|
|
4
|
+
import{b as t,w as o,q as n}from"./p-B2y1T0dN.js";const s=(n,s,e,r=[])=>{let i,a=t(n,s);const c=s.filter((t=>!r.includes(t))),u=new Set,b=(t,o)=>{null===o?u.delete(t):u.add(t)},l=()=>{void 0===i&&0!==c.length&&void 0!==o&&"MutationObserver"in o&&((()=>{const t={};for(const o of c){const s=n.getAttribute(o),e=u.has(o);b(o,s),null===s&&!e||s===a[o]||(t[o]=s)}Object.keys(t).length>0&&(a={...a,...t},e())})(),i=new MutationObserver((t=>{const o={};for(const s of t){const t=s.attributeName,e=n.getAttribute(t);b(t,e),o[t]=e}a={...a,...o},e()})),i.observe(n,{attributeFilter:c}))};return l(),{get attributes(){return a},init:l,destroy:()=>{i?.disconnect(),i=void 0}}},e=(t,o,e=[])=>s(t,n,o,e);export{s as a,e as c}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,d as e,i,c as n,h as o,f as s,g as r}from"./p-BpRUsN_W.js";import{g as a}from"./p-hHmYLOfE.js";import{u as d,B as h,o as l,v as c,G as m,w as p,x as u}from"./p-C4SpVvhx.js";import{G as b}from"./p-B_gJaBk0.js";import{s as f,i as g,l as v,e as x}from"./p-B2y1T0dN.js";import{m as w}from"./p-DArnNWiu.js";import{b as y,a as k}from"./p-SEecsUh7.js";import{c as z,h as C}from"./p-byZM6qHV.js";import{u as j,v as S}from"./p-BvabGprD.js";import"./p-B2JD8_LP.js";import"./p-Dj4J3LkD.js";import"./p-BgkRGRO3.js";const A=class{constructor(i){t(this,i),this.ionWillOpen=e(this,"ionWillOpen",7),this.ionWillClose=e(this,"ionWillClose",7),this.ionDidOpen=e(this,"ionDidOpen",7),this.ionDidClose=e(this,"ionDidClose",7),this.ionMenuChange=e(this,"ionMenuChange",7),this.lastOnEnd=0,this.blocker=b.createBlocker({disableScroll:!0}),this.didLoad=!1,this.operationCancelled=!1,this.isAnimating=!1,this._isOpen=!1,this.inheritedAttributes={},this.handleFocus=t=>{const e=d(document);e&&!e.contains(this.el)||this.trapKeyboardFocus(t,document)},this.isPaneVisible=!1,this.isEndSide=!1,this.disabled=!1,this.side="start",this.swipeGesture=!0,this.maxEdgeStart=50}typeChanged(t,e){const i=this.contentEl;i&&(void 0!==e&&i.classList.remove(`menu-content-${e}`),i.classList.add(`menu-content-${t}`),i.removeAttribute("style")),this.menuInnerEl&&this.menuInnerEl.removeAttribute("style"),this.animation=void 0}disabledChanged(){this.updateState(),this.ionMenuChange.emit({disabled:this.disabled,open:this._isOpen})}sideChanged(){this.isEndSide=f(this.side,this.el),this.animation=void 0}swipeGestureChanged(){this.updateState()}async connectedCallback(){"undefined"!=typeof customElements&&null!=customElements&&await customElements.whenDefined("ion-menu"),void 0===this.type&&(this.type=i.get("menuType","overlay"));const t=void 0!==this.contentId?document.getElementById(this.contentId):null;null!==t?(this.el.contains(t)&&n('[ion-menu] - The "contentId" should refer to the main view\'s ion-content, not the ion-content inside of the ion-menu.'),this.contentEl=t,t.classList.add("menu-content"),this.typeChanged(this.type,void 0),this.sideChanged(),w._register(this),this.menuChanged(),this.gesture=(await import("./p-D0YpjgON.js")).createGesture({el:document,gestureName:"menu-swipe",gesturePriority:30,threshold:10,blurOnStart:!0,canStart:t=>this.canStart(t),onWillStart:()=>this.onWillStart(),onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)}),this.updateState()):n('[ion-menu] - Must have a "content" element to listen for drag events on.')}componentWillLoad(){this.inheritedAttributes=g(this.el)}async componentDidLoad(){this.didLoad=!0;const t=this.getSplitPane();null!==t&&(this.isPaneVisible=await t.isVisible()),this.menuChanged(),this.updateState()}menuChanged(){this.didLoad&&this.ionMenuChange.emit({disabled:this.disabled,open:this._isOpen})}async disconnectedCallback(){await this.close(!1),this.blocker.destroy(),w._unregister(this),this.animation&&this.animation.destroy(),this.gesture&&(this.gesture.destroy(),this.gesture=void 0),this.animation=void 0,this.contentEl=void 0}onSplitPaneChanged(t){const e=this.getSplitPane();null!==e&&e===t.target&&(this.isPaneVisible=t.detail.visible,this.updateState())}onBackdropClick(t){this._isOpen&&this.lastOnEnd<t.timeStamp-100&&t.composedPath&&!t.composedPath().includes(this.menuInnerEl)&&(t.preventDefault(),t.stopPropagation(),this.close(void 0,h))}onKeydown(t){"Escape"===t.key&&this.close(void 0,h)}isOpen(){return Promise.resolve(this._isOpen)}isActive(){return Promise.resolve(this._isActive())}open(t=!0){return this.setOpen(!0,t)}close(t=!0,e){return this.setOpen(!1,t,e)}toggle(t=!0){return this.setOpen(!this._isOpen,t)}setOpen(t,e=!0,i){return document.activeElement?.blur(),w._setOpen(this,t,e,i)}trapKeyboardFocus(t,e){const i=t.target;if(i)if(this.el.contains(i))this.lastFocus=i;else{const{el:t}=this;l(t),this.lastFocus===e.activeElement&&c(t)}}async _setOpen(t,e=!0,i){return!(!this._isActive()||this.isAnimating||t===this._isOpen||(this.beforeAnimation(t,i),await this.loadAnimation(),await this.startAnimation(t,e),this.operationCancelled?(this.operationCancelled=!1,1):(this.afterAnimation(t,i),0)))}async loadAnimation(){const t=this.menuInnerEl.offsetWidth,e=f(this.side,this.el);if(t===this.width&&void 0!==this.animation&&e===this.isEndSide)return;this.width=t,this.isEndSide=e,this.animation&&(this.animation.destroy(),this.animation=void 0);const n=this.animation=await w._createAnimation(this.type,this);i.getBoolean("animated",!0)||n.duration(0),n.fill("both")}async startAnimation(t,e){const i=!t,n=y(this),o="ios"===n?"cubic-bezier(0.32,0.72,0,1)":"cubic-bezier(0.0,0.0,0.2,1)",s="ios"===n?"cubic-bezier(1, 0, 0.68, 0.28)":"cubic-bezier(0.4, 0, 0.6, 1)",r=this.animation.direction(i?"reverse":"normal").easing(i?s:o);e?await r.play():r.play({sync:!0}),"reverse"===r.getDirection()&&r.direction("normal")}_isActive(){return!this.disabled&&!this.isPaneVisible}getSplitPane(){const t=this.el.closest("ion-split-pane"),e=this.el.closest(".split-pane-main");return null===t||null!==e&&e!==t&&t.contains(e)?null:t}canSwipe(){return this.swipeGesture&&!this.isAnimating&&this._isActive()}canStart(t){return!(document.querySelector("ion-modal.show-modal")||!this.canSwipe())&&(!!this._isOpen||!w._getOpenSync()&&_(window,t.currentX,this.isEndSide,this.maxEdgeStart))}onWillStart(){return this.beforeAnimation(!this._isOpen,m),this.loadAnimation()}onStart(){this.isAnimating&&this.animation?this.animation.progressStart(!0,this._isOpen?1:0):v(!1,"isAnimating has to be true")}onMove(t){if(!this.isAnimating||!this.animation)return void v(!1,"isAnimating has to be true");const e=D(t.deltaX,this._isOpen,this.isEndSide)/this.width;this.animation.progressStep(this._isOpen?1-e:e)}onEnd(t){if(!this.isAnimating||!this.animation)return void v(!1,"isAnimating has to be true");const e=this._isOpen,i=this.isEndSide,n=D(t.deltaX,e,i),o=this.width,s=n/o,r=t.velocityX,d=o/2,h=r>=0&&(r>.2||t.deltaX>d),l=r<=0&&(r<-.2||t.deltaX<-d),c=e?i?h:l:i?l:h;let p=!e&&c;e&&!c&&(p=!0),this.lastOnEnd=t.currentTime;let u=c?.001:-.001;u+=a([0,0],[.4,0],[.6,1],[1,1],x(0,s<0?.01:s,.9999))[0]||0;const b=this._isOpen?!c:c;this.animation.easing("cubic-bezier(0.4, 0.0, 0.6, 1)").onFinish((()=>this.afterAnimation(p,m)),{oneTimeCallback:!0}).progressEnd(b?1:0,this._isOpen?1-u:u,300)}beforeAnimation(t,e){v(!this.isAnimating,"_before() should not be called while animating"),k("android")&&this.el.setAttribute("aria-hidden","true"),this.el.classList.add(B),this.el.setAttribute("tabindex","0"),this.backdropEl&&this.backdropEl.classList.add(O),this.contentEl&&(this.contentEl.classList.add(E),this.contentEl.setAttribute("aria-hidden","true")),this.blocker.block(),this.isAnimating=!0,t?this.ionWillOpen.emit():this.ionWillClose.emit({role:e})}afterAnimation(t,e){if(this._isOpen=t,this.isAnimating=!1,u(),this._isOpen||this.blocker.unblock(),t){k("android")&&this.el.removeAttribute("aria-hidden"),this.ionDidOpen.emit();const t=document.activeElement?.closest("ion-menu");t!==this.el&&this.el.focus(),document.addEventListener("focus",this.handleFocus,!0)}else this.el.removeAttribute("aria-hidden"),this.el.classList.remove(B),this.el.removeAttribute("tabindex"),this.contentEl&&(this.contentEl.classList.remove(E),this.contentEl.removeAttribute("aria-hidden")),this.backdropEl&&this.backdropEl.classList.remove(O),this.animation&&this.animation.stop(),this.ionDidClose.emit({role:e}),document.removeEventListener("focus",this.handleFocus,!0)}updateState(){const t=this._isActive();this.gesture&&this.gesture.enable(t&&this.swipeGesture),t||(this.isAnimating&&(this.operationCancelled=!0),this.afterAnimation(!1,m))}render(){const{type:t,disabled:e,isPaneVisible:i,inheritedAttributes:n,side:r}=this,a=y(this);return o(s,{key:"7481c8a32a135fb0fd6d5591eecbf3fb0a8e8dde",onKeyDown:p()?null:this.onKeydown,role:"navigation","aria-label":n["aria-label"]||"menu",class:{[a]:!0,[`menu-type-${t}`]:!0,"menu-enabled":!e,[`menu-side-${r}`]:!0,"menu-pane-visible":i,"split-pane-side":null!==this.getSplitPane()}},o("div",{key:"8ac2f0f531db944a46e5fef016d0b18bd7b804cc",class:"menu-inner",part:"container",ref:t=>this.menuInnerEl=t},o("slot",{key:"1ac3e13ccccf1adb7915b739fc794f2889b626ce"})),o("ion-backdrop",{key:"f8becbf4de1a13feb57fb87973befecb88510bab",ref:t=>this.backdropEl=t,class:"menu-backdrop",tappable:!1,stopPropagation:!1,part:"backdrop"}))}get el(){return r(this)}static get watchers(){return{type:[{typeChanged:0}],disabled:[{disabledChanged:0}],side:[{sideChanged:0}],swipeGesture:[{swipeGestureChanged:0}]}}},D=(t,e,i)=>Math.max(0,e!==i?-t:t),_=(t,e,i,n)=>i?e>=t.innerWidth-n:e<=n,B="show-menu",O="show-backdrop",E="menu-content-open";A.style={ios:":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){-ms-flex:0 1 auto;flex:0 1 auto;width:var(--side-width, var(--width));min-width:var(--side-min-width, var(--min-width));max-width:var(--side-max-width, var(--max-width))}:host(.menu-pane-visible.split-pane-side){left:0;right:0;top:0;bottom:0;position:relative;-webkit-box-shadow:none;box-shadow:none;z-index:0}:host(.menu-pane-visible.split-pane-side.menu-enabled){display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host(.menu-pane-visible.split-pane-side){-ms-flex-order:-1;order:-1}:host(.menu-pane-visible.split-pane-side[side=end]){-ms-flex-order:1;order:1}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-pane-visible.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-pane-visible.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}",md:":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){-ms-flex:0 1 auto;flex:0 1 auto;width:var(--side-width, var(--width));min-width:var(--side-min-width, var(--min-width));max-width:var(--side-max-width, var(--max-width))}:host(.menu-pane-visible.split-pane-side){left:0;right:0;top:0;bottom:0;position:relative;-webkit-box-shadow:none;box-shadow:none;z-index:0}:host(.menu-pane-visible.split-pane-side.menu-enabled){display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host(.menu-pane-visible.split-pane-side){-ms-flex-order:-1;order:-1}:host(.menu-pane-visible.split-pane-side[side=end]){-ms-flex-order:1;order:1}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-pane-visible.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-pane-visible.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-type-overlay) .menu-inner{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}"};const P=async t=>{const e=await w.get(t);return!(!e||!await e.isActive())},W=class{constructor(e){t(this,e),this.inheritedAttributes={},this.visible=!1,this.disabled=!1,this.autoHide=!0,this.type="button",this.onClick=async()=>w.toggle(this.menu)}componentWillLoad(){this.inheritedAttributes=g(this.el)}componentDidLoad(){this.visibilityChanged()}async visibilityChanged(){this.visible=await P(this.menu)}render(){const{color:t,disabled:e,inheritedAttributes:n}=this,r=y(this),a=i.get("menuIcon","ios"===r?j:S),d=this.autoHide&&!this.visible,h={type:this.type},l=n["aria-label"]||"menu";return o(s,{key:"b8869377822b082c6c4d3f16135b50b733eabf65",onClick:this.onClick,"aria-disabled":e?"true":null,"aria-hidden":d?"true":null,class:z(t,{[r]:!0,button:!0,"menu-button-hidden":d,"menu-button-disabled":e,"in-toolbar":C("ion-toolbar",this.el),"in-toolbar-color":C("ion-toolbar[color]",this.el),"ion-activatable":!0,"ion-focusable":!0})},o("button",{key:"48fc0a7011414b60dd7d5136f247e937ae4bb8c8",...h,disabled:e,class:"button-native",part:"native","aria-label":l},o("span",{key:"8c712f28c5afd345e403a9afc525931112852708",class:"button-inner"},o("slot",{key:"dd872325e42baf435188478c8d1cfc416075089d"},o("ion-icon",{key:"a4f02bdb715b07792c17e12c7837873d70171f88",part:"icon",icon:a,mode:r,lazy:!1,"aria-hidden":"true"}))),"md"===r&&o("ion-ripple-effect",{key:"564e2a8a804e14d1135502f7b17d8b7b9862e81b",type:"unbounded"})))}get el(){return r(this)}};W.style={ios:':host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:.1;--border-radius:4px;--color:var(--ion-color-primary, #0054e9);--padding-start:5px;--padding-end:5px;min-height:32px;font-size:clamp(31px, 1.9375rem, 38.13px)}:host(.ion-activated){opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}',md:':host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:.12;--background-hover:currentColor;--background-hover-opacity:.04;--border-radius:50%;--color:initial;--padding-start:8px;--padding-end:8px;width:3rem;height:3rem;font-size:1.5rem}:host(.ion-color.ion-focused)::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}'};const G=class{constructor(e){t(this,e),this.visible=!1,this.autoHide=!0,this.onClick=()=>w.toggle(this.menu)}connectedCallback(){this.visibilityChanged()}async visibilityChanged(){this.visible=await P(this.menu)}render(){const t=y(this),e=this.autoHide&&!this.visible;return o(s,{key:"76d21ea6493b8161860c941e3754fef1e20395cc",onClick:this.onClick,"aria-hidden":e?"true":null,class:{[t]:!0,"menu-toggle-hidden":e}},o("slot",{key:"9383610fd3105e1928a38788eb596e313e2b07f8"}))}};G.style=":host(.menu-toggle-hidden){display:none}";export{A as ion_menu,W as ion_menu_button,G as ion_menu_toggle}
|