@ionic/core 7.3.5-nightly.20230914 → 7.4.1-dev.11694783260.13da477f
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/button-active.js +1 -1
- package/components/checkbox.js +6 -3
- package/components/data.js +31 -7
- package/components/index.js +2 -2
- package/components/index2.js +203 -429
- package/components/index3.js +429 -203
- package/components/ion-datetime-button.js +3 -0
- package/components/ion-datetime.js +132 -92
- package/components/ion-item-sliding.js +1 -1
- package/components/ion-menu.js +1 -1
- package/components/ion-modal.js +2 -2
- package/components/ion-nav.js +1 -1
- package/components/ion-range.js +3 -3
- package/components/ion-refresher.js +3 -3
- package/components/ion-reorder-group.js +1 -1
- package/components/ion-router-outlet.js +1 -1
- package/components/ion-segment.js +1 -1
- package/components/ion-toggle.js +7 -4
- package/components/ios.transition.js +1 -1
- package/components/md.transition.js +1 -1
- package/components/notch-controller.js +1 -1
- package/components/overlays.js +19 -2
- package/components/picker-column.js +1 -1
- package/components/popover.js +1 -1
- package/components/radio.js +6 -3
- package/components/swipe-back.js +1 -1
- package/css/core.css.map +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/dist/cjs/{data-967b9c15.js → data-db832785.js} +31 -7
- package/dist/cjs/index.cjs.js +11 -10
- package/dist/cjs/ion-action-sheet.cjs.entry.js +1 -1
- package/dist/cjs/ion-alert.cjs.entry.js +1 -1
- package/dist/cjs/ion-checkbox.cjs.entry.js +5 -3
- package/dist/cjs/ion-datetime-button.cjs.entry.js +4 -1
- package/dist/cjs/ion-datetime_3.cjs.entry.js +134 -95
- package/dist/cjs/ion-input.cjs.entry.js +1 -1
- package/dist/cjs/ion-loading.cjs.entry.js +2 -2
- package/dist/cjs/ion-menu_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-popover.cjs.entry.js +2 -2
- package/dist/cjs/ion-radio_2.cjs.entry.js +5 -3
- package/dist/cjs/ion-range.cjs.entry.js +2 -2
- package/dist/cjs/ion-select_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-textarea.cjs.entry.js +1 -1
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ion-toggle.cjs.entry.js +5 -3
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{notch-controller-c27fe0b7.js → notch-controller-f4f6af5d.js} +1 -1
- package/dist/cjs/{overlays-c78a0148.js → overlays-5ec9419b.js} +21 -4
- package/dist/collection/components/checkbox/checkbox.ios.css +67 -0
- package/dist/collection/components/checkbox/checkbox.js +24 -4
- package/dist/collection/components/checkbox/checkbox.md.css +67 -0
- package/dist/collection/components/checkbox/test/item/checkbox.e2e.js +13 -0
- package/dist/collection/components/checkbox/test/label/checkbox.e2e.js +27 -0
- package/dist/collection/components/datetime/datetime.ios.css +32 -29
- package/dist/collection/components/datetime/datetime.js +137 -93
- package/dist/collection/components/datetime/datetime.md.css +20 -28
- package/dist/collection/components/datetime/test/basic/datetime.e2e.js +25 -0
- package/dist/collection/components/datetime/test/color/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/custom/datetime.e2e.js +27 -1
- package/dist/collection/components/datetime/test/prefer-wheel/datetime.e2e.js +15 -0
- package/dist/collection/components/datetime/test/set-value/datetime.e2e.js +9 -12
- package/dist/collection/components/datetime/utils/data.js +14 -6
- package/dist/collection/components/datetime/utils/parse.js +18 -1
- package/dist/collection/components/datetime-button/datetime-button.js +3 -0
- package/dist/collection/components/radio/radio.ios.css +67 -0
- package/dist/collection/components/radio/radio.js +24 -4
- package/dist/collection/components/radio/radio.md.css +67 -0
- package/dist/collection/components/radio/test/item/radio.e2e.js +15 -0
- package/dist/collection/components/radio/test/label-placement/radio.e2e.js +31 -0
- package/dist/collection/components/range/range.ios.css +66 -1
- package/dist/collection/components/range/range.js +3 -3
- package/dist/collection/components/range/range.md.css +66 -1
- package/dist/collection/components/range/test/item/range.e2e.js +15 -0
- package/dist/collection/components/range/test/label/range.e2e.js +59 -0
- package/dist/collection/components/toggle/test/item/toggle.e2e.js +15 -0
- package/dist/collection/components/toggle/test/label/toggle.e2e.js +27 -0
- package/dist/collection/components/toggle/toggle.ios.css +67 -1
- package/dist/collection/components/toggle/toggle.js +24 -4
- package/dist/collection/components/toggle/toggle.md.css +67 -1
- package/dist/collection/index.js +1 -0
- package/dist/collection/utils/forms/notch-controller.js +1 -1
- package/dist/collection/utils/overlays.js +19 -2
- package/dist/docs.json +147 -18
- package/dist/esm/{data-4b448e3a.js → data-009dbf15.js} +31 -7
- package/dist/esm/index.js +3 -3
- package/dist/esm/ion-action-sheet.entry.js +1 -1
- package/dist/esm/ion-alert.entry.js +1 -1
- package/dist/esm/ion-checkbox.entry.js +5 -3
- package/dist/esm/ion-datetime-button.entry.js +4 -1
- package/dist/esm/ion-datetime_3.entry.js +134 -95
- package/dist/esm/ion-input.entry.js +1 -1
- package/dist/esm/ion-loading.entry.js +2 -2
- package/dist/esm/ion-menu_3.entry.js +1 -1
- package/dist/esm/ion-modal.entry.js +1 -1
- package/dist/esm/ion-popover.entry.js +2 -2
- package/dist/esm/ion-radio_2.entry.js +5 -3
- package/dist/esm/ion-range.entry.js +2 -2
- package/dist/esm/ion-select_3.entry.js +2 -2
- package/dist/esm/ion-textarea.entry.js +1 -1
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ion-toggle.entry.js +5 -3
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{notch-controller-cb5bbe6a.js → notch-controller-8c9c0e54.js} +1 -1
- package/dist/esm/{overlays-4565894b.js → overlays-99dddd1a.js} +19 -2
- package/dist/esm-es5/data-009dbf15.js +4 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
- package/dist/esm-es5/ion-alert.entry.js +1 -1
- package/dist/esm-es5/ion-checkbox.entry.js +1 -1
- package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
- package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
- package/dist/esm-es5/ion-input.entry.js +1 -1
- package/dist/esm-es5/ion-loading.entry.js +1 -1
- package/dist/esm-es5/ion-menu_3.entry.js +1 -1
- package/dist/esm-es5/ion-modal.entry.js +1 -1
- package/dist/esm-es5/ion-popover.entry.js +1 -1
- package/dist/esm-es5/ion-radio_2.entry.js +1 -1
- package/dist/esm-es5/ion-range.entry.js +1 -1
- package/dist/esm-es5/ion-select_3.entry.js +1 -1
- package/dist/esm-es5/ion-textarea.entry.js +1 -1
- package/dist/esm-es5/ion-toast.entry.js +1 -1
- package/dist/esm-es5/ion-toggle.entry.js +1 -1
- package/dist/esm-es5/ionic.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/overlays-99dddd1a.js +4 -0
- package/dist/html.html-data.json +52 -4
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-95188051.system.entry.js → p-0145346f.system.entry.js} +1 -1
- package/dist/ionic/{p-28d8b87b.entry.js → p-11dda9d2.entry.js} +1 -1
- package/dist/ionic/{p-4d2807fa.entry.js → p-37c9e295.entry.js} +1 -1
- package/dist/ionic/{p-49f2eaa6.entry.js → p-3af21be1.entry.js} +1 -1
- package/dist/ionic/p-3d575698.system.entry.js +4 -0
- package/dist/ionic/{p-a037b6d5.system.entry.js → p-3d9eb4d8.system.entry.js} +1 -1
- package/dist/ionic/p-44ef7224.system.js +4 -0
- package/dist/ionic/{p-1c236453.system.entry.js → p-46058a1e.system.entry.js} +1 -1
- package/dist/ionic/p-4a0beed4.entry.js +4 -0
- package/dist/ionic/{p-5a9dc764.system.entry.js → p-5ff498c5.system.entry.js} +1 -1
- package/dist/ionic/p-60f22efc.system.entry.js +4 -0
- package/dist/ionic/p-6121347a.js +4 -0
- package/dist/ionic/{p-dc4c9086.system.entry.js → p-66488ac4.system.entry.js} +1 -1
- package/dist/ionic/p-6d640b2b.entry.js +4 -0
- package/dist/ionic/{p-d8d30fd1.system.entry.js → p-745d5ccf.system.entry.js} +1 -1
- package/dist/ionic/p-74ef17ea.system.entry.js +4 -0
- package/dist/ionic/{p-6ccffb74.system.entry.js → p-76eb5214.system.entry.js} +1 -1
- package/dist/ionic/p-7cfd253c.js +4 -0
- package/dist/ionic/p-83966577.system.entry.js +4 -0
- package/dist/ionic/{p-cd002251.entry.js → p-8761adac.entry.js} +1 -1
- package/dist/ionic/{p-11d0977d.entry.js → p-8e72b66b.entry.js} +1 -1
- package/dist/ionic/p-a6dcd80e.system.js +4 -0
- package/dist/ionic/p-aa702daf.entry.js +4 -0
- package/dist/ionic/{p-83459b99.entry.js → p-b10fca60.entry.js} +1 -1
- package/dist/ionic/{p-9eced28c.entry.js → p-b4f73fa4.entry.js} +1 -1
- package/dist/ionic/{p-23ddd787.system.entry.js → p-c528cdee.system.entry.js} +1 -1
- package/dist/ionic/p-c68a8814.system.js +1 -1
- package/dist/ionic/p-cc758251.system.entry.js +4 -0
- package/dist/ionic/{p-0ce43a8f.system.entry.js → p-d0d09178.system.entry.js} +1 -1
- package/dist/ionic/{p-072f99fd.entry.js → p-daf7b373.entry.js} +1 -1
- package/dist/ionic/p-df89f48b.system.js +4 -0
- package/dist/ionic/p-dfee12f6.entry.js +4 -0
- package/dist/ionic/{p-8db97b90.entry.js → p-e3ca182a.entry.js} +1 -1
- package/dist/ionic/p-f0c28fbd.entry.js +4 -0
- package/dist/ionic/{p-e239ab05.system.entry.js → p-fa700c09.system.entry.js} +1 -1
- package/dist/ionic/p-fdfc7b98.entry.js +4 -0
- package/dist/ionic/p-ff0611e6.system.entry.js +4 -0
- package/dist/ionic/{p-68deb933.entry.js → p-ffe9cbe5.entry.js} +1 -1
- package/dist/types/components/checkbox/checkbox.d.ts +8 -1
- package/dist/types/components/datetime/datetime.d.ts +23 -10
- package/dist/types/components/datetime/utils/data.d.ts +1 -1
- package/dist/types/components/datetime/utils/parse.d.ts +3 -3
- package/dist/types/components/radio/radio.d.ts +8 -1
- package/dist/types/components/range/range.d.ts +2 -1
- package/dist/types/components/toast/toast-interface.d.ts +3 -0
- package/dist/types/components/toggle/toggle.d.ts +8 -1
- package/dist/types/components.d.ts +40 -16
- package/dist/types/index.d.ts +1 -0
- package/dist/types/interface.d.ts +1 -0
- package/hydrate/index.js +211 -113
- package/package.json +1 -1
- package/dist/esm-es5/data-4b448e3a.js +0 -4
- package/dist/esm-es5/overlays-4565894b.js +0 -4
- package/dist/ionic/p-17e961cf.entry.js +0 -4
- package/dist/ionic/p-1b533a76.system.entry.js +0 -4
- package/dist/ionic/p-44a6f15d.system.entry.js +0 -4
- package/dist/ionic/p-4f7109fa.entry.js +0 -4
- package/dist/ionic/p-56495958.js +0 -4
- package/dist/ionic/p-601fd53c.js +0 -4
- package/dist/ionic/p-7106c152.system.js +0 -4
- package/dist/ionic/p-9eaaa910.entry.js +0 -4
- package/dist/ionic/p-af6125d1.system.entry.js +0 -4
- package/dist/ionic/p-b8d7f0eb.system.entry.js +0 -4
- package/dist/ionic/p-b9179eab.entry.js +0 -4
- package/dist/ionic/p-bfee11b2.system.js +0 -4
- package/dist/ionic/p-cc8910e7.system.js +0 -4
- package/dist/ionic/p-dc7d392d.entry.js +0 -4
- package/dist/ionic/p-e65aed58.system.entry.js +0 -4
- package/dist/ionic/p-f3ec1f2b.entry.js +0 -4
- package/dist/ionic/p-fb26fa56.system.entry.js +0 -4
- /package/dist/esm-es5/{notch-controller-cb5bbe6a.js → notch-controller-8c9c0e54.js} +0 -0
- /package/dist/ionic/{p-4b37d92d.js → p-3bad5c1a.js} +0 -0
- /package/dist/ionic/{p-46b2991d.system.js → p-ab4cff27.system.js} +0 -0
package/hydrate/index.js
CHANGED
|
@@ -8460,6 +8460,16 @@ const getOverlays = (doc, selector) => {
|
|
|
8460
8460
|
}
|
|
8461
8461
|
return Array.from(doc.querySelectorAll(selector)).filter((c) => c.overlayIndex > 0);
|
|
8462
8462
|
};
|
|
8463
|
+
/**
|
|
8464
|
+
* Returns a list of all presented overlays.
|
|
8465
|
+
* Inline overlays can exist in the DOM but not be presented,
|
|
8466
|
+
* so there are times when we want to exclude those.
|
|
8467
|
+
* @param doc The document to find the element within.
|
|
8468
|
+
* @param overlayTag The selector for the overlay, defaults to Ionic overlay components.
|
|
8469
|
+
*/
|
|
8470
|
+
const getPresentedOverlays = (doc, overlayTag) => {
|
|
8471
|
+
return getOverlays(doc, overlayTag).filter((o) => !isOverlayHidden(o));
|
|
8472
|
+
};
|
|
8463
8473
|
/**
|
|
8464
8474
|
* Returns an overlay element
|
|
8465
8475
|
* @param doc The document to find the element within.
|
|
@@ -8468,7 +8478,7 @@ const getOverlays = (doc, selector) => {
|
|
|
8468
8478
|
* @returns The overlay element or `undefined` if no overlay element is found.
|
|
8469
8479
|
*/
|
|
8470
8480
|
const getOverlay = (doc, overlayTag, id) => {
|
|
8471
|
-
const overlays =
|
|
8481
|
+
const overlays = getPresentedOverlays(doc, overlayTag);
|
|
8472
8482
|
return id === undefined ? overlays[overlays.length - 1] : overlays.find((o) => o.id === id);
|
|
8473
8483
|
};
|
|
8474
8484
|
/**
|
|
@@ -8574,7 +8584,13 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
|
|
|
8574
8584
|
if (!overlay.presented) {
|
|
8575
8585
|
return false;
|
|
8576
8586
|
}
|
|
8577
|
-
|
|
8587
|
+
/**
|
|
8588
|
+
* If this is the last visible overlay then
|
|
8589
|
+
* we want to re-add the root to the accessibility tree.
|
|
8590
|
+
*/
|
|
8591
|
+
if (doc !== undefined && getPresentedOverlays(doc).length === 1) {
|
|
8592
|
+
setRootAriaHidden(false);
|
|
8593
|
+
}
|
|
8578
8594
|
overlay.presented = false;
|
|
8579
8595
|
try {
|
|
8580
8596
|
// Overlay contents should not be clickable during dismiss
|
|
@@ -12028,7 +12044,7 @@ const createNotchController = (el, getNotchSpacerEl, getLabelSlot) => {
|
|
|
12028
12044
|
* The notch is only visible when the label is scaled,
|
|
12029
12045
|
* which is why we multiply the width by 0.75 as this is
|
|
12030
12046
|
* the same amount the label element is scaled by in the host CSS.
|
|
12031
|
-
* (
|
|
12047
|
+
* (See $form-control-label-stacked-scale in ionic.globals.scss).
|
|
12032
12048
|
*/
|
|
12033
12049
|
notchSpacerEl.style.setProperty('width', `${width * 0.75}px`);
|
|
12034
12050
|
};
|
|
@@ -12044,9 +12060,9 @@ const createNotchController = (el, getNotchSpacerEl, getLabelSlot) => {
|
|
|
12044
12060
|
};
|
|
12045
12061
|
};
|
|
12046
12062
|
|
|
12047
|
-
const checkboxIosCss = "/*!@:host*/.sc-ion-checkbox-ios-h{--checkbox-background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item)*/.in-item.sc-ion-checkbox-ios-h{width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-checkbox)),\n:host([slot=end]:not(.legacy-checkbox))*/[slot=start].sc-ion-checkbox-ios-h:not(.legacy-checkbox),[slot=end].sc-ion-checkbox-ios-h:not(.legacy-checkbox){width:auto}/*!@:host(.legacy-checkbox)*/.legacy-checkbox.sc-ion-checkbox-ios-h{width:var(--size);height:var(--size)}/*!@:host(.ion-color)*/.ion-color.sc-ion-checkbox-ios-h{--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{left:0}/*!@:host-context([dir=rtl]):host(.legacy-checkbox) label, :host-context([dir=rtl]).legacy-checkbox label*/[dir=rtl].sc-ion-checkbox-ios-h -no-combinator.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios,[dir=rtl] .sc-ion-checkbox-ios-h -no-combinator.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios,[dir=rtl].legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios,[dir=rtl] .legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-checkbox-ios selector(.sc-ion-checkbox-ios:dir(rtl)){.sc-ion-checkbox-ios-h.legacy-checkbox label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-checkbox) label::-moz-focus-inner*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios::-moz-focus-inner{border:0}/*!@.checkbox-wrapper*/.checkbox-wrapper.sc-ion-checkbox-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-checkbox-ios{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-checkbox)) .label-text-wrapper*/.in-item.sc-ion-checkbox-ios-h:not(.legacy-checkbox) .label-text-wrapper.sc-ion-checkbox-ios{margin-top:10px;margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-checkbox-ios{display:none}/*!@input*/input.sc-ion-checkbox-ios{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-checkbox-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@.checkbox-icon*/.checkbox-icon.sc-ion-checkbox-ios{border-radius:var(--border-radius);position:relative;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.legacy-checkbox) .checkbox-icon*/.legacy-checkbox.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios{display:block;width:100%;height:100%}/*!@:host(:not(.legacy-checkbox)) .checkbox-icon*/.sc-ion-checkbox-ios-h:not(.legacy-checkbox) .checkbox-icon.sc-ion-checkbox-ios{width:var(--size);height:var(--size)}/*!@.checkbox-icon path*/.checkbox-icon.sc-ion-checkbox-ios path.sc-ion-checkbox-ios{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}/*!@:host(.checkbox-justify-space-between) .checkbox-wrapper*/.checkbox-justify-space-between.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.checkbox-justify-start) .checkbox-wrapper*/.checkbox-justify-start.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-pack:start;justify-content:start}/*!@:host(.checkbox-justify-end) .checkbox-wrapper*/.checkbox-justify-end.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-pack:end;justify-content:end}/*!@:host(.checkbox-label-placement-start) .checkbox-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.checkbox-label-placement-start) .label-text-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-end) .checkbox-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.checkbox-label-placement-end) .label-text-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.checkbox-checked) .checkbox-icon,\n:host(.checkbox-indeterminate) .checkbox-icon*/.checkbox-checked.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios,.checkbox-indeterminate.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}/*!@:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path*/.checkbox-checked.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios path.sc-ion-checkbox-ios,.checkbox-indeterminate.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios path.sc-ion-checkbox-ios{opacity:1}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-ios-h{pointer-events:none}/*!@:host*/.sc-ion-checkbox-ios-h{--border-radius:50%;--border-width:1px;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--size:26px}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-ios-h{opacity:0.3}/*!@:host(.in-item.legacy-checkbox)*/.in-item.legacy-checkbox.sc-ion-checkbox-ios-h{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:9px;display:block;position:static}/*!@:host(.in-item.legacy-checkbox[slot=start])*/.in-item.legacy-checkbox[slot=start].sc-ion-checkbox-ios-h{-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:8px;margin-bottom:8px}";
|
|
12063
|
+
const checkboxIosCss = "/*!@:host*/.sc-ion-checkbox-ios-h{--checkbox-background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item)*/.in-item.sc-ion-checkbox-ios-h{width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-checkbox)),\n:host([slot=end]:not(.legacy-checkbox))*/[slot=start].sc-ion-checkbox-ios-h:not(.legacy-checkbox),[slot=end].sc-ion-checkbox-ios-h:not(.legacy-checkbox){width:auto}/*!@:host(.legacy-checkbox)*/.legacy-checkbox.sc-ion-checkbox-ios-h{width:var(--size);height:var(--size)}/*!@:host(.ion-color)*/.ion-color.sc-ion-checkbox-ios-h{--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{left:0}/*!@:host-context([dir=rtl]):host(.legacy-checkbox) label, :host-context([dir=rtl]).legacy-checkbox label*/[dir=rtl].sc-ion-checkbox-ios-h -no-combinator.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios,[dir=rtl] .sc-ion-checkbox-ios-h -no-combinator.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios,[dir=rtl].legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios,[dir=rtl] .legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-checkbox-ios selector(.sc-ion-checkbox-ios:dir(rtl)){.sc-ion-checkbox-ios-h.legacy-checkbox label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-checkbox) label::-moz-focus-inner*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios::-moz-focus-inner{border:0}/*!@.checkbox-wrapper*/.checkbox-wrapper.sc-ion-checkbox-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-checkbox-ios{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-checkbox)) .label-text-wrapper*/.in-item.sc-ion-checkbox-ios-h:not(.legacy-checkbox) .label-text-wrapper.sc-ion-checkbox-ios{margin-top:10px;margin-bottom:10px}/*!@:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper*/.in-item.checkbox-label-placement-stacked.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.checkbox-label-placement-stacked) .native-wrapper*/.in-item.checkbox-label-placement-stacked.sc-ion-checkbox-ios-h .native-wrapper.sc-ion-checkbox-ios{margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-checkbox-ios{display:none}/*!@input*/input.sc-ion-checkbox-ios{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-checkbox-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@.checkbox-icon*/.checkbox-icon.sc-ion-checkbox-ios{border-radius:var(--border-radius);position:relative;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.legacy-checkbox) .checkbox-icon*/.legacy-checkbox.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios{display:block;width:100%;height:100%}/*!@:host(:not(.legacy-checkbox)) .checkbox-icon*/.sc-ion-checkbox-ios-h:not(.legacy-checkbox) .checkbox-icon.sc-ion-checkbox-ios{width:var(--size);height:var(--size)}/*!@.checkbox-icon path*/.checkbox-icon.sc-ion-checkbox-ios path.sc-ion-checkbox-ios{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}/*!@:host(.checkbox-justify-space-between) .checkbox-wrapper*/.checkbox-justify-space-between.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.checkbox-justify-start) .checkbox-wrapper*/.checkbox-justify-start.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-pack:start;justify-content:start}/*!@:host(.checkbox-justify-end) .checkbox-wrapper*/.checkbox-justify-end.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-pack:end;justify-content:end}/*!@:host(.checkbox-alignment-start) .checkbox-wrapper*/.checkbox-alignment-start.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-align:start;align-items:start}/*!@:host(.checkbox-alignment-center) .checkbox-wrapper*/.checkbox-alignment-center.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-align:center;align-items:center}/*!@:host(.checkbox-label-placement-start) .checkbox-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.checkbox-label-placement-start) .label-text-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-end) .checkbox-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.checkbox-label-placement-end) .label-text-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.checkbox-label-placement-stacked) .checkbox-wrapper*/.checkbox-label-placement-stacked.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-direction:column;flex-direction:column}/*!@:host(.checkbox-label-placement-stacked) .label-text-wrapper*/.checkbox-label-placement-stacked.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}/*!@:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper*/.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-transform-origin:left top;transform-origin:left top}/*!@:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper, :host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper*/[dir=rtl].sc-ion-checkbox-ios-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios,[dir=rtl] .sc-ion-checkbox-ios-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios,[dir=rtl].checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios,[dir=rtl] .checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper:dir(rtl)*/.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper*/.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-transform-origin:center top;transform-origin:center top}/*!@:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper, :host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper*/[dir=rtl].sc-ion-checkbox-ios-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios,[dir=rtl] .sc-ion-checkbox-ios-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios,[dir=rtl].checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios,[dir=rtl] .checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){/*!@:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper:dir(rtl)*/.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios:dir(rtl){-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}/*!@:host(.checkbox-checked) .checkbox-icon,\n:host(.checkbox-indeterminate) .checkbox-icon*/.checkbox-checked.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios,.checkbox-indeterminate.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}/*!@:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path*/.checkbox-checked.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios path.sc-ion-checkbox-ios,.checkbox-indeterminate.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios path.sc-ion-checkbox-ios{opacity:1}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-ios-h{pointer-events:none}/*!@:host*/.sc-ion-checkbox-ios-h{--border-radius:50%;--border-width:1px;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--size:26px}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-ios-h{opacity:0.3}/*!@:host(.in-item.legacy-checkbox)*/.in-item.legacy-checkbox.sc-ion-checkbox-ios-h{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:9px;display:block;position:static}/*!@:host(.in-item.legacy-checkbox[slot=start])*/.in-item.legacy-checkbox[slot=start].sc-ion-checkbox-ios-h{-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:8px;margin-bottom:8px}";
|
|
12048
12064
|
|
|
12049
|
-
const checkboxMdCss = "/*!@:host*/.sc-ion-checkbox-md-h{--checkbox-background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item)*/.in-item.sc-ion-checkbox-md-h{width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-checkbox)),\n:host([slot=end]:not(.legacy-checkbox))*/[slot=start].sc-ion-checkbox-md-h:not(.legacy-checkbox),[slot=end].sc-ion-checkbox-md-h:not(.legacy-checkbox){width:auto}/*!@:host(.legacy-checkbox)*/.legacy-checkbox.sc-ion-checkbox-md-h{width:var(--size);height:var(--size)}/*!@:host(.ion-color)*/.ion-color.sc-ion-checkbox-md-h{--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{left:0}/*!@:host-context([dir=rtl]):host(.legacy-checkbox) label, :host-context([dir=rtl]).legacy-checkbox label*/[dir=rtl].sc-ion-checkbox-md-h -no-combinator.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md,[dir=rtl] .sc-ion-checkbox-md-h -no-combinator.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md,[dir=rtl].legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md,[dir=rtl] .legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-checkbox-md selector(.sc-ion-checkbox-md:dir(rtl)){.sc-ion-checkbox-md-h.legacy-checkbox label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-checkbox) label::-moz-focus-inner*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md::-moz-focus-inner{border:0}/*!@.checkbox-wrapper*/.checkbox-wrapper.sc-ion-checkbox-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-checkbox-md{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-checkbox)) .label-text-wrapper*/.in-item.sc-ion-checkbox-md-h:not(.legacy-checkbox) .label-text-wrapper.sc-ion-checkbox-md{margin-top:10px;margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-checkbox-md{display:none}/*!@input*/input.sc-ion-checkbox-md{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-checkbox-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@.checkbox-icon*/.checkbox-icon.sc-ion-checkbox-md{border-radius:var(--border-radius);position:relative;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.legacy-checkbox) .checkbox-icon*/.legacy-checkbox.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md{display:block;width:100%;height:100%}/*!@:host(:not(.legacy-checkbox)) .checkbox-icon*/.sc-ion-checkbox-md-h:not(.legacy-checkbox) .checkbox-icon.sc-ion-checkbox-md{width:var(--size);height:var(--size)}/*!@.checkbox-icon path*/.checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}/*!@:host(.checkbox-justify-space-between) .checkbox-wrapper*/.checkbox-justify-space-between.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.checkbox-justify-start) .checkbox-wrapper*/.checkbox-justify-start.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-pack:start;justify-content:start}/*!@:host(.checkbox-justify-end) .checkbox-wrapper*/.checkbox-justify-end.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-pack:end;justify-content:end}/*!@:host(.checkbox-label-placement-start) .checkbox-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.checkbox-label-placement-start) .label-text-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-end) .checkbox-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.checkbox-label-placement-end) .label-text-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.checkbox-checked) .checkbox-icon,\n:host(.checkbox-indeterminate) .checkbox-icon*/.checkbox-checked.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md,.checkbox-indeterminate.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}/*!@:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path*/.checkbox-checked.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md,.checkbox-indeterminate.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{opacity:1}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-md-h{pointer-events:none}/*!@:host*/.sc-ion-checkbox-md-h{--border-radius:calc(var(--size) * .125);--border-width:2px;--border-style:solid;--border-color:rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--checkmark-width:3;--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--transition:background 180ms cubic-bezier(0.4, 0, 0.2, 1);--size:18px}/*!@.checkbox-icon path*/.checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{stroke-dasharray:30;stroke-dashoffset:30}/*!@:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path*/.checkbox-checked.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md,.checkbox-indeterminate.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 90ms linear 90ms;transition:stroke-dashoffset 90ms linear 90ms}/*!@:host(.legacy-checkbox.checkbox-disabled),\n:host(.checkbox-disabled) .label-text-wrapper*/.legacy-checkbox.checkbox-disabled.sc-ion-checkbox-md-h,.checkbox-disabled.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{opacity:0.38}/*!@:host(.checkbox-disabled) .native-wrapper*/.checkbox-disabled.sc-ion-checkbox-md-h .native-wrapper.sc-ion-checkbox-md{opacity:0.63}/*!@:host(.in-item.legacy-checkbox)*/.in-item.legacy-checkbox.sc-ion-checkbox-md-h{margin-left:0;margin-right:0;margin-top:18px;margin-bottom:18px;display:block;position:static}/*!@:host(.in-item.legacy-checkbox[slot=start])*/.in-item.legacy-checkbox[slot=start].sc-ion-checkbox-md-h{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px;margin-top:18px;margin-bottom:18px}";
|
|
12065
|
+
const checkboxMdCss = "/*!@:host*/.sc-ion-checkbox-md-h{--checkbox-background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item)*/.in-item.sc-ion-checkbox-md-h{width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-checkbox)),\n:host([slot=end]:not(.legacy-checkbox))*/[slot=start].sc-ion-checkbox-md-h:not(.legacy-checkbox),[slot=end].sc-ion-checkbox-md-h:not(.legacy-checkbox){width:auto}/*!@:host(.legacy-checkbox)*/.legacy-checkbox.sc-ion-checkbox-md-h{width:var(--size);height:var(--size)}/*!@:host(.ion-color)*/.ion-color.sc-ion-checkbox-md-h{--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{left:0}/*!@:host-context([dir=rtl]):host(.legacy-checkbox) label, :host-context([dir=rtl]).legacy-checkbox label*/[dir=rtl].sc-ion-checkbox-md-h -no-combinator.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md,[dir=rtl] .sc-ion-checkbox-md-h -no-combinator.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md,[dir=rtl].legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md,[dir=rtl] .legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-checkbox-md selector(.sc-ion-checkbox-md:dir(rtl)){.sc-ion-checkbox-md-h.legacy-checkbox label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-checkbox) label::-moz-focus-inner*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md::-moz-focus-inner{border:0}/*!@.checkbox-wrapper*/.checkbox-wrapper.sc-ion-checkbox-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-checkbox-md{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-checkbox)) .label-text-wrapper*/.in-item.sc-ion-checkbox-md-h:not(.legacy-checkbox) .label-text-wrapper.sc-ion-checkbox-md{margin-top:10px;margin-bottom:10px}/*!@:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper*/.in-item.checkbox-label-placement-stacked.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.checkbox-label-placement-stacked) .native-wrapper*/.in-item.checkbox-label-placement-stacked.sc-ion-checkbox-md-h .native-wrapper.sc-ion-checkbox-md{margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-checkbox-md{display:none}/*!@input*/input.sc-ion-checkbox-md{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-checkbox-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@.checkbox-icon*/.checkbox-icon.sc-ion-checkbox-md{border-radius:var(--border-radius);position:relative;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.legacy-checkbox) .checkbox-icon*/.legacy-checkbox.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md{display:block;width:100%;height:100%}/*!@:host(:not(.legacy-checkbox)) .checkbox-icon*/.sc-ion-checkbox-md-h:not(.legacy-checkbox) .checkbox-icon.sc-ion-checkbox-md{width:var(--size);height:var(--size)}/*!@.checkbox-icon path*/.checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}/*!@:host(.checkbox-justify-space-between) .checkbox-wrapper*/.checkbox-justify-space-between.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.checkbox-justify-start) .checkbox-wrapper*/.checkbox-justify-start.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-pack:start;justify-content:start}/*!@:host(.checkbox-justify-end) .checkbox-wrapper*/.checkbox-justify-end.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-pack:end;justify-content:end}/*!@:host(.checkbox-alignment-start) .checkbox-wrapper*/.checkbox-alignment-start.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-align:start;align-items:start}/*!@:host(.checkbox-alignment-center) .checkbox-wrapper*/.checkbox-alignment-center.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-align:center;align-items:center}/*!@:host(.checkbox-label-placement-start) .checkbox-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.checkbox-label-placement-start) .label-text-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-end) .checkbox-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.checkbox-label-placement-end) .label-text-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.checkbox-label-placement-stacked) .checkbox-wrapper*/.checkbox-label-placement-stacked.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-direction:column;flex-direction:column}/*!@:host(.checkbox-label-placement-stacked) .label-text-wrapper*/.checkbox-label-placement-stacked.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}/*!@:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper*/.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-transform-origin:left top;transform-origin:left top}/*!@:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper, :host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper*/[dir=rtl].sc-ion-checkbox-md-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md,[dir=rtl] .sc-ion-checkbox-md-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md,[dir=rtl].checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md,[dir=rtl] .checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper:dir(rtl)*/.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper*/.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-transform-origin:center top;transform-origin:center top}/*!@:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper, :host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper*/[dir=rtl].sc-ion-checkbox-md-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md,[dir=rtl] .sc-ion-checkbox-md-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md,[dir=rtl].checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md,[dir=rtl] .checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){/*!@:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper:dir(rtl)*/.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md:dir(rtl){-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}/*!@:host(.checkbox-checked) .checkbox-icon,\n:host(.checkbox-indeterminate) .checkbox-icon*/.checkbox-checked.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md,.checkbox-indeterminate.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}/*!@:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path*/.checkbox-checked.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md,.checkbox-indeterminate.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{opacity:1}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-md-h{pointer-events:none}/*!@:host*/.sc-ion-checkbox-md-h{--border-radius:calc(var(--size) * .125);--border-width:2px;--border-style:solid;--border-color:rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--checkmark-width:3;--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--transition:background 180ms cubic-bezier(0.4, 0, 0.2, 1);--size:18px}/*!@.checkbox-icon path*/.checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{stroke-dasharray:30;stroke-dashoffset:30}/*!@:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path*/.checkbox-checked.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md,.checkbox-indeterminate.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 90ms linear 90ms;transition:stroke-dashoffset 90ms linear 90ms}/*!@:host(.legacy-checkbox.checkbox-disabled),\n:host(.checkbox-disabled) .label-text-wrapper*/.legacy-checkbox.checkbox-disabled.sc-ion-checkbox-md-h,.checkbox-disabled.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{opacity:0.38}/*!@:host(.checkbox-disabled) .native-wrapper*/.checkbox-disabled.sc-ion-checkbox-md-h .native-wrapper.sc-ion-checkbox-md{opacity:0.63}/*!@:host(.in-item.legacy-checkbox)*/.in-item.legacy-checkbox.sc-ion-checkbox-md-h{margin-left:0;margin-right:0;margin-top:18px;margin-bottom:18px;display:block;position:static}/*!@:host(.in-item.legacy-checkbox[slot=start])*/.in-item.legacy-checkbox[slot=start].sc-ion-checkbox-md-h{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px;margin-top:18px;margin-bottom:18px}";
|
|
12050
12066
|
|
|
12051
12067
|
/**
|
|
12052
12068
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
@@ -12101,6 +12117,7 @@ class Checkbox {
|
|
|
12101
12117
|
this.value = 'on';
|
|
12102
12118
|
this.labelPlacement = 'start';
|
|
12103
12119
|
this.justify = 'space-between';
|
|
12120
|
+
this.alignment = 'center';
|
|
12104
12121
|
this.legacy = undefined;
|
|
12105
12122
|
}
|
|
12106
12123
|
// TODO(FW-3100): remove this
|
|
@@ -12138,7 +12155,7 @@ class Checkbox {
|
|
|
12138
12155
|
return legacyFormController.hasLegacyControl() ? this.renderLegacyCheckbox() : this.renderCheckbox();
|
|
12139
12156
|
}
|
|
12140
12157
|
renderCheckbox() {
|
|
12141
|
-
const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, } = this;
|
|
12158
|
+
const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, alignment, } = this;
|
|
12142
12159
|
const mode = getIonMode$1(this);
|
|
12143
12160
|
const path = getSVGPath(mode, indeterminate);
|
|
12144
12161
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
@@ -12150,6 +12167,7 @@ class Checkbox {
|
|
|
12150
12167
|
'checkbox-indeterminate': indeterminate,
|
|
12151
12168
|
interactive: true,
|
|
12152
12169
|
[`checkbox-justify-${justify}`]: true,
|
|
12170
|
+
[`checkbox-alignment-${alignment}`]: true,
|
|
12153
12171
|
[`checkbox-label-placement-${labelPlacement}`]: true,
|
|
12154
12172
|
}) }, hAsync("label", { class: "checkbox-wrapper" }, hAsync("input", Object.assign({ type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), hAsync("div", { class: {
|
|
12155
12173
|
'label-text-wrapper': true,
|
|
@@ -12214,6 +12232,7 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
|
|
|
12214
12232
|
"value": [8],
|
|
12215
12233
|
"labelPlacement": [1, "label-placement"],
|
|
12216
12234
|
"justify": [1],
|
|
12235
|
+
"alignment": [1],
|
|
12217
12236
|
"legacy": [4]
|
|
12218
12237
|
},
|
|
12219
12238
|
"$listeners$": undefined,
|
|
@@ -13062,7 +13081,22 @@ const getPartsFromCalendarDay = (el) => {
|
|
|
13062
13081
|
};
|
|
13063
13082
|
function parseDate(val) {
|
|
13064
13083
|
if (Array.isArray(val)) {
|
|
13065
|
-
|
|
13084
|
+
const parsedArray = [];
|
|
13085
|
+
for (const valStr of val) {
|
|
13086
|
+
const parsedVal = parseDate(valStr);
|
|
13087
|
+
/**
|
|
13088
|
+
* If any of the values weren't parsed correctly, consider
|
|
13089
|
+
* the entire batch incorrect. This simplifies the type
|
|
13090
|
+
* signatures by having "undefined" be a general error case
|
|
13091
|
+
* instead of returning (Datetime | undefined)[], which is
|
|
13092
|
+
* harder for TS to perform type narrowing on.
|
|
13093
|
+
*/
|
|
13094
|
+
if (!parsedVal) {
|
|
13095
|
+
return undefined;
|
|
13096
|
+
}
|
|
13097
|
+
parsedArray.push(parsedVal);
|
|
13098
|
+
}
|
|
13099
|
+
return parsedArray;
|
|
13066
13100
|
}
|
|
13067
13101
|
// manually parse IS0 cuz Date.parse cannot be trusted
|
|
13068
13102
|
// ISO 8601 format: 1994-12-15T13:47:20Z
|
|
@@ -13082,6 +13116,7 @@ function parseDate(val) {
|
|
|
13082
13116
|
}
|
|
13083
13117
|
if (parse === null) {
|
|
13084
13118
|
// wasn't able to parse the ISO datetime
|
|
13119
|
+
printIonWarning(`Unable to parse date string: ${val}. Please provide a valid ISO 8601 datetime string.`);
|
|
13085
13120
|
return undefined;
|
|
13086
13121
|
}
|
|
13087
13122
|
// ensure all the parse values exist with at least 0
|
|
@@ -14102,12 +14137,20 @@ const generateTime = (refParts, hourCycle = 'h12', minParts, maxParts, hourValue
|
|
|
14102
14137
|
* Given DatetimeParts, generate the previous,
|
|
14103
14138
|
* current, and and next months.
|
|
14104
14139
|
*/
|
|
14105
|
-
const generateMonths = (refParts) => {
|
|
14106
|
-
|
|
14107
|
-
|
|
14108
|
-
|
|
14109
|
-
|
|
14110
|
-
|
|
14140
|
+
const generateMonths = (refParts, forcedDate) => {
|
|
14141
|
+
const current = { month: refParts.month, year: refParts.year, day: refParts.day };
|
|
14142
|
+
/**
|
|
14143
|
+
* If we're forcing a month to appear, and it's different from the current month,
|
|
14144
|
+
* ensure it appears by replacing the next or previous month as appropriate.
|
|
14145
|
+
*/
|
|
14146
|
+
if (forcedDate !== undefined && (refParts.month !== forcedDate.month || refParts.year !== forcedDate.year)) {
|
|
14147
|
+
const forced = { month: forcedDate.month, year: forcedDate.year, day: forcedDate.day };
|
|
14148
|
+
const forcedMonthIsBefore = isBefore(forced, current);
|
|
14149
|
+
return forcedMonthIsBefore
|
|
14150
|
+
? [forced, current, getNextMonth(refParts)]
|
|
14151
|
+
: [getPreviousMonth(refParts), current, forced];
|
|
14152
|
+
}
|
|
14153
|
+
return [getPreviousMonth(refParts), current, getNextMonth(refParts)];
|
|
14111
14154
|
};
|
|
14112
14155
|
const getMonthColumnData = (locale, refParts, minParts, maxParts, monthValues, formatOptions = {
|
|
14113
14156
|
month: 'long',
|
|
@@ -14518,9 +14561,9 @@ const getHighlightStyles = (highlightedDates, dateIsoString, el) => {
|
|
|
14518
14561
|
return undefined;
|
|
14519
14562
|
};
|
|
14520
14563
|
|
|
14521
|
-
const datetimeIosCss = "/*!@:host*/.sc-ion-datetime-ios-h{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}/*!@ion-picker-column-internal*/ion-picker-column-internal.sc-ion-datetime-ios{min-width:26px}/*!@:host(.datetime-size-fixed)*/.datetime-size-fixed.sc-ion-datetime-ios-h{width:auto;height:auto}/*!@:host(.datetime-size-fixed:not(.datetime-prefer-wheel))*/.datetime-size-fixed.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel){max-width:350px}/*!@:host(.datetime-size-fixed.datetime-prefer-wheel)*/.datetime-size-fixed.datetime-prefer-wheel.sc-ion-datetime-ios-h{min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}/*!@:host(.datetime-size-cover)*/.datetime-size-cover.sc-ion-datetime-ios-h{width:100%}/*!@:host .calendar-body,\n:host .datetime-year*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{opacity:0}/*!@:host(:not(.datetime-ready)) .datetime-year*/.sc-ion-datetime-ios-h:not(.datetime-ready) .datetime-year.sc-ion-datetime-ios{position:absolute;pointer-events:none}/*!@:host(.datetime-ready) .calendar-body*/.datetime-ready.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios{opacity:1}/*!@:host(.datetime-ready) .datetime-year*/.datetime-ready.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{display:none;opacity:1}/*!@:host .wheel-order-year-first .day-column*/.sc-ion-datetime-ios-h .wheel-order-year-first.sc-ion-datetime-ios .day-column.sc-ion-datetime-ios{-ms-flex-order:3;order:3;text-align:end}/*!@:host .wheel-order-year-first .month-column*/.sc-ion-datetime-ios-h .wheel-order-year-first.sc-ion-datetime-ios .month-column.sc-ion-datetime-ios{-ms-flex-order:2;order:2;text-align:end}/*!@:host .wheel-order-year-first .year-column*/.sc-ion-datetime-ios-h .wheel-order-year-first.sc-ion-datetime-ios .year-column.sc-ion-datetime-ios{-ms-flex-order:1;order:1;text-align:start}/*!@:host .datetime-calendar,\n:host .datetime-year*/.sc-ion-datetime-ios-h .datetime-calendar.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}/*!@:host(.show-month-and-year) .datetime-year*/.show-month-and-year.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-ios-h .calendar-next-prev.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{position:absolute;visibility:hidden;pointer-events:none}/*!@@supports (inset-inline-start: 0)*/@supports .sc-ion-datetime-ios (inset-inline-start.sc-ion-datetime-ios: 0).sc-ion-datetime-ios{.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h.show-month-and-year .datetime-time{inset-inline-start:-99999px}}/*!@@supports not (inset-inline-start: 0)*/@supports .sc-ion-datetime-ios not.sc-ion-datetime-ios (inset-inline-start.sc-ion-datetime-ios: 0).sc-ion-datetime-ios{.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h.show-month-and-year .datetime-time{left:-99999px}.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .datetime-time,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev:dir(rtl),.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week:dir(rtl),.sc-ion-datetime-ios-h.show-month-and-year .calendar-body:dir(rtl),.sc-ion-datetime-ios-h.show-month-and-year .datetime-time:dir(rtl){left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-ios-h .calendar-next-prev.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{display:none}}/*!@:host(.month-year-picker-open) .datetime-footer*/.month-year-picker-open.sc-ion-datetime-ios-h .datetime-footer.sc-ion-datetime-ios{display:none}/*!@:host(.datetime-readonly),\n:host(.datetime-disabled)*/.datetime-readonly.sc-ion-datetime-ios-h,.datetime-disabled.sc-ion-datetime-ios-h{pointer-events:none}/*!@:host(.datetime-disabled)*/.datetime-disabled.sc-ion-datetime-ios-h{opacity:0.4}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios .datetime-title.sc-ion-datetime-ios{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host .datetime-action-buttons.has-clear-button*/.sc-ion-datetime-ios-h .datetime-action-buttons.has-clear-button.sc-ion-datetime-ios{width:100%}/*!@:host .datetime-action-buttons ion-buttons*/.sc-ion-datetime-ios-h .datetime-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons ion-item,\n:host .calendar-action-buttons ion-button*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-button.sc-ion-datetime-ios{--background:translucent}/*!@:host .calendar-action-buttons ion-item ion-label*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios ion-label.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .calendar-action-buttons ion-item ion-icon*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios ion-icon.sc-ion-datetime-ios{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}/*!@:host .calendar-body*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}/*!@:host .calendar-body .calendar-month*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month.sc-ion-datetime-ios{scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}/*!@:host .calendar-body .calendar-month-disabled*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month-disabled.sc-ion-datetime-ios{scroll-snap-align:none}/*!@:host .calendar-body::-webkit-scrollbar*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios::-webkit-scrollbar{display:none}/*!@:host .calendar-body .calendar-month-grid*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month-grid.sc-ion-datetime-ios{display:grid;grid-template-columns:repeat(7, 1fr)}/*!@:host .calendar-day*/.sc-ion-datetime-ios-h .calendar-day.sc-ion-datetime-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}/*!@:host .calendar-day[disabled]*/.sc-ion-datetime-ios-h .calendar-day[disabled].sc-ion-datetime-ios{pointer-events:none;opacity:0.4}/*!@.calendar-day-highlight*/.calendar-day-highlight.sc-ion-datetime-ios{border-radius:32px;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:32px;height:32px;z-index:-1}/*!@:host .datetime-time*/.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.datetime-presentation-time) .datetime-time*/.datetime-presentation-time.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}/*!@:host ion-popover*/.sc-ion-datetime-ios-h ion-popover.sc-ion-datetime-ios{--height:200px}/*!@:host .time-header*/.sc-ion-datetime-ios-h .time-header.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .time-body*/.sc-ion-datetime-ios-h .time-body.sc-ion-datetime-ios{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@:host .time-body-active*/.sc-ion-datetime-ios-h .time-body-active.sc-ion-datetime-ios{color:var(--ion-color-base)}/*!@:host(.in-item)*/.in-item.sc-ion-datetime-ios-h{position:static}/*!@:host(.show-month-and-year) .calendar-action-buttons ion-item*/.show-month-and-year.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios{--color:var(--ion-color-base)}/*!@:host*/.sc-ion-datetime-ios-h{--background:var(--ion-color-light, #ffffff);--background-rgb:var(--ion-color-light-rgb);--title-color:var(--ion-color-step-600, #666666)}/*!@:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),\n:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),\n:host(.datetime-presentation-date:not(.datetime-prefer-wheel))*/.datetime-presentation-date-time.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel),.datetime-presentation-time-date.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel),.datetime-presentation-date.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel){min-height:350px}/*!@:host .datetime-header*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, #cccccc);font-size:14px}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios .datetime-title.sc-ion-datetime-ios{color:var(--title-color)}/*!@:host .datetime-header .datetime-selected-date*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios .datetime-selected-date.sc-ion-datetime-ios{margin-top:10px}/*!@:host .calendar-action-buttons ion-item*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios{--padding-start:16px;--background-hover:transparent;--background-activated:transparent;font-size:16px;font-weight:600}/*!@:host .calendar-action-buttons ion-item ion-icon,\n:host .calendar-action-buttons ion-buttons ion-button*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios ion-icon.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios ion-button.sc-ion-datetime-ios{color:var(--ion-color-base)}/*!@:host .calendar-action-buttons ion-buttons*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}/*!@:host .calendar-action-buttons ion-buttons ion-button*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios ion-button.sc-ion-datetime-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, #b3b3b3);font-size:12px;font-weight:600;line-height:24px;text-transform:uppercase}/*!@:host .calendar-body .calendar-month .calendar-month-grid*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month.sc-ion-datetime-ios .calendar-month-grid.sc-ion-datetime-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;height:calc(100% - 16px)}/*!@:host .calendar-day*/.sc-ion-datetime-ios-h .calendar-day.sc-ion-datetime-ios{font-size:20px}/*!@.calendar-day:focus .calendar-day-highlight,\n.calendar-day.calendar-day-active .calendar-day-highlight*/.calendar-day.sc-ion-datetime-ios:focus .calendar-day-highlight.sc-ion-datetime-ios,.calendar-day.calendar-day-active.sc-ion-datetime-ios .calendar-day-highlight.sc-ion-datetime-ios{opacity:0.2}/*!@.calendar-day.calendar-day-active .calendar-day-highlight*/.calendar-day.calendar-day-active.sc-ion-datetime-ios .calendar-day-highlight.sc-ion-datetime-ios{background:var(--ion-color-base)}/*!@.calendar-day:focus .calendar-day-highlight*/.calendar-day.sc-ion-datetime-ios:focus .calendar-day-highlight.sc-ion-datetime-ios{background:var(--ion-color-base) !important}/*!@:host .calendar-day.calendar-day-today*/.sc-ion-datetime-ios-h .calendar-day.calendar-day-today.sc-ion-datetime-ios{color:var(--ion-color-base)}/*!@:host .calendar-day.calendar-day-active*/.sc-ion-datetime-ios-h .calendar-day.calendar-day-active.sc-ion-datetime-ios{color:var(--ion-color-base);font-weight:600}/*!@:host .calendar-day.calendar-day-today.calendar-day-active*/.sc-ion-datetime-ios-h .calendar-day.calendar-day-today.calendar-day-active.sc-ion-datetime-ios{color:var(--ion-color-contrast)}/*!@.calendar-day.calendar-day-today.calendar-day-active .calendar-day-highlight*/.calendar-day.calendar-day-today.calendar-day-active.sc-ion-datetime-ios .calendar-day-highlight.sc-ion-datetime-ios{background:var(--ion-color-base);opacity:1}/*!@:host .datetime-time*/.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:16px}/*!@:host .datetime-time .time-header*/.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios .time-header.sc-ion-datetime-ios{font-weight:600}/*!@:host .datetime-buttons*/.sc-ion-datetime-ios-h .datetime-buttons.sc-ion-datetime-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, #cccccc)}/*!@:host .datetime-buttons ::slotted(ion-buttons),\n:host .datetime-buttons ion-buttons*/.sc-ion-datetime-ios-h .datetime-buttons .sc-ion-datetime-ios-s>ion-buttons,.sc-ion-datetime-ios-h .datetime-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .datetime-action-buttons*/.sc-ion-datetime-ios-h .datetime-action-buttons.sc-ion-datetime-ios{width:100%}";
|
|
14564
|
+
const datetimeIosCss = "/*!@:host*/.sc-ion-datetime-ios-h{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}/*!@ion-picker-column-internal*/ion-picker-column-internal.sc-ion-datetime-ios{min-width:26px}/*!@:host(.datetime-size-fixed)*/.datetime-size-fixed.sc-ion-datetime-ios-h{width:auto;height:auto}/*!@:host(.datetime-size-fixed:not(.datetime-prefer-wheel))*/.datetime-size-fixed.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel){max-width:350px}/*!@:host(.datetime-size-fixed.datetime-prefer-wheel)*/.datetime-size-fixed.datetime-prefer-wheel.sc-ion-datetime-ios-h{min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}/*!@:host(.datetime-size-cover)*/.datetime-size-cover.sc-ion-datetime-ios-h{width:100%}/*!@:host .calendar-body,\n:host .datetime-year*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{opacity:0}/*!@:host(:not(.datetime-ready)) .datetime-year*/.sc-ion-datetime-ios-h:not(.datetime-ready) .datetime-year.sc-ion-datetime-ios{position:absolute;pointer-events:none}/*!@:host(.datetime-ready) .calendar-body*/.datetime-ready.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios{opacity:1}/*!@:host(.datetime-ready) .datetime-year*/.datetime-ready.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{display:none;opacity:1}/*!@:host .wheel-order-year-first .day-column*/.sc-ion-datetime-ios-h .wheel-order-year-first.sc-ion-datetime-ios .day-column.sc-ion-datetime-ios{-ms-flex-order:3;order:3;text-align:end}/*!@:host .wheel-order-year-first .month-column*/.sc-ion-datetime-ios-h .wheel-order-year-first.sc-ion-datetime-ios .month-column.sc-ion-datetime-ios{-ms-flex-order:2;order:2;text-align:end}/*!@:host .wheel-order-year-first .year-column*/.sc-ion-datetime-ios-h .wheel-order-year-first.sc-ion-datetime-ios .year-column.sc-ion-datetime-ios{-ms-flex-order:1;order:1;text-align:start}/*!@:host .datetime-calendar,\n:host .datetime-year*/.sc-ion-datetime-ios-h .datetime-calendar.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}/*!@:host(.show-month-and-year) .datetime-year*/.show-month-and-year.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-ios-h .calendar-next-prev.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{position:absolute;visibility:hidden;pointer-events:none}/*!@@supports (inset-inline-start: 0)*/@supports .sc-ion-datetime-ios (inset-inline-start.sc-ion-datetime-ios: 0).sc-ion-datetime-ios{.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h.show-month-and-year .datetime-time{inset-inline-start:-99999px}}/*!@@supports not (inset-inline-start: 0)*/@supports .sc-ion-datetime-ios not.sc-ion-datetime-ios (inset-inline-start.sc-ion-datetime-ios: 0).sc-ion-datetime-ios{.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h.show-month-and-year .datetime-time{left:-99999px}.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .datetime-time,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev:dir(rtl),.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week:dir(rtl),.sc-ion-datetime-ios-h.show-month-and-year .calendar-body:dir(rtl),.sc-ion-datetime-ios-h.show-month-and-year .datetime-time:dir(rtl){left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-ios-h .calendar-next-prev.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{display:none}}/*!@:host(.month-year-picker-open) .datetime-footer*/.month-year-picker-open.sc-ion-datetime-ios-h .datetime-footer.sc-ion-datetime-ios{display:none}/*!@:host(.datetime-readonly),\n:host(.datetime-disabled)*/.datetime-readonly.sc-ion-datetime-ios-h,.datetime-disabled.sc-ion-datetime-ios-h{pointer-events:none}/*!@:host(.datetime-disabled)*/.datetime-disabled.sc-ion-datetime-ios-h{opacity:0.4}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios .datetime-title.sc-ion-datetime-ios{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host .datetime-action-buttons.has-clear-button*/.sc-ion-datetime-ios-h .datetime-action-buttons.has-clear-button.sc-ion-datetime-ios{width:100%}/*!@:host .datetime-action-buttons ion-buttons*/.sc-ion-datetime-ios-h .datetime-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons ion-item,\n:host .calendar-action-buttons ion-button*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-button.sc-ion-datetime-ios{--background:translucent}/*!@:host .calendar-action-buttons ion-item ion-label*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios ion-label.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .calendar-action-buttons ion-item ion-icon*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios ion-icon.sc-ion-datetime-ios{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}/*!@:host .calendar-body*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}/*!@:host .calendar-body .calendar-month*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}/*!@:host .calendar-body .calendar-month-disabled*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month-disabled.sc-ion-datetime-ios{scroll-snap-align:none}/*!@:host .calendar-body::-webkit-scrollbar*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios::-webkit-scrollbar{display:none}/*!@:host .calendar-body .calendar-month-grid*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month-grid.sc-ion-datetime-ios{display:grid;grid-template-columns:repeat(7, 1fr)}/*!@:host .calendar-day-wrapper*/.sc-ion-datetime-ios-h .calendar-day-wrapper.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}/*!@:host .calendar-day*/.sc-ion-datetime-ios-h .calendar-day.sc-ion-datetime-ios{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}/*!@:host .calendar-day[disabled]*/.sc-ion-datetime-ios-h .calendar-day[disabled].sc-ion-datetime-ios{pointer-events:none;opacity:0.4}/*!@.calendar-day:focus*/.calendar-day.sc-ion-datetime-ios:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}/*!@:host .datetime-time*/.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.datetime-presentation-time) .datetime-time*/.datetime-presentation-time.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}/*!@:host ion-popover*/.sc-ion-datetime-ios-h ion-popover.sc-ion-datetime-ios{--height:200px}/*!@:host .time-header*/.sc-ion-datetime-ios-h .time-header.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .time-body*/.sc-ion-datetime-ios-h .time-body.sc-ion-datetime-ios{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@:host .time-body-active*/.sc-ion-datetime-ios-h .time-body-active.sc-ion-datetime-ios{color:var(--ion-color-base)}/*!@:host(.in-item)*/.in-item.sc-ion-datetime-ios-h{position:static}/*!@:host(.show-month-and-year) .calendar-action-buttons ion-item*/.show-month-and-year.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios{--color:var(--ion-color-base)}/*!@:host*/.sc-ion-datetime-ios-h{--background:var(--ion-color-light, #ffffff);--background-rgb:var(--ion-color-light-rgb);--title-color:var(--ion-color-step-600, #666666)}/*!@:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),\n:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),\n:host(.datetime-presentation-date:not(.datetime-prefer-wheel))*/.datetime-presentation-date-time.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel),.datetime-presentation-time-date.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel),.datetime-presentation-date.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel){min-height:350px}/*!@:host .datetime-header*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, #cccccc);font-size:14px}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios .datetime-title.sc-ion-datetime-ios{color:var(--title-color)}/*!@:host .datetime-header .datetime-selected-date*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios .datetime-selected-date.sc-ion-datetime-ios{margin-top:10px}/*!@:host .calendar-action-buttons ion-item*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios{--padding-start:16px;--background-hover:transparent;--background-activated:transparent;font-size:16px;font-weight:600}/*!@:host .calendar-action-buttons ion-item ion-icon,\n:host .calendar-action-buttons ion-buttons ion-button*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios ion-icon.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios ion-button.sc-ion-datetime-ios{color:var(--ion-color-base)}/*!@:host .calendar-action-buttons ion-buttons*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}/*!@:host .calendar-action-buttons ion-buttons ion-button*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios ion-button.sc-ion-datetime-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, #b3b3b3);font-size:12px;font-weight:600;line-height:24px;text-transform:uppercase}/*!@:host .calendar-body .calendar-month .calendar-month-grid*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month.sc-ion-datetime-ios .calendar-month-grid.sc-ion-datetime-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-ms-flex-align:center;align-items:center;height:calc(100% - 16px)}/*!@:host .calendar-day-wrapper*/.sc-ion-datetime-ios-h .calendar-day-wrapper.sc-ion-datetime-ios{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:16px}/*!@:host .calendar-day*/.sc-ion-datetime-ios-h .calendar-day.sc-ion-datetime-ios{width:40px;min-width:40px;height:40px;font-size:20px}/*!@.calendar-day.calendar-day-active*/.calendar-day.calendar-day-active.sc-ion-datetime-ios{background:rgba(var(--ion-color-base-rgb), 0.2)}/*!@:host .calendar-day.calendar-day-today*/.sc-ion-datetime-ios-h .calendar-day.calendar-day-today.sc-ion-datetime-ios{color:var(--ion-color-base)}/*!@:host .calendar-day.calendar-day-active*/.sc-ion-datetime-ios-h .calendar-day.calendar-day-active.sc-ion-datetime-ios{color:var(--ion-color-base);font-weight:600}/*!@:host .calendar-day.calendar-day-today.calendar-day-active*/.sc-ion-datetime-ios-h .calendar-day.calendar-day-today.calendar-day-active.sc-ion-datetime-ios{color:var(--ion-color-contrast)}/*!@:host .datetime-time*/.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:16px}/*!@:host .datetime-time .time-header*/.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios .time-header.sc-ion-datetime-ios{font-weight:600}/*!@:host .datetime-buttons*/.sc-ion-datetime-ios-h .datetime-buttons.sc-ion-datetime-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, #cccccc)}/*!@:host .datetime-buttons ::slotted(ion-buttons),\n:host .datetime-buttons ion-buttons*/.sc-ion-datetime-ios-h .datetime-buttons .sc-ion-datetime-ios-s>ion-buttons,.sc-ion-datetime-ios-h .datetime-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .datetime-action-buttons*/.sc-ion-datetime-ios-h .datetime-action-buttons.sc-ion-datetime-ios{width:100%}";
|
|
14522
14565
|
|
|
14523
|
-
const datetimeMdCss = "/*!@:host*/.sc-ion-datetime-md-h{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}/*!@ion-picker-column-internal*/ion-picker-column-internal.sc-ion-datetime-md{min-width:26px}/*!@:host(.datetime-size-fixed)*/.datetime-size-fixed.sc-ion-datetime-md-h{width:auto;height:auto}/*!@:host(.datetime-size-fixed:not(.datetime-prefer-wheel))*/.datetime-size-fixed.sc-ion-datetime-md-h:not(.datetime-prefer-wheel){max-width:350px}/*!@:host(.datetime-size-fixed.datetime-prefer-wheel)*/.datetime-size-fixed.datetime-prefer-wheel.sc-ion-datetime-md-h{min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}/*!@:host(.datetime-size-cover)*/.datetime-size-cover.sc-ion-datetime-md-h{width:100%}/*!@:host .calendar-body,\n:host .datetime-year*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md,.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{opacity:0}/*!@:host(:not(.datetime-ready)) .datetime-year*/.sc-ion-datetime-md-h:not(.datetime-ready) .datetime-year.sc-ion-datetime-md{position:absolute;pointer-events:none}/*!@:host(.datetime-ready) .calendar-body*/.datetime-ready.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md{opacity:1}/*!@:host(.datetime-ready) .datetime-year*/.datetime-ready.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{display:none;opacity:1}/*!@:host .wheel-order-year-first .day-column*/.sc-ion-datetime-md-h .wheel-order-year-first.sc-ion-datetime-md .day-column.sc-ion-datetime-md{-ms-flex-order:3;order:3;text-align:end}/*!@:host .wheel-order-year-first .month-column*/.sc-ion-datetime-md-h .wheel-order-year-first.sc-ion-datetime-md .month-column.sc-ion-datetime-md{-ms-flex-order:2;order:2;text-align:end}/*!@:host .wheel-order-year-first .year-column*/.sc-ion-datetime-md-h .wheel-order-year-first.sc-ion-datetime-md .year-column.sc-ion-datetime-md{-ms-flex-order:1;order:1;text-align:start}/*!@:host .datetime-calendar,\n:host .datetime-year*/.sc-ion-datetime-md-h .datetime-calendar.sc-ion-datetime-md,.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}/*!@:host(.show-month-and-year) .datetime-year*/.show-month-and-year.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-md-h .calendar-next-prev.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{position:absolute;visibility:hidden;pointer-events:none}/*!@@supports (inset-inline-start: 0)*/@supports .sc-ion-datetime-md (inset-inline-start.sc-ion-datetime-md: 0).sc-ion-datetime-md{.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h.show-month-and-year .datetime-time{inset-inline-start:-99999px}}/*!@@supports not (inset-inline-start: 0)*/@supports .sc-ion-datetime-md not.sc-ion-datetime-md (inset-inline-start.sc-ion-datetime-md: 0).sc-ion-datetime-md{.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h.show-month-and-year .datetime-time{left:-99999px}.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .datetime-time,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev:dir(rtl),.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week:dir(rtl),.sc-ion-datetime-md-h.show-month-and-year .calendar-body:dir(rtl),.sc-ion-datetime-md-h.show-month-and-year .datetime-time:dir(rtl){left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-md-h .calendar-next-prev.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{display:none}}/*!@:host(.month-year-picker-open) .datetime-footer*/.month-year-picker-open.sc-ion-datetime-md-h .datetime-footer.sc-ion-datetime-md{display:none}/*!@:host(.datetime-readonly),\n:host(.datetime-disabled)*/.datetime-readonly.sc-ion-datetime-md-h,.datetime-disabled.sc-ion-datetime-md-h{pointer-events:none}/*!@:host(.datetime-disabled)*/.datetime-disabled.sc-ion-datetime-md-h{opacity:0.4}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md .datetime-title.sc-ion-datetime-md{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host .datetime-action-buttons.has-clear-button*/.sc-ion-datetime-md-h .datetime-action-buttons.has-clear-button.sc-ion-datetime-md{width:100%}/*!@:host .datetime-action-buttons ion-buttons*/.sc-ion-datetime-md-h .datetime-action-buttons.sc-ion-datetime-md ion-buttons.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons ion-item,\n:host .calendar-action-buttons ion-button*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md,.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-button.sc-ion-datetime-md{--background:translucent}/*!@:host .calendar-action-buttons ion-item ion-label*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md ion-label.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .calendar-action-buttons ion-item ion-icon*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md ion-icon.sc-ion-datetime-md{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}/*!@:host .calendar-body*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}/*!@:host .calendar-body .calendar-month*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month.sc-ion-datetime-md{scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}/*!@:host .calendar-body .calendar-month-disabled*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month-disabled.sc-ion-datetime-md{scroll-snap-align:none}/*!@:host .calendar-body::-webkit-scrollbar*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md::-webkit-scrollbar{display:none}/*!@:host .calendar-body .calendar-month-grid*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month-grid.sc-ion-datetime-md{display:grid;grid-template-columns:repeat(7, 1fr)}/*!@:host .calendar-day*/.sc-ion-datetime-md-h .calendar-day.sc-ion-datetime-md{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}/*!@:host .calendar-day[disabled]*/.sc-ion-datetime-md-h .calendar-day[disabled].sc-ion-datetime-md{pointer-events:none;opacity:0.4}/*!@.calendar-day-highlight*/.calendar-day-highlight.sc-ion-datetime-md{border-radius:32px;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:32px;height:32px;z-index:-1}/*!@:host .datetime-time*/.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.datetime-presentation-time) .datetime-time*/.datetime-presentation-time.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}/*!@:host ion-popover*/.sc-ion-datetime-md-h ion-popover.sc-ion-datetime-md{--height:200px}/*!@:host .time-header*/.sc-ion-datetime-md-h .time-header.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .time-body*/.sc-ion-datetime-md-h .time-body.sc-ion-datetime-md{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@:host .time-body-active*/.sc-ion-datetime-md-h .time-body-active.sc-ion-datetime-md{color:var(--ion-color-base)}/*!@:host(.in-item)*/.in-item.sc-ion-datetime-md-h{position:static}/*!@:host(.show-month-and-year) .calendar-action-buttons ion-item*/.show-month-and-year.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md{--color:var(--ion-color-base)}/*!@:host*/.sc-ion-datetime-md-h{--background:var(--ion-color-step-100, #ffffff);--title-color:var(--ion-color-contrast)}/*!@:host .datetime-header*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md .datetime-title.sc-ion-datetime-md{font-size:12px;text-transform:uppercase}/*!@:host .datetime-header .datetime-selected-date*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md .datetime-selected-date.sc-ion-datetime-md{margin-top:30px;font-size:34px}/*!@:host .datetime-calendar .calendar-action-buttons ion-item*/.sc-ion-datetime-md-h .datetime-calendar.sc-ion-datetime-md .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md{--padding-start:20px}/*!@:host .calendar-action-buttons ion-item,\n:host .calendar-action-buttons ion-button*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md,.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-button.sc-ion-datetime-md{--color:var(--ion-color-step-650, #595959)}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, gray);font-size:14px;line-height:36px}/*!@:host .calendar-body .calendar-month .calendar-month-grid*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month.sc-ion-datetime-md .calendar-month-grid.sc-ion-datetime-md{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:4px;padding-bottom:4px;grid-template-rows:repeat(6, 1fr)}/*!@:host .calendar-day*/.sc-ion-datetime-md-h .calendar-day.sc-ion-datetime-md{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0;padding-inline-end:0;padding-top:13px;padding-bottom:13px;font-size:14px}/*!@.calendar-day:focus .calendar-day-highlight*/.calendar-day.sc-ion-datetime-md:focus .calendar-day-highlight.sc-ion-datetime-md{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}/*!@:host .calendar-day.calendar-day-today*/.sc-ion-datetime-md-h .calendar-day.calendar-day-today.sc-ion-datetime-md{color:var(--ion-color-base)}/*!@.calendar-day.calendar-day-today .calendar-day-highlight*/.calendar-day.calendar-day-today.sc-ion-datetime-md .calendar-day-highlight.sc-ion-datetime-md{border:1px solid var(--ion-color-base)}/*!@:host .calendar-day.calendar-day-active*/.sc-ion-datetime-md-h .calendar-day.calendar-day-active.sc-ion-datetime-md{color:var(--ion-color-contrast)}/*!@.calendar-day.calendar-day-active .calendar-day-highlight*/.calendar-day.calendar-day-active.sc-ion-datetime-md .calendar-day-highlight.sc-ion-datetime-md{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}/*!@:host .datetime-time*/.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}/*!@:host .time-header*/.sc-ion-datetime-md-h .time-header.sc-ion-datetime-md{color:var(--ion-color-step-650, #595959)}/*!@:host(.datetime-presentation-month) .datetime-year,\n:host(.datetime-presentation-year) .datetime-year,\n:host(.datetime-presentation-month-year) .datetime-year*/.datetime-presentation-month.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md,.datetime-presentation-year.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md,.datetime-presentation-month-year.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{margin-top:20px;margin-bottom:20px}/*!@:host .datetime-buttons*/.sc-ion-datetime-md-h .datetime-buttons.sc-ion-datetime-md{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}/*!@:host .datetime-view-buttons ion-button*/.sc-ion-datetime-md-h .datetime-view-buttons.sc-ion-datetime-md ion-button.sc-ion-datetime-md{color:var(--ion-color-step-800, #333333)}";
|
|
14566
|
+
const datetimeMdCss = "/*!@:host*/.sc-ion-datetime-md-h{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}/*!@ion-picker-column-internal*/ion-picker-column-internal.sc-ion-datetime-md{min-width:26px}/*!@:host(.datetime-size-fixed)*/.datetime-size-fixed.sc-ion-datetime-md-h{width:auto;height:auto}/*!@:host(.datetime-size-fixed:not(.datetime-prefer-wheel))*/.datetime-size-fixed.sc-ion-datetime-md-h:not(.datetime-prefer-wheel){max-width:350px}/*!@:host(.datetime-size-fixed.datetime-prefer-wheel)*/.datetime-size-fixed.datetime-prefer-wheel.sc-ion-datetime-md-h{min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}/*!@:host(.datetime-size-cover)*/.datetime-size-cover.sc-ion-datetime-md-h{width:100%}/*!@:host .calendar-body,\n:host .datetime-year*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md,.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{opacity:0}/*!@:host(:not(.datetime-ready)) .datetime-year*/.sc-ion-datetime-md-h:not(.datetime-ready) .datetime-year.sc-ion-datetime-md{position:absolute;pointer-events:none}/*!@:host(.datetime-ready) .calendar-body*/.datetime-ready.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md{opacity:1}/*!@:host(.datetime-ready) .datetime-year*/.datetime-ready.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{display:none;opacity:1}/*!@:host .wheel-order-year-first .day-column*/.sc-ion-datetime-md-h .wheel-order-year-first.sc-ion-datetime-md .day-column.sc-ion-datetime-md{-ms-flex-order:3;order:3;text-align:end}/*!@:host .wheel-order-year-first .month-column*/.sc-ion-datetime-md-h .wheel-order-year-first.sc-ion-datetime-md .month-column.sc-ion-datetime-md{-ms-flex-order:2;order:2;text-align:end}/*!@:host .wheel-order-year-first .year-column*/.sc-ion-datetime-md-h .wheel-order-year-first.sc-ion-datetime-md .year-column.sc-ion-datetime-md{-ms-flex-order:1;order:1;text-align:start}/*!@:host .datetime-calendar,\n:host .datetime-year*/.sc-ion-datetime-md-h .datetime-calendar.sc-ion-datetime-md,.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}/*!@:host(.show-month-and-year) .datetime-year*/.show-month-and-year.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-md-h .calendar-next-prev.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{position:absolute;visibility:hidden;pointer-events:none}/*!@@supports (inset-inline-start: 0)*/@supports .sc-ion-datetime-md (inset-inline-start.sc-ion-datetime-md: 0).sc-ion-datetime-md{.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h.show-month-and-year .datetime-time{inset-inline-start:-99999px}}/*!@@supports not (inset-inline-start: 0)*/@supports .sc-ion-datetime-md not.sc-ion-datetime-md (inset-inline-start.sc-ion-datetime-md: 0).sc-ion-datetime-md{.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h.show-month-and-year .datetime-time{left:-99999px}.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .datetime-time,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev:dir(rtl),.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week:dir(rtl),.sc-ion-datetime-md-h.show-month-and-year .calendar-body:dir(rtl),.sc-ion-datetime-md-h.show-month-and-year .datetime-time:dir(rtl){left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-md-h .calendar-next-prev.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{display:none}}/*!@:host(.month-year-picker-open) .datetime-footer*/.month-year-picker-open.sc-ion-datetime-md-h .datetime-footer.sc-ion-datetime-md{display:none}/*!@:host(.datetime-readonly),\n:host(.datetime-disabled)*/.datetime-readonly.sc-ion-datetime-md-h,.datetime-disabled.sc-ion-datetime-md-h{pointer-events:none}/*!@:host(.datetime-disabled)*/.datetime-disabled.sc-ion-datetime-md-h{opacity:0.4}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md .datetime-title.sc-ion-datetime-md{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host .datetime-action-buttons.has-clear-button*/.sc-ion-datetime-md-h .datetime-action-buttons.has-clear-button.sc-ion-datetime-md{width:100%}/*!@:host .datetime-action-buttons ion-buttons*/.sc-ion-datetime-md-h .datetime-action-buttons.sc-ion-datetime-md ion-buttons.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons ion-item,\n:host .calendar-action-buttons ion-button*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md,.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-button.sc-ion-datetime-md{--background:translucent}/*!@:host .calendar-action-buttons ion-item ion-label*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md ion-label.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .calendar-action-buttons ion-item ion-icon*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md ion-icon.sc-ion-datetime-md{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}/*!@:host .calendar-body*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}/*!@:host .calendar-body .calendar-month*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}/*!@:host .calendar-body .calendar-month-disabled*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month-disabled.sc-ion-datetime-md{scroll-snap-align:none}/*!@:host .calendar-body::-webkit-scrollbar*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md::-webkit-scrollbar{display:none}/*!@:host .calendar-body .calendar-month-grid*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month-grid.sc-ion-datetime-md{display:grid;grid-template-columns:repeat(7, 1fr)}/*!@:host .calendar-day-wrapper*/.sc-ion-datetime-md-h .calendar-day-wrapper.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}/*!@:host .calendar-day*/.sc-ion-datetime-md-h .calendar-day.sc-ion-datetime-md{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}/*!@:host .calendar-day[disabled]*/.sc-ion-datetime-md-h .calendar-day[disabled].sc-ion-datetime-md{pointer-events:none;opacity:0.4}/*!@.calendar-day:focus*/.calendar-day.sc-ion-datetime-md:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}/*!@:host .datetime-time*/.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.datetime-presentation-time) .datetime-time*/.datetime-presentation-time.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}/*!@:host ion-popover*/.sc-ion-datetime-md-h ion-popover.sc-ion-datetime-md{--height:200px}/*!@:host .time-header*/.sc-ion-datetime-md-h .time-header.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .time-body*/.sc-ion-datetime-md-h .time-body.sc-ion-datetime-md{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@:host .time-body-active*/.sc-ion-datetime-md-h .time-body-active.sc-ion-datetime-md{color:var(--ion-color-base)}/*!@:host(.in-item)*/.in-item.sc-ion-datetime-md-h{position:static}/*!@:host(.show-month-and-year) .calendar-action-buttons ion-item*/.show-month-and-year.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md{--color:var(--ion-color-base)}/*!@:host*/.sc-ion-datetime-md-h{--background:var(--ion-color-step-100, #ffffff);--title-color:var(--ion-color-contrast)}/*!@:host .datetime-header*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md .datetime-title.sc-ion-datetime-md{font-size:12px;text-transform:uppercase}/*!@:host .datetime-header .datetime-selected-date*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md .datetime-selected-date.sc-ion-datetime-md{margin-top:30px;font-size:34px}/*!@:host .datetime-calendar .calendar-action-buttons ion-item*/.sc-ion-datetime-md-h .datetime-calendar.sc-ion-datetime-md .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md{--padding-start:20px}/*!@:host .calendar-action-buttons ion-item,\n:host .calendar-action-buttons ion-button*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md,.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-button.sc-ion-datetime-md{--color:var(--ion-color-step-650, #595959)}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, gray);font-size:14px;line-height:36px}/*!@:host .calendar-body .calendar-month .calendar-month-grid*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month.sc-ion-datetime-md .calendar-month-grid.sc-ion-datetime-md{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:4px;padding-bottom:4px;grid-template-rows:repeat(6, 1fr)}/*!@:host .calendar-day*/.sc-ion-datetime-md-h .calendar-day.sc-ion-datetime-md{width:42px;min-width:42px;height:42px;font-size:14px}/*!@:host .calendar-day.calendar-day-today*/.sc-ion-datetime-md-h .calendar-day.calendar-day-today.sc-ion-datetime-md{border:1px solid var(--ion-color-base);color:var(--ion-color-base)}/*!@:host .calendar-day.calendar-day-active*/.sc-ion-datetime-md-h .calendar-day.calendar-day-active.sc-ion-datetime-md{color:var(--ion-color-contrast)}/*!@.calendar-day.calendar-day-active*/.calendar-day.calendar-day-active.sc-ion-datetime-md{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}/*!@:host .datetime-time*/.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}/*!@:host .time-header*/.sc-ion-datetime-md-h .time-header.sc-ion-datetime-md{color:var(--ion-color-step-650, #595959)}/*!@:host(.datetime-presentation-month) .datetime-year,\n:host(.datetime-presentation-year) .datetime-year,\n:host(.datetime-presentation-month-year) .datetime-year*/.datetime-presentation-month.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md,.datetime-presentation-year.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md,.datetime-presentation-month-year.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{margin-top:20px;margin-bottom:20px}/*!@:host .datetime-buttons*/.sc-ion-datetime-md-h .datetime-buttons.sc-ion-datetime-md{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}/*!@:host .datetime-view-buttons ion-button*/.sc-ion-datetime-md-h .datetime-view-buttons.sc-ion-datetime-md ion-button.sc-ion-datetime-md{color:var(--ion-color-step-800, #333333)}";
|
|
14524
14567
|
|
|
14525
14568
|
/**
|
|
14526
14569
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
@@ -14539,6 +14582,12 @@ const datetimeMdCss = "/*!@:host*/.sc-ion-datetime-md-h{display:-ms-flexbox;disp
|
|
|
14539
14582
|
*
|
|
14540
14583
|
* @part month-year-button - The button that opens the month/year picker when
|
|
14541
14584
|
* using a grid style layout.
|
|
14585
|
+
*
|
|
14586
|
+
* @part calendar-day - The individual buttons that display a day inside of the datetime
|
|
14587
|
+
* calendar.
|
|
14588
|
+
* @part calendar-day active - The currently selected calendar day.
|
|
14589
|
+
* @part calendar-day today - The calendar day that contains the current day.
|
|
14590
|
+
* @part calendar-day disabled - The calendar day that is disabled.
|
|
14542
14591
|
*/
|
|
14543
14592
|
class Datetime {
|
|
14544
14593
|
constructor(hostRef) {
|
|
@@ -14552,11 +14601,6 @@ class Datetime {
|
|
|
14552
14601
|
this.ionRender = createEvent(this, "ionRender", 7);
|
|
14553
14602
|
this.inputId = `ion-dt-${datetimeIds++}`;
|
|
14554
14603
|
this.prevPresentation = null;
|
|
14555
|
-
/**
|
|
14556
|
-
* Duplicate reference to `activeParts` that does not trigger a re-render of the component.
|
|
14557
|
-
* Allows caching an instance of the `activeParts` in between render cycles.
|
|
14558
|
-
*/
|
|
14559
|
-
this.activePartsClone = [];
|
|
14560
14604
|
this.warnIfIncorrectValueUsage = () => {
|
|
14561
14605
|
const { multiple, value } = this;
|
|
14562
14606
|
if (!multiple && Array.isArray(value)) {
|
|
@@ -14584,9 +14628,9 @@ class Datetime {
|
|
|
14584
14628
|
* data. This should be used when rendering an
|
|
14585
14629
|
* interface in an environment where the `value`
|
|
14586
14630
|
* may not be set. This function works
|
|
14587
|
-
* by returning the first selected date
|
|
14588
|
-
*
|
|
14589
|
-
*
|
|
14631
|
+
* by returning the first selected date and then
|
|
14632
|
+
* falling back to defaultParts if no active date
|
|
14633
|
+
* is selected.
|
|
14590
14634
|
*/
|
|
14591
14635
|
this.getActivePartsWithFallback = () => {
|
|
14592
14636
|
var _a;
|
|
@@ -14594,8 +14638,8 @@ class Datetime {
|
|
|
14594
14638
|
return (_a = this.getActivePart()) !== null && _a !== void 0 ? _a : defaultParts;
|
|
14595
14639
|
};
|
|
14596
14640
|
this.getActivePart = () => {
|
|
14597
|
-
const {
|
|
14598
|
-
return Array.isArray(
|
|
14641
|
+
const { activeParts } = this;
|
|
14642
|
+
return Array.isArray(activeParts) ? activeParts[0] : activeParts;
|
|
14599
14643
|
};
|
|
14600
14644
|
this.closeParentOverlay = () => {
|
|
14601
14645
|
const popoverOrModal = this.el.closest('ion-modal, ion-popover');
|
|
@@ -14607,7 +14651,7 @@ class Datetime {
|
|
|
14607
14651
|
this.workingParts = Object.assign({}, parts);
|
|
14608
14652
|
};
|
|
14609
14653
|
this.setActiveParts = (parts, removeDate = false) => {
|
|
14610
|
-
const { multiple, minParts, maxParts,
|
|
14654
|
+
const { multiple, minParts, maxParts, activeParts } = this;
|
|
14611
14655
|
/**
|
|
14612
14656
|
* When setting the active parts, it is possible
|
|
14613
14657
|
* to set invalid data. For example,
|
|
@@ -14621,16 +14665,7 @@ class Datetime {
|
|
|
14621
14665
|
const validatedParts = validateParts(parts, minParts, maxParts);
|
|
14622
14666
|
this.setWorkingParts(validatedParts);
|
|
14623
14667
|
if (multiple) {
|
|
14624
|
-
|
|
14625
|
-
* We read from activePartsClone here because valueChanged() only updates that,
|
|
14626
|
-
* so it's the more reliable source of truth. If we read from activeParts, then
|
|
14627
|
-
* if you click July 1, manually set the value to July 2, and then click July 3,
|
|
14628
|
-
* the new value would be [July 1, July 3], ignoring the value set.
|
|
14629
|
-
*
|
|
14630
|
-
* We can then pass the new value to activeParts (rather than activePartsClone)
|
|
14631
|
-
* since the clone will be updated automatically by activePartsChanged().
|
|
14632
|
-
*/
|
|
14633
|
-
const activePartsArray = Array.isArray(activePartsClone) ? activePartsClone : [activePartsClone];
|
|
14668
|
+
const activePartsArray = Array.isArray(activeParts) ? activeParts : [activeParts];
|
|
14634
14669
|
if (removeDate) {
|
|
14635
14670
|
this.activeParts = activePartsArray.filter((p) => !isSameDay(p, validatedParts));
|
|
14636
14671
|
}
|
|
@@ -14755,7 +14790,7 @@ class Datetime {
|
|
|
14755
14790
|
/**
|
|
14756
14791
|
* Get the number of padding days so
|
|
14757
14792
|
* we know how much to offset our next selector by
|
|
14758
|
-
* to grab the correct
|
|
14793
|
+
* to grab the correct calendar-day element.
|
|
14759
14794
|
*/
|
|
14760
14795
|
const padding = currentMonth.querySelectorAll('.calendar-day-padding');
|
|
14761
14796
|
const { day } = this.workingParts;
|
|
@@ -14766,7 +14801,7 @@ class Datetime {
|
|
|
14766
14801
|
* Get the calendar day element
|
|
14767
14802
|
* and focus it.
|
|
14768
14803
|
*/
|
|
14769
|
-
const dayEl = currentMonth.querySelector(`.calendar-day:nth-of-type(${padding.length + day})`);
|
|
14804
|
+
const dayEl = currentMonth.querySelector(`.calendar-day-wrapper:nth-of-type(${padding.length + day}) .calendar-day`);
|
|
14770
14805
|
if (dayEl) {
|
|
14771
14806
|
dayEl.focus();
|
|
14772
14807
|
}
|
|
@@ -14847,6 +14882,19 @@ class Datetime {
|
|
|
14847
14882
|
const monthBox = month.getBoundingClientRect();
|
|
14848
14883
|
if (Math.abs(monthBox.x - box.x) > 2)
|
|
14849
14884
|
return;
|
|
14885
|
+
/**
|
|
14886
|
+
* If we're force-rendering a month, assume we've
|
|
14887
|
+
* scrolled to that and return it.
|
|
14888
|
+
*
|
|
14889
|
+
* If forceRenderDate is ever used in a context where the
|
|
14890
|
+
* forced month is not immediately auto-scrolled to, this
|
|
14891
|
+
* should be updated to also check whether `month` has the
|
|
14892
|
+
* same month and year as the forced date.
|
|
14893
|
+
*/
|
|
14894
|
+
const { forceRenderDate } = this;
|
|
14895
|
+
if (forceRenderDate !== undefined) {
|
|
14896
|
+
return { month: forceRenderDate.month, year: forceRenderDate.year, day: forceRenderDate.day };
|
|
14897
|
+
}
|
|
14850
14898
|
/**
|
|
14851
14899
|
* From here, we can determine if the start
|
|
14852
14900
|
* month or the end month was scrolled into view.
|
|
@@ -14901,6 +14949,9 @@ class Datetime {
|
|
|
14901
14949
|
this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), { month, day: day, year }));
|
|
14902
14950
|
calendarBodyRef.scrollLeft = workingMonth.clientWidth * (isRTL$1(this.el) ? -1 : 1);
|
|
14903
14951
|
calendarBodyRef.style.removeProperty('overflow');
|
|
14952
|
+
if (this.resolveForceDateScrolling) {
|
|
14953
|
+
this.resolveForceDateScrolling();
|
|
14954
|
+
}
|
|
14904
14955
|
});
|
|
14905
14956
|
};
|
|
14906
14957
|
/**
|
|
@@ -14955,10 +15006,17 @@ class Datetime {
|
|
|
14955
15006
|
}
|
|
14956
15007
|
};
|
|
14957
15008
|
this.processValue = (value) => {
|
|
14958
|
-
const hasValue = value !== null && value !== undefined;
|
|
15009
|
+
const hasValue = value !== null && value !== undefined && (!Array.isArray(value) || value.length > 0);
|
|
14959
15010
|
const valueToProcess = hasValue ? parseDate(value) : this.defaultParts;
|
|
14960
|
-
const { minParts, maxParts } = this;
|
|
15011
|
+
const { minParts, maxParts, workingParts, el } = this;
|
|
14961
15012
|
this.warnIfIncorrectValueUsage();
|
|
15013
|
+
/**
|
|
15014
|
+
* Return early if the value wasn't parsed correctly, such as
|
|
15015
|
+
* if an improperly formatted date string was provided.
|
|
15016
|
+
*/
|
|
15017
|
+
if (!valueToProcess) {
|
|
15018
|
+
return;
|
|
15019
|
+
}
|
|
14962
15020
|
/**
|
|
14963
15021
|
* Datetime should only warn of out of bounds values
|
|
14964
15022
|
* if set by the user. If the `value` is undefined,
|
|
@@ -14976,16 +15034,9 @@ class Datetime {
|
|
|
14976
15034
|
* that the values don't necessarily have to be in order.
|
|
14977
15035
|
*/
|
|
14978
15036
|
const singleValue = Array.isArray(valueToProcess) ? valueToProcess[0] : valueToProcess;
|
|
14979
|
-
const
|
|
15037
|
+
const targetValue = clampDate(singleValue, minParts, maxParts);
|
|
15038
|
+
const { month, day, year, hour, minute } = targetValue;
|
|
14980
15039
|
const ampm = parseAmPm(hour);
|
|
14981
|
-
this.setWorkingParts({
|
|
14982
|
-
month,
|
|
14983
|
-
day,
|
|
14984
|
-
year,
|
|
14985
|
-
hour,
|
|
14986
|
-
minute,
|
|
14987
|
-
ampm,
|
|
14988
|
-
});
|
|
14989
15040
|
/**
|
|
14990
15041
|
* Since `activeParts` indicates a value that
|
|
14991
15042
|
* been explicitly selected either by the
|
|
@@ -15015,6 +15066,62 @@ class Datetime {
|
|
|
15015
15066
|
*/
|
|
15016
15067
|
this.activeParts = [];
|
|
15017
15068
|
}
|
|
15069
|
+
/**
|
|
15070
|
+
* Only animate if:
|
|
15071
|
+
* 1. We're using grid style (wheel style pickers should just jump to new value)
|
|
15072
|
+
* 2. The month and/or year actually changed, and both are defined (otherwise there's nothing to animate to)
|
|
15073
|
+
* 3. The calendar body is visible (prevents animation when in collapsed datetime-button, for example)
|
|
15074
|
+
* 4. The month/year picker is not open (since you wouldn't see the animation anyway)
|
|
15075
|
+
*/
|
|
15076
|
+
const didChangeMonth = (month !== undefined && month !== workingParts.month) || (year !== undefined && year !== workingParts.year);
|
|
15077
|
+
const bodyIsVisible = el.classList.contains('datetime-ready');
|
|
15078
|
+
const { isGridStyle, showMonthAndYear } = this;
|
|
15079
|
+
if (isGridStyle && didChangeMonth && bodyIsVisible && !showMonthAndYear) {
|
|
15080
|
+
this.animateToDate(targetValue);
|
|
15081
|
+
}
|
|
15082
|
+
else {
|
|
15083
|
+
/**
|
|
15084
|
+
* We only need to do this if we didn't just animate to a new month,
|
|
15085
|
+
* since that calls prevMonth/nextMonth which calls setWorkingParts for us.
|
|
15086
|
+
*/
|
|
15087
|
+
this.setWorkingParts({
|
|
15088
|
+
month,
|
|
15089
|
+
day,
|
|
15090
|
+
year,
|
|
15091
|
+
hour,
|
|
15092
|
+
minute,
|
|
15093
|
+
ampm,
|
|
15094
|
+
});
|
|
15095
|
+
}
|
|
15096
|
+
};
|
|
15097
|
+
this.animateToDate = async (targetValue) => {
|
|
15098
|
+
const { workingParts } = this;
|
|
15099
|
+
/**
|
|
15100
|
+
* Tell other render functions that we need to force the
|
|
15101
|
+
* target month to appear in place of the actual next/prev month.
|
|
15102
|
+
* Because this is a State variable, a rerender will be triggered
|
|
15103
|
+
* automatically, updating the rendered months.
|
|
15104
|
+
*/
|
|
15105
|
+
this.forceRenderDate = targetValue;
|
|
15106
|
+
/**
|
|
15107
|
+
* Flag that we've started scrolling to the forced date.
|
|
15108
|
+
* The resolve function will be called by the datetime's
|
|
15109
|
+
* scroll listener when it's done updating everything.
|
|
15110
|
+
* This is a replacement for making prev/nextMonth async,
|
|
15111
|
+
* since the logic we're waiting on is in a listener.
|
|
15112
|
+
*/
|
|
15113
|
+
const forceDateScrollingPromise = new Promise((resolve) => {
|
|
15114
|
+
this.resolveForceDateScrolling = resolve;
|
|
15115
|
+
});
|
|
15116
|
+
/**
|
|
15117
|
+
* Animate smoothly to the forced month. This will also update
|
|
15118
|
+
* workingParts and correct the surrounding months for us.
|
|
15119
|
+
*/
|
|
15120
|
+
const targetMonthIsBefore = isBefore(targetValue, workingParts);
|
|
15121
|
+
targetMonthIsBefore ? this.prevMonth() : this.nextMonth();
|
|
15122
|
+
await forceDateScrollingPromise;
|
|
15123
|
+
this.resolveForceDateScrolling = undefined;
|
|
15124
|
+
this.forceRenderDate = undefined;
|
|
15018
15125
|
};
|
|
15019
15126
|
this.onFocus = () => {
|
|
15020
15127
|
this.ionFocus.emit();
|
|
@@ -15070,6 +15177,7 @@ class Datetime {
|
|
|
15070
15177
|
ampm: 'pm',
|
|
15071
15178
|
};
|
|
15072
15179
|
this.isTimePopoverOpen = false;
|
|
15180
|
+
this.forceRenderDate = undefined;
|
|
15073
15181
|
this.color = 'primary';
|
|
15074
15182
|
this.name = this.inputId;
|
|
15075
15183
|
this.disabled = false;
|
|
@@ -15109,6 +15217,11 @@ class Datetime {
|
|
|
15109
15217
|
maxChanged() {
|
|
15110
15218
|
this.processMaxParts();
|
|
15111
15219
|
}
|
|
15220
|
+
get isGridStyle() {
|
|
15221
|
+
const { presentation, preferWheel } = this;
|
|
15222
|
+
const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
|
|
15223
|
+
return hasDatePresentation && !preferWheel;
|
|
15224
|
+
}
|
|
15112
15225
|
yearValuesChanged() {
|
|
15113
15226
|
this.parsedYearValues = convertToArrayOfNumbers(this.yearValues);
|
|
15114
15227
|
}
|
|
@@ -15124,51 +15237,13 @@ class Datetime {
|
|
|
15124
15237
|
minuteValuesChanged() {
|
|
15125
15238
|
this.parsedMinuteValues = convertToArrayOfNumbers(this.minuteValues);
|
|
15126
15239
|
}
|
|
15127
|
-
activePartsChanged() {
|
|
15128
|
-
this.activePartsClone = this.activeParts;
|
|
15129
|
-
}
|
|
15130
15240
|
/**
|
|
15131
15241
|
* Update the datetime value when the value changes
|
|
15132
15242
|
*/
|
|
15133
|
-
valueChanged() {
|
|
15134
|
-
const { value
|
|
15243
|
+
async valueChanged() {
|
|
15244
|
+
const { value } = this;
|
|
15135
15245
|
if (this.hasValue()) {
|
|
15136
|
-
this.
|
|
15137
|
-
/**
|
|
15138
|
-
* Clones the value of the `activeParts` to the private clone, to update
|
|
15139
|
-
* the date display on the current render cycle without causing another render.
|
|
15140
|
-
*
|
|
15141
|
-
* This allows us to update the current value's date/time display without
|
|
15142
|
-
* refocusing or shifting the user's display (leaves the user in place).
|
|
15143
|
-
*/
|
|
15144
|
-
const valueDateParts = parseDate(value);
|
|
15145
|
-
if (valueDateParts) {
|
|
15146
|
-
warnIfValueOutOfBounds(valueDateParts, minParts, maxParts);
|
|
15147
|
-
if (Array.isArray(valueDateParts)) {
|
|
15148
|
-
this.activePartsClone = [...valueDateParts];
|
|
15149
|
-
}
|
|
15150
|
-
else {
|
|
15151
|
-
const { month, day, year, hour, minute } = valueDateParts;
|
|
15152
|
-
const ampm = hour != null ? (hour >= 12 ? 'pm' : 'am') : undefined;
|
|
15153
|
-
this.activePartsClone = Object.assign(Object.assign({}, this.activeParts), { month,
|
|
15154
|
-
day,
|
|
15155
|
-
year,
|
|
15156
|
-
hour,
|
|
15157
|
-
minute,
|
|
15158
|
-
ampm });
|
|
15159
|
-
/**
|
|
15160
|
-
* The working parts am/pm value must be updated when the value changes, to
|
|
15161
|
-
* ensure the time picker hour column values are generated correctly.
|
|
15162
|
-
*
|
|
15163
|
-
* Note that we don't need to do this if valueDateParts is an array, since
|
|
15164
|
-
* multiple="true" does not apply to time pickers.
|
|
15165
|
-
*/
|
|
15166
|
-
this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { ampm }));
|
|
15167
|
-
}
|
|
15168
|
-
}
|
|
15169
|
-
else {
|
|
15170
|
-
printIonWarning(`Unable to parse date string: ${value}. Please provide a valid ISO 8601 datetime string.`);
|
|
15171
|
-
}
|
|
15246
|
+
this.processValue(value);
|
|
15172
15247
|
}
|
|
15173
15248
|
this.emitStyle();
|
|
15174
15249
|
this.ionValueChange.emit({ value });
|
|
@@ -15371,8 +15446,6 @@ class Datetime {
|
|
|
15371
15446
|
printIonWarning('The highlightedDates property is not supported with preferWheel="true".', el);
|
|
15372
15447
|
}
|
|
15373
15448
|
}
|
|
15374
|
-
this.processMinParts();
|
|
15375
|
-
this.processMaxParts();
|
|
15376
15449
|
const hourValues = (this.parsedHourValues = convertToArrayOfNumbers(this.hourValues));
|
|
15377
15450
|
const minuteValues = (this.parsedMinuteValues = convertToArrayOfNumbers(this.minuteValues));
|
|
15378
15451
|
const monthValues = (this.parsedMonthValues = convertToArrayOfNumbers(this.monthValues));
|
|
@@ -15380,6 +15453,8 @@ class Datetime {
|
|
|
15380
15453
|
const dayValues = (this.parsedDayValues = convertToArrayOfNumbers(this.dayValues));
|
|
15381
15454
|
const todayParts = (this.todayParts = parseDate(getToday()));
|
|
15382
15455
|
this.defaultParts = getClosestValidDate(todayParts, monthValues, dayValues, yearValues, hourValues, minuteValues);
|
|
15456
|
+
this.processMinParts();
|
|
15457
|
+
this.processMaxParts();
|
|
15383
15458
|
this.processValue(this.value);
|
|
15384
15459
|
this.emitStyle();
|
|
15385
15460
|
}
|
|
@@ -15764,7 +15839,7 @@ class Datetime {
|
|
|
15764
15839
|
const { el, highlightedDates, isDateEnabled, multiple } = this;
|
|
15765
15840
|
const referenceParts = { month, day, year };
|
|
15766
15841
|
const isCalendarPadding = day === null;
|
|
15767
|
-
const { isActive, isToday, ariaLabel, ariaSelected, disabled, text } = getCalendarDayState(this.locale, referenceParts, this.
|
|
15842
|
+
const { isActive, isToday, ariaLabel, ariaSelected, disabled, text } = getCalendarDayState(this.locale, referenceParts, this.activeParts, this.todayParts, this.minParts, this.maxParts, this.parsedDayValues);
|
|
15768
15843
|
const dateIsoString = convertDataToISO(referenceParts);
|
|
15769
15844
|
let isCalDayDisabled = isCalMonthDisabled || disabled;
|
|
15770
15845
|
if (!isCalDayDisabled && isDateEnabled !== undefined) {
|
|
@@ -15788,14 +15863,30 @@ class Datetime {
|
|
|
15788
15863
|
if (highlightedDates !== undefined && !isActive && day !== null) {
|
|
15789
15864
|
dateStyle = getHighlightStyles(highlightedDates, dateIsoString, el);
|
|
15790
15865
|
}
|
|
15791
|
-
|
|
15866
|
+
let dateParts = undefined;
|
|
15867
|
+
// "Filler days" at the beginning of the grid should not get the calendar day
|
|
15868
|
+
// CSS parts added to them
|
|
15869
|
+
if (!isCalendarPadding) {
|
|
15870
|
+
dateParts = `calendar-day${isActive ? ' active' : ''}${isToday ? ' today' : ''}${isCalDayDisabled ? ' disabled' : ''}`;
|
|
15871
|
+
}
|
|
15872
|
+
return (hAsync("div", { class: "calendar-day-wrapper" }, hAsync("button", {
|
|
15873
|
+
// We need to use !important for the inline styles here because
|
|
15874
|
+
// otherwise the CSS shadow parts will override these styles.
|
|
15875
|
+
// See https://github.com/WICG/webcomponents/issues/847
|
|
15876
|
+
// Both the CSS shadow parts and highlightedDates styles are
|
|
15877
|
+
// provided by the developer, but highlightedDates styles should
|
|
15878
|
+
// always take priority.
|
|
15879
|
+
ref: (el) => {
|
|
15880
|
+
if (el) {
|
|
15881
|
+
el.style.setProperty('color', `${dateStyle ? dateStyle.textColor : ''}`, 'important');
|
|
15882
|
+
el.style.setProperty('background-color', `${dateStyle ? dateStyle.backgroundColor : ''}`, 'important');
|
|
15883
|
+
}
|
|
15884
|
+
}, tabindex: "-1", "data-day": day, "data-month": month, "data-year": year, "data-index": index, "data-day-of-week": dayOfWeek, disabled: isCalDayDisabled, class: {
|
|
15792
15885
|
'calendar-day-padding': isCalendarPadding,
|
|
15793
15886
|
'calendar-day': true,
|
|
15794
15887
|
'calendar-day-active': isActive,
|
|
15795
15888
|
'calendar-day-today': isToday,
|
|
15796
|
-
},
|
|
15797
|
-
color: dateStyle.textColor,
|
|
15798
|
-
}, "aria-hidden": isCalendarPadding ? 'true' : null, "aria-selected": ariaSelected, "aria-label": ariaLabel, onClick: () => {
|
|
15889
|
+
}, part: dateParts, "aria-hidden": isCalendarPadding ? 'true' : null, "aria-selected": ariaSelected, "aria-label": ariaLabel, onClick: () => {
|
|
15799
15890
|
if (isCalendarPadding) {
|
|
15800
15891
|
return;
|
|
15801
15892
|
}
|
|
@@ -15815,13 +15906,12 @@ class Datetime {
|
|
|
15815
15906
|
day,
|
|
15816
15907
|
year }));
|
|
15817
15908
|
}
|
|
15818
|
-
}
|
|
15819
|
-
|
|
15820
|
-
} }), text));
|
|
15909
|
+
}
|
|
15910
|
+
}, text)));
|
|
15821
15911
|
}))));
|
|
15822
15912
|
}
|
|
15823
15913
|
renderCalendarBody() {
|
|
15824
|
-
return (hAsync("div", { class: "calendar-body ion-focusable", ref: (el) => (this.calendarBodyRef = el), tabindex: "0" }, generateMonths(this.workingParts).map(({ month, year }) => {
|
|
15914
|
+
return (hAsync("div", { class: "calendar-body ion-focusable", ref: (el) => (this.calendarBodyRef = el), tabindex: "0" }, generateMonths(this.workingParts, this.forceRenderDate).map(({ month, year }) => {
|
|
15825
15915
|
return this.renderMonth(month, year);
|
|
15826
15916
|
})));
|
|
15827
15917
|
}
|
|
@@ -15976,14 +16066,13 @@ class Datetime {
|
|
|
15976
16066
|
}
|
|
15977
16067
|
}
|
|
15978
16068
|
render() {
|
|
15979
|
-
const { name, value, disabled, el, color, readonly, showMonthAndYear, preferWheel, presentation, size } = this;
|
|
16069
|
+
const { name, value, disabled, el, color, readonly, showMonthAndYear, preferWheel, presentation, size, isGridStyle, } = this;
|
|
15980
16070
|
const mode = getIonMode$1(this);
|
|
15981
16071
|
const isMonthAndYearPresentation = presentation === 'year' || presentation === 'month' || presentation === 'month-year';
|
|
15982
16072
|
const shouldShowMonthAndYear = showMonthAndYear || isMonthAndYearPresentation;
|
|
15983
16073
|
const monthYearPickerOpen = showMonthAndYear && !isMonthAndYearPresentation;
|
|
15984
16074
|
const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
|
|
15985
16075
|
const hasWheelVariant = hasDatePresentation && preferWheel;
|
|
15986
|
-
const hasGrid = hasDatePresentation && !preferWheel;
|
|
15987
16076
|
renderHiddenInput(true, el, name, formatValue(value), disabled);
|
|
15988
16077
|
return (hAsync(Host, { "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses$1(color, {
|
|
15989
16078
|
[mode]: true,
|
|
@@ -15994,7 +16083,7 @@ class Datetime {
|
|
|
15994
16083
|
[`datetime-presentation-${presentation}`]: true,
|
|
15995
16084
|
[`datetime-size-${size}`]: true,
|
|
15996
16085
|
[`datetime-prefer-wheel`]: hasWheelVariant,
|
|
15997
|
-
[`datetime-grid`]:
|
|
16086
|
+
[`datetime-grid`]: isGridStyle,
|
|
15998
16087
|
})) }, this.renderDatetime(mode)));
|
|
15999
16088
|
}
|
|
16000
16089
|
get el() { return getElement(this); }
|
|
@@ -16007,7 +16096,6 @@ class Datetime {
|
|
|
16007
16096
|
"dayValues": ["dayValuesChanged"],
|
|
16008
16097
|
"hourValues": ["hourValuesChanged"],
|
|
16009
16098
|
"minuteValues": ["minuteValuesChanged"],
|
|
16010
|
-
"activeParts": ["activePartsChanged"],
|
|
16011
16099
|
"value": ["valueChanged"]
|
|
16012
16100
|
}; }
|
|
16013
16101
|
static get style() { return {
|
|
@@ -16051,6 +16139,7 @@ class Datetime {
|
|
|
16051
16139
|
"activeParts": [32],
|
|
16052
16140
|
"workingParts": [32],
|
|
16053
16141
|
"isTimePopoverOpen": [32],
|
|
16142
|
+
"forceRenderDate": [32],
|
|
16054
16143
|
"confirm": [64],
|
|
16055
16144
|
"reset": [64],
|
|
16056
16145
|
"cancel": [64]
|
|
@@ -16111,6 +16200,9 @@ class DatetimeButton {
|
|
|
16111
16200
|
* to today's date and time if no value is set.
|
|
16112
16201
|
*/
|
|
16113
16202
|
const parsedDatetimes = parseDate(parsedValues.length > 0 ? parsedValues : [getToday()]);
|
|
16203
|
+
if (!parsedDatetimes) {
|
|
16204
|
+
return;
|
|
16205
|
+
}
|
|
16114
16206
|
/**
|
|
16115
16207
|
* If developers incorrectly use multiple="true"
|
|
16116
16208
|
* with non "date" datetimes, then just select
|
|
@@ -26890,9 +26982,9 @@ const renderProgress = (value, buffer) => {
|
|
|
26890
26982
|
];
|
|
26891
26983
|
};
|
|
26892
26984
|
|
|
26893
|
-
const radioIosCss = "/*!@:host*/.sc-ion-radio-ios-h{--inner-border-radius:50%;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;min-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(:not(.legacy-radio))*/.sc-ion-radio-ios-h:not(.legacy-radio){cursor:pointer}/*!@:host(.radio-disabled)*/.radio-disabled.sc-ion-radio-ios-h{pointer-events:none}/*!@.radio-icon*/.radio-icon.sc-ion-radio-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}/*!@.radio-icon,\n.radio-inner*/.radio-icon.sc-ion-radio-ios,.radio-inner.sc-ion-radio-ios{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{left:0}/*!@:host-context([dir=rtl]):host(.legacy-radio) label, :host-context([dir=rtl]).legacy-radio label*/[dir=rtl].sc-ion-radio-ios-h -no-combinator.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios,[dir=rtl] .sc-ion-radio-ios-h -no-combinator.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios,[dir=rtl].legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios,[dir=rtl] .legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-ios selector(.sc-ion-radio-ios:dir(rtl)){.sc-ion-radio-ios-h.legacy-radio label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-radio) label::-moz-focus-inner*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-radio-ios{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@:host(:focus)*/.sc-ion-radio-ios-h:focus{outline:none}/*!@:host(.in-item:not(.legacy-radio))*/.in-item.sc-ion-radio-ios-h:not(.legacy-radio){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-radio)),\n:host([slot=end]:not(.legacy-radio))*/[slot=start].sc-ion-radio-ios-h:not(.legacy-radio),[slot=end].sc-ion-radio-ios-h:not(.legacy-radio){width:auto}/*!@.radio-wrapper*/.radio-wrapper.sc-ion-radio-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-radio-ios{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-radio)) .label-text-wrapper*/.in-item.sc-ion-radio-ios-h:not(.legacy-radio) .label-text-wrapper.sc-ion-radio-ios{margin-top:10px;margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-radio-ios{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-radio-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.radio-justify-space-between) .radio-wrapper*/.radio-justify-space-between.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.radio-justify-start) .radio-wrapper*/.radio-justify-start.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-pack:start;justify-content:start}/*!@:host(.radio-justify-end) .radio-wrapper*/.radio-justify-end.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-pack:end;justify-content:end}/*!@:host(.radio-label-placement-start) .radio-wrapper*/.radio-label-placement-start.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.radio-label-placement-start) .label-text-wrapper*/.radio-label-placement-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-end) .radio-wrapper*/.radio-label-placement-end.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.radio-label-placement-end) .label-text-wrapper*/.radio-label-placement-end.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px}/*!@:host*/.sc-ion-radio-ios-h{--color-checked:var(--ion-color-primary, #3880ff)}/*!@:host(.legacy-radio)*/.legacy-radio.sc-ion-radio-ios-h{width:15px;height:24px}/*!@:host(.ion-color.radio-checked) .radio-inner*/.ion-color.radio-checked.sc-ion-radio-ios-h .radio-inner.sc-ion-radio-ios{border-color:var(--ion-color-base)}/*!@.item-radio.item-ios ion-label*/.item-radio.item-ios.sc-ion-radio-ios ion-label.sc-ion-radio-ios{-webkit-margin-start:0;margin-inline-start:0}/*!@.radio-inner*/.radio-inner.sc-ion-radio-ios{width:33%;height:50%}/*!@:host(.radio-checked) .radio-inner*/.radio-checked.sc-ion-radio-ios-h .radio-inner.sc-ion-radio-ios{-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--color-checked)}/*!@:host(.radio-disabled)*/.radio-disabled.sc-ion-radio-ios-h{opacity:0.3}/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{border-radius:var(--inner-border-radius);top:-8px;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:\"\";opacity:0.2}@supports (inset-inline-start: 0){/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{inset-inline-start:-9px}}@supports not (inset-inline-start: 0){/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{left:-9px}/*!@:host-context([dir=rtl]):host(.ion-focused) .radio-icon::after, :host-context([dir=rtl]).ion-focused .radio-icon::after*/[dir=rtl].sc-ion-radio-ios-h -no-combinator.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after,[dir=rtl] .sc-ion-radio-ios-h -no-combinator.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after,[dir=rtl].ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after,[dir=rtl] .ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{left:unset;right:unset;right:-9px}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-ios selector(.sc-ion-radio-ios:dir(rtl)){.sc-ion-radio-ios-h.ion-focused .radio-icon::after:dir(rtl){left:unset;right:unset;right:-9px}}}/*!@:host(.in-item.legacy-radio)*/.in-item.legacy-radio.sc-ion-radio-ios-h{-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:11px;margin-inline-end:11px;margin-top:8px;margin-bottom:8px;display:block;position:static}/*!@:host(.in-item.legacy-radio[slot=start])*/.in-item.legacy-radio[slot=start].sc-ion-radio-ios-h{-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:21px;margin-inline-end:21px;margin-top:8px;margin-bottom:8px}/*!@.native-wrapper .radio-icon*/.native-wrapper.sc-ion-radio-ios .radio-icon.sc-ion-radio-ios{width:15px;height:24px}";
|
|
26985
|
+
const radioIosCss = "/*!@:host*/.sc-ion-radio-ios-h{--inner-border-radius:50%;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;min-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(:not(.legacy-radio))*/.sc-ion-radio-ios-h:not(.legacy-radio){cursor:pointer}/*!@:host(.radio-disabled)*/.radio-disabled.sc-ion-radio-ios-h{pointer-events:none}/*!@.radio-icon*/.radio-icon.sc-ion-radio-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}/*!@.radio-icon,\n.radio-inner*/.radio-icon.sc-ion-radio-ios,.radio-inner.sc-ion-radio-ios{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{left:0}/*!@:host-context([dir=rtl]):host(.legacy-radio) label, :host-context([dir=rtl]).legacy-radio label*/[dir=rtl].sc-ion-radio-ios-h -no-combinator.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios,[dir=rtl] .sc-ion-radio-ios-h -no-combinator.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios,[dir=rtl].legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios,[dir=rtl] .legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-ios selector(.sc-ion-radio-ios:dir(rtl)){.sc-ion-radio-ios-h.legacy-radio label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-radio) label::-moz-focus-inner*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-radio-ios{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@:host(:focus)*/.sc-ion-radio-ios-h:focus{outline:none}/*!@:host(.in-item:not(.legacy-radio))*/.in-item.sc-ion-radio-ios-h:not(.legacy-radio){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-radio)),\n:host([slot=end]:not(.legacy-radio))*/[slot=start].sc-ion-radio-ios-h:not(.legacy-radio),[slot=end].sc-ion-radio-ios-h:not(.legacy-radio){width:auto}/*!@.radio-wrapper*/.radio-wrapper.sc-ion-radio-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-radio-ios{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-radio)) .label-text-wrapper*/.in-item.sc-ion-radio-ios-h:not(.legacy-radio) .label-text-wrapper.sc-ion-radio-ios{margin-top:10px;margin-bottom:10px}/*!@:host(.in-item.radio-label-placement-stacked) .label-text-wrapper*/.in-item.radio-label-placement-stacked.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.radio-label-placement-stacked) .native-wrapper*/.in-item.radio-label-placement-stacked.sc-ion-radio-ios-h .native-wrapper.sc-ion-radio-ios{margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-radio-ios{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-radio-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.radio-justify-space-between) .radio-wrapper*/.radio-justify-space-between.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.radio-justify-start) .radio-wrapper*/.radio-justify-start.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-pack:start;justify-content:start}/*!@:host(.radio-justify-end) .radio-wrapper*/.radio-justify-end.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-pack:end;justify-content:end}/*!@:host(.radio-alignment-start) .radio-wrapper*/.radio-alignment-start.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-align:start;align-items:start}/*!@:host(.radio-alignment-center) .radio-wrapper*/.radio-alignment-center.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-align:center;align-items:center}/*!@:host(.radio-label-placement-start) .radio-wrapper*/.radio-label-placement-start.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.radio-label-placement-start) .label-text-wrapper*/.radio-label-placement-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-end) .radio-wrapper*/.radio-label-placement-end.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.radio-label-placement-end) .label-text-wrapper*/.radio-label-placement-end.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px}/*!@:host(.radio-label-placement-stacked) .radio-wrapper*/.radio-label-placement-stacked.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-direction:column;flex-direction:column}/*!@:host(.radio-label-placement-stacked) .label-text-wrapper*/.radio-label-placement-stacked.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}/*!@:host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper*/.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-transform-origin:left top;transform-origin:left top}/*!@:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper, :host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-start .label-text-wrapper*/[dir=rtl].sc-ion-radio-ios-h -no-combinator.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios,[dir=rtl] .sc-ion-radio-ios-h -no-combinator.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios,[dir=rtl].radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios,[dir=rtl] .radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper:dir(rtl)*/.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper*/.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-transform-origin:center top;transform-origin:center top}/*!@:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper, :host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-center .label-text-wrapper*/[dir=rtl].sc-ion-radio-ios-h -no-combinator.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios,[dir=rtl] .sc-ion-radio-ios-h -no-combinator.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios,[dir=rtl].radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios,[dir=rtl] .radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){/*!@:host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper:dir(rtl)*/.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios:dir(rtl){-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}/*!@:host*/.sc-ion-radio-ios-h{--color-checked:var(--ion-color-primary, #3880ff)}/*!@:host(.legacy-radio)*/.legacy-radio.sc-ion-radio-ios-h{width:15px;height:24px}/*!@:host(.ion-color.radio-checked) .radio-inner*/.ion-color.radio-checked.sc-ion-radio-ios-h .radio-inner.sc-ion-radio-ios{border-color:var(--ion-color-base)}/*!@.item-radio.item-ios ion-label*/.item-radio.item-ios.sc-ion-radio-ios ion-label.sc-ion-radio-ios{-webkit-margin-start:0;margin-inline-start:0}/*!@.radio-inner*/.radio-inner.sc-ion-radio-ios{width:33%;height:50%}/*!@:host(.radio-checked) .radio-inner*/.radio-checked.sc-ion-radio-ios-h .radio-inner.sc-ion-radio-ios{-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--color-checked)}/*!@:host(.radio-disabled)*/.radio-disabled.sc-ion-radio-ios-h{opacity:0.3}/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{border-radius:var(--inner-border-radius);top:-8px;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:\"\";opacity:0.2}@supports (inset-inline-start: 0){/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{inset-inline-start:-9px}}@supports not (inset-inline-start: 0){/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{left:-9px}/*!@:host-context([dir=rtl]):host(.ion-focused) .radio-icon::after, :host-context([dir=rtl]).ion-focused .radio-icon::after*/[dir=rtl].sc-ion-radio-ios-h -no-combinator.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after,[dir=rtl] .sc-ion-radio-ios-h -no-combinator.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after,[dir=rtl].ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after,[dir=rtl] .ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{left:unset;right:unset;right:-9px}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-ios selector(.sc-ion-radio-ios:dir(rtl)){.sc-ion-radio-ios-h.ion-focused .radio-icon::after:dir(rtl){left:unset;right:unset;right:-9px}}}/*!@:host(.in-item.legacy-radio)*/.in-item.legacy-radio.sc-ion-radio-ios-h{-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:11px;margin-inline-end:11px;margin-top:8px;margin-bottom:8px;display:block;position:static}/*!@:host(.in-item.legacy-radio[slot=start])*/.in-item.legacy-radio[slot=start].sc-ion-radio-ios-h{-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:21px;margin-inline-end:21px;margin-top:8px;margin-bottom:8px}/*!@.native-wrapper .radio-icon*/.native-wrapper.sc-ion-radio-ios .radio-icon.sc-ion-radio-ios{width:15px;height:24px}";
|
|
26894
26986
|
|
|
26895
|
-
const radioMdCss = "/*!@:host*/.sc-ion-radio-md-h{--inner-border-radius:50%;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;min-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(:not(.legacy-radio))*/.sc-ion-radio-md-h:not(.legacy-radio){cursor:pointer}/*!@:host(.radio-disabled)*/.radio-disabled.sc-ion-radio-md-h{pointer-events:none}/*!@.radio-icon*/.radio-icon.sc-ion-radio-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}/*!@.radio-icon,\n.radio-inner*/.radio-icon.sc-ion-radio-md,.radio-inner.sc-ion-radio-md{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{left:0}/*!@:host-context([dir=rtl]):host(.legacy-radio) label, :host-context([dir=rtl]).legacy-radio label*/[dir=rtl].sc-ion-radio-md-h -no-combinator.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md,[dir=rtl] .sc-ion-radio-md-h -no-combinator.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md,[dir=rtl].legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md,[dir=rtl] .legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-md selector(.sc-ion-radio-md:dir(rtl)){.sc-ion-radio-md-h.legacy-radio label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-radio) label::-moz-focus-inner*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-radio-md{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@:host(:focus)*/.sc-ion-radio-md-h:focus{outline:none}/*!@:host(.in-item:not(.legacy-radio))*/.in-item.sc-ion-radio-md-h:not(.legacy-radio){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-radio)),\n:host([slot=end]:not(.legacy-radio))*/[slot=start].sc-ion-radio-md-h:not(.legacy-radio),[slot=end].sc-ion-radio-md-h:not(.legacy-radio){width:auto}/*!@.radio-wrapper*/.radio-wrapper.sc-ion-radio-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-radio-md{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-radio)) .label-text-wrapper*/.in-item.sc-ion-radio-md-h:not(.legacy-radio) .label-text-wrapper.sc-ion-radio-md{margin-top:10px;margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-radio-md{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-radio-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.radio-justify-space-between) .radio-wrapper*/.radio-justify-space-between.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.radio-justify-start) .radio-wrapper*/.radio-justify-start.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-pack:start;justify-content:start}/*!@:host(.radio-justify-end) .radio-wrapper*/.radio-justify-end.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-pack:end;justify-content:end}/*!@:host(.radio-label-placement-start) .radio-wrapper*/.radio-label-placement-start.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.radio-label-placement-start) .label-text-wrapper*/.radio-label-placement-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-end) .radio-wrapper*/.radio-label-placement-end.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.radio-label-placement-end) .label-text-wrapper*/.radio-label-placement-end.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px}/*!@:host*/.sc-ion-radio-md-h{--color:rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--color-checked:var(--ion-color-primary, #3880ff);--border-width:2px;--border-style:solid;--border-radius:50%}/*!@:host(.legacy-radio)*/.legacy-radio.sc-ion-radio-md-h{width:20px;height:20px}/*!@:host(.ion-color) .radio-inner*/.ion-color.sc-ion-radio-md-h .radio-inner.sc-ion-radio-md{background:var(--ion-color-base)}/*!@:host(.ion-color.radio-checked) .radio-icon*/.ion-color.radio-checked.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md{border-color:var(--ion-color-base)}/*!@.radio-icon*/.radio-icon.sc-ion-radio-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--color)}/*!@.radio-inner*/.radio-inner.sc-ion-radio-md{border-radius:var(--inner-border-radius);width:calc(50% + var(--border-width));height:calc(50% + var(--border-width));-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background:var(--color-checked)}/*!@:host(.radio-checked) .radio-icon*/.radio-checked.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md{border-color:var(--color-checked)}/*!@:host(.radio-checked) .radio-inner*/.radio-checked.sc-ion-radio-md-h .radio-inner.sc-ion-radio-md{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}/*!@:host(.legacy-radio.radio-disabled),\n:host(.radio-disabled) .label-text-wrapper*/.legacy-radio.radio-disabled.sc-ion-radio-md-h,.radio-disabled.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{opacity:0.38}/*!@:host(.radio-disabled) .native-wrapper*/.radio-disabled.sc-ion-radio-md-h .native-wrapper.sc-ion-radio-md{opacity:0.63}/*!@:host(.ion-focused.legacy-radio) .radio-icon::after*/.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{top:-12px}@supports (inset-inline-start: 0){/*!@:host(.ion-focused.legacy-radio) .radio-icon::after*/.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{inset-inline-start:-12px}}@supports not (inset-inline-start: 0){/*!@:host(.ion-focused.legacy-radio) .radio-icon::after*/.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{left:-12px}/*!@:host-context([dir=rtl]):host(.ion-focused.legacy-radio) .radio-icon::after, :host-context([dir=rtl]).ion-focused.legacy-radio .radio-icon::after*/[dir=rtl].sc-ion-radio-md-h -no-combinator.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after,[dir=rtl] .sc-ion-radio-md-h -no-combinator.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after,[dir=rtl].ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after,[dir=rtl] .ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{left:unset;right:unset;right:-12px}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-md selector(.sc-ion-radio-md:dir(rtl)){.sc-ion-radio-md-h.ion-focused.legacy-radio .radio-icon::after:dir(rtl){left:unset;right:unset;right:-12px}}}/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{border-radius:var(--inner-border-radius);display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:\"\";opacity:0.2}/*!@:host(.in-item.legacy-radio)*/.in-item.legacy-radio.sc-ion-radio-md-h{margin-left:0;margin-right:0;margin-top:9px;margin-bottom:9px;display:block;position:static}/*!@:host(.in-item.legacy-radio[slot=start])*/.in-item.legacy-radio[slot=start].sc-ion-radio-md-h{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px;margin-top:11px;margin-bottom:10px}/*!@.native-wrapper .radio-icon*/.native-wrapper.sc-ion-radio-md .radio-icon.sc-ion-radio-md{width:20px;height:20px}";
|
|
26987
|
+
const radioMdCss = "/*!@:host*/.sc-ion-radio-md-h{--inner-border-radius:50%;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;min-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(:not(.legacy-radio))*/.sc-ion-radio-md-h:not(.legacy-radio){cursor:pointer}/*!@:host(.radio-disabled)*/.radio-disabled.sc-ion-radio-md-h{pointer-events:none}/*!@.radio-icon*/.radio-icon.sc-ion-radio-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}/*!@.radio-icon,\n.radio-inner*/.radio-icon.sc-ion-radio-md,.radio-inner.sc-ion-radio-md{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{left:0}/*!@:host-context([dir=rtl]):host(.legacy-radio) label, :host-context([dir=rtl]).legacy-radio label*/[dir=rtl].sc-ion-radio-md-h -no-combinator.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md,[dir=rtl] .sc-ion-radio-md-h -no-combinator.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md,[dir=rtl].legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md,[dir=rtl] .legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-md selector(.sc-ion-radio-md:dir(rtl)){.sc-ion-radio-md-h.legacy-radio label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-radio) label::-moz-focus-inner*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-radio-md{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@:host(:focus)*/.sc-ion-radio-md-h:focus{outline:none}/*!@:host(.in-item:not(.legacy-radio))*/.in-item.sc-ion-radio-md-h:not(.legacy-radio){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-radio)),\n:host([slot=end]:not(.legacy-radio))*/[slot=start].sc-ion-radio-md-h:not(.legacy-radio),[slot=end].sc-ion-radio-md-h:not(.legacy-radio){width:auto}/*!@.radio-wrapper*/.radio-wrapper.sc-ion-radio-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-radio-md{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-radio)) .label-text-wrapper*/.in-item.sc-ion-radio-md-h:not(.legacy-radio) .label-text-wrapper.sc-ion-radio-md{margin-top:10px;margin-bottom:10px}/*!@:host(.in-item.radio-label-placement-stacked) .label-text-wrapper*/.in-item.radio-label-placement-stacked.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.radio-label-placement-stacked) .native-wrapper*/.in-item.radio-label-placement-stacked.sc-ion-radio-md-h .native-wrapper.sc-ion-radio-md{margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-radio-md{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-radio-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.radio-justify-space-between) .radio-wrapper*/.radio-justify-space-between.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.radio-justify-start) .radio-wrapper*/.radio-justify-start.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-pack:start;justify-content:start}/*!@:host(.radio-justify-end) .radio-wrapper*/.radio-justify-end.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-pack:end;justify-content:end}/*!@:host(.radio-alignment-start) .radio-wrapper*/.radio-alignment-start.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-align:start;align-items:start}/*!@:host(.radio-alignment-center) .radio-wrapper*/.radio-alignment-center.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-align:center;align-items:center}/*!@:host(.radio-label-placement-start) .radio-wrapper*/.radio-label-placement-start.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.radio-label-placement-start) .label-text-wrapper*/.radio-label-placement-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-end) .radio-wrapper*/.radio-label-placement-end.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.radio-label-placement-end) .label-text-wrapper*/.radio-label-placement-end.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px}/*!@:host(.radio-label-placement-stacked) .radio-wrapper*/.radio-label-placement-stacked.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-direction:column;flex-direction:column}/*!@:host(.radio-label-placement-stacked) .label-text-wrapper*/.radio-label-placement-stacked.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}/*!@:host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper*/.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-transform-origin:left top;transform-origin:left top}/*!@:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper, :host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-start .label-text-wrapper*/[dir=rtl].sc-ion-radio-md-h -no-combinator.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md,[dir=rtl] .sc-ion-radio-md-h -no-combinator.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md,[dir=rtl].radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md,[dir=rtl] .radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper:dir(rtl)*/.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper*/.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-transform-origin:center top;transform-origin:center top}/*!@:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper, :host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-center .label-text-wrapper*/[dir=rtl].sc-ion-radio-md-h -no-combinator.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md,[dir=rtl] .sc-ion-radio-md-h -no-combinator.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md,[dir=rtl].radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md,[dir=rtl] .radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){/*!@:host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper:dir(rtl)*/.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md:dir(rtl){-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}/*!@:host*/.sc-ion-radio-md-h{--color:rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--color-checked:var(--ion-color-primary, #3880ff);--border-width:2px;--border-style:solid;--border-radius:50%}/*!@:host(.legacy-radio)*/.legacy-radio.sc-ion-radio-md-h{width:20px;height:20px}/*!@:host(.ion-color) .radio-inner*/.ion-color.sc-ion-radio-md-h .radio-inner.sc-ion-radio-md{background:var(--ion-color-base)}/*!@:host(.ion-color.radio-checked) .radio-icon*/.ion-color.radio-checked.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md{border-color:var(--ion-color-base)}/*!@.radio-icon*/.radio-icon.sc-ion-radio-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--color)}/*!@.radio-inner*/.radio-inner.sc-ion-radio-md{border-radius:var(--inner-border-radius);width:calc(50% + var(--border-width));height:calc(50% + var(--border-width));-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background:var(--color-checked)}/*!@:host(.radio-checked) .radio-icon*/.radio-checked.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md{border-color:var(--color-checked)}/*!@:host(.radio-checked) .radio-inner*/.radio-checked.sc-ion-radio-md-h .radio-inner.sc-ion-radio-md{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}/*!@:host(.legacy-radio.radio-disabled),\n:host(.radio-disabled) .label-text-wrapper*/.legacy-radio.radio-disabled.sc-ion-radio-md-h,.radio-disabled.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{opacity:0.38}/*!@:host(.radio-disabled) .native-wrapper*/.radio-disabled.sc-ion-radio-md-h .native-wrapper.sc-ion-radio-md{opacity:0.63}/*!@:host(.ion-focused.legacy-radio) .radio-icon::after*/.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{top:-12px}@supports (inset-inline-start: 0){/*!@:host(.ion-focused.legacy-radio) .radio-icon::after*/.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{inset-inline-start:-12px}}@supports not (inset-inline-start: 0){/*!@:host(.ion-focused.legacy-radio) .radio-icon::after*/.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{left:-12px}/*!@:host-context([dir=rtl]):host(.ion-focused.legacy-radio) .radio-icon::after, :host-context([dir=rtl]).ion-focused.legacy-radio .radio-icon::after*/[dir=rtl].sc-ion-radio-md-h -no-combinator.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after,[dir=rtl] .sc-ion-radio-md-h -no-combinator.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after,[dir=rtl].ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after,[dir=rtl] .ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{left:unset;right:unset;right:-12px}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-md selector(.sc-ion-radio-md:dir(rtl)){.sc-ion-radio-md-h.ion-focused.legacy-radio .radio-icon::after:dir(rtl){left:unset;right:unset;right:-12px}}}/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{border-radius:var(--inner-border-radius);display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:\"\";opacity:0.2}/*!@:host(.in-item.legacy-radio)*/.in-item.legacy-radio.sc-ion-radio-md-h{margin-left:0;margin-right:0;margin-top:9px;margin-bottom:9px;display:block;position:static}/*!@:host(.in-item.legacy-radio[slot=start])*/.in-item.legacy-radio[slot=start].sc-ion-radio-md-h{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px;margin-top:11px;margin-bottom:10px}/*!@.native-wrapper .radio-icon*/.native-wrapper.sc-ion-radio-md .radio-icon.sc-ion-radio-md{width:20px;height:20px}";
|
|
26896
26988
|
|
|
26897
26989
|
/**
|
|
26898
26990
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
@@ -26961,6 +27053,7 @@ class Radio {
|
|
|
26961
27053
|
this.labelPlacement = 'start';
|
|
26962
27054
|
this.legacy = undefined;
|
|
26963
27055
|
this.justify = 'space-between';
|
|
27056
|
+
this.alignment = 'center';
|
|
26964
27057
|
}
|
|
26965
27058
|
valueChanged() {
|
|
26966
27059
|
/**
|
|
@@ -27025,7 +27118,7 @@ class Radio {
|
|
|
27025
27118
|
return legacyFormController.hasLegacyControl() ? this.renderLegacyRadio() : this.renderRadio();
|
|
27026
27119
|
}
|
|
27027
27120
|
renderRadio() {
|
|
27028
|
-
const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex } = this;
|
|
27121
|
+
const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
|
|
27029
27122
|
const mode = getIonMode$1(this);
|
|
27030
27123
|
const inItem = hostContext('ion-item', el);
|
|
27031
27124
|
return (hAsync(Host, { onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
|
|
@@ -27034,6 +27127,7 @@ class Radio {
|
|
|
27034
27127
|
'radio-checked': checked,
|
|
27035
27128
|
'radio-disabled': disabled,
|
|
27036
27129
|
[`radio-justify-${justify}`]: true,
|
|
27130
|
+
[`radio-alignment-${alignment}`]: true,
|
|
27037
27131
|
[`radio-label-placement-${labelPlacement}`]: true,
|
|
27038
27132
|
// Focus and active styling should not apply when the radio is in an item
|
|
27039
27133
|
'ion-activatable': !inItem,
|
|
@@ -27092,6 +27186,7 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
|
|
|
27092
27186
|
"labelPlacement": [1, "label-placement"],
|
|
27093
27187
|
"legacy": [4],
|
|
27094
27188
|
"justify": [1],
|
|
27189
|
+
"alignment": [1],
|
|
27095
27190
|
"checked": [32],
|
|
27096
27191
|
"buttonTabindex": [32],
|
|
27097
27192
|
"setFocus": [64],
|
|
@@ -27301,9 +27396,9 @@ function roundToMaxDecimalPlaces(n, ...references) {
|
|
|
27301
27396
|
return Number(n.toFixed(maxPlaces));
|
|
27302
27397
|
}
|
|
27303
27398
|
|
|
27304
|
-
const rangeIosCss = "/*!@:host*/.sc-ion-range-ios-h{--knob-handle-size:calc(var(--knob-size) * 2);display:-ms-flexbox;display:flex;position:relative;-ms-flex:3;flex:3;-ms-flex-align:center;align-items:center;font-family:var(--ion-font-family, inherit);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.range-disabled)*/.range-disabled.sc-ion-range-ios-h{pointer-events:none}/*!@::slotted(ion-label)*/.sc-ion-range-ios-s>ion-label{-ms-flex:initial;flex:initial}/*!@::slotted(ion-icon[slot])*/.sc-ion-range-ios-s>ion-icon[slot]{font-size:24px}/*!@.range-slider*/.range-slider.sc-ion-range-ios{position:relative;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}/*!@:host(.range-pressed) .range-slider*/.range-pressed.sc-ion-range-ios-h .range-slider.sc-ion-range-ios{cursor:-webkit-grabbing;cursor:grabbing}/*!@.range-pin*/.range-pin.sc-ion-range-ios{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-ios{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-ios{left:0}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-ios .range-knob-handle.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-ios selector(.sc-ion-range-ios:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios{left:unset}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-ios .range-knob-handle.sc-ion-range-ios{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob-handle:dir(rtl)*/.range-knob-handle.sc-ion-range-ios:dir(rtl){left:unset}}/*!@.range-knob-handle:active, .range-knob-handle:focus*/.range-knob-handle.sc-ion-range-ios:active,.range-knob-handle.sc-ion-range-ios:focus{outline:none}/*!@.range-bar-container*/.range-bar-container.sc-ion-range-ios{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-ios{left:0}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-ios .range-bar-container.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-ios selector(.sc-ion-range-ios:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios{left:unset}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-ios .range-bar-container.sc-ion-range-ios{left:unset}@supports selector(:dir(rtl)){/*!@.range-bar-container:dir(rtl)*/.range-bar-container.sc-ion-range-ios:dir(rtl){left:unset}}/*!@.range-bar*/.range-bar.sc-ion-range-ios{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}/*!@.range-knob*/.range-knob.sc-ion-range-ios{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-ios{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-ios{left:calc(50% - var(--knob-size) / 2)}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-ios-h .range-knob.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob.sc-ion-range-ios{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-ios .range-knob.sc-ion-range-ios{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-ios selector(.sc-ion-range-ios:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-ios-h .range-knob.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob.sc-ion-range-ios{left:unset}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-ios .range-knob.sc-ion-range-ios{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob:dir(rtl)*/.range-knob.sc-ion-range-ios:dir(rtl){left:unset}}/*!@:host(.range-pressed) .range-bar-active*/.range-pressed.sc-ion-range-ios-h .range-bar-active.sc-ion-range-ios{will-change:left, right}/*!@:host(.in-item)*/.in-item.sc-ion-range-ios-h{width:100%}/*!@:host([slot=start]),\n:host([slot=end])*/[slot=start].sc-ion-range-ios-h,[slot=end].sc-ion-range-ios-h{width:auto}/*!@:host(.in-item) ::slotted(ion-label)*/.sc-ion-range-ios-h.in-item .sc-ion-range-ios-s>ion-label{-ms-flex-item-align:center;align-self:center}/*!@.range-wrapper*/.range-wrapper.sc-ion-range-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit}/*!@::slotted([slot=label])*/.sc-ion-range-ios-s>[slot=label]{max-width:200px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-range-ios{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-range-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}/*!@:host(.range-label-placement-start) .range-wrapper*/.range-label-placement-start.sc-ion-range-ios-h .range-wrapper.sc-ion-range-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.range-label-placement-start) .label-text-wrapper*/.range-label-placement-start.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-end) .range-wrapper*/.range-label-placement-end.sc-ion-range-ios-h .range-wrapper.sc-ion-range-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.range-label-placement-end) .label-text-wrapper*/.range-label-placement-end.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host*/.sc-ion-range-ios-h{--knob-border-radius:50%;--knob-background:#ffffff;--knob-box-shadow:0px 0.5px 4px rgba(0, 0, 0, 0.12), 0px 6px 13px rgba(0, 0, 0, 0.12);--knob-size:26px;--bar-height:4px;--bar-background:var(--ion-color-step-900, #e6e6e6);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:2px;--height:42px}/*!@:host(.legacy-range)*/.legacy-range.sc-ion-range-ios-h{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}/*!@:host(.ion-color) .range-bar-active,\n:host(.ion-color) .range-tick-active*/.ion-color.sc-ion-range-ios-h .range-bar-active.sc-ion-range-ios,.ion-color.sc-ion-range-ios-h .range-tick-active.sc-ion-range-ios{background:var(--ion-color-base)}/*!@::slotted([slot=start])*/.sc-ion-range-ios-s>[slot=start]{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@::slotted([slot=end])*/.sc-ion-range-ios-s>[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-has-pin)*/.range-has-pin.sc-ion-range-ios-h{padding-top:20px}/*!@.range-bar-active*/.range-bar-active.sc-ion-range-ios{bottom:0;width:auto;background:var(--bar-background-active)}/*!@.range-bar-active.has-ticks*/.range-bar-active.has-ticks.sc-ion-range-ios{border-radius:0;-webkit-margin-start:-2px;margin-inline-start:-2px;-webkit-margin-end:-2px;margin-inline-end:-2px}/*!@.range-tick*/.range-tick.sc-ion-range-ios{-webkit-margin-start:-2px;margin-inline-start:-2px;border-radius:0;position:absolute;top:17px;width:4px;height:8px;background:var(--ion-color-step-900, #e6e6e6);pointer-events:none}/*!@.range-tick-active*/.range-tick-active.sc-ion-range-ios{background:var(--bar-background-active)}/*!@.range-pin*/.range-pin.sc-ion-range-ios{-webkit-transform:translate3d(0, 28px, 0) scale(0.01);transform:translate3d(0, 28px, 0) scale(0.01);-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:inline-block;position:relative;top:-20px;min-width:28px;-webkit-transition:-webkit-transform 120ms ease;transition:-webkit-transform 120ms ease;transition:transform 120ms ease;transition:transform 120ms ease, -webkit-transform 120ms ease;background:transparent;color:var(--ion-text-color, #000);font-size:12px;text-align:center}/*!@.range-knob-pressed .range-pin,\n.range-knob-handle.ion-focused .range-pin*/.range-knob-pressed.sc-ion-range-ios .range-pin.sc-ion-range-ios,.range-knob-handle.ion-focused.sc-ion-range-ios .range-pin.sc-ion-range-ios{-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}/*!@:host(.range-disabled)*/.range-disabled.sc-ion-range-ios-h{opacity:0.3}";
|
|
27399
|
+
const rangeIosCss = "/*!@:host*/.sc-ion-range-ios-h{--knob-handle-size:calc(var(--knob-size) * 2);display:-ms-flexbox;display:flex;position:relative;-ms-flex:3;flex:3;-ms-flex-align:center;align-items:center;font-family:var(--ion-font-family, inherit);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.range-disabled)*/.range-disabled.sc-ion-range-ios-h{pointer-events:none}/*!@::slotted(ion-label)*/.sc-ion-range-ios-s>ion-label{-ms-flex:initial;flex:initial}/*!@::slotted(ion-icon[slot])*/.sc-ion-range-ios-s>ion-icon[slot]{font-size:24px}/*!@.range-slider*/.range-slider.sc-ion-range-ios{position:relative;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}/*!@:host(.range-pressed) .range-slider*/.range-pressed.sc-ion-range-ios-h .range-slider.sc-ion-range-ios{cursor:-webkit-grabbing;cursor:grabbing}/*!@.range-pin*/.range-pin.sc-ion-range-ios{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-ios{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-ios{left:0}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-ios .range-knob-handle.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-ios selector(.sc-ion-range-ios:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios{left:unset}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-ios .range-knob-handle.sc-ion-range-ios{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob-handle:dir(rtl)*/.range-knob-handle.sc-ion-range-ios:dir(rtl){left:unset}}/*!@.range-knob-handle:active, .range-knob-handle:focus*/.range-knob-handle.sc-ion-range-ios:active,.range-knob-handle.sc-ion-range-ios:focus{outline:none}/*!@.range-bar-container*/.range-bar-container.sc-ion-range-ios{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-ios{left:0}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-ios .range-bar-container.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-ios selector(.sc-ion-range-ios:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios{left:unset}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-ios .range-bar-container.sc-ion-range-ios{left:unset}@supports selector(:dir(rtl)){/*!@.range-bar-container:dir(rtl)*/.range-bar-container.sc-ion-range-ios:dir(rtl){left:unset}}/*!@.range-bar*/.range-bar.sc-ion-range-ios{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}/*!@.range-knob*/.range-knob.sc-ion-range-ios{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-ios{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-ios{left:calc(50% - var(--knob-size) / 2)}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-ios-h .range-knob.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob.sc-ion-range-ios{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-ios .range-knob.sc-ion-range-ios{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-ios selector(.sc-ion-range-ios:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-ios-h .range-knob.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob.sc-ion-range-ios{left:unset}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-ios .range-knob.sc-ion-range-ios{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob:dir(rtl)*/.range-knob.sc-ion-range-ios:dir(rtl){left:unset}}/*!@:host(.range-pressed) .range-bar-active*/.range-pressed.sc-ion-range-ios-h .range-bar-active.sc-ion-range-ios{will-change:left, right}/*!@:host(.in-item)*/.in-item.sc-ion-range-ios-h{width:100%}/*!@:host([slot=start]),\n:host([slot=end])*/[slot=start].sc-ion-range-ios-h,[slot=end].sc-ion-range-ios-h{width:auto}/*!@:host(.in-item) ::slotted(ion-label)*/.sc-ion-range-ios-h.in-item .sc-ion-range-ios-s>ion-label{-ms-flex-item-align:center;align-self:center}/*!@.range-wrapper*/.range-wrapper.sc-ion-range-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit}/*!@::slotted([slot=label])*/.sc-ion-range-ios-s>[slot=label]{max-width:200px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-range-ios{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-range-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}/*!@:host(.range-label-placement-start) .range-wrapper*/.range-label-placement-start.sc-ion-range-ios-h .range-wrapper.sc-ion-range-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.range-label-placement-start) .label-text-wrapper*/.range-label-placement-start.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-end) .range-wrapper*/.range-label-placement-end.sc-ion-range-ios-h .range-wrapper.sc-ion-range-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.range-label-placement-end) .label-text-wrapper*/.range-label-placement-end.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.range-label-placement-stacked) .range-wrapper*/.range-label-placement-stacked.sc-ion-range-ios-h .range-wrapper.sc-ion-range-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}/*!@:host(.range-label-placement-stacked) .label-text-wrapper*/.range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}/*!@:host-context([dir=rtl]):host(.range-label-placement-stacked) .label-text-wrapper, :host-context([dir=rtl]).range-label-placement-stacked .label-text-wrapper*/[dir=rtl].sc-ion-range-ios-h -no-combinator.range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h -no-combinator.range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios,[dir=rtl].range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios,[dir=rtl] .range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.range-label-placement-stacked) .label-text-wrapper:dir(rtl)*/.range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.in-item.range-label-placement-stacked) .label-text-wrapper*/.in-item.range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.range-label-placement-stacked) .native-wrapper*/.in-item.range-label-placement-stacked.sc-ion-range-ios-h .native-wrapper.sc-ion-range-ios{margin-bottom:0px}/*!@:host*/.sc-ion-range-ios-h{--knob-border-radius:50%;--knob-background:#ffffff;--knob-box-shadow:0px 0.5px 4px rgba(0, 0, 0, 0.12), 0px 6px 13px rgba(0, 0, 0, 0.12);--knob-size:26px;--bar-height:4px;--bar-background:var(--ion-color-step-900, #e6e6e6);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:2px;--height:42px}/*!@:host(.legacy-range)*/.legacy-range.sc-ion-range-ios-h{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}/*!@:host(.ion-color) .range-bar-active,\n:host(.ion-color) .range-tick-active*/.ion-color.sc-ion-range-ios-h .range-bar-active.sc-ion-range-ios,.ion-color.sc-ion-range-ios-h .range-tick-active.sc-ion-range-ios{background:var(--ion-color-base)}/*!@::slotted([slot=start])*/.sc-ion-range-ios-s>[slot=start]{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@::slotted([slot=end])*/.sc-ion-range-ios-s>[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-has-pin:not(.range-label-placement-stacked))*/.range-has-pin.sc-ion-range-ios-h:not(.range-label-placement-stacked){padding-top:20px}/*!@:host(.range-has-pin.range-label-placement-stacked) .label-text-wrapper*/.range-has-pin.range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{margin-bottom:20px}/*!@.range-bar-active*/.range-bar-active.sc-ion-range-ios{bottom:0;width:auto;background:var(--bar-background-active)}/*!@.range-bar-active.has-ticks*/.range-bar-active.has-ticks.sc-ion-range-ios{border-radius:0;-webkit-margin-start:-2px;margin-inline-start:-2px;-webkit-margin-end:-2px;margin-inline-end:-2px}/*!@.range-tick*/.range-tick.sc-ion-range-ios{-webkit-margin-start:-2px;margin-inline-start:-2px;border-radius:0;position:absolute;top:17px;width:4px;height:8px;background:var(--ion-color-step-900, #e6e6e6);pointer-events:none}/*!@.range-tick-active*/.range-tick-active.sc-ion-range-ios{background:var(--bar-background-active)}/*!@.range-pin*/.range-pin.sc-ion-range-ios{-webkit-transform:translate3d(0, 28px, 0) scale(0.01);transform:translate3d(0, 28px, 0) scale(0.01);-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:inline-block;position:relative;top:-20px;min-width:28px;-webkit-transition:-webkit-transform 120ms ease;transition:-webkit-transform 120ms ease;transition:transform 120ms ease;transition:transform 120ms ease, -webkit-transform 120ms ease;background:transparent;color:var(--ion-text-color, #000);font-size:12px;text-align:center}/*!@.range-knob-pressed .range-pin,\n.range-knob-handle.ion-focused .range-pin*/.range-knob-pressed.sc-ion-range-ios .range-pin.sc-ion-range-ios,.range-knob-handle.ion-focused.sc-ion-range-ios .range-pin.sc-ion-range-ios{-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}/*!@:host(.range-disabled)*/.range-disabled.sc-ion-range-ios-h{opacity:0.3}";
|
|
27305
27400
|
|
|
27306
|
-
const rangeMdCss = "/*!@:host*/.sc-ion-range-md-h{--knob-handle-size:calc(var(--knob-size) * 2);display:-ms-flexbox;display:flex;position:relative;-ms-flex:3;flex:3;-ms-flex-align:center;align-items:center;font-family:var(--ion-font-family, inherit);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.range-disabled)*/.range-disabled.sc-ion-range-md-h{pointer-events:none}/*!@::slotted(ion-label)*/.sc-ion-range-md-s>ion-label{-ms-flex:initial;flex:initial}/*!@::slotted(ion-icon[slot])*/.sc-ion-range-md-s>ion-icon[slot]{font-size:24px}/*!@.range-slider*/.range-slider.sc-ion-range-md{position:relative;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}/*!@:host(.range-pressed) .range-slider*/.range-pressed.sc-ion-range-md-h .range-slider.sc-ion-range-md{cursor:-webkit-grabbing;cursor:grabbing}/*!@.range-pin*/.range-pin.sc-ion-range-md{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-md{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-md{left:0}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-md-h .range-knob-handle.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob-handle.sc-ion-range-md{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-md .range-knob-handle.sc-ion-range-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-md-h .range-knob-handle.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob-handle.sc-ion-range-md{left:unset}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-md .range-knob-handle.sc-ion-range-md{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob-handle:dir(rtl)*/.range-knob-handle.sc-ion-range-md:dir(rtl){left:unset}}/*!@.range-knob-handle:active, .range-knob-handle:focus*/.range-knob-handle.sc-ion-range-md:active,.range-knob-handle.sc-ion-range-md:focus{outline:none}/*!@.range-bar-container*/.range-bar-container.sc-ion-range-md{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-md{left:0}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-md-h .range-bar-container.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-bar-container.sc-ion-range-md{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-md .range-bar-container.sc-ion-range-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-md-h .range-bar-container.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-bar-container.sc-ion-range-md{left:unset}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-md .range-bar-container.sc-ion-range-md{left:unset}@supports selector(:dir(rtl)){/*!@.range-bar-container:dir(rtl)*/.range-bar-container.sc-ion-range-md:dir(rtl){left:unset}}/*!@.range-bar*/.range-bar.sc-ion-range-md{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}/*!@.range-knob*/.range-knob.sc-ion-range-md{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-md{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-md{left:calc(50% - var(--knob-size) / 2)}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-md-h .range-knob.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob.sc-ion-range-md{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-md .range-knob.sc-ion-range-md{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-md-h .range-knob.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob.sc-ion-range-md{left:unset}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-md .range-knob.sc-ion-range-md{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob:dir(rtl)*/.range-knob.sc-ion-range-md:dir(rtl){left:unset}}/*!@:host(.range-pressed) .range-bar-active*/.range-pressed.sc-ion-range-md-h .range-bar-active.sc-ion-range-md{will-change:left, right}/*!@:host(.in-item)*/.in-item.sc-ion-range-md-h{width:100%}/*!@:host([slot=start]),\n:host([slot=end])*/[slot=start].sc-ion-range-md-h,[slot=end].sc-ion-range-md-h{width:auto}/*!@:host(.in-item) ::slotted(ion-label)*/.sc-ion-range-md-h.in-item .sc-ion-range-md-s>ion-label{-ms-flex-item-align:center;align-self:center}/*!@.range-wrapper*/.range-wrapper.sc-ion-range-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit}/*!@::slotted([slot=label])*/.sc-ion-range-md-s>[slot=label]{max-width:200px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-range-md{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-range-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}/*!@:host(.range-label-placement-start) .range-wrapper*/.range-label-placement-start.sc-ion-range-md-h .range-wrapper.sc-ion-range-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.range-label-placement-start) .label-text-wrapper*/.range-label-placement-start.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-end) .range-wrapper*/.range-label-placement-end.sc-ion-range-md-h .range-wrapper.sc-ion-range-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.range-label-placement-end) .label-text-wrapper*/.range-label-placement-end.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host*/.sc-ion-range-md-h{--knob-border-radius:50%;--knob-background:var(--bar-background-active);--knob-box-shadow:none;--knob-size:18px;--bar-height:2px;--bar-background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.26);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:0;--height:42px;--pin-background:var(--ion-color-primary, #3880ff);--pin-color:var(--ion-color-primary-contrast, #fff);font-size:12px}/*!@::slotted([slot=label]), .label-text*/.sc-ion-range-md-s>[slot=label],.label-text.sc-ion-range-md{font-size:initial}/*!@:host(.legacy-range)*/.legacy-range.sc-ion-range-md-h{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:8px;padding-bottom:8px}/*!@:host(.ion-color) .range-bar*/.ion-color.sc-ion-range-md-h .range-bar.sc-ion-range-md{background:rgba(var(--ion-color-base-rgb), 0.26)}/*!@:host(.ion-color) .range-bar-active,\n:host(.ion-color) .range-knob,\n:host(.ion-color) .range-knob::before,\n:host(.ion-color) .range-pin,\n:host(.ion-color) .range-pin::before,\n:host(.ion-color) .range-tick*/.ion-color.sc-ion-range-md-h .range-bar-active.sc-ion-range-md,.ion-color.sc-ion-range-md-h .range-knob.sc-ion-range-md,.ion-color.sc-ion-range-md-h .range-knob.sc-ion-range-md::before,.ion-color.sc-ion-range-md-h .range-pin.sc-ion-range-md,.ion-color.sc-ion-range-md-h .range-pin.sc-ion-range-md::before,.ion-color.sc-ion-range-md-h .range-tick.sc-ion-range-md{background:var(--ion-color-base);color:var(--ion-color-contrast)}/*!@::slotted([slot=start])*/.sc-ion-range-md-s>[slot=start]{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0}/*!@::slotted([slot=end])*/.sc-ion-range-md-s>[slot=end]{-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-has-pin)*/.range-has-pin.sc-ion-range-md-h{padding-top:28px}/*!@.range-bar-active*/.range-bar-active.sc-ion-range-md{bottom:0;width:auto;background:var(--bar-background-active)}/*!@.range-knob*/.range-knob.sc-ion-range-md{-webkit-transform:scale(0.67);transform:scale(0.67);-webkit-transition-duration:120ms;transition-duration:120ms;-webkit-transition-property:background-color, border, -webkit-transform;transition-property:background-color, border, -webkit-transform;transition-property:transform, background-color, border;transition-property:transform, background-color, border, -webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;z-index:2}/*!@.range-knob::before*/.range-knob.sc-ion-range-md::before{border-radius:50%;position:absolute;width:var(--knob-size);height:var(--knob-size);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:0.267s cubic-bezier(0, 0, 0.58, 1);transition:0.267s cubic-bezier(0, 0, 0.58, 1);background:var(--knob-background);content:\"\";opacity:0.13;pointer-events:none}@supports (inset-inline-start: 0){/*!@.range-knob::before*/.range-knob.sc-ion-range-md::before{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-knob::before*/.range-knob.sc-ion-range-md::before{left:0}/*!@:host-context([dir=rtl]) .range-knob::before*/[dir=rtl].sc-ion-range-md-h .range-knob.sc-ion-range-md::before,[dir=rtl] .sc-ion-range-md-h .range-knob.sc-ion-range-md::before{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-knob::before*/[dir=rtl].sc-ion-range-md .range-knob.sc-ion-range-md::before{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-knob::before:dir(rtl){left:unset;right:unset;right:0}}}/*!@.range-tick*/.range-tick.sc-ion-range-md{position:absolute;top:calc((var(--height) - var(--bar-height)) / 2);width:var(--bar-height);height:var(--bar-height);background:var(--bar-background-active);z-index:1;pointer-events:none}/*!@.range-tick-active*/.range-tick-active.sc-ion-range-md{background:transparent}/*!@.range-pin*/.range-pin.sc-ion-range-md{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;border-radius:50%;-webkit-transform:translate3d(0, 0, 0) scale(0.01);transform:translate3d(0, 0, 0) scale(0.01);display:inline-block;position:relative;min-width:28px;height:28px;-webkit-transition:background 120ms ease, -webkit-transform 120ms ease;transition:background 120ms ease, -webkit-transform 120ms ease;transition:transform 120ms ease, background 120ms ease;transition:transform 120ms ease, background 120ms ease, -webkit-transform 120ms ease;background:var(--pin-background);color:var(--pin-color);text-align:center}/*!@.range-pin::before*/.range-pin.sc-ion-range-md::before{top:3px;-webkit-margin-start:-13px;margin-inline-start:-13px;border-radius:50% 50% 50% 0;position:absolute;width:26px;height:26px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 120ms ease;transition:background 120ms ease;background:var(--pin-background);content:\"\";z-index:-1}@supports (inset-inline-start: 0){/*!@.range-pin::before*/.range-pin.sc-ion-range-md::before{inset-inline-start:50%}}@supports not (inset-inline-start: 0){/*!@.range-pin::before*/.range-pin.sc-ion-range-md::before{left:50%}/*!@:host-context([dir=rtl]) .range-pin::before*/[dir=rtl].sc-ion-range-md-h .range-pin.sc-ion-range-md::before,[dir=rtl] .sc-ion-range-md-h .range-pin.sc-ion-range-md::before{left:unset;right:unset;right:50%}/*!@[dir=rtl] .range-pin::before*/[dir=rtl].sc-ion-range-md .range-pin.sc-ion-range-md::before{left:unset;right:unset;right:50%}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-pin::before:dir(rtl){left:unset;right:unset;right:50%}}}/*!@:host-context([dir=rtl]) .range-pin::before*/[dir=rtl].sc-ion-range-md-h .range-pin.sc-ion-range-md::before,[dir=rtl] .sc-ion-range-md-h .range-pin.sc-ion-range-md::before{left:unset}/*!@[dir=rtl] .range-pin::before*/[dir=rtl].sc-ion-range-md .range-pin.sc-ion-range-md::before{left:unset}@supports selector(:dir(rtl)){/*!@.range-pin::before:dir(rtl)*/.range-pin.sc-ion-range-md::before:dir(rtl){left:unset}}/*!@.range-knob-pressed .range-pin,\n.range-knob-handle.ion-focused .range-pin*/.range-knob-pressed.sc-ion-range-md .range-pin.sc-ion-range-md,.range-knob-handle.ion-focused.sc-ion-range-md .range-pin.sc-ion-range-md{-webkit-transform:translate3d(0, -24px, 0) scale(1);transform:translate3d(0, -24px, 0) scale(1)}@media (any-hover: hover){/*!@.range-knob-handle:hover .range-knob:before*/.range-knob-handle.sc-ion-range-md:hover .range-knob.sc-ion-range-md:before{-webkit-transform:scale(2);transform:scale(2);opacity:0.13}}/*!@.range-knob-handle.ion-activated .range-knob:before, .range-knob-handle.ion-focused .range-knob:before, .range-knob-handle.range-knob-pressed .range-knob:before*/.range-knob-handle.ion-activated.sc-ion-range-md .range-knob.sc-ion-range-md:before,.range-knob-handle.ion-focused.sc-ion-range-md .range-knob.sc-ion-range-md:before,.range-knob-handle.range-knob-pressed.sc-ion-range-md .range-knob.sc-ion-range-md:before{-webkit-transform:scale(2);transform:scale(2)}/*!@.range-knob-handle.ion-focused .range-knob::before*/.range-knob-handle.ion-focused.sc-ion-range-md .range-knob.sc-ion-range-md::before{opacity:0.13}/*!@.range-knob-handle.ion-activated .range-knob::before, .range-knob-handle.range-knob-pressed .range-knob::before*/.range-knob-handle.ion-activated.sc-ion-range-md .range-knob.sc-ion-range-md::before,.range-knob-handle.range-knob-pressed.sc-ion-range-md .range-knob.sc-ion-range-md::before{opacity:0.25}/*!@:host(:not(.range-has-pin)) .range-knob-pressed .range-knob,\n:host(:not(.range-has-pin)) .range-knob-handle.ion-focused .range-knob*/.sc-ion-range-md-h:not(.range-has-pin) .range-knob-pressed.sc-ion-range-md .range-knob.sc-ion-range-md,.sc-ion-range-md-h:not(.range-has-pin) .range-knob-handle.ion-focused.sc-ion-range-md .range-knob.sc-ion-range-md{-webkit-transform:scale(1);transform:scale(1)}/*!@:host(.range-disabled) .range-bar-active,\n:host(.range-disabled) .range-bar,\n:host(.range-disabled) .range-tick*/.range-disabled.sc-ion-range-md-h .range-bar-active.sc-ion-range-md,.range-disabled.sc-ion-range-md-h .range-bar.sc-ion-range-md,.range-disabled.sc-ion-range-md-h .range-tick.sc-ion-range-md{background-color:var(--ion-color-step-250, #bfbfbf)}/*!@:host(.range-disabled) .range-knob*/.range-disabled.sc-ion-range-md-h .range-knob.sc-ion-range-md{-webkit-transform:scale(0.55);transform:scale(0.55);outline:5px solid #fff;background-color:var(--ion-color-step-250, #bfbfbf)}/*!@:host(.range-disabled) .label-text-wrapper,\n:host(.range-disabled) ::slotted([slot=start]),\n:host(.range-disabled) ::slotted([slot=end])*/.range-disabled.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md,.sc-ion-range-md-h.range-disabled .sc-ion-range-md-s>[slot=start],.sc-ion-range-md-h.range-disabled .sc-ion-range-md-s>[slot=end]{opacity:0.38}";
|
|
27401
|
+
const rangeMdCss = "/*!@:host*/.sc-ion-range-md-h{--knob-handle-size:calc(var(--knob-size) * 2);display:-ms-flexbox;display:flex;position:relative;-ms-flex:3;flex:3;-ms-flex-align:center;align-items:center;font-family:var(--ion-font-family, inherit);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.range-disabled)*/.range-disabled.sc-ion-range-md-h{pointer-events:none}/*!@::slotted(ion-label)*/.sc-ion-range-md-s>ion-label{-ms-flex:initial;flex:initial}/*!@::slotted(ion-icon[slot])*/.sc-ion-range-md-s>ion-icon[slot]{font-size:24px}/*!@.range-slider*/.range-slider.sc-ion-range-md{position:relative;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}/*!@:host(.range-pressed) .range-slider*/.range-pressed.sc-ion-range-md-h .range-slider.sc-ion-range-md{cursor:-webkit-grabbing;cursor:grabbing}/*!@.range-pin*/.range-pin.sc-ion-range-md{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-md{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-md{left:0}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-md-h .range-knob-handle.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob-handle.sc-ion-range-md{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-md .range-knob-handle.sc-ion-range-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-md-h .range-knob-handle.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob-handle.sc-ion-range-md{left:unset}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-md .range-knob-handle.sc-ion-range-md{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob-handle:dir(rtl)*/.range-knob-handle.sc-ion-range-md:dir(rtl){left:unset}}/*!@.range-knob-handle:active, .range-knob-handle:focus*/.range-knob-handle.sc-ion-range-md:active,.range-knob-handle.sc-ion-range-md:focus{outline:none}/*!@.range-bar-container*/.range-bar-container.sc-ion-range-md{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-md{left:0}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-md-h .range-bar-container.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-bar-container.sc-ion-range-md{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-md .range-bar-container.sc-ion-range-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-md-h .range-bar-container.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-bar-container.sc-ion-range-md{left:unset}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-md .range-bar-container.sc-ion-range-md{left:unset}@supports selector(:dir(rtl)){/*!@.range-bar-container:dir(rtl)*/.range-bar-container.sc-ion-range-md:dir(rtl){left:unset}}/*!@.range-bar*/.range-bar.sc-ion-range-md{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}/*!@.range-knob*/.range-knob.sc-ion-range-md{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-md{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-md{left:calc(50% - var(--knob-size) / 2)}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-md-h .range-knob.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob.sc-ion-range-md{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-md .range-knob.sc-ion-range-md{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-md-h .range-knob.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob.sc-ion-range-md{left:unset}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-md .range-knob.sc-ion-range-md{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob:dir(rtl)*/.range-knob.sc-ion-range-md:dir(rtl){left:unset}}/*!@:host(.range-pressed) .range-bar-active*/.range-pressed.sc-ion-range-md-h .range-bar-active.sc-ion-range-md{will-change:left, right}/*!@:host(.in-item)*/.in-item.sc-ion-range-md-h{width:100%}/*!@:host([slot=start]),\n:host([slot=end])*/[slot=start].sc-ion-range-md-h,[slot=end].sc-ion-range-md-h{width:auto}/*!@:host(.in-item) ::slotted(ion-label)*/.sc-ion-range-md-h.in-item .sc-ion-range-md-s>ion-label{-ms-flex-item-align:center;align-self:center}/*!@.range-wrapper*/.range-wrapper.sc-ion-range-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit}/*!@::slotted([slot=label])*/.sc-ion-range-md-s>[slot=label]{max-width:200px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-range-md{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-range-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}/*!@:host(.range-label-placement-start) .range-wrapper*/.range-label-placement-start.sc-ion-range-md-h .range-wrapper.sc-ion-range-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.range-label-placement-start) .label-text-wrapper*/.range-label-placement-start.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-end) .range-wrapper*/.range-label-placement-end.sc-ion-range-md-h .range-wrapper.sc-ion-range-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.range-label-placement-end) .label-text-wrapper*/.range-label-placement-end.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.range-label-placement-stacked) .range-wrapper*/.range-label-placement-stacked.sc-ion-range-md-h .range-wrapper.sc-ion-range-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}/*!@:host(.range-label-placement-stacked) .label-text-wrapper*/.range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}/*!@:host-context([dir=rtl]):host(.range-label-placement-stacked) .label-text-wrapper, :host-context([dir=rtl]).range-label-placement-stacked .label-text-wrapper*/[dir=rtl].sc-ion-range-md-h -no-combinator.range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h -no-combinator.range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md,[dir=rtl].range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md,[dir=rtl] .range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.range-label-placement-stacked) .label-text-wrapper:dir(rtl)*/.range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.in-item.range-label-placement-stacked) .label-text-wrapper*/.in-item.range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.range-label-placement-stacked) .native-wrapper*/.in-item.range-label-placement-stacked.sc-ion-range-md-h .native-wrapper.sc-ion-range-md{margin-bottom:0px}/*!@:host*/.sc-ion-range-md-h{--knob-border-radius:50%;--knob-background:var(--bar-background-active);--knob-box-shadow:none;--knob-size:18px;--bar-height:2px;--bar-background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.26);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:0;--height:42px;--pin-background:var(--ion-color-primary, #3880ff);--pin-color:var(--ion-color-primary-contrast, #fff);font-size:12px}/*!@::slotted([slot=label]), .label-text*/.sc-ion-range-md-s>[slot=label],.label-text.sc-ion-range-md{font-size:initial}/*!@:host(.legacy-range)*/.legacy-range.sc-ion-range-md-h{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:8px;padding-bottom:8px}/*!@:host(.ion-color) .range-bar*/.ion-color.sc-ion-range-md-h .range-bar.sc-ion-range-md{background:rgba(var(--ion-color-base-rgb), 0.26)}/*!@:host(.ion-color) .range-bar-active,\n:host(.ion-color) .range-knob,\n:host(.ion-color) .range-knob::before,\n:host(.ion-color) .range-pin,\n:host(.ion-color) .range-pin::before,\n:host(.ion-color) .range-tick*/.ion-color.sc-ion-range-md-h .range-bar-active.sc-ion-range-md,.ion-color.sc-ion-range-md-h .range-knob.sc-ion-range-md,.ion-color.sc-ion-range-md-h .range-knob.sc-ion-range-md::before,.ion-color.sc-ion-range-md-h .range-pin.sc-ion-range-md,.ion-color.sc-ion-range-md-h .range-pin.sc-ion-range-md::before,.ion-color.sc-ion-range-md-h .range-tick.sc-ion-range-md{background:var(--ion-color-base);color:var(--ion-color-contrast)}/*!@::slotted([slot=start])*/.sc-ion-range-md-s>[slot=start]{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0}/*!@::slotted([slot=end])*/.sc-ion-range-md-s>[slot=end]{-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-has-pin:not(.range-label-placement-stacked))*/.range-has-pin.sc-ion-range-md-h:not(.range-label-placement-stacked){padding-top:28px}/*!@:host(.range-has-pin.range-label-placement-stacked) .label-text-wrapper*/.range-has-pin.range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{margin-bottom:28px}/*!@.range-bar-active*/.range-bar-active.sc-ion-range-md{bottom:0;width:auto;background:var(--bar-background-active)}/*!@.range-knob*/.range-knob.sc-ion-range-md{-webkit-transform:scale(0.67);transform:scale(0.67);-webkit-transition-duration:120ms;transition-duration:120ms;-webkit-transition-property:background-color, border, -webkit-transform;transition-property:background-color, border, -webkit-transform;transition-property:transform, background-color, border;transition-property:transform, background-color, border, -webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;z-index:2}/*!@.range-knob::before*/.range-knob.sc-ion-range-md::before{border-radius:50%;position:absolute;width:var(--knob-size);height:var(--knob-size);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:0.267s cubic-bezier(0, 0, 0.58, 1);transition:0.267s cubic-bezier(0, 0, 0.58, 1);background:var(--knob-background);content:\"\";opacity:0.13;pointer-events:none}@supports (inset-inline-start: 0){/*!@.range-knob::before*/.range-knob.sc-ion-range-md::before{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-knob::before*/.range-knob.sc-ion-range-md::before{left:0}/*!@:host-context([dir=rtl]) .range-knob::before*/[dir=rtl].sc-ion-range-md-h .range-knob.sc-ion-range-md::before,[dir=rtl] .sc-ion-range-md-h .range-knob.sc-ion-range-md::before{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-knob::before*/[dir=rtl].sc-ion-range-md .range-knob.sc-ion-range-md::before{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-knob::before:dir(rtl){left:unset;right:unset;right:0}}}/*!@.range-tick*/.range-tick.sc-ion-range-md{position:absolute;top:calc((var(--height) - var(--bar-height)) / 2);width:var(--bar-height);height:var(--bar-height);background:var(--bar-background-active);z-index:1;pointer-events:none}/*!@.range-tick-active*/.range-tick-active.sc-ion-range-md{background:transparent}/*!@.range-pin*/.range-pin.sc-ion-range-md{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;border-radius:50%;-webkit-transform:translate3d(0, 0, 0) scale(0.01);transform:translate3d(0, 0, 0) scale(0.01);display:inline-block;position:relative;min-width:28px;height:28px;-webkit-transition:background 120ms ease, -webkit-transform 120ms ease;transition:background 120ms ease, -webkit-transform 120ms ease;transition:transform 120ms ease, background 120ms ease;transition:transform 120ms ease, background 120ms ease, -webkit-transform 120ms ease;background:var(--pin-background);color:var(--pin-color);text-align:center}/*!@.range-pin::before*/.range-pin.sc-ion-range-md::before{top:3px;-webkit-margin-start:-13px;margin-inline-start:-13px;border-radius:50% 50% 50% 0;position:absolute;width:26px;height:26px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 120ms ease;transition:background 120ms ease;background:var(--pin-background);content:\"\";z-index:-1}@supports (inset-inline-start: 0){/*!@.range-pin::before*/.range-pin.sc-ion-range-md::before{inset-inline-start:50%}}@supports not (inset-inline-start: 0){/*!@.range-pin::before*/.range-pin.sc-ion-range-md::before{left:50%}/*!@:host-context([dir=rtl]) .range-pin::before*/[dir=rtl].sc-ion-range-md-h .range-pin.sc-ion-range-md::before,[dir=rtl] .sc-ion-range-md-h .range-pin.sc-ion-range-md::before{left:unset;right:unset;right:50%}/*!@[dir=rtl] .range-pin::before*/[dir=rtl].sc-ion-range-md .range-pin.sc-ion-range-md::before{left:unset;right:unset;right:50%}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-pin::before:dir(rtl){left:unset;right:unset;right:50%}}}/*!@:host-context([dir=rtl]) .range-pin::before*/[dir=rtl].sc-ion-range-md-h .range-pin.sc-ion-range-md::before,[dir=rtl] .sc-ion-range-md-h .range-pin.sc-ion-range-md::before{left:unset}/*!@[dir=rtl] .range-pin::before*/[dir=rtl].sc-ion-range-md .range-pin.sc-ion-range-md::before{left:unset}@supports selector(:dir(rtl)){/*!@.range-pin::before:dir(rtl)*/.range-pin.sc-ion-range-md::before:dir(rtl){left:unset}}/*!@.range-knob-pressed .range-pin,\n.range-knob-handle.ion-focused .range-pin*/.range-knob-pressed.sc-ion-range-md .range-pin.sc-ion-range-md,.range-knob-handle.ion-focused.sc-ion-range-md .range-pin.sc-ion-range-md{-webkit-transform:translate3d(0, -24px, 0) scale(1);transform:translate3d(0, -24px, 0) scale(1)}@media (any-hover: hover){/*!@.range-knob-handle:hover .range-knob:before*/.range-knob-handle.sc-ion-range-md:hover .range-knob.sc-ion-range-md:before{-webkit-transform:scale(2);transform:scale(2);opacity:0.13}}/*!@.range-knob-handle.ion-activated .range-knob:before, .range-knob-handle.ion-focused .range-knob:before, .range-knob-handle.range-knob-pressed .range-knob:before*/.range-knob-handle.ion-activated.sc-ion-range-md .range-knob.sc-ion-range-md:before,.range-knob-handle.ion-focused.sc-ion-range-md .range-knob.sc-ion-range-md:before,.range-knob-handle.range-knob-pressed.sc-ion-range-md .range-knob.sc-ion-range-md:before{-webkit-transform:scale(2);transform:scale(2)}/*!@.range-knob-handle.ion-focused .range-knob::before*/.range-knob-handle.ion-focused.sc-ion-range-md .range-knob.sc-ion-range-md::before{opacity:0.13}/*!@.range-knob-handle.ion-activated .range-knob::before, .range-knob-handle.range-knob-pressed .range-knob::before*/.range-knob-handle.ion-activated.sc-ion-range-md .range-knob.sc-ion-range-md::before,.range-knob-handle.range-knob-pressed.sc-ion-range-md .range-knob.sc-ion-range-md::before{opacity:0.25}/*!@:host(:not(.range-has-pin)) .range-knob-pressed .range-knob,\n:host(:not(.range-has-pin)) .range-knob-handle.ion-focused .range-knob*/.sc-ion-range-md-h:not(.range-has-pin) .range-knob-pressed.sc-ion-range-md .range-knob.sc-ion-range-md,.sc-ion-range-md-h:not(.range-has-pin) .range-knob-handle.ion-focused.sc-ion-range-md .range-knob.sc-ion-range-md{-webkit-transform:scale(1);transform:scale(1)}/*!@:host(.range-disabled) .range-bar-active,\n:host(.range-disabled) .range-bar,\n:host(.range-disabled) .range-tick*/.range-disabled.sc-ion-range-md-h .range-bar-active.sc-ion-range-md,.range-disabled.sc-ion-range-md-h .range-bar.sc-ion-range-md,.range-disabled.sc-ion-range-md-h .range-tick.sc-ion-range-md{background-color:var(--ion-color-step-250, #bfbfbf)}/*!@:host(.range-disabled) .range-knob*/.range-disabled.sc-ion-range-md-h .range-knob.sc-ion-range-md{-webkit-transform:scale(0.55);transform:scale(0.55);outline:5px solid #fff;background-color:var(--ion-color-step-250, #bfbfbf)}/*!@:host(.range-disabled) .label-text-wrapper,\n:host(.range-disabled) ::slotted([slot=start]),\n:host(.range-disabled) ::slotted([slot=end])*/.range-disabled.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md,.sc-ion-range-md-h.range-disabled .sc-ion-range-md-s>[slot=start],.sc-ion-range-md-h.range-disabled .sc-ion-range-md-s>[slot=end]{opacity:0.38}";
|
|
27307
27402
|
|
|
27308
27403
|
// TODO(FW-2832): types
|
|
27309
27404
|
/**
|
|
@@ -33732,9 +33827,9 @@ const buttonPart = (button) => {
|
|
|
33732
33827
|
return isCancel(button.role) ? 'button cancel' : 'button';
|
|
33733
33828
|
};
|
|
33734
33829
|
|
|
33735
|
-
const toggleIosCss = "/*!@:host*/.sc-ion-toggle-ios-h{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item:not(.legacy-toggle))*/.in-item.sc-ion-toggle-ios-h:not(.legacy-toggle){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-toggle)),\n:host([slot=end]:not(.legacy-toggle))*/[slot=start].sc-ion-toggle-ios-h:not(.legacy-toggle),[slot=end].sc-ion-toggle-ios-h:not(.legacy-toggle){width:auto}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-ios-h{contain:content;-ms-touch-action:none;touch-action:none}/*!@:host(.ion-focused) input*/.ion-focused.sc-ion-toggle-ios-h input.sc-ion-toggle-ios{border:2px solid #5e9ed6}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-ios-h{pointer-events:none}/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;pointer-events:none}@supports (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{left:0}/*!@:host-context([dir=rtl]):host(.legacy-toggle) label, :host-context([dir=rtl]).legacy-toggle label*/[dir=rtl].sc-ion-toggle-ios-h -no-combinator.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios,[dir=rtl] .sc-ion-toggle-ios-h -no-combinator.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios,[dir=rtl].legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios,[dir=rtl] .legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-toggle-ios selector(.sc-ion-toggle-ios:dir(rtl)){.sc-ion-toggle-ios-h.legacy-toggle label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-toggle) label::-moz-focus-inner*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-toggle-ios{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.toggle-wrapper*/.toggle-wrapper.sc-ion-toggle-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-toggle-ios{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-toggle)) .label-text-wrapper*/.in-item.sc-ion-toggle-ios-h:not(.legacy-toggle) .label-text-wrapper.sc-ion-toggle-ios{margin-top:10px;margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-toggle-ios{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-toggle-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.toggle-justify-space-between) .toggle-wrapper*/.toggle-justify-space-between.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.toggle-justify-start) .toggle-wrapper*/.toggle-justify-start.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-pack:start;justify-content:start}/*!@:host(.toggle-justify-end) .toggle-wrapper*/.toggle-justify-end.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-pack:end;justify-content:end}/*!@:host(.toggle-label-placement-start) .toggle-wrapper*/.toggle-label-placement-start.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.toggle-label-placement-start) .label-text-wrapper*/.toggle-label-placement-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-end) .toggle-wrapper*/.toggle-label-placement-end.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.toggle-label-placement-end) .label-text-wrapper*/.toggle-label-placement-end.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@.toggle-icon-wrapper*/.toggle-icon-wrapper.sc-ion-toggle-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transition:var(--handle-transition);transition:var(--handle-transition);will-change:transform}/*!@.toggle-icon*/.toggle-icon.sc-ion-toggle-ios{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}/*!@:host(.toggle-checked) .toggle-icon*/.toggle-checked.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios{background:var(--track-background-checked)}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-ios{border-radius:var(--handle-border-radius);position:absolute;left:var(--handle-spacing);width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);-webkit-transition:var(--handle-transition);transition:var(--handle-transition);background:var(--handle-background);-webkit-box-shadow:var(--handle-box-shadow);box-shadow:var(--handle-box-shadow);contain:strict}/*!@:host(.toggle-ltr) .toggle-inner*/.toggle-ltr.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{left:var(--handle-spacing)}/*!@:host(.toggle-rtl) .toggle-inner*/.toggle-rtl.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{right:var(--handle-spacing)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper*/.toggle-ltr.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(100% - var(--handle-width)), 0, 0);transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}/*!@:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper*/.toggle-rtl.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}/*!@:host(.toggle-checked) .toggle-inner*/.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{background:var(--handle-background-checked)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-inner*/.toggle-ltr.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0)}/*!@:host(.toggle-rtl.toggle-checked) .toggle-inner*/.toggle-rtl.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}/*!@:host*/.sc-ion-toggle-ios-h{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.088);--track-background-checked:var(--ion-color-primary, #3880ff);--border-radius:16px;--handle-background:#ffffff;--handle-background-checked:#ffffff;--handle-border-radius:25.5px;--handle-box-shadow:0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);--handle-height:calc(32px - (2px * 2));--handle-max-height:calc(100% - var(--handle-spacing) * 2);--handle-width:calc(32px - (2px * 2));--handle-spacing:2px;--handle-transition:transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-ios-h{width:51px;height:32px;contain:strict;overflow:hidden}/*!@.native-wrapper .toggle-icon*/.native-wrapper.sc-ion-toggle-ios .toggle-icon.sc-ion-toggle-ios{width:51px;height:32px;overflow:hidden}/*!@:host(.ion-color.toggle-checked) .toggle-icon*/.ion-color.toggle-checked.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios{background:var(--ion-color-base)}/*!@:host(.toggle-activated) .toggle-switch-icon*/.toggle-activated.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios{opacity:0}/*!@.toggle-icon*/.toggle-icon.sc-ion-toggle-ios{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:background-color 300ms;transition:background-color 300ms}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-ios{will-change:transform}/*!@.toggle-switch-icon*/.toggle-switch-icon.sc-ion-toggle-ios{position:absolute;top:50%;width:11px;height:11px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity 300ms, color 300ms;transition:opacity 300ms, color 300ms}/*!@.toggle-switch-icon*/.toggle-switch-icon.sc-ion-toggle-ios{position:absolute;color:var(--ion-color-dark)}/*!@:host(.toggle-ltr) .toggle-switch-icon*/.toggle-ltr.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios{right:6px}/*!@:host(.toggle-rtl) .toggle-switch-icon*/.toggle-rtl.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios{right:initial;left:6px}/*!@:host(.toggle-checked) .toggle-switch-icon.toggle-switch-icon-checked*/.toggle-checked.sc-ion-toggle-ios-h .toggle-switch-icon.toggle-switch-icon-checked.sc-ion-toggle-ios{color:var(--ion-color-contrast, #fff)}/*!@:host(.toggle-checked) .toggle-switch-icon:not(.toggle-switch-icon-checked)*/.toggle-checked.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios:not(.toggle-switch-icon-checked){opacity:0}/*!@.toggle-switch-icon-checked*/.toggle-switch-icon-checked.sc-ion-toggle-ios{position:absolute;width:15px;height:15px;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}/*!@:host(.toggle-ltr) .toggle-switch-icon-checked*/.toggle-ltr.sc-ion-toggle-ios-h .toggle-switch-icon-checked.sc-ion-toggle-ios{right:initial;left:4px}/*!@:host(.toggle-rtl) .toggle-switch-icon-checked*/.toggle-rtl.sc-ion-toggle-ios-h .toggle-switch-icon-checked.sc-ion-toggle-ios{right:4px}/*!@:host(.toggle-activated) .toggle-icon::before,\n:host(.toggle-checked) .toggle-icon::before*/.toggle-activated.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios::before,.toggle-checked.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}/*!@:host(.toggle-activated.toggle-checked) .toggle-inner::before*/.toggle-activated.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}/*!@:host(.toggle-activated) .toggle-inner*/.toggle-activated.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{width:calc(var(--handle-width) + 6px)}/*!@:host(.toggle-ltr.toggle-activated.toggle-checked) .toggle-icon-wrapper*/.toggle-ltr.toggle-activated.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0);transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0)}/*!@:host(.toggle-rtl.toggle-activated.toggle-checked) .toggle-icon-wrapper*/.toggle-rtl.toggle-activated.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0);transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0)}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-ios-h{opacity:0.3}/*!@:host(.in-item.legacy-toggle)*/.in-item.legacy-toggle.sc-ion-toggle-ios-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0;padding-top:6px;padding-bottom:5px}/*!@:host(.in-item.legacy-toggle[slot=start])*/.in-item.legacy-toggle[slot=start].sc-ion-toggle-ios-h{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:6px;padding-bottom:5px}";
|
|
33830
|
+
const toggleIosCss = "/*!@:host*/.sc-ion-toggle-ios-h{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item:not(.legacy-toggle))*/.in-item.sc-ion-toggle-ios-h:not(.legacy-toggle){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-toggle)),\n:host([slot=end]:not(.legacy-toggle))*/[slot=start].sc-ion-toggle-ios-h:not(.legacy-toggle),[slot=end].sc-ion-toggle-ios-h:not(.legacy-toggle){width:auto}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-ios-h{contain:content;-ms-touch-action:none;touch-action:none}/*!@:host(.ion-focused) input*/.ion-focused.sc-ion-toggle-ios-h input.sc-ion-toggle-ios{border:2px solid #5e9ed6}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-ios-h{pointer-events:none}/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;pointer-events:none}@supports (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{left:0}/*!@:host-context([dir=rtl]):host(.legacy-toggle) label, :host-context([dir=rtl]).legacy-toggle label*/[dir=rtl].sc-ion-toggle-ios-h -no-combinator.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios,[dir=rtl] .sc-ion-toggle-ios-h -no-combinator.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios,[dir=rtl].legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios,[dir=rtl] .legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-toggle-ios selector(.sc-ion-toggle-ios:dir(rtl)){.sc-ion-toggle-ios-h.legacy-toggle label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-toggle) label::-moz-focus-inner*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-toggle-ios{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.toggle-wrapper*/.toggle-wrapper.sc-ion-toggle-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-toggle-ios{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-toggle)) .label-text-wrapper*/.in-item.sc-ion-toggle-ios-h:not(.legacy-toggle) .label-text-wrapper.sc-ion-toggle-ios{margin-top:10px;margin-bottom:10px}/*!@:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper*/.in-item.toggle-label-placement-stacked.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.toggle-label-placement-stacked) .native-wrapper*/.in-item.toggle-label-placement-stacked.sc-ion-toggle-ios-h .native-wrapper.sc-ion-toggle-ios{margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-toggle-ios{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-toggle-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.toggle-justify-space-between) .toggle-wrapper*/.toggle-justify-space-between.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.toggle-justify-start) .toggle-wrapper*/.toggle-justify-start.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-pack:start;justify-content:start}/*!@:host(.toggle-justify-end) .toggle-wrapper*/.toggle-justify-end.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-pack:end;justify-content:end}/*!@:host(.toggle-alignment-start) .toggle-wrapper*/.toggle-alignment-start.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-align:start;align-items:start}/*!@:host(.toggle-alignment-center) .toggle-wrapper*/.toggle-alignment-center.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-align:center;align-items:center}/*!@:host(.toggle-label-placement-start) .toggle-wrapper*/.toggle-label-placement-start.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.toggle-label-placement-start) .label-text-wrapper*/.toggle-label-placement-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-end) .toggle-wrapper*/.toggle-label-placement-end.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.toggle-label-placement-end) .label-text-wrapper*/.toggle-label-placement-end.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.toggle-label-placement-stacked) .toggle-wrapper*/.toggle-label-placement-stacked.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-direction:column;flex-direction:column}/*!@:host(.toggle-label-placement-stacked) .label-text-wrapper*/.toggle-label-placement-stacked.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}/*!@:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper*/.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-transform-origin:left top;transform-origin:left top}/*!@:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper, :host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-start .label-text-wrapper*/[dir=rtl].sc-ion-toggle-ios-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios,[dir=rtl] .sc-ion-toggle-ios-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios,[dir=rtl].toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios,[dir=rtl] .toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper:dir(rtl)*/.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper*/.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-transform-origin:center top;transform-origin:center top}/*!@:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper, :host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-center .label-text-wrapper*/[dir=rtl].sc-ion-toggle-ios-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios,[dir=rtl] .sc-ion-toggle-ios-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios,[dir=rtl].toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios,[dir=rtl] .toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){/*!@:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper:dir(rtl)*/.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios:dir(rtl){-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}/*!@.toggle-icon-wrapper*/.toggle-icon-wrapper.sc-ion-toggle-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transition:var(--handle-transition);transition:var(--handle-transition);will-change:transform}/*!@.toggle-icon*/.toggle-icon.sc-ion-toggle-ios{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}/*!@:host(.toggle-checked) .toggle-icon*/.toggle-checked.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios{background:var(--track-background-checked)}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-ios{border-radius:var(--handle-border-radius);position:absolute;left:var(--handle-spacing);width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);-webkit-transition:var(--handle-transition);transition:var(--handle-transition);background:var(--handle-background);-webkit-box-shadow:var(--handle-box-shadow);box-shadow:var(--handle-box-shadow);contain:strict}/*!@:host(.toggle-ltr) .toggle-inner*/.toggle-ltr.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{left:var(--handle-spacing)}/*!@:host(.toggle-rtl) .toggle-inner*/.toggle-rtl.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{right:var(--handle-spacing)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper*/.toggle-ltr.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(100% - var(--handle-width)), 0, 0);transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}/*!@:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper*/.toggle-rtl.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}/*!@:host(.toggle-checked) .toggle-inner*/.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{background:var(--handle-background-checked)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-inner*/.toggle-ltr.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0)}/*!@:host(.toggle-rtl.toggle-checked) .toggle-inner*/.toggle-rtl.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}/*!@:host*/.sc-ion-toggle-ios-h{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.088);--track-background-checked:var(--ion-color-primary, #3880ff);--border-radius:16px;--handle-background:#ffffff;--handle-background-checked:#ffffff;--handle-border-radius:25.5px;--handle-box-shadow:0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);--handle-height:calc(32px - (2px * 2));--handle-max-height:calc(100% - var(--handle-spacing) * 2);--handle-width:calc(32px - (2px * 2));--handle-spacing:2px;--handle-transition:transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-ios-h{width:51px;height:32px;contain:strict;overflow:hidden}/*!@.native-wrapper .toggle-icon*/.native-wrapper.sc-ion-toggle-ios .toggle-icon.sc-ion-toggle-ios{width:51px;height:32px;overflow:hidden}/*!@:host(.ion-color.toggle-checked) .toggle-icon*/.ion-color.toggle-checked.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios{background:var(--ion-color-base)}/*!@:host(.toggle-activated) .toggle-switch-icon*/.toggle-activated.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios{opacity:0}/*!@.toggle-icon*/.toggle-icon.sc-ion-toggle-ios{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:background-color 300ms;transition:background-color 300ms}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-ios{will-change:transform}/*!@.toggle-switch-icon*/.toggle-switch-icon.sc-ion-toggle-ios{position:absolute;top:50%;width:11px;height:11px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity 300ms, color 300ms;transition:opacity 300ms, color 300ms}/*!@.toggle-switch-icon*/.toggle-switch-icon.sc-ion-toggle-ios{position:absolute;color:var(--ion-color-dark)}/*!@:host(.toggle-ltr) .toggle-switch-icon*/.toggle-ltr.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios{right:6px}/*!@:host(.toggle-rtl) .toggle-switch-icon*/.toggle-rtl.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios{right:initial;left:6px}/*!@:host(.toggle-checked) .toggle-switch-icon.toggle-switch-icon-checked*/.toggle-checked.sc-ion-toggle-ios-h .toggle-switch-icon.toggle-switch-icon-checked.sc-ion-toggle-ios{color:var(--ion-color-contrast, #fff)}/*!@:host(.toggle-checked) .toggle-switch-icon:not(.toggle-switch-icon-checked)*/.toggle-checked.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios:not(.toggle-switch-icon-checked){opacity:0}/*!@.toggle-switch-icon-checked*/.toggle-switch-icon-checked.sc-ion-toggle-ios{position:absolute;width:15px;height:15px;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}/*!@:host(.toggle-ltr) .toggle-switch-icon-checked*/.toggle-ltr.sc-ion-toggle-ios-h .toggle-switch-icon-checked.sc-ion-toggle-ios{right:initial;left:4px}/*!@:host(.toggle-rtl) .toggle-switch-icon-checked*/.toggle-rtl.sc-ion-toggle-ios-h .toggle-switch-icon-checked.sc-ion-toggle-ios{right:4px}/*!@:host(.toggle-activated) .toggle-icon::before,\n:host(.toggle-checked) .toggle-icon::before*/.toggle-activated.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios::before,.toggle-checked.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}/*!@:host(.toggle-activated.toggle-checked) .toggle-inner::before*/.toggle-activated.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}/*!@:host(.toggle-activated) .toggle-inner*/.toggle-activated.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{width:calc(var(--handle-width) + 6px)}/*!@:host(.toggle-ltr.toggle-activated.toggle-checked) .toggle-icon-wrapper*/.toggle-ltr.toggle-activated.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0);transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0)}/*!@:host(.toggle-rtl.toggle-activated.toggle-checked) .toggle-icon-wrapper*/.toggle-rtl.toggle-activated.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0);transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0)}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-ios-h{opacity:0.3}/*!@:host(.in-item.legacy-toggle)*/.in-item.legacy-toggle.sc-ion-toggle-ios-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0;padding-top:6px;padding-bottom:5px}/*!@:host(.in-item.legacy-toggle[slot=start])*/.in-item.legacy-toggle[slot=start].sc-ion-toggle-ios-h{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:6px;padding-bottom:5px}";
|
|
33736
33831
|
|
|
33737
|
-
const toggleMdCss = "/*!@:host*/.sc-ion-toggle-md-h{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item:not(.legacy-toggle))*/.in-item.sc-ion-toggle-md-h:not(.legacy-toggle){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-toggle)),\n:host([slot=end]:not(.legacy-toggle))*/[slot=start].sc-ion-toggle-md-h:not(.legacy-toggle),[slot=end].sc-ion-toggle-md-h:not(.legacy-toggle){width:auto}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-md-h{contain:content;-ms-touch-action:none;touch-action:none}/*!@:host(.ion-focused) input*/.ion-focused.sc-ion-toggle-md-h input.sc-ion-toggle-md{border:2px solid #5e9ed6}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-md-h{pointer-events:none}/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;pointer-events:none}@supports (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{left:0}/*!@:host-context([dir=rtl]):host(.legacy-toggle) label, :host-context([dir=rtl]).legacy-toggle label*/[dir=rtl].sc-ion-toggle-md-h -no-combinator.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md,[dir=rtl] .sc-ion-toggle-md-h -no-combinator.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md,[dir=rtl].legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md,[dir=rtl] .legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-toggle-md selector(.sc-ion-toggle-md:dir(rtl)){.sc-ion-toggle-md-h.legacy-toggle label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-toggle) label::-moz-focus-inner*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-toggle-md{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.toggle-wrapper*/.toggle-wrapper.sc-ion-toggle-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-toggle-md{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-toggle)) .label-text-wrapper*/.in-item.sc-ion-toggle-md-h:not(.legacy-toggle) .label-text-wrapper.sc-ion-toggle-md{margin-top:10px;margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-toggle-md{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-toggle-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.toggle-justify-space-between) .toggle-wrapper*/.toggle-justify-space-between.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.toggle-justify-start) .toggle-wrapper*/.toggle-justify-start.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-pack:start;justify-content:start}/*!@:host(.toggle-justify-end) .toggle-wrapper*/.toggle-justify-end.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-pack:end;justify-content:end}/*!@:host(.toggle-label-placement-start) .toggle-wrapper*/.toggle-label-placement-start.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.toggle-label-placement-start) .label-text-wrapper*/.toggle-label-placement-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-end) .toggle-wrapper*/.toggle-label-placement-end.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.toggle-label-placement-end) .label-text-wrapper*/.toggle-label-placement-end.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@.toggle-icon-wrapper*/.toggle-icon-wrapper.sc-ion-toggle-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transition:var(--handle-transition);transition:var(--handle-transition);will-change:transform}/*!@.toggle-icon*/.toggle-icon.sc-ion-toggle-md{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}/*!@:host(.toggle-checked) .toggle-icon*/.toggle-checked.sc-ion-toggle-md-h .toggle-icon.sc-ion-toggle-md{background:var(--track-background-checked)}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-md{border-radius:var(--handle-border-radius);position:absolute;left:var(--handle-spacing);width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);-webkit-transition:var(--handle-transition);transition:var(--handle-transition);background:var(--handle-background);-webkit-box-shadow:var(--handle-box-shadow);box-shadow:var(--handle-box-shadow);contain:strict}/*!@:host(.toggle-ltr) .toggle-inner*/.toggle-ltr.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{left:var(--handle-spacing)}/*!@:host(.toggle-rtl) .toggle-inner*/.toggle-rtl.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{right:var(--handle-spacing)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper*/.toggle-ltr.toggle-checked.sc-ion-toggle-md-h .toggle-icon-wrapper.sc-ion-toggle-md{-webkit-transform:translate3d(calc(100% - var(--handle-width)), 0, 0);transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}/*!@:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper*/.toggle-rtl.toggle-checked.sc-ion-toggle-md-h .toggle-icon-wrapper.sc-ion-toggle-md{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}/*!@:host(.toggle-checked) .toggle-inner*/.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{background:var(--handle-background-checked)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-inner*/.toggle-ltr.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{-webkit-transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0)}/*!@:host(.toggle-rtl.toggle-checked) .toggle-inner*/.toggle-rtl.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}/*!@:host*/.sc-ion-toggle-md-h{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.39);--track-background-checked:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5);--border-radius:14px;--handle-background:#ffffff;--handle-background-checked:var(--ion-color-primary, #3880ff);--handle-border-radius:50%;--handle-box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--handle-width:20px;--handle-height:20px;--handle-max-height:calc(100% + 6px);--handle-spacing:0;--handle-transition:transform 160ms cubic-bezier(0.4, 0, 0.2, 1), background-color 160ms cubic-bezier(0.4, 0, 0.2, 1)}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-md-h{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;width:36px;height:14px;contain:strict}/*!@.native-wrapper .toggle-icon*/.native-wrapper.sc-ion-toggle-md .toggle-icon.sc-ion-toggle-md{width:36px;height:14px}/*!@:host(.ion-color.toggle-checked) .toggle-icon*/.ion-color.toggle-checked.sc-ion-toggle-md-h .toggle-icon.sc-ion-toggle-md{background:rgba(var(--ion-color-base-rgb), 0.5)}/*!@:host(.ion-color.toggle-checked) .toggle-inner*/.ion-color.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{background:var(--ion-color-base)}/*!@:host(.toggle-checked) .toggle-inner*/.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{color:var(--ion-color-contrast, #fff)}/*!@.toggle-icon*/.toggle-icon.sc-ion-toggle-md{-webkit-transition:background-color 160ms;transition:background-color 160ms}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-md{will-change:background-color, transform;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#000}/*!@.toggle-inner .toggle-switch-icon*/.toggle-inner.sc-ion-toggle-md .toggle-switch-icon.sc-ion-toggle-md{-webkit-padding-start:1px;padding-inline-start:1px;-webkit-padding-end:1px;padding-inline-end:1px;padding-top:1px;padding-bottom:1px;width:100%;height:100%}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-md-h{opacity:0.38}/*!@:host(.in-item.legacy-toggle)*/.in-item.legacy-toggle.sc-ion-toggle-md-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0;padding-top:12px;padding-bottom:12px;cursor:pointer}/*!@:host(.in-item.legacy-toggle[slot=start])*/.in-item.legacy-toggle[slot=start].sc-ion-toggle-md-h{-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:18px;padding-inline-end:18px;padding-top:12px;padding-bottom:12px}";
|
|
33832
|
+
const toggleMdCss = "/*!@:host*/.sc-ion-toggle-md-h{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item:not(.legacy-toggle))*/.in-item.sc-ion-toggle-md-h:not(.legacy-toggle){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-toggle)),\n:host([slot=end]:not(.legacy-toggle))*/[slot=start].sc-ion-toggle-md-h:not(.legacy-toggle),[slot=end].sc-ion-toggle-md-h:not(.legacy-toggle){width:auto}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-md-h{contain:content;-ms-touch-action:none;touch-action:none}/*!@:host(.ion-focused) input*/.ion-focused.sc-ion-toggle-md-h input.sc-ion-toggle-md{border:2px solid #5e9ed6}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-md-h{pointer-events:none}/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;pointer-events:none}@supports (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{left:0}/*!@:host-context([dir=rtl]):host(.legacy-toggle) label, :host-context([dir=rtl]).legacy-toggle label*/[dir=rtl].sc-ion-toggle-md-h -no-combinator.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md,[dir=rtl] .sc-ion-toggle-md-h -no-combinator.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md,[dir=rtl].legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md,[dir=rtl] .legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-toggle-md selector(.sc-ion-toggle-md:dir(rtl)){.sc-ion-toggle-md-h.legacy-toggle label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-toggle) label::-moz-focus-inner*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-toggle-md{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.toggle-wrapper*/.toggle-wrapper.sc-ion-toggle-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-toggle-md{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-toggle)) .label-text-wrapper*/.in-item.sc-ion-toggle-md-h:not(.legacy-toggle) .label-text-wrapper.sc-ion-toggle-md{margin-top:10px;margin-bottom:10px}/*!@:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper*/.in-item.toggle-label-placement-stacked.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.toggle-label-placement-stacked) .native-wrapper*/.in-item.toggle-label-placement-stacked.sc-ion-toggle-md-h .native-wrapper.sc-ion-toggle-md{margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-toggle-md{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-toggle-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.toggle-justify-space-between) .toggle-wrapper*/.toggle-justify-space-between.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.toggle-justify-start) .toggle-wrapper*/.toggle-justify-start.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-pack:start;justify-content:start}/*!@:host(.toggle-justify-end) .toggle-wrapper*/.toggle-justify-end.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-pack:end;justify-content:end}/*!@:host(.toggle-alignment-start) .toggle-wrapper*/.toggle-alignment-start.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-align:start;align-items:start}/*!@:host(.toggle-alignment-center) .toggle-wrapper*/.toggle-alignment-center.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-align:center;align-items:center}/*!@:host(.toggle-label-placement-start) .toggle-wrapper*/.toggle-label-placement-start.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.toggle-label-placement-start) .label-text-wrapper*/.toggle-label-placement-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-end) .toggle-wrapper*/.toggle-label-placement-end.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.toggle-label-placement-end) .label-text-wrapper*/.toggle-label-placement-end.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.toggle-label-placement-stacked) .toggle-wrapper*/.toggle-label-placement-stacked.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-direction:column;flex-direction:column}/*!@:host(.toggle-label-placement-stacked) .label-text-wrapper*/.toggle-label-placement-stacked.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}/*!@:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper*/.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-transform-origin:left top;transform-origin:left top}/*!@:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper, :host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-start .label-text-wrapper*/[dir=rtl].sc-ion-toggle-md-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md,[dir=rtl] .sc-ion-toggle-md-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md,[dir=rtl].toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md,[dir=rtl] .toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper:dir(rtl)*/.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper*/.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-transform-origin:center top;transform-origin:center top}/*!@:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper, :host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-center .label-text-wrapper*/[dir=rtl].sc-ion-toggle-md-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md,[dir=rtl] .sc-ion-toggle-md-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md,[dir=rtl].toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md,[dir=rtl] .toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){/*!@:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper:dir(rtl)*/.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md:dir(rtl){-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}/*!@.toggle-icon-wrapper*/.toggle-icon-wrapper.sc-ion-toggle-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transition:var(--handle-transition);transition:var(--handle-transition);will-change:transform}/*!@.toggle-icon*/.toggle-icon.sc-ion-toggle-md{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}/*!@:host(.toggle-checked) .toggle-icon*/.toggle-checked.sc-ion-toggle-md-h .toggle-icon.sc-ion-toggle-md{background:var(--track-background-checked)}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-md{border-radius:var(--handle-border-radius);position:absolute;left:var(--handle-spacing);width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);-webkit-transition:var(--handle-transition);transition:var(--handle-transition);background:var(--handle-background);-webkit-box-shadow:var(--handle-box-shadow);box-shadow:var(--handle-box-shadow);contain:strict}/*!@:host(.toggle-ltr) .toggle-inner*/.toggle-ltr.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{left:var(--handle-spacing)}/*!@:host(.toggle-rtl) .toggle-inner*/.toggle-rtl.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{right:var(--handle-spacing)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper*/.toggle-ltr.toggle-checked.sc-ion-toggle-md-h .toggle-icon-wrapper.sc-ion-toggle-md{-webkit-transform:translate3d(calc(100% - var(--handle-width)), 0, 0);transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}/*!@:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper*/.toggle-rtl.toggle-checked.sc-ion-toggle-md-h .toggle-icon-wrapper.sc-ion-toggle-md{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}/*!@:host(.toggle-checked) .toggle-inner*/.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{background:var(--handle-background-checked)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-inner*/.toggle-ltr.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{-webkit-transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0)}/*!@:host(.toggle-rtl.toggle-checked) .toggle-inner*/.toggle-rtl.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}/*!@:host*/.sc-ion-toggle-md-h{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.39);--track-background-checked:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5);--border-radius:14px;--handle-background:#ffffff;--handle-background-checked:var(--ion-color-primary, #3880ff);--handle-border-radius:50%;--handle-box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--handle-width:20px;--handle-height:20px;--handle-max-height:calc(100% + 6px);--handle-spacing:0;--handle-transition:transform 160ms cubic-bezier(0.4, 0, 0.2, 1), background-color 160ms cubic-bezier(0.4, 0, 0.2, 1)}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-md-h{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;width:36px;height:14px;contain:strict}/*!@.native-wrapper .toggle-icon*/.native-wrapper.sc-ion-toggle-md .toggle-icon.sc-ion-toggle-md{width:36px;height:14px}/*!@:host(.ion-color.toggle-checked) .toggle-icon*/.ion-color.toggle-checked.sc-ion-toggle-md-h .toggle-icon.sc-ion-toggle-md{background:rgba(var(--ion-color-base-rgb), 0.5)}/*!@:host(.ion-color.toggle-checked) .toggle-inner*/.ion-color.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{background:var(--ion-color-base)}/*!@:host(.toggle-checked) .toggle-inner*/.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{color:var(--ion-color-contrast, #fff)}/*!@.toggle-icon*/.toggle-icon.sc-ion-toggle-md{-webkit-transition:background-color 160ms;transition:background-color 160ms}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-md{will-change:background-color, transform;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#000}/*!@.toggle-inner .toggle-switch-icon*/.toggle-inner.sc-ion-toggle-md .toggle-switch-icon.sc-ion-toggle-md{-webkit-padding-start:1px;padding-inline-start:1px;-webkit-padding-end:1px;padding-inline-end:1px;padding-top:1px;padding-bottom:1px;width:100%;height:100%}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-md-h{opacity:0.38}/*!@:host(.in-item.legacy-toggle)*/.in-item.legacy-toggle.sc-ion-toggle-md-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0;padding-top:12px;padding-bottom:12px;cursor:pointer}/*!@:host(.in-item.legacy-toggle[slot=start])*/.in-item.legacy-toggle[slot=start].sc-ion-toggle-md-h{-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:18px;padding-inline-end:18px;padding-top:12px;padding-bottom:12px}";
|
|
33738
33833
|
|
|
33739
33834
|
/**
|
|
33740
33835
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
@@ -33801,6 +33896,7 @@ class Toggle {
|
|
|
33801
33896
|
this.labelPlacement = 'start';
|
|
33802
33897
|
this.legacy = undefined;
|
|
33803
33898
|
this.justify = 'space-between';
|
|
33899
|
+
this.alignment = 'center';
|
|
33804
33900
|
}
|
|
33805
33901
|
disabledChanged() {
|
|
33806
33902
|
this.emitStyle();
|
|
@@ -33898,7 +33994,7 @@ class Toggle {
|
|
|
33898
33994
|
return legacyFormController.hasLegacyControl() ? this.renderLegacyToggle() : this.renderToggle();
|
|
33899
33995
|
}
|
|
33900
33996
|
renderToggle() {
|
|
33901
|
-
const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name } = this;
|
|
33997
|
+
const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name, alignment } = this;
|
|
33902
33998
|
const mode = getIonMode$1(this);
|
|
33903
33999
|
const value = this.getValue();
|
|
33904
34000
|
const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
|
|
@@ -33910,6 +34006,7 @@ class Toggle {
|
|
|
33910
34006
|
'toggle-checked': checked,
|
|
33911
34007
|
'toggle-disabled': disabled,
|
|
33912
34008
|
[`toggle-justify-${justify}`]: true,
|
|
34009
|
+
[`toggle-alignment-${alignment}`]: true,
|
|
33913
34010
|
[`toggle-label-placement-${labelPlacement}`]: true,
|
|
33914
34011
|
[`toggle-${rtl}`]: true,
|
|
33915
34012
|
}) }, hAsync("label", { class: "toggle-wrapper" }, hAsync("input", Object.assign({ type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), hAsync("div", { class: {
|
|
@@ -33970,6 +34067,7 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
|
|
|
33970
34067
|
"labelPlacement": [1, "label-placement"],
|
|
33971
34068
|
"legacy": [4],
|
|
33972
34069
|
"justify": [1],
|
|
34070
|
+
"alignment": [1],
|
|
33973
34071
|
"activated": [32]
|
|
33974
34072
|
},
|
|
33975
34073
|
"$listeners$": undefined,
|