@ionic/core 9.0.3-dev.11788456135.1ab1d6cd → 9.0.3-dev.11790016799.1e269b7a
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-accordion.js +1 -1
- package/components/ion-alert.js +1 -1
- package/components/ion-back-button.js +1 -1
- package/components/ion-breadcrumb.js +1 -1
- package/components/ion-checkbox.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-fab-button.js +1 -1
- package/components/ion-input-password-toggle.js +1 -1
- package/components/ion-input.js +1 -1
- package/components/ion-item.js +1 -1
- package/components/ion-menu-button.js +1 -1
- package/components/ion-refresher-content.js +1 -1
- package/components/ion-reorder.js +1 -1
- package/components/ion-searchbar.js +1 -1
- package/components/ion-select-modal.js +1 -1
- package/components/ion-select-popover.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/ion-textarea.js +1 -1
- package/components/ion-toggle.js +1 -1
- package/components/{p-Cc3oC60a.js → p-0rXxxCTt.js} +1 -1
- package/components/p-B9ibhQu1.js +4 -0
- package/components/p-BzxHcuQH.js +4 -0
- package/components/p-C6wm_AQQ.js +4 -0
- package/components/p-CaxVJjmc.js +4 -0
- package/components/{p-Cm78Kk79.js → p-D2X-Hime.js} +1 -1
- package/css/ionic/bundle.ionic.css.map +1 -1
- package/css/ionic/core.ionic.css.map +1 -1
- package/css/ionic/global.bundle.ionic.css.map +1 -1
- package/css/ionic/ionic-swiper.ionic.css.map +1 -1
- package/css/ionic/link.ionic.css.map +1 -1
- package/css/ionic/typography.ionic.css.map +1 -1
- package/dist/cjs/ion-accordion_2.cjs.entry.js +9 -14
- package/dist/cjs/ion-alert.cjs.entry.js +4 -4
- package/dist/cjs/ion-back-button.cjs.entry.js +11 -13
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +16 -29
- package/dist/cjs/ion-checkbox.cjs.entry.js +23 -15
- package/dist/cjs/ion-datetime.cjs.entry.js +14 -50
- package/dist/cjs/ion-fab_3.cjs.entry.js +9 -14
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +17 -29
- package/dist/cjs/ion-input.cjs.entry.js +12 -28
- package/dist/cjs/ion-item_8.cjs.entry.js +10 -15
- package/dist/cjs/ion-menu_3.cjs.entry.js +9 -12
- package/dist/cjs/ion-refresher_2.cjs.entry.js +10 -5
- package/dist/cjs/ion-reorder_2.cjs.entry.js +5 -13
- package/dist/cjs/ion-searchbar.cjs.entry.js +8 -37
- package/dist/cjs/ion-select-modal.cjs.entry.js +11 -10
- package/dist/cjs/ion-select_3.cjs.entry.js +13 -37
- package/dist/cjs/ion-textarea.cjs.entry.js +13 -21
- package/dist/cjs/ion-toggle.cjs.entry.js +12 -28
- package/dist/collection/components/accordion/accordion.js +9 -14
- package/dist/collection/components/alert/alert.ionic.css +7 -9
- package/dist/collection/components/alert/alert.js +3 -3
- package/dist/collection/components/back-button/back-button.js +11 -13
- package/dist/collection/components/breadcrumb/breadcrumb.js +16 -28
- package/dist/collection/components/checkbox/checkbox.ionic.css +35 -42
- package/dist/collection/components/checkbox/checkbox.ios.css +33 -29
- package/dist/collection/components/checkbox/checkbox.js +23 -13
- package/dist/collection/components/checkbox/checkbox.md.css +33 -29
- package/dist/collection/components/datetime/datetime.ios.css +5 -10
- package/dist/collection/components/datetime/datetime.js +12 -48
- package/dist/collection/components/datetime/datetime.md.css +5 -10
- package/dist/collection/components/fab-button/fab-button.js +9 -14
- package/dist/collection/components/input/input.ionic.css +102 -79
- package/dist/collection/components/input/input.js +11 -27
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +18 -28
- package/dist/collection/components/item/item.js +10 -15
- package/dist/collection/components/menu-button/menu-button.js +9 -12
- package/dist/collection/components/refresher-content/refresher-content.js +10 -4
- package/dist/collection/components/reorder/reorder.js +5 -13
- package/dist/collection/components/searchbar/searchbar.js +8 -35
- package/dist/collection/components/select/select.ionic.css +187 -76
- package/dist/collection/components/select/select.js +14 -39
- package/dist/collection/components/select-modal/select-modal.js +12 -10
- package/dist/collection/components/textarea/textarea.ionic.css +133 -85
- package/dist/collection/components/textarea/textarea.ios.css +0 -4
- package/dist/collection/components/textarea/textarea.js +13 -18
- package/dist/collection/components/textarea/textarea.md.css +0 -4
- package/dist/collection/components/toggle/toggle.js +12 -26
- package/dist/collection/utils/test/playwright/field-geometry.js +34 -0
- package/dist/collection/utils/test/playwright/index.js +1 -0
- package/dist/docs.json +60 -25
- package/dist/esm/{index-BqQ15K9a.js → index-BkJpfpXI.js} +1 -1
- package/dist/esm/ion-accordion_2.entry.js +10 -15
- package/dist/esm/ion-alert.entry.js +4 -4
- package/dist/esm/ion-back-button.entry.js +12 -14
- package/dist/esm/ion-breadcrumb_2.entry.js +17 -30
- package/dist/esm/ion-checkbox.entry.js +24 -16
- package/dist/esm/ion-datetime.entry.js +15 -51
- package/dist/esm/ion-fab_3.entry.js +10 -15
- package/dist/esm/ion-input-password-toggle.entry.js +19 -31
- package/dist/esm/ion-input.entry.js +13 -29
- package/dist/esm/ion-item_8.entry.js +11 -16
- package/dist/esm/ion-menu_3.entry.js +10 -13
- package/dist/esm/ion-refresher_2.entry.js +11 -6
- package/dist/esm/ion-reorder_2.entry.js +6 -14
- package/dist/esm/ion-searchbar.entry.js +9 -38
- package/dist/esm/ion-select-modal.entry.js +13 -12
- package/dist/esm/ion-select_3.entry.js +14 -38
- package/dist/esm/ion-textarea.entry.js +13 -21
- package/dist/esm/ion-toggle.entry.js +13 -29
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-016f2ee0.entry.js +4 -0
- package/dist/ionic/p-07b95001.entry.js +4 -0
- package/dist/ionic/p-14dfe86e.entry.js +4 -0
- package/dist/ionic/p-167af5d6.entry.js +4 -0
- package/dist/ionic/p-18285aab.entry.js +4 -0
- package/dist/ionic/{p-2e3acd77.entry.js → p-1e0f0eb9.entry.js} +1 -1
- package/dist/ionic/p-368935f5.entry.js +4 -0
- package/dist/ionic/p-38da0794.entry.js +4 -0
- package/dist/ionic/p-80f71456.entry.js +4 -0
- package/dist/ionic/p-83aa4043.entry.js +4 -0
- package/dist/ionic/p-944ce631.entry.js +4 -0
- package/dist/ionic/{p-BqQ15K9a.js → p-BkJpfpXI.js} +1 -1
- package/dist/ionic/p-aecef1d7.entry.js +4 -0
- package/dist/ionic/p-bb83b861.entry.js +4 -0
- package/dist/ionic/p-c1c90068.entry.js +4 -0
- package/dist/ionic/p-ccc7487b.entry.js +4 -0
- package/dist/ionic/p-cfd5dc50.entry.js +4 -0
- package/dist/ionic/p-d5c9bf12.entry.js +4 -0
- package/dist/ionic/p-f252ab8a.entry.js +4 -0
- package/dist/types/components/accordion/accordion.d.ts +7 -1
- package/dist/types/components/back-button/back-button.d.ts +8 -2
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +12 -2
- package/dist/types/components/checkbox/checkbox.d.ts +12 -1
- package/dist/types/components/datetime/datetime.d.ts +4 -4
- package/dist/types/components/fab-button/fab-button.d.ts +7 -1
- package/dist/types/components/input/input.d.ts +7 -10
- package/dist/types/components/input-password-toggle/input-password-toggle.d.ts +14 -2
- package/dist/types/components/item/item.d.ts +7 -1
- package/dist/types/components/menu-button/menu-button.d.ts +6 -1
- package/dist/types/components/refresher-content/refresher-content.d.ts +6 -0
- package/dist/types/components/reorder/reorder.d.ts +1 -1
- package/dist/types/components/select/select.d.ts +7 -12
- package/dist/types/components/select-modal/select-modal.d.ts +6 -1
- package/dist/types/components/textarea/textarea.d.ts +8 -8
- package/dist/types/components/toggle/toggle.d.ts +5 -2
- package/dist/types/utils/config.d.ts +22 -2
- package/dist/types/utils/test/playwright/field-geometry.d.ts +13 -0
- package/dist/types/utils/test/playwright/index.d.ts +1 -0
- package/hydrate/index.js +213 -375
- package/hydrate/index.mjs +213 -375
- package/package.json +1 -2
- package/components/p-B1AK6oR-.js +0 -4
- package/components/p-BDqjX7Z_.js +0 -4
- package/components/p-BYSs-jZz.js +0 -4
- package/components/p-CPdOdJa7.js +0 -4
- package/components/p-D1t981Ih.js +0 -4
- package/components/p-Dhi5xtNS.js +0 -4
- package/components/p-DzaPYdjZ.js +0 -4
- package/components/p-e73ca-aN.js +0 -4
- package/components/p-fIOYmaqA.js +0 -4
- package/dist/cjs/caret-down-vtVgfXIs.js +0 -8
- package/dist/cjs/caret-left-CxZXLRv5.js +0 -8
- package/dist/cjs/caret-right-CRCgv98E.js +0 -8
- package/dist/cjs/list-a-7GSA6K.js +0 -8
- package/dist/cjs/x-BTF99yFH.js +0 -8
- package/dist/esm/caret-down-D1t981Ih.js +0 -6
- package/dist/esm/caret-left-fIOYmaqA.js +0 -6
- package/dist/esm/caret-right-BYSs-jZz.js +0 -6
- package/dist/esm/list-Dhi5xtNS.js +0 -6
- package/dist/esm/x-BDqjX7Z_.js +0 -6
- package/dist/ionic/p-04d96dad.entry.js +0 -4
- package/dist/ionic/p-0a924e6a.entry.js +0 -4
- package/dist/ionic/p-2da21af7.entry.js +0 -4
- package/dist/ionic/p-2fc1521f.entry.js +0 -4
- package/dist/ionic/p-73309d35.entry.js +0 -4
- package/dist/ionic/p-74ab5f49.entry.js +0 -4
- package/dist/ionic/p-83d13d56.entry.js +0 -4
- package/dist/ionic/p-8dcd18cf.entry.js +0 -4
- package/dist/ionic/p-9ca59419.entry.js +0 -4
- package/dist/ionic/p-BDqjX7Z_.js +0 -4
- package/dist/ionic/p-BYSs-jZz.js +0 -4
- package/dist/ionic/p-D1t981Ih.js +0 -4
- package/dist/ionic/p-Dhi5xtNS.js +0 -4
- package/dist/ionic/p-b10dc124.entry.js +0 -4
- package/dist/ionic/p-b7ce4a50.entry.js +0 -4
- package/dist/ionic/p-c7035f3f.entry.js +0 -4
- package/dist/ionic/p-c91fc9d4.entry.js +0 -4
- package/dist/ionic/p-cd4791d5.entry.js +0 -4
- package/dist/ionic/p-e9480e7f.entry.js +0 -4
- package/dist/ionic/p-e9fdff49.entry.js +0 -4
- package/dist/ionic/p-f82b13a6.entry.js +0 -4
- package/dist/ionic/p-fIOYmaqA.js +0 -4
package/dist/docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2026-09-
|
|
2
|
+
"timestamp": "2026-09-21T18:55:32",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.44.2",
|
|
@@ -7870,7 +7870,11 @@
|
|
|
7870
7870
|
},
|
|
7871
7871
|
{
|
|
7872
7872
|
"name": "part",
|
|
7873
|
-
"text": "
|
|
7873
|
+
"text": "icon - The icon that displays the checked or indeterminate mark."
|
|
7874
|
+
},
|
|
7875
|
+
{
|
|
7876
|
+
"name": "part",
|
|
7877
|
+
"text": "mark - The mark used to indicate the checked or indeterminate state. Only applies when no icon is set in the config."
|
|
7874
7878
|
},
|
|
7875
7879
|
{
|
|
7876
7880
|
"name": "part",
|
|
@@ -8545,6 +8549,12 @@
|
|
|
8545
8549
|
"docs": "Border width of the checkbox icon",
|
|
8546
8550
|
"mode": "md"
|
|
8547
8551
|
},
|
|
8552
|
+
{
|
|
8553
|
+
"name": "--checkbox-background",
|
|
8554
|
+
"annotation": "prop",
|
|
8555
|
+
"docs": "Background of the checkbox icon",
|
|
8556
|
+
"mode": "ionic"
|
|
8557
|
+
},
|
|
8548
8558
|
{
|
|
8549
8559
|
"name": "--checkbox-background",
|
|
8550
8560
|
"annotation": "prop",
|
|
@@ -8593,28 +8603,22 @@
|
|
|
8593
8603
|
"docs": "Color of the checkbox checkmark when checked",
|
|
8594
8604
|
"mode": "md"
|
|
8595
8605
|
},
|
|
8596
|
-
{
|
|
8597
|
-
"name": "--checkmark-height",
|
|
8598
|
-
"annotation": "prop",
|
|
8599
|
-
"docs": "Stroke height of the checkbox checkmark",
|
|
8600
|
-
"mode": "ionic"
|
|
8601
|
-
},
|
|
8602
8606
|
{
|
|
8603
8607
|
"name": "--checkmark-width",
|
|
8604
8608
|
"annotation": "prop",
|
|
8605
|
-
"docs": "Stroke width of the checkbox checkmark",
|
|
8609
|
+
"docs": "Stroke width of the checkbox checkmark. Only applies when no icon is set in the config.",
|
|
8606
8610
|
"mode": "ionic"
|
|
8607
8611
|
},
|
|
8608
8612
|
{
|
|
8609
8613
|
"name": "--checkmark-width",
|
|
8610
8614
|
"annotation": "prop",
|
|
8611
|
-
"docs": "Stroke width of the checkbox checkmark",
|
|
8615
|
+
"docs": "Stroke width of the checkbox checkmark. Only applies when no icon is set in the config.",
|
|
8612
8616
|
"mode": "ios"
|
|
8613
8617
|
},
|
|
8614
8618
|
{
|
|
8615
8619
|
"name": "--checkmark-width",
|
|
8616
8620
|
"annotation": "prop",
|
|
8617
|
-
"docs": "Stroke width of the checkbox checkmark",
|
|
8621
|
+
"docs": "Stroke width of the checkbox checkmark. Only applies when no icon is set in the config.",
|
|
8618
8622
|
"mode": "md"
|
|
8619
8623
|
},
|
|
8620
8624
|
{
|
|
@@ -8691,13 +8695,17 @@
|
|
|
8691
8695
|
"name": "helper-text",
|
|
8692
8696
|
"docs": "Supporting text displayed beneath the checkbox label when the checkbox is valid."
|
|
8693
8697
|
},
|
|
8698
|
+
{
|
|
8699
|
+
"name": "icon",
|
|
8700
|
+
"docs": "The icon that displays the checked or indeterminate mark."
|
|
8701
|
+
},
|
|
8694
8702
|
{
|
|
8695
8703
|
"name": "label",
|
|
8696
8704
|
"docs": "The label text describing the checkbox."
|
|
8697
8705
|
},
|
|
8698
8706
|
{
|
|
8699
8707
|
"name": "mark",
|
|
8700
|
-
"docs": "The
|
|
8708
|
+
"docs": "The mark used to indicate the checked or indeterminate state. Only applies when no icon is set in the config."
|
|
8701
8709
|
},
|
|
8702
8710
|
{
|
|
8703
8711
|
"name": "supporting-text",
|
|
@@ -8709,8 +8717,13 @@
|
|
|
8709
8717
|
"ion-select-modal",
|
|
8710
8718
|
"ion-select-popover"
|
|
8711
8719
|
],
|
|
8712
|
-
"dependencies": [
|
|
8720
|
+
"dependencies": [
|
|
8721
|
+
"ion-icon"
|
|
8722
|
+
],
|
|
8713
8723
|
"dependencyGraph": {
|
|
8724
|
+
"ion-checkbox": [
|
|
8725
|
+
"ion-icon"
|
|
8726
|
+
],
|
|
8714
8727
|
"ion-select-modal": [
|
|
8715
8728
|
"ion-checkbox"
|
|
8716
8729
|
],
|
|
@@ -37342,15 +37355,11 @@
|
|
|
37342
37355
|
},
|
|
37343
37356
|
{
|
|
37344
37357
|
"name": "part",
|
|
37345
|
-
"text": "control - The wrapper element containing the native select control
|
|
37346
|
-
},
|
|
37347
|
-
{
|
|
37348
|
-
"name": "part",
|
|
37349
|
-
"text": "end - The wrapper element for the content in the end slot. In the `\"ios\"` and `\"md\"` themes it also contains the dropdown icon when the label is floating or stacked."
|
|
37358
|
+
"text": "control - The wrapper element containing the label, the native select control, and the dropdown icon when the label is not floating or stacked. The `\"ionic\"` theme flattens this wrapper, so it cannot be given a box of its own there."
|
|
37350
37359
|
},
|
|
37351
37360
|
{
|
|
37352
37361
|
"name": "part",
|
|
37353
|
-
"text": "
|
|
37362
|
+
"text": "end - The wrapper element for the content in the end slot. It also contains the dropdown icon when the label is floating or stacked."
|
|
37354
37363
|
}
|
|
37355
37364
|
],
|
|
37356
37365
|
"usage": {},
|
|
@@ -38762,11 +38771,11 @@
|
|
|
38762
38771
|
},
|
|
38763
38772
|
{
|
|
38764
38773
|
"name": "control",
|
|
38765
|
-
"docs": "The wrapper element containing the native select control
|
|
38774
|
+
"docs": "The wrapper element containing the label, the native select control, and the dropdown icon when the label is not floating or stacked. The `\"ionic\"` theme flattens this wrapper, so it cannot be given a box of its own there."
|
|
38766
38775
|
},
|
|
38767
38776
|
{
|
|
38768
38777
|
"name": "end",
|
|
38769
|
-
"docs": "The wrapper element for the content in the end slot.
|
|
38778
|
+
"docs": "The wrapper element for the content in the end slot. It also contains the dropdown icon when the label is floating or stacked."
|
|
38770
38779
|
},
|
|
38771
38780
|
{
|
|
38772
38781
|
"name": "error-text",
|
|
@@ -38780,10 +38789,6 @@
|
|
|
38780
38789
|
"name": "icon",
|
|
38781
38790
|
"docs": "The select icon container."
|
|
38782
38791
|
},
|
|
38783
|
-
{
|
|
38784
|
-
"name": "inner",
|
|
38785
|
-
"docs": "The wrapper element containing the start, control and end wrappers and the dropdown icon. Only rendered in the `\"ionic\"` theme."
|
|
38786
|
-
},
|
|
38787
38792
|
{
|
|
38788
38793
|
"name": "label",
|
|
38789
38794
|
"docs": "The label text describing the select."
|
|
@@ -38843,6 +38848,9 @@
|
|
|
38843
38848
|
"ion-icon",
|
|
38844
38849
|
"ion-ripple-effect"
|
|
38845
38850
|
],
|
|
38851
|
+
"ion-checkbox": [
|
|
38852
|
+
"ion-icon"
|
|
38853
|
+
],
|
|
38846
38854
|
"ion-popover": [
|
|
38847
38855
|
"ion-backdrop"
|
|
38848
38856
|
],
|
|
@@ -39074,6 +39082,9 @@
|
|
|
39074
39082
|
"ion-icon",
|
|
39075
39083
|
"ion-ripple-effect"
|
|
39076
39084
|
],
|
|
39085
|
+
"ion-checkbox": [
|
|
39086
|
+
"ion-icon"
|
|
39087
|
+
],
|
|
39077
39088
|
"ion-button": [
|
|
39078
39089
|
"ion-ripple-effect"
|
|
39079
39090
|
],
|
|
@@ -41598,6 +41609,18 @@
|
|
|
41598
41609
|
{
|
|
41599
41610
|
"name": "part",
|
|
41600
41611
|
"text": "bottom - The container element for helper text, error text, and counter."
|
|
41612
|
+
},
|
|
41613
|
+
{
|
|
41614
|
+
"name": "part",
|
|
41615
|
+
"text": "start - The wrapper element for the content in the start slot."
|
|
41616
|
+
},
|
|
41617
|
+
{
|
|
41618
|
+
"name": "part",
|
|
41619
|
+
"text": "control - The wrapper element containing the label and the native textarea. The `\"ionic\"` theme flattens this wrapper, so it cannot be given a box of its own there."
|
|
41620
|
+
},
|
|
41621
|
+
{
|
|
41622
|
+
"name": "part",
|
|
41623
|
+
"text": "end - The wrapper element for the content in the end slot."
|
|
41601
41624
|
}
|
|
41602
41625
|
],
|
|
41603
41626
|
"usage": {},
|
|
@@ -43084,10 +43107,18 @@
|
|
|
43084
43107
|
"name": "container",
|
|
43085
43108
|
"docs": "The inner wrapper element that directly contains the native textarea element."
|
|
43086
43109
|
},
|
|
43110
|
+
{
|
|
43111
|
+
"name": "control",
|
|
43112
|
+
"docs": "The wrapper element containing the label and the native textarea. The `\"ionic\"` theme flattens this wrapper, so it cannot be given a box of its own there."
|
|
43113
|
+
},
|
|
43087
43114
|
{
|
|
43088
43115
|
"name": "counter",
|
|
43089
43116
|
"docs": "The character counter displayed when the counter property is set."
|
|
43090
43117
|
},
|
|
43118
|
+
{
|
|
43119
|
+
"name": "end",
|
|
43120
|
+
"docs": "The wrapper element for the content in the end slot."
|
|
43121
|
+
},
|
|
43091
43122
|
{
|
|
43092
43123
|
"name": "error-text",
|
|
43093
43124
|
"docs": "Supporting text displayed beneath the textarea label when the textarea is invalid and touched."
|
|
@@ -43104,6 +43135,10 @@
|
|
|
43104
43135
|
"name": "native",
|
|
43105
43136
|
"docs": "The native textarea element."
|
|
43106
43137
|
},
|
|
43138
|
+
{
|
|
43139
|
+
"name": "start",
|
|
43140
|
+
"docs": "The wrapper element for the content in the start slot."
|
|
43141
|
+
},
|
|
43107
43142
|
{
|
|
43108
43143
|
"name": "supporting-text",
|
|
43109
43144
|
"docs": "Supporting text displayed beneath the textarea label."
|
|
@@ -30,4 +30,4 @@ const reorderTwoSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2
|
|
|
30
30
|
const searchOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M221.09 64a157.09 157.09 0 1 0 157.09 157.09A157.1 157.1 0 0 0 221.09 64Z' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/><path d='M338.29 338.29 448 448' stroke-linecap='round' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
|
|
31
31
|
const searchSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M464 428 339.92 303.9a160.48 160.48 0 0 0 30.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0 0 94.58-30.72L428 464ZM209.32 319.69a110.38 110.38 0 1 1 110.37-110.37 110.5 110.5 0 0 1-110.37 110.37'/></svg>";
|
|
32
32
|
|
|
33
|
-
export { arrowBackSharp as a, chevronForward as b, chevronBack as c, caretDownSharp as d,
|
|
33
|
+
export { arrowBackSharp as a, chevronForward as b, chevronBack as c, caretDownSharp as d, chevronDown as e, caretUpSharp as f, closeCircle as g, closeSharp as h, searchSharp as i, checkmarkOutline as j, ellipseOutline as k, arrowDown as l, caretBackSharp as m, reorderThreeOutline as n, reorderTwoSharp as o, ellipsisHorizontal as p, chevronForwardOutline as q, removeOutline as r, searchOutline as s, close as t, menuOutline as u, menuSharp as v, chevronExpand as w, eyeOff as x, eye as y, closeOutline as z };
|
|
@@ -2,10 +2,9 @@
|
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, e as config, h, d as Host, g as getElement, c as createEvent, f as printIonWarning } from './index-jsOqXOKf.js';
|
|
5
|
-
import { c as caretDownSvg } from './caret-down-D1t981Ih.js';
|
|
6
5
|
import { g as getElementRoot, r as raf, f as addEventListener, m as removeEventListener, t as transitionEndAsync } from './helpers-DTqW6MzS.js';
|
|
7
6
|
import { h as hostContext } from './theme-BUF_V-Kg.js';
|
|
8
|
-
import {
|
|
7
|
+
import { e as chevronDown } from './index-BkJpfpXI.js';
|
|
9
8
|
import { c as getIonTheme } from './ionic-global-oK2heABF.js';
|
|
10
9
|
import './focus-visible-vXpMhGrs.js';
|
|
11
10
|
import './dir-Dojwmvde.js';
|
|
@@ -359,22 +358,18 @@ const Accordion = class {
|
|
|
359
358
|
this.setAria(expanded);
|
|
360
359
|
});
|
|
361
360
|
}
|
|
361
|
+
/**
|
|
362
|
+
* Get the icon to use for the toggle icon.
|
|
363
|
+
* If an icon is set on the component, use that.
|
|
364
|
+
* Otherwise, use the icon set in the config.
|
|
365
|
+
* If no icon is set in the config, use the default icon.
|
|
366
|
+
*/
|
|
362
367
|
get accordionToggleIcon() {
|
|
363
368
|
// Return the icon if it is explicitly set
|
|
364
369
|
if (this.toggleIcon != null) {
|
|
365
370
|
return this.toggleIcon;
|
|
366
371
|
}
|
|
367
|
-
|
|
368
|
-
const theme = getIonTheme(this);
|
|
369
|
-
const defaultIcons = {
|
|
370
|
-
ios: chevronDown,
|
|
371
|
-
ionic: caretDownSvg,
|
|
372
|
-
md: chevronDown,
|
|
373
|
-
};
|
|
374
|
-
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
375
|
-
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
376
|
-
// Return the configured accordion toggle icon or the default icon
|
|
377
|
-
return config.get('accordionToggleIcon', defaultIcon);
|
|
372
|
+
return config.get('accordionToggleIcon', chevronDown);
|
|
378
373
|
}
|
|
379
374
|
toggleExpanded() {
|
|
380
375
|
const { accordionGroupEl, disabled, readonly, value, state } = this;
|
|
@@ -405,7 +400,7 @@ const Accordion = class {
|
|
|
405
400
|
const headerPart = expanded ? 'header expanded' : 'header';
|
|
406
401
|
const contentPart = expanded ? 'content expanded' : 'content';
|
|
407
402
|
this.setAria(expanded);
|
|
408
|
-
return (h(Host, { key: '
|
|
403
|
+
return (h(Host, { key: '815dda5c42051851dfb17312fee6eb60421b680b', class: {
|
|
409
404
|
[theme]: true,
|
|
410
405
|
'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
|
|
411
406
|
'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
|
|
@@ -418,7 +413,7 @@ const Accordion = class {
|
|
|
418
413
|
'accordion-readonly': readonly,
|
|
419
414
|
'accordion-animated': this.shouldAnimate(),
|
|
420
415
|
'in-accordion-group-expand-inset': hostContext('.accordion-group-expand-inset', this.el),
|
|
421
|
-
}, tabindex: disabled ? '-1' : undefined }, h("div", { key: '
|
|
416
|
+
}, tabindex: disabled ? '-1' : undefined }, h("div", { key: '0361184ad0b1a2dbb8879292313fc6ea4d6915aa', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, h("slot", { key: '1176aed8aebd66a17d365f2ecab4a40165a14a17', name: "header" })), h("div", { key: 'ebe6eabeedaee6a9fdcf8c989e706f5f42af54c2', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, h("div", { key: '5c9ebc847e8f161c8fcaf6f4af9ad42ce22217ac', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: 'a45d5a106dc635d4a8790cdd4fdf04c1b8e25987', name: "content" })))));
|
|
422
417
|
}
|
|
423
418
|
static get delegatesFocus() { return true; }
|
|
424
419
|
get el() { return getElement(this); }
|
|
@@ -106,7 +106,7 @@ const mdLeaveAnimation = (baseEl) => {
|
|
|
106
106
|
.addAnimation([backdropAnimation, wrapperAnimation]);
|
|
107
107
|
};
|
|
108
108
|
|
|
109
|
-
const alertIonicCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-alert-ionic,.alert-radio-label-has-rich-content.sc-ion-alert-ionic,.alert-checkbox-label-has-rich-content.sc-ion-alert-ionic,.select-option-label-has-rich-content.sc-ion-alert-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.action-sheet-button-label-text.sc-ion-alert-ionic,.alert-checkbox-label-text.sc-ion-alert-ionic,.alert-radio-label-text.sc-ion-alert-ionic,.select-option-label-text.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;-webkit-padding-start:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-end:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-end:var(--token-space-0, var(--token-scale-0, 0px));padding-top:var(--token-space-0, var(--token-scale-0, 0px));padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));font-size:var(--token-font-size-350, 0.875rem)}.select-option-start.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic{gap:var(--token-space-200, var(--token-scale-200, 8px))}.select-option-start.sc-ion-alert-ionic>ion-avatar.sc-ion-alert-ionic,.select-option-start.sc-ion-alert-ionic>ion-img.sc-ion-alert-ionic,.select-option-start.sc-ion-alert-ionic>ion-thumbnail.sc-ion-alert-ionic,.select-option-start.sc-ion-alert-ionic>img.sc-ion-alert-ionic,.select-option-start.sc-ion-alert-ionic>svg.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic>ion-avatar.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic>ion-img.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic>ion-thumbnail.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic>img.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic>svg.sc-ion-alert-ionic{width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}.select-option-start.sc-ion-alert-ionic>ion-icon.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic>ion-icon.sc-ion-alert-ionic{font-size:var(--token-scale-1200, 48px)}.action-sheet-button-label-has-rich-content.sc-ion-alert-ionic,.alert-radio-label-has-rich-content.sc-ion-alert-ionic,.alert-checkbox-label-has-rich-content.sc-ion-alert-ionic,.select-option-label-has-rich-content.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-alert-ionic,.alert-radio-label-has-rich-content.sc-ion-alert-ionic,.alert-checkbox-label-has-rich-content.sc-ion-alert-ionic,.select-option-content.sc-ion-alert-ionic{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-alert-ionic,.alert-checkbox-label-text.sc-ion-alert-ionic,.alert-radio-label-text.sc-ion-alert-ionic,.select-option-label-text.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-alert-ionic{display:block}.select-option-label.sc-ion-alert-ionic:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-alert-ionic::part(label),ion-radio.select-option-has-rich-content.sc-ion-alert-ionic [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-alert-ionic::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-alert-ionic [part~="label"],.select-option-content.sc-ion-alert-ionic{-ms-flex:1;flex:1;white-space:normal}.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;contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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}.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-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}.radio-label-placement-start.sc-ion-alert-ionic,.checkbox-label-placement-start.sc-ion-alert-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.radio-label-placement-end.sc-ion-alert-ionic,.checkbox-label-placement-end.sc-ion-alert-ionic{-ms-flex-direction:row;flex-direction:row}.radio-justify-start.sc-ion-alert-ionic,.checkbox-justify-start.sc-ion-alert-ionic{-ms-flex-pack:start;justify-content:start}.radio-justify-end.sc-ion-alert-ionic,.checkbox-justify-end.sc-ion-alert-ionic{-ms-flex-pack:end;justify-content:end}.radio-justify-space-between.sc-ion-alert-ionic,.checkbox-justify-space-between.sc-ion-alert-ionic{-ms-flex-pack:justify;justify-content:space-between}.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}.sc-ion-alert-ionic-h{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--max-width:var(--token-scale-7400, 296px);--backdrop-opacity:0.7;z-index:1001}.alert-wrapper.sc-ion-alert-ionic{border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px));-webkit-box-shadow:var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));box-shadow:var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));z-index:10}.alert-button.ion-focused.sc-ion-alert-ionic{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7))}.alert-tappable.ion-focused.sc-ion-alert-ionic{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));outline-offset:calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1)}.alert-tappable.ion-activated.sc-ion-alert-ionic,.alert-tappable.sc-ion-alert-ionic:not(:disabled):hover{background:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9))}.alert-tappable[aria-checked=true].sc-ion-alert-ionic{background:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)))}.alert-head.sc-ion-alert-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));text-align:start}.alert-title.sc-ion-alert-ionic{font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}.alert-sub-title.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;color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}.alert-message.sc-ion-alert-ionic,.alert-input-group.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;-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}@media screen and (max-width: 767px){.alert-message.sc-ion-alert-ionic{max-height:var(--token-scale-6200, 248px)}}.alert-message.sc-ion-alert-ionic:empty{-webkit-padding-start:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-end:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-end:var(--token-space-0, var(--token-scale-0, 0px));padding-top:var(--token-space-0, var(--token-scale-0, 0px));padding-bottom:var(--token-space-0, var(--token-scale-0, 0px))}.alert-head.sc-ion-alert-ionic+.alert-message.sc-ion-alert-ionic{padding-top:var(--token-space-0, var(--token-scale-0, 0px))}.alert-input.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:var(--token-space-150, var(--token-scale-150, 6px));margin-bottom:var(--token-space-150, var(--token-scale-150, 6px));border-bottom:var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}.alert-input.sc-ion-alert-ionic::-webkit-input-placeholder{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::-moz-placeholder{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic:-ms-input-placeholder{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::-ms-input-placeholder{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::placeholder{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));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:var(--token-scale-100, 4px);border-bottom:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7))}.alert-radio-group.sc-ion-alert-ionic,.alert-checkbox-group.sc-ion-alert-ionic{position:relative;border-top:var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));border-bottom:var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));overflow:auto}@media screen and (max-width: 767px){.alert-radio-group.sc-ion-alert-ionic,.alert-checkbox-group.sc-ion-alert-ionic{max-height:var(--token-scale-6200, 248px)}}.alert-tappable.sc-ion-alert-ionic{position:relative;min-height:var(--token-scale-1200, 48px)}.alert-radio-label.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-top:var(--token-space-200, var(--token-scale-200, 8px));padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));max-width:calc(100% - var(--token-space-400, var(--token-scale-400, 16px)));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}.radio-label-placement-start.sc-ion-alert-ionic .alert-radio-label.sc-ion-alert-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-800, var(--token-scale-800, 32px));padding-inline-end:var(--token-space-800, var(--token-scale-800, 32px))}.radio-label-placement-end.sc-ion-alert-ionic .alert-radio-label.sc-ion-alert-ionic{-webkit-padding-start:var(--token-space-800, var(--token-scale-800, 32px));padding-inline-start:var(--token-space-800, var(--token-scale-800, 32px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}.alert-radio-icon.sc-ion-alert-ionic{top:var(--token-space-0, var(--token-scale-0, 0px));border-radius:var(--token-border-radius-full, 999px);display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px);border-width:var(--token-border-size-025, var(--token-scale-025, 1px));border-style:var(--token-border-style-solid, solid);border-color:var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));background-color:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));-webkit-box-sizing:border-box;box-sizing:border-box}.radio-label-placement-start.sc-ion-alert-ionic .alert-radio-icon.sc-ion-alert-ionic{inset-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}.radio-label-placement-end.sc-ion-alert-ionic .alert-radio-icon.sc-ion-alert-ionic{inset-inline-start:var(--token-space-400, var(--token-scale-400, 16px))}.alert-radio-inner.sc-ion-alert-ionic{border-radius:50%;width:calc(32% + var(--token-border-size-025, var(--token-scale-025, 1px)));height:calc(32% + var(--token-border-size-025, var(--token-scale-025, 1px)));background-color:var(--token-bg-surface-inverse, var(--token-primitives-base-white, #ffffff));-webkit-box-sizing:border-box;box-sizing:border-box}[aria-checked=true].sc-ion-alert-ionic .alert-radio-icon.sc-ion-alert-ionic{border-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}.alert-checkbox-label.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;-webkit-padding-start:var(--token-space-800, var(--token-scale-800, 32px));padding-inline-start:var(--token-space-800, var(--token-scale-800, 32px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-200, var(--token-scale-200, 8px));padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));max-width:calc(100% - var(--token-space-400, var(--token-scale-400, 16px)));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}.checkbox-label-placement-start.sc-ion-alert-ionic .alert-checkbox-label.sc-ion-alert-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-800, var(--token-scale-800, 32px));padding-inline-end:var(--token-space-800, var(--token-scale-800, 32px))}.alert-checkbox-icon.sc-ion-alert-ionic{top:var(--token-space-0, var(--token-scale-0, 0px));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px));display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px);border-width:var(--token-border-size-025, var(--token-scale-025, 1px));border-style:var(--token-border-style-solid, solid);border-color:var(--token-primitives-neutral-800, #626262);background-color:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-label-placement-end.sc-ion-alert-ionic .alert-checkbox-icon.sc-ion-alert-ionic{inset-inline-start:var(--token-space-400, var(--token-scale-400, 16px))}.checkbox-label-placement-start.sc-ion-alert-ionic .alert-checkbox-icon.sc-ion-alert-ionic{inset-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}.alert-checkbox-inner.sc-ion-alert-ionic{width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}.alert-checkbox-inner.sc-ion-alert-ionic path.sc-ion-alert-ionic{fill:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff))}[aria-checked=true].sc-ion-alert-ionic .alert-checkbox-icon.sc-ion-alert-ionic{border-color:var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}.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:var(--token-border-size-050, var(--token-scale-050, 2px));-webkit-margin-start:var(--token-space-0, var(--token-scale-0, 0px));margin-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-margin-end:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-end:var(--token-space-200, var(--token-scale-200, 8px));margin-top:var(--token-space-0, var(--token-scale-0, 0px));margin-bottom:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-start:var(--token-space-250, var(--token-scale-250, 10px));padding-inline-start:var(--token-space-250, var(--token-scale-250, 10px));-webkit-padding-end:var(--token-space-250, var(--token-scale-250, 10px));padding-inline-end:var(--token-space-250, var(--token-scale-250, 10px));padding-top:var(--token-space-250, var(--token-scale-250, 10px));padding-bottom:var(--token-space-250, var(--token-scale-250, 10px));position:relative;background-color:transparent;color:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));font-weight:var(--token-font-weight-medium, 500);text-align:end;overflow:hidden}.alert-button.sc-ion-alert-ionic .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)}}`;
|
|
109
|
+
const alertIonicCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-alert-ionic,.alert-radio-label-has-rich-content.sc-ion-alert-ionic,.alert-checkbox-label-has-rich-content.sc-ion-alert-ionic,.select-option-label-has-rich-content.sc-ion-alert-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.action-sheet-button-label-text.sc-ion-alert-ionic,.alert-checkbox-label-text.sc-ion-alert-ionic,.alert-radio-label-text.sc-ion-alert-ionic,.select-option-label-text.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;-webkit-padding-start:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-end:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-end:var(--token-space-0, var(--token-scale-0, 0px));padding-top:var(--token-space-0, var(--token-scale-0, 0px));padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));font-size:var(--token-font-size-350, 0.875rem)}.select-option-start.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic{gap:var(--token-space-200, var(--token-scale-200, 8px))}.select-option-start.sc-ion-alert-ionic>ion-avatar.sc-ion-alert-ionic,.select-option-start.sc-ion-alert-ionic>ion-img.sc-ion-alert-ionic,.select-option-start.sc-ion-alert-ionic>ion-thumbnail.sc-ion-alert-ionic,.select-option-start.sc-ion-alert-ionic>img.sc-ion-alert-ionic,.select-option-start.sc-ion-alert-ionic>svg.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic>ion-avatar.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic>ion-img.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic>ion-thumbnail.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic>img.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic>svg.sc-ion-alert-ionic{width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}.select-option-start.sc-ion-alert-ionic>ion-icon.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic>ion-icon.sc-ion-alert-ionic{font-size:var(--token-scale-1200, 48px)}.action-sheet-button-label-has-rich-content.sc-ion-alert-ionic,.alert-radio-label-has-rich-content.sc-ion-alert-ionic,.alert-checkbox-label-has-rich-content.sc-ion-alert-ionic,.select-option-label-has-rich-content.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-alert-ionic,.alert-radio-label-has-rich-content.sc-ion-alert-ionic,.alert-checkbox-label-has-rich-content.sc-ion-alert-ionic,.select-option-content.sc-ion-alert-ionic{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-alert-ionic,.alert-checkbox-label-text.sc-ion-alert-ionic,.alert-radio-label-text.sc-ion-alert-ionic,.select-option-label-text.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-alert-ionic,.select-option-end.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-alert-ionic{display:block}.select-option-label.sc-ion-alert-ionic:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-alert-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-alert-ionic::part(label),ion-radio.select-option-has-rich-content.sc-ion-alert-ionic [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-alert-ionic::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-alert-ionic [part~="label"],.select-option-content.sc-ion-alert-ionic{-ms-flex:1;flex:1;white-space:normal}.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;contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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}.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-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}.radio-label-placement-start.sc-ion-alert-ionic,.checkbox-label-placement-start.sc-ion-alert-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.radio-label-placement-end.sc-ion-alert-ionic,.checkbox-label-placement-end.sc-ion-alert-ionic{-ms-flex-direction:row;flex-direction:row}.radio-justify-start.sc-ion-alert-ionic,.checkbox-justify-start.sc-ion-alert-ionic{-ms-flex-pack:start;justify-content:start}.radio-justify-end.sc-ion-alert-ionic,.checkbox-justify-end.sc-ion-alert-ionic{-ms-flex-pack:end;justify-content:end}.radio-justify-space-between.sc-ion-alert-ionic,.checkbox-justify-space-between.sc-ion-alert-ionic{-ms-flex-pack:justify;justify-content:space-between}.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}.sc-ion-alert-ionic-h{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--max-width:var(--token-scale-7400, 296px);--backdrop-opacity:0.7;z-index:1001}.alert-wrapper.sc-ion-alert-ionic{border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px));-webkit-box-shadow:var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));box-shadow:var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));z-index:10}.alert-button.ion-focused.sc-ion-alert-ionic{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7))}.alert-tappable.ion-focused.sc-ion-alert-ionic{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));outline-offset:calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1)}.alert-tappable.ion-activated.sc-ion-alert-ionic,.alert-tappable.sc-ion-alert-ionic:not(:disabled):hover{background:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9))}.alert-tappable[aria-checked=true].sc-ion-alert-ionic{background:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)))}.alert-head.sc-ion-alert-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));text-align:start}.alert-title.sc-ion-alert-ionic{font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}.alert-sub-title.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;color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}.alert-message.sc-ion-alert-ionic,.alert-input-group.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;-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}@media screen and (max-width: 767px){.alert-message.sc-ion-alert-ionic{max-height:var(--token-scale-6200, 248px)}}.alert-message.sc-ion-alert-ionic:empty{-webkit-padding-start:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-end:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-end:var(--token-space-0, var(--token-scale-0, 0px));padding-top:var(--token-space-0, var(--token-scale-0, 0px));padding-bottom:var(--token-space-0, var(--token-scale-0, 0px))}.alert-head.sc-ion-alert-ionic+.alert-message.sc-ion-alert-ionic{padding-top:var(--token-space-0, var(--token-scale-0, 0px))}.alert-input.sc-ion-alert-ionic{margin-left:0;margin-right:0;margin-top:var(--token-space-150, var(--token-scale-150, 6px));margin-bottom:var(--token-space-150, var(--token-scale-150, 6px));border-bottom:var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}.alert-input.sc-ion-alert-ionic::-webkit-input-placeholder{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::-moz-placeholder{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic:-ms-input-placeholder{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::-ms-input-placeholder{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ionic::placeholder{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));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:var(--token-scale-100, 4px);border-bottom:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7))}.alert-radio-group.sc-ion-alert-ionic,.alert-checkbox-group.sc-ion-alert-ionic{position:relative;border-top:var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));border-bottom:var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));overflow:auto}@media screen and (max-width: 767px){.alert-radio-group.sc-ion-alert-ionic,.alert-checkbox-group.sc-ion-alert-ionic{max-height:var(--token-scale-6200, 248px)}}.alert-tappable.sc-ion-alert-ionic{position:relative;min-height:var(--token-scale-1200, 48px)}.alert-radio-label.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-top:var(--token-space-200, var(--token-scale-200, 8px));padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));max-width:calc(100% - var(--token-space-400, var(--token-scale-400, 16px)));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}.radio-label-placement-start.sc-ion-alert-ionic .alert-radio-label.sc-ion-alert-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-800, var(--token-scale-800, 32px));padding-inline-end:var(--token-space-800, var(--token-scale-800, 32px))}.radio-label-placement-end.sc-ion-alert-ionic .alert-radio-label.sc-ion-alert-ionic{-webkit-padding-start:var(--token-space-800, var(--token-scale-800, 32px));padding-inline-start:var(--token-space-800, var(--token-scale-800, 32px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}.alert-radio-icon.sc-ion-alert-ionic{top:var(--token-space-0, var(--token-scale-0, 0px));border-radius:var(--token-border-radius-full, 999px);display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px);border-width:var(--token-border-size-025, var(--token-scale-025, 1px));border-style:var(--token-border-style-solid, solid);border-color:var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));background-color:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));-webkit-box-sizing:border-box;box-sizing:border-box}.radio-label-placement-start.sc-ion-alert-ionic .alert-radio-icon.sc-ion-alert-ionic{inset-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}.radio-label-placement-end.sc-ion-alert-ionic .alert-radio-icon.sc-ion-alert-ionic{inset-inline-start:var(--token-space-400, var(--token-scale-400, 16px))}.alert-radio-inner.sc-ion-alert-ionic{border-radius:50%;width:calc(32% + var(--token-border-size-025, var(--token-scale-025, 1px)));height:calc(32% + var(--token-border-size-025, var(--token-scale-025, 1px)));background-color:var(--token-bg-surface-inverse, var(--token-primitives-base-white, #ffffff));-webkit-box-sizing:border-box;box-sizing:border-box}[aria-checked=true].sc-ion-alert-ionic .alert-radio-icon.sc-ion-alert-ionic{border-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}.alert-checkbox-label.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;-webkit-padding-start:var(--token-space-800, var(--token-scale-800, 32px));padding-inline-start:var(--token-space-800, var(--token-scale-800, 32px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-200, var(--token-scale-200, 8px));padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));max-width:calc(100% - var(--token-space-400, var(--token-scale-400, 16px)));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}.checkbox-label-placement-start.sc-ion-alert-ionic .alert-checkbox-label.sc-ion-alert-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-800, var(--token-scale-800, 32px));padding-inline-end:var(--token-space-800, var(--token-scale-800, 32px))}.alert-checkbox-icon.sc-ion-alert-ionic{top:var(--token-space-0, var(--token-scale-0, 0px));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px));display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px);border-width:var(--token-border-size-025, var(--token-scale-025, 1px));border-style:var(--token-border-style-solid, solid);border-color:var(--token-primitives-neutral-800, #626262);background-color:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-label-placement-end.sc-ion-alert-ionic .alert-checkbox-icon.sc-ion-alert-ionic{inset-inline-start:var(--token-space-400, var(--token-scale-400, 16px))}.checkbox-label-placement-start.sc-ion-alert-ionic .alert-checkbox-icon.sc-ion-alert-ionic{inset-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}[aria-checked=true].sc-ion-alert-ionic .alert-checkbox-icon.sc-ion-alert-ionic{border-color:var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}[aria-checked=true].sc-ion-alert-ionic .alert-checkbox-inner.sc-ion-alert-ionic{width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px);background-color:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));-webkit-clip-path:polygon(2.79% 58.21%, 33.75% 89.17%, 99.38% 23.54%, 90.54% 14.71%, 33.75% 71.49%, 11.63% 49.37%);clip-path:polygon(2.79% 58.21%, 33.75% 89.17%, 99.38% 23.54%, 90.54% 14.71%, 33.75% 71.49%, 11.63% 49.37%)}.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:var(--token-border-size-050, var(--token-scale-050, 2px));-webkit-margin-start:var(--token-space-0, var(--token-scale-0, 0px));margin-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-margin-end:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-end:var(--token-space-200, var(--token-scale-200, 8px));margin-top:var(--token-space-0, var(--token-scale-0, 0px));margin-bottom:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-start:var(--token-space-250, var(--token-scale-250, 10px));padding-inline-start:var(--token-space-250, var(--token-scale-250, 10px));-webkit-padding-end:var(--token-space-250, var(--token-scale-250, 10px));padding-inline-end:var(--token-space-250, var(--token-scale-250, 10px));padding-top:var(--token-space-250, var(--token-scale-250, 10px));padding-bottom:var(--token-space-250, var(--token-scale-250, 10px));position:relative;background-color:transparent;color:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));font-weight:var(--token-font-weight-medium, 500);text-align:end;overflow:hidden}.alert-button.sc-ion-alert-ionic .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)}}`;
|
|
110
110
|
|
|
111
111
|
const alertIosCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-alert-ios,.alert-radio-label-has-rich-content.sc-ion-alert-ios,.alert-checkbox-label-has-rich-content.sc-ion-alert-ios,.select-option-label-has-rich-content.sc-ion-alert-ios{gap:16px}.action-sheet-button-label-text.sc-ion-alert-ios,.alert-checkbox-label-text.sc-ion-alert-ios,.alert-radio-label-text.sc-ion-alert-ios,.select-option-label-text.sc-ion-alert-ios{gap:12px}.select-option-start.sc-ion-alert-ios,.select-option-end.sc-ion-alert-ios{gap:8px}.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}.select-option-start.sc-ion-alert-ios>ion-avatar.sc-ion-alert-ios,.select-option-start.sc-ion-alert-ios>ion-img.sc-ion-alert-ios,.select-option-start.sc-ion-alert-ios>ion-thumbnail.sc-ion-alert-ios,.select-option-start.sc-ion-alert-ios>img.sc-ion-alert-ios,.select-option-start.sc-ion-alert-ios>svg.sc-ion-alert-ios,.select-option-end.sc-ion-alert-ios>ion-avatar.sc-ion-alert-ios,.select-option-end.sc-ion-alert-ios>ion-img.sc-ion-alert-ios,.select-option-end.sc-ion-alert-ios>ion-thumbnail.sc-ion-alert-ios,.select-option-end.sc-ion-alert-ios>img.sc-ion-alert-ios,.select-option-end.sc-ion-alert-ios>svg.sc-ion-alert-ios{width:44px;height:44px}.select-option-start.sc-ion-alert-ios>ion-icon.sc-ion-alert-ios,.select-option-end.sc-ion-alert-ios>ion-icon.sc-ion-alert-ios{font-size:28px}.action-sheet-button-label-text.sc-ion-alert-ios{-ms-flex-pack:center;justify-content:center}.select-option-has-rich-content.sc-ion-alert-ios{-webkit-padding-end:16px;padding-inline-end:16px}.action-sheet-button-label-has-rich-content.sc-ion-alert-ios,.alert-radio-label-has-rich-content.sc-ion-alert-ios,.alert-checkbox-label-has-rich-content.sc-ion-alert-ios,.select-option-label-has-rich-content.sc-ion-alert-ios{gap:16px}.action-sheet-button-label-text.sc-ion-alert-ios,.alert-checkbox-label-text.sc-ion-alert-ios,.alert-radio-label-text.sc-ion-alert-ios,.select-option-label-text.sc-ion-alert-ios{gap:12px}.select-option-start.sc-ion-alert-ios,.select-option-end.sc-ion-alert-ios{gap:8px}.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}.action-sheet-button-label-has-rich-content.sc-ion-alert-ios,.alert-radio-label-has-rich-content.sc-ion-alert-ios,.alert-checkbox-label-has-rich-content.sc-ion-alert-ios,.select-option-label-has-rich-content.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-alert-ios,.alert-radio-label-has-rich-content.sc-ion-alert-ios,.alert-checkbox-label-has-rich-content.sc-ion-alert-ios,.select-option-content.sc-ion-alert-ios{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-alert-ios,.alert-checkbox-label-text.sc-ion-alert-ios,.alert-radio-label-text.sc-ion-alert-ios,.select-option-label-text.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-alert-ios,.select-option-end.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-alert-ios{display:block}.select-option-label.sc-ion-alert-ios:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-alert-ios::part(label),ion-radio.select-option-has-rich-content.sc-ion-alert-ios [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-alert-ios::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-alert-ios [part~="label"],.select-option-content.sc-ion-alert-ios{-ms-flex:1;flex:1;white-space:normal}.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;contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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}.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-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}.radio-label-placement-start.sc-ion-alert-ios,.checkbox-label-placement-start.sc-ion-alert-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.radio-label-placement-end.sc-ion-alert-ios,.checkbox-label-placement-end.sc-ion-alert-ios{-ms-flex-direction:row;flex-direction:row}.radio-justify-start.sc-ion-alert-ios,.checkbox-justify-start.sc-ion-alert-ios{-ms-flex-pack:start;justify-content:start}.radio-justify-end.sc-ion-alert-ios,.checkbox-justify-end.sc-ion-alert-ios{-ms-flex-pack:end;justify-content:end}.radio-justify-space-between.sc-ion-alert-ios,.checkbox-justify-space-between.sc-ion-alert-ios{-ms-flex-pack:justify;justify-content:space-between}.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}.sc-ion-alert-ios-h{font-family:var(--ion-font-family, inherit);z-index:1001}.alert-wrapper.sc-ion-alert-ios{z-index:10}.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))}.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;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-negative:0;flex-shrink:0;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 .radio-label-placement-end.sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{inset-inline-end:7px}[aria-checked=true].sc-ion-alert-ios .radio-label-placement-start.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;color:var(--ion-text-color, #000)}.alert-checkbox-icon.sc-ion-alert-ios{border-radius:50%;margin-top:10px;margin-bottom:10px;position:relative;-ms-flex-negative:0;flex-shrink:0;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}.checkbox-label-placement-end.sc-ion-alert-ios .alert-checkbox-icon.sc-ion-alert-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:6px;margin-inline-end:6px}.checkbox-label-placement-start.sc-ion-alert-ios .alert-checkbox-icon.sc-ion-alert-ios{-webkit-margin-start:6px;margin-inline-start:6px;-webkit-margin-end:16px;margin-inline-end:16px}[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 .checkbox-label-placement-end.sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{inset-inline-start:calc(min(1.375rem, 55.836px) / 3)}[aria-checked=true].sc-ion-alert-ios .checkbox-label-placement-start.sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{inset-inline-end: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)}`;
|
|
112
112
|
|
|
@@ -525,7 +525,7 @@ const Alert = class {
|
|
|
525
525
|
'alert-button-inner': true,
|
|
526
526
|
[`checkbox-label-placement-${richInput.labelPlacement ?? defaultLabelPlacement}`]: true,
|
|
527
527
|
[`checkbox-justify-${richInput.justify ?? defaultJustify}`]: true,
|
|
528
|
-
} }, h("div", { class: "alert-checkbox-icon" },
|
|
528
|
+
} }, h("div", { class: "alert-checkbox-icon" }, h("div", { class: "alert-checkbox-inner" })), renderOptionLabel(optionLabelOptions, 'alert-checkbox-label')), theme === 'md' && h("ion-ripple-effect", null)));
|
|
529
529
|
})));
|
|
530
530
|
}
|
|
531
531
|
renderRadio() {
|
|
@@ -663,14 +663,14 @@ const Alert = class {
|
|
|
663
663
|
* If neither are defined, do not set aria-labelledby.
|
|
664
664
|
*/
|
|
665
665
|
const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
|
|
666
|
-
return (h(Host, { key: '
|
|
666
|
+
return (h(Host, { key: '607c6f27d3764f68110cf2ebd46e0829aaa432c7', tabindex: "-1", style: {
|
|
667
667
|
zIndex: `${20000 + overlayIndex}`,
|
|
668
668
|
}, class: {
|
|
669
669
|
...getClassMap(this.cssClass),
|
|
670
670
|
[theme]: true,
|
|
671
671
|
'overlay-hidden': true,
|
|
672
672
|
'alert-translucent': this.translucent,
|
|
673
|
-
}, onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, h("ion-backdrop", { key: '
|
|
673
|
+
}, onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, h("ion-backdrop", { key: '263cdccbefb3a5ff2afe3184320988ae4cc10e7b', tappable: this.backdropDismiss }), h("div", { key: 'd5d67340a83500955d894865864da7cbb11a31df', tabindex: "0", "aria-hidden": "true" }), h("div", { key: 'bdc4d4f198d81a8901d08d68106bd8bf1ae3e9e2', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el), ...htmlAttributes }, h("div", { key: '79a9cda2d299b36fa4e1ac9abc501b5f324b3ddf', class: "alert-head" }, header && (h("h2", { key: '8d2ec86a3c0958822819b702d6957f8b703eba1e', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (h("h2", { key: '27f2982dbe925379e07fd71dbcf995db197d6f4c', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (h("h3", { key: '6dde6c5d31748e13d5c0dcbf10107d71af4bcf91', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: '0e5c2403ab6d04d84945b9375f99d29d7e6b67cc', tabindex: "0", "aria-hidden": "true" })));
|
|
674
674
|
}
|
|
675
675
|
get el() { return getElement(this); }
|
|
676
676
|
static get watchers() { return {
|
|
@@ -2,10 +2,9 @@
|
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, e as config, h, d as Host, g as getElement } from './index-jsOqXOKf.js';
|
|
5
|
-
import { c as caretLeftSvg } from './caret-left-fIOYmaqA.js';
|
|
6
5
|
import { i as inheritAriaAttributes } from './helpers-DTqW6MzS.js';
|
|
7
6
|
import { o as openURL, c as createColorClasses, h as hostContext } from './theme-BUF_V-Kg.js';
|
|
8
|
-
import {
|
|
7
|
+
import { c as chevronBack, a as arrowBackSharp } from './index-BkJpfpXI.js';
|
|
9
8
|
import { c as getIonTheme } from './ionic-global-oK2heABF.js';
|
|
10
9
|
import './focus-visible-vXpMhGrs.js';
|
|
11
10
|
import './dir-Dojwmvde.js';
|
|
@@ -43,21 +42,20 @@ const BackButton = class {
|
|
|
43
42
|
this.defaultHref = config.get('backButtonDefaultHref');
|
|
44
43
|
}
|
|
45
44
|
}
|
|
45
|
+
/**
|
|
46
|
+
* Get the icon to use for the back button icon.
|
|
47
|
+
* If an icon is set on the component, use that.
|
|
48
|
+
* Otherwise, use the icon set in the config.
|
|
49
|
+
* If no icon is set in the config, use the default icon.
|
|
50
|
+
*/
|
|
46
51
|
get backButtonIcon() {
|
|
47
52
|
// Return the icon if it is explicitly set
|
|
48
53
|
if (this.icon != null) {
|
|
49
54
|
return this.icon;
|
|
50
55
|
}
|
|
51
|
-
// Determine the theme and map to default
|
|
56
|
+
// Determine the theme and map to the default icon
|
|
52
57
|
const theme = getIonTheme(this);
|
|
53
|
-
const
|
|
54
|
-
ios: chevronBack,
|
|
55
|
-
ionic: caretLeftSvg,
|
|
56
|
-
md: arrowBackSharp,
|
|
57
|
-
};
|
|
58
|
-
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
59
|
-
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
60
|
-
// Return the configured back button icon or the default icon
|
|
58
|
+
const defaultIcon = theme === 'ios' ? chevronBack : arrowBackSharp;
|
|
61
59
|
return config.get('backButtonIcon', defaultIcon);
|
|
62
60
|
}
|
|
63
61
|
get backButtonText() {
|
|
@@ -65,7 +63,7 @@ const BackButton = class {
|
|
|
65
63
|
return this.text != null ? this.text : config.get('backButtonText', defaultBackButtonText);
|
|
66
64
|
}
|
|
67
65
|
get hasIconOnly() {
|
|
68
|
-
return this.backButtonIcon && !this.backButtonText;
|
|
66
|
+
return !!this.backButtonIcon && !this.backButtonText;
|
|
69
67
|
}
|
|
70
68
|
get rippleType() {
|
|
71
69
|
// If the button only has an icon we use the unbounded
|
|
@@ -80,7 +78,7 @@ const BackButton = class {
|
|
|
80
78
|
const showBackButton = defaultHref !== undefined;
|
|
81
79
|
const theme = getIonTheme(this);
|
|
82
80
|
const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
|
|
83
|
-
return (h(Host, { key: '
|
|
81
|
+
return (h(Host, { key: '76fb1f3b149f64429efb34ba245e2a823e040890', onClick: this.onClick, class: createColorClasses(color, {
|
|
84
82
|
[theme]: true,
|
|
85
83
|
button: true, // ion-buttons target .button
|
|
86
84
|
'back-button-disabled': disabled,
|
|
@@ -90,7 +88,7 @@ const BackButton = class {
|
|
|
90
88
|
'ion-activatable': true,
|
|
91
89
|
'ion-focusable': true,
|
|
92
90
|
'show-back-button': showBackButton,
|
|
93
|
-
}) }, h("button", { key: '
|
|
91
|
+
}) }, h("button", { key: '756332a61b212e4466ee45e7b7bf76a9e55d203f', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, h("span", { key: '2af18172b063251d103b92d28f5a0437cad3206e', class: "button-inner" }, backButtonIcon && (h("ion-icon", { key: 'd82c57dbfafbeeef019d42b3febcdbd045cc468a', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (h("span", { key: 'd26836eb3ab34e95cbc0663971b7be66757ebee5', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), theme === 'md' && h("ion-ripple-effect", { key: '28d049f7aaeab3320f6d0254c0f65721a8fcc43e', type: this.rippleType }))));
|
|
94
92
|
}
|
|
95
93
|
get el() { return getElement(this); }
|
|
96
94
|
};
|