@ionic/core 8.8.7-dev.11779221548.1d38f927 → 8.8.7-dev.11779400352.127ba526
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ion-action-sheet.js +1 -1
- package/components/ion-alert.js +1 -1
- package/components/ion-back-button.js +1 -1
- package/components/ion-button.js +1 -1
- package/components/ion-card.js +1 -1
- package/components/ion-chip.js +1 -1
- package/components/ion-datetime-button.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-fab-button.js +1 -1
- package/components/ion-gallery-item.d.ts +11 -0
- package/components/ion-gallery-item.js +4 -0
- package/components/ion-gallery.js +1 -1
- package/components/ion-grid.js +1 -1
- package/components/ion-header.js +1 -1
- package/components/ion-img.js +1 -1
- package/components/ion-infinite-scroll-content.js +1 -1
- package/components/ion-infinite-scroll.js +1 -1
- package/components/ion-input-otp.js +1 -1
- package/components/ion-input-password-toggle.js +1 -1
- package/components/ion-input.js +1 -1
- package/components/ion-item-divider.js +1 -1
- package/components/ion-item-group.js +1 -1
- package/components/ion-item-option.js +1 -1
- package/components/ion-item-options.js +1 -1
- package/components/ion-item-sliding.js +1 -1
- package/components/ion-item.js +1 -1
- package/components/ion-label.js +1 -1
- package/components/ion-list-header.js +1 -1
- package/components/ion-list.js +1 -1
- package/components/ion-loading.js +1 -1
- package/components/ion-menu-button.js +1 -1
- package/components/ion-menu-toggle.js +1 -1
- package/components/ion-menu.js +1 -1
- package/components/ion-modal.js +1 -1
- package/components/ion-nav-link.js +1 -1
- package/components/ion-nav.js +1 -1
- package/components/ion-note.js +1 -1
- package/components/ion-picker-column-option.js +1 -1
- package/components/ion-picker-legacy-column.js +1 -1
- package/components/ion-picker-legacy.js +1 -1
- package/components/ion-popover.js +1 -1
- package/components/ion-progress-bar.js +1 -1
- package/components/ion-radio-group.js +1 -1
- package/components/ion-radio.js +1 -1
- package/components/ion-range.js +1 -1
- package/components/ion-refresher-content.js +1 -1
- package/components/ion-refresher.js +1 -1
- package/components/ion-reorder-group.js +1 -1
- package/components/ion-reorder.js +1 -1
- package/components/ion-ripple-effect.js +1 -1
- package/components/ion-router-link.js +1 -1
- package/components/ion-router-outlet.js +1 -1
- package/components/ion-row.js +1 -1
- package/components/ion-searchbar.js +1 -1
- package/components/ion-segment-button.js +1 -1
- package/components/ion-segment-content.js +1 -1
- package/components/ion-segment-view.js +1 -1
- package/components/ion-segment.js +1 -1
- package/components/ion-select-modal.js +1 -1
- package/components/ion-select-option.js +1 -1
- package/components/ion-select-popover.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/ion-skeleton-text.js +1 -1
- package/components/ion-spinner.js +1 -1
- package/components/ion-split-pane.js +1 -1
- package/components/ion-tab-bar.js +1 -1
- package/components/ion-tab-button.js +1 -1
- package/components/ion-tab.js +1 -1
- package/components/ion-tabs.js +1 -1
- package/components/ion-text.js +1 -1
- package/components/ion-textarea.js +1 -1
- package/components/ion-thumbnail.js +1 -1
- package/components/ion-title.js +1 -1
- package/components/ion-toast.js +1 -1
- package/components/ion-toggle.js +1 -1
- package/components/ion-toolbar.js +1 -1
- package/components/{p-BLCuPAtN.js → p-6_r-Odtt.js} +1 -1
- package/components/{p-BFbsici0.js → p-B-oPDoNQ.js} +1 -1
- package/components/{p-IMXp2Inn.js → p-BLHs-wsh.js} +1 -1
- package/components/{p-DXUyXgVL.js → p-BdmDSErh.js} +1 -1
- package/components/{p-CN-WzkJE.js → p-BhkRbo3L.js} +1 -1
- package/components/{p-C8ktKu9j.js → p-C-Vjb84N.js} +1 -1
- package/components/p-C4dDZdpz.js +4 -0
- package/components/{p-DH_9VCbD.js → p-C75do9pU.js} +1 -1
- package/components/{p-BRWWcnBq.js → p-CSf_VKpz.js} +1 -1
- package/components/{p-Di5rHO3q.js → p-CieebRr6.js} +1 -1
- package/components/{p-DTtRWhIZ.js → p-Ct1_qpJ-.js} +1 -1
- package/components/{p-BXcCGjEc.js → p-CvljGih0.js} +1 -1
- package/components/{p-B2rpt1JV.js → p-D42P_qbe.js} +1 -1
- package/components/{p-BqImG3uk.js → p-DZOqbnq2.js} +1 -1
- package/components/{p-Dmuy6xyk.js → p-Ddl4_R29.js} +1 -1
- package/components/{p-CIoAIKEr.js → p-J7srYGKf.js} +1 -1
- package/components/{p-B71c6yUH.js → p-KF2RUDHO.js} +1 -1
- package/components/{p-TR4ubkPu.js → p-lEYPO4ZC.js} +1 -1
- package/components/{p-CoFqDNc5.js → p-n94Bzx6_.js} +1 -1
- package/components/{p-DAv9P_LE.js → p-vGxjPSKT.js} +1 -1
- package/dist/cjs/ion-app_8.cjs.entry.js +7 -7
- package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-col_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-datetime_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-gallery-item.cjs.entry.js +72 -0
- package/dist/cjs/ion-gallery.cjs.entry.js +57 -8
- package/dist/cjs/ion-img.cjs.entry.js +2 -2
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-input-otp.cjs.entry.js +3 -3
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +3 -3
- package/dist/cjs/ion-input.cjs.entry.js +4 -4
- package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-item_8.cjs.entry.js +12 -12
- package/dist/cjs/ion-loading.cjs.entry.js +2 -2
- package/dist/cjs/ion-menu_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-modal.cjs.entry.js +4 -4
- package/dist/cjs/ion-nav_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-picker-column-option.cjs.entry.js +2 -2
- package/dist/cjs/ion-popover.cjs.entry.js +2 -2
- package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/ion-radio_2.cjs.entry.js +5 -5
- package/dist/cjs/ion-range.cjs.entry.js +3 -3
- package/dist/cjs/ion-refresher_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-reorder_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
- package/dist/cjs/ion-route_4.cjs.entry.js +2 -2
- package/dist/cjs/ion-searchbar.cjs.entry.js +4 -4
- package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
- package/dist/cjs/ion-segment-view.cjs.entry.js +2 -2
- package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-select_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
- package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-text.cjs.entry.js +2 -2
- package/dist/cjs/ion-textarea.cjs.entry.js +3 -3
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/gallery/gallery.css +0 -24
- package/dist/collection/components/gallery/gallery.js +56 -7
- package/dist/collection/components/gallery/test/utils.js +13 -13
- package/dist/collection/components/gallery-item/gallery-item.css +87 -0
- package/dist/collection/components/gallery-item/gallery-item.js +87 -0
- package/dist/collection/components/grid/grid.js +2 -2
- package/dist/collection/components/header/header.js +2 -2
- package/dist/collection/components/img/img.js +2 -2
- package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
- package/dist/collection/components/input/input.js +4 -4
- package/dist/collection/components/input-otp/input-otp.js +3 -3
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +3 -3
- package/dist/collection/components/item-divider/item-divider.js +2 -2
- package/dist/collection/components/item-group/item-group.js +1 -1
- package/dist/collection/components/item-option/item-option.js +2 -2
- package/dist/collection/components/item-options/item-options.js +1 -1
- package/dist/collection/components/item-sliding/item-sliding.js +1 -1
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/list/list.js +1 -1
- package/dist/collection/components/list-header/list-header.js +2 -2
- package/dist/collection/components/loading/loading.js +2 -2
- package/dist/collection/components/menu/menu.js +2 -2
- package/dist/collection/components/menu-button/menu-button.js +2 -2
- package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
- package/dist/collection/components/modal/modal.js +4 -4
- package/dist/collection/components/nav/nav.js +1 -1
- package/dist/collection/components/nav-link/nav-link.js +1 -1
- package/dist/collection/components/note/note.js +2 -2
- package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
- package/dist/collection/components/picker-legacy/picker.js +2 -2
- package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
- package/dist/collection/components/popover/popover.js +2 -2
- package/dist/collection/components/progress-bar/progress-bar.js +1 -1
- package/dist/collection/components/radio/radio.js +3 -3
- package/dist/collection/components/radio-group/radio-group.js +2 -2
- package/dist/collection/components/range/range.js +3 -3
- package/dist/collection/components/refresher/refresher.js +1 -1
- package/dist/collection/components/refresher-content/refresher-content.js +2 -2
- package/dist/collection/components/reorder/reorder.js +2 -2
- package/dist/collection/components/reorder-group/reorder-group.js +1 -1
- package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
- package/dist/collection/components/router-link/router-link.js +2 -2
- package/dist/collection/components/router-outlet/router-outlet.js +1 -1
- package/dist/collection/components/row/row.js +2 -2
- package/dist/collection/components/searchbar/searchbar.js +4 -4
- package/dist/collection/components/segment/segment.js +2 -2
- package/dist/collection/components/segment-button/segment-button.js +2 -2
- package/dist/collection/components/segment-content/segment-content.js +1 -1
- package/dist/collection/components/segment-view/segment-view.js +2 -2
- package/dist/collection/components/select/select.js +3 -3
- package/dist/collection/components/select-modal/select-modal.js +1 -1
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/select-popover/select-popover.js +2 -2
- package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-pane/split-pane.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/text/text.js +2 -2
- package/dist/collection/components/textarea/textarea.js +3 -3
- package/dist/collection/components/thumbnail/thumbnail.js +2 -2
- package/dist/collection/components/title/title.js +2 -2
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toolbar/toolbar.js +2 -2
- package/dist/docs.json +85 -1
- package/dist/esm/ion-app_8.entry.js +7 -7
- package/dist/esm/ion-avatar_3.entry.js +2 -2
- package/dist/esm/ion-col_3.entry.js +4 -4
- package/dist/esm/ion-datetime_3.entry.js +4 -4
- package/dist/esm/ion-gallery-item.entry.js +70 -0
- package/dist/esm/ion-gallery.entry.js +57 -8
- package/dist/esm/ion-img.entry.js +2 -2
- package/dist/esm/ion-infinite-scroll_2.entry.js +3 -3
- package/dist/esm/ion-input-otp.entry.js +3 -3
- package/dist/esm/ion-input-password-toggle.entry.js +3 -3
- package/dist/esm/ion-input.entry.js +4 -4
- package/dist/esm/ion-item-option_3.entry.js +4 -4
- package/dist/esm/ion-item_8.entry.js +12 -12
- package/dist/esm/ion-loading.entry.js +2 -2
- package/dist/esm/ion-menu_3.entry.js +6 -6
- package/dist/esm/ion-modal.entry.js +4 -4
- package/dist/esm/ion-nav_2.entry.js +2 -2
- package/dist/esm/ion-picker-column-option.entry.js +2 -2
- package/dist/esm/ion-popover.entry.js +2 -2
- package/dist/esm/ion-progress-bar.entry.js +1 -1
- package/dist/esm/ion-radio_2.entry.js +5 -5
- package/dist/esm/ion-range.entry.js +3 -3
- package/dist/esm/ion-refresher_2.entry.js +3 -3
- package/dist/esm/ion-reorder_2.entry.js +3 -3
- package/dist/esm/ion-ripple-effect.entry.js +1 -1
- package/dist/esm/ion-route_4.entry.js +2 -2
- package/dist/esm/ion-searchbar.entry.js +4 -4
- package/dist/esm/ion-segment-content.entry.js +1 -1
- package/dist/esm/ion-segment-view.entry.js +2 -2
- package/dist/esm/ion-segment_2.entry.js +4 -4
- package/dist/esm/ion-select-modal.entry.js +1 -1
- package/dist/esm/ion-select_3.entry.js +6 -6
- package/dist/esm/ion-spinner.entry.js +1 -1
- package/dist/esm/ion-split-pane.entry.js +2 -2
- package/dist/esm/ion-tab-bar_2.entry.js +4 -4
- package/dist/esm/ion-tab_2.entry.js +3 -3
- package/dist/esm/ion-text.entry.js +2 -2
- package/dist/esm/ion-textarea.entry.js +3 -3
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ion-toggle.entry.js +3 -3
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/html.html-data.json +42 -0
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-76307d10.entry.js → p-02a1a45c.entry.js} +1 -1
- package/dist/ionic/{p-bd71a4a7.entry.js → p-0c3bf0a7.entry.js} +1 -1
- package/dist/ionic/{p-90e653e3.entry.js → p-0ef2fcda.entry.js} +1 -1
- package/dist/ionic/p-1ab01507.entry.js +4 -0
- package/dist/ionic/p-21ca5788.entry.js +4 -0
- package/dist/ionic/p-229c8fb5.entry.js +4 -0
- package/dist/ionic/p-2981a0bd.entry.js +4 -0
- package/dist/ionic/{p-e18d3fdb.entry.js → p-2a66b899.entry.js} +1 -1
- package/dist/ionic/{p-a9fb086b.entry.js → p-2c252788.entry.js} +1 -1
- package/dist/ionic/p-2d5a2511.entry.js +4 -0
- package/dist/ionic/{p-2f0073af.entry.js → p-3d939d55.entry.js} +1 -1
- package/dist/ionic/{p-d4ed5710.entry.js → p-3fd97ea9.entry.js} +1 -1
- package/dist/ionic/{p-2ad79c23.entry.js → p-455ac83a.entry.js} +1 -1
- package/dist/ionic/{p-5274f999.entry.js → p-503219b5.entry.js} +1 -1
- package/dist/ionic/{p-7d5057c4.entry.js → p-5b164421.entry.js} +1 -1
- package/dist/ionic/{p-3f79f594.entry.js → p-636aa79b.entry.js} +1 -1
- package/dist/ionic/{p-ae667493.entry.js → p-65159e09.entry.js} +1 -1
- package/dist/ionic/{p-00c0bd38.entry.js → p-6911beb3.entry.js} +1 -1
- package/dist/ionic/{p-fad05840.entry.js → p-6ec1e450.entry.js} +1 -1
- package/dist/ionic/p-76de7898.entry.js +4 -0
- package/dist/ionic/{p-1c2c1869.entry.js → p-7761b69d.entry.js} +1 -1
- package/dist/ionic/{p-48026d15.entry.js → p-8291455b.entry.js} +1 -1
- package/dist/ionic/{p-b653f4c2.entry.js → p-83c0eb9b.entry.js} +1 -1
- package/dist/ionic/{p-d6299c37.entry.js → p-874945f3.entry.js} +1 -1
- package/dist/ionic/{p-b3c9f19c.entry.js → p-92427c9d.entry.js} +1 -1
- package/dist/ionic/{p-71b6014c.entry.js → p-9f914d43.entry.js} +1 -1
- package/dist/ionic/{p-1709b0aa.entry.js → p-b8f7e970.entry.js} +1 -1
- package/dist/ionic/{p-83c693c4.entry.js → p-bb2d2635.entry.js} +1 -1
- package/dist/ionic/{p-1c4de46b.entry.js → p-bd3ae730.entry.js} +1 -1
- package/dist/ionic/{p-586d4270.entry.js → p-c1d6501a.entry.js} +1 -1
- package/dist/ionic/{p-50cd2d57.entry.js → p-c55a5578.entry.js} +1 -1
- package/dist/ionic/{p-72491468.entry.js → p-cecceb9f.entry.js} +1 -1
- package/dist/ionic/{p-9d789053.entry.js → p-d604defc.entry.js} +1 -1
- package/dist/ionic/{p-35b144f5.entry.js → p-dd1e95c5.entry.js} +1 -1
- package/dist/ionic/{p-7054a1b9.entry.js → p-e342b205.entry.js} +1 -1
- package/dist/ionic/{p-15e3e8f5.entry.js → p-e5976b28.entry.js} +1 -1
- package/dist/ionic/{p-b2fe6c1c.entry.js → p-e73a7fe2.entry.js} +1 -1
- package/dist/ionic/{p-50b61fab.entry.js → p-fc01563c.entry.js} +1 -1
- package/dist/ionic/{p-8537b2fb.entry.js → p-fdf0e290.entry.js} +1 -1
- package/dist/ionic/{p-c10fa162.entry.js → p-fe073307.entry.js} +1 -1
- package/dist/types/components/gallery/gallery.d.ts +10 -2
- package/dist/types/components/gallery/test/utils.d.ts +1 -1
- package/dist/types/components/gallery-item/gallery-item.d.ts +25 -0
- package/dist/types/components.d.ts +29 -0
- package/hydrate/index.js +259 -130
- package/hydrate/index.mjs +259 -130
- package/package.json +1 -1
- package/components/p-B6zr9RZN.js +0 -4
- package/dist/ionic/p-06bd033b.entry.js +0 -4
- package/dist/ionic/p-1e1c8d61.entry.js +0 -4
- package/dist/ionic/p-2aa7567e.entry.js +0 -4
- package/dist/ionic/p-4079cee3.entry.js +0 -4
- package/dist/ionic/p-bf972309.entry.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as i,H as t,e,c as o,f as r,i as n,h as a,d as l,t as s}from"./p-3Ni1Z654.js";import{E as c}from"./p-BwKpO3Is.js";import{c as d}from"./p-C00Y_WJv.js";import{r as p}from"./p-BqDiJgC_.js";import{c as b}from"./p-B-hirT0v.js";import{d as g,e as m,B as h,i as x,j as u,k as f,f as w,g as v,h as k,s as y}from"./p-CtiqM786.js";import{s as z}from"./p-Cmql_g3_.js";import{r as j}from"./p-C0U8YqYW.js";import{g as C}from"./p-DaJxRxSQ.js";import{c as O,b as A}from"./p-CVBkx7m1.js";import{c as D}from"./p-BO4aickU.js";import{d as I}from"./p-BFCM_1oE.js";import{d as $}from"./p-C8ktKu9j.js";const E=i=>{const t=D(),e=D(),o=D();return e.addElement(i.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),o.addElement(i.querySelector(".alert-wrapper")).keyframes([{offset:0,opacity:"0.01",transform:"scale(1.1)"},{offset:1,opacity:"1",transform:"scale(1)"}]),t.addElement(i).easing("ease-in-out").duration(200).addAnimation([e,o])},B=i=>{const t=D(),e=D(),o=D();return e.addElement(i.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),o.addElement(i.querySelector(".alert-wrapper")).keyframes([{offset:0,opacity:.99,transform:"scale(1)"},{offset:1,opacity:0,transform:"scale(0.9)"}]),t.addElement(i).easing("ease-in-out").duration(200).addAnimation([e,o])},W=i=>{const t=D(),e=D(),o=D();return e.addElement(i.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),o.addElement(i.querySelector(".alert-wrapper")).keyframes([{offset:0,opacity:"0.01",transform:"scale(0.9)"},{offset:1,opacity:"1",transform:"scale(1)"}]),t.addElement(i).easing("ease-in-out").duration(150).addAnimation([e,o])},L=i=>{const t=D(),e=D(),o=D();return e.addElement(i.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),o.addElement(i.querySelector(".alert-wrapper")).fromTo("opacity",.99,0),t.addElement(i).easing("ease-in-out").duration(150).addAnimation([e,o])},T=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.didPresent=e(this,"ionAlertDidPresent",7),this.willPresent=e(this,"ionAlertWillPresent",7),this.willDismiss=e(this,"ionAlertWillDismiss",7),this.didDismiss=e(this,"ionAlertDidDismiss",7),this.didPresentShorthand=e(this,"didPresent",7),this.willPresentShorthand=e(this,"willPresent",7),this.willDismissShorthand=e(this,"willDismiss",7),this.didDismissShorthand=e(this,"didDismiss",7),this.delegateController=g(this),this.lockController=b(),this.triggerController=m(),this.customHTMLEnabled=o.get("innerHTMLTemplatesEnabled",c),this.processedInputs=[],this.processedButtons=[],this.presented=!1,this.hasController=!1,this.keyboardClose=!0,this.buttons=[],this.inputs=[],this.backdropDismiss=!0,this.translucent=!1,this.animated=!0,this.isOpen=!1,this.onBackdropTap=()=>{this.dismiss(void 0,h)},this.dispatchCancelHandler=i=>{if(x(i.detail.role)){const i=this.processedButtons.find((i=>"cancel"===i.role));this.callButtonHandler(i)}}}onIsOpenChange(i,t){!0===i&&!1===t?this.present():!1===i&&!0===t&&this.dismiss()}triggerChanged(){const{trigger:i,el:t,triggerController:e}=this;i&&e.addClickListener(t,i)}onKeydown(i){var t;const e=new Set(this.processedInputs.map((i=>i.type)));if(e.has("checkbox")&&"Enter"===i.key)return void i.preventDefault();if(i.target.classList.contains("alert-wrapper")&&"Tab"===i.key&&i.shiftKey)return i.preventDefault(),void(null===(t=this.wrapperEl)||void 0===t?void 0:t.querySelector(".alert-button:last-child")).focus();if(!e.has("radio")||i.target&&!this.el.contains(i.target)||i.target.classList.contains("alert-button"))return;const o=this.el.querySelectorAll(".alert-radio"),r=Array.from(o).filter((i=>!i.disabled)),n=r.findIndex((t=>t.id===i.target.id));let a;if(["ArrowDown","ArrowRight"].includes(i.key)&&(a=n===r.length-1?r[0]:r[n+1]),["ArrowUp","ArrowLeft"].includes(i.key)&&(a=0===n?r[r.length-1]:r[n-1]),a&&r.includes(a)){const i=this.processedInputs.find((i=>i.id===(null==a?void 0:a.id)));i&&(this.rbClick(i),a.focus())}}buttonsChanged(){this.processedButtons=this.buttons.map((i=>"string"==typeof i?{text:i,role:"cancel"===i.toLowerCase()?"cancel":void 0}:i))}inputsChanged(){const i=this.inputs,t=i.find((i=>!i.disabled)),e=i.find((i=>i.checked&&!i.disabled))||t,o=new Set(i.map((i=>i.type)));o.has("checkbox")&&o.has("radio")&&r(`[ion-alert] - Alert cannot mix input types: ${Array.from(o.values()).join("/")}. Please see alert docs for more info.`),this.inputType=o.values().next().value,this.processedInputs=i.map(((i,t)=>{var o;return Object.assign(Object.assign({},i),{type:i.type||"text",name:i.name||`${t}`,placeholder:i.placeholder||"",checked:!!i.checked,disabled:!!i.disabled,id:i.id||`alert-input-${this.overlayIndex}-${t}`,cssClass:null!==(o=i.cssClass)&&void 0!==o?o:"",attributes:i.attributes||{},tabindex:"radio"===i.type&&i!==e?-1:0})}))}connectedCallback(){u(this.el),this.triggerChanged()}componentWillLoad(){var i;(null===(i=this.htmlAttributes)||void 0===i?void 0:i.id)||f(this.el),this.inputsChanged(),this.buttonsChanged()}disconnectedCallback(){this.triggerController.removeClickListener(),this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}componentDidLoad(){!this.gesture&&"ios"===O(this)&&this.wrapperEl&&(this.gesture=d(this.wrapperEl,(i=>i.classList.contains("alert-button"))),this.gesture.enable(!0)),!0===this.isOpen&&p((()=>this.present())),this.triggerChanged()}async present(){const i=await this.lockController.lock();await this.delegateController.attachViewToDom(),await w(this,"alertEnter",E,W).then((()=>{var i,t;1===this.buttons.length&&0===this.inputs.length?(null===(i=this.wrapperEl)||void 0===i?void 0:i.querySelector(".alert-button")).focus():null===(t=this.wrapperEl)||void 0===t||t.focus()})),i()}async dismiss(i,t){const e=await this.lockController.lock(),o=await v(this,i,t,"alertLeave",B,L);return o&&this.delegateController.removeViewFromDom(),e(),o}onDidDismiss(){return k(this.el,"ionAlertDidDismiss")}onWillDismiss(){return k(this.el,"ionAlertWillDismiss")}rbClick(i){for(const t of this.processedInputs)t.checked=t===i,t.tabindex=t===i?0:-1;this.activeId=i.id,y(i.handler,i),n(this)}cbClick(i){i.checked=!i.checked,y(i.handler,i),n(this)}async buttonClick(i){const t=i.role,e=this.getValues();if(x(t))return this.dismiss({values:e},t);const o=await this.callButtonHandler(i,e);return!1!==o&&this.dismiss(Object.assign({values:e},o),i.role)}async callButtonHandler(i,t){if(null==i?void 0:i.handler){const e=await y(i.handler,t);if(!1===e)return!1;if("object"==typeof e)return e}return{}}getValues(){if(0===this.processedInputs.length)return;if("radio"===this.inputType){const i=this.processedInputs.find((i=>!!i.checked));return i?i.value:void 0}if("checkbox"===this.inputType)return this.processedInputs.filter((i=>i.checked)).map((i=>i.value));const i={};return this.processedInputs.forEach((t=>{i[t.name]=t.value||""})),i}renderAlertInputs(){switch(this.inputType){case"checkbox":return this.renderCheckbox();case"radio":return this.renderRadio();default:return this.renderInput()}}renderCheckbox(){const i=this.processedInputs,t=A(this);return 0===i.length?null:a("div",{class:"alert-checkbox-group"},i.map((i=>{const e={id:i.id,label:i.label,startContent:i.startContent,endContent:i.endContent,description:i.description};return a("button",{type:"button",onClick:()=>this.cbClick(i),"aria-checked":`${i.checked}`,id:i.id,disabled:i.disabled,tabIndex:i.tabindex,role:"checkbox",class:Object.assign(Object.assign({},C(i.cssClass)),{"alert-tappable":!0,"alert-checkbox":!0,"alert-checkbox-button":!0,"ion-focusable":!0,"alert-checkbox-button-disabled":i.disabled||!1})},a("div",{class:"alert-button-inner"},a("div",{class:"alert-checkbox-icon"},a("div",{class:"alert-checkbox-inner"})),j(e,"alert-checkbox-label")),"md"===t&&a("ion-ripple-effect",null))})))}renderRadio(){const i=this.processedInputs;return 0===i.length?null:a("div",{class:"alert-radio-group",role:"radiogroup","aria-activedescendant":this.activeId},i.map((i=>{const t={id:i.id,label:i.label,startContent:i.startContent,endContent:i.endContent,description:i.description};return a("button",{type:"button",onClick:()=>this.rbClick(i),"aria-checked":`${i.checked}`,disabled:i.disabled,id:i.id,tabIndex:i.tabindex,class:Object.assign(Object.assign({},C(i.cssClass)),{"alert-radio-button":!0,"alert-tappable":!0,"alert-radio":!0,"ion-focusable":!0,"alert-radio-button-disabled":i.disabled||!1}),role:"radio"},a("div",{class:"alert-button-inner"},a("div",{class:"alert-radio-icon"},a("div",{class:"alert-radio-inner"})),j(t,"alert-radio-label")))})))}renderInput(){const i=this.processedInputs;return 0===i.length?null:a("div",{class:"alert-input-group"},i.map((i=>{var t,e,o,r;return a("div",{class:"alert-input-wrapper"},"textarea"===i.type?a("textarea",Object.assign({placeholder:i.placeholder,value:i.value,id:i.id,tabIndex:i.tabindex},i.attributes,{disabled:null!==(e=null===(t=i.attributes)||void 0===t?void 0:t.disabled)&&void 0!==e?e:i.disabled,class:H(i),onInput:t=>{var e;i.value=t.target.value,(null===(e=i.attributes)||void 0===e?void 0:e.onInput)&&i.attributes.onInput(t)}})):a("input",Object.assign({placeholder:i.placeholder,type:i.type,min:i.min,max:i.max,value:i.value,id:i.id,tabIndex:i.tabindex},i.attributes,{disabled:null!==(r=null===(o=i.attributes)||void 0===o?void 0:o.disabled)&&void 0!==r?r:i.disabled,class:H(i),onInput:t=>{var e;i.value=t.target.value,(null===(e=i.attributes)||void 0===e?void 0:e.onInput)&&i.attributes.onInput(t)}})))})))}renderAlertButtons(){const i=this.processedButtons,t=A(this);return a("div",{class:{"alert-button-group":!0,"alert-button-group-vertical":i.length>2}},i.map((i=>a("button",Object.assign({},i.htmlAttributes,{type:"button",id:i.id,class:M(i),tabIndex:0,onClick:()=>this.buttonClick(i)}),a("span",{class:"alert-button-inner"},i.text),"md"===t&&a("ion-ripple-effect",null)))))}renderAlertMessage(i){const{customHTMLEnabled:t,message:e}=this;return t?a("div",{id:i,class:"alert-message",innerHTML:z(e)}):a("div",{id:i,class:"alert-message"},e)}render(){const{overlayIndex:i,header:t,subHeader:e,message:o,htmlAttributes:r}=this,n=A(this),s=`alert-${i}-hdr`,c=`alert-${i}-msg`,d=`alert-${i}-sub-hdr`,p=this.inputs.length>0||this.buttons.length>0?"alertdialog":"alert",b=t&&e?`${s} ${d}`:t?s:e?d:null;return a(l,{key:"643939c4af9c1a68b60eea5724f8662f13bb3f72",tabindex:"-1",style:{zIndex:`${2e4+i}`},class:Object.assign(Object.assign({},C(this.cssClass)),{[n]:!0,"overlay-hidden":!0,"alert-translucent":this.translucent}),onIonAlertWillDismiss:this.dispatchCancelHandler,onIonBackdropTap:this.onBackdropTap},a("ion-backdrop",{key:"4780caec3fe71a8d5f2112b8b8726d5a7de91192",tappable:this.backdropDismiss}),a("div",{key:"cc401fcade02bfc557820d31554d5e054da79b28",tabindex:"0","aria-hidden":"true"}),a("div",Object.assign({key:"234caa09b6e0d224bdce0de0659dcdbd668cad91",class:"alert-wrapper ion-overlay-wrapper",role:p,"aria-modal":"true","aria-labelledby":b,"aria-describedby":void 0!==o?c:null,tabindex:"0",ref:i=>this.wrapperEl=i},r),a("div",{key:"c8c72cd019eace73b622f2510e533c281267c48a",class:"alert-head"},t&&a("h2",{key:"0d95f68560dbb67721476d184df0d8654a07959c",id:s,class:"alert-title"},t),e&&!t&&a("h2",{key:"6444463a2aeef3f076b0bfdfeba4387ced177826",id:d,class:"alert-sub-title"},e),e&&t&&a("h3",{key:"a92d7b54567152b57a8ccab6840e851c8fe5a47b",id:d,class:"alert-sub-title"},e)),this.renderAlertMessage(c),this.renderAlertInputs(),this.renderAlertButtons()),a("div",{key:"3ba2cdf15219f03123f6dd884eb7a4da38549c08",tabindex:"0","aria-hidden":"true"}))}get el(){return this}static get watchers(){return{isOpen:[{onIsOpenChange:0}],trigger:[{triggerChanged:0}],buttons:[{buttonsChanged:0}],inputs:[{inputsChanged:0}]}}static get style(){return{ionic:".sc-ion-alert-ionic-h{--min-width:250px;--width:auto;--min-height:auto;--height:auto;--max-height:90%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-alert-ionic-h{display:none}.alert-top.sc-ion-alert-ionic-h{padding-top:50px;-ms-flex-align:start;align-items:flex-start}.alert-wrapper.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:content;opacity:0;z-index:10}.alert-title.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-sub-title.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-weight:normal}.alert-message.sc-ion-alert-ionic,.alert-input-group.sc-ion-alert-ionic{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.alert-checkbox-label.sc-ion-alert-ionic,.alert-radio-label.sc-ion-alert-ionic{overflow-wrap:anywhere}@media (any-pointer: coarse){.alert-checkbox-group.sc-ion-alert-ionic::-webkit-scrollbar,.alert-radio-group.sc-ion-alert-ionic::-webkit-scrollbar,.alert-message.sc-ion-alert-ionic::-webkit-scrollbar{display:none}}.alert-input.sc-ion-alert-ionic{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;width:100%;border:0;background:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.alert-button-group.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.alert-button-group-vertical.sc-ion-alert-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.alert-button.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;border:0;font-size:0.875rem;line-height:1.25rem;z-index:0}.alert-button.ion-focused.sc-ion-alert-ionic,.alert-tappable.ion-focused.sc-ion-alert-ionic{background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.alert-button-inner.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit}.alert-input-disabled.sc-ion-alert-ionic,.alert-checkbox-button-disabled.sc-ion-alert-ionic .alert-button-inner.sc-ion-alert-ionic,.alert-radio-button-disabled.sc-ion-alert-ionic .alert-button-inner.sc-ion-alert-ionic{cursor:default;opacity:0.5;pointer-events:none}.alert-tappable.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;width:100%;border:0;background:transparent;font-size:inherit;line-height:initial;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:content}.alert-button.sc-ion-alert-ionic,.alert-checkbox.sc-ion-alert-ionic,.alert-input.sc-ion-alert-ionic,.alert-radio.sc-ion-alert-ionic{outline:none}.alert-radio-icon.sc-ion-alert-ionic,.alert-checkbox-icon.sc-ion-alert-ionic,.alert-checkbox-inner.sc-ion-alert-ionic{-webkit-box-sizing:border-box;box-sizing:border-box}textarea.alert-input.sc-ion-alert-ionic{min-height:37px;resize:none}.alert-radio-label.sc-ion-alert-ionic,.alert-checkbox-label.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-alert-ionic{-ms-flex:1;flex:1}.select-option-description.sc-ion-alert-ionic{display:block}.sc-ion-alert-ionic-h{--min-width:250px;--width:auto;--min-height:auto;--height:auto;--max-height:90%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-alert-ionic-h{display:none}.alert-top.sc-ion-alert-ionic-h{padding-top:50px;-ms-flex-align:start;align-items:flex-start}.alert-wrapper.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:content;opacity:0;z-index:10}.alert-title.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-sub-title.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-weight:normal}.alert-message.sc-ion-alert-ionic,.alert-input-group.sc-ion-alert-ionic{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.alert-checkbox-label.sc-ion-alert-ionic,.alert-radio-label.sc-ion-alert-ionic{overflow-wrap:anywhere}@media (any-pointer: coarse){.alert-checkbox-group.sc-ion-alert-ionic::-webkit-scrollbar,.alert-radio-group.sc-ion-alert-ionic::-webkit-scrollbar,.alert-message.sc-ion-alert-ionic::-webkit-scrollbar{display:none}}.alert-input.sc-ion-alert-ionic{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;width:100%;border:0;background:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.alert-button-group.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.alert-button-group-vertical.sc-ion-alert-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.alert-button.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;border:0;font-size:0.875rem;line-height:1.25rem;z-index:0}.alert-button.ion-focused.sc-ion-alert-ionic,.alert-tappable.ion-focused.sc-ion-alert-ionic{background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.alert-button-inner.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit}.alert-input-disabled.sc-ion-alert-ionic,.alert-checkbox-button-disabled.sc-ion-alert-ionic .alert-button-inner.sc-ion-alert-ionic,.alert-radio-button-disabled.sc-ion-alert-ionic .alert-button-inner.sc-ion-alert-ionic{cursor:default;opacity:0.5;pointer-events:none}.alert-tappable.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;width:100%;border:0;background:transparent;font-size:inherit;line-height:initial;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:content}.alert-button.sc-ion-alert-ionic,.alert-checkbox.sc-ion-alert-ionic,.alert-input.sc-ion-alert-ionic,.alert-radio.sc-ion-alert-ionic{outline:none}.alert-radio-icon.sc-ion-alert-ionic,.alert-checkbox-icon.sc-ion-alert-ionic,.alert-checkbox-inner.sc-ion-alert-ionic{-webkit-box-sizing:border-box;box-sizing:border-box}textarea.alert-input.sc-ion-alert-ionic{min-height:37px;resize:none}.alert-radio-label.sc-ion-alert-ionic,.alert-checkbox-label.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-alert-ionic{-ms-flex:1;flex:1}.select-option-description.sc-ion-alert-ionic{display:block}.alert-radio-label.sc-ion-alert-ionic,.alert-checkbox-label.sc-ion-alert-ionic{gap:12px}.select-option-description.sc-ion-alert-ionic{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.sc-ion-alert-ionic-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--max-width:280px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);font-size:0.875rem}.alert-wrapper.sc-ion-alert-ionic{border-radius:4px;-webkit-box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12)}.alert-head.sc-ion-alert-ionic{-webkit-padding-start:23px;padding-inline-start:23px;-webkit-padding-end:23px;padding-inline-end:23px;padding-top:20px;padding-bottom:15px;text-align:start}.alert-title.sc-ion-alert-ionic{color:var(--ion-text-color, #000);font-size:1.25rem;font-weight:500}.alert-sub-title.sc-ion-alert-ionic{color:var(--ion-text-color, #000);font-size:1rem}.alert-message.sc-ion-alert-ionic,.alert-input-group.sc-ion-alert-ionic{-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:20px;padding-bottom:20px;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.alert-message.sc-ion-alert-ionic{font-size:1rem}@media screen and (max-width: 767px){.alert-message.sc-ion-alert-ionic{max-height:266px}}.alert-message.sc-ion-alert-ionic:empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-head.sc-ion-alert-ionic+.alert-message.sc-ion-alert-ionic{padding-top:0}.alert-input.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;border-bottom:1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));color:var(--ion-text-color, #000)}.alert-input.sc-ion-alert-ionic::-webkit-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::-moz-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic:-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::-ms-clear{display:none}.alert-input.sc-ion-alert-ionic:focus{margin-bottom:4px;border-bottom:2px solid var(--ion-color-primary, #0054e9)}.alert-radio-group.sc-ion-alert-ionic,.alert-checkbox-group.sc-ion-alert-ionic{position:relative;border-top:1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));border-bottom:1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));overflow:auto}@media screen and (max-width: 767px){.alert-radio-group.sc-ion-alert-ionic,.alert-checkbox-group.sc-ion-alert-ionic{max-height:266px}}.alert-tappable.sc-ion-alert-ionic{position:relative;min-height:48px}.alert-radio-label.sc-ion-alert-ionic{-webkit-padding-start:52px;padding-inline-start:52px;-webkit-padding-end:26px;padding-inline-end:26px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));font-size:1rem}.alert-radio-icon.sc-ion-alert-ionic{top:0;border-radius:50%;display:block;position:relative;width:20px;height:20px;border-width:2px;border-style:solid;border-color:var(--ion-color-step-550, var(--ion-background-color-step-550, #737373))}.alert-radio-icon.sc-ion-alert-ionic{inset-inline-start:26px}.alert-radio-inner.sc-ion-alert-ionic{top:3px;border-radius:50%;position:absolute;width:10px;height:10px;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--ion-color-primary, #0054e9)}.alert-radio-inner.sc-ion-alert-ionic{inset-inline-start:3px}[aria-checked=true].sc-ion-alert-ionic .alert-radio-label.sc-ion-alert-ionic{color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626))}[aria-checked=true].sc-ion-alert-ionic .alert-radio-icon.sc-ion-alert-ionic{border-color:var(--ion-color-primary, #0054e9)}[aria-checked=true].sc-ion-alert-ionic .alert-radio-inner.sc-ion-alert-ionic{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.alert-checkbox-label.sc-ion-alert-ionic{-webkit-padding-start:53px;padding-inline-start:53px;-webkit-padding-end:26px;padding-inline-end:26px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;width:calc(100% - 53px);color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));font-size:1rem}.alert-checkbox-icon.sc-ion-alert-ionic{top:0;border-radius:2px;position:relative;width:16px;height:16px;border-width:2px;border-style:solid;border-color:var(--ion-color-step-550, var(--ion-background-color-step-550, #737373));contain:strict}.alert-checkbox-icon.sc-ion-alert-ionic{inset-inline-start:26px}[aria-checked=true].sc-ion-alert-ionic .alert-checkbox-icon.sc-ion-alert-ionic{border-color:var(--ion-color-primary, #0054e9);background-color:var(--ion-color-primary, #0054e9)}[aria-checked=true].sc-ion-alert-ionic .alert-checkbox-inner.sc-ion-alert-ionic{top:0;position:absolute;width:6px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-color-primary-contrast, #fff)}[aria-checked=true].sc-ion-alert-ionic .alert-checkbox-inner.sc-ion-alert-ionic{inset-inline-start:3px}.alert-button-group.sc-ion-alert-ionic{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-ms-flex-pack:end;justify-content:flex-end}.alert-button.sc-ion-alert-ionic{border-radius:2px;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:0;margin-bottom:0;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;color:var(--ion-color-primary, #0054e9);font-weight:500;text-align:end;text-transform:uppercase;overflow:hidden}.alert-button-inner.sc-ion-alert-ionic{-ms-flex-pack:end;justify-content:flex-end}@media screen and (min-width: 768px){.sc-ion-alert-ionic-h{--max-width:min(100vw - 96px, 560px);--max-height:min(100vh - 96px, 560px)}}.alert-radio-label.sc-ion-alert-ionic,.alert-checkbox-label.sc-ion-alert-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-alert-ionic{font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));font-size:var(--token-font-size-350, 0.875rem)}",ios:".sc-ion-alert-ios-h{--min-width:250px;--width:auto;--min-height:auto;--height:auto;--max-height:90%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-alert-ios-h{display:none}.alert-top.sc-ion-alert-ios-h{padding-top:50px;-ms-flex-align:start;align-items:flex-start}.alert-wrapper.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:content;opacity:0;z-index:10}.alert-title.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-sub-title.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-weight:normal}.alert-message.sc-ion-alert-ios,.alert-input-group.sc-ion-alert-ios{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.alert-checkbox-label.sc-ion-alert-ios,.alert-radio-label.sc-ion-alert-ios{overflow-wrap:anywhere}@media (any-pointer: coarse){.alert-checkbox-group.sc-ion-alert-ios::-webkit-scrollbar,.alert-radio-group.sc-ion-alert-ios::-webkit-scrollbar,.alert-message.sc-ion-alert-ios::-webkit-scrollbar{display:none}}.alert-input.sc-ion-alert-ios{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;width:100%;border:0;background:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.alert-button-group.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.alert-button-group-vertical.sc-ion-alert-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.alert-button.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;border:0;font-size:0.875rem;line-height:1.25rem;z-index:0}.alert-button.ion-focused.sc-ion-alert-ios,.alert-tappable.ion-focused.sc-ion-alert-ios{background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.alert-button-inner.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit}.alert-input-disabled.sc-ion-alert-ios,.alert-checkbox-button-disabled.sc-ion-alert-ios .alert-button-inner.sc-ion-alert-ios,.alert-radio-button-disabled.sc-ion-alert-ios .alert-button-inner.sc-ion-alert-ios{cursor:default;opacity:0.5;pointer-events:none}.alert-tappable.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;width:100%;border:0;background:transparent;font-size:inherit;line-height:initial;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:content}.alert-button.sc-ion-alert-ios,.alert-checkbox.sc-ion-alert-ios,.alert-input.sc-ion-alert-ios,.alert-radio.sc-ion-alert-ios{outline:none}.alert-radio-icon.sc-ion-alert-ios,.alert-checkbox-icon.sc-ion-alert-ios,.alert-checkbox-inner.sc-ion-alert-ios{-webkit-box-sizing:border-box;box-sizing:border-box}textarea.alert-input.sc-ion-alert-ios{min-height:37px;resize:none}.alert-radio-label.sc-ion-alert-ios,.alert-checkbox-label.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-alert-ios{-ms-flex:1;flex:1}.select-option-description.sc-ion-alert-ios{display:block}.alert-radio-label.sc-ion-alert-ios,.alert-checkbox-label.sc-ion-alert-ios{gap:12px}.select-option-description.sc-ion-alert-ios{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.sc-ion-alert-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--max-width:clamp(270px, 16.875rem, 324px);--backdrop-opacity:var(--ion-backdrop-opacity, 0.3);font-size:max(14px, 0.875rem)}.alert-wrapper.sc-ion-alert-ios{border-radius:13px;-webkit-box-shadow:none;box-shadow:none;overflow:hidden}.alert-button.sc-ion-alert-ios .alert-button-inner.sc-ion-alert-ios{pointer-events:none}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.alert-translucent.sc-ion-alert-ios-h .alert-wrapper.sc-ion-alert-ios{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.alert-head.sc-ion-alert-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:7px;text-align:center}.alert-title.sc-ion-alert-ios{margin-top:8px;color:var(--ion-text-color, #000);font-size:max(17px, 1.0625rem);font-weight:600}.alert-sub-title.sc-ion-alert-ios{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));font-size:max(14px, 0.875rem)}.alert-message.sc-ion-alert-ios,.alert-input-group.sc-ion-alert-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0;padding-bottom:21px;color:var(--ion-text-color, #000);font-size:max(13px, 0.8125rem);text-align:center}.alert-message.sc-ion-alert-ios{max-height:240px}.alert-message.sc-ion-alert-ios:empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:12px}.alert-input.sc-ion-alert-ios{border-radius:7px;margin-top:10px;-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px;padding-top:7px;padding-bottom:7px;border:0.55px solid var(--ion-color-step-250, var(--ion-background-color-step-250, #bfbfbf));background-color:var(--ion-background-color, #fff);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1rem}.alert-input.sc-ion-alert-ios::-webkit-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::-moz-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios:-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::-ms-clear{display:none}.alert-input.sc-ion-alert-ios::-webkit-date-and-time-value{height:18px}.alert-radio-group.sc-ion-alert-ios,.alert-checkbox-group.sc-ion-alert-ios{-ms-scroll-chaining:none;overscroll-behavior:contain;max-height:240px;border-top:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2);overflow-y:auto;-webkit-overflow-scrolling:touch}.alert-tappable.sc-ion-alert-ios{min-height:44px}.alert-radio-label.sc-ion-alert-ios{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;-ms-flex-order:0;order:0;color:var(--ion-text-color, #000)}[aria-checked=true].sc-ion-alert-ios .alert-radio-label.sc-ion-alert-ios{color:var(--ion-color-primary, #0054e9)}.alert-radio-icon.sc-ion-alert-ios{position:relative;-ms-flex-order:1;order:1;min-width:30px}[aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{top:-7px;position:absolute;width:6px;height:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-color-primary, #0054e9)}[aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{inset-inline-start:7px}.alert-checkbox-label.sc-ion-alert-ios{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;color:var(--ion-text-color, #000)}.alert-checkbox-icon.sc-ion-alert-ios{border-radius:50%;-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:6px;margin-inline-end:6px;margin-top:10px;margin-bottom:10px;position:relative;width:min(1.375rem, 55.836px);height:min(1.375rem, 55.836px);border-width:0.125rem;border-style:solid;border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));background-color:var(--ion-item-background, var(--ion-background-color, #fff));contain:strict}[aria-checked=true].sc-ion-alert-ios .alert-checkbox-icon.sc-ion-alert-ios{border-color:var(--ion-color-primary, #0054e9);background-color:var(--ion-color-primary, #0054e9)}[aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{top:calc(min(1.375rem, 55.836px) / 8);position:absolute;width:calc(min(1.375rem, 55.836px) / 6 + 1px);height:calc(min(1.375rem, 55.836px) * 0.5);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:0.125rem;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-background-color, #fff)}[aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{inset-inline-start:calc(min(1.375rem, 55.836px) / 3)}.alert-button-group.sc-ion-alert-ios{-webkit-margin-end:-0.55px;margin-inline-end:-0.55px;-ms-flex-wrap:wrap;flex-wrap:wrap}.alert-button-group-vertical.sc-ion-alert-ios .alert-button.sc-ion-alert-ios{border-right:none}[dir=rtl].sc-ion-alert-ios-h .alert-button-group-vertical.sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child,[dir=rtl] .sc-ion-alert-ios-h .alert-button-group-vertical.sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child{border-right:none}[dir=rtl].sc-ion-alert-ios .alert-button-group-vertical.sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child{border-right:none}@supports selector(:dir(rtl)){.alert-button-group-vertical.sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child:dir(rtl){border-right:none}}.alert-button.sc-ion-alert-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:0;-ms-flex:1 1 auto;flex:1 1 auto;min-width:50%;height:max(44px, 2.75rem);border-top:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2);border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2);background-color:transparent;color:var(--ion-color-primary, #0054e9);font-size:max(17px, 1.0625rem);overflow:hidden}[dir=rtl].sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:first-child,[dir=rtl] .sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:first-child{border-right:0}[dir=rtl].sc-ion-alert-ios .alert-button.sc-ion-alert-ios:first-child{border-right:0}@supports selector(:dir(rtl)){.alert-button.sc-ion-alert-ios:first-child:dir(rtl){border-right:0}}.alert-button.sc-ion-alert-ios:last-child{border-right:0;font-weight:bold}[dir=rtl].sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:last-child,[dir=rtl] .sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:last-child{border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}[dir=rtl].sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child{border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@supports selector(:dir(rtl)){.alert-button.sc-ion-alert-ios:last-child:dir(rtl){border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}}.alert-button.ion-activated.sc-ion-alert-ios{background-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}.alert-button-role-destructive.sc-ion-alert-ios,.alert-button-role-destructive.ion-activated.sc-ion-alert-ios,.alert-button-role-destructive.ion-focused.sc-ion-alert-ios{color:var(--ion-color-danger, #c5000f)}",md:".sc-ion-alert-md-h{--min-width:250px;--width:auto;--min-height:auto;--height:auto;--max-height:90%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-alert-md-h{display:none}.alert-top.sc-ion-alert-md-h{padding-top:50px;-ms-flex-align:start;align-items:flex-start}.alert-wrapper.sc-ion-alert-md{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:content;opacity:0;z-index:10}.alert-title.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-sub-title.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-weight:normal}.alert-message.sc-ion-alert-md,.alert-input-group.sc-ion-alert-md{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.alert-checkbox-label.sc-ion-alert-md,.alert-radio-label.sc-ion-alert-md{overflow-wrap:anywhere}@media (any-pointer: coarse){.alert-checkbox-group.sc-ion-alert-md::-webkit-scrollbar,.alert-radio-group.sc-ion-alert-md::-webkit-scrollbar,.alert-message.sc-ion-alert-md::-webkit-scrollbar{display:none}}.alert-input.sc-ion-alert-md{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;width:100%;border:0;background:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.alert-button-group.sc-ion-alert-md{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.alert-button-group-vertical.sc-ion-alert-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.alert-button.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;border:0;font-size:0.875rem;line-height:1.25rem;z-index:0}.alert-button.ion-focused.sc-ion-alert-md,.alert-tappable.ion-focused.sc-ion-alert-md{background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.alert-button-inner.sc-ion-alert-md{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit}.alert-input-disabled.sc-ion-alert-md,.alert-checkbox-button-disabled.sc-ion-alert-md .alert-button-inner.sc-ion-alert-md,.alert-radio-button-disabled.sc-ion-alert-md .alert-button-inner.sc-ion-alert-md{cursor:default;opacity:0.5;pointer-events:none}.alert-tappable.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;width:100%;border:0;background:transparent;font-size:inherit;line-height:initial;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:content}.alert-button.sc-ion-alert-md,.alert-checkbox.sc-ion-alert-md,.alert-input.sc-ion-alert-md,.alert-radio.sc-ion-alert-md{outline:none}.alert-radio-icon.sc-ion-alert-md,.alert-checkbox-icon.sc-ion-alert-md,.alert-checkbox-inner.sc-ion-alert-md{-webkit-box-sizing:border-box;box-sizing:border-box}textarea.alert-input.sc-ion-alert-md{min-height:37px;resize:none}.alert-radio-label.sc-ion-alert-md,.alert-checkbox-label.sc-ion-alert-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-alert-md{-ms-flex:1;flex:1}.select-option-description.sc-ion-alert-md{display:block}.alert-radio-label.sc-ion-alert-md,.alert-checkbox-label.sc-ion-alert-md{gap:12px}.select-option-description.sc-ion-alert-md{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.sc-ion-alert-md-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--max-width:280px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);font-size:0.875rem}.alert-wrapper.sc-ion-alert-md{border-radius:4px;-webkit-box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12)}.alert-head.sc-ion-alert-md{-webkit-padding-start:23px;padding-inline-start:23px;-webkit-padding-end:23px;padding-inline-end:23px;padding-top:20px;padding-bottom:15px;text-align:start}.alert-title.sc-ion-alert-md{color:var(--ion-text-color, #000);font-size:1.25rem;font-weight:500}.alert-sub-title.sc-ion-alert-md{color:var(--ion-text-color, #000);font-size:1rem}.alert-message.sc-ion-alert-md,.alert-input-group.sc-ion-alert-md{-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:20px;padding-bottom:20px;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.alert-message.sc-ion-alert-md{font-size:1rem}@media screen and (max-width: 767px){.alert-message.sc-ion-alert-md{max-height:266px}}.alert-message.sc-ion-alert-md:empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-head.sc-ion-alert-md+.alert-message.sc-ion-alert-md{padding-top:0}.alert-input.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;border-bottom:1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));color:var(--ion-text-color, #000)}.alert-input.sc-ion-alert-md::-webkit-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::-moz-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md:-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::-ms-clear{display:none}.alert-input.sc-ion-alert-md:focus{margin-bottom:4px;border-bottom:2px solid var(--ion-color-primary, #0054e9)}.alert-radio-group.sc-ion-alert-md,.alert-checkbox-group.sc-ion-alert-md{position:relative;border-top:1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));border-bottom:1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));overflow:auto}@media screen and (max-width: 767px){.alert-radio-group.sc-ion-alert-md,.alert-checkbox-group.sc-ion-alert-md{max-height:266px}}.alert-tappable.sc-ion-alert-md{position:relative;min-height:48px}.alert-radio-label.sc-ion-alert-md{-webkit-padding-start:52px;padding-inline-start:52px;-webkit-padding-end:26px;padding-inline-end:26px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));font-size:1rem}.alert-radio-icon.sc-ion-alert-md{top:0;border-radius:50%;display:block;position:relative;width:20px;height:20px;border-width:2px;border-style:solid;border-color:var(--ion-color-step-550, var(--ion-background-color-step-550, #737373))}.alert-radio-icon.sc-ion-alert-md{inset-inline-start:26px}.alert-radio-inner.sc-ion-alert-md{top:3px;border-radius:50%;position:absolute;width:10px;height:10px;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--ion-color-primary, #0054e9)}.alert-radio-inner.sc-ion-alert-md{inset-inline-start:3px}[aria-checked=true].sc-ion-alert-md .alert-radio-label.sc-ion-alert-md{color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626))}[aria-checked=true].sc-ion-alert-md .alert-radio-icon.sc-ion-alert-md{border-color:var(--ion-color-primary, #0054e9)}[aria-checked=true].sc-ion-alert-md .alert-radio-inner.sc-ion-alert-md{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.alert-checkbox-label.sc-ion-alert-md{-webkit-padding-start:53px;padding-inline-start:53px;-webkit-padding-end:26px;padding-inline-end:26px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;width:calc(100% - 53px);color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));font-size:1rem}.alert-checkbox-icon.sc-ion-alert-md{top:0;border-radius:2px;position:relative;width:16px;height:16px;border-width:2px;border-style:solid;border-color:var(--ion-color-step-550, var(--ion-background-color-step-550, #737373));contain:strict}.alert-checkbox-icon.sc-ion-alert-md{inset-inline-start:26px}[aria-checked=true].sc-ion-alert-md .alert-checkbox-icon.sc-ion-alert-md{border-color:var(--ion-color-primary, #0054e9);background-color:var(--ion-color-primary, #0054e9)}[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{top:0;position:absolute;width:6px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-color-primary-contrast, #fff)}[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{inset-inline-start:3px}.alert-button-group.sc-ion-alert-md{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-ms-flex-pack:end;justify-content:flex-end}.alert-button.sc-ion-alert-md{border-radius:2px;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:0;margin-bottom:0;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;color:var(--ion-color-primary, #0054e9);font-weight:500;text-align:end;text-transform:uppercase;overflow:hidden}.alert-button-inner.sc-ion-alert-md{-ms-flex-pack:end;justify-content:flex-end}@media screen and (min-width: 768px){.sc-ion-alert-md-h{--max-width:min(100vw - 96px, 560px);--max-height:min(100vh - 96px, 560px)}}"}}},[34,"ion-alert",{overlayIndex:[2,"overlay-index"],delegate:[16],hasController:[4,"has-controller"],keyboardClose:[4,"keyboard-close"],enterAnimation:[16],leaveAnimation:[16],cssClass:[1,"css-class"],header:[1],subHeader:[1,"sub-header"],message:[1],buttons:[16],inputs:[1040],backdropDismiss:[4,"backdrop-dismiss"],translucent:[4],animated:[4],htmlAttributes:[16],isOpen:[4,"is-open"],trigger:[1],present:[64],dismiss:[64],onDidDismiss:[64],onWillDismiss:[64]},[[4,"keydown","onKeydown"]],{isOpen:[{onIsOpenChange:0}],trigger:[{triggerChanged:0}],buttons:[{buttonsChanged:0}],inputs:[{inputsChanged:0}]}]),H=i=>{var t,e,o;return Object.assign(Object.assign({"alert-input":!0,"alert-input-disabled":(null!==(e=null===(t=i.attributes)||void 0===t?void 0:t.disabled)&&void 0!==e?e:i.disabled)||!1},C(i.cssClass)),C(i.attributes?null===(o=i.attributes.class)||void 0===o?void 0:o.toString():""))},M=i=>Object.assign({"alert-button":!0,"ion-focusable":!0,"ion-activatable":!0,[`alert-button-role-${i.role}`]:void 0!==i.role},C(i.cssClass));function P(){"undefined"!=typeof customElements&&["ion-alert","ion-backdrop","ion-ripple-effect"].forEach((i=>{switch(i){case"ion-alert":customElements.get(s(i))||customElements.define(s(i),T);break;case"ion-backdrop":customElements.get(s(i))||I();break;case"ion-ripple-effect":customElements.get(s(i))||$()}}))}export{T as A,P as d}
|
|
4
|
+
import{p as i,H as t,e,c as o,f as r,i as n,h as a,d as l,t as s}from"./p-3Ni1Z654.js";import{E as c}from"./p-BwKpO3Is.js";import{c as d}from"./p-C00Y_WJv.js";import{r as p}from"./p-BqDiJgC_.js";import{c as b}from"./p-B-hirT0v.js";import{d as g,e as m,B as h,i as x,j as u,k as f,f as w,g as v,h as k,s as y}from"./p-CtiqM786.js";import{s as z}from"./p-Cmql_g3_.js";import{r as j}from"./p-C0U8YqYW.js";import{g as C}from"./p-DaJxRxSQ.js";import{c as O,b as A}from"./p-CVBkx7m1.js";import{c as D}from"./p-BO4aickU.js";import{d as I}from"./p-BFCM_1oE.js";import{d as $}from"./p-C-Vjb84N.js";const E=i=>{const t=D(),e=D(),o=D();return e.addElement(i.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),o.addElement(i.querySelector(".alert-wrapper")).keyframes([{offset:0,opacity:"0.01",transform:"scale(1.1)"},{offset:1,opacity:"1",transform:"scale(1)"}]),t.addElement(i).easing("ease-in-out").duration(200).addAnimation([e,o])},B=i=>{const t=D(),e=D(),o=D();return e.addElement(i.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),o.addElement(i.querySelector(".alert-wrapper")).keyframes([{offset:0,opacity:.99,transform:"scale(1)"},{offset:1,opacity:0,transform:"scale(0.9)"}]),t.addElement(i).easing("ease-in-out").duration(200).addAnimation([e,o])},W=i=>{const t=D(),e=D(),o=D();return e.addElement(i.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),o.addElement(i.querySelector(".alert-wrapper")).keyframes([{offset:0,opacity:"0.01",transform:"scale(0.9)"},{offset:1,opacity:"1",transform:"scale(1)"}]),t.addElement(i).easing("ease-in-out").duration(150).addAnimation([e,o])},L=i=>{const t=D(),e=D(),o=D();return e.addElement(i.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),o.addElement(i.querySelector(".alert-wrapper")).fromTo("opacity",.99,0),t.addElement(i).easing("ease-in-out").duration(150).addAnimation([e,o])},T=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.didPresent=e(this,"ionAlertDidPresent",7),this.willPresent=e(this,"ionAlertWillPresent",7),this.willDismiss=e(this,"ionAlertWillDismiss",7),this.didDismiss=e(this,"ionAlertDidDismiss",7),this.didPresentShorthand=e(this,"didPresent",7),this.willPresentShorthand=e(this,"willPresent",7),this.willDismissShorthand=e(this,"willDismiss",7),this.didDismissShorthand=e(this,"didDismiss",7),this.delegateController=g(this),this.lockController=b(),this.triggerController=m(),this.customHTMLEnabled=o.get("innerHTMLTemplatesEnabled",c),this.processedInputs=[],this.processedButtons=[],this.presented=!1,this.hasController=!1,this.keyboardClose=!0,this.buttons=[],this.inputs=[],this.backdropDismiss=!0,this.translucent=!1,this.animated=!0,this.isOpen=!1,this.onBackdropTap=()=>{this.dismiss(void 0,h)},this.dispatchCancelHandler=i=>{if(x(i.detail.role)){const i=this.processedButtons.find((i=>"cancel"===i.role));this.callButtonHandler(i)}}}onIsOpenChange(i,t){!0===i&&!1===t?this.present():!1===i&&!0===t&&this.dismiss()}triggerChanged(){const{trigger:i,el:t,triggerController:e}=this;i&&e.addClickListener(t,i)}onKeydown(i){var t;const e=new Set(this.processedInputs.map((i=>i.type)));if(e.has("checkbox")&&"Enter"===i.key)return void i.preventDefault();if(i.target.classList.contains("alert-wrapper")&&"Tab"===i.key&&i.shiftKey)return i.preventDefault(),void(null===(t=this.wrapperEl)||void 0===t?void 0:t.querySelector(".alert-button:last-child")).focus();if(!e.has("radio")||i.target&&!this.el.contains(i.target)||i.target.classList.contains("alert-button"))return;const o=this.el.querySelectorAll(".alert-radio"),r=Array.from(o).filter((i=>!i.disabled)),n=r.findIndex((t=>t.id===i.target.id));let a;if(["ArrowDown","ArrowRight"].includes(i.key)&&(a=n===r.length-1?r[0]:r[n+1]),["ArrowUp","ArrowLeft"].includes(i.key)&&(a=0===n?r[r.length-1]:r[n-1]),a&&r.includes(a)){const i=this.processedInputs.find((i=>i.id===(null==a?void 0:a.id)));i&&(this.rbClick(i),a.focus())}}buttonsChanged(){this.processedButtons=this.buttons.map((i=>"string"==typeof i?{text:i,role:"cancel"===i.toLowerCase()?"cancel":void 0}:i))}inputsChanged(){const i=this.inputs,t=i.find((i=>!i.disabled)),e=i.find((i=>i.checked&&!i.disabled))||t,o=new Set(i.map((i=>i.type)));o.has("checkbox")&&o.has("radio")&&r(`[ion-alert] - Alert cannot mix input types: ${Array.from(o.values()).join("/")}. Please see alert docs for more info.`),this.inputType=o.values().next().value,this.processedInputs=i.map(((i,t)=>{var o;return Object.assign(Object.assign({},i),{type:i.type||"text",name:i.name||`${t}`,placeholder:i.placeholder||"",checked:!!i.checked,disabled:!!i.disabled,id:i.id||`alert-input-${this.overlayIndex}-${t}`,cssClass:null!==(o=i.cssClass)&&void 0!==o?o:"",attributes:i.attributes||{},tabindex:"radio"===i.type&&i!==e?-1:0})}))}connectedCallback(){u(this.el),this.triggerChanged()}componentWillLoad(){var i;(null===(i=this.htmlAttributes)||void 0===i?void 0:i.id)||f(this.el),this.inputsChanged(),this.buttonsChanged()}disconnectedCallback(){this.triggerController.removeClickListener(),this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}componentDidLoad(){!this.gesture&&"ios"===O(this)&&this.wrapperEl&&(this.gesture=d(this.wrapperEl,(i=>i.classList.contains("alert-button"))),this.gesture.enable(!0)),!0===this.isOpen&&p((()=>this.present())),this.triggerChanged()}async present(){const i=await this.lockController.lock();await this.delegateController.attachViewToDom(),await w(this,"alertEnter",E,W).then((()=>{var i,t;1===this.buttons.length&&0===this.inputs.length?(null===(i=this.wrapperEl)||void 0===i?void 0:i.querySelector(".alert-button")).focus():null===(t=this.wrapperEl)||void 0===t||t.focus()})),i()}async dismiss(i,t){const e=await this.lockController.lock(),o=await v(this,i,t,"alertLeave",B,L);return o&&this.delegateController.removeViewFromDom(),e(),o}onDidDismiss(){return k(this.el,"ionAlertDidDismiss")}onWillDismiss(){return k(this.el,"ionAlertWillDismiss")}rbClick(i){for(const t of this.processedInputs)t.checked=t===i,t.tabindex=t===i?0:-1;this.activeId=i.id,y(i.handler,i),n(this)}cbClick(i){i.checked=!i.checked,y(i.handler,i),n(this)}async buttonClick(i){const t=i.role,e=this.getValues();if(x(t))return this.dismiss({values:e},t);const o=await this.callButtonHandler(i,e);return!1!==o&&this.dismiss(Object.assign({values:e},o),i.role)}async callButtonHandler(i,t){if(null==i?void 0:i.handler){const e=await y(i.handler,t);if(!1===e)return!1;if("object"==typeof e)return e}return{}}getValues(){if(0===this.processedInputs.length)return;if("radio"===this.inputType){const i=this.processedInputs.find((i=>!!i.checked));return i?i.value:void 0}if("checkbox"===this.inputType)return this.processedInputs.filter((i=>i.checked)).map((i=>i.value));const i={};return this.processedInputs.forEach((t=>{i[t.name]=t.value||""})),i}renderAlertInputs(){switch(this.inputType){case"checkbox":return this.renderCheckbox();case"radio":return this.renderRadio();default:return this.renderInput()}}renderCheckbox(){const i=this.processedInputs,t=A(this);return 0===i.length?null:a("div",{class:"alert-checkbox-group"},i.map((i=>{const e={id:i.id,label:i.label,startContent:i.startContent,endContent:i.endContent,description:i.description};return a("button",{type:"button",onClick:()=>this.cbClick(i),"aria-checked":`${i.checked}`,id:i.id,disabled:i.disabled,tabIndex:i.tabindex,role:"checkbox",class:Object.assign(Object.assign({},C(i.cssClass)),{"alert-tappable":!0,"alert-checkbox":!0,"alert-checkbox-button":!0,"ion-focusable":!0,"alert-checkbox-button-disabled":i.disabled||!1})},a("div",{class:"alert-button-inner"},a("div",{class:"alert-checkbox-icon"},a("div",{class:"alert-checkbox-inner"})),j(e,"alert-checkbox-label")),"md"===t&&a("ion-ripple-effect",null))})))}renderRadio(){const i=this.processedInputs;return 0===i.length?null:a("div",{class:"alert-radio-group",role:"radiogroup","aria-activedescendant":this.activeId},i.map((i=>{const t={id:i.id,label:i.label,startContent:i.startContent,endContent:i.endContent,description:i.description};return a("button",{type:"button",onClick:()=>this.rbClick(i),"aria-checked":`${i.checked}`,disabled:i.disabled,id:i.id,tabIndex:i.tabindex,class:Object.assign(Object.assign({},C(i.cssClass)),{"alert-radio-button":!0,"alert-tappable":!0,"alert-radio":!0,"ion-focusable":!0,"alert-radio-button-disabled":i.disabled||!1}),role:"radio"},a("div",{class:"alert-button-inner"},a("div",{class:"alert-radio-icon"},a("div",{class:"alert-radio-inner"})),j(t,"alert-radio-label")))})))}renderInput(){const i=this.processedInputs;return 0===i.length?null:a("div",{class:"alert-input-group"},i.map((i=>{var t,e,o,r;return a("div",{class:"alert-input-wrapper"},"textarea"===i.type?a("textarea",Object.assign({placeholder:i.placeholder,value:i.value,id:i.id,tabIndex:i.tabindex},i.attributes,{disabled:null!==(e=null===(t=i.attributes)||void 0===t?void 0:t.disabled)&&void 0!==e?e:i.disabled,class:H(i),onInput:t=>{var e;i.value=t.target.value,(null===(e=i.attributes)||void 0===e?void 0:e.onInput)&&i.attributes.onInput(t)}})):a("input",Object.assign({placeholder:i.placeholder,type:i.type,min:i.min,max:i.max,value:i.value,id:i.id,tabIndex:i.tabindex},i.attributes,{disabled:null!==(r=null===(o=i.attributes)||void 0===o?void 0:o.disabled)&&void 0!==r?r:i.disabled,class:H(i),onInput:t=>{var e;i.value=t.target.value,(null===(e=i.attributes)||void 0===e?void 0:e.onInput)&&i.attributes.onInput(t)}})))})))}renderAlertButtons(){const i=this.processedButtons,t=A(this);return a("div",{class:{"alert-button-group":!0,"alert-button-group-vertical":i.length>2}},i.map((i=>a("button",Object.assign({},i.htmlAttributes,{type:"button",id:i.id,class:M(i),tabIndex:0,onClick:()=>this.buttonClick(i)}),a("span",{class:"alert-button-inner"},i.text),"md"===t&&a("ion-ripple-effect",null)))))}renderAlertMessage(i){const{customHTMLEnabled:t,message:e}=this;return t?a("div",{id:i,class:"alert-message",innerHTML:z(e)}):a("div",{id:i,class:"alert-message"},e)}render(){const{overlayIndex:i,header:t,subHeader:e,message:o,htmlAttributes:r}=this,n=A(this),s=`alert-${i}-hdr`,c=`alert-${i}-msg`,d=`alert-${i}-sub-hdr`,p=this.inputs.length>0||this.buttons.length>0?"alertdialog":"alert",b=t&&e?`${s} ${d}`:t?s:e?d:null;return a(l,{key:"643939c4af9c1a68b60eea5724f8662f13bb3f72",tabindex:"-1",style:{zIndex:`${2e4+i}`},class:Object.assign(Object.assign({},C(this.cssClass)),{[n]:!0,"overlay-hidden":!0,"alert-translucent":this.translucent}),onIonAlertWillDismiss:this.dispatchCancelHandler,onIonBackdropTap:this.onBackdropTap},a("ion-backdrop",{key:"4780caec3fe71a8d5f2112b8b8726d5a7de91192",tappable:this.backdropDismiss}),a("div",{key:"cc401fcade02bfc557820d31554d5e054da79b28",tabindex:"0","aria-hidden":"true"}),a("div",Object.assign({key:"234caa09b6e0d224bdce0de0659dcdbd668cad91",class:"alert-wrapper ion-overlay-wrapper",role:p,"aria-modal":"true","aria-labelledby":b,"aria-describedby":void 0!==o?c:null,tabindex:"0",ref:i=>this.wrapperEl=i},r),a("div",{key:"c8c72cd019eace73b622f2510e533c281267c48a",class:"alert-head"},t&&a("h2",{key:"0d95f68560dbb67721476d184df0d8654a07959c",id:s,class:"alert-title"},t),e&&!t&&a("h2",{key:"6444463a2aeef3f076b0bfdfeba4387ced177826",id:d,class:"alert-sub-title"},e),e&&t&&a("h3",{key:"a92d7b54567152b57a8ccab6840e851c8fe5a47b",id:d,class:"alert-sub-title"},e)),this.renderAlertMessage(c),this.renderAlertInputs(),this.renderAlertButtons()),a("div",{key:"3ba2cdf15219f03123f6dd884eb7a4da38549c08",tabindex:"0","aria-hidden":"true"}))}get el(){return this}static get watchers(){return{isOpen:[{onIsOpenChange:0}],trigger:[{triggerChanged:0}],buttons:[{buttonsChanged:0}],inputs:[{inputsChanged:0}]}}static get style(){return{ionic:".sc-ion-alert-ionic-h{--min-width:250px;--width:auto;--min-height:auto;--height:auto;--max-height:90%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-alert-ionic-h{display:none}.alert-top.sc-ion-alert-ionic-h{padding-top:50px;-ms-flex-align:start;align-items:flex-start}.alert-wrapper.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:content;opacity:0;z-index:10}.alert-title.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-sub-title.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-weight:normal}.alert-message.sc-ion-alert-ionic,.alert-input-group.sc-ion-alert-ionic{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.alert-checkbox-label.sc-ion-alert-ionic,.alert-radio-label.sc-ion-alert-ionic{overflow-wrap:anywhere}@media (any-pointer: coarse){.alert-checkbox-group.sc-ion-alert-ionic::-webkit-scrollbar,.alert-radio-group.sc-ion-alert-ionic::-webkit-scrollbar,.alert-message.sc-ion-alert-ionic::-webkit-scrollbar{display:none}}.alert-input.sc-ion-alert-ionic{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;width:100%;border:0;background:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.alert-button-group.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.alert-button-group-vertical.sc-ion-alert-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.alert-button.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;border:0;font-size:0.875rem;line-height:1.25rem;z-index:0}.alert-button.ion-focused.sc-ion-alert-ionic,.alert-tappable.ion-focused.sc-ion-alert-ionic{background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.alert-button-inner.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit}.alert-input-disabled.sc-ion-alert-ionic,.alert-checkbox-button-disabled.sc-ion-alert-ionic .alert-button-inner.sc-ion-alert-ionic,.alert-radio-button-disabled.sc-ion-alert-ionic .alert-button-inner.sc-ion-alert-ionic{cursor:default;opacity:0.5;pointer-events:none}.alert-tappable.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;width:100%;border:0;background:transparent;font-size:inherit;line-height:initial;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:content}.alert-button.sc-ion-alert-ionic,.alert-checkbox.sc-ion-alert-ionic,.alert-input.sc-ion-alert-ionic,.alert-radio.sc-ion-alert-ionic{outline:none}.alert-radio-icon.sc-ion-alert-ionic,.alert-checkbox-icon.sc-ion-alert-ionic,.alert-checkbox-inner.sc-ion-alert-ionic{-webkit-box-sizing:border-box;box-sizing:border-box}textarea.alert-input.sc-ion-alert-ionic{min-height:37px;resize:none}.alert-radio-label.sc-ion-alert-ionic,.alert-checkbox-label.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-alert-ionic{-ms-flex:1;flex:1}.select-option-description.sc-ion-alert-ionic{display:block}.sc-ion-alert-ionic-h{--min-width:250px;--width:auto;--min-height:auto;--height:auto;--max-height:90%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-alert-ionic-h{display:none}.alert-top.sc-ion-alert-ionic-h{padding-top:50px;-ms-flex-align:start;align-items:flex-start}.alert-wrapper.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:content;opacity:0;z-index:10}.alert-title.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-sub-title.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-weight:normal}.alert-message.sc-ion-alert-ionic,.alert-input-group.sc-ion-alert-ionic{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.alert-checkbox-label.sc-ion-alert-ionic,.alert-radio-label.sc-ion-alert-ionic{overflow-wrap:anywhere}@media (any-pointer: coarse){.alert-checkbox-group.sc-ion-alert-ionic::-webkit-scrollbar,.alert-radio-group.sc-ion-alert-ionic::-webkit-scrollbar,.alert-message.sc-ion-alert-ionic::-webkit-scrollbar{display:none}}.alert-input.sc-ion-alert-ionic{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;width:100%;border:0;background:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.alert-button-group.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.alert-button-group-vertical.sc-ion-alert-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.alert-button.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;border:0;font-size:0.875rem;line-height:1.25rem;z-index:0}.alert-button.ion-focused.sc-ion-alert-ionic,.alert-tappable.ion-focused.sc-ion-alert-ionic{background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.alert-button-inner.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit}.alert-input-disabled.sc-ion-alert-ionic,.alert-checkbox-button-disabled.sc-ion-alert-ionic .alert-button-inner.sc-ion-alert-ionic,.alert-radio-button-disabled.sc-ion-alert-ionic .alert-button-inner.sc-ion-alert-ionic{cursor:default;opacity:0.5;pointer-events:none}.alert-tappable.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;width:100%;border:0;background:transparent;font-size:inherit;line-height:initial;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:content}.alert-button.sc-ion-alert-ionic,.alert-checkbox.sc-ion-alert-ionic,.alert-input.sc-ion-alert-ionic,.alert-radio.sc-ion-alert-ionic{outline:none}.alert-radio-icon.sc-ion-alert-ionic,.alert-checkbox-icon.sc-ion-alert-ionic,.alert-checkbox-inner.sc-ion-alert-ionic{-webkit-box-sizing:border-box;box-sizing:border-box}textarea.alert-input.sc-ion-alert-ionic{min-height:37px;resize:none}.alert-radio-label.sc-ion-alert-ionic,.alert-checkbox-label.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-alert-ionic{-ms-flex:1;flex:1}.select-option-description.sc-ion-alert-ionic{display:block}.alert-radio-label.sc-ion-alert-ionic,.alert-checkbox-label.sc-ion-alert-ionic{gap:12px}.select-option-description.sc-ion-alert-ionic{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.sc-ion-alert-ionic-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--max-width:280px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);font-size:0.875rem}.alert-wrapper.sc-ion-alert-ionic{border-radius:4px;-webkit-box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12)}.alert-head.sc-ion-alert-ionic{-webkit-padding-start:23px;padding-inline-start:23px;-webkit-padding-end:23px;padding-inline-end:23px;padding-top:20px;padding-bottom:15px;text-align:start}.alert-title.sc-ion-alert-ionic{color:var(--ion-text-color, #000);font-size:1.25rem;font-weight:500}.alert-sub-title.sc-ion-alert-ionic{color:var(--ion-text-color, #000);font-size:1rem}.alert-message.sc-ion-alert-ionic,.alert-input-group.sc-ion-alert-ionic{-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:20px;padding-bottom:20px;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.alert-message.sc-ion-alert-ionic{font-size:1rem}@media screen and (max-width: 767px){.alert-message.sc-ion-alert-ionic{max-height:266px}}.alert-message.sc-ion-alert-ionic:empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-head.sc-ion-alert-ionic+.alert-message.sc-ion-alert-ionic{padding-top:0}.alert-input.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;border-bottom:1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));color:var(--ion-text-color, #000)}.alert-input.sc-ion-alert-ionic::-webkit-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::-moz-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic:-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::-ms-clear{display:none}.alert-input.sc-ion-alert-ionic:focus{margin-bottom:4px;border-bottom:2px solid var(--ion-color-primary, #0054e9)}.alert-radio-group.sc-ion-alert-ionic,.alert-checkbox-group.sc-ion-alert-ionic{position:relative;border-top:1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));border-bottom:1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));overflow:auto}@media screen and (max-width: 767px){.alert-radio-group.sc-ion-alert-ionic,.alert-checkbox-group.sc-ion-alert-ionic{max-height:266px}}.alert-tappable.sc-ion-alert-ionic{position:relative;min-height:48px}.alert-radio-label.sc-ion-alert-ionic{-webkit-padding-start:52px;padding-inline-start:52px;-webkit-padding-end:26px;padding-inline-end:26px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));font-size:1rem}.alert-radio-icon.sc-ion-alert-ionic{top:0;border-radius:50%;display:block;position:relative;width:20px;height:20px;border-width:2px;border-style:solid;border-color:var(--ion-color-step-550, var(--ion-background-color-step-550, #737373))}.alert-radio-icon.sc-ion-alert-ionic{inset-inline-start:26px}.alert-radio-inner.sc-ion-alert-ionic{top:3px;border-radius:50%;position:absolute;width:10px;height:10px;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--ion-color-primary, #0054e9)}.alert-radio-inner.sc-ion-alert-ionic{inset-inline-start:3px}[aria-checked=true].sc-ion-alert-ionic .alert-radio-label.sc-ion-alert-ionic{color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626))}[aria-checked=true].sc-ion-alert-ionic .alert-radio-icon.sc-ion-alert-ionic{border-color:var(--ion-color-primary, #0054e9)}[aria-checked=true].sc-ion-alert-ionic .alert-radio-inner.sc-ion-alert-ionic{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.alert-checkbox-label.sc-ion-alert-ionic{-webkit-padding-start:53px;padding-inline-start:53px;-webkit-padding-end:26px;padding-inline-end:26px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;width:calc(100% - 53px);color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));font-size:1rem}.alert-checkbox-icon.sc-ion-alert-ionic{top:0;border-radius:2px;position:relative;width:16px;height:16px;border-width:2px;border-style:solid;border-color:var(--ion-color-step-550, var(--ion-background-color-step-550, #737373));contain:strict}.alert-checkbox-icon.sc-ion-alert-ionic{inset-inline-start:26px}[aria-checked=true].sc-ion-alert-ionic .alert-checkbox-icon.sc-ion-alert-ionic{border-color:var(--ion-color-primary, #0054e9);background-color:var(--ion-color-primary, #0054e9)}[aria-checked=true].sc-ion-alert-ionic .alert-checkbox-inner.sc-ion-alert-ionic{top:0;position:absolute;width:6px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-color-primary-contrast, #fff)}[aria-checked=true].sc-ion-alert-ionic .alert-checkbox-inner.sc-ion-alert-ionic{inset-inline-start:3px}.alert-button-group.sc-ion-alert-ionic{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-ms-flex-pack:end;justify-content:flex-end}.alert-button.sc-ion-alert-ionic{border-radius:2px;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:0;margin-bottom:0;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;color:var(--ion-color-primary, #0054e9);font-weight:500;text-align:end;text-transform:uppercase;overflow:hidden}.alert-button-inner.sc-ion-alert-ionic{-ms-flex-pack:end;justify-content:flex-end}@media screen and (min-width: 768px){.sc-ion-alert-ionic-h{--max-width:min(100vw - 96px, 560px);--max-height:min(100vh - 96px, 560px)}}.alert-radio-label.sc-ion-alert-ionic,.alert-checkbox-label.sc-ion-alert-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-alert-ionic{font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));font-size:var(--token-font-size-350, 0.875rem)}",ios:".sc-ion-alert-ios-h{--min-width:250px;--width:auto;--min-height:auto;--height:auto;--max-height:90%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-alert-ios-h{display:none}.alert-top.sc-ion-alert-ios-h{padding-top:50px;-ms-flex-align:start;align-items:flex-start}.alert-wrapper.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:content;opacity:0;z-index:10}.alert-title.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-sub-title.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-weight:normal}.alert-message.sc-ion-alert-ios,.alert-input-group.sc-ion-alert-ios{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.alert-checkbox-label.sc-ion-alert-ios,.alert-radio-label.sc-ion-alert-ios{overflow-wrap:anywhere}@media (any-pointer: coarse){.alert-checkbox-group.sc-ion-alert-ios::-webkit-scrollbar,.alert-radio-group.sc-ion-alert-ios::-webkit-scrollbar,.alert-message.sc-ion-alert-ios::-webkit-scrollbar{display:none}}.alert-input.sc-ion-alert-ios{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;width:100%;border:0;background:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.alert-button-group.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.alert-button-group-vertical.sc-ion-alert-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.alert-button.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;border:0;font-size:0.875rem;line-height:1.25rem;z-index:0}.alert-button.ion-focused.sc-ion-alert-ios,.alert-tappable.ion-focused.sc-ion-alert-ios{background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.alert-button-inner.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit}.alert-input-disabled.sc-ion-alert-ios,.alert-checkbox-button-disabled.sc-ion-alert-ios .alert-button-inner.sc-ion-alert-ios,.alert-radio-button-disabled.sc-ion-alert-ios .alert-button-inner.sc-ion-alert-ios{cursor:default;opacity:0.5;pointer-events:none}.alert-tappable.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;width:100%;border:0;background:transparent;font-size:inherit;line-height:initial;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:content}.alert-button.sc-ion-alert-ios,.alert-checkbox.sc-ion-alert-ios,.alert-input.sc-ion-alert-ios,.alert-radio.sc-ion-alert-ios{outline:none}.alert-radio-icon.sc-ion-alert-ios,.alert-checkbox-icon.sc-ion-alert-ios,.alert-checkbox-inner.sc-ion-alert-ios{-webkit-box-sizing:border-box;box-sizing:border-box}textarea.alert-input.sc-ion-alert-ios{min-height:37px;resize:none}.alert-radio-label.sc-ion-alert-ios,.alert-checkbox-label.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-alert-ios{-ms-flex:1;flex:1}.select-option-description.sc-ion-alert-ios{display:block}.alert-radio-label.sc-ion-alert-ios,.alert-checkbox-label.sc-ion-alert-ios{gap:12px}.select-option-description.sc-ion-alert-ios{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.sc-ion-alert-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--max-width:clamp(270px, 16.875rem, 324px);--backdrop-opacity:var(--ion-backdrop-opacity, 0.3);font-size:max(14px, 0.875rem)}.alert-wrapper.sc-ion-alert-ios{border-radius:13px;-webkit-box-shadow:none;box-shadow:none;overflow:hidden}.alert-button.sc-ion-alert-ios .alert-button-inner.sc-ion-alert-ios{pointer-events:none}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.alert-translucent.sc-ion-alert-ios-h .alert-wrapper.sc-ion-alert-ios{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.alert-head.sc-ion-alert-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:7px;text-align:center}.alert-title.sc-ion-alert-ios{margin-top:8px;color:var(--ion-text-color, #000);font-size:max(17px, 1.0625rem);font-weight:600}.alert-sub-title.sc-ion-alert-ios{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));font-size:max(14px, 0.875rem)}.alert-message.sc-ion-alert-ios,.alert-input-group.sc-ion-alert-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0;padding-bottom:21px;color:var(--ion-text-color, #000);font-size:max(13px, 0.8125rem);text-align:center}.alert-message.sc-ion-alert-ios{max-height:240px}.alert-message.sc-ion-alert-ios:empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:12px}.alert-input.sc-ion-alert-ios{border-radius:7px;margin-top:10px;-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px;padding-top:7px;padding-bottom:7px;border:0.55px solid var(--ion-color-step-250, var(--ion-background-color-step-250, #bfbfbf));background-color:var(--ion-background-color, #fff);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1rem}.alert-input.sc-ion-alert-ios::-webkit-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::-moz-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios:-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::-ms-clear{display:none}.alert-input.sc-ion-alert-ios::-webkit-date-and-time-value{height:18px}.alert-radio-group.sc-ion-alert-ios,.alert-checkbox-group.sc-ion-alert-ios{-ms-scroll-chaining:none;overscroll-behavior:contain;max-height:240px;border-top:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2);overflow-y:auto;-webkit-overflow-scrolling:touch}.alert-tappable.sc-ion-alert-ios{min-height:44px}.alert-radio-label.sc-ion-alert-ios{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;-ms-flex-order:0;order:0;color:var(--ion-text-color, #000)}[aria-checked=true].sc-ion-alert-ios .alert-radio-label.sc-ion-alert-ios{color:var(--ion-color-primary, #0054e9)}.alert-radio-icon.sc-ion-alert-ios{position:relative;-ms-flex-order:1;order:1;min-width:30px}[aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{top:-7px;position:absolute;width:6px;height:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-color-primary, #0054e9)}[aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{inset-inline-start:7px}.alert-checkbox-label.sc-ion-alert-ios{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;color:var(--ion-text-color, #000)}.alert-checkbox-icon.sc-ion-alert-ios{border-radius:50%;-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:6px;margin-inline-end:6px;margin-top:10px;margin-bottom:10px;position:relative;width:min(1.375rem, 55.836px);height:min(1.375rem, 55.836px);border-width:0.125rem;border-style:solid;border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));background-color:var(--ion-item-background, var(--ion-background-color, #fff));contain:strict}[aria-checked=true].sc-ion-alert-ios .alert-checkbox-icon.sc-ion-alert-ios{border-color:var(--ion-color-primary, #0054e9);background-color:var(--ion-color-primary, #0054e9)}[aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{top:calc(min(1.375rem, 55.836px) / 8);position:absolute;width:calc(min(1.375rem, 55.836px) / 6 + 1px);height:calc(min(1.375rem, 55.836px) * 0.5);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:0.125rem;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-background-color, #fff)}[aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{inset-inline-start:calc(min(1.375rem, 55.836px) / 3)}.alert-button-group.sc-ion-alert-ios{-webkit-margin-end:-0.55px;margin-inline-end:-0.55px;-ms-flex-wrap:wrap;flex-wrap:wrap}.alert-button-group-vertical.sc-ion-alert-ios .alert-button.sc-ion-alert-ios{border-right:none}[dir=rtl].sc-ion-alert-ios-h .alert-button-group-vertical.sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child,[dir=rtl] .sc-ion-alert-ios-h .alert-button-group-vertical.sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child{border-right:none}[dir=rtl].sc-ion-alert-ios .alert-button-group-vertical.sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child{border-right:none}@supports selector(:dir(rtl)){.alert-button-group-vertical.sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child:dir(rtl){border-right:none}}.alert-button.sc-ion-alert-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:0;-ms-flex:1 1 auto;flex:1 1 auto;min-width:50%;height:max(44px, 2.75rem);border-top:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2);border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2);background-color:transparent;color:var(--ion-color-primary, #0054e9);font-size:max(17px, 1.0625rem);overflow:hidden}[dir=rtl].sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:first-child,[dir=rtl] .sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:first-child{border-right:0}[dir=rtl].sc-ion-alert-ios .alert-button.sc-ion-alert-ios:first-child{border-right:0}@supports selector(:dir(rtl)){.alert-button.sc-ion-alert-ios:first-child:dir(rtl){border-right:0}}.alert-button.sc-ion-alert-ios:last-child{border-right:0;font-weight:bold}[dir=rtl].sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:last-child,[dir=rtl] .sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:last-child{border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}[dir=rtl].sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child{border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@supports selector(:dir(rtl)){.alert-button.sc-ion-alert-ios:last-child:dir(rtl){border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}}.alert-button.ion-activated.sc-ion-alert-ios{background-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}.alert-button-role-destructive.sc-ion-alert-ios,.alert-button-role-destructive.ion-activated.sc-ion-alert-ios,.alert-button-role-destructive.ion-focused.sc-ion-alert-ios{color:var(--ion-color-danger, #c5000f)}",md:".sc-ion-alert-md-h{--min-width:250px;--width:auto;--min-height:auto;--height:auto;--max-height:90%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-alert-md-h{display:none}.alert-top.sc-ion-alert-md-h{padding-top:50px;-ms-flex-align:start;align-items:flex-start}.alert-wrapper.sc-ion-alert-md{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:content;opacity:0;z-index:10}.alert-title.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-sub-title.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-weight:normal}.alert-message.sc-ion-alert-md,.alert-input-group.sc-ion-alert-md{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.alert-checkbox-label.sc-ion-alert-md,.alert-radio-label.sc-ion-alert-md{overflow-wrap:anywhere}@media (any-pointer: coarse){.alert-checkbox-group.sc-ion-alert-md::-webkit-scrollbar,.alert-radio-group.sc-ion-alert-md::-webkit-scrollbar,.alert-message.sc-ion-alert-md::-webkit-scrollbar{display:none}}.alert-input.sc-ion-alert-md{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;width:100%;border:0;background:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.alert-button-group.sc-ion-alert-md{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.alert-button-group-vertical.sc-ion-alert-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.alert-button.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;border:0;font-size:0.875rem;line-height:1.25rem;z-index:0}.alert-button.ion-focused.sc-ion-alert-md,.alert-tappable.ion-focused.sc-ion-alert-md{background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.alert-button-inner.sc-ion-alert-md{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit}.alert-input-disabled.sc-ion-alert-md,.alert-checkbox-button-disabled.sc-ion-alert-md .alert-button-inner.sc-ion-alert-md,.alert-radio-button-disabled.sc-ion-alert-md .alert-button-inner.sc-ion-alert-md{cursor:default;opacity:0.5;pointer-events:none}.alert-tappable.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;width:100%;border:0;background:transparent;font-size:inherit;line-height:initial;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:content}.alert-button.sc-ion-alert-md,.alert-checkbox.sc-ion-alert-md,.alert-input.sc-ion-alert-md,.alert-radio.sc-ion-alert-md{outline:none}.alert-radio-icon.sc-ion-alert-md,.alert-checkbox-icon.sc-ion-alert-md,.alert-checkbox-inner.sc-ion-alert-md{-webkit-box-sizing:border-box;box-sizing:border-box}textarea.alert-input.sc-ion-alert-md{min-height:37px;resize:none}.alert-radio-label.sc-ion-alert-md,.alert-checkbox-label.sc-ion-alert-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-alert-md{-ms-flex:1;flex:1}.select-option-description.sc-ion-alert-md{display:block}.alert-radio-label.sc-ion-alert-md,.alert-checkbox-label.sc-ion-alert-md{gap:12px}.select-option-description.sc-ion-alert-md{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.sc-ion-alert-md-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--max-width:280px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);font-size:0.875rem}.alert-wrapper.sc-ion-alert-md{border-radius:4px;-webkit-box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12)}.alert-head.sc-ion-alert-md{-webkit-padding-start:23px;padding-inline-start:23px;-webkit-padding-end:23px;padding-inline-end:23px;padding-top:20px;padding-bottom:15px;text-align:start}.alert-title.sc-ion-alert-md{color:var(--ion-text-color, #000);font-size:1.25rem;font-weight:500}.alert-sub-title.sc-ion-alert-md{color:var(--ion-text-color, #000);font-size:1rem}.alert-message.sc-ion-alert-md,.alert-input-group.sc-ion-alert-md{-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:20px;padding-bottom:20px;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.alert-message.sc-ion-alert-md{font-size:1rem}@media screen and (max-width: 767px){.alert-message.sc-ion-alert-md{max-height:266px}}.alert-message.sc-ion-alert-md:empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-head.sc-ion-alert-md+.alert-message.sc-ion-alert-md{padding-top:0}.alert-input.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;border-bottom:1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));color:var(--ion-text-color, #000)}.alert-input.sc-ion-alert-md::-webkit-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::-moz-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md:-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::-ms-clear{display:none}.alert-input.sc-ion-alert-md:focus{margin-bottom:4px;border-bottom:2px solid var(--ion-color-primary, #0054e9)}.alert-radio-group.sc-ion-alert-md,.alert-checkbox-group.sc-ion-alert-md{position:relative;border-top:1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));border-bottom:1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));overflow:auto}@media screen and (max-width: 767px){.alert-radio-group.sc-ion-alert-md,.alert-checkbox-group.sc-ion-alert-md{max-height:266px}}.alert-tappable.sc-ion-alert-md{position:relative;min-height:48px}.alert-radio-label.sc-ion-alert-md{-webkit-padding-start:52px;padding-inline-start:52px;-webkit-padding-end:26px;padding-inline-end:26px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));font-size:1rem}.alert-radio-icon.sc-ion-alert-md{top:0;border-radius:50%;display:block;position:relative;width:20px;height:20px;border-width:2px;border-style:solid;border-color:var(--ion-color-step-550, var(--ion-background-color-step-550, #737373))}.alert-radio-icon.sc-ion-alert-md{inset-inline-start:26px}.alert-radio-inner.sc-ion-alert-md{top:3px;border-radius:50%;position:absolute;width:10px;height:10px;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--ion-color-primary, #0054e9)}.alert-radio-inner.sc-ion-alert-md{inset-inline-start:3px}[aria-checked=true].sc-ion-alert-md .alert-radio-label.sc-ion-alert-md{color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626))}[aria-checked=true].sc-ion-alert-md .alert-radio-icon.sc-ion-alert-md{border-color:var(--ion-color-primary, #0054e9)}[aria-checked=true].sc-ion-alert-md .alert-radio-inner.sc-ion-alert-md{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.alert-checkbox-label.sc-ion-alert-md{-webkit-padding-start:53px;padding-inline-start:53px;-webkit-padding-end:26px;padding-inline-end:26px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;width:calc(100% - 53px);color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));font-size:1rem}.alert-checkbox-icon.sc-ion-alert-md{top:0;border-radius:2px;position:relative;width:16px;height:16px;border-width:2px;border-style:solid;border-color:var(--ion-color-step-550, var(--ion-background-color-step-550, #737373));contain:strict}.alert-checkbox-icon.sc-ion-alert-md{inset-inline-start:26px}[aria-checked=true].sc-ion-alert-md .alert-checkbox-icon.sc-ion-alert-md{border-color:var(--ion-color-primary, #0054e9);background-color:var(--ion-color-primary, #0054e9)}[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{top:0;position:absolute;width:6px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-color-primary-contrast, #fff)}[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{inset-inline-start:3px}.alert-button-group.sc-ion-alert-md{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-ms-flex-pack:end;justify-content:flex-end}.alert-button.sc-ion-alert-md{border-radius:2px;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:0;margin-bottom:0;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;color:var(--ion-color-primary, #0054e9);font-weight:500;text-align:end;text-transform:uppercase;overflow:hidden}.alert-button-inner.sc-ion-alert-md{-ms-flex-pack:end;justify-content:flex-end}@media screen and (min-width: 768px){.sc-ion-alert-md-h{--max-width:min(100vw - 96px, 560px);--max-height:min(100vh - 96px, 560px)}}"}}},[34,"ion-alert",{overlayIndex:[2,"overlay-index"],delegate:[16],hasController:[4,"has-controller"],keyboardClose:[4,"keyboard-close"],enterAnimation:[16],leaveAnimation:[16],cssClass:[1,"css-class"],header:[1],subHeader:[1,"sub-header"],message:[1],buttons:[16],inputs:[1040],backdropDismiss:[4,"backdrop-dismiss"],translucent:[4],animated:[4],htmlAttributes:[16],isOpen:[4,"is-open"],trigger:[1],present:[64],dismiss:[64],onDidDismiss:[64],onWillDismiss:[64]},[[4,"keydown","onKeydown"]],{isOpen:[{onIsOpenChange:0}],trigger:[{triggerChanged:0}],buttons:[{buttonsChanged:0}],inputs:[{inputsChanged:0}]}]),H=i=>{var t,e,o;return Object.assign(Object.assign({"alert-input":!0,"alert-input-disabled":(null!==(e=null===(t=i.attributes)||void 0===t?void 0:t.disabled)&&void 0!==e?e:i.disabled)||!1},C(i.cssClass)),C(i.attributes?null===(o=i.attributes.class)||void 0===o?void 0:o.toString():""))},M=i=>Object.assign({"alert-button":!0,"ion-focusable":!0,"ion-activatable":!0,[`alert-button-role-${i.role}`]:void 0!==i.role},C(i.cssClass));function P(){"undefined"!=typeof customElements&&["ion-alert","ion-backdrop","ion-ripple-effect"].forEach((i=>{switch(i){case"ion-alert":customElements.get(s(i))||customElements.define(s(i),T);break;case"ion-backdrop":customElements.get(s(i))||I();break;case"ion-ripple-effect":customElements.get(s(i))||$()}}))}export{T as A,P as d}
|
|
@@ -1068,7 +1068,7 @@ const Header = class {
|
|
|
1068
1068
|
const isCondensed = collapse === 'condense';
|
|
1069
1069
|
// banner role must be at top level, so remove role if inside a menu
|
|
1070
1070
|
const roleType = getRoleType(theme.hostContext('ion-menu', this.el), isCondensed, theme$1);
|
|
1071
|
-
return (index.h(index.Host, Object.assign({ key: '
|
|
1071
|
+
return (index.h(index.Host, Object.assign({ key: '3395dedfd5165ba6e9f3ad1a25f0bb5b3678704a', role: roleType, class: {
|
|
1072
1072
|
[theme$1]: true,
|
|
1073
1073
|
// Used internally for styling
|
|
1074
1074
|
[`header-${theme$1}`]: true,
|
|
@@ -1076,7 +1076,7 @@ const Header = class {
|
|
|
1076
1076
|
[`header-collapse-${collapse}`]: true,
|
|
1077
1077
|
[`header-translucent-${theme$1}`]: this.translucent,
|
|
1078
1078
|
['header-divider']: divider,
|
|
1079
|
-
} }, inheritedAttributes), theme$1 !== 'md' && translucent && index.h("div", { key: '
|
|
1079
|
+
} }, inheritedAttributes), theme$1 !== 'md' && translucent && index.h("div", { key: 'cafeb88b6e73d64b264514ea46590fd3477b3052', class: "header-background" }), index.h("slot", { key: 'ad681aaf866d7e7a5e5e731c0b5d6f5cc9fe94d2' })));
|
|
1080
1080
|
}
|
|
1081
1081
|
get el() { return index.getElement(this); }
|
|
1082
1082
|
};
|
|
@@ -1263,7 +1263,7 @@ const RouterOutlet = class {
|
|
|
1263
1263
|
return true;
|
|
1264
1264
|
}
|
|
1265
1265
|
render() {
|
|
1266
|
-
return index.h("slot", { key: '
|
|
1266
|
+
return index.h("slot", { key: '56e3d06ed939755796058e30ef19fbc7f7cb490d' });
|
|
1267
1267
|
}
|
|
1268
1268
|
get el() { return index.getElement(this); }
|
|
1269
1269
|
static get watchers() { return {
|
|
@@ -1303,11 +1303,11 @@ const ToolbarTitle = class {
|
|
|
1303
1303
|
render() {
|
|
1304
1304
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
1305
1305
|
const size = this.getSize();
|
|
1306
|
-
return (index.h(index.Host, { key: '
|
|
1306
|
+
return (index.h(index.Host, { key: 'd64e86bed418cba707d4a26c9274f18ed06c0e9e', class: theme.createColorClasses(this.color, {
|
|
1307
1307
|
[theme$1]: true,
|
|
1308
1308
|
[`title-${size}`]: true,
|
|
1309
1309
|
'title-rtl': document.dir === 'rtl',
|
|
1310
|
-
}) }, index.h("div", { key: '
|
|
1310
|
+
}) }, index.h("div", { key: '386a71e974cde0bfbf5b655d69ed5f718de8ce48', class: "toolbar-title" }, index.h("slot", { key: '8aa804c9e1b11574a42268805d3117a085e699b4' }))));
|
|
1311
1311
|
}
|
|
1312
1312
|
get el() { return index.getElement(this); }
|
|
1313
1313
|
static get watchers() { return {
|
|
@@ -1553,11 +1553,11 @@ const Toolbar = class {
|
|
|
1553
1553
|
Object.assign(childStyles, style);
|
|
1554
1554
|
});
|
|
1555
1555
|
const titlePlacement = this.getTitlePlacement();
|
|
1556
|
-
return (index.h(index.Host, { key: '
|
|
1556
|
+
return (index.h(index.Host, { key: 'bcb621674157410d7eaeb006779bdd677346587e', class: Object.assign(Object.assign({}, theme.createColorClasses(this.color, {
|
|
1557
1557
|
[theme$1]: true,
|
|
1558
1558
|
'in-toolbar': theme.hostContext('ion-toolbar', this.el),
|
|
1559
1559
|
[`toolbar-title-placement-${titlePlacement}`]: true,
|
|
1560
|
-
})), childStyles) }, index.h("div", { key: '
|
|
1560
|
+
})), childStyles) }, index.h("div", { key: '0d31a98b2571b9a0ae142fbdfd83e2ebdcd8e069', class: "toolbar-background", part: "background" }), index.h("div", { key: 'de938534c487c6cb4060dac44b40c2d872130f50', class: "toolbar-container", part: "container" }, index.h("slot", { key: 'a337150d353e439eae67c31ff86e383ed51f3d8f', name: "start", onSlotchange: () => this.updateSlotClasses }), index.h("slot", { key: '02effd3ce0cdad5ec5645fa58ccb329321449190', name: "secondary", onSlotchange: () => this.updateSlotClasses }), index.h("div", { key: '3e22f5feda2aea02117bdea2fe8a4b8905ba82f6', class: "toolbar-content", part: "content" }, index.h("slot", { key: 'ebf828643ff05a8bf662a54715d21d0859168d31' })), index.h("slot", { key: 'a6940648dfe25a7aa8792a1bd9267437274f333c', name: "primary", onSlotchange: () => this.updateSlotClasses }), index.h("slot", { key: 'afb1d61aa0e430fcf483ba482af64762474e06fe', name: "end", onSlotchange: () => this.updateSlotClasses }))));
|
|
1561
1561
|
}
|
|
1562
1562
|
get el() { return index.getElement(this); }
|
|
1563
1563
|
static get watchers() { return {
|
|
@@ -161,9 +161,9 @@ const Thumbnail = class {
|
|
|
161
161
|
}
|
|
162
162
|
render() {
|
|
163
163
|
const theme = ionicGlobal.getIonTheme(this);
|
|
164
|
-
return (index.h(index.Host, { key: '
|
|
164
|
+
return (index.h(index.Host, { key: 'fdf9d92949a1e8cf6faded77ffed084f74fc040b', class: {
|
|
165
165
|
[theme]: true,
|
|
166
|
-
} }, index.h("slot", { key: '
|
|
166
|
+
} }, index.h("slot", { key: 'e1b1439c035d9a9503efd1c1a04aed9f4e8e0af7' })));
|
|
167
167
|
}
|
|
168
168
|
};
|
|
169
169
|
Thumbnail.style = thumbnailCss();
|
|
@@ -128,10 +128,10 @@ const Grid = class {
|
|
|
128
128
|
}
|
|
129
129
|
render() {
|
|
130
130
|
const theme = ionicGlobal.getIonTheme(this);
|
|
131
|
-
return (index.h(index.Host, { key: '
|
|
131
|
+
return (index.h(index.Host, { key: 'e3320fc2fc5391d26898cc119505cd3be30dd48b', class: {
|
|
132
132
|
[theme]: true,
|
|
133
133
|
'grid-fixed': this.fixed,
|
|
134
|
-
} }, index.h("slot", { key: '
|
|
134
|
+
} }, index.h("slot", { key: '2000e6b336c294aadf4585269c301d734d2fe478' })));
|
|
135
135
|
}
|
|
136
136
|
};
|
|
137
137
|
Grid.style = gridCss();
|
|
@@ -144,9 +144,9 @@ const Row = class {
|
|
|
144
144
|
}
|
|
145
145
|
render() {
|
|
146
146
|
const theme = ionicGlobal.getIonTheme(this);
|
|
147
|
-
return (index.h(index.Host, { key: '
|
|
147
|
+
return (index.h(index.Host, { key: '3a3c40062d2d0487c61dedbb172215b87bb425b1', class: {
|
|
148
148
|
[theme]: true,
|
|
149
|
-
} }, index.h("slot", { key: '
|
|
149
|
+
} }, index.h("slot", { key: '164f457f6f7853ed8f7279d20bc6ede6cf9d3e5c' })));
|
|
150
150
|
}
|
|
151
151
|
};
|
|
152
152
|
Row.style = rowCss();
|
|
@@ -2311,11 +2311,11 @@ const Picker = class {
|
|
|
2311
2311
|
render() {
|
|
2312
2312
|
const { htmlAttributes } = this;
|
|
2313
2313
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
2314
|
-
return (index.h(index.Host, Object.assign({ key: '
|
|
2314
|
+
return (index.h(index.Host, Object.assign({ key: '681ad6d20efa16f1d6c6f9a7d03caec2b17ff36e', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
|
|
2315
2315
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
2316
2316
|
}, class: Object.assign({ [theme$1]: true,
|
|
2317
2317
|
// Used internally for styling
|
|
2318
|
-
[`picker-${theme$1}`]: true, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), index.h("ion-backdrop", { key: '
|
|
2318
|
+
[`picker-${theme$1}`]: true, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), index.h("ion-backdrop", { key: '6dc71805810955048479c2a6eddce2303161cb8f', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: '0e61724c261c9d69ba23d3cb9064018942755033', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: 'a6ca79c9a5fce42b5aad6808802535c723f27fb9', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, index.h("div", { key: '7651cbe9d723bba032788d85711e0f7c1dc32c21', class: "picker-toolbar" }, this.buttons.map((b) => (index.h("div", { class: buttonWrapperClass(b) }, index.h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), index.h("div", { key: 'd6b83aded670bc74515c337c038503e396ab42cc', class: "picker-columns" }, index.h("div", { key: '1dfef6ed386d7b327dc19397cc9f01c3938fbab9', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => index.h("ion-picker-legacy-column", { col: c })), index.h("div", { key: 'ec8b2f4de073a245f8917a494a681adf5d1f94f6', class: "picker-below-highlight" }))), index.h("div", { key: '8557ce93083feefa5deb6097270d756424f89ab2', tabindex: "0", "aria-hidden": "true" })));
|
|
2319
2319
|
}
|
|
2320
2320
|
get el() { return index.getElement(this); }
|
|
2321
2321
|
static get watchers() { return {
|
|
@@ -2673,9 +2673,9 @@ const PickerColumnCmp = class {
|
|
|
2673
2673
|
render() {
|
|
2674
2674
|
const col = this.col;
|
|
2675
2675
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
2676
|
-
return (index.h(index.Host, { key: '
|
|
2676
|
+
return (index.h(index.Host, { key: 'aed1c1a702e03765d704f6f563fe26df58e68bbf', class: Object.assign({ [theme$1]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, theme.getClassMap(col.cssClass)), style: {
|
|
2677
2677
|
'max-width': this.col.columnWidth,
|
|
2678
|
-
} }, col.prefix && (index.h("div", { key: '
|
|
2678
|
+
} }, col.prefix && (index.h("div", { key: 'a6fae778eec5d57dba4b36b3e448c5c12fe0688b', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), index.h("div", { key: '1b77354fe5eeeeb4db94fab035a9ef5e45d695ac', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index$1) => (index.h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index$1 }, o.text)))), col.suffix && (index.h("div", { key: '105286ef7ba6eac0796f5af7d6f1daef7107444a', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
|
|
2679
2679
|
}
|
|
2680
2680
|
get el() { return index.getElement(this); }
|
|
2681
2681
|
static get watchers() { return {
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
+
*/
|
|
4
|
+
'use strict';
|
|
5
|
+
|
|
6
|
+
var index = require('./index-CzcLEdQ5.js');
|
|
7
|
+
var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
|
|
8
|
+
|
|
9
|
+
const galleryItemCss = () => `:host{display:contents}:host(.in-gallery-layout-uniform) ::slotted(*){aspect-ratio:1/1}:host(.in-gallery-layout-masonry){min-height:unset;margin-bottom:var(--internal-gallery-gap, 16px)}::slotted(*){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%}::slotted(img){display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}`;
|
|
10
|
+
|
|
11
|
+
const GalleryItem = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.hasWarnedInvalidParent = false;
|
|
15
|
+
this.onSlotChange = () => {
|
|
16
|
+
this.warnInvalidParent();
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
componentWillLoad() {
|
|
20
|
+
var _a;
|
|
21
|
+
this.galleryEl = (_a = this.el.closest('ion-gallery')) !== null && _a !== void 0 ? _a : undefined;
|
|
22
|
+
this.syncLayoutClasses();
|
|
23
|
+
}
|
|
24
|
+
componentDidLoad() {
|
|
25
|
+
this.watchGalleryLayoutClasses();
|
|
26
|
+
this.warnInvalidParent();
|
|
27
|
+
}
|
|
28
|
+
disconnectedCallback() {
|
|
29
|
+
var _a;
|
|
30
|
+
(_a = this.galleryClassObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
31
|
+
this.galleryClassObserver = undefined;
|
|
32
|
+
this.galleryEl = undefined;
|
|
33
|
+
}
|
|
34
|
+
warnInvalidParent() {
|
|
35
|
+
if (this.hasWarnedInvalidParent || this.galleryEl !== undefined) {
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
index.printIonWarning('[ion-gallery-item] - This component should be used as a child of an "ion-gallery" component.', this.el);
|
|
39
|
+
this.hasWarnedInvalidParent = true;
|
|
40
|
+
}
|
|
41
|
+
watchGalleryLayoutClasses() {
|
|
42
|
+
var _a;
|
|
43
|
+
const galleryEl = this.galleryEl;
|
|
44
|
+
if (galleryEl === undefined) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
(_a = this.galleryClassObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
48
|
+
this.galleryClassObserver = new MutationObserver(() => this.syncLayoutClasses());
|
|
49
|
+
this.galleryClassObserver.observe(galleryEl, {
|
|
50
|
+
attributes: true,
|
|
51
|
+
attributeFilter: ['class'],
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
syncLayoutClasses() {
|
|
55
|
+
var _a;
|
|
56
|
+
const layout = (_a = this.galleryEl) === null || _a === void 0 ? void 0 : _a.layout;
|
|
57
|
+
this.galleryLayout = layout === 'masonry' || layout === 'uniform' ? layout : undefined;
|
|
58
|
+
}
|
|
59
|
+
render() {
|
|
60
|
+
const { galleryLayout } = this;
|
|
61
|
+
const theme = ionicGlobal.getIonTheme(this);
|
|
62
|
+
return (index.h(index.Host, { key: 'dbd9b9e005aa151981296e6487532e221f3f24e3', class: {
|
|
63
|
+
[theme]: true,
|
|
64
|
+
'in-gallery-layout-uniform': galleryLayout === 'uniform',
|
|
65
|
+
'in-gallery-layout-masonry': galleryLayout === 'masonry',
|
|
66
|
+
} }, index.h("slot", { key: '98af83e345389763cf23d5e705f1c8773836418f', onSlotchange: this.onSlotChange })));
|
|
67
|
+
}
|
|
68
|
+
get el() { return index.getElement(this); }
|
|
69
|
+
};
|
|
70
|
+
GalleryItem.style = galleryItemCss();
|
|
71
|
+
|
|
72
|
+
exports.ion_gallery_item = GalleryItem;
|
|
@@ -41,7 +41,7 @@ const DEFAULT_COLUMNS = {
|
|
|
41
41
|
};
|
|
42
42
|
const DEFAULT_GAP = '16px';
|
|
43
43
|
|
|
44
|
-
const galleryCss = () => `:host{display:grid;grid-template-columns:repeat(var(--internal-gallery-columns, 2), minmax(0, 1fr))}:host(.gallery-layout-uniform){gap:var(--internal-gallery-gap, 16px)}:host(.gallery-layout-
|
|
44
|
+
const galleryCss = () => `:host{display:grid;grid-template-columns:repeat(var(--internal-gallery-columns, 2), minmax(0, 1fr))}:host(.gallery-layout-uniform){gap:var(--internal-gallery-gap, 16px)}:host(.gallery-layout-masonry){-ms-flex-align:start;align-items:start;-webkit-column-gap:var(--internal-gallery-gap, 16px);-moz-column-gap:var(--internal-gallery-gap, 16px);column-gap:var(--internal-gallery-gap, 16px);row-gap:0;grid-auto-rows:2px}`;
|
|
45
45
|
|
|
46
46
|
// TODO(FW-7285): Replace with global breakpoints
|
|
47
47
|
const BREAKPOINTS = {
|
|
@@ -53,6 +53,7 @@ const BREAKPOINTS = {
|
|
|
53
53
|
xxl: 1400,
|
|
54
54
|
};
|
|
55
55
|
const BREAKPOINT_ORDER = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
|
|
56
|
+
const GALLERY_ITEM_SELECTOR = 'ion-gallery-item';
|
|
56
57
|
const Gallery = class {
|
|
57
58
|
constructor(hostRef) {
|
|
58
59
|
index.registerInstance(this, hostRef);
|
|
@@ -61,6 +62,7 @@ const Gallery = class {
|
|
|
61
62
|
this.hasWarnedInvalidColumns = false;
|
|
62
63
|
this.hasWarnedInvalidGap = false;
|
|
63
64
|
this.hasWarnedUnusedOrder = false;
|
|
65
|
+
this.hasWarnedInvalidItems = false;
|
|
64
66
|
/**
|
|
65
67
|
* The visual layout of the gallery. When `uniform`, rows take up the height
|
|
66
68
|
* of the tallest item and are spaced evenly across the gallery. Additionally,
|
|
@@ -110,8 +112,9 @@ const Gallery = class {
|
|
|
110
112
|
const styles = getComputedStyle(this.el);
|
|
111
113
|
const rowHeight = parseFloat(styles.getPropertyValue('grid-auto-rows')) || 0;
|
|
112
114
|
const rowGap = parseFloat(styles.getPropertyValue('row-gap')) || parseFloat(styles.getPropertyValue('gap')) || 0;
|
|
115
|
+
const itemGap = parseFloat(styles.getPropertyValue('column-gap')) || parseFloat(styles.getPropertyValue('gap')) || 0;
|
|
113
116
|
const items = this.getItems();
|
|
114
|
-
this.layoutMasonry(items, rowHeight, rowGap, columns);
|
|
117
|
+
this.layoutMasonry(items, rowHeight, rowGap, itemGap, columns);
|
|
115
118
|
};
|
|
116
119
|
}
|
|
117
120
|
onColumnsOrGapChanged() {
|
|
@@ -312,6 +315,16 @@ const Gallery = class {
|
|
|
312
315
|
index.printIonWarning(`[ion-gallery] - "order" has no effect when "layout" is "uniform". Set "layout" to "masonry" for "order" to apply.`, this.el);
|
|
313
316
|
this.hasWarnedUnusedOrder = true;
|
|
314
317
|
}
|
|
318
|
+
/**
|
|
319
|
+
* Warn when gallery content is missing required `ion-gallery-item` components.
|
|
320
|
+
*/
|
|
321
|
+
warnInvalidItems() {
|
|
322
|
+
if (this.hasWarnedInvalidItems) {
|
|
323
|
+
return;
|
|
324
|
+
}
|
|
325
|
+
index.printIonWarning('[ion-gallery] - Gallery items must be wrapped in "ion-gallery-item" components. Non-item direct children are ignored unless they contain nested "ion-gallery-item" elements.', this.el);
|
|
326
|
+
this.hasWarnedInvalidItems = true;
|
|
327
|
+
}
|
|
315
328
|
/**
|
|
316
329
|
* Resolve the active columns value for the current width. Falls back to
|
|
317
330
|
* the default responsive columns when the provided prop is invalid.
|
|
@@ -368,12 +381,45 @@ const Gallery = class {
|
|
|
368
381
|
const gap = this.getGapForWidth(width);
|
|
369
382
|
this.el.style.setProperty('--internal-gallery-gap', `${gap}`);
|
|
370
383
|
}
|
|
384
|
+
isGalleryItemElement(element) {
|
|
385
|
+
var _a;
|
|
386
|
+
return typeof ((_a = element.style) === null || _a === void 0 ? void 0 : _a.setProperty) === 'function';
|
|
387
|
+
}
|
|
371
388
|
/**
|
|
372
|
-
* Return all
|
|
373
|
-
*
|
|
389
|
+
* Return all gallery items that can be grid items with inline placement styles.
|
|
390
|
+
* Direct children that are not `ion-gallery-item` are treated as wrapper
|
|
391
|
+
* containers and flattened to nested `ion-gallery-item` children. Direct
|
|
392
|
+
* children without nested `ion-gallery-item` components are ignored.
|
|
374
393
|
*/
|
|
375
394
|
getItems() {
|
|
376
|
-
|
|
395
|
+
const directChildren = Array.from(this.el.children).filter((child) => this.isGalleryItemElement(child));
|
|
396
|
+
const flattenedItems = [];
|
|
397
|
+
// Expand an <ion-gallery-item> component into the actual gallery items
|
|
398
|
+
// that should be used for grid placement.
|
|
399
|
+
const pushWrappedItems = (galleryItemEl) => {
|
|
400
|
+
const galleryItems = Array.from(galleryItemEl.children).filter((child) => this.isGalleryItemElement(child));
|
|
401
|
+
flattenedItems.push(...galleryItems);
|
|
402
|
+
};
|
|
403
|
+
directChildren.forEach((directChildEl) => {
|
|
404
|
+
// Standard path: <ion-gallery-item> is a direct child of <ion-gallery>.
|
|
405
|
+
if (directChildEl.matches(GALLERY_ITEM_SELECTOR)) {
|
|
406
|
+
pushWrappedItems(directChildEl);
|
|
407
|
+
return;
|
|
408
|
+
}
|
|
409
|
+
// Compatibility path: a non-gallery-item direct child (e.g. wrapper <div>)
|
|
410
|
+
// may contain nested <ion-gallery-item> components.
|
|
411
|
+
const nestedGalleryItems = Array.from(directChildEl.querySelectorAll(GALLERY_ITEM_SELECTOR)).filter((child) => this.isGalleryItemElement(child));
|
|
412
|
+
// Invalid children path: no <ion-gallery-item> components found.
|
|
413
|
+
if (nestedGalleryItems.length === 0) {
|
|
414
|
+
this.warnInvalidItems();
|
|
415
|
+
return;
|
|
416
|
+
}
|
|
417
|
+
// Flatten gallery-item containers so nested <ion-gallery-item> children can
|
|
418
|
+
// become the effective gallery items.
|
|
419
|
+
directChildEl.style.display = 'contents';
|
|
420
|
+
nestedGalleryItems.forEach((nestedGalleryItem) => pushWrappedItems(nestedGalleryItem));
|
|
421
|
+
});
|
|
422
|
+
return flattenedItems;
|
|
377
423
|
}
|
|
378
424
|
/**
|
|
379
425
|
* Clear the item styles for the given item element.
|
|
@@ -430,11 +476,14 @@ const Gallery = class {
|
|
|
430
476
|
/**
|
|
431
477
|
* Apply masonry placement by assigning each item a column and row span.
|
|
432
478
|
*/
|
|
433
|
-
layoutMasonry(items, rowHeight, rowGap, columns) {
|
|
479
|
+
layoutMasonry(items, rowHeight, rowGap, itemGap, columns) {
|
|
434
480
|
const columnHeights = new Array(columns).fill(0);
|
|
435
481
|
const lastItemsByColumn = new Array(columns).fill(undefined);
|
|
436
482
|
items.forEach((itemEl, i) => {
|
|
437
483
|
itemEl.style.marginBottom = '';
|
|
484
|
+
if (itemEl.parentElement !== this.el) {
|
|
485
|
+
itemEl.style.marginBottom = `${itemGap}px`;
|
|
486
|
+
}
|
|
438
487
|
const span = this.calculateRowSpan(itemEl, rowHeight, rowGap);
|
|
439
488
|
if (span === undefined) {
|
|
440
489
|
this.clearItemStyles(itemEl);
|
|
@@ -483,11 +532,11 @@ const Gallery = class {
|
|
|
483
532
|
const { layout } = this;
|
|
484
533
|
const order = this.getOrder();
|
|
485
534
|
const theme = ionicGlobal.getIonTheme(this);
|
|
486
|
-
return (index.h(index.Host, { key: '
|
|
535
|
+
return (index.h(index.Host, { key: '0b6ef176032845b3df3b2335be90cb6ce5d791cc', class: {
|
|
487
536
|
[theme]: true,
|
|
488
537
|
[`gallery-layout-${layout}`]: true,
|
|
489
538
|
[`gallery-order-${order}`]: layout === 'masonry' && order !== undefined,
|
|
490
|
-
} }, index.h("slot", { key: '
|
|
539
|
+
} }, index.h("slot", { key: '247df9bb58b6899da7db60cdd475ccff0872673e', onSlotchange: this.onSlotChange })));
|
|
491
540
|
}
|
|
492
541
|
get el() { return index.getElement(this); }
|
|
493
542
|
static get watchers() { return {
|
|
@@ -84,9 +84,9 @@ const Img = class {
|
|
|
84
84
|
const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
|
|
85
85
|
const { draggable } = inheritedAttributes;
|
|
86
86
|
const theme = ionicGlobal.getIonTheme(this);
|
|
87
|
-
return (index.h(index.Host, { key: '
|
|
87
|
+
return (index.h(index.Host, { key: 'ba84621055567b2a35387709d9d89b97ad853274', class: {
|
|
88
88
|
[theme]: true,
|
|
89
|
-
} }, index.h("img", { key: '
|
|
89
|
+
} }, index.h("img", { key: '9d6118bbf69e2cccbb0603802c03b9a0d101e2c3', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
|
|
90
90
|
}
|
|
91
91
|
get el() { return index.getElement(this); }
|
|
92
92
|
static get watchers() { return {
|