@pod-os/elements 0.26.0 → 0.26.1-rc.2988a4e.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/elements.cjs.js +1 -1
- package/dist/cjs/ion-badge_5.cjs.entry.js +1 -1
- package/dist/cjs/ion-icon_31.cjs.entry.js +341 -471
- package/dist/cjs/ion-icon_31.cjs.entry.js.map +1 -1
- package/dist/cjs/ion-searchbar.cjs.entry.js +430 -0
- package/dist/cjs/ion-searchbar.cjs.entry.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/pos-app-generic.cjs.entry.js +1 -1
- package/dist/cjs/pos-app-ldp-container.cjs.entry.js +1 -1
- package/dist/cjs/pos-app-rdf-document.cjs.entry.js +1 -1
- package/dist/collection/apps/pos-app-browser/pos-app-browser.css +8 -15
- package/dist/collection/apps/pos-app-browser/pos-app-browser.js +12 -3
- package/dist/collection/apps/pos-app-browser/pos-app-browser.js.map +1 -1
- package/dist/collection/apps/pos-app-dashboard/pos-getting-started/pos-getting-started.css +12 -0
- package/dist/collection/apps/pos-app-dashboard/pos-getting-started/pos-getting-started.js +19 -1
- package/dist/collection/apps/pos-app-dashboard/pos-getting-started/pos-getting-started.js.map +1 -1
- package/dist/collection/apps/pos-app-generic/pos-app-generic.js +1 -1
- package/dist/collection/apps/pos-app-ldp-container/pos-app-ldp-container.js +1 -1
- package/dist/collection/apps/pos-app-rdf-document/pos-app-rdf-document.js +1 -1
- package/dist/collection/apps/pos-app-settings/pos-app-settings.js +1 -1
- package/dist/collection/apps/pos-app-settings/pos-setting-offline-cache/pos-setting-offline-cache.js +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/pos-add-new-thing/pos-add-new-thing.css +2 -2
- package/dist/collection/components/pos-add-new-thing/pos-add-new-thing.js +1 -1
- package/dist/collection/components/pos-app/pos-app.js +1 -1
- package/dist/collection/components/pos-dialog/pos-dialog.js +1 -1
- package/dist/collection/components/pos-error-toast/pos-error-toast.js +1 -1
- package/dist/collection/components/pos-literals/pos-literals.js +1 -1
- package/dist/collection/components/pos-login/pos-login.js +33 -2
- package/dist/collection/components/pos-login/pos-login.js.map +1 -1
- package/dist/collection/components/pos-login-form/pos-login-form.js +1 -1
- package/dist/collection/components/pos-make-findable/pos-make-findable.css +7 -4
- package/dist/collection/components/pos-navigation/__test/typeToSearch.js +12 -0
- package/dist/collection/components/pos-navigation/__test/typeToSearch.js.map +1 -0
- package/dist/collection/components/pos-navigation/bar/pos-navigation-bar.css +38 -0
- package/dist/collection/components/pos-navigation/bar/pos-navigation-bar.js +105 -0
- package/dist/collection/components/pos-navigation/bar/pos-navigation-bar.js.map +1 -0
- package/dist/collection/components/pos-navigation/pos-navigation.css +115 -0
- package/dist/collection/components/{pos-navigation-bar/pos-navigation-bar.js → pos-navigation/pos-navigation.js} +75 -18
- package/dist/collection/components/pos-navigation/pos-navigation.js.map +1 -0
- package/dist/collection/components/pos-new-thing-form/pos-new-thing-form.js +1 -1
- package/dist/collection/components/pos-rich-link/pos-rich-link.css +1 -1
- package/dist/collection/components/pos-rich-link/pos-rich-link.js +2 -2
- package/dist/collection/components/pos-router/pos-router.css +1 -1
- package/dist/collection/components/pos-router/pos-router.js +1 -1
- package/dist/collection/components/pos-select-term/pos-select-term.js +1 -1
- package/dist/components/Subject.js +700 -0
- package/dist/components/Subject.js.map +1 -0
- package/dist/components/ion-searchbar.js +475 -1
- package/dist/components/ion-searchbar.js.map +1 -1
- package/dist/components/pos-add-new-thing2.js +2 -2
- package/dist/components/pos-add-new-thing2.js.map +1 -1
- package/dist/components/pos-app-browser.js +49 -40
- package/dist/components/pos-app-browser.js.map +1 -1
- package/dist/components/pos-app-generic.js +1 -1
- package/dist/components/pos-app-ldp-container.js +1 -1
- package/dist/components/pos-app-rdf-document.js +1 -1
- package/dist/components/pos-app-settings2.js +1 -1
- package/dist/components/pos-app2.js +2 -698
- package/dist/components/pos-app2.js.map +1 -1
- package/dist/components/pos-dialog2.js +1 -1
- package/dist/components/pos-error-toast2.js +1 -1
- package/dist/components/pos-getting-started2.js +4 -3
- package/dist/components/pos-getting-started2.js.map +1 -1
- package/dist/components/pos-literals2.js +1 -1
- package/dist/components/pos-login-form2.js +1 -1
- package/dist/components/pos-login2.js +19 -3
- package/dist/components/pos-login2.js.map +1 -1
- package/dist/components/pos-make-findable2.js +1 -1
- package/dist/components/pos-make-findable2.js.map +1 -1
- package/dist/components/pos-navigation-bar2.js +24 -109
- package/dist/components/pos-navigation-bar2.js.map +1 -1
- package/dist/components/pos-navigation.d.ts +11 -0
- package/dist/components/pos-navigation.js +8 -0
- package/dist/components/pos-navigation.js.map +1 -0
- package/dist/components/pos-navigation2.js +394 -0
- package/dist/components/pos-navigation2.js.map +1 -0
- package/dist/components/pos-new-thing-form2.js +1 -1
- package/dist/components/pos-rich-link2.js +3 -3
- package/dist/components/pos-rich-link2.js.map +1 -1
- package/dist/components/pos-router2.js +2 -2
- package/dist/components/pos-router2.js.map +1 -1
- package/dist/components/pos-select-term2.js +1 -1
- package/dist/components/pos-setting-offline-cache2.js +1 -1
- package/dist/elements/elements.esm.js +1 -1
- package/dist/elements/elements.esm.js.map +1 -1
- package/dist/elements/{p-a6c03ce8.js → p-01adc2b7.js} +2 -2
- package/dist/elements/p-0802c77b.entry.js +20 -0
- package/dist/elements/p-0802c77b.entry.js.map +1 -0
- package/dist/elements/{p-7190d53c.entry.js → p-09ff1516.entry.js} +2 -2
- package/dist/elements/{p-307d1531.js → p-0a6631d5.js} +2 -2
- package/dist/elements/{p-c698ab8e.entry.js → p-0b3d14ec.entry.js} +3 -3
- package/dist/elements/{p-d8818bb3.entry.js → p-0d4f129d.entry.js} +2 -2
- package/dist/elements/p-104fee38.entry.js +2 -0
- package/dist/elements/{p-6cc9961e.entry.js → p-11466af2.entry.js} +2 -2
- package/dist/elements/{p-3e6ffc13.entry.js → p-11845ff3.entry.js} +2 -2
- package/dist/elements/p-13b1d6fe.entry.js +2 -0
- package/dist/elements/{p-d358565a.entry.js.map → p-13b1d6fe.entry.js.map} +1 -1
- package/dist/elements/p-14bf4c7a.entry.js +2 -0
- package/dist/elements/{p-66a58eb0.entry.js.map → p-14bf4c7a.entry.js.map} +1 -1
- package/dist/elements/{p-a507d627.entry.js → p-151d1ec8.entry.js} +2 -2
- package/dist/elements/{p-8e1c68eb.entry.js → p-178b3852.entry.js} +2 -2
- package/dist/elements/{p-89aef852.js → p-1930ffd5.js} +2 -2
- package/dist/elements/{p-aa7d93f1.entry.js → p-1a1222a3.entry.js} +2 -2
- package/dist/elements/{p-4dd65d40.entry.js → p-1e05efd7.entry.js} +2 -2
- package/dist/elements/{p-f50c3045.entry.js → p-1faf2d02.entry.js} +2 -2
- package/dist/elements/{p-a421bbe5.entry.js → p-21e90439.entry.js} +2 -2
- package/dist/elements/p-220cce23.entry.js +2 -0
- package/dist/{components/searchbar.js.map → elements/p-220cce23.entry.js.map} +1 -1
- package/dist/elements/{p-552a9992.entry.js → p-22c21319.entry.js} +2 -2
- package/dist/elements/{p-66973c59.entry.js → p-24d93ddd.entry.js} +2 -2
- package/dist/elements/p-2551eb06.entry.js +2 -0
- package/dist/elements/{p-bca341ba.entry.js.map → p-2551eb06.entry.js.map} +1 -1
- package/dist/elements/p-258f2385.entry.js +2 -0
- package/dist/elements/{p-72a9cbdc.entry.js → p-27bd8113.entry.js} +2 -2
- package/dist/elements/{p-c350af00.entry.js → p-2948d57b.entry.js} +2 -2
- package/dist/elements/p-2cda3231.entry.js +2 -0
- package/dist/elements/{p-41bb9792.entry.js → p-2cdaf88b.entry.js} +2 -2
- package/dist/elements/{p-fa0be1d8.entry.js → p-2e08ee3a.entry.js} +2 -2
- package/dist/elements/{p-239442f9.entry.js → p-2e0c20e7.entry.js} +2 -2
- package/dist/elements/p-2ec92ff9.entry.js +2 -0
- package/dist/elements/p-2f3623f1.entry.js +2 -0
- package/dist/elements/{p-c01a4a79.entry.js.map → p-2f3623f1.entry.js.map} +1 -1
- package/dist/elements/{p-8e8881a8.entry.js → p-30834f34.entry.js} +2 -2
- package/dist/elements/p-30cd90ec.js +6 -0
- package/dist/elements/{p-ae984107.entry.js → p-3585f786.entry.js} +2 -2
- package/dist/elements/{p-d08312dd.entry.js → p-35f84573.entry.js} +2 -2
- package/dist/elements/p-3e130681.entry.js +2 -0
- package/dist/elements/{p-bdea20c4.entry.js.map → p-3e130681.entry.js.map} +1 -1
- package/dist/elements/{p-ffa8c481.entry.js → p-3f02cc92.entry.js} +2 -2
- package/dist/elements/{p-71ee259b.js → p-3f316fc4.js} +2 -2
- package/dist/elements/{p-bc675b21.entry.js → p-3f3b74e6.entry.js} +2 -2
- package/dist/elements/p-40a2d567.entry.js +2 -0
- package/dist/elements/{p-e78cf007.entry.js → p-4dc7c524.entry.js} +2 -2
- package/dist/elements/{p-c191e6df.js → p-4e8c31fa.js} +8 -8
- package/dist/elements/{p-a45b1964.entry.js → p-5051d2a6.entry.js} +2 -2
- package/dist/elements/{p-e0de7c6a.entry.js → p-5a061ddb.entry.js} +2 -2
- package/dist/elements/{p-061819d1.js → p-5a8e7149.js} +3 -3
- package/dist/elements/p-5bf4c45a.js +5 -0
- package/dist/elements/{p-b9dcf3b2.js → p-5e8a3893.js} +2 -2
- package/dist/elements/{p-300ec095.entry.js → p-602861f4.entry.js} +3 -3
- package/dist/elements/{p-4a370bdc.entry.js → p-627d5e73.entry.js} +2 -2
- package/dist/elements/{p-406df11a.entry.js → p-648dac6c.entry.js} +2 -2
- package/dist/elements/{p-07d2bd5a.entry.js → p-650db824.entry.js} +2 -2
- package/dist/elements/{p-cb550d04.entry.js → p-682dd0f9.entry.js} +2 -2
- package/dist/elements/{p-59ec8b76.entry.js → p-689a5c54.entry.js} +3 -3
- package/dist/elements/{p-d6394ee4.entry.js → p-6a701de0.entry.js} +2 -2
- package/dist/elements/{p-f4035b4a.entry.js → p-6ca9bad7.entry.js} +2 -2
- package/dist/elements/{p-25926b66.entry.js → p-6cae9207.entry.js} +2 -2
- package/dist/elements/{p-6119b57a.entry.js → p-6e5c902a.entry.js} +2 -2
- package/dist/elements/{p-0ddcbecd.entry.js → p-72ba182e.entry.js} +2 -2
- package/dist/elements/{p-1b2d32c1.entry.js → p-8619a806.entry.js} +2 -2
- package/dist/elements/{p-4383e1bb.entry.js → p-87af433a.entry.js} +2 -2
- package/dist/elements/{p-f96384f2.entry.js → p-87eb06bc.entry.js} +2 -2
- package/dist/elements/p-8a691722.entry.js +2 -0
- package/dist/elements/{p-95161a5d.entry.js.map → p-8a691722.entry.js.map} +1 -1
- package/dist/elements/{p-e8268c7a.entry.js → p-8c13ce70.entry.js} +2 -2
- package/dist/elements/{p-b64a85bf.entry.js → p-8f6d4374.entry.js} +2 -2
- package/dist/elements/{p-949b115f.js → p-91025a2c.js} +3 -3
- package/dist/elements/{p-71835d6f.entry.js → p-95036276.entry.js} +2 -2
- package/dist/elements/{p-42169e41.js → p-97889672.js} +2 -2
- package/dist/elements/p-97fa472f.entry.js +2 -0
- package/dist/elements/{p-a06d93c7.entry.js.map → p-97fa472f.entry.js.map} +1 -1
- package/dist/elements/{p-8b209e66.entry.js → p-9840f300.entry.js} +2 -2
- package/dist/elements/p-98b2844f.js +5 -0
- package/dist/elements/{p-fa19a3e9.entry.js → p-9d23baee.entry.js} +2 -2
- package/dist/elements/{p-7e8b8df1.entry.js → p-9d6c94d3.entry.js} +2 -2
- package/dist/elements/{p-41854c8f.entry.js → p-9d81c061.entry.js} +2 -2
- package/dist/elements/{p-dadb557e.entry.js → p-a19fb8fa.entry.js} +4 -4
- package/dist/elements/{p-9a4bf79e.entry.js → p-a7c9aa13.entry.js} +2 -2
- package/dist/elements/{p-0ee8b7a7.js → p-acfa402f.js} +2 -2
- package/dist/elements/{p-facc0ac5.entry.js → p-af03cfbe.entry.js} +2 -2
- package/dist/elements/{p-b8bd7745.entry.js → p-af2b9ecb.entry.js} +2 -2
- package/dist/elements/{p-cbf050d6.js → p-b110cb49.js} +2 -2
- package/dist/elements/{p-09d80405.entry.js → p-b1292dde.entry.js} +2 -2
- package/dist/elements/p-b2c94853.entry.js +2 -0
- package/dist/elements/{p-250d4bf1.entry.js.map → p-b2c94853.entry.js.map} +1 -1
- package/dist/elements/{p-a376351f.entry.js → p-b34203cd.entry.js} +2 -2
- package/dist/elements/{p-dc709055.entry.js → p-b954a40f.entry.js} +2 -2
- package/dist/elements/{p-1fc8e557.js → p-bde7428a.js} +2 -2
- package/dist/elements/{p-734e5a97.js → p-bf5335d4.js} +2 -2
- package/dist/elements/p-c1df6af7.js +8 -0
- package/dist/elements/p-c27a94bc.entry.js +2 -0
- package/dist/elements/{p-cbae963d.js → p-c30eb80f.js} +3 -3
- package/dist/elements/{p-4c078751.entry.js → p-c4332c66.entry.js} +2 -2
- package/dist/elements/{p-36caf749.entry.js → p-c4894c44.entry.js} +2 -2
- package/dist/elements/{p-87c81685.entry.js → p-c4e1867e.entry.js} +2 -2
- package/dist/elements/{p-645632a8.entry.js → p-c7db2b55.entry.js} +5 -5
- package/dist/elements/p-cb3e5072.entry.js +2 -0
- package/dist/elements/{p-49fcec88.entry.js → p-d54d552d.entry.js} +6 -6
- package/dist/elements/{p-2a548485.entry.js → p-d7b597ed.entry.js} +2 -2
- package/dist/elements/p-da0c771e.js +5 -0
- package/dist/elements/{p-c9604122.entry.js → p-de6d7967.entry.js} +2 -2
- package/dist/elements/p-e05f218c.entry.js +2 -0
- package/dist/elements/{p-2f0509be.entry.js.map → p-e05f218c.entry.js.map} +1 -1
- package/dist/elements/{p-b5f6b322.entry.js → p-e15ff70c.entry.js} +2 -2
- package/dist/elements/p-e1957ea1.entry.js +2 -0
- package/dist/elements/p-e43d654c.js +5 -0
- package/dist/elements/{p-01981011.entry.js → p-e7fbd427.entry.js} +2 -2
- package/dist/elements/{p-d61d280b.js → p-e912617c.js} +3 -3
- package/dist/elements/{p-da0d920d.js → p-ebe1c8ca.js} +2 -2
- package/dist/elements/{p-d872fe3e.entry.js → p-ec283f66.entry.js} +2 -2
- package/dist/elements/p-ec7a6c44.js +2 -0
- package/dist/elements/{p-f40b3ec6.entry.js → p-ed22dcc0.entry.js} +2 -2
- package/dist/elements/{p-05fff093.entry.js → p-eeaffc3b.entry.js} +2 -2
- package/dist/elements/p-f2c0c8a9.js +5 -0
- package/dist/elements/{p-c186950b.entry.js → p-f3bf8ff7.entry.js} +2 -2
- package/dist/elements/{p-5441ae35.entry.js → p-fb740291.entry.js} +2 -2
- package/dist/elements/{p-5bf40440.entry.js → p-fbff274c.entry.js} +2 -2
- package/dist/elements/{p-266d2934.entry.js → p-fd84af22.entry.js} +2 -2
- package/dist/esm/{BrokenFile-d387a173.js → BrokenFile-0b9882ef.js} +2 -2
- package/dist/esm/{BrokenFile-d387a173.js.map → BrokenFile-0b9882ef.js.map} +1 -1
- package/dist/esm/{animation-43b39c85.js → animation-756697b9.js} +2 -2
- package/dist/esm/{animation-43b39c85.js.map → animation-756697b9.js.map} +1 -1
- package/dist/esm/{app-globals-f420d326.js → app-globals-31ecda4c.js} +2 -2
- package/dist/esm/{app-globals-f420d326.js.map → app-globals-31ecda4c.js.map} +1 -1
- package/dist/esm/elements.js +5 -5
- package/dist/esm/{form-controller-3b50bf52.js → form-controller-8a54002c.js} +2 -2
- package/dist/esm/{form-controller-3b50bf52.js.map → form-controller-8a54002c.js.map} +1 -1
- package/dist/esm/{framework-delegate-c5179013.js → framework-delegate-65b5c396.js} +2 -2
- package/dist/esm/{framework-delegate-c5179013.js.map → framework-delegate-65b5c396.js.map} +1 -1
- package/dist/esm/{hardware-back-button-12e771ad.js → hardware-back-button-87b1549b.js} +3 -3
- package/dist/esm/{hardware-back-button-12e771ad.js.map → hardware-back-button-87b1549b.js.map} +1 -1
- package/dist/esm/{helpers-c51da066.js → helpers-bc137989.js} +2 -2
- package/dist/esm/{helpers-c51da066.js.map → helpers-bc137989.js.map} +1 -1
- package/dist/esm/{index-9725d917.js → index-46d8987d.js} +2 -2
- package/dist/esm/{index-9725d917.js.map → index-46d8987d.js.map} +1 -1
- package/dist/esm/{index-12e18dab.js → index-81865f43.js} +2 -2
- package/dist/esm/{index-12e18dab.js.map → index-81865f43.js.map} +1 -1
- package/dist/esm/{index-9edae53a.js → index-a51d17dd.js} +2 -2
- package/dist/esm/{index-9edae53a.js.map → index-a51d17dd.js.map} +1 -1
- package/dist/esm/{index-7462d21e.js → index-cbb71797.js} +5 -5
- package/dist/esm/{index-7462d21e.js.map → index-cbb71797.js.map} +1 -1
- package/dist/esm/{index-842e2941.js → index-e7f761c9.js} +2 -2
- package/dist/esm/{index-842e2941.js.map → index-e7f761c9.js.map} +1 -1
- package/dist/esm/{index-ccbcf170.js → index-fa9f8152.js} +5 -5
- package/dist/esm/{index-ccbcf170.js.map → index-fa9f8152.js.map} +1 -1
- package/dist/esm/{input-shims-0cb1bad1.js → input-shims-10923fa6.js} +3 -3
- package/dist/esm/{input-shims-0cb1bad1.js.map → input-shims-10923fa6.js.map} +1 -1
- package/dist/esm/{input.utils-0e2bf61a.js → input.utils-5fe0312f.js} +2 -2
- package/dist/esm/{input.utils-0e2bf61a.js.map → input.utils-5fe0312f.js.map} +1 -1
- package/dist/esm/ion-accordion-group.entry.js +2 -2
- package/dist/esm/ion-accordion.entry.js +4 -4
- package/dist/esm/ion-action-sheet_3.entry.js +7 -7
- package/dist/esm/ion-app.entry.js +7 -7
- package/dist/esm/ion-avatar.entry.js +2 -2
- package/dist/esm/ion-back-button.entry.js +4 -4
- package/dist/esm/ion-backdrop.entry.js +2 -2
- package/dist/esm/ion-badge_5.entry.js +3 -3
- package/dist/esm/ion-breadcrumb.entry.js +4 -4
- package/dist/esm/ion-breadcrumbs.entry.js +2 -2
- package/dist/esm/ion-button_4.entry.js +3 -3
- package/dist/esm/ion-card-content.entry.js +2 -2
- package/dist/esm/ion-card-header.entry.js +2 -2
- package/dist/esm/ion-card-subtitle.entry.js +2 -2
- package/dist/esm/ion-card-title.entry.js +2 -2
- package/dist/esm/ion-card.entry.js +3 -3
- package/dist/esm/ion-checkbox_7.entry.js +5 -5
- package/dist/esm/ion-chip.entry.js +2 -2
- package/dist/esm/ion-col.entry.js +2 -2
- package/dist/esm/ion-content.entry.js +3 -3
- package/dist/esm/ion-datetime-button.entry.js +3 -3
- package/dist/esm/ion-datetime.entry.js +4 -4
- package/dist/esm/ion-fab-button.entry.js +4 -4
- package/dist/esm/ion-fab-list.entry.js +2 -2
- package/dist/esm/ion-fab.entry.js +2 -2
- package/dist/esm/ion-footer.entry.js +4 -4
- package/dist/esm/ion-grid.entry.js +2 -2
- package/dist/esm/ion-header.entry.js +4 -4
- package/dist/esm/ion-icon_31.entry.js +331 -461
- package/dist/esm/ion-icon_31.entry.js.map +1 -1
- package/dist/esm/ion-img.entry.js +3 -3
- package/dist/esm/ion-infinite-scroll-content.entry.js +2 -2
- package/dist/esm/ion-infinite-scroll.entry.js +4 -4
- package/dist/esm/ion-input.entry.js +7 -7
- package/dist/esm/ion-item-divider.entry.js +2 -2
- package/dist/esm/ion-item-group.entry.js +2 -2
- package/dist/esm/ion-item-option.entry.js +2 -2
- package/dist/esm/ion-item-options.entry.js +3 -3
- package/dist/esm/ion-item-sliding.entry.js +4 -4
- package/dist/esm/ion-loading.entry.js +7 -7
- package/dist/esm/ion-menu-button.entry.js +8 -8
- package/dist/esm/ion-menu-toggle.entry.js +7 -7
- package/dist/esm/ion-menu.entry.js +8 -8
- package/dist/esm/ion-modal.entry.js +9 -9
- package/dist/esm/ion-nav-link.entry.js +1 -1
- package/dist/esm/ion-nav.entry.js +6 -6
- package/dist/esm/ion-note.entry.js +2 -2
- package/dist/esm/ion-picker-column.entry.js +3 -3
- package/dist/esm/ion-picker.entry.js +7 -7
- package/dist/esm/ion-popover.entry.js +8 -8
- package/dist/esm/ion-range.entry.js +5 -5
- package/dist/esm/ion-refresher-content.entry.js +6 -6
- package/dist/esm/ion-refresher.entry.js +6 -6
- package/dist/esm/ion-reorder-group.entry.js +4 -4
- package/dist/esm/ion-reorder.entry.js +3 -3
- package/dist/esm/ion-route-redirect.entry.js +1 -1
- package/dist/esm/ion-route.entry.js +1 -1
- package/dist/esm/ion-router-link.entry.js +2 -2
- package/dist/esm/ion-router-outlet.entry.js +6 -6
- package/dist/esm/ion-router.entry.js +2 -2
- package/dist/esm/ion-row.entry.js +2 -2
- package/dist/{components/searchbar.js → esm/ion-searchbar.entry.js} +17 -70
- package/dist/esm/ion-searchbar.entry.js.map +1 -0
- package/dist/esm/ion-segment-button.entry.js +3 -3
- package/dist/esm/ion-segment.entry.js +3 -3
- package/dist/esm/ion-select-option.entry.js +2 -2
- package/dist/esm/ion-select.entry.js +9 -9
- package/dist/esm/ion-spinner.entry.js +2 -2
- package/dist/esm/ion-split-pane.entry.js +2 -2
- package/dist/esm/ion-tab-bar.entry.js +2 -2
- package/dist/esm/ion-tab-button.entry.js +3 -3
- package/dist/esm/ion-tab.entry.js +3 -3
- package/dist/esm/ion-tabs.entry.js +1 -1
- package/dist/esm/ion-text.entry.js +2 -2
- package/dist/esm/ion-textarea.entry.js +6 -6
- package/dist/esm/ion-thumbnail.entry.js +2 -2
- package/dist/esm/ion-title.entry.js +2 -2
- package/dist/esm/ion-toggle.entry.js +5 -5
- package/dist/esm/ion-toolbar.entry.js +2 -2
- package/dist/esm/{ionic-global-07f989af.js → ionic-global-dc58df6a.js} +2 -2
- package/dist/esm/{ionic-global-07f989af.js.map → ionic-global-dc58df6a.js.map} +1 -1
- package/dist/esm/{ios.transition-02b5b74a.js → ios.transition-cd6a57b8.js} +5 -5
- package/dist/esm/{ios.transition-02b5b74a.js.map → ios.transition-cd6a57b8.js.map} +1 -1
- package/dist/esm/loader.js +5 -5
- package/dist/esm/{md.transition-0e6cf607.js → md.transition-a2999731.js} +5 -5
- package/dist/esm/{md.transition-0e6cf607.js.map → md.transition-a2999731.js.map} +1 -1
- package/dist/esm/{menu-toggle-util-6257f7b5.js → menu-toggle-util-5d79b187.js} +2 -2
- package/dist/esm/{menu-toggle-util-6257f7b5.js.map → menu-toggle-util-5d79b187.js.map} +1 -1
- package/dist/esm/{notch-controller-79926902.js → notch-controller-ce206c7f.js} +2 -2
- package/dist/esm/{notch-controller-79926902.js.map → notch-controller-ce206c7f.js.map} +1 -1
- package/dist/esm/{overlays-ef03d5bd.js → overlays-d7fc4ce2.js} +5 -5
- package/dist/esm/{overlays-ef03d5bd.js.map → overlays-d7fc4ce2.js.map} +1 -1
- package/dist/esm/pos-app-document-viewer.entry.js +1 -1
- package/dist/esm/pos-app-generic.entry.js +2 -2
- package/dist/esm/pos-app-image-viewer.entry.js +1 -1
- package/dist/esm/pos-app-ldp-container.entry.js +2 -2
- package/dist/esm/pos-app-rdf-document.entry.js +2 -2
- package/dist/esm/pos-container-contents.entry.js +1 -1
- package/dist/esm/pos-container-item.entry.js +1 -1
- package/dist/esm/pos-document.entry.js +2 -2
- package/dist/esm/pos-list.entry.js +1 -1
- package/dist/esm/pos-relations_2.entry.js +1 -1
- package/dist/esm/pos-subjects.entry.js +1 -1
- package/dist/esm/pos-value.entry.js +1 -1
- package/dist/esm/{refresher.utils-d191622d.js → refresher.utils-e60a7dd8.js} +4 -4
- package/dist/esm/{refresher.utils-d191622d.js.map → refresher.utils-e60a7dd8.js.map} +1 -1
- package/dist/esm/{status-tap-cdf580e7.js → status-tap-a4c12279.js} +4 -4
- package/dist/esm/{status-tap-cdf580e7.js.map → status-tap-a4c12279.js.map} +1 -1
- package/dist/esm/{swipe-back-698e6532.js → swipe-back-c940b28a.js} +2 -2
- package/dist/esm/{swipe-back-698e6532.js.map → swipe-back-c940b28a.js.map} +1 -1
- package/dist/types/apps/pos-app-browser/pos-app-browser.d.ts +2 -1
- package/dist/types/apps/pos-app-dashboard/pos-getting-started/pos-getting-started.d.ts +2 -0
- package/dist/types/components/pos-login/pos-login.d.ts +5 -0
- package/dist/types/components/pos-navigation/__test/typeToSearch.d.ts +1 -0
- package/dist/types/components/pos-navigation/bar/pos-navigation-bar.d.ts +11 -0
- package/dist/types/components/pos-navigation/pos-navigation.d.ts +44 -0
- package/dist/types/components.d.ts +64 -7
- package/package.json +1 -1
- package/dist/collection/components/pos-navigation-bar/pos-navigation-bar.css +0 -51
- package/dist/collection/components/pos-navigation-bar/pos-navigation-bar.js.map +0 -1
- package/dist/elements/p-07773ed5.entry.js +0 -2
- package/dist/elements/p-250d4bf1.entry.js +0 -2
- package/dist/elements/p-2f0509be.entry.js +0 -2
- package/dist/elements/p-4c78c8c9.js +0 -5
- package/dist/elements/p-4ccdbcbf.entry.js +0 -2
- package/dist/elements/p-523432d1.js +0 -2
- package/dist/elements/p-627826b0.entry.js +0 -2
- package/dist/elements/p-66a58eb0.entry.js +0 -2
- package/dist/elements/p-7183a9ca.entry.js +0 -2
- package/dist/elements/p-7f53778f.entry.js +0 -2
- package/dist/elements/p-8f6d1cbe.entry.js +0 -2
- package/dist/elements/p-932de51e.js +0 -8
- package/dist/elements/p-95161a5d.entry.js +0 -2
- package/dist/elements/p-a06d93c7.entry.js +0 -2
- package/dist/elements/p-a08f0446.entry.js +0 -2
- package/dist/elements/p-a13569cf.entry.js +0 -2
- package/dist/elements/p-a37a2712.js +0 -5
- package/dist/elements/p-b34f1af4.entry.js +0 -20
- package/dist/elements/p-b34f1af4.entry.js.map +0 -1
- package/dist/elements/p-bca341ba.entry.js +0 -2
- package/dist/elements/p-bdea20c4.entry.js +0 -2
- package/dist/elements/p-c01a4a79.entry.js +0 -2
- package/dist/elements/p-c452a2e9.js +0 -5
- package/dist/elements/p-d1e7b393.js +0 -5
- package/dist/elements/p-d358565a.entry.js +0 -2
- package/dist/elements/p-eba70ed1.js +0 -6
- package/dist/elements/p-f67bba50.js +0 -5
- package/dist/types/components/pos-navigation-bar/pos-navigation-bar.d.ts +0 -25
- /package/dist/elements/{p-a6c03ce8.js.map → p-01adc2b7.js.map} +0 -0
- /package/dist/elements/{p-7190d53c.entry.js.map → p-09ff1516.entry.js.map} +0 -0
- /package/dist/elements/{p-307d1531.js.map → p-0a6631d5.js.map} +0 -0
- /package/dist/elements/{p-c698ab8e.entry.js.map → p-0b3d14ec.entry.js.map} +0 -0
- /package/dist/elements/{p-d8818bb3.entry.js.map → p-0d4f129d.entry.js.map} +0 -0
- /package/dist/elements/{p-07773ed5.entry.js.map → p-104fee38.entry.js.map} +0 -0
- /package/dist/elements/{p-6cc9961e.entry.js.map → p-11466af2.entry.js.map} +0 -0
- /package/dist/elements/{p-3e6ffc13.entry.js.map → p-11845ff3.entry.js.map} +0 -0
- /package/dist/elements/{p-a507d627.entry.js.map → p-151d1ec8.entry.js.map} +0 -0
- /package/dist/elements/{p-8e1c68eb.entry.js.map → p-178b3852.entry.js.map} +0 -0
- /package/dist/elements/{p-89aef852.js.map → p-1930ffd5.js.map} +0 -0
- /package/dist/elements/{p-aa7d93f1.entry.js.map → p-1a1222a3.entry.js.map} +0 -0
- /package/dist/elements/{p-4dd65d40.entry.js.map → p-1e05efd7.entry.js.map} +0 -0
- /package/dist/elements/{p-f50c3045.entry.js.map → p-1faf2d02.entry.js.map} +0 -0
- /package/dist/elements/{p-a421bbe5.entry.js.map → p-21e90439.entry.js.map} +0 -0
- /package/dist/elements/{p-552a9992.entry.js.map → p-22c21319.entry.js.map} +0 -0
- /package/dist/elements/{p-66973c59.entry.js.map → p-24d93ddd.entry.js.map} +0 -0
- /package/dist/elements/{p-8f6d1cbe.entry.js.map → p-258f2385.entry.js.map} +0 -0
- /package/dist/elements/{p-72a9cbdc.entry.js.map → p-27bd8113.entry.js.map} +0 -0
- /package/dist/elements/{p-c350af00.entry.js.map → p-2948d57b.entry.js.map} +0 -0
- /package/dist/elements/{p-7183a9ca.entry.js.map → p-2cda3231.entry.js.map} +0 -0
- /package/dist/elements/{p-41bb9792.entry.js.map → p-2cdaf88b.entry.js.map} +0 -0
- /package/dist/elements/{p-fa0be1d8.entry.js.map → p-2e08ee3a.entry.js.map} +0 -0
- /package/dist/elements/{p-239442f9.entry.js.map → p-2e0c20e7.entry.js.map} +0 -0
- /package/dist/elements/{p-627826b0.entry.js.map → p-2ec92ff9.entry.js.map} +0 -0
- /package/dist/elements/{p-8e8881a8.entry.js.map → p-30834f34.entry.js.map} +0 -0
- /package/dist/elements/{p-eba70ed1.js.map → p-30cd90ec.js.map} +0 -0
- /package/dist/elements/{p-ae984107.entry.js.map → p-3585f786.entry.js.map} +0 -0
- /package/dist/elements/{p-d08312dd.entry.js.map → p-35f84573.entry.js.map} +0 -0
- /package/dist/elements/{p-ffa8c481.entry.js.map → p-3f02cc92.entry.js.map} +0 -0
- /package/dist/elements/{p-71ee259b.js.map → p-3f316fc4.js.map} +0 -0
- /package/dist/elements/{p-bc675b21.entry.js.map → p-3f3b74e6.entry.js.map} +0 -0
- /package/dist/elements/{p-7f53778f.entry.js.map → p-40a2d567.entry.js.map} +0 -0
- /package/dist/elements/{p-e78cf007.entry.js.map → p-4dc7c524.entry.js.map} +0 -0
- /package/dist/elements/{p-c191e6df.js.map → p-4e8c31fa.js.map} +0 -0
- /package/dist/elements/{p-a45b1964.entry.js.map → p-5051d2a6.entry.js.map} +0 -0
- /package/dist/elements/{p-e0de7c6a.entry.js.map → p-5a061ddb.entry.js.map} +0 -0
- /package/dist/elements/{p-061819d1.js.map → p-5a8e7149.js.map} +0 -0
- /package/dist/elements/{p-4c78c8c9.js.map → p-5bf4c45a.js.map} +0 -0
- /package/dist/elements/{p-b9dcf3b2.js.map → p-5e8a3893.js.map} +0 -0
- /package/dist/elements/{p-300ec095.entry.js.map → p-602861f4.entry.js.map} +0 -0
- /package/dist/elements/{p-4a370bdc.entry.js.map → p-627d5e73.entry.js.map} +0 -0
- /package/dist/elements/{p-406df11a.entry.js.map → p-648dac6c.entry.js.map} +0 -0
- /package/dist/elements/{p-07d2bd5a.entry.js.map → p-650db824.entry.js.map} +0 -0
- /package/dist/elements/{p-cb550d04.entry.js.map → p-682dd0f9.entry.js.map} +0 -0
- /package/dist/elements/{p-59ec8b76.entry.js.map → p-689a5c54.entry.js.map} +0 -0
- /package/dist/elements/{p-d6394ee4.entry.js.map → p-6a701de0.entry.js.map} +0 -0
- /package/dist/elements/{p-f4035b4a.entry.js.map → p-6ca9bad7.entry.js.map} +0 -0
- /package/dist/elements/{p-25926b66.entry.js.map → p-6cae9207.entry.js.map} +0 -0
- /package/dist/elements/{p-6119b57a.entry.js.map → p-6e5c902a.entry.js.map} +0 -0
- /package/dist/elements/{p-0ddcbecd.entry.js.map → p-72ba182e.entry.js.map} +0 -0
- /package/dist/elements/{p-1b2d32c1.entry.js.map → p-8619a806.entry.js.map} +0 -0
- /package/dist/elements/{p-4383e1bb.entry.js.map → p-87af433a.entry.js.map} +0 -0
- /package/dist/elements/{p-f96384f2.entry.js.map → p-87eb06bc.entry.js.map} +0 -0
- /package/dist/elements/{p-e8268c7a.entry.js.map → p-8c13ce70.entry.js.map} +0 -0
- /package/dist/elements/{p-b64a85bf.entry.js.map → p-8f6d4374.entry.js.map} +0 -0
- /package/dist/elements/{p-949b115f.js.map → p-91025a2c.js.map} +0 -0
- /package/dist/elements/{p-71835d6f.entry.js.map → p-95036276.entry.js.map} +0 -0
- /package/dist/elements/{p-42169e41.js.map → p-97889672.js.map} +0 -0
- /package/dist/elements/{p-8b209e66.entry.js.map → p-9840f300.entry.js.map} +0 -0
- /package/dist/elements/{p-a37a2712.js.map → p-98b2844f.js.map} +0 -0
- /package/dist/elements/{p-fa19a3e9.entry.js.map → p-9d23baee.entry.js.map} +0 -0
- /package/dist/elements/{p-7e8b8df1.entry.js.map → p-9d6c94d3.entry.js.map} +0 -0
- /package/dist/elements/{p-41854c8f.entry.js.map → p-9d81c061.entry.js.map} +0 -0
- /package/dist/elements/{p-dadb557e.entry.js.map → p-a19fb8fa.entry.js.map} +0 -0
- /package/dist/elements/{p-9a4bf79e.entry.js.map → p-a7c9aa13.entry.js.map} +0 -0
- /package/dist/elements/{p-0ee8b7a7.js.map → p-acfa402f.js.map} +0 -0
- /package/dist/elements/{p-facc0ac5.entry.js.map → p-af03cfbe.entry.js.map} +0 -0
- /package/dist/elements/{p-b8bd7745.entry.js.map → p-af2b9ecb.entry.js.map} +0 -0
- /package/dist/elements/{p-cbf050d6.js.map → p-b110cb49.js.map} +0 -0
- /package/dist/elements/{p-09d80405.entry.js.map → p-b1292dde.entry.js.map} +0 -0
- /package/dist/elements/{p-a376351f.entry.js.map → p-b34203cd.entry.js.map} +0 -0
- /package/dist/elements/{p-dc709055.entry.js.map → p-b954a40f.entry.js.map} +0 -0
- /package/dist/elements/{p-1fc8e557.js.map → p-bde7428a.js.map} +0 -0
- /package/dist/elements/{p-734e5a97.js.map → p-bf5335d4.js.map} +0 -0
- /package/dist/elements/{p-932de51e.js.map → p-c1df6af7.js.map} +0 -0
- /package/dist/elements/{p-a08f0446.entry.js.map → p-c27a94bc.entry.js.map} +0 -0
- /package/dist/elements/{p-cbae963d.js.map → p-c30eb80f.js.map} +0 -0
- /package/dist/elements/{p-4c078751.entry.js.map → p-c4332c66.entry.js.map} +0 -0
- /package/dist/elements/{p-36caf749.entry.js.map → p-c4894c44.entry.js.map} +0 -0
- /package/dist/elements/{p-87c81685.entry.js.map → p-c4e1867e.entry.js.map} +0 -0
- /package/dist/elements/{p-645632a8.entry.js.map → p-c7db2b55.entry.js.map} +0 -0
- /package/dist/elements/{p-a13569cf.entry.js.map → p-cb3e5072.entry.js.map} +0 -0
- /package/dist/elements/{p-49fcec88.entry.js.map → p-d54d552d.entry.js.map} +0 -0
- /package/dist/elements/{p-2a548485.entry.js.map → p-d7b597ed.entry.js.map} +0 -0
- /package/dist/elements/{p-c452a2e9.js.map → p-da0c771e.js.map} +0 -0
- /package/dist/elements/{p-c9604122.entry.js.map → p-de6d7967.entry.js.map} +0 -0
- /package/dist/elements/{p-b5f6b322.entry.js.map → p-e15ff70c.entry.js.map} +0 -0
- /package/dist/elements/{p-4ccdbcbf.entry.js.map → p-e1957ea1.entry.js.map} +0 -0
- /package/dist/elements/{p-f67bba50.js.map → p-e43d654c.js.map} +0 -0
- /package/dist/elements/{p-01981011.entry.js.map → p-e7fbd427.entry.js.map} +0 -0
- /package/dist/elements/{p-d61d280b.js.map → p-e912617c.js.map} +0 -0
- /package/dist/elements/{p-da0d920d.js.map → p-ebe1c8ca.js.map} +0 -0
- /package/dist/elements/{p-d872fe3e.entry.js.map → p-ec283f66.entry.js.map} +0 -0
- /package/dist/elements/{p-523432d1.js.map → p-ec7a6c44.js.map} +0 -0
- /package/dist/elements/{p-f40b3ec6.entry.js.map → p-ed22dcc0.entry.js.map} +0 -0
- /package/dist/elements/{p-05fff093.entry.js.map → p-eeaffc3b.entry.js.map} +0 -0
- /package/dist/elements/{p-d1e7b393.js.map → p-f2c0c8a9.js.map} +0 -0
- /package/dist/elements/{p-c186950b.entry.js.map → p-f3bf8ff7.entry.js.map} +0 -0
- /package/dist/elements/{p-5441ae35.entry.js.map → p-fb740291.entry.js.map} +0 -0
- /package/dist/elements/{p-5bf40440.entry.js.map → p-fbff274c.entry.js.map} +0 -0
- /package/dist/elements/{p-266d2934.entry.js.map → p-fd84af22.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["routerOutletCss","IonRouterOutletStyle0","RouterOutlet","constructor","hostRef","this","lockController","createLockController","gestureOrAnimationInProgress","mode","getIonMode","delegate","undefined","animated","animation","swipeHandler","swipeHandlerChanged","gesture","enable","connectedCallback","onStart","import","createSwipeBackGesture","el","canStart","step","_a","ani","progressStep","shouldComplete","dur","onFinish","onEnd","oneTimeCallback","newStepValue","easing","getTimeGivenProgression","progressEnd","componentWillLoad","ionNavWillLoad","emit","disconnectedCallback","destroy","commit","enteringEl","leavingEl","opts","unlock","lock","changed","transition","e","console","error","setRouteId","id","params","direction","setRoot","duration","animationBuilder","element","activeEl","getRouteId","active","tagName","activeParams","component","activeComponent","shallowEqualStringMap","attachComponent","detachComponent","ionNavWillChange","config","getBoolean","get","Object","assign","baseEl","deepWait","hasLazyBuild","progressCallback","progressAnimation","ionNavDidChange","render","h","key"],"sources":["../node_modules/@ionic/core/dist/collection/components/router-outlet/router-outlet.css?tag=ion-router-outlet&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/router-outlet/router-outlet.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n:host {\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n contain: layout size style;\n z-index: 0;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { h } from \"@stencil/core\";\nimport { getTimeGivenProgression } from \"../../utils/animation/cubic-bezier\";\nimport { attachComponent, detachComponent } from \"../../utils/framework-delegate\";\nimport { shallowEqualStringMap, hasLazyBuild } from \"../../utils/helpers\";\nimport { createLockController } from \"../../utils/lock-controller\";\nimport { transition } from \"../../utils/transition/index\";\nimport { config } from \"../../global/config\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class RouterOutlet {\n constructor() {\n this.lockController = createLockController();\n this.gestureOrAnimationInProgress = false;\n this.mode = getIonMode(this);\n this.delegate = undefined;\n this.animated = true;\n this.animation = undefined;\n this.swipeHandler = undefined;\n }\n swipeHandlerChanged() {\n if (this.gesture) {\n this.gesture.enable(this.swipeHandler !== undefined);\n }\n }\n async connectedCallback() {\n const onStart = () => {\n this.gestureOrAnimationInProgress = true;\n if (this.swipeHandler) {\n this.swipeHandler.onStart();\n }\n };\n this.gesture = (await import('../../utils/gesture/swipe-back')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {\n if (this.ani) {\n this.ani.onFinish(() => {\n this.gestureOrAnimationInProgress = false;\n if (this.swipeHandler) {\n this.swipeHandler.onEnd(shouldComplete);\n }\n }, { oneTimeCallback: true });\n // Account for rounding errors in JS\n let newStepValue = shouldComplete ? -0.001 : 0.001;\n /**\n * Animation will be reversed here, so need to\n * reverse the easing curve as well\n *\n * Additionally, we need to account for the time relative\n * to the new easing curve, as `stepValue` is going to be given\n * in terms of a linear curve.\n */\n if (!shouldComplete) {\n this.ani.easing('cubic-bezier(1, 0, 0.68, 0.28)');\n newStepValue += getTimeGivenProgression([0, 0], [1, 0], [0.68, 0.28], [1, 1], step)[0];\n }\n else {\n newStepValue += getTimeGivenProgression([0, 0], [0.32, 0.72], [0, 1], [1, 1], step)[0];\n }\n this.ani.progressEnd(shouldComplete ? 1 : 0, newStepValue, dur);\n }\n else {\n this.gestureOrAnimationInProgress = false;\n }\n });\n this.swipeHandlerChanged();\n }\n componentWillLoad() {\n this.ionNavWillLoad.emit();\n }\n disconnectedCallback() {\n if (this.gesture) {\n this.gesture.destroy();\n this.gesture = undefined;\n }\n }\n /** @internal */\n async commit(enteringEl, leavingEl, opts) {\n const unlock = await this.lockController.lock();\n let changed = false;\n try {\n changed = await this.transition(enteringEl, leavingEl, opts);\n }\n catch (e) {\n console.error(e);\n }\n unlock();\n return changed;\n }\n /** @internal */\n async setRouteId(id, params, direction, animation) {\n const changed = await this.setRoot(id, params, {\n duration: direction === 'root' ? 0 : undefined,\n direction: direction === 'back' ? 'back' : 'forward',\n animationBuilder: animation,\n });\n return {\n changed,\n element: this.activeEl,\n };\n }\n /** @internal */\n async getRouteId() {\n const active = this.activeEl;\n return active\n ? {\n id: active.tagName,\n element: active,\n params: this.activeParams,\n }\n : undefined;\n }\n async setRoot(component, params, opts) {\n if (this.activeComponent === component && shallowEqualStringMap(params, this.activeParams)) {\n return false;\n }\n // attach entering view to DOM\n const leavingEl = this.activeEl;\n const enteringEl = await attachComponent(this.delegate, this.el, component, ['ion-page', 'ion-page-invisible'], params);\n this.activeComponent = component;\n this.activeEl = enteringEl;\n this.activeParams = params;\n // commit animation\n await this.commit(enteringEl, leavingEl, opts);\n await detachComponent(this.delegate, leavingEl);\n return true;\n }\n async transition(enteringEl, leavingEl, opts = {}) {\n if (leavingEl === enteringEl) {\n return false;\n }\n // emit nav will change event\n this.ionNavWillChange.emit();\n const { el, mode } = this;\n const animated = this.animated && config.getBoolean('animated', true);\n const animationBuilder = opts.animationBuilder || this.animation || config.get('navAnimation');\n await transition(Object.assign(Object.assign({ mode,\n animated,\n enteringEl,\n leavingEl, baseEl: el,\n /**\n * We need to wait for all Stencil components\n * to be ready only when using the lazy\n * loaded bundle.\n */\n deepWait: hasLazyBuild(el), progressCallback: opts.progressAnimation\n ? (ani) => {\n /**\n * Because this progress callback is called asynchronously\n * it is possible for the gesture to start and end before\n * the animation is ever set. In that scenario, we should\n * immediately call progressEnd so that the transition promise\n * resolves and the gesture does not get locked up.\n */\n if (ani !== undefined && !this.gestureOrAnimationInProgress) {\n this.gestureOrAnimationInProgress = true;\n ani.onFinish(() => {\n this.gestureOrAnimationInProgress = false;\n if (this.swipeHandler) {\n this.swipeHandler.onEnd(false);\n }\n }, { oneTimeCallback: true });\n /**\n * Playing animation to beginning\n * with a duration of 0 prevents\n * any flickering when the animation\n * is later cleaned up.\n */\n ani.progressEnd(0, 0, 0);\n }\n else {\n this.ani = ani;\n }\n }\n : undefined }, opts), { animationBuilder }));\n // emit nav changed event\n this.ionNavDidChange.emit();\n return true;\n }\n render() {\n return h(\"slot\", { key: '0949db1bcfde67b462abe9cae72c7a7fd70ea678' });\n }\n static get is() { return \"ion-router-outlet\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"router-outlet.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"router-outlet.css\"]\n };\n }\n static get properties() {\n return {\n \"mode\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"\\\"ios\\\" | \\\"md\\\"\",\n \"resolved\": \"\\\"ios\\\" | \\\"md\\\"\",\n \"references\": {\n \"Mode\": {\n \"location\": \"global\",\n \"id\": \"global::Mode\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The mode determines which platform styles to use.\"\n },\n \"attribute\": \"mode\",\n \"reflect\": false,\n \"defaultValue\": \"getIonMode(this)\"\n },\n \"delegate\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"FrameworkDelegate\",\n \"resolved\": \"FrameworkDelegate | undefined\",\n \"references\": {\n \"FrameworkDelegate\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::FrameworkDelegate\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"\"\n }\n },\n \"animated\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the router-outlet should animate the transition of components.\"\n },\n \"attribute\": \"animated\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"animation\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"AnimationBuilder\",\n \"resolved\": \"((baseEl: any, opts?: any) => Animation) | undefined\",\n \"references\": {\n \"AnimationBuilder\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::AnimationBuilder\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property allows to create custom transition using AnimationBuilder functions.\"\n }\n },\n \"swipeHandler\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"SwipeGestureHandler\",\n \"resolved\": \"SwipeGestureHandler | undefined\",\n \"references\": {\n \"SwipeGestureHandler\": {\n \"location\": \"import\",\n \"path\": \"../nav/nav-interface\",\n \"id\": \"src/components/nav/nav-interface.ts::SwipeGestureHandler\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"\"\n }\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"ionNavWillLoad\",\n \"name\": \"ionNavWillLoad\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"ionNavWillChange\",\n \"name\": \"ionNavWillChange\",\n \"bubbles\": false,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"ionNavDidChange\",\n \"name\": \"ionNavDidChange\",\n \"bubbles\": false,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"commit\": {\n \"complexType\": {\n \"signature\": \"(enteringEl: HTMLElement, leavingEl: HTMLElement | undefined, opts?: RouterOutletOptions) => Promise<boolean>\",\n \"parameters\": [{\n \"name\": \"enteringEl\",\n \"type\": \"HTMLElement\",\n \"docs\": \"\"\n }, {\n \"name\": \"leavingEl\",\n \"type\": \"HTMLElement | undefined\",\n \"docs\": \"\"\n }, {\n \"name\": \"opts\",\n \"type\": \"RouterOutletOptions | undefined\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n },\n \"RouterOutletOptions\": {\n \"location\": \"import\",\n \"path\": \"../nav/nav-interface\",\n \"id\": \"src/components/nav/nav-interface.ts::RouterOutletOptions\"\n }\n },\n \"return\": \"Promise<boolean>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }]\n }\n },\n \"setRouteId\": {\n \"complexType\": {\n \"signature\": \"(id: string, params: ComponentProps | undefined, direction: RouterDirection, animation?: AnimationBuilder) => Promise<RouteWrite>\",\n \"parameters\": [{\n \"name\": \"id\",\n \"type\": \"string\",\n \"docs\": \"\"\n }, {\n \"name\": \"params\",\n \"type\": \"ComponentProps | undefined\",\n \"docs\": \"\"\n }, {\n \"name\": \"direction\",\n \"type\": \"\\\"root\\\" | \\\"back\\\" | \\\"forward\\\"\",\n \"docs\": \"\"\n }, {\n \"name\": \"animation\",\n \"type\": \"AnimationBuilder | undefined\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"RouteWrite\": {\n \"location\": \"import\",\n \"path\": \"../router/utils/interface\",\n \"id\": \"src/components/router/utils/interface.ts::RouteWrite\"\n },\n \"ComponentProps\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::ComponentProps\"\n },\n \"RouterDirection\": {\n \"location\": \"import\",\n \"path\": \"../router/utils/interface\",\n \"id\": \"src/components/router/utils/interface.ts::RouterDirection\"\n },\n \"AnimationBuilder\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::AnimationBuilder\"\n }\n },\n \"return\": \"Promise<RouteWrite>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }]\n }\n },\n \"getRouteId\": {\n \"complexType\": {\n \"signature\": \"() => Promise<RouteID | undefined>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"RouteID\": {\n \"location\": \"import\",\n \"path\": \"../router/utils/interface\",\n \"id\": \"src/components/router/utils/interface.ts::RouteID\"\n }\n },\n \"return\": \"Promise<RouteID | undefined>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"swipeHandler\",\n \"methodName\": \"swipeHandlerChanged\"\n }];\n }\n}\n"],"mappings":"4RAAA,MAAMA,EAAkB,6FACxB,MAAAC,EAAeD,E,MCUFE,EAAY,MACrB,WAAAC,CAAAC,G,6JACIC,KAAKC,eAAiBC,IACtBF,KAAKG,6BAA+B,MACpCH,KAAKI,KAAOC,EAAWL,MACvBA,KAAKM,SAAWC,UAChBP,KAAKQ,SAAW,KAChBR,KAAKS,UAAYF,UACjBP,KAAKU,aAAeH,S,CAExB,mBAAAI,GACI,GAAIX,KAAKY,QAAS,CACdZ,KAAKY,QAAQC,OAAOb,KAAKU,eAAiBH,U,EAGlD,uBAAMO,GACF,MAAMC,EAAU,KACZf,KAAKG,6BAA+B,KACpC,GAAIH,KAAKU,aAAc,CACnBV,KAAKU,aAAaK,S,GAG1Bf,KAAKY,eAAiBI,OAAO,oBAAmCC,uBAAuBjB,KAAKkB,IAAI,KAAOlB,KAAKG,gCAAkCH,KAAKU,cAAgBV,KAAKU,aAAaS,aAAY,IAAMJ,MAAYK,IAAW,IAAIC,EAAI,OAAQA,EAAKrB,KAAKsB,OAAS,MAAQD,SAAY,OAAS,EAAIA,EAAGE,aAAaH,EAAK,IAAK,CAACI,EAAgBJ,EAAMK,KAC/U,GAAIzB,KAAKsB,IAAK,CACVtB,KAAKsB,IAAII,UAAS,KACd1B,KAAKG,6BAA+B,MACpC,GAAIH,KAAKU,aAAc,CACnBV,KAAKU,aAAaiB,MAAMH,E,IAE7B,CAAEI,gBAAiB,OAEtB,IAAIC,EAAeL,GAAkB,KAAQ,KAS7C,IAAKA,EAAgB,CACjBxB,KAAKsB,IAAIQ,OAAO,kCAChBD,GAAgBE,EAAwB,CAAC,EAAG,GAAI,CAAC,EAAG,GAAI,CAAC,IAAM,KAAO,CAAC,EAAG,GAAIX,GAAM,E,KAEnF,CACDS,GAAgBE,EAAwB,CAAC,EAAG,GAAI,CAAC,IAAM,KAAO,CAAC,EAAG,GAAI,CAAC,EAAG,GAAIX,GAAM,E,CAExFpB,KAAKsB,IAAIU,YAAYR,EAAiB,EAAI,EAAGK,EAAcJ,E,KAE1D,CACDzB,KAAKG,6BAA+B,K,KAG5CH,KAAKW,qB,CAET,iBAAAsB,GACIjC,KAAKkC,eAAeC,M,CAExB,oBAAAC,GACI,GAAIpC,KAAKY,QAAS,CACdZ,KAAKY,QAAQyB,UACbrC,KAAKY,QAAUL,S,EAIvB,YAAM+B,CAAOC,EAAYC,EAAWC,GAChC,MAAMC,QAAe1C,KAAKC,eAAe0C,OACzC,IAAIC,EAAU,MACd,IACIA,QAAgB5C,KAAK6C,WAAWN,EAAYC,EAAWC,E,CAE3D,MAAOK,GACHC,QAAQC,MAAMF,E,CAElBJ,IACA,OAAOE,C,CAGX,gBAAMK,CAAWC,EAAIC,EAAQC,EAAW3C,GACpC,MAAMmC,QAAgB5C,KAAKqD,QAAQH,EAAIC,EAAQ,CAC3CG,SAAUF,IAAc,OAAS,EAAI7C,UACrC6C,UAAWA,IAAc,OAAS,OAAS,UAC3CG,iBAAkB9C,IAEtB,MAAO,CACHmC,UACAY,QAASxD,KAAKyD,S,CAItB,gBAAMC,GACF,MAAMC,EAAS3D,KAAKyD,SACpB,OAAOE,EACD,CACET,GAAIS,EAAOC,QACXJ,QAASG,EACTR,OAAQnD,KAAK6D,cAEftD,S,CAEV,aAAM8C,CAAQS,EAAWX,EAAQV,GAC7B,GAAIzC,KAAK+D,kBAAoBD,GAAaE,EAAsBb,EAAQnD,KAAK6D,cAAe,CACxF,OAAO,K,CAGX,MAAMrB,EAAYxC,KAAKyD,SACvB,MAAMlB,QAAmB0B,EAAgBjE,KAAKM,SAAUN,KAAKkB,GAAI4C,EAAW,CAAC,WAAY,sBAAuBX,GAChHnD,KAAK+D,gBAAkBD,EACvB9D,KAAKyD,SAAWlB,EAChBvC,KAAK6D,aAAeV,QAEdnD,KAAKsC,OAAOC,EAAYC,EAAWC,SACnCyB,EAAgBlE,KAAKM,SAAUkC,GACrC,OAAO,I,CAEX,gBAAMK,CAAWN,EAAYC,EAAWC,EAAO,IAC3C,GAAID,IAAcD,EAAY,CAC1B,OAAO,K,CAGXvC,KAAKmE,iBAAiBhC,OACtB,MAAMjB,GAAEA,EAAEd,KAAEA,GAASJ,KACrB,MAAMQ,EAAWR,KAAKQ,UAAY4D,EAAOC,WAAW,WAAY,MAChE,MAAMd,EAAmBd,EAAKc,kBAAoBvD,KAAKS,WAAa2D,EAAOE,IAAI,sBACzEzB,EAAW0B,OAAOC,OAAOD,OAAOC,OAAO,CAAEpE,OAC3CI,WACA+B,aACAC,YAAWiC,OAAQvD,EAMnBwD,SAAUC,EAAazD,GAAK0D,iBAAkBnC,EAAKoC,kBAC5CvD,IAQC,GAAIA,IAAQf,YAAcP,KAAKG,6BAA8B,CACzDH,KAAKG,6BAA+B,KACpCmB,EAAII,UAAS,KACT1B,KAAKG,6BAA+B,MACpC,GAAIH,KAAKU,aAAc,CACnBV,KAAKU,aAAaiB,MAAM,M,IAE7B,CAAEC,gBAAiB,OAOtBN,EAAIU,YAAY,EAAG,EAAG,E,KAErB,CACDhC,KAAKsB,IAAMA,C,GAGjBf,WAAakC,GAAO,CAAEc,sBAEhCvD,KAAK8E,gBAAgB3C,OACrB,OAAO,I,CAEX,MAAA4C,GACI,OAAOC,EAAE,OAAQ,CAAEC,IAAK,4C","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["routerOutletCss","IonRouterOutletStyle0","RouterOutlet","constructor","hostRef","this","lockController","createLockController","gestureOrAnimationInProgress","mode","getIonMode","delegate","undefined","animated","animation","swipeHandler","swipeHandlerChanged","gesture","enable","connectedCallback","onStart","import","createSwipeBackGesture","el","canStart","step","_a","ani","progressStep","shouldComplete","dur","onFinish","onEnd","oneTimeCallback","newStepValue","easing","getTimeGivenProgression","progressEnd","componentWillLoad","ionNavWillLoad","emit","disconnectedCallback","destroy","commit","enteringEl","leavingEl","opts","unlock","lock","changed","transition","e","console","error","setRouteId","id","params","direction","setRoot","duration","animationBuilder","element","activeEl","getRouteId","active","tagName","activeParams","component","activeComponent","shallowEqualStringMap","attachComponent","detachComponent","ionNavWillChange","config","getBoolean","get","Object","assign","baseEl","deepWait","hasLazyBuild","progressCallback","progressAnimation","ionNavDidChange","render","h","key"],"sources":["../node_modules/@ionic/core/dist/collection/components/router-outlet/router-outlet.css?tag=ion-router-outlet&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/router-outlet/router-outlet.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n:host {\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n contain: layout size style;\n z-index: 0;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { h } from \"@stencil/core\";\nimport { getTimeGivenProgression } from \"../../utils/animation/cubic-bezier\";\nimport { attachComponent, detachComponent } from \"../../utils/framework-delegate\";\nimport { shallowEqualStringMap, hasLazyBuild } from \"../../utils/helpers\";\nimport { createLockController } from \"../../utils/lock-controller\";\nimport { transition } from \"../../utils/transition/index\";\nimport { config } from \"../../global/config\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class RouterOutlet {\n constructor() {\n this.lockController = createLockController();\n this.gestureOrAnimationInProgress = false;\n this.mode = getIonMode(this);\n this.delegate = undefined;\n this.animated = true;\n this.animation = undefined;\n this.swipeHandler = undefined;\n }\n swipeHandlerChanged() {\n if (this.gesture) {\n this.gesture.enable(this.swipeHandler !== undefined);\n }\n }\n async connectedCallback() {\n const onStart = () => {\n this.gestureOrAnimationInProgress = true;\n if (this.swipeHandler) {\n this.swipeHandler.onStart();\n }\n };\n this.gesture = (await import('../../utils/gesture/swipe-back')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {\n if (this.ani) {\n this.ani.onFinish(() => {\n this.gestureOrAnimationInProgress = false;\n if (this.swipeHandler) {\n this.swipeHandler.onEnd(shouldComplete);\n }\n }, { oneTimeCallback: true });\n // Account for rounding errors in JS\n let newStepValue = shouldComplete ? -0.001 : 0.001;\n /**\n * Animation will be reversed here, so need to\n * reverse the easing curve as well\n *\n * Additionally, we need to account for the time relative\n * to the new easing curve, as `stepValue` is going to be given\n * in terms of a linear curve.\n */\n if (!shouldComplete) {\n this.ani.easing('cubic-bezier(1, 0, 0.68, 0.28)');\n newStepValue += getTimeGivenProgression([0, 0], [1, 0], [0.68, 0.28], [1, 1], step)[0];\n }\n else {\n newStepValue += getTimeGivenProgression([0, 0], [0.32, 0.72], [0, 1], [1, 1], step)[0];\n }\n this.ani.progressEnd(shouldComplete ? 1 : 0, newStepValue, dur);\n }\n else {\n this.gestureOrAnimationInProgress = false;\n }\n });\n this.swipeHandlerChanged();\n }\n componentWillLoad() {\n this.ionNavWillLoad.emit();\n }\n disconnectedCallback() {\n if (this.gesture) {\n this.gesture.destroy();\n this.gesture = undefined;\n }\n }\n /** @internal */\n async commit(enteringEl, leavingEl, opts) {\n const unlock = await this.lockController.lock();\n let changed = false;\n try {\n changed = await this.transition(enteringEl, leavingEl, opts);\n }\n catch (e) {\n console.error(e);\n }\n unlock();\n return changed;\n }\n /** @internal */\n async setRouteId(id, params, direction, animation) {\n const changed = await this.setRoot(id, params, {\n duration: direction === 'root' ? 0 : undefined,\n direction: direction === 'back' ? 'back' : 'forward',\n animationBuilder: animation,\n });\n return {\n changed,\n element: this.activeEl,\n };\n }\n /** @internal */\n async getRouteId() {\n const active = this.activeEl;\n return active\n ? {\n id: active.tagName,\n element: active,\n params: this.activeParams,\n }\n : undefined;\n }\n async setRoot(component, params, opts) {\n if (this.activeComponent === component && shallowEqualStringMap(params, this.activeParams)) {\n return false;\n }\n // attach entering view to DOM\n const leavingEl = this.activeEl;\n const enteringEl = await attachComponent(this.delegate, this.el, component, ['ion-page', 'ion-page-invisible'], params);\n this.activeComponent = component;\n this.activeEl = enteringEl;\n this.activeParams = params;\n // commit animation\n await this.commit(enteringEl, leavingEl, opts);\n await detachComponent(this.delegate, leavingEl);\n return true;\n }\n async transition(enteringEl, leavingEl, opts = {}) {\n if (leavingEl === enteringEl) {\n return false;\n }\n // emit nav will change event\n this.ionNavWillChange.emit();\n const { el, mode } = this;\n const animated = this.animated && config.getBoolean('animated', true);\n const animationBuilder = opts.animationBuilder || this.animation || config.get('navAnimation');\n await transition(Object.assign(Object.assign({ mode,\n animated,\n enteringEl,\n leavingEl, baseEl: el,\n /**\n * We need to wait for all Stencil components\n * to be ready only when using the lazy\n * loaded bundle.\n */\n deepWait: hasLazyBuild(el), progressCallback: opts.progressAnimation\n ? (ani) => {\n /**\n * Because this progress callback is called asynchronously\n * it is possible for the gesture to start and end before\n * the animation is ever set. In that scenario, we should\n * immediately call progressEnd so that the transition promise\n * resolves and the gesture does not get locked up.\n */\n if (ani !== undefined && !this.gestureOrAnimationInProgress) {\n this.gestureOrAnimationInProgress = true;\n ani.onFinish(() => {\n this.gestureOrAnimationInProgress = false;\n if (this.swipeHandler) {\n this.swipeHandler.onEnd(false);\n }\n }, { oneTimeCallback: true });\n /**\n * Playing animation to beginning\n * with a duration of 0 prevents\n * any flickering when the animation\n * is later cleaned up.\n */\n ani.progressEnd(0, 0, 0);\n }\n else {\n this.ani = ani;\n }\n }\n : undefined }, opts), { animationBuilder }));\n // emit nav changed event\n this.ionNavDidChange.emit();\n return true;\n }\n render() {\n return h(\"slot\", { key: '0949db1bcfde67b462abe9cae72c7a7fd70ea678' });\n }\n static get is() { return \"ion-router-outlet\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"router-outlet.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"router-outlet.css\"]\n };\n }\n static get properties() {\n return {\n \"mode\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"\\\"ios\\\" | \\\"md\\\"\",\n \"resolved\": \"\\\"ios\\\" | \\\"md\\\"\",\n \"references\": {\n \"Mode\": {\n \"location\": \"global\",\n \"id\": \"global::Mode\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The mode determines which platform styles to use.\"\n },\n \"attribute\": \"mode\",\n \"reflect\": false,\n \"defaultValue\": \"getIonMode(this)\"\n },\n \"delegate\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"FrameworkDelegate\",\n \"resolved\": \"FrameworkDelegate | undefined\",\n \"references\": {\n \"FrameworkDelegate\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::FrameworkDelegate\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"\"\n }\n },\n \"animated\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the router-outlet should animate the transition of components.\"\n },\n \"attribute\": \"animated\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"animation\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"AnimationBuilder\",\n \"resolved\": \"((baseEl: any, opts?: any) => Animation) | undefined\",\n \"references\": {\n \"AnimationBuilder\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::AnimationBuilder\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property allows to create custom transition using AnimationBuilder functions.\"\n }\n },\n \"swipeHandler\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"SwipeGestureHandler\",\n \"resolved\": \"SwipeGestureHandler | undefined\",\n \"references\": {\n \"SwipeGestureHandler\": {\n \"location\": \"import\",\n \"path\": \"../nav/nav-interface\",\n \"id\": \"src/components/nav/nav-interface.ts::SwipeGestureHandler\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"\"\n }\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"ionNavWillLoad\",\n \"name\": \"ionNavWillLoad\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"ionNavWillChange\",\n \"name\": \"ionNavWillChange\",\n \"bubbles\": false,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"ionNavDidChange\",\n \"name\": \"ionNavDidChange\",\n \"bubbles\": false,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"commit\": {\n \"complexType\": {\n \"signature\": \"(enteringEl: HTMLElement, leavingEl: HTMLElement | undefined, opts?: RouterOutletOptions) => Promise<boolean>\",\n \"parameters\": [{\n \"name\": \"enteringEl\",\n \"type\": \"HTMLElement\",\n \"docs\": \"\"\n }, {\n \"name\": \"leavingEl\",\n \"type\": \"HTMLElement | undefined\",\n \"docs\": \"\"\n }, {\n \"name\": \"opts\",\n \"type\": \"RouterOutletOptions | undefined\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n },\n \"RouterOutletOptions\": {\n \"location\": \"import\",\n \"path\": \"../nav/nav-interface\",\n \"id\": \"src/components/nav/nav-interface.ts::RouterOutletOptions\"\n }\n },\n \"return\": \"Promise<boolean>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }]\n }\n },\n \"setRouteId\": {\n \"complexType\": {\n \"signature\": \"(id: string, params: ComponentProps | undefined, direction: RouterDirection, animation?: AnimationBuilder) => Promise<RouteWrite>\",\n \"parameters\": [{\n \"name\": \"id\",\n \"type\": \"string\",\n \"docs\": \"\"\n }, {\n \"name\": \"params\",\n \"type\": \"ComponentProps | undefined\",\n \"docs\": \"\"\n }, {\n \"name\": \"direction\",\n \"type\": \"\\\"root\\\" | \\\"back\\\" | \\\"forward\\\"\",\n \"docs\": \"\"\n }, {\n \"name\": \"animation\",\n \"type\": \"AnimationBuilder | undefined\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"RouteWrite\": {\n \"location\": \"import\",\n \"path\": \"../router/utils/interface\",\n \"id\": \"src/components/router/utils/interface.ts::RouteWrite\"\n },\n \"ComponentProps\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::ComponentProps\"\n },\n \"RouterDirection\": {\n \"location\": \"import\",\n \"path\": \"../router/utils/interface\",\n \"id\": \"src/components/router/utils/interface.ts::RouterDirection\"\n },\n \"AnimationBuilder\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::AnimationBuilder\"\n }\n },\n \"return\": \"Promise<RouteWrite>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }]\n }\n },\n \"getRouteId\": {\n \"complexType\": {\n \"signature\": \"() => Promise<RouteID | undefined>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"RouteID\": {\n \"location\": \"import\",\n \"path\": \"../router/utils/interface\",\n \"id\": \"src/components/router/utils/interface.ts::RouteID\"\n }\n },\n \"return\": \"Promise<RouteID | undefined>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"swipeHandler\",\n \"methodName\": \"swipeHandlerChanged\"\n }];\n }\n}\n"],"mappings":"uRAAA,MAAMA,EAAkB,6FACxB,MAAAC,EAAeD,E,MCUFE,EAAY,MACrB,WAAAC,CAAAC,G,6JACIC,KAAKC,eAAiBC,IACtBF,KAAKG,6BAA+B,MACpCH,KAAKI,KAAOC,EAAWL,MACvBA,KAAKM,SAAWC,UAChBP,KAAKQ,SAAW,KAChBR,KAAKS,UAAYF,UACjBP,KAAKU,aAAeH,S,CAExB,mBAAAI,GACI,GAAIX,KAAKY,QAAS,CACdZ,KAAKY,QAAQC,OAAOb,KAAKU,eAAiBH,U,EAGlD,uBAAMO,GACF,MAAMC,EAAU,KACZf,KAAKG,6BAA+B,KACpC,GAAIH,KAAKU,aAAc,CACnBV,KAAKU,aAAaK,S,GAG1Bf,KAAKY,eAAiBI,OAAO,oBAAmCC,uBAAuBjB,KAAKkB,IAAI,KAAOlB,KAAKG,gCAAkCH,KAAKU,cAAgBV,KAAKU,aAAaS,aAAY,IAAMJ,MAAYK,IAAW,IAAIC,EAAI,OAAQA,EAAKrB,KAAKsB,OAAS,MAAQD,SAAY,OAAS,EAAIA,EAAGE,aAAaH,EAAK,IAAK,CAACI,EAAgBJ,EAAMK,KAC/U,GAAIzB,KAAKsB,IAAK,CACVtB,KAAKsB,IAAII,UAAS,KACd1B,KAAKG,6BAA+B,MACpC,GAAIH,KAAKU,aAAc,CACnBV,KAAKU,aAAaiB,MAAMH,E,IAE7B,CAAEI,gBAAiB,OAEtB,IAAIC,EAAeL,GAAkB,KAAQ,KAS7C,IAAKA,EAAgB,CACjBxB,KAAKsB,IAAIQ,OAAO,kCAChBD,GAAgBE,EAAwB,CAAC,EAAG,GAAI,CAAC,EAAG,GAAI,CAAC,IAAM,KAAO,CAAC,EAAG,GAAIX,GAAM,E,KAEnF,CACDS,GAAgBE,EAAwB,CAAC,EAAG,GAAI,CAAC,IAAM,KAAO,CAAC,EAAG,GAAI,CAAC,EAAG,GAAIX,GAAM,E,CAExFpB,KAAKsB,IAAIU,YAAYR,EAAiB,EAAI,EAAGK,EAAcJ,E,KAE1D,CACDzB,KAAKG,6BAA+B,K,KAG5CH,KAAKW,qB,CAET,iBAAAsB,GACIjC,KAAKkC,eAAeC,M,CAExB,oBAAAC,GACI,GAAIpC,KAAKY,QAAS,CACdZ,KAAKY,QAAQyB,UACbrC,KAAKY,QAAUL,S,EAIvB,YAAM+B,CAAOC,EAAYC,EAAWC,GAChC,MAAMC,QAAe1C,KAAKC,eAAe0C,OACzC,IAAIC,EAAU,MACd,IACIA,QAAgB5C,KAAK6C,WAAWN,EAAYC,EAAWC,E,CAE3D,MAAOK,GACHC,QAAQC,MAAMF,E,CAElBJ,IACA,OAAOE,C,CAGX,gBAAMK,CAAWC,EAAIC,EAAQC,EAAW3C,GACpC,MAAMmC,QAAgB5C,KAAKqD,QAAQH,EAAIC,EAAQ,CAC3CG,SAAUF,IAAc,OAAS,EAAI7C,UACrC6C,UAAWA,IAAc,OAAS,OAAS,UAC3CG,iBAAkB9C,IAEtB,MAAO,CACHmC,UACAY,QAASxD,KAAKyD,S,CAItB,gBAAMC,GACF,MAAMC,EAAS3D,KAAKyD,SACpB,OAAOE,EACD,CACET,GAAIS,EAAOC,QACXJ,QAASG,EACTR,OAAQnD,KAAK6D,cAEftD,S,CAEV,aAAM8C,CAAQS,EAAWX,EAAQV,GAC7B,GAAIzC,KAAK+D,kBAAoBD,GAAaE,EAAsBb,EAAQnD,KAAK6D,cAAe,CACxF,OAAO,K,CAGX,MAAMrB,EAAYxC,KAAKyD,SACvB,MAAMlB,QAAmB0B,EAAgBjE,KAAKM,SAAUN,KAAKkB,GAAI4C,EAAW,CAAC,WAAY,sBAAuBX,GAChHnD,KAAK+D,gBAAkBD,EACvB9D,KAAKyD,SAAWlB,EAChBvC,KAAK6D,aAAeV,QAEdnD,KAAKsC,OAAOC,EAAYC,EAAWC,SACnCyB,EAAgBlE,KAAKM,SAAUkC,GACrC,OAAO,I,CAEX,gBAAMK,CAAWN,EAAYC,EAAWC,EAAO,IAC3C,GAAID,IAAcD,EAAY,CAC1B,OAAO,K,CAGXvC,KAAKmE,iBAAiBhC,OACtB,MAAMjB,GAAEA,EAAEd,KAAEA,GAASJ,KACrB,MAAMQ,EAAWR,KAAKQ,UAAY4D,EAAOC,WAAW,WAAY,MAChE,MAAMd,EAAmBd,EAAKc,kBAAoBvD,KAAKS,WAAa2D,EAAOE,IAAI,sBACzEzB,EAAW0B,OAAOC,OAAOD,OAAOC,OAAO,CAAEpE,OAC3CI,WACA+B,aACAC,YAAWiC,OAAQvD,EAMnBwD,SAAUC,EAAazD,GAAK0D,iBAAkBnC,EAAKoC,kBAC5CvD,IAQC,GAAIA,IAAQf,YAAcP,KAAKG,6BAA8B,CACzDH,KAAKG,6BAA+B,KACpCmB,EAAII,UAAS,KACT1B,KAAKG,6BAA+B,MACpC,GAAIH,KAAKU,aAAc,CACnBV,KAAKU,aAAaiB,MAAM,M,IAE7B,CAAEC,gBAAiB,OAOtBN,EAAIU,YAAY,EAAG,EAAG,E,KAErB,CACDhC,KAAKsB,IAAMA,C,GAGjBf,WAAakC,GAAO,CAAEc,sBAEhCvD,KAAK8E,gBAAgB3C,OACrB,OAAO,I,CAEX,MAAA4C,GACI,OAAOC,EAAE,OAAQ,CAAEC,IAAK,4C","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,i as t,h as s,H as r}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as o,i as t,h as s,H as r}from"./p-97889672.js";import{G as a}from"./p-98c00bd2.js";import{g as i}from"./p-ebe1c8ca.js";const c=":host{left:0;right:0;top:0;bottom:0;display:block;position:absolute;transform:translateZ(0);contain:strict;cursor:pointer;opacity:0.01;touch-action:none;z-index:2}:host(.backdrop-hide){background:transparent}:host(.backdrop-no-tappable){cursor:auto}:host{background-color:var(--ion-backdrop-color, #000)}";const n=c;const e=":host{left:0;right:0;top:0;bottom:0;display:block;position:absolute;transform:translateZ(0);contain:strict;cursor:pointer;opacity:0.01;touch-action:none;z-index:2}:host(.backdrop-hide){background:transparent}:host(.backdrop-no-tappable){cursor:auto}:host{background-color:var(--ion-backdrop-color, #000)}";const p=e;const d=class{constructor(s){o(this,s);this.ionBackdropTap=t(this,"ionBackdropTap",7);this.blocker=a.createBlocker({disableScroll:true});this.visible=true;this.tappable=true;this.stopPropagation=true}connectedCallback(){if(this.stopPropagation){this.blocker.block()}}disconnectedCallback(){this.blocker.unblock()}onMouseDown(o){this.emitTap(o)}emitTap(o){if(this.stopPropagation){o.preventDefault();o.stopPropagation()}if(this.tappable){this.ionBackdropTap.emit()}}render(){const o=i(this);return s(r,{key:"16b1328f4a058b8d3752e58dc56c44bed556c425",tabindex:"-1","aria-hidden":"true",class:{[o]:true,"backdrop-hide":!this.visible,"backdrop-no-tappable":!this.tappable}})}};d.style={ios:n,md:p};export{d as ion_backdrop};
|
|
2
|
+
//# sourceMappingURL=p-9840f300.entry.js.map
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{f as o,w as s}from"./p-97889672.js";import{a as t,s as a}from"./p-91025a2c.js";import{a as r}from"./p-3f316fc4.js";import"./p-d6769f21.js";
|
|
2
|
+
/*!
|
|
3
|
+
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
+
*/const n=()=>{const n=window;n.addEventListener("statusTap",(()=>{o((()=>{const o=n.innerWidth;const f=n.innerHeight;const c=document.elementFromPoint(o/2,f/2);if(!c){return}const i=t(c);if(i){new Promise((o=>r(i,o))).then((()=>{s((async()=>{i.style.setProperty("--overflow","hidden");await a(i,300);i.style.removeProperty("--overflow")}))}))}}))}))};export{n as startStatusTap};
|
|
5
|
+
//# sourceMappingURL=p-98b2844f.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,j as t,h as n,H as e,e as i}from"./p-42169e41.js";import{b as r,e as a,i as c}from"./p-71ee259b.js";import{h as s}from"./p-669fab6c.js";import{g as d}from"./p-da0d920d.js";const l=':host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:flex;position:relative;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;font-kerning:none}.button-native{border-radius:0;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;-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);transform:translate3d(0, 0, 0);display:flex;position:relative;flex-direction:inherit;flex-grow:1;align-items:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;transition:var(--transition);border:none;outline:none;background:transparent;contain:content;pointer-events:none;overflow:hidden;z-index:2}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.button-inner{display:flex;position:relative;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;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)}:host(:focus){outline:none}@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)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){flex-shrink:0;order:-1;pointer-events:none}::slotted(ion-label){display:block;align-self:center;max-width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{flex-direction:column}:host(.segment-button-layout-icon-start) .button-native{flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{transform-origin:left;position:absolute;opacity:0;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);transform:var(--indicator-transform);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{transform:none}.segment-button-indicator-animated{transition:none}}:host{--background:none;--background-checked:none;--background-hover:none;--background-hover-opacity:0;--background-focused:none;--background-focused-opacity:0;--border-radius:7px;--border-width:1px;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--border-style:solid;--indicator-box-shadow:0 0 5px rgba(0, 0, 0, 0.16);--indicator-color:var(--ion-color-step-350, var(--ion-background-color, #fff));--indicator-height:100%;--indicator-transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--transition:100ms all linear;--padding-top:0;--padding-end:13px;--padding-bottom:0;--padding-start:13px;margin-top:2px;margin-bottom:2px;position:relative;flex-direction:row;min-width:70px;min-height:28px;transform:translate3d(0, 0, 0);font-size:13px;font-weight:450;line-height:37px}:host::before{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;transition:160ms opacity ease-in-out;transition-delay:100ms;border-left:var(--border-width) var(--border-style) var(--border-color);content:"";opacity:1;will-change:opacity}:host(:first-of-type)::before{border-left-color:transparent}:host(.segment-button-disabled){opacity:0.3}::slotted(ion-icon){font-size:24px}:host(.segment-button-layout-icon-start) ::slotted(ion-label){-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:0;margin-inline-end:0}:host(.segment-button-layout-icon-end) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:2px;margin-inline-end:2px}.segment-button-indicator{-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;left:0;right:0;top:0;bottom:0}.segment-button-indicator-background{border-radius:var(--border-radius);background:var(--indicator-color)}.segment-button-indicator-background{transition:var(--indicator-transition)}:host(.segment-button-checked)::before,:host(.segment-button-after-checked)::before{opacity:0}:host(.segment-button-checked){z-index:-1}:host(.segment-button-activated){--indicator-transform:scale(0.95)}:host(.ion-focused) .button-native{opacity:0.7}@media (any-hover: hover){:host(:hover) .button-native{opacity:0.5}:host(.segment-button-checked:hover) .button-native{opacity:1}}:host(.in-segment-color){background:none;color:var(--ion-text-color, #000)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-step-350, var(--ion-background-color, #fff))}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native,:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-text-color, #000)}}:host(.in-toolbar:not(.in-segment-color)){--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, var(--ion-toolbar-color), initial);--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-toolbar-color), initial);--indicator-color:var(--ion-toolbar-segment-indicator-color, var(--ion-color-step-350, var(--ion-background-color, #fff)))}:host(.in-toolbar-color) .segment-button-indicator-background{background:var(--ion-color-contrast)}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color):hover) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color):hover) .button-native{color:var(--ion-color-base)}}';const b=l;const g=':host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:flex;position:relative;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;font-kerning:none}.button-native{border-radius:0;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;-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);transform:translate3d(0, 0, 0);display:flex;position:relative;flex-direction:inherit;flex-grow:1;align-items:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;transition:var(--transition);border:none;outline:none;background:transparent;contain:content;pointer-events:none;overflow:hidden;z-index:2}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.button-inner{display:flex;position:relative;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;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)}:host(:focus){outline:none}@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)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){flex-shrink:0;order:-1;pointer-events:none}::slotted(ion-label){display:block;align-self:center;max-width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{flex-direction:column}:host(.segment-button-layout-icon-start) .button-native{flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{transform-origin:left;position:absolute;opacity:0;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);transform:var(--indicator-transform);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{transform:none}.segment-button-indicator-animated{transition:none}}:host{--background:none;--background-checked:none;--background-hover:var(--color-checked);--background-focused:var(--color-checked);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04;--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--color-checked:var(--ion-color-primary, #3880ff);--indicator-box-shadow:none;--indicator-color:var(--color-checked);--indicator-height:2px;--indicator-transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--padding-top:0;--padding-end:16px;--padding-bottom:0;--padding-start:16px;--transition:color 0.15s linear 0s, opacity 0.15s linear 0s;min-width:90px;min-height:48px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);font-size:14px;font-weight:500;letter-spacing:0.06em;line-height:40px;text-transform:uppercase}:host(.segment-button-disabled){opacity:0.3}:host(.in-segment-color){background:none;color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color) ion-ripple-effect{color:var(--ion-color-base)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked) .button-native{color:var(--ion-color-base)}:host(.in-segment-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color:hover) .button-native::after{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-segment-color)){--background:var(--ion-toolbar-segment-background, none);--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6));--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-color-primary, #3880ff));--indicator-color:var(--ion-toolbar-segment-color-checked, var(--color-checked))}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:rgba(var(--ion-color-contrast-rgb), 0.6)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color)) .button-native::after{background:var(--ion-color-contrast)}}::slotted(ion-icon){margin-top:12px;margin-bottom:12px;font-size:24px}::slotted(ion-label){margin-top:12px;margin-bottom:12px}:host(.segment-button-layout-icon-top) ::slotted(ion-label),:host(.segment-button-layout-icon-bottom) ::slotted(ion-icon){margin-top:0}:host(.segment-button-layout-icon-top) ::slotted(ion-icon),:host(.segment-button-layout-icon-bottom) ::slotted(ion-label){margin-bottom:0}:host(.segment-button-layout-icon-start) ::slotted(ion-label){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:0;margin-inline-end:0}:host(.segment-button-layout-icon-end) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}:host(.segment-button-has-icon-only) ::slotted(ion-icon){margin-top:12px;margin-bottom:12px}:host(.segment-button-has-label-only) ::slotted(ion-label){margin-top:12px;margin-bottom:12px}.segment-button-indicator{left:0;right:0;bottom:0}.segment-button-indicator-background{background:var(--indicator-color)}:host(.in-toolbar:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-toolbar-segment-indicator-color, var(--indicator-color))}:host(.in-toolbar-color:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-color-contrast)}';const h=g;let u=0;const m=class{constructor(n){o(this,n);this.segmentEl=null;this.inheritedAttributes={};this.updateStyle=()=>{t(this)};this.updateState=()=>{const{segmentEl:o}=this;if(o){this.checked=o.value===this.value;if(o.disabled){this.disabled=true}}};this.checked=false;this.disabled=false;this.layout="icon-top";this.type="button";this.value="ion-sb-"+u++}valueChanged(){this.updateState()}connectedCallback(){const o=this.segmentEl=this.el.closest("ion-segment");if(o){this.updateState();r(o,"ionSelect",this.updateState);r(o,"ionStyle",this.updateStyle)}}disconnectedCallback(){const o=this.segmentEl;if(o){a(o,"ionSelect",this.updateState);a(o,"ionStyle",this.updateStyle);this.segmentEl=null}}componentWillLoad(){this.inheritedAttributes=Object.assign({},c(this.el,["aria-label"]))}get hasLabel(){return!!this.el.querySelector("ion-label")}get hasIcon(){return!!this.el.querySelector("ion-icon")}async setFocus(){const{nativeEl:o}=this;if(o!==undefined){o.focus()}}render(){const{checked:o,type:t,disabled:i,hasIcon:r,hasLabel:a,layout:c,segmentEl:l}=this;const b=d(this);const g=()=>(l===null||l===void 0?void 0:l.color)!==undefined;return n(e,{key:"daed55711fdb550747d2ad5fb6e012bff6f6b176",class:{[b]:true,"in-toolbar":s("ion-toolbar",this.el),"in-toolbar-color":s("ion-toolbar[color]",this.el),"in-segment":s("ion-segment",this.el),"in-segment-color":g(),"segment-button-has-label":a,"segment-button-has-icon":r,"segment-button-has-label-only":a&&!r,"segment-button-has-icon-only":r&&!a,"segment-button-disabled":i,"segment-button-checked":o,[`segment-button-layout-${c}`]:true,"ion-activatable":true,"ion-activatable-instant":true,"ion-focusable":true}},n("button",Object.assign({key:"851a4b8ff7e45f5fc559c4d8e9c3102441dbd10e","aria-selected":o?"true":"false",role:"tab",ref:o=>this.nativeEl=o,type:t,class:"button-native",part:"native",disabled:i},this.inheritedAttributes),n("span",{key:"b2dc87747e81ce49dfa1269355027d9380226a6a",class:"button-inner"},n("slot",{key:"00e21fdcafb533605518beebb9557c724fc88e76"})),b==="md"&&n("ion-ripple-effect",{key:"358c90ab1b43aae3bc6eb1e58fb38d4892894a68"})),n("div",{key:"20fd3f7c43dd117541314e852d894af855050707",part:"indicator",class:{"segment-button-indicator":true,"segment-button-indicator-animated":true}},n("div",{key:"bebdeb84466c404d52ce48feda1ece5fb1f202b0",part:"indicator-background",class:"segment-button-indicator-background"})))}get el(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};m.style={ios:b,md:h};export{m as ion_segment_button};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as o,k as t,h as n,H as e,e as i}from"./p-97889672.js";import{b as r,d as a,e as c}from"./p-3f316fc4.js";import{h as s}from"./p-669fab6c.js";import{g as d}from"./p-ebe1c8ca.js";const l=':host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:flex;position:relative;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;font-kerning:none}.button-native{border-radius:0;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;-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);transform:translate3d(0, 0, 0);display:flex;position:relative;flex-direction:inherit;flex-grow:1;align-items:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;transition:var(--transition);border:none;outline:none;background:transparent;contain:content;pointer-events:none;overflow:hidden;z-index:2}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.button-inner{display:flex;position:relative;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;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)}:host(:focus){outline:none}@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)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){flex-shrink:0;order:-1;pointer-events:none}::slotted(ion-label){display:block;align-self:center;max-width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{flex-direction:column}:host(.segment-button-layout-icon-start) .button-native{flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{transform-origin:left;position:absolute;opacity:0;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);transform:var(--indicator-transform);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{transform:none}.segment-button-indicator-animated{transition:none}}:host{--background:none;--background-checked:none;--background-hover:none;--background-hover-opacity:0;--background-focused:none;--background-focused-opacity:0;--border-radius:7px;--border-width:1px;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--border-style:solid;--indicator-box-shadow:0 0 5px rgba(0, 0, 0, 0.16);--indicator-color:var(--ion-color-step-350, var(--ion-background-color, #fff));--indicator-height:100%;--indicator-transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--transition:100ms all linear;--padding-top:0;--padding-end:13px;--padding-bottom:0;--padding-start:13px;margin-top:2px;margin-bottom:2px;position:relative;flex-direction:row;min-width:70px;min-height:28px;transform:translate3d(0, 0, 0);font-size:13px;font-weight:450;line-height:37px}:host::before{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;transition:160ms opacity ease-in-out;transition-delay:100ms;border-left:var(--border-width) var(--border-style) var(--border-color);content:"";opacity:1;will-change:opacity}:host(:first-of-type)::before{border-left-color:transparent}:host(.segment-button-disabled){opacity:0.3}::slotted(ion-icon){font-size:24px}:host(.segment-button-layout-icon-start) ::slotted(ion-label){-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:0;margin-inline-end:0}:host(.segment-button-layout-icon-end) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:2px;margin-inline-end:2px}.segment-button-indicator{-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;left:0;right:0;top:0;bottom:0}.segment-button-indicator-background{border-radius:var(--border-radius);background:var(--indicator-color)}.segment-button-indicator-background{transition:var(--indicator-transition)}:host(.segment-button-checked)::before,:host(.segment-button-after-checked)::before{opacity:0}:host(.segment-button-checked){z-index:-1}:host(.segment-button-activated){--indicator-transform:scale(0.95)}:host(.ion-focused) .button-native{opacity:0.7}@media (any-hover: hover){:host(:hover) .button-native{opacity:0.5}:host(.segment-button-checked:hover) .button-native{opacity:1}}:host(.in-segment-color){background:none;color:var(--ion-text-color, #000)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-step-350, var(--ion-background-color, #fff))}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native,:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-text-color, #000)}}:host(.in-toolbar:not(.in-segment-color)){--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, var(--ion-toolbar-color), initial);--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-toolbar-color), initial);--indicator-color:var(--ion-toolbar-segment-indicator-color, var(--ion-color-step-350, var(--ion-background-color, #fff)))}:host(.in-toolbar-color) .segment-button-indicator-background{background:var(--ion-color-contrast)}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color):hover) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color):hover) .button-native{color:var(--ion-color-base)}}';const b=l;const g=':host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:flex;position:relative;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;font-kerning:none}.button-native{border-radius:0;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;-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);transform:translate3d(0, 0, 0);display:flex;position:relative;flex-direction:inherit;flex-grow:1;align-items:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;transition:var(--transition);border:none;outline:none;background:transparent;contain:content;pointer-events:none;overflow:hidden;z-index:2}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.button-inner{display:flex;position:relative;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;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)}:host(:focus){outline:none}@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)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){flex-shrink:0;order:-1;pointer-events:none}::slotted(ion-label){display:block;align-self:center;max-width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{flex-direction:column}:host(.segment-button-layout-icon-start) .button-native{flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{transform-origin:left;position:absolute;opacity:0;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);transform:var(--indicator-transform);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{transform:none}.segment-button-indicator-animated{transition:none}}:host{--background:none;--background-checked:none;--background-hover:var(--color-checked);--background-focused:var(--color-checked);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04;--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--color-checked:var(--ion-color-primary, #3880ff);--indicator-box-shadow:none;--indicator-color:var(--color-checked);--indicator-height:2px;--indicator-transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--padding-top:0;--padding-end:16px;--padding-bottom:0;--padding-start:16px;--transition:color 0.15s linear 0s, opacity 0.15s linear 0s;min-width:90px;min-height:48px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);font-size:14px;font-weight:500;letter-spacing:0.06em;line-height:40px;text-transform:uppercase}:host(.segment-button-disabled){opacity:0.3}:host(.in-segment-color){background:none;color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color) ion-ripple-effect{color:var(--ion-color-base)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked) .button-native{color:var(--ion-color-base)}:host(.in-segment-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color:hover) .button-native::after{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-segment-color)){--background:var(--ion-toolbar-segment-background, none);--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6));--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-color-primary, #3880ff));--indicator-color:var(--ion-toolbar-segment-color-checked, var(--color-checked))}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:rgba(var(--ion-color-contrast-rgb), 0.6)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color)) .button-native::after{background:var(--ion-color-contrast)}}::slotted(ion-icon){margin-top:12px;margin-bottom:12px;font-size:24px}::slotted(ion-label){margin-top:12px;margin-bottom:12px}:host(.segment-button-layout-icon-top) ::slotted(ion-label),:host(.segment-button-layout-icon-bottom) ::slotted(ion-icon){margin-top:0}:host(.segment-button-layout-icon-top) ::slotted(ion-icon),:host(.segment-button-layout-icon-bottom) ::slotted(ion-label){margin-bottom:0}:host(.segment-button-layout-icon-start) ::slotted(ion-label){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:0;margin-inline-end:0}:host(.segment-button-layout-icon-end) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}:host(.segment-button-has-icon-only) ::slotted(ion-icon){margin-top:12px;margin-bottom:12px}:host(.segment-button-has-label-only) ::slotted(ion-label){margin-top:12px;margin-bottom:12px}.segment-button-indicator{left:0;right:0;bottom:0}.segment-button-indicator-background{background:var(--indicator-color)}:host(.in-toolbar:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-toolbar-segment-indicator-color, var(--indicator-color))}:host(.in-toolbar-color:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-color-contrast)}';const h=g;let u=0;const m=class{constructor(n){o(this,n);this.segmentEl=null;this.inheritedAttributes={};this.updateStyle=()=>{t(this)};this.updateState=()=>{const{segmentEl:o}=this;if(o){this.checked=o.value===this.value;if(o.disabled){this.disabled=true}}};this.checked=false;this.disabled=false;this.layout="icon-top";this.type="button";this.value="ion-sb-"+u++}valueChanged(){this.updateState()}connectedCallback(){const o=this.segmentEl=this.el.closest("ion-segment");if(o){this.updateState();r(o,"ionSelect",this.updateState);r(o,"ionStyle",this.updateStyle)}}disconnectedCallback(){const o=this.segmentEl;if(o){a(o,"ionSelect",this.updateState);a(o,"ionStyle",this.updateStyle);this.segmentEl=null}}componentWillLoad(){this.inheritedAttributes=Object.assign({},c(this.el,["aria-label"]))}get hasLabel(){return!!this.el.querySelector("ion-label")}get hasIcon(){return!!this.el.querySelector("ion-icon")}async setFocus(){const{nativeEl:o}=this;if(o!==undefined){o.focus()}}render(){const{checked:o,type:t,disabled:i,hasIcon:r,hasLabel:a,layout:c,segmentEl:l}=this;const b=d(this);const g=()=>(l===null||l===void 0?void 0:l.color)!==undefined;return n(e,{key:"daed55711fdb550747d2ad5fb6e012bff6f6b176",class:{[b]:true,"in-toolbar":s("ion-toolbar",this.el),"in-toolbar-color":s("ion-toolbar[color]",this.el),"in-segment":s("ion-segment",this.el),"in-segment-color":g(),"segment-button-has-label":a,"segment-button-has-icon":r,"segment-button-has-label-only":a&&!r,"segment-button-has-icon-only":r&&!a,"segment-button-disabled":i,"segment-button-checked":o,[`segment-button-layout-${c}`]:true,"ion-activatable":true,"ion-activatable-instant":true,"ion-focusable":true}},n("button",Object.assign({key:"851a4b8ff7e45f5fc559c4d8e9c3102441dbd10e","aria-selected":o?"true":"false",role:"tab",ref:o=>this.nativeEl=o,type:t,class:"button-native",part:"native",disabled:i},this.inheritedAttributes),n("span",{key:"b2dc87747e81ce49dfa1269355027d9380226a6a",class:"button-inner"},n("slot",{key:"00e21fdcafb533605518beebb9557c724fc88e76"})),b==="md"&&n("ion-ripple-effect",{key:"358c90ab1b43aae3bc6eb1e58fb38d4892894a68"})),n("div",{key:"20fd3f7c43dd117541314e852d894af855050707",part:"indicator",class:{"segment-button-indicator":true,"segment-button-indicator-animated":true}},n("div",{key:"bebdeb84466c404d52ce48feda1ece5fb1f202b0",part:"indicator-background",class:"segment-button-indicator-background"})))}get el(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};m.style={ios:b,md:h};export{m as ion_segment_button};
|
|
2
|
+
//# sourceMappingURL=p-9d23baee.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,h as r,H as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as o,h as r,H as t}from"./p-97889672.js";import{c as n}from"./p-669fab6c.js";import{g as a}from"./p-ebe1c8ca.js";const i=":host{--background:transparent;--color:inherit;display:flex;position:relative;flex-direction:column;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:16px;flex-direction:column-reverse}@supports (backdrop-filter: blur(0)){:host(.card-header-translucent){background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);backdrop-filter:saturate(180%) blur(30px)}}";const e=i;const d=":host{--background:transparent;--color:inherit;display:flex;position:relative;flex-direction:column;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px}::slotted(ion-card-title:not(:first-child)),::slotted(ion-card-subtitle:not(:first-child)){margin-top:8px}";const c=d;const s=class{constructor(r){o(this,r);this.color=undefined;this.translucent=false}render(){const o=a(this);return r(t,{key:"44077ad8e3edf7726d0f7a039046e32dc56a83c9",class:n(this.color,{"card-header-translucent":this.translucent,"ion-inherit-color":true,[o]:true})},r("slot",{key:"51b6f4048d25521ece18d79e5361c762af41cae7"}))}};s.style={ios:e,md:c};export{s as ion_card_header};
|
|
2
|
+
//# sourceMappingURL=p-9d6c94d3.entry.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{r as t,i as e,h as n,H as r,e as i}from"./p-
|
|
1
|
+
import{r as t,i as e,h as n,H as r,e as i}from"./p-97889672.js";import{a,d as s,r as o}from"./p-91025a2c.js";import{c as l}from"./p-5bf4c45a.js";import{c as h,k as d,i as g,j as b,o as p}from"./p-3f316fc4.js";import{p as c}from"./p-d6769f21.js";import{i as u}from"./p-4d0cb38d.js";import{c as m,h as f}from"./p-669fab6c.js";import{g as k}from"./p-ebe1c8ca.js";
|
|
2
2
|
/*!
|
|
3
3
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
4
|
*/function x(t){if(t%1===0)return 0;return t.toString().split(".")[1].length}function v(t,...e){const n=Math.max(...e.map((t=>x(t))));return Number(t.toFixed(n))}const w=":host{--knob-handle-size:calc(var(--knob-size) * 2);display:flex;position:relative;flex:3;align-items:center;font-family:var(--ion-font-family, inherit);user-select:none;z-index:2}:host(.range-disabled){pointer-events:none}::slotted(ion-label){flex:initial}::slotted(ion-icon[slot]){font-size:24px}.range-slider{position:relative;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:grab;touch-action:pan-y}:host(.range-pressed) .range-slider{cursor:grabbing}.range-pin{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;box-sizing:border-box}.range-knob-handle{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);display:flex;position:absolute;justify-content:center;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){.range-knob-handle{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-knob-handle{left:0}:host-context([dir=rtl]) .range-knob-handle{left:unset;right:unset;right:0}[dir=rtl] .range-knob-handle{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}:host-context([dir=rtl]) .range-knob-handle{left:unset}[dir=rtl] .range-knob-handle{left:unset}@supports selector(:dir(rtl)){.range-knob-handle:dir(rtl){left:unset}}.range-knob-handle:active,.range-knob-handle:focus{outline:none}.range-bar-container{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){.range-bar-container{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-bar-container{left:0}:host-context([dir=rtl]) .range-bar-container{left:unset;right:unset;right:0}[dir=rtl] .range-bar-container{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}:host-context([dir=rtl]) .range-bar-container{left:unset}[dir=rtl] .range-bar-container{left:unset}@supports selector(:dir(rtl)){.range-bar-container:dir(rtl){left:unset}}.range-bar{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}.range-knob{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){.range-knob{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){.range-knob{left:calc(50% - var(--knob-size) / 2)}:host-context([dir=rtl]) .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}[dir=rtl] .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}@supports selector(:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}:host-context([dir=rtl]) .range-knob{left:unset}[dir=rtl] .range-knob{left:unset}@supports selector(:dir(rtl)){.range-knob:dir(rtl){left:unset}}:host(.range-pressed) .range-bar-active{will-change:left, right}:host(.in-item){width:100%}:host([slot=start]),:host([slot=end]){width:auto}:host(.in-item) ::slotted(ion-label){align-self:center}.range-wrapper{display:flex;position:relative;flex-grow:1;align-items:center;height:inherit}::slotted([slot=label]){max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}.native-wrapper{display:flex;flex-grow:1;align-items:center}:host(.range-label-placement-start) .range-wrapper{flex-direction:row}:host(.range-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.range-label-placement-end) .range-wrapper{flex-direction:row-reverse}:host(.range-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.range-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.range-label-placement-fixed) .label-text-wrapper{flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.range-label-placement-stacked) .range-wrapper{flex-direction:column;align-items:stretch}:host(.range-label-placement-stacked) .label-text-wrapper{transform-origin:left top;transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host-context([dir=rtl]):host(.range-label-placement-stacked) .label-text-wrapper,:host-context([dir=rtl]).range-label-placement-stacked .label-text-wrapper{transform-origin:right top}@supports selector(:dir(rtl)){:host(.range-label-placement-stacked:dir(rtl)) .label-text-wrapper{transform-origin:right top}}:host(.in-item.range-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.range-label-placement-stacked) .native-wrapper{margin-bottom:0px}:host{--knob-border-radius:50%;--knob-background:#ffffff;--knob-box-shadow:0px 0.5px 4px rgba(0, 0, 0, 0.12), 0px 6px 13px rgba(0, 0, 0, 0.12);--knob-size:26px;--bar-height:4px;--bar-background:var(--ion-color-step-900, #e6e6e6);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:2px;--height:42px}:host(.legacy-range){-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}:host(.range-item-start-adjustment){-webkit-padding-start:24px;padding-inline-start:24px}:host(.range-item-end-adjustment){-webkit-padding-end:24px;padding-inline-end:24px}:host(.ion-color) .range-bar-active,:host(.ion-color) .range-tick-active{background:var(--ion-color-base)}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.range-has-pin:not(.range-label-placement-stacked)){padding-top:calc(8px + 0.75rem)}:host(.range-has-pin.range-label-placement-stacked) .label-text-wrapper{margin-bottom:calc(8px + 0.75rem)}.range-bar-active{bottom:0;width:auto;background:var(--bar-background-active)}.range-bar-active.has-ticks{border-radius:0;-webkit-margin-start:-2px;margin-inline-start:-2px;-webkit-margin-end:-2px;margin-inline-end:-2px}.range-tick{-webkit-margin-start:-2px;margin-inline-start:-2px;border-radius:0;position:absolute;top:17px;width:4px;height:8px;background:var(--ion-color-step-900, #e6e6e6);pointer-events:none}.range-tick-active{background:var(--bar-background-active)}.range-pin{transform:translate3d(0, 100%, 0) scale(0.01);-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;min-width:28px;transition:transform 120ms ease;background:transparent;color:var(--ion-text-color, #000);font-size:0.75rem;text-align:center}.range-knob-pressed .range-pin,.range-knob-handle.ion-focused .range-pin{transform:translate3d(0, calc(-100% + 11px), 0) scale(1)}:host(.range-disabled){opacity:0.3}";const y=w;const z=':host{--knob-handle-size:calc(var(--knob-size) * 2);display:flex;position:relative;flex:3;align-items:center;font-family:var(--ion-font-family, inherit);user-select:none;z-index:2}:host(.range-disabled){pointer-events:none}::slotted(ion-label){flex:initial}::slotted(ion-icon[slot]){font-size:24px}.range-slider{position:relative;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:grab;touch-action:pan-y}:host(.range-pressed) .range-slider{cursor:grabbing}.range-pin{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;box-sizing:border-box}.range-knob-handle{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);display:flex;position:absolute;justify-content:center;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){.range-knob-handle{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-knob-handle{left:0}:host-context([dir=rtl]) .range-knob-handle{left:unset;right:unset;right:0}[dir=rtl] .range-knob-handle{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}:host-context([dir=rtl]) .range-knob-handle{left:unset}[dir=rtl] .range-knob-handle{left:unset}@supports selector(:dir(rtl)){.range-knob-handle:dir(rtl){left:unset}}.range-knob-handle:active,.range-knob-handle:focus{outline:none}.range-bar-container{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){.range-bar-container{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-bar-container{left:0}:host-context([dir=rtl]) .range-bar-container{left:unset;right:unset;right:0}[dir=rtl] .range-bar-container{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}:host-context([dir=rtl]) .range-bar-container{left:unset}[dir=rtl] .range-bar-container{left:unset}@supports selector(:dir(rtl)){.range-bar-container:dir(rtl){left:unset}}.range-bar{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}.range-knob{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){.range-knob{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){.range-knob{left:calc(50% - var(--knob-size) / 2)}:host-context([dir=rtl]) .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}[dir=rtl] .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}@supports selector(:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}:host-context([dir=rtl]) .range-knob{left:unset}[dir=rtl] .range-knob{left:unset}@supports selector(:dir(rtl)){.range-knob:dir(rtl){left:unset}}:host(.range-pressed) .range-bar-active{will-change:left, right}:host(.in-item){width:100%}:host([slot=start]),:host([slot=end]){width:auto}:host(.in-item) ::slotted(ion-label){align-self:center}.range-wrapper{display:flex;position:relative;flex-grow:1;align-items:center;height:inherit}::slotted([slot=label]){max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}.native-wrapper{display:flex;flex-grow:1;align-items:center}:host(.range-label-placement-start) .range-wrapper{flex-direction:row}:host(.range-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.range-label-placement-end) .range-wrapper{flex-direction:row-reverse}:host(.range-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.range-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.range-label-placement-fixed) .label-text-wrapper{flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.range-label-placement-stacked) .range-wrapper{flex-direction:column;align-items:stretch}:host(.range-label-placement-stacked) .label-text-wrapper{transform-origin:left top;transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host-context([dir=rtl]):host(.range-label-placement-stacked) .label-text-wrapper,:host-context([dir=rtl]).range-label-placement-stacked .label-text-wrapper{transform-origin:right top}@supports selector(:dir(rtl)){:host(.range-label-placement-stacked:dir(rtl)) .label-text-wrapper{transform-origin:right top}}:host(.in-item.range-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.range-label-placement-stacked) .native-wrapper{margin-bottom:0px}:host{--knob-border-radius:50%;--knob-background:var(--bar-background-active);--knob-box-shadow:none;--knob-size:18px;--bar-height:2px;--bar-background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.26);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:0;--height:42px;--pin-background:var(--ion-color-primary, #3880ff);--pin-color:var(--ion-color-primary-contrast, #fff)}:host(.legacy-range) ::slotted([slot=label]){font-size:initial}:host(:not(.legacy-range)) ::slotted(:not(ion-icon)[slot=start]),:host(:not(.legacy-range)) ::slotted(:not(ion-icon)[slot=end]),:host(:not(.legacy-range)) .native-wrapper{font-size:0.75rem}:host(.legacy-range){-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:8px;padding-bottom:8px;font-size:0.75rem}:host(.range-item-start-adjustment){-webkit-padding-start:18px;padding-inline-start:18px}:host(.range-item-end-adjustment){-webkit-padding-end:18px;padding-inline-end:18px}:host(.ion-color) .range-bar{background:rgba(var(--ion-color-base-rgb), 0.26)}:host(.ion-color) .range-bar-active,:host(.ion-color) .range-knob,:host(.ion-color) .range-knob::before,:host(.ion-color) .range-pin,:host(.ion-color) .range-pin::before,:host(.ion-color) .range-tick{background:var(--ion-color-base);color:var(--ion-color-contrast)}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.range-has-pin:not(.range-label-placement-stacked)){padding-top:1.75rem}:host(.range-has-pin.range-label-placement-stacked) .label-text-wrapper{margin-bottom:1.75rem}.range-bar-active{bottom:0;width:auto;background:var(--bar-background-active)}.range-knob{transform:scale(0.67);transition-duration:120ms;transition-property:transform, background-color, border;transition-timing-function:ease;z-index:2}.range-knob::before{border-radius:50%;position:absolute;width:var(--knob-size);height:var(--knob-size);transform:scale(1);transition:0.267s cubic-bezier(0, 0, 0.58, 1);background:var(--knob-background);content:"";opacity:0.13;pointer-events:none}@supports (inset-inline-start: 0){.range-knob::before{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-knob::before{left:0}:host-context([dir=rtl]) .range-knob::before{left:unset;right:unset;right:0}[dir=rtl] .range-knob::before{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-knob::before:dir(rtl){left:unset;right:unset;right:0}}}.range-tick{position:absolute;top:calc((var(--height) - var(--bar-height)) / 2);width:var(--bar-height);height:var(--bar-height);background:var(--bar-background-active);z-index:1;pointer-events:none}.range-tick-active{background:transparent}.range-pin{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;border-radius:50%;transform:translate3d(0, 0, 0) scale(0.01);display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;transition:transform 120ms ease, background 120ms ease;background:var(--pin-background);color:var(--pin-color)}.range-pin::before{bottom:-1px;-webkit-margin-start:-13px;margin-inline-start:-13px;border-radius:50% 50% 50% 0;position:absolute;width:26px;height:26px;transform:rotate(-45deg);transition:background 120ms ease;background:var(--pin-background);content:"";z-index:-1}@supports (inset-inline-start: 0){.range-pin::before{inset-inline-start:50%}}@supports not (inset-inline-start: 0){.range-pin::before{left:50%}:host-context([dir=rtl]) .range-pin::before{left:unset;right:unset;right:50%}[dir=rtl] .range-pin::before{left:unset;right:unset;right:50%}@supports selector(:dir(rtl)){.range-pin::before:dir(rtl){left:unset;right:unset;right:50%}}}:host-context([dir=rtl]) .range-pin::before{left:unset}[dir=rtl] .range-pin::before{left:unset}@supports selector(:dir(rtl)){.range-pin::before:dir(rtl){left:unset}}.range-knob-pressed .range-pin,.range-knob-handle.ion-focused .range-pin{transform:translate3d(0, calc(-100% + 4px), 0) scale(1)}@media (any-hover: hover){.range-knob-handle:hover .range-knob:before{transform:scale(2);opacity:0.13}}.range-knob-handle.ion-activated .range-knob:before,.range-knob-handle.ion-focused .range-knob:before,.range-knob-handle.range-knob-pressed .range-knob:before{transform:scale(2)}.range-knob-handle.ion-focused .range-knob::before{opacity:0.13}.range-knob-handle.ion-activated .range-knob::before,.range-knob-handle.range-knob-pressed .range-knob::before{opacity:0.25}:host(:not(.range-has-pin)) .range-knob-pressed .range-knob,:host(:not(.range-has-pin)) .range-knob-handle.ion-focused .range-knob{transform:scale(1)}:host(.range-disabled) .range-bar-active,:host(.range-disabled) .range-bar,:host(.range-disabled) .range-tick{background-color:var(--ion-color-step-250, #bfbfbf)}:host(.range-disabled) .range-knob{transform:scale(0.55);outline:5px solid #fff;background-color:var(--ion-color-step-250, #bfbfbf)}:host(.range-disabled) .label-text-wrapper,:host(.range-disabled) ::slotted([slot=start]),:host(.range-disabled) ::slotted([slot=end]){opacity:0.38}';const j=z;const C=class{constructor(n){t(this,n);this.ionChange=e(this,"ionChange",7);this.ionInput=e(this,"ionInput",7);this.ionStyle=e(this,"ionStyle",7);this.ionFocus=e(this,"ionFocus",7);this.ionBlur=e(this,"ionBlur",7);this.ionKnobMoveStart=e(this,"ionKnobMoveStart",7);this.ionKnobMoveEnd=e(this,"ionKnobMoveEnd",7);this.rangeId=`ion-r-${A++}`;this.didLoad=false;this.noUpdate=false;this.hasFocus=false;this.inheritedAttributes={};this.contentEl=null;this.initialContentScrollY=true;this.hasLoggedDeprecationWarning=false;this.clampBounds=t=>h(this.min,t,this.max);this.ensureValueInBounds=t=>{if(this.dualKnobs){return{lower:this.clampBounds(t.lower),upper:this.clampBounds(t.upper)}}else{return this.clampBounds(t)}};this.setupGesture=async()=>{const t=this.rangeSlider;if(t){this.gesture=(await import("./p-b943833e.js")).createGesture({el:t,gestureName:"range",gesturePriority:100,threshold:10,onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.gesture.enable(!this.disabled)}};this.handleKeyboard=(t,e)=>{const{ensureValueInBounds:n}=this;let r=this.step;r=r>0?r:1;r=r/(this.max-this.min);if(!e){r*=-1}if(t==="A"){this.ratioA=h(0,this.ratioA+r,1)}else{this.ratioB=h(0,this.ratioB+r,1)}this.ionKnobMoveStart.emit({value:n(this.value)});this.updateValue();this.emitValueChange();this.ionKnobMoveEnd.emit({value:n(this.value)})};this.onBlur=()=>{if(this.hasFocus){this.hasFocus=false;this.ionBlur.emit();this.emitStyle()}};this.onFocus=()=>{if(!this.hasFocus){this.hasFocus=true;this.ionFocus.emit();this.emitStyle()}};this.ratioA=0;this.ratioB=0;this.pressedKnob=undefined;this.color=undefined;this.debounce=undefined;this.name=this.rangeId;this.label=undefined;this.dualKnobs=false;this.min=0;this.max=100;this.pin=false;this.pinFormatter=t=>Math.round(t);this.snaps=false;this.step=1;this.ticks=true;this.activeBarStart=undefined;this.disabled=false;this.value=0;this.labelPlacement="start";this.legacy=undefined}debounceChanged(){const{ionInput:t,debounce:e,originalIonInput:n}=this;this.ionInput=e===undefined?n!==null&&n!==void 0?n:t:d(t,e)}minChanged(){if(!this.noUpdate){this.updateRatio()}}maxChanged(){if(!this.noUpdate){this.updateRatio()}}activeBarStartChanged(){const{activeBarStart:t}=this;if(t!==undefined){if(t>this.max){c(`Range: The value of activeBarStart (${t}) is greater than the max (${this.max}). Valid values are greater than or equal to the min value and less than or equal to the max value.`,this.el);this.activeBarStart=this.max}else if(t<this.min){c(`Range: The value of activeBarStart (${t}) is less than the min (${this.min}). Valid values are greater than or equal to the min value and less than or equal to the max value.`,this.el);this.activeBarStart=this.min}}}disabledChanged(){if(this.gesture){this.gesture.enable(!this.disabled)}this.emitStyle()}valueChanged(){if(!this.noUpdate){this.updateRatio()}}componentWillLoad(){if(this.el.hasAttribute("id")){this.rangeId=this.el.getAttribute("id")}this.inheritedAttributes=g(this.el)}componentDidLoad(){this.originalIonInput=this.ionInput;this.setupGesture();this.updateRatio();this.didLoad=true}connectedCallback(){const{el:t}=this;this.legacyFormController=l(t);this.updateRatio();this.debounceChanged();this.disabledChanged();this.activeBarStartChanged();if(this.didLoad){this.setupGesture()}this.contentEl=a(this.el)}disconnectedCallback(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}}getValue(){var t;const e=(t=this.value)!==null&&t!==void 0?t:0;if(this.dualKnobs){if(typeof e==="object"){return e}return{lower:0,upper:e}}else{if(typeof e==="object"){return e.upper}return e}}emitStyle(){if(this.legacyFormController.hasLegacyControl()){this.ionStyle.emit({interactive:true,"interactive-disabled":this.disabled,legacy:!!this.legacy})}}emitValueChange(){this.value=this.ensureValueInBounds(this.value);this.ionChange.emit({value:this.value})}onStart(){this.ionKnobMoveStart.emit({value:this.ensureValueInBounds(this.value)})}onMove(t){const{contentEl:e,pressedKnob:n}=this;const r=t.currentX;if(e&&this.initialContentScrollY===undefined){this.initialContentScrollY=s(e)}if(n===undefined){this.setPressedKnob(r)}this.update(r)}onEnd(t){const{contentEl:e,initialContentScrollY:n}=this;const r=t.currentX||t.clientX;if(this.pressedKnob===undefined){this.setPressedKnob(r)}if(e&&n!==undefined){o(e,n)}this.update(r);this.pressedKnob=undefined;this.emitValueChange();this.ionKnobMoveEnd.emit({value:this.ensureValueInBounds(this.value)})}update(t){const e=this.rect;let n=h(0,(t-e.left)/e.width,1);if(u(this.el)){n=1-n}if(this.snaps){n=M(B(n,this.min,this.max,this.step),this.min,this.max)}if(this.pressedKnob==="A"){this.ratioA=n}else{this.ratioB=n}this.updateValue()}setPressedKnob(t){const e=this.rect=this.rangeSlider.getBoundingClientRect();let n=h(0,(t-e.left)/e.width,1);if(u(this.el)){n=1-n}this.pressedKnob=!this.dualKnobs||Math.abs(this.ratioA-n)<Math.abs(this.ratioB-n)?"A":"B";this.setFocus(this.pressedKnob)}get valA(){return B(this.ratioA,this.min,this.max,this.step)}get valB(){return B(this.ratioB,this.min,this.max,this.step)}get ratioLower(){if(this.dualKnobs){return Math.min(this.ratioA,this.ratioB)}const{activeBarStart:t}=this;if(t==null){return 0}return M(t,this.min,this.max)}get ratioUpper(){if(this.dualKnobs){return Math.max(this.ratioA,this.ratioB)}return this.ratioA}updateRatio(){const t=this.getValue();const{min:e,max:n}=this;if(this.dualKnobs){this.ratioA=M(t.lower,e,n);this.ratioB=M(t.upper,e,n)}else{this.ratioA=M(t,e,n)}}updateValue(){this.noUpdate=true;const{valA:t,valB:e}=this;this.value=!this.dualKnobs?t:{lower:Math.min(t,e),upper:Math.max(t,e)};this.ionInput.emit({value:this.value});this.noUpdate=false}setFocus(t){if(this.el.shadowRoot){const e=this.el.shadowRoot.querySelector(t==="A"?".range-knob-a":".range-knob-b");if(e){e.focus()}}}renderLegacyRange(){if(!this.hasLoggedDeprecationWarning){c(`ion-range now requires providing a label with either the label slot or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the component or the "aria-label" attribute.\n\nExample: <ion-range><div slot="label">Volume</div></ion-range>\nExample with aria-label: <ion-range aria-label="Volume"></ion-range>\n\nDevelopers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.`,this.el);if(this.legacy){c(`ion-range is being used with the "legacy" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.\n\nDevelopers can dismiss this warning by removing their usage of the "legacy" property and using the new range syntax.`,this.el)}this.hasLoggedDeprecationWarning=true}const{el:t,pressedKnob:e,disabled:i,pin:a,rangeId:s}=this;const o=k(this);b(true,t,this.name,JSON.stringify(this.getValue()),i);return n(r,{onFocusin:this.onFocus,onFocusout:this.onBlur,id:s,class:m(this.color,{[o]:true,"in-item":f("ion-item",t),"range-disabled":i,"range-pressed":e!==undefined,"range-has-pin":a,"legacy-range":true})},n("slot",{name:"start"}),this.renderRangeSlider(),n("slot",{name:"end"}))}get hasStartSlotContent(){return this.el.querySelector('[slot="start"]')!==null}get hasEndSlotContent(){return this.el.querySelector('[slot="end"]')!==null}renderRange(){const{disabled:t,el:e,hasLabel:i,rangeId:a,pin:s,pressedKnob:o,labelPlacement:l,label:h}=this;const d=f("ion-item",e);const g=i&&(l==="start"||l==="fixed")||this.hasStartSlotContent;const p=d&&!g;const c=i&&l==="end"||this.hasEndSlotContent;const u=d&&!c;const x=k(this);b(true,e,this.name,JSON.stringify(this.getValue()),t);return n(r,{onFocusin:this.onFocus,onFocusout:this.onBlur,id:a,class:m(this.color,{[x]:true,"in-item":d,"range-disabled":t,"range-pressed":o!==undefined,"range-has-pin":s,[`range-label-placement-${l}`]:true,"range-item-start-adjustment":p,"range-item-end-adjustment":u})},n("label",{class:"range-wrapper",id:"range-label"},n("div",{class:{"label-text-wrapper":true,"label-text-wrapper-hidden":!i},part:"label"},h!==undefined?n("div",{class:"label-text"},h):n("slot",{name:"label"})),n("div",{class:"native-wrapper"},n("slot",{name:"start"}),this.renderRangeSlider(),n("slot",{name:"end"}))))}get hasLabel(){return this.label!==undefined||this.el.querySelector('[slot="label"]')!==null}renderRangeSlider(){var t;const{min:e,max:r,step:i,el:a,handleKeyboard:s,pressedKnob:o,disabled:l,pin:h,ratioLower:d,ratioUpper:g,inheritedAttributes:b,rangeId:c,pinFormatter:m}=this;let{labelText:f}=p(a,c);if(f===undefined||f===null){f=b["aria-label"]}let k=`${d*100}%`;let x=`${100-g*100}%`;const v=u(this.el);const w=v?"right":"left";const y=v?"left":"right";const z=t=>({[w]:t[w]});if(this.dualKnobs===false){if(this.valA<((t=this.activeBarStart)!==null&&t!==void 0?t:this.min)){k=`${g*100}%`;x=`${100-d*100}%`}else{k=`${d*100}%`;x=`${100-g*100}%`}}const j={[w]:k,[y]:x};const C=[];if(this.snaps&&this.ticks){for(let t=e;t<=r;t+=i){const n=M(t,e,r);const i=Math.min(d,g);const a=Math.max(d,g);const s={ratio:n,active:n>=i&&n<=a};s[w]=`${n*100}%`;C.push(s)}}let B;if(!this.legacyFormController.hasLegacyControl()&&this.hasLabel){B="range-label"}return n("div",{class:"range-slider",ref:t=>this.rangeSlider=t,onPointerUp:t=>{if(this.pressedKnob===undefined){this.onStart();this.onEnd(t)}}},C.map((t=>n("div",{style:z(t),role:"presentation",class:{"range-tick":true,"range-tick-active":t.active},part:t.active?"tick-active":"tick"}))),n("div",{class:"range-bar-container"},n("div",{class:"range-bar",role:"presentation",part:"bar"}),n("div",{class:{"range-bar":true,"range-bar-active":true,"has-ticks":C.length>0},role:"presentation",style:j,part:"bar-active"})),S(v,{knob:"A",pressed:o==="A",value:this.valA,ratio:this.ratioA,pin:h,pinFormatter:m,disabled:l,handleKeyboard:s,min:e,max:r,labelText:f,labelledBy:B}),this.dualKnobs&&S(v,{knob:"B",pressed:o==="B",value:this.valB,ratio:this.ratioB,pin:h,pinFormatter:m,disabled:l,handleKeyboard:s,min:e,max:r,labelText:f,labelledBy:B}))}render(){const{legacyFormController:t}=this;return t.hasLegacyControl()?this.renderLegacyRange():this.renderRange()}get el(){return i(this)}static get watchers(){return{debounce:["debounceChanged"],min:["minChanged"],max:["maxChanged"],activeBarStart:["activeBarStartChanged"],disabled:["disabledChanged"],value:["valueChanged"]}}};const S=(t,{knob:e,value:r,ratio:i,min:a,max:s,disabled:o,pressed:l,pin:h,handleKeyboard:d,labelText:g,labelledBy:b,pinFormatter:p})=>{const c=t?"right":"left";const u=()=>{const t={};t[c]=`${i*100}%`;return t};return n("div",{onKeyDown:t=>{const n=t.key;if(n==="ArrowLeft"||n==="ArrowDown"){d(e,false);t.preventDefault();t.stopPropagation()}else if(n==="ArrowRight"||n==="ArrowUp"){d(e,true);t.preventDefault();t.stopPropagation()}},class:{"range-knob-handle":true,"range-knob-a":e==="A","range-knob-b":e==="B","range-knob-pressed":l,"range-knob-min":r===a,"range-knob-max":r===s,"ion-activatable":true,"ion-focusable":true},style:u(),role:"slider",tabindex:o?-1:0,"aria-label":b===undefined?g:null,"aria-labelledby":b!==undefined?b:null,"aria-valuemin":a,"aria-valuemax":s,"aria-disabled":o?"true":null,"aria-valuenow":r},h&&n("div",{class:"range-pin",role:"presentation",part:"pin"},p(r)),n("div",{class:"range-knob",role:"presentation",part:"knob"}))};const B=(t,e,n,r)=>{let i=(n-e)*t;if(r>0){i=Math.round(i/r)*r+e}const a=h(e,i,n);return v(a,e,n,r)};const M=(t,e,n)=>h(0,(t-e)/(n-e),1);let A=0;C.style={ios:y,md:j};export{C as ion_range};
|
|
5
|
-
//# sourceMappingURL=p-
|
|
5
|
+
//# sourceMappingURL=p-9d81c061.entry.js.map
|